/* -----------------------------------*/ /* ------- www.shopsetup.com -------*/ /* ------------- (c)2015 ------------*/ /* -----------------------------------*/ /* --------- Import CSS --------------*/ /* -----------------------------------*/ @import url("reset.css"); @import url("tipTip.css"); @import url("grid.css"); /* -----------------------------------*/ /* -----------------------------------*/ /* ----------->>> GENERAL <<<---------*/ /* -----------------------------------*/ body.waiting, body.waiting * { cursor: wait !important} body { background: #262626; font:0.75em Arial,Verdana,"Times New Roman",Times,serif; color: #555; } img {border: none; outline: none;} a {text-decoration:none; color:#0db3ea; color:#0d94ea; cursor:pointer;} a:hover {color:#48c0e0; color:#0d75ea;} pre { background:#f4f2e5; padding:20px 10px; color:#cc6633; border: 1px dotted #ebeae2; font-size: 12px;} pre.clean { background: none; padding: 10px; color: #555; border: none; font-size: inherit; } label {cursor:pointer} .pointer_cursor {cursor:pointer} .default_cursor {cursor:default} /* -----------------------------------*/ /* ------------>>> List <<<-----------*/ /* -----------------------------------*/ ul.list, ol.list, ol.upper-alpha { padding: 0 0 20px 0 !important } ul.list li, ol.list li, ol.upper-alpha li {padding: 4px 0 !important} ol.list { list-style-type: decimal; list-style-position: outside; padding-left: 25px !important} ol.upper-alpha { list-style-type: upper-alpha; list-style-position: outside; padding-left: 20px !important} /* -----------------------------------*/ /* --------->>> TYPOGRAPHY <<<--------*/ /* -----------------------------------*/ h1, h2, h3, h4, h5 {font-family:Arial,Verdana,"Times New Roman",Times,serif; margin:0; padding: 0; color:#484848;} h1 { font-size: 2.4em; line-height: 1.2em; font-weight:normal; margin-bottom: 20px; padding:15px 20px; background: #fafafa; margin-top:-5px; text-shadow:1px 1px 1px #fff; border:1px solid #f5f5f5} h2 { font-size: 2.1em; line-height: normal; padding:0; color:#464646; font-weight:normal;} h3 { font-size: 1.6em; line-height: normal; font-weight:normal; padding:0; margin-top:25px; border-bottom: 1px solid #ddd} h4 {font:700 16px/18px Arial, Helvetica, sans-serif; text-transform:capitalize;} h5 {font: 700 14px/18px Arial, Helvetica, sans-serif; color:#666; padding: 5px 0 0 5px; margin:5px 0;} h3.shopsetup, #cw h3.shopsetup {font: 1.7em/2.0em "Helvetica Neue", Helvetica, Arial, sans-serif; color:#414141; border-top:1px solid #eee; padding-top:5px; margin-top:15px; border-bottom:none; padding-left:10px} .fa.cyan {color:#40d7ff !important} .fa.blue {color:#42aad8 !important} .fa.lime {color:#cfee40 !important} .fa.green {color:#a9ca0e !important} .fa.lightpink {color:#ff7c81 !important} .fa.beige {color:#f6d16e !important} .fa.red {color:#c9403a !important} .fa.pink {color:#d85495 !important} .fa.grey {color:#eeeeee !important} .fa.darkgrey {color:#DDDDDD !important} .fa.purple {color:#c16ef6 !important} .fa.brown {color:#ac9c62 !important} .fa.large {font-size: 1.25em !important} .fa.larger {font-size: 1.5em !important} /* ------------------------------------*/ /* ---------->>> LOADING <<<-----------*/ /* ------------------------------------*/ .ss-loader { position: relative; } .ss-loader .normal { visibility: visible !important; } .ss-loader .worker { display: none !important; position: absolute; left: 0; top: 0; right: 0; } .ss-loader.active .normal { visibility: hidden !important; } .ss-loader.active .worker { display: inline-block !important; } /* ------------------------------------*/ /* -------->>> Placeholders <<<--------*/ /* ------------------------------------*/ #outerWrapper{background:#f6f6f6 url(/Resources/img/bg_structured.jpg) repeat-x 0 0; padding:10px 0 30px;} /* Header */ #header {background:#fff; background:#262626; margin-bottom:10px;} #header ul { width:1200px; margin:0px auto; height:50px;} #header ul li {font: 12px/14px Georgia, "Times New Roman", Times, serif; color: #fff; float:left } #header ul li a { color:#0DB3EA; font-family:Arial, Helvetica, sans-serif;} /* Logo */ #logoWrapper {background:transparent url(/Resources/img/logo.png) no-repeat left 3px; padding: 0 0 10px 0; margin:10px;} #logoWrapper a {width: 310px; height:40px; display:block; cursor:pointer} #header #cacheWrapper { float: right} #cacheWrapper a { display:block; cursor: pointer; margin: 10px; text-transform: none; } #cacheWrapper a span.timestamp { padding: 0 } #cacheWrapper a span.sstoolTip { padding: 0; float: right; width: 30px; height: 30px; background: url(/Resources/img/ico/sprite_icons.png) no-repeat -10px -893px } #system-logs { text-align: center } #system-logs a { } #mainWrapper {width:1202px; margin:0 auto; background:#fff; overflow:auto; border:1px solid #d5d5d5; display: table } #leftCol, #mainCol { display: table-cell; vertical-align: top} #leftCol {width: 200px; } #mainCol {width:1000px; } @media ( min-width: 1280px ) { #header ul, #mainWrapper {width: 98%; margin: 0 1% } #leftCol { width: 17%; } #mainCol {width: 83% } } /* ----------------------- */ /* Support - Sliding Panel top */ /* ----------------------- */ div#supportArea {background:#111 url(/Resources/img/bg_supportArea.png) repeat-x top left; display:none; color: #fff;} div#supportArea div { margin: 0 auto; width: 1180px; height:400px; padding:25px 0 30px 20px; } div#supportArea h2 { color: #888; font:normal 26px/36px 'Droid Serif', Georgia,"Times New Roman", Times, serif; margin-bottom:10px } div#supportArea p { padding:0 0 20px; } div#supportArea dl { float: left; width: 275px; margin-right: 20px } div#supportArea dl.last { margin-right: 0} div#supportArea dt { font:normal 1.4em/30px 'Droid Serif', Georgia,"Times New Roman", Times, serif; letter-spacing:1px; border-bottom: solid 1px #383838; margin-bottom: 20px; color:#777} div#supportArea h3 { } div#supportArea dd { float: left; width: 100%; padding-bottom: 10px } div#supportArea dl img { float: left; background: #fff; height: 80px; margin-right: 10px } div#supportArea a { color: #48c0e0 } /* Support Area - Toggle */ ul.slide {height:2px;background:#5eafca; background:#01a3d2} ul.slide li { width:100%; height:0px; position:relative } ul.slide li a {font:700 13px/36px Arial, Helvetica, sans-serif; color:#fff; width:200px; height:40px; position:absolute; left:50%; top:0; margin-left:-75px; z-index:10; padding:0 20px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-right-radius:6px;border-bottom-left-radius:6px; border-bottom-right-radius:6px;} ul.slide li a.btn-slide {display:block; height:40px; width:150px; background:transparent url(/Resources/img/btn_slide_bg.png) bottom center no-repeat; background:#01a3d2; text-align:center; border-top:1px solid #01a3d2} ul.slide li a:hover {color:#eee} ul.slide li a.active {color:#eee} /* ----------------------- */ /* Vänstermeny ----------- */ /* ----------------------- */ #leftCol {background:#eee;} #leftCol.dark {background:#2c2c2d;} #lw { padding: 0px; background:none; margin:0;} #lw h4 {font: bold oblique 1.2em/1.2em Georgia, "Times New Roman", Times, serif; clear:both; padding:10px 0 0 5px; } /* Left Icons - 5 total in Header */ #leftIconNav {height:35px; text-align:center; padding:3px 0px 6px; margin: 10px;} #leftIconNav li {float:left; width:36px; height:35px; background:transparent url(/Resources/img/ico/sprite_icons.png) no-repeat top right;} #leftIconNav li a {display:block; width:36px; height:35px;} /* Home */ #leftIconNav li.ico_home {background-position: -498px -200px} #leftIconNav li.ico_home:hover {background-position: -448px -200px;} /* Statistik*/ #leftIconNav li.ico_statistics {background-position: -498px -250px} #leftIconNav li.ico_statistics:hover {background-position: -448px -250px;} /* Kunder */ #leftIconNav li.ico_customers {background-position: -498px -300px} #leftIconNav li.ico_customers:hover {background-position: -448px -300px;} /* Produkter */ #leftIconNav li.ico_products {background-position: -498px -350px} #leftIconNav li.ico_products:hover {background-position: -448px -350px;} /* Produkter */ #leftIconNav li.ico_order {background-position: -498px -400px} #leftIconNav li.ico_order:hover {background-position: -448px -400px;} /* ****************************************** */ /* ****************************************** */ /* Vänsternavigeringsblock / Huvudnavigering */ /* ****************************************** */ /* ****************************************** */ .LeftNavSection { margin: 0 auto 1px } .LeftNavSection.shopsetup dd { padding-bottom: 10px } .LeftNavSection dl {border:none;} .LeftNavSection dt, .LeftNavSection dd { line-height:35px;} /* Header to every section */ .LeftNavSection dt {margin-bottom: 0px;} .LeftNavSection dt h5 { background: #4b4b4b; color:#fff; font-weight: normal; font-family: georgia, serif; font-size: 14px; padding: 15px 12px; margin: 0; cursor: pointer} .LeftNavSection dt h5 i {float: right; margin-top:2px; } /* General links */ .LeftNavSection a:hover {text-decoration: underline;} .LeftNavSection a.submenuheader {font-size:12px; font-weight: 700; text-transform:capitalize;} .LeftNavSection a.submenuheader.inactive { background: #eee} .LeftNavSection a.submenuheader i {float: left; margin-right: 3px; line-height: 35px;} .LeftNavSection a.submenuheader:hover, .LeftNavSection a.submenuheader.active {color:#2a2a2a; text-decoration: none;} .LeftNavSection a.lvl2 i {margin-right: 0px;} /* Hide Icon when a has status active */ /* .LeftNavSection .active i {visibility: hidden;} */ .LeftNavSection .submenu > dl > dd > dl.submenu {border: 2px solid #444; border-width: 0 0 0 1px; } .submenu a:hover {background: #3392e3; color:#fff; text-decoration: none;} /* Level 1 */ .LeftNavSection dl.submenu dd:first-child {padding:0} .LeftNavSection dd a.inactive {color:#444 } .LeftNavSection dd a.inactive:hover {background-color: #e8e8e8;color:#121212 } .LeftNavSection dd a.active {background-color: #cdcdcd; color:#fff} .LeftNavSection dd a.submenuheader.active {background-color: #666; color:#fff; font-weight: 700;} .submenu i {float: right;line-height: 35px;padding: 0 5px 0 0;} .shopsetup .submenu i {float: left } /*Level 2*/ .LeftNavSection dd a.lvl2 {padding-left:15px} .LeftNavSection dd a.lvl2.inactive {background-color: #f5f5f5;} .LeftNavSection dd a.lvl2.active {background-color: #d8d8d8; border-bottom:1px solid #fafafa; color:#222} .LeftNavSection dd a.lvl2:hover {color:#0DB3EA} .LeftNavSection dd dl {background:#fff; margin: 0; margin-bottom:10px;} .LeftNavSection dd dl dd {font-weight:normal; font-size:12px; } .LeftNavSection dd dl dd:last-child {border-bottom:none;} .LeftNavSection dd dl dl {margin-bottom:0; border:none; } .LeftNavSection dt a, .LeftNavSection dd a {display:block; padding:0 0 0 10px; color: #333; font-size:12px; font-weight:normal} .LeftNavSection dd a {padding-left:10px;} .LeftNavSection dd dl dd dl dd a { padding-left:28px; font-size:12px; display:block; } .LeftNavSection dt a, .LeftNavSection dd a {display:block; padding:0 0 0 10px; color: #444} .dark .LeftNavSection dt a, .dark .LeftNavSection dd a {display:block; padding:0 0 0 10px; color: #fff} /* LEVEL 3 LINKS */ .LeftNavSection dd dl dl a {padding-left:28px;} .LeftNavSection dd dl dd {background: #fff; font-weight:700;} .LeftNavSection dd dl dd a {color:#444} .LeftNavSection dd dl dd a.lvl2 {color:#222; background-color: #f1f1f1; padding-left:7px} .LeftNavSection dd a.active {color:#fff; background:#3392e3; font-weight: 700;} /* ----------------------- */ /* Main Area ----------- */ /* ----------------------- */ #cw {width:960px; background:#fff; margin-top:0px; padding:10px 20px 20px; float:left } /* inner content padding */ #cw .intro {background: #fafafa; padding: 10px 0 10px; margin-bottom:15px; border:1px solid #eee;} #cw .intro h2 {font-family: 'Droid Serif', Georgia, Times, serif; font-size:28px; line-height:40px; color:#202020; font-style: normal} #cw .intro p, #cw .intro .list {font-family: 'Droid Sans', Helvetica, Arial, sans-serif;font-size: 13px; line-height:18px; font-style:normal} #cw h2, #cw p {padding:0;} #cw h2 {font: oblique 2.5em/normal Georgia, "Times New Roman", Times, serif; letter-spacing:1px; color:#666; margin-bottom:10px; border-bottom:1px solid #eee; padding-bottom:5px } #cw h3 {font: oblique 1.6em/normal Georgia, "Times New Roman", Times, serif; margin-bottom: 15px; clear:both; padding-top:20px } #cw p {font: oblique 1.1em/1.5em Georgia, "Times New Roman", Times, serif; margin-bottom:20px;} #cw .introtext {padding:20px; border:1px dashed #eee; min-height:377px; background:#fafafa; font-size:14px; font-weight:100; line-height:150%;} #cw .introtext p {font: normal 1.1em/1.4em Arial, Helvetica, sans-serif;color:#444; margin-bottom:10px;} #cw .dashboard ul { margin: 0 -10px; border-bottom: dotted 1px #ccc; line-height: 40px } #cw .dashboard ul.header { font-weight: bold; border-bottom: solid 2px #ccc } #cw .dashboard ul .grid_2 { text-align: right } #cw p.sub-description { padding: 0px 0 10px 10px } /*help links*/ #cw .help_links { margin-top: -15px } #cw .help_links h3 { padding-top: 0;margin-bottom: 5px; border: none; font-size: 1.3em } #cw .help_links p { } #cw .help_links a { } /* System Info */ #cw .systeminfo {padding:0; margin:0px auto; background:#F7F5F1; padding-bottom:20px;} #cw .systeminfo li { padding:20px 20px 0; clear:both} #cw .systeminfo h4 {margin-bottom:5px; font-size: 16px; color:#666; text-transform:none; font-family:'Droid Serif',Georgia,Times,serif; border-bottom:1px dashed #d8d6d3} #cw .systeminfo li dl {float:left; width:50%;} #cw .systeminfo li dl .header {font-family:Georgia, "Times New Roman", Times, serif; color:#acaba8; display:inline-block; padding-right:10px} #cw .systeminfo li dl dd {line-height: 18px} #cw .requiredInfo {padding:20px 20px 0; background: #fafafa; margin:0px 0 20px; } #cw .requiredInfo p { font:oblique 1em/1.8em Georgia,"Times New Roman",Times,serif} #cw .requiredInfo p span {text-align:center; display:block;} /* Loader */ #loader { margin: 10px auto; text-align: center; width: 300px } #loader strong { font: oblique 2em/2em Georgia,"Times New Roman",Times,serif; line-height: 40px; letter-spacing: 1px; display: block; margin-bottom: 10px; background: #fff } .link_arrow { background: url(/Resources/img/bg_link_arrow.png) 5px 13px no-repeat; padding-left: 20px !important } /* Permalink */ ul.permalink {background: #ffffee; background:#fff; border:1px solid #eee; padding:10px;} ul.permalink li {/*display: inline-block*/} ul.permalink li strong {display:block; margin-right:10px;} ul.permalink li span.externalUrl {display:inline-block; zoom: 1; *display: inline; margin-left:25px;} ul.permalink li span.externalUrl a {font-weight:700; padding:0 2px; } @media ( min-width: 1280px ) { #cw { float: none; width: auto } } /* ----------- */ /* BREADCRUMBS */ /* ----------- */ #breadcrumbsWrapper { padding:12px 20px 0;} /*Main*/ #mainBreadcrumbs { font: 11px/35px Arial, Helvetica, sans-serif; background:#eee; height:35px;color:#9b9b9b; width:100%; overflow:hidden; margin:0px 0 10px; padding:0px; -moz-border-radius: 6px; border-radius: 6px;} #mainBreadcrumbs li {list-style-type:none; float:left; padding-left:15px;} #mainBreadcrumbs a { height:35px;display:block; background: transparent url(/Resources/img/ecom/bread_separator.png) no-repeat center right; padding-right: 25px; text-decoration: none; color:#454545;} #mainBreadcrumbs a.nofollow, #mainBreadcrumbs a.nofollow:hover {cursor:default; color:#454545;} .home { border: none; margin: 10px 0px;} #mainBreadcrumbs a:hover { color:#35acc5; } /* Inner breadcrumbs */ #breadcrumb { font: 11px/35px Arial, Helvetica, sans-serif; background:#f8f7ed; height:35px;color:#9b9b9b; width:100%; overflow:hidden; margin:0px 0 10px; padding:0px; -moz-border-radius: 6px; border-radius: 6px;} #breadcrumb li {list-style-type:none; float:left; padding-left:15px;} #breadcrumb a { height:35px;display:block; background: transparent url(/Resources/img/ecom/bread_separator.png) no-repeat center right; padding-right: 25px; text-decoration: none; color:#454545;} .home { border: none; margin: 10px 0px;} #breadcrumb a:hover { color:#35acc5; } /* SS nyheter */ /*header*/ #newsFeedHeader li a {background:#fafafa; padding:10px 0 10px 15px; margin-bottom:2px; display:block; color:#666; border:1px dashed #eee; border-width:1px 0; font:700 14px Arial, Helvetica, sans-serif; } /*main*/ #newsFeed { padding: 20px 0 0 0 } #newsFeed:hover { background:none;} #newsFeed p { padding: 0; margin: 0; font: normal 12px/16px Arial, Helvetica, sans-serif;border-bottom: 1px dotted #eaeaea} #newsFeed li p:hover {background: #f5f5f5 url(/Resources/img/bg_link_arrow.png) 5px 13px no-repeat; padding-left: 20px !important } #newsFeed li p a { display: block; padding: 10px 0 } /* the list wrapper */ /* div.lWrapper {} div.lWrapper .head {background: #eee; font-size: 110%; border-bottom:1px solid #fff} div.lWrapper dl { font:1.0em/1.7em Arial, Helvetica, sans-serif; float: left; margin-bottom:0; } div.lWrapper p { font:1.0em/1.2em Arial, Helvetica, sans-serif; } div.lWrapper .bg_dark { background: #eee; border: solid 1px #fff; border-width: 1px 0 } div.lWrapper .bg_bright { background: #fafafa; border: solid 1px #e9e9e9; border-width: 1px 0 } div.lWrapper .bg_dark li, div.lWrapper .bg_bright li, div.lWrapper dl.bg_dark dd, div.lWrapper dl.bg_bright dd, div.lWrapper dd { line-height: 40px } div.lWrapper .status, div.lWrapper .status span { background: url(/Resources/img/ico/checkdot_on.png) center left no-repeat; font-weight: normal; color: #555 } div.lWrapper .inactive .status, div.lWrapper .inactive .status span { background: url(/Resources/img/ico/checkdot_off.png) center left no-repeat; font-weight: normal; color: #555 } div.lWrapper .inactive a {color:#ddd} div.lWrapper .block .notvisible { background-image: url(/Resources/img/ico/checkdot_off.png) } div.lWrapper .handle a { background-position: center top; background-repeat: no-repeat; cursor: pointer; float: left; height: 32px; margin-left: 5px; margin-top: 4px; text-indent: -5000px; width: 32px; position: relative; left: auto; top: 0 } div.lWrapper .handle a.icoPreview {background-image: url(/Resources/img/ico/eye.png);} div.lWrapper .handle a.icoDelete {background-image:url(/Resources/img/ico/trash.png);} div.lWrapper .handle a.icoDeactivate {background-image:url(/Resources/img/ico/link.png);} div.lWrapper .handle a.icoEdit {background-image:url(/Resources/img/ico/edit.png);} div.lWrapper .handle a:hover { background-position: center bottom } */ /*FORM CONTROLLERS*/ fieldset {background:#fff url(/resources/img/bg/bg_fieldset.png) repeat-x top left; padding:10px 0px 10px; clear: both; margin-bottom:20px; border:1px solid #eee; border-width:5px 0 0} fieldset.lang_specific, fieldset.minimal {background:#fff url(/resources/img/bg/bg_fieldset_bottom.png) repeat-x bottom left; padding:25px 0px 10px; margin-top:2px; clear: both; margin-bottom:20px; border:1px solid #eee; border-width:0px} fieldset.lang_specific legend {font-size: 1.3em; display:none;} fieldset.lang_specific .ui-tabs .ui-tabs-nav {padding:0.2em 1em 0;} fieldset.minimal {border-top:none; margin-top:-10px; padding-top:25px} fieldset.minimal legend {display:none} #cw .ui-tabs ul li a {position: relative /*#dd240d*/ } #cw .ui-tabs a span.required {background: transparent url(/resources/img/bg/red_marker_triangle.png) no-repeat -50px -120px; position:absolute; top:0; left:0; width:20px; height:25px; text-align:left; padding:0 0 0 5px; color:#fff;} fieldset legend {font: 1.6em/1em 'Droid Serif', Georgia, "Times New Roman", Times, serif; padding:10px 10px 15px; } fieldset dl {clear:both; margin-bottom:5px; float:left; width:100%} fieldset h3 {padding: 5px 10px; margin:10px 0; border-bottom:2px solid #eee;} fieldset dl dt {float:left; font-size:1.2em; line-height:1.6em; /*min-width:175px;*/ display:block;} fieldset label {padding: 0; font-size:12px;} fieldset dl dd {float:left; line-height:1.6em; display:block;} fieldset ul {margin-bottom:10px;} fieldset ul.general-list ul {margin-bottom:0;} #cw p.helpText { margin: 0 10px 20px} #cw p.helpText.list { margin-bottom: 46px} #cw div.cwWrapper {width: 980px !important; overflow:auto} fieldset dl.Check_Radio dd ul {width:750px} fieldset dl dd ul li {float:left; line-height:1.8em; line-height:2.8em; min-width:160px; padding-right:20px} #cw div#portioninformation {border: 1px solid #ddd; padding: 5px 15px; -moz-border-radius: 5px; border-radius: 5px; background:#eee; overflow:auto;} #cw .bottom-mandatory-notifier { text-align: right; position: relative; z-index: 20; font-size: 11px; font-style: italic;margin: 0 0 -10px; color: #888 } .marker_mandatory {} span.ico_mandatory {/*text-indent: -5000px; background:transparent url(/resources/img/tiny_bullet_red.png) no-repeat top left;*/ display:inline-block; width:15px; height:auto; color: #cc0000; font-weight:700; font-size:18px} fieldset span.extendedInfo {font: 10px/12px Arial, Helvetica, sans-serif; color:#888; padding: 5px; display:block} .block_description { background: #eee; border: 1px solid #ccc; padding: 5px;} /* FORM ELEMENTS */ label.inlineLabel {width:30px; float: none; font-size:1.3em; margin:0; cursor:pointer; padding-left:0px;} label.spacer {padding-right:75px;} select {height:2em; line-height:2em; min-width:250px; border: 1px solid #ddd; padding: 3px 5px; -moz-border-radius: 5px; border-radius: 5px; } select.medium {line-height:2em; min-width: 100px; width:100px; max-width:100px;} select.small {line-height:2em; min-width: 50px; width:50px; max-width:50px;} textarea, textarea.input {min-width:250px; width:500px; border: 1px solid #ddd; padding: 2px 5px; -moz-border-radius: 5px; border-radius: 5px; font: 1.2em/1.4em Arial, Helvetica, sans-serif } textarea#commaSeperatedProdutNumbers {width:680px} input[type="text"],input[type="password"] {height:1.7em; line-height:1.7em; font-size:1.1em; border: 1px solid #ddd; padding: 2px 5px; -moz-border-radius: 5px; border-radius: 5px; min-width:250px; margin-right:5px; width:90%; width:250px} input[type="text"].smaller:focus {background:#FEFFDB; border-color: #FFDDB3;} input[type="text"].medium-small:focus {background:#FEFFDB; border-color: #FFDDB3;} input[type="text"].medium-200:focus {background:#FEFFDB; border-color: #FFDDB3;} input[type="text"].small {width: 50px; min-width:50px} input[type="text"].smaller {width: 25px; min-width:25px} input[type="text"].medium-small {width:100px; min-width: 100px; margin-right: 0px} input[type="text"].medium-200 {width:200px; min-width:200px} input[type="text"].medium {width:250px; min-width:250px} input[type="file"].medium {width:250px; min-width:250px} input[type="text"].large {width:500px; min-width:500px; padding:5px} .mandatory {/*border: 1px solid #fff2f0 !important*/ background:#ffedeb !important } input[type="reset"] {font-size:1.4em; border: 1px solid #ddd; padding: 5px 15px; -moz-border-radius: 5px; border-radius: 5px; margin-left:10px; color:#999; cursor:pointer; } input[type="submit"] {font-size:1.4em; border: 1px solid #ddd; padding: 5px 15px; -moz-border-radius: 5px; border-radius: 5px; color:#999; cursor:pointer; /*margin-top:10px*/} /* input[type="submit"] { background:#0ca3d5; text-decoration: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-bottom: 1px solid rgba(0,0,0,0.25); color:#fff; font: 700 14px/18px Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:0px; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25) }*/ input[type="submit"] { background:#68bd45; text-decoration: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-bottom: 1px solid rgba(0,0,0,0.25); color:#fff; font: 700 12px/18px Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:0px; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25) } input[type="submit"]:hover {background: #70cb4a; color:#fff; } input[type="submit"].bloat {padding:10px 20px;} input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {color:#eee;} input[type="radio"] {} input[type="checkbox"] {} input[type="submit"].list {font-size:1.4em; border: 1px solid #ddd; padding: 2px 2px; -moz-border-radius: 5px; border-radius: 5px; color:#999; cursor:pointer; margin-top:1px} input.blue {background: #00a1cb} input.blue:hover {background:#00b5e5} input.green {background: #7db500} input.green:hover {background:#8fcf00} input.orange {background: #f18d05} input.orange:hover {background:#fa9915} input.red {background: #e54028} input.red:hover {background:#e8543f} input.purple {background: #87318c} input.purple:hover { background:#99389f} /* Status Information Updates */ div.actionMsg {padding:0 0 10px 0px; float:none; clear:both} div.actionMsg span {font: bold 14px/38px Arial, Helvetica, sans-serif; color:#222; display:block; text-align:center;} div.actionMsg span.updateOK {background:#e7fcc2; border:1px solid #fff;} div.actionMsg span.updateError {background:#ffc7a9; border:1px solid #fff;} div.actionMsg span img {padding:0 10px 1px 0; vertical-align: text-bottom; position: relative; top:4px; left: 0;} /****************/ /* Pagination */ /****************/ div.navigation {padding:7px 10px; float:left; clear:both;text-align:center; margin:0px auto 5px; background:#fff; width:940px; position: relative; border:1px dashed #eee} /*div.navigation.top {border-width:0px;}*/ div.navigation.bottom {margin-top: 5px} div.navigation span {margin:0px 15px; font: 700 11px/1.5em Arial, Helvetica, sans-serif; color:#ddd } div.navigation span a {color: #555} div.navigation span.prev {float:left} div.navigation span.back {} div.navigation span.next {float:right} div.navigation div.pageInfo {position: absolute; right:0px; top:-25px; font:10px/16px Arial, Helvetica, sans-serif; background: #fff; padding: 5px 25px; color:#888;/*width:910px*/} div.navigation div.pageInfo strong {font-size: 110%; color:#222} div.bottom div.pageInfo {top:25px;} div.navigation span.pages a {margin:0px 5px; font-size:1em; font-family:Arial, Helvetica, sans-serif; padding:7px; border:1px solid #fafafa; } div.navigation span.pages a.active {margin:0px 5px; color:#222; font-family:Arial, Helvetica, sans-serif; background: #e5f1fc; border:1px solid #fff;border:1px solid #fff; background:#e5f1fc;} /*Navigation alt - ex Category */ div.navigationAlt {padding:7px 0px; float:left; clear:both;text-align:center; margin:0px auto 10px; background:#fff; width:100%; position: relative; border-bottom:1px dashed #ddd;} div.navigationAlt ul {float:left; width:100%;} div.navigationAlt ul li { float:left; width:25%; width:310px; height:30px; line-height:30px;} div.navigationAlt ul li a {text-align:center; line-height:30px; height:30px; display:inline-block; zoom: 1; *display: inline; color:#888; } div.navigationAlt ul li a:hover, div.navigationAlt ul li a.active {color: #0d94ea} div.navigationAlt ul li a span {float:left; display:block; height:30px;} div.navigationAlt ul li a span.urltop {padding-left:10px; background: #f5f5f5; margin-left:-3px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding-right:10px;} div.navigationAlt ul li.nav_updown a { width:30px; line-height:30px !important; background:#f5f5f5; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } div.navigationAlt ul li a.inactive {color:#ccc; cursor:default;} div.navigationAlt ul li.nav_up {text-align:left; width:310px} div.navigationAlt ul li.nav_up .urltop .fa {margin-right:10px;} div.navigationAlt ul li.nav_counter {width:560px; text-align:right} div.navigationAlt ul li.nav_counter span {font-weight:700; font-size:120%;} div.navigationAlt ul li.nav_counter span.count_sub {} div.navigationAlt ul li.nav_counter span.count_total {color:#999;} div.nav_counter span {font-weight:700; font-size:130%;} div.nav_counter span.count_sub {color: #444;} div.nav_counter span.count_total {color:#999; padding-right:10px} div.navigationAlt ul li.nav_updown {text-align:right; width:90px} div.navigationAlt ul li.nav_updown a {margin-left:3px} div.navigationAlt ul li.nav_updown div {float:left; height:30px; line-height:30px} div.withMiniSearch {margin-top:35px !important} div.withMiniSearch div.pageInfo {background:none; left:0} div.lWrapper div.minisearch, div.lWrapper div.minioptions {float:right; text-align:left; padding:8px 5px 8px 8px; width:350px; background: #eaeaea; position:relative; top: -26px; min-height: 30px } div.lWrapper div.minisearch label {display:block; clear:both; display:none;} div.lWrapper div.minisearch input {width: 225px !important; min-width:100px !important} div.lWrapper div.minisearch a.button {float:right} div.lWrapper div.wider {width:610px;} div.lWrapper div.minisearch select {width:150px;} div.lWrapper div.minisearch select option {max-width:450px; padding-right:10px; } @media ( min-width: 1280px ) { div.navigation { width: 100%; box-sizing: border-box; } div.navigationAlt ul li.nav_up { width: 40% } div.navigationAlt ul li.nav_counter { width: 53% } div.navigationAlt ul li.nav_updown { width: 7% } } /****************/ /* GENERAL LIST */ /****************/ .no_list_items { padding: 20px 10px; border: solid 1px #e9e9e9; background: #f0f0f0; border-width: 1px 0;text-align: center; font-size: 14px } div.tracker-list-wrapper {margin:10px 0 25px;} div.general-list-wrapper { margin: 10px 0 25px;float: left; width: 100% } .general-list {float:left; width: 100% } .general-list a { color: #2b2b2b} .general-list a:hover {color: #0D94EA} .subhead ul {background: #fff; height:45px; line-height:45px; color:#555; font-weight: 700} /* Header */ .head ul, .head dl {background:#ddd url(/Resources/img/list_header_bg.png) repeat-x; background: #dedede; height:45px; line-height:45px; color:#555; border:1px solid #cacaca; border-width:0 0 1px; font-weight: 700} .general-list .head .tight { height:36px !important; line-height:36px !important;} .general-list .head .tighter { height:28px !important; line-height:28px !important;} /* Small order list / Ascending and descending */ .general-list a.smallsort_desc {background: transparent url(/Resources/img/sort_arrow_desc.png) no-repeat right 4px;padding: 0px 15px 0px 0px;} .general-list a.smallsort_asc {background: transparent url(/Resources/img/sort_arrow_asc.png) no-repeat right 4px;padding: 0px 15px 0px 0px;} /* InnerHead */ .general-list .innerHead ul, .general-list .innerHead ul:hover {background: #fffae9 !important; margin-top:2px; height:2.5em; line-height:2.5em; border-bottom:0px; } /* Body */ .general-list .body ul, .general-list .body dl {float:left; height:3.5em; line-height:3.5em; overflow:hidden} /*sortable*/ #sortable ul { cursor: -webkit-grab; cursor: -moz-grab;cursor: grab; } #sortable ul.grabbing { cursor: -webkit-grabbing; cursor: -moz-grabbing;cursor: grabbing; } /* InnerBody */ .general-list .innerBody ul, .general-list .innerBody dl {height:2.5em; line-height:2.5em;} /* Body */ .general-list ul.isdefault, .general-list ul.isdefault:hover {background:#e6fae3/*#fff5d1*/; font-weight:700; } /* Body */ .general-list ul.isspecial, .general-list ul.isspecial:hover, .root li.isspecial, .expandableList li.isspecial {background:#fff5d1; font-weight:700; } .tab_disabled .iconAddRounded, .tab_disabled .iconSubRounded { display: none } .brand_category .is_brand_category .iconAddApp, .brand_category .is_brand_category .iconMove , .brand_category .is_brand_category .iconTrash, .brand_category .is_brand_category .iconAddRounded, .brand_category .is_brand_category .iconSubRounded, .brand_category .is_brand_category .iconCheckboxOff {visibility: hidden} .brand_attribute .is_brand_attribute .iconAddApp, .brand_attribute .is_brand_attribute .iconMove , .brand_attribute .is_brand_attribute .iconTrash, .brand_attribute .is_brand_attribute .iconAddRounded, .brand_attribute .is_brand_attribute .iconSubRounded, .brand_attribute .is_brand_attribute .iconCheckboxOff {visibility: hidden} .general-list.orderRow .body ul, .general-list.orderRow .body dl { float: left; height: auto; line-height: normal; overflow: hidden; padding: 10px 0;} .general-list.orderRow .body li span { display: block; font-size: 90%; opacity: 0.8; } /* Ej så höga listrader */ .general-list .tight {float:left; height:2.6em ; line-height:2.6em ;} .general-list .tight input.txt {height: auto !important; width: 30px !important; min-width: 20px; font-size: 13px} .general-list .head .tight { height:3em; line-height:3em; border:1px solid #cacaca; border-width:0 0 1px;} /*Zebra coloring*/ .general-list .bg_dark {background:#eee; border: 1px solid #fff; border-width: 1px 0} .general-list .bg_bright {background:#fafafa; border: 1px solid #e9e9e9; border-width: 1px 0} /* HOVER */ .general-list ul:hover, .general-list dl:hover {/*background:#fae9ce; background:#e1ecf5;*/} .general-list .head ul:hover, .general-list .head dl:hover {background:#ddd url(/Resources/img/list_header_bg.png) repeat-x; background:#dedede} .general-list .foot ul:hover, .general-list .foot dl:hover {background:none;} /* Footer */ .general-list .foot ul, .general-list .foot dl, .general-list .foot ul:hover, .general-list .foot dl:hover {background:#ddd url(/Resources/img/list_header_bg.png) repeat-x bottom left; background:#dedede; height:15px; line-height:15px; color:#555; border:1px solid #d8d8d8; border-width:1px 0 0px; font-weight: 700} /* Subfoot */ .general-list .subfoot {background:#fffeef;} .general-list .subfoot ul, .general-list .subfoot dl {line-height:2.5em; float:left;} /* Kampanjmarkering på UL Lista */ .general-list .campaign {background: #ffdada; border-bottom: 1px solid #ceb0b0; border-top: 1px solid #fafafa; font: 12px Arial, Helvetica, sans-serif; color:#ba3426 } /* Ikoner för hantering av listpost */ div.handle {float:right} div.handle a, div.handle span {cursor: pointer; float: left; height: 32px; text-indent: -5000px; width: 32px; position: relative; left: auto; top: 0 ;} div.handle span { cursor: default;} div.handle a span {cursor: pointer;} /* Inactive 'n' Not visible GFX */ .general-list .inactive, .general-list .notvisible {color:#ccc; text-decoration: line-through;} .general-list .notvisible li a {color: #ccc;} /*-------------------*/ /*--- STATUS SYMBOLS ---*/ /*-------------------*/ .general-list .state {} .general-list .state span {width:24px;display:block; float:left; background: url(/Resources/img/ico/sprite_status.png) 50px 0 no-repeat} /* Visible */ .general-list .visible span { background-position: -10px -385px ;} .general-list .notvisible .visible span {background-position: -10px -435px } /* Optional Product */ .general-list .optionalproduct span { background-position: -10px -435px ;} .general-list .isoptionalproduct .optionalproduct span {background-position: -10px -385px ;} /* Visible Leftmenu*/ .general-list .visibleleftmenu span { background-position: -10px -385px ;} .general-list .notvisibleleftmenu .visibleleftmenu span {background-position: -110px -385px ;} /* Default markering */ .general-list .isdefault .state.default span { background-position: -10px -400px ;} .general-list .ispaper .state.paper span { background-position: -10px -400px ;} /*General info in General list*/ .infoIcon span {width:32px; height:32px; display:block; margin-top:2px; float:left; background: transparent url(/Resources/img/ico/sprite_icons.png) 0px 0 no-repeat;} .general-list .infoIcon span.layout-1 { background-position: -463px -645px; float:right} /* 1 */ .general-list .infoIcon span.layout-2 {background-position: -463px -545px; float:right} /* 1/2 */ .general-list .infoIcon span.layout-3 {background-position: -463px -495px; float:right} /* 1/3 */ .general-list .infoIcon span.layout-4 {background-position: -463px -595px; float:right} /* 2/3 */ .general-list .infoIcon span.layout-8 {background-position: -463px -845px; float:right} /* 1/4 */ .general-list .infoIcon span.layout-9 {background-position: -463px -895px; float:right} /* 3/4 */ .general-list .infoIcon span.layout-5 {background-position: -463px -645px; float:right} /* 1/4 */ .general-list .infoIcon span.layout-6 {background-position: -463px -695px; float:right} /* 2/4 */ .general-list .infoIcon span.layout-7 {background-position: -463px -745px; float:right} /* 4/4 */ /* Image position */ .general-list .infoIcon span.imagelayout-0 {background-position: -413px -945px} /* Toppen */ .general-list .infoIcon span.imagelayout-1 {background-position: -413px -995px} /* Vänster */ .general-list .infoIcon span.imagelayout-2 {background-position: -413px -1045px} /* Höger */ .general-list .infoIcon span.imagelayout-3 {background-position: -413px -1095px} /* Bakom */ .infoIcon label span.layout-1 {width:32px; height:32px; display:block; margin-top:-8px; float:left; background: transparent url(/Resources/img/ico/sprite_icons.png) -463px -645px no-repeat;} /* 1 */ .infoIcon label span.layout-2 {width:32px; height:32px; display:block; margin-top:-8px; float:left; background: transparent url(/Resources/img/ico/sprite_icons.png) -463px -545px no-repeat; } /* 1/2 */ .infoIcon label span.layout-3 {width:32px; height:32px; display:block; margin-top:-8px; float:left; background: transparent url(/Resources/img/ico/sprite_icons.png) -463px -495px no-repeat; } /* 1/3 */ .infoIcon label span.layout-4 {width:32px; height:32px; display:block; margin-top:-8px; float:left; background: transparent url(/Resources/img/ico/sprite_icons.png) -463px -595px no-repeat;} /* 2/3 */ .infoIcon label span.layout-8 {width:32px; height:32px; display:block; margin-top:-8px; float:left; background: transparent url(/Resources/img/ico/sprite_icons.png) -463px -845px no-repeat; } /* 1/4 */ .infoIcon label span.layout-9 {width:32px; height:32px; display:block; margin-top:-8px; float:left; background: transparent url(/Resources/img/ico/sprite_icons.png) -463px -895px no-repeat;} /* 3/4 */ .infoIcon label span.layout-5 {width:32px; height:32px; display:block; margin-top:-8px; float:left; background: transparent url(/Resources/img/ico/sprite_icons.png) -463px -645px no-repeat;} /* 1/4 */ .infoIcon label span.layout-6 {width:32px; height:32px; display:block; margin-top:-8px; float:left; background: transparent url(/Resources/img/ico/sprite_icons.png) -463px -695px no-repeat;} /* 2/4 */ .infoIcon label span.layout-7 {width:32px; height:32px; display:block; margin-top:-8px; float:left; background: transparent url(/Resources/img/ico/sprite_icons.png) -463px -745px no-repeat;} /* 4/4 */ /* Image position */ .infoIcon label span.imagelayout-0 {width:32px; height:32px; display:block; margin-top:-8px; float:left; background: transparent url(/Resources/img/ico/sprite_icons.png) -413px -945px no-repeat;} /* Toppen */ .infoIcon label span.imagelayout-1 {width:32px; height:32px; display:block; margin-top:-8px; float:left; background: transparent url(/Resources/img/ico/sprite_icons.png) -413px -995px no-repeat;} /* Vänster */ .infoIcon label span.imagelayout-2 {width:32px; height:32px; display:block; margin-top:-8px; float:left; background: transparent url(/Resources/img/ico/sprite_icons.png) -413px -1045px no-repeat;} /* Höger */ .infoIcon label span.imagelayout-3 {width:32px; height:32px; display:block; margin-top:-8px; float:left; background: transparent url(/Resources/img/ico/sprite_icons.png) -413px -1095px no-repeat;} /* Bakom */ /* Buttons */ a.button, input[type=button], button.button {background:#0DB3EA !important; margin-top:7px; padding:0 8px; text-decoration: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border-bottom: 1px solid rgba(0,0,0,0.25); color:#fff !important; font: 700 12px/29px Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:0px; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);border: 0; } a.button:hover, a.button.active, button.button:hover, button.button.active {color: #eaeaea !important} a.orange {background:#eaa057 !important} a.green {background:#89c440 !important} a.red {background: #c42424 !important} a.cyan {background:#40d7ff !important} a.blue {background:#42aad8 !important} a.lime {background:#cfee40 !important} a.lightgreen {background:#a9ca0e !important} a.lightpink {background:#ff7c81 !important} a.beige {background:#f6d16e !important} a.lightred {background:#c9403a !important} a.pink {background:#d85495 !important} a.grey {background:#eeeeee !important; color:#444 !important; text-shadow: 1px 1px #fff !important} a.grey:hover {background:#eeeeee !important; color:#666 !important; text-shadow: 1px 1px #fff !important} a.disabled {color: #999 !important} a.purple {background:#c16ef6 !important} a.brown {background:#ac9c62 !important} /* Symbols in buttons */ /*Excel icon*/ a.button span.ico_xls { float:left; width:16px; height:16px;background: transparent url(/Resources/img/ico/ico_xls_16x16.png) center center no-repeat; text-indent: -5000px; padding:7px 5px} /* Flaggor */ .flag-SEK, .flag-DKK, .flag-NOK, .flag-Svenska, .flag-Tyska, .flag-Finska, .flag-Engelska, .flag-Danska, .flag-Norska {display:inline-block; background: url(/Resources/img/flags_sprite.png) no-repeat 0 0;width:20px; height:16px} .flag-Finska {background-position: 0 0px; } .flag-Svenska, .flag-SEK {background-position: -90px 0px; } .flag-Tyska {background-position: -30px 0px; } .flag-Engelska {background-position: -60px 0px; } .flag-Danska, .flag-DKK {background-position: -120px 0px; } .flag-Norska, .flag-NOK {background-position: -150px 0px; } a span.flag-SEK, a span.flag-Svenska, a span.flag-Tyska, a span.flag-Finska, a span.flag-Engelska, a span.flag-DKK, a span.flag-Danska, a span.flag-NOK, a span.flag-Norska {float:left; margin-top:-2px} /* Flaggor Generellt */ span.flag {text-indent:-9999px;} span.flag span {display:inline-block; background: url(/Resources/img/flags_sprite.png) no-repeat 0 2px; width:20px; height:20px; position:relative; bottom:0; left:0; margin-right:5px;line-height:20px;} span.flag span.FI {background-position:0 -2px;} span.flag span.DE {background-position: -30px -2px} span.flag span.US {background-position: -60px -2px} span.flag span.SE {background-position: -90px -2px} /*---------------*/ /*-- SEARCH -----*/ /*---------------*/ input[type="submit"].searchbutton { border: 1px solid #ddd; -moz-border-radius: 6px; border-radius: 6px; cursor:pointer;margin-top:0px; padding: 6px;} input[type="submit"].searchbutton:hover {color:#e8e8e8;} input[type="submit"].listbutton { border: 1px solid #ddd; padding: 5px 5px; -moz-border-radius: 5px; border-radius: 5px; cursor:pointer; margin-top:10px} input[type="submit"].listbutton:hover { } #cw div.search {background: #cbd6d8 url(/Resources/img/shopEarlier_bg.png) repeat-x top left; border: 1px solid #dfe8e5; float:right; padding:10px 10px 25px; -moz-border-radius: 6px; border-radius: 6px;} #cw div.search h3 {margin:0px 0 5px; padding-top:0; border:none} #cw div.search p {padding:5px 0;} input#search {width: 300px;} #cw div.search ul {margin:5px 0;} #cw div.search ul li {float:left;} #cw div.search ul.product-families {max-width: 300px} #cw div.search ul.product-families li {min-width: 150px} @media (min-width: 1600px) { #cw div.search ul.product-families {max-width: 450px} } /* Searchfilter */ #cw div.search ul.searchFilter li {display:block; float:none;} #cw div.search ul.searchFilter li label {cursor:pointer;} #cw div.search ul.searchFilter li input {position: relative; top:2px} #cw div.search ul.searchFilter li select {min-width: 200px;} #cw div.search ul.searchFilter li dl {float:left; width:100%;line-height: normal;margin-bottom: 10px;} #cw div.search ul.searchFilter li dl dd, #cw div.search ul.searchFilter li dl dt {float:left; margin-left:10px;} #cw div.search ul.searchFilter li dl dt {font-weight: 700; font-size:13px; float:none; } #cw div.search ul.searchFilter li dl dd {} @media screen and (max-width: 1280px) { #cw div.search ul.searchFilter li dl {line-height: normal;} #cw div.search ul.searchFilter li dl dt {float:none;} #cw div.search ul.searchFilter li dl dd {width: 20%;} } /*2 Columns general*/ .columns_2 {padding: 10px 0; overflow:auto;} .columns_2 li {width:45%; margin:10px 5px 0 0; padding:5px;background: #efefef } .columns_2 li dl {margin-right: 5px;} .columns_2 li dl dt {width:120px} .columns_2 li dl dt label {} ul.block li dl dt {width: 120px} a.button {background:url(/Resources/img/button_bg_28.png) no-repeat top left; display:block; float:left; background:#ddd; margin-right:5px; height:29px; margin-top:0} a.button span {padding:9px 15px; margin:0 1px 0 0; line-height:29px;} /* orderStatus symbols */ .orderstatus-0, .orderstatus-100, .orderstatus-200, .orderstatus-300, .orderstatus-301, .orderstatus-302, .orderstatus-303, .orderstatus-304, .orderstatus-305, .orderstatus-306, .orderstatus-307, .orderstatus-308, .orderstatus-309, .orderstatus-310, .orderstatus-311, .orderstatus-312, .orderstatus-500 {background: transparent url(/Resources/img/sprite.png) no-repeat; padding-left: 30px; display:block} /* Orange */ .orderstatus-0 {background-position: -100px -1238px} /* Blå */ .orderstatus-100 {background-position: -100px -1088px} /*Grön*/ .orderstatus-200 {background-position: -100px -989px} /*Rött kryss*/ .orderstatus-300, .orderstatus-301, .orderstatus-302, .orderstatus-303, .orderstatus-304, .orderstatus-305, .orderstatus-306, .orderstatus-307, .orderstatus-308, .orderstatus-309, .orderstatus-310, .orderstatus-311, .orderstatus-312 {background-position: -100px -1238px} /* Lila */ .orderstatus-500 {background-position: -100px -938px} /* Orderbekräftelse */ .ordermail { background: url(/Resources/img/ordermail.png) center no-repeat; width: 20px; display: block; float: right } .ordermail:hover { background-image: url(/Resources/img/ordermail_hover.png) } /* Skicka orderbekräftelse*/ #orderconfirmation_wrapper {} #orderconfirmation_wrapper #btn_sendemail { min-height: 117px } #orderconfirmation_wrapper #btn_sendemail .fa { font-size: 117px } #orderconfirmation_wrapper strong {display: inline-block; width: 80px } #orderconfirmation_wrapper input { width: 400px; margin: 0 5px 5px 0 } #orderconfirmation_wrapper .grid_14 i { font-size: 11px } /* Search Bar / Filter bar*/ #filterBar { border-bottom:3px solid #ccc; border-top:1px solid #dadada; background:#eee url(/Resources/img/bg_structured.jpg); padding: 10px 0; margin-bottom:10px; float:left; width: 100%} #filterBar h3 { margin: 0 0 0 5px; padding:0 0 10px 0; border-bottom:0; font-style:oblique; color: #676767;} #filterBar ul {font: 12px/14px Arial, Helvetica, sans-serif;} #filterBar label {display:block; margin-bottom:5px; font-weight:700;color:#454545; font-size:115%; font: oblique 14px/18px Georgia, "Times New Roman", Times, serif} #filterBar ul li ul li label {font-size:100%; font-family:Arial, Helvetica, sans-serif; font-weight:700;} #filterBar ul.dateStartEnd {margin-top:15px; } #filterBar ul.dateStartEnd li label { line-height:1.7em} #filterBar label.labelLeft {float:left; width:20%; line-height: 25px; font-weight:700} #filterBar input.text, #filterBar select {width:70%; min-width:100px;} #filterBar ul li ul li input.shortText {width:95% !important; min-width:5px; } #filterBar ul li ul li {width: 100%} #filterBar ul li ul li input[type="submit"] {padding: 5px; margin:0;float:right; font-size:12px} #filterBar ul.checkboxWrapper li {float:left; width:50%; height:20px; line-height:20px; } #filterBar ul.checkboxWrapper li label { display:inline-block; font-weight:normal; padding-left:3px; padding:0px; background: url(/Resources/img/sprite.png) no-repeat/* -90px -949px*/; cursor: pointer;} /* Lila */ #filterBar ul.checkboxWrapper label.purple {background-position: -90px -1148px} /* Blå */ #filterBar ul.checkboxWrapper label.blue {background-position: -90px -1098px} /*Röd*/ #filterBar ul.checkboxWrapper label.red {background-position: -90px -949px} /*Grön*/ #filterBar ul.checkboxWrapper label.green {background-position: -90px -1000px} /* Orange */ #filterBar ul.checkboxWrapper label.orange {background-position: -90px -1048px} /* Röd Kryss */ #filterBar ul.checkboxWrapper label.redX {background-position: -90px -1248px} /* Bloated Button */ #filterBar #search {padding:10px; margin-top:10px; width:275px; text-align:center} /* Bloated Button */ #filterBar #admanus-export {padding:10px; width:275px; text-align:center} /* Checkboxlista */ ul.checkboxTree { font-family:verdana,arial; padding-left: 30px; } /* drop downs to set custom classes*/ .custom_css_dropdown { margin-bottom: 0 } .custom_css_dropdown li { padding-bottom: 5px } .custom_css_dropdown li:nth-child(4n+1) { clear: left } .custom_css_dropdown li label {display: block;margin: 0 0 5px; font-weight: bold } .custom_css_dropdown li select { width: 98%; min-width: auto } /* EXPANDERBAR LISTA */ .expandableList {overflow:hidden} .expandableList a {color:#2b2b2b;} .expandableList a.active, .expandableList a:hover {color:#0D94EA;} .expandableList ul {margin-bottom:0;} .expandableList ul li {line-height: 43px; font-weight: bold; background: #f0f0f0; border: solid 1px #ddd; border-width: 1px 0; border-bottom-color: #fff;} .expandableList ul li li {background: #f4f4f4; border:none; border-top:1px solid #eaeaea; } .expandableList ul li li li {background: #f8f8f8} .expandableList .categoryLink {display:inline-block; padding:0 10px;} /* Header 'n' Footer */ .expandableList .header {background: #dedede} .expandableList .footer {background: #fff; padding-top:5px;} /* Ikon utfälld lista / ej utfälld lista*/ .expandableList .expanded a.categoryLink {background: url(/resources/img/ico/bg_minus.png) no-repeat 10px center } .expandableList .expandable a.categoryLink {background: url(/resources/img/ico/bg_plus.png) no-repeat 10px center } /* Indendt utfälld lista*/ .expandableList li .expandable a.categoryLink, .expandableList li .expanded a.categoryLink {background-position:10px center} .expandableList li li .expandable a.categoryLink, .expandableList li li .expanded a.categoryLink {background-position:30px center} .expandableList li li li .expandable a.categoryLink, .expandableList li li li .expanded a.categoryLink {background-position:50px center} .expandableList li li li li .expandable a.categoryLink, .expandableList li li li li .expanded a.categoryLink {background-position:70px center} .expandableList li li li li li .expandable a.categoryLink, .expandableList li li li li li .expanded a.categoryLink {background-position:90px center} .expandableList li li li li li li .expandable a.categoryLink, .expandableList li li li li li li .expanded a.categoryLink {background-position:110px center} .expandableList li li li li li li li .expandable a.categoryLink, .expandableList li li li li li li li .expanded a.categoryLink {background-position:130px center} .expandableList li li li li li li li li .expandable a.categoryLink, .expandableList li li li li li li li li .expanded a.categoryLink {background-position:150px center} /* Indent link */ .expandableList li .categoryLink {padding-left: 10px; width:400px;} .expandableList li li .categoryLink {padding-left: 30px; width:340px;} .expandableList li li li .categoryLink {padding-left: 50px; width:320px;} .expandableList li li li li .categoryLink {padding-left: 70px; width:300px;} .expandableList li li li li li .categoryLink {padding-left: 90px; width:280px;} .expandableList li li li li li li .categoryLink {padding-left: 110px; width:260px;} .expandableList li li li li li li li .categoryLink {padding-left: 130px; width:240px;} .expandableList li li li li li li li li.categoryLink {padding-left: 150px; width:260px;} .expandableList .handle, .expandableList .status {float:right; padding:0 10px;} a.icoAdd {background-image: url(/Resources/img/ico/ico_add.png);} a.icoEdit {background-image: url(/Resources/img/ico/edit.png);} a.icoDeactivate {background-image:url(/Resources/img/ico/link.png);} a.icoDelete {background-image:url(/Resources/img/ico/trash.png);} /* --------------------------- */ /* IKONER -------------------- */ /* --------------------------- */ /* IKONER w. 32px // Icons == 16px */ /* Background Ikoner */ a.iconWrapper, span.iconWrapper {width: 32px; height:32px; float:left; background:url(/Resources/img/ico/sprite_icons.png) no-repeat -450px -100px; margin: 5px 0 0 3px} a.iconWrapper:hover, span.iconWrapper:hover {background:url(/Resources/img/ico/sprite_icons.png) no-repeat -450px -50px;} a.iconWrapper { cursor:pointer;} /* Inactive */ .handle a.inactive, .handle span.inactive {background:url(/Resources/img/ico/sprite_icons.png) no-repeat -450px -100px;} /* Icon Placeholder */ a.iconWrapper span, span.iconWrapper span {background: transparent url(/Resources/img/ico/sprite_icons.png) no-repeat; display:block; width:32px; height:32px;} span.iconFiller, a.iconFiller {width: 32px; height:32px; float:left;} /* Add w. window in background */ a.iconAddApp span {background-position:-10px 9px; } span.iconAddApp span, span.iconAddApp:hover span {background-position:-310px 9px; } /*Hover*/ a.iconAddApp:hover span {background-position:-210px 9px; } /* Lightbulb - On */ a.iconBulbOn span {background-position:-11px -42px; } span.iconBulbOn span, span.iconBulbOn:hover span {background-position:-311px -42px; } /* Hover */ a.iconBulbOn:hover span {background-position:-211px -42px; } /* Inactive */ .notvisible a.iconBulbOn span, .notvisible a.iconBulbOn:hover span, .notvisible span.iconBulbOn span, .notvisible span.iconBulbOn:hover span {background-position: -210px -92px} .inactive a.iconBulbOn span, .inactive a.iconBulbOn:hover span, .inactive span.iconBulbOn span, .inactive span.iconBulbOn:hover span {background-position: -210px -92px} /* Lightbulb - Off */ a.iconBulbOff span {background-position:-10px -92px; } span.iconBulbOff span, span.iconBulbOff:hover span {background-position:-310px -92px; } /* Hover */ a.iconBulbOff:hover span {background-position:-210px -92px; } /* Pen w. window in background */ a.iconAppEdit span {background-position:-10px -141px; } span.iconAppEdit span, span.iconAppEdit:hover span {background-position:-310px -141px;} /* Hover */ a.iconAppEdit:hover span {background-position:-210px -141px;} /* Big Add */ a.iconAdd span {background-position:-12px -192px; } span.iconAdd span, a.iconAdd:hover span, span.iconAdd:hover span {background-position:-112px -192px; } a.iconAdd:hover span, span.iconAdd:hover span {background-position:-212px -192px; } /* Trashbin */ a.iconTrash span {background-position:-11px -241px;} span.iconTrash span, span.iconTrash:hover span {background-position:-311px -241px;} /* Hover */ a.iconTrash:hover span {background-position:-211px -241px;} /* Green Checker */ a.iconCheck span {background-position:-10px -290px;} span.iconCheck span, span.iconCheck:hover span {background-position:-310px -290px;} /* Hover */ a.iconCheck:hover span {background-position:-210px -290px;} /* Gears */ a.iconGears span {background-position:-10px -343px;} span.iconGears span, span.iconGears:hover span {background-position:-310px -343px;} a.iconGears:hover span {background-position:-210px -343px;} /* Speech Bubble Blue */ a.iconSpeechBlue span {background-position:-11px -390px;} span.iconSpeechBlue span, span.iconSpeechBubble:hover span {background-position:-311px -390px;} a.iconSpeechBubble:hover span {background-position:-211px -390px;} /* Red Cross */ a.iconRedCross span {background-position:-11px -441px;} span.iconRedCross span, span.iconRedCross:hover span {background-position:-311px -441px;} a.iconRedCross:hover span {background-position:-211px -441px;} /* Speedometer */ a.iconSpeedo span {background-position:-11px -492px;} span.iconSpeedo span, span.iconSpeedo:hover span {background-position:-311px -492px;} a.iconSpeedo:hover span {background-position:-211px -492px;} /* Calender */ a.iconCalender span {background-position:-12px -542px;} span.iconCalender span, span.iconCalender:hover span {background-position:-312px -542px;} a.iconCalender:hover span {background-position:-212px -542px;} /* Connected - Green */ a.iconConnected span {background-position:-12px -592px;} span.iconConnected span, span.iconConnected:hover span {background-position:-312px -592px;} a.iconConnected:hover span {background-position:-212px -592px;} /*Left menu specific*/ ul.notvisibleleftmenu a.iconConnected span, ul.notvisibleleftmenu a.iconConnected:hover span { background-position:-112px -641px;} /* Disconnected - Red */ a.iconDisconnected span {background-position:-12px -641px;} span.iconDisconnected span, span.iconDisconnected:hover span {background-position:-312px -641px;} a.iconDisconnected:hover span {background-position:-212px -641px;} /* Graph - Bars*/ a.iconBarChart span {background-position:-11px -693px;} span.iconBarChart span, span.iconBarChart:hover span {background-position:-311px -693px;} a.iconBarChart:hover span {background-position:-211px -693px;} /* Save */ a.iconSave span {background-position:-11px -742px;} span.iconSave span, span.iconSave:hover span {background-position:-311px -742px;} a.iconSave:hover span {background-position:-211px -742px;} /* Info Yellow */ a.iconInfoYellow span {background-position:-11px -792px;} span.iconInfoYellow span, span.iconInfoYellow:hover span {background-position:-311px -792px;} a.iconInfoYellow:hover span {background-position:-211px -792px;} /* Info Yellow */ a.iconInfoYellow span {background-position:-11px -791px;} span.iconInfoYellow span, span.iconInfoYellow:hover span {background-position:-311px -791px;} a.iconInfoYellow:hover span {background-position:-211px -791px;} /* Info Blue */ a.iconInfoBlue span {background-position:-11px -841px;} span.iconInfoBlue span, span.iconInfoBlue:hover span {background-position:-311px -841px;} a.iconInfoBlue:hover span {background-position:-211px -841px;} /* Question Blue */ a.iconQuestBlue span {background-position:-11px -891px;} span.iconQuestBlue span, span.iconQuestBlue:hover span {background-position:-311px -891px;} a.iconQuestBlue:hover span {background-position:-211px -891px;} /* Question Blue */ a.iconQuestBlue span {background-position:-11px -891px;} span.iconQuestBlue span, span.iconQuestBlue:hover span {background-position:-311px -891px;} a.iconQuestBlue:hover span {background-position:-211px -891px;} /* Info Warning Yellow */ a.iconTriangleInfo span {background-position:-12px -941px;} span.iconTriangleInfo span, span.iconTriangleInfo:hover span {background-position:-312px -941px;} a.iconTriangleInfo:hover span {background-position:-212px -941px;} /* Info Warning Yellow */ a.iconTriangleInfo span {background-position:-12px -941px;} span.iconTriangleInfo span, span.iconTriangleInfo:hover span {background-position:-312px -941px;} a.iconTriangleInfo:hover span {background-position:-212px -941px;} /* Magnifying Glass */ a.iconSearch span {background-position:-12px -992px;} span.iconSearch span, span.iconSearch:hover span {background-position:-312px -992px;} a.iconSearch:hover span {background-position:-212px -992px;} /* Settings */ a.iconSettings span {background-position:-12px -1041px;} span.iconSettings span, span.iconSettings:hover span {background-position:-312px -1041px;} a.iconSettings:hover span {background-position:-212px -1041px;} /* Settings Tratt */ a.iconFunnel span {background-position:-12px -1091px;} span.iconFunnel span, span.iconFunnel:hover span {background-position:-312px -1091px;} a.iconFunnel:hover span {background-position:-212px -1091px;} /* Show Eye */ a.iconEye span {background-position:-12px -1139px;} span.iconEye span, span.iconEye:hover span {background-position:-312px -1139px;} a.iconEye:hover span {background-position:-212px -1139px;} /* Settings */ a.iconFunnel span {background-position:-12px -1091px;} span.iconFunnel span, span.iconFunnel:hover span {background-position:-312px -1091px;} a.iconFunnel:hover span {background-position:-212px -1091px;} /* Link */ a.iconChain span {background-position:-11px -1188px;} span.iconChain span, span.iconChain:hover span {background-position:-311px -1188px;} a.iconChain:hover span {background-position:-211px -1188px;} /* Link - Broken */ a.iconChainBroken span {background-position:-12px -1241px;} a.iconChainBroken span {background-position:-12px -1241px;} span.iconChainBroken span, span.iconChainBroken:hover span {background-position:-312px -1241px;} a.iconChainBroken:hover span {background-position:-212px -1241px;} /* Lock */ a.iconLock span {background-position:-12px -1291px;} span.iconLock span, span.iconLock:hover span {background-position:-312px -1291px;} a.iconLock:hover span {background-position:-212px -1291px;} /* Lock Open */ a.iconLockOpen span {background-position:-12px -1343px;} span.iconLockOpen span, span.iconLockOpen:hover span {background-position:-312px -1343px;} a.iconLockOpen:hover span {background-position:-212px -1343px;} /* Edit Pen */ a.iconPen span {background-position:-13px -1392px;} span.iconPen span, span.iconPen:hover span {background-position:-313px -1392px;} a.iconPen:hover span {background-position:-213px -1392px;} /* Image Icon */ a.iconImage span {background-position:-9px -1442px;} span.iconImage span, span.iconImage:hover span {background-position:-309px -1442px;} a.iconImage:hover span {background-position:-209px -1442px;} /* Connect Icon */ a.iconConnect span {background-position:-9px -1498px;} span.iconConnect span, span.iconConnect:hover span {background-position:-309px -1498px;} a.iconConnect:hover span {background-position:-209px -1498px;} /* Pin Icon */ a.iconPin span {background-position:-9px -1541px;} span.iconPin span, span.iconPin:hover span {background-position:-309px -1541px;} a.iconPin:hover span {background-position:-209px -1541px;} /* Star Icon */ a.iconStar span {background-position:-9px -1590px;} span.iconStar span, span.iconStar:hover span {background-position:-309px -1590px;} a.iconStar:hover span {background-position:-209px -1590px;} /* Profile Icon */ a.iconProfile span {background-position:-9px -1642px;} span.iconProfile span, span.iconProfile:hover span {background-position:-309px -1642px;} a.iconProfile:hover span {background-position:-209px -1642px;} /* World Globe Icon */ a.iconWorld span {background-position:-9px -1691px;} span.iconWorld span, span.iconWorld:hover span {background-position:-309px -1691px;} a.iconWorld:hover span {background-position:-209px -1691px;} /* Icon Chart Diagram */ a.iconChart span {background-position:-9px -1741px;} span.iconChart span, span.iconChart:hover span {background-position:-309px -1741px;} a.iconChart:hover span {background-position:-209px -1741px;} /* Colours Icon */ a.iconColor span {background-position:-10px -1791px;} span.iconColor span, span.iconColor:hover span {background-position:-310px -1791px;} a.iconColor:hover span {background-position:-210px -1791px;} /* Anchor Icon */ a.iconAnchor span {background-position:-10px -1891px;} span.iconAnchor span, span.iconAnchor:hover span {background-position:-310px -1891px;} a.iconAnchor:hover span {background-position:-210px -1891px;} /* Star 2 Icon */ a.iconStar2 span {background-position:-9px -1942px;} span.iconStar2 span, span.iconStar2:hover span {background-position:-309px -1942px;} a.iconStar2:hover span {background-position:-209px -1942px;} /* Add Rounded Icon */ a.iconAddRounded span {background-position:-9px -1990px;} span.iconAddRounded span, span.iconAddRounded:hover span {background-position:-309px -1990px;} a.iconAddRounded:hover span {background-position:-209px -1990px;} /* Sub Rounded Icon */ a.iconSubRounded span {background-position:-9px -2040px;} span.iconSubRounded span, span.iconSubRounded:hover span {background-position:-309px -2040px;} a.iconSubRounded:hover span {background-position:-209px -2040px;} /* Delete small Icon */ a.iconDeleteSmall span {background-position:-9px -2089px;} span.iconDeleteSmall span, span.iconDeleteSmall:hover span {background-position:-309px -2089px;} a.iconDeleteSmall:hover span {background-position:-209px -2089px;} /* checkmark small Icon */ a.iconCheckSmall span {background-position:-9px -2140px;} span.iconCheckSmall span, span.iconCheckSmall:hover span {background-position:-309px -2140px;} a.iconCheckSmall:hover span {background-position:-209px -2140px;} /* Checkbox On Icon */ a.iconCheckboxOn span {background-position:-9px -2190px;} span.iconCheckboxOn span, span.iconCheckboxOn:hover span {background-position:-309px -2190px;} a.iconCheckboxOn:hover span {background-position:-209px -2190px;} /* Checkbox off Icon */ a.iconCheckboxOff span {background-position:-9px -2240px;} span.iconCheckboxOff span, span.iconCheckboxOff:hover span {background-position:-309px -2240px;} a.iconCheckboxOff:hover span {background-position:-209px -2240px;} /* Crop Edit Icon */ a.iconAppCrop span {background-position:-10px -2341px;} span.iconAppCrop span, span.iconAppCrop:hover span {background-position:-313px -2341px;} a.iconAppCrop:hover span {background-position:-210px -2341px;} /* Invoice Icon */ a.iconInvoice span {background-position:-9px -2391px;} span.iconInvoice span, span.iconInvoice:hover span {background-position:-309px -2391px;} a.iconInvoice:hover span {background-position:-209px -2391px;} /* Move File Icon */ a.iconMove span {background-position:-9px -2441px;} span.iconMove span, span.iconMove:hover span {background-position:-309px -2441px;} a.iconMove:hover span {background-position:-209px -2441px;} /* Move File Icon */ a.iconDrag span {background-position:-9px -2960px;} span.iconDrag span, span.iconDrag:hover span {background-position:-309px -2960px;} a.iconDrag:hover span {background-position:-209px -2960px;} /* Print Icon */ a.iconPrint span {background-position:-112px -3014px;} span.iconPrint span, span.iconPrint:hover span {background-position:-9px -3014px;} a.iconPrint:hover span {background-position:-9px -3014px;} /* Status meddelande */ .expandableList .status {float:right; width: 80px; font-weight: normal; color: #555 } .expandableList .status span {background: url(/Resources/img/ico/sprite_status.png) no-repeat 50px 50px; width:32px; height:32px; float:left; margin-top:5px} .expandableList .header .status { text-align:left; font-weight:700; width:80px;} .expandableList .header .status span {background:none; margin-top:0} .expandableList .header .handle span {text-indent: 0px} /* Notvisible*/ .expandableList .notvisible a, .expandableList .notvisible span {color:#ccc !important;} /* Synlig / icke synlig*/ .expandableList .visible span { background-position: -10px -388px } .expandableList .notvisible .visible span { background-position: -10px -435px; } /* Position */ .expandableList .position {width:80px; padding:0 10px; float:right; text-align:center; } .expandableList .notvisible .position {color:#ccc} /* Sidor */ .expandableList .pages {width:120px;padding:0 10px; float:right; text-align:left;overflow: hidden } /* Edit Icons */ .expandableList .handle {float:right; padding-right:10px; min-width:220px} .expandableList .handle .iconWrapper {background-repeat: no-repeat; cursor: pointer; float: left; height: 32px; margin-left: 5px; margin-top: 6px; text-indent: -5000px; width: 32px; position: relative; left: auto; top: 0; text-align:right} /* ---------------------------------- */ /* Image Crop Function */ /* ---------------------------------- */ #source-grid { border:1px dashed #ccc; margin-right:-2px; text-align:center; min-height:680px; background:#f8f8fa;} .preview-container, .source-container { margin:0 auto;} .preview-container { margin: 0 auto; display:block;} .thumbnails-container li {margin:0 0 10px 0; padding:5px; border:1px dashed #ccc; clear:both; text-align:center; background:#f8f8fa} .thumbnails-container h5 {} ul.greyBlock {background:#fff !important; padding-top:10px; padding-bottom:10px; margin-bottom:10px;} /* -----------------------------------*/ /* -----------------------------------*/ #footer { background:#262626 url(/Resources/img/footer_top_shadow.png) repeat-x top left; padding:10px 0 50px; color:#efefef; font: 10px/14px "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif; text-transform: none; padding-top:10px} #footer .center {width: 1200px; margin:0 auto; text-align:center;} /* Avdelningsträd */ #category { padding-left: 0 } #category li { } #category li a {color:#454545} #category .head {background: #e5e5e5;} #category .notvisible {color: #ccc;} #category ul li:hover { background: #e1ecf5 } #category .expandable li:hover {background: #f0f0f0;} #category .expanded li:hover { background: #e1ecf5} #category ul li:hover li, #category ul li:hover ul {} #category ul li.expanded { background: #eee} #category ul li input { margin-right: 5px } #category ul li ul li.expanded {} #category li ul { padding: 0; } #category li ul li { border: solid 1px #ddd; border-width: 1px 0; border-top-color: #fff; padding-left: 20px; } #category li ul li ul {} #category li ul li ul li { border:1px solid #fff; border-width:0 0 0 1px;} #category li ul li ul li ul li {} #category li ul li ul li ul li ul li { background: #fafafa; } #category li span { left: 10px } #category .handle, #category .status { float: right; padding-right: 10px; } #category .handle a, #category .handle span { background-position: center top; background-repeat: no-repeat; cursor: pointer; float: left; height: 32px; margin-left: 5px; margin-top: 8px; text-indent: -5000px; width: 32px; position: relative; left: auto; top: 0 } #category .handle a:hover { background-position: center bottom } #category span.icoAdd {background-image: none } #category span.icoEdit {background-image: none} #category span.icoDeactivate {background-image: none} span.icoDelete {background-image: none} #category .status { padding: 0 0 0 30px; width: 120px; background: url(/Resources/img/ico/checkdot_on.png) center left no-repeat; font-weight: normal; color: #555 } #category .notvisible .status { background-image: url(/Resources/img/ico/checkdot_off.png); color:#ccc; } .category { background: #fff; margin: 10px 0 20px; padding:10px;border:1px solid #eee; } .category legend {display:none;} .category fieldset { padding-top: 0; margin-bottom: 0; background:#fafafa; background:#fff; padding:10px; } .category ul { padding: 0 10px } .category ul li { padding: 1px 0; line-height:22px;} .category ul span { float: right; font-size: 120%; color:#dd240d; font-weight:700 } /* Ordersida */ .greyBox {background: #eee; float:left; padding:10px; -moz-border-radius: 6px; border-radius: 6px;} .greyBox ul li {padding:5px !important;} .greyBox ul.header {background: #ccc; overflow:auto; padding: 3px 0} .greyBox ul.header li { font-weight:700;} .greyBox .oRow {border-bottom: 1px solid #ddd; overflow:auto} .semiBox { padding: 10px 20px; -moz-border-radius: 6px; border-radius: 6px; font-size:12px; background:#f5f5f5; margin:10px auto 0;} .semiBox h4 {font: oblique 16px/16px Georgia, "Times New Roman", Times, serif; border-bottom:1px solid #eaeaea; margin-bottom:5px; padding-bottom:5px;} .semiBox dl dd {clear:both; overflow:auto; /*background:#eaeaea;*/ padding:5px 3px } .semiBox dl dd:hover {/*background: #fff;*/} .semiBox dl dd div {/*float:left;*/ overflow:auto} .semiBox dl dt {font: 700 12px/14px arial, "Times New Roman", Times, serif;} .semiBox input {} .semiBox textarea {float:left; width:69%; min-width:200px; height: 90px} .semiBox dl dd ul {overflow:auto;} .semiBox dl dd label { display:inline-block; padding-left: 5px; min-width:100px; font-weight:400; font:oblique 12px/normal Georgia, "Times New Roman", Times, serif; cursor: pointer} .semiBox dl dd ul li {float:left; display:block} .semiBox dl dd ul {width:300px;} .semiBox dl dd ul li input { float: left;} .semiBox dl dd ul li label {width: 75px; float:left; display:block; margin-top:3px; overflow:hidden; min-width:50px; } .semiBox dl dd ul.checkboxWrapper {width:415px;} .semiBox dl dd ul.checkboxWrapper li {width:200px;} .semiBox dl dd ul.checkboxWrapper li label {width:140px;} /* var 100 innan */ .semiBox div.twoCol {width:50% !important; float:left;} .semiBox .VAT {color:#999; font-size: 95% !important;} .semiBox .highlight {font-size: 110%; font-weight:700; color:#222; background:#fff; border-top:1px solid #fff; padding-top:8px; padding-bottom:8px; margin-top:5px;} .semiBox dl dd ul li label.purple, .semiBox dl dd ul li label.blue, .semiBox dl dd ul li label.red, .semiBox dl dd ul li label.green, .semiBox dl dd ul li label.orange, .semiBox dl dd ul li label.redX {background: url(/Resources/img/sprite.png) no-repeat; padding-left:30px} .semiBox dl dd ul li label.purple {background-position: -90px -1149px} .semiBox dl dd ul li label.blue {background-position: -90px -1099px} .semiBox dl dd ul li label.red {background-position: -90px -949px} .semiBox dl dd ul li label.green {background-position: -90px -1000px} .semiBox dl dd ul li label.orange {background-position: -90px -1049px} .semiBox dl dd ul li label.redX {background-position: -90px -1248px} .semiBox dl.Check_Radio dl dd {padding:0} .semiBox dl.Check_Radio ul li {min-width:100px; line-height:22px} h4.semibox {font:oblique 1.3em/24px 'Droid Serif', "Times New Roman", Times, serif; margin:15px 0 0 0px; padding:5px } /* innerBlock */ div.block_white {padding:10px; background:#fff; float:left;} div.block_white ul li {display:block; float:none; margin-bottom:10px; } div.block_white label { font-weight:700;display:block; float:left; width: 150px;} div.block_white .imgR {} /* Statistik */ #cw .extended-stat { background: #fff; border-top: solid 1px #fff; float: left; width: 100%; padding: 0 0 15px } #cw .extended-stat p.header { background: #eee; margin-bottom: 0; padding: 10px; border-bottom: solid 1px #ddd; } #cw .extended-stat p.header span { font-size: 1.3em } #cw .extended-stat .stat-wrapper { float: left; width: 100%; border-top: solid 1px #fff; } #cw .extended-stat .stat-wrapper li.foot ul { background: #eee } #cw .extended-stat .stat-wrapper #loader strong { font: oblique 1.3em/2em Georgia,"Times New Roman",Times,serif } /* Width 980px;*/ div.boxWrapper {padding:5px 9px; border:1px solid #eee; overflow:auto; margin-bottom:15px; background: #F6F6F6; -moz-border-radius: 6px; border-radius: 6px; } div.boxWrapper label {font-weight:700; display:block; float:left; min-width:100px; padding-right:10px; color:#777 } div.boxWrapper dl dd {margin: 5px 0} div.boxWrapper dl dd.hasinputfield label {line-height: 28px;} /* Tabs special variant */ #tabs li.tabsAltview {float:right; background: transparent url(/resources/img/bg/bg_button_alttab.png) repeat-x top left;} #tabs li.tabsAltview.ui-state-active {background:#fff;} #tabs li.tabsAltview a {color:#fff; text-shadow: 1px 1px #638d2e; padding-left:15px; padding-right:15px;} #tabs li.tabsAltview.ui-state-active a {text-shadow:none; color:#222} /* FancyBox */ #fancybox_content {font:12px/20px Arial, Helvetica, sans-serif; color:#f5f5f5; } #fancybox-error {color:#f5f5f5 !important;} .white #fancybox-error {color:#444 !important;} #fancybox_content h3 {padding:0 100px; border:none; color:#fafafa; margin-top:0; border: 0; line-height:60px;} #fancybox_content p {color:#f5f5f5; padding:10px 10px 15px 10px} #fancybox_content ul {padding: 10px 30px 15px} #fancybox_content ul li {list-style-type:disc; padding-left:5px; margin-left: 15px;} #fancybox_content ul.ul-error li {list-style-type:none; padding-left:0; margin-left: 0;} /* Meddelande ERROR */ #fancybox_content.error {} #fancybox_content.error h3 {background: transparent url(/resources/img/fancybox/ico_warning.png) no-repeat 30px top;} #fancybox_content.error ul {} #fancybox_content.error ul li {} /* Meddelande OK */ #fancybox_content.success {} #fancybox_content.success h3 {background: transparent url(/resources/img/fancybox/ico_success.png) no-repeat 15px top;} #fancybox_content.add-item {background-position: 20px 20px !important;} #fancybox_content.add-item h3 {background:none !important; text-align:center; position:relative; top:15px} #fancybox_content.success ul {} #fancybox_content.success ul li {} /* Meddelande INFO */ #fancybox_content.info {} #fancybox_content.info h3 {background: transparent url(/resources/img/fancybox/ico_information.png) no-repeat 15px top;} /* Fancybox Specific classes */ #fancybox-outer.white {background:#fff !important} /* Fancybox Modal */ div.fancybox-confirm-content {padding:20px 80px !important;background: url(/resources/img/fancybox/ico_ballon_green_question.png) no-repeat 15px 18px !important;} #fancybox_content.fancybox-confirm-content h3 { padding:10px 0 0px 18px !important; text-shadow:1px 1px #444; } #fancybox_content.fancybox-confirm-content p {padding:0px 10px 15px 10px} /* div.fancybox-confirm-wrapper #fancybox-content .fancybox-confirm-content {margin: 10px 50px;} div.fancybox-confirm-wrapper #fancybox-content #fancybox_content h3 {border: 1px solid #000; background: #222 url(/resources/img/fancybox/ico_ballon_green_question.png) no-repeat 0 0; padding:10px 20px 10px 90px !important;}*/ /* Fancybox Edit price*/ #fancybox-content {} #fancybox-content #price_wrapper { } #fancybox-content .navigationAlt { width: auto } #fancybox-content .nav_counter { width: 870px } #fancybox-content .intro {background: #fafafa; padding: 10px 0 10px; margin-bottom:15px; border:1px solid #eee;} #fancybox-content .intro h2 {font-family: 'Droid Serif', Georgia, Times, serif; font-size:28px; line-height:40px; color:#202020; font-style: normal; border-bottom: solid 1px #eee } #fancybox-content .intro p {font-family: 'Droid Sans', Helvetica, Arial, sans-serif;font-size: 13px; line-height:18px; font-style:normal} #fancybox-content div.minisearch, #fancybox-content div.minioptions {float:right; text-align:left; padding:8px 5px 8px 8px; width:350px; background: #eaeaea; position:relative; top: -26px;} #fancybox-content div.minisearch label {display:block; clear:both; display:none;} #fancybox-content div.minisearch input {width: 225px !important; min-width:100px !important} #fancybox-content div.minisearch a.button {float:right} #fancybox-content div.wider {width:610px;} #fancybox-content div.minisearch select {width:150px;} #fancybox-content div.minisearch select option {max-width:450px; padding-right:10px; } #fancybox-content .message { background: #f5f5f5; font-size: 14px; color: #333; border: dashed 1px #ddd; border-width: 2px 0; text-align: center; position: absolute; z-index: 100; top: 50%; width: 100%; margin: -35px 0 0 } #fancybox-content .message h3 { border: none; padding: 20px 100px; margin: 0 auto; display: inline-block; } #fancybox-content .message p { padding: 10px 10px 15px } #fancybox-content .message .ul-error { list-style-type: none; text-align: left; max-width: 300px; margin: 0 auto 20px; line-height: 20px } #fancybox-content .message .ul-error li span { font-weight: bold } /* Meddelande ERROR i Fancybox */ #fancybox-content .message.error { display: none } #fancybox-content .message.error h3 { background: transparent url(/resources/img/fancybox/ico_warning.png) no-repeat 30px 10px } /* Meddelande OK i Fancybox*/ #fancybox-content .message.success { display: none } #fancybox-content .message.success h3 {background: transparent url(/resources/img/fancybox/ico_success.png) no-repeat 30px center } @media (min-width: 1280px ) { #fancybox-content .navigationAlt { width: 100% } #fancybox-content .nav_updown { width: 92px } } /*-- FIXES --*/ /*-----------*/ /*-- DATE PICKER --*/ #ui-datepicker-div {display:none;} /*-------------------------------------------------------*/ /*--------------------- TINY MCE ------------------------*/ /*-------------------------------------------------------*/ body#tinymce {background: #fff !important; padding:15px;} .sum {font-weight: 700 !important; text-align:right !important} /* ----------------------------------------------------- */ /* Blandade klasser */ /* Placement */ .noMargin {margin: 0 !important} .noPadding {padding: 0 !important} .fLeft {float:left !important} .fRight {float:right !important} .fNone {float:none !important} .tLeft {text-align: left !important} .tRight {text-align:right !important} .tCenter {text-align: center !important} .clear {clear:both !important} .dispBlock {display:block !important; margin-top:5px; margin-bottom:5px;} .dispNone {display:none !important} /* Distance */ .mt7 {margin-top:7px !important} .mlb10 {margin-left:10px !important; margin-bottom:10px !important;} .mtb10 {margin-top: 10px !important; margin-bottom:10px !important} .mb15_neg {margin-bottom:-15px !important} .plr10 {padding-left:10px !important; padding-right:10px !important;} .ptb10 {padding-top: 10px !important; padding-bottom: 10px !important;} /*margin and padding */ .m0, .p0 { margin: 0 !important; padding: 0 !important } .mt0, .pt0 { margin-top: 0 !important; padding-top: 0 !important } .ml0, .pl0 { margin-left: 0 !important; padding-left: 0 !important } .mr0, .pr0 { margin-right: 0 !important; padding-right: 0 !important } .mb0, .pb0 { margin-bottom: 0 !important; padding-bottom: 0 !important } /*margin*/ .m5 { margin: 5px !important } .m10 { margin: 10px !important } .m15 { margin: 15px !important } .m20 { margin: 20px !important } .m100 { margin: 100px !important } .mt5 { margin-top: 5px !important } .mt10 { margin-top: 10px !important } .mt15 { margin-top: 15px !important } .mt20 { margin-top: 20px !important } .mt100 { margin-top: 100px !important } .mr5 { margin-right: 5px !important } .mr10 { margin-right: 10px !important } .mr15 { margin-right: 15px !important } .mr20 { margin-right: 20px !important } .mr100 { margin-right: 100px !important } .mb5 { margin-bottom: 5px !important } .mb10 { margin-bottom: 10px !important } .mb15 { margin-bottom: 15px !important } .mb20 { margin-bottom: 20px !important } .mb100 { margin-bottom: 100px !important } .ml5 { margin-left: 5px !important } .ml10 { margin-left: 10px !important } .ml15 { margin-left: 15px !important } .ml20 { margin-left: 20px !important } .ml100 { margin-left: 100px !important } /*padding*/ .p5 { padding: 5px !important } .p10 { padding: 10px !important } .p15 { padding: 15px !important } .p20 { padding: 20px !important } .p100 { padding: 100px !important } .pt5 { padding-top: 5px !important } .pt10 { padding-top: 10px !important } .pt15 { padding-top: 15px !important } .pt20 { padding-top: 20px !important } .pt100 { padding-top: 100px !important } .pr5 { padding-right: 5px !important } .pr10 { padding-right: 10px !important } .pr15 { padding-right: 15px !important } .pr20 { padding-right: 20px !important } .pr100 { padding-right: 100px !important } .pb5 { padding-bottom: 5px !important } .pb10 { padding-bottom: 10px !important } .pb15 { padding-bottom: 15px !important } .pb20 { padding-bottom: 20px !important } .pb100 { padding-bottom: 100px !important } .pl5 { padding-left: 5px !important } .pl10 { padding-left: 10px !important } .pl15 { padding-left: 15px !important } .pl20 { padding-left: 20px !important } .pl100 { padding-left: 100px !important } /*negative margin*/ .m5_neg { margin: -5px !important } .m10_neg { margin: -10px !important } .m15_neg { margin: -15px !important } .m20_neg { margin: -20px !important } .m100_neg { margin: -100px !important } .mt5_neg { margin-top: -5px !important } .mt10_neg { margin-top: -10px !important } .mt15_neg { margin-top: -15px !important } .mt20_neg { margin-top: -20px !important } .mt100_neg { margin-top: -100px !important } .mr5_neg { margin-right: -5px !important } .mr10_neg { margin-right: -10px !important } .mr15_neg { margin-right: -15px !important } .mr20_neg { margin-right: -20px !important } .mr100_neg { margin-right: -100px !important } .mb5_neg { margin-bottom: -5px !important } .mb10_neg { margin-bottom: -10px !important } .mb15_neg { margin-bottom: -15px !important } .mb20_neg { margin-bottom: -20px !important } .mb100_neg { margin-bottom: -100px !important } .ml5_neg { margin-left: -5px !important } .ml10_neg { margin-left: -10px !important } .ml15_neg { margin-left: -15px !important } .ml20_neg { margin-left: -20px !important } .ml100_neg { margin-left: -100px !important } /*negative padding*/ .p5_neg { padding: -5px !important } .p10_neg { padding: -10px !important } .p15_neg { padding: -15px !important } .p20_neg { padding: -20px !important } .p100_neg { padding: -100px !important } .pt5_neg { padding-top: -5px !important } .pt10_neg { padding-top: -10px !important } .pt15_neg { padding-top: -15px !important } .pt20_neg { padding-top: -20px !important } .pt100_neg { padding-top: -100px !important } .pr5_neg { padding-right: -5px !important } .pr10_neg { padding-right: -10px !important } .pr15_neg { padding-right: -15px !important } .pr20_neg { padding-right: -20px !important } .pr100_neg { padding-right: -100px !important } .pb5_neg { padding-bottom: -5px !important } .pb10_neg { padding-bottom: -10px !important } .pb15_neg { padding-bottom: -15px !important } .pb20_neg { padding-bottom: -20px !important } .pb100_neg { padding-bottom: -100px !important } .pl5_neg { padding-left: -5px !important } .pl10_neg { padding-left: -10px !important } .pl15_neg { padding-left: -15px !important } .pl20_neg { padding-left: -20px !important } .pl100_neg { padding-left: -100px !important } .mtNeg_xxl {margin-top:-100px !important; } .mtNeg_xl {margin-top:-65px !important; } .mtNeg_l {margin-top:-40px !important; } .mtNeg_m {margin-top:-25px !important;} .mtNeg_s {margin-top:-10px !important;} .blueBG {background:#EBF2FB !important} .green {color:#4fcf4f !important} .red {color:#CE5050 !important} .greyBg {background:#fafafa; margin:10px 0; border:1px solid #f5f5f5;} .smallText { font-size: 80% } /* CSS 3 */ .box-shadow { -moz-box-shadow: 1px 1px 1px rgba(200,200,200,0.7); /* Firefox */ -webkit-box-shadow: 1px 1px 1px rgba(200,200,200,0.7); /* Safari, Chrome */ box-shadow: 1px 1px 1px rgba(200,200,200,0.7); /* CSS3 */ } .innerBox-shadow { -moz-box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.2); box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.2); } /*Border*/ .borderLeft {border-left: 1px solid #e8e8e8 !important;} .rounded-corners { -moz-border-radius: 6px; /* Firefox */ -webkit-border-radius: 6px; /* Safari, Chrome */ border-radius: 6px; /* CSS3 */ } .rounded-corners-bottom {-moz-border-radius: 0 0 6px 6px; /* Firefox */ -webkit-border-radius:0 0 6px 6px; /* Safari, Chrome */ border-radius: 0 0 6px 6px; /* CSS3 */} .rounded-corners-bottom-right {-moz-border-radius: 0 0 6px 0px; /* Firefox */ -webkit-border-radius:0 0 6px 0px; /* Safari, Chrome */ border-radius: 0 0 6px 0px; /* CSS3 */} .rounded-corners-top {-moz-border-radius: 6px 6px 0 0; /* Firefox */ -webkit-border-radius: 6px 6px 0 0; /* Safari, Chrome */ border-radius: 6px 6px 0 0; /* CSS3 */} .rounded-corners-top-right {-moz-border-radius: 0 6px 0px 0px; /* Firefox */ -webkit-border-radius:0 6px 0 0px; /* Safari, Chrome */ border-radius: 0 6px 0 0px; /* CSS3 */} .rounded-corners-bottom-left {-moz-border-radius: 0 0 0 6px; /* Firefox */ -webkit-border-radius:0 0 0 6px; /* Safari, Chrome */ border-radius: 0 0 0 6px; /* CSS3 */} .rounded-corners-top-left {-moz-border-radius: 6px 0px 0px 0; /* Firefox */ -webkit-border-radius:6px 0 0px 0; /* Safari, Chrome */ border-radius: 6px 0 0px 0; /* CSS3 */} .shadow { -moz-box-shadow: 1px 1px 1px #666; -webkit-box-shadow: 1px 1px 1px #666; box-shadow: 1px 1px 1px #666; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999')"; /* For IE 5.5 - 7 */ /*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999');*/ } .shadow_light { -moz-box-shadow: 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px #ccc; box-shadow: 1px 1px 1px #ccc; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#cccccc')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength24, Direction=135, Color='#cccccc'); } .ul-error{ list-style-type: none } /* ************************************************************************** */ /* ClearFIX*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* DELIVERYZONE RELATED */ .deliveryzone-item-header {min-height: 42px;line-height: 42px; padding: 0 10px } .deliveryzone-item-header.bg_dark {background:#eee; border: 1px solid #fff; border-width: 1px 0} .deliveryzone-item-header.bg_bright {background:#fafafa; border: 1px solid #e9e9e9; border-width: 1px 0} .deliveryzone-item-header, .deliveryzone-item-header.notvisible a {color:#ccc; text-decoration: line-through;} .deliveryzone-name-editing .internalname-input, .deliveryzone-name-new .internalname-input { margin-top: 7px } .deliveryzone-item.expanded { margin-bottom:0px; padding-bottom:0px;} .expanded .deliveryzone-item-header {background:#FFF5D1 !important;font-weight: 700; margin-bottom: 20px } .deliveryzone-item-content { margin-bottom: 20px} .inline-block { display: inline-block } /* DropZone */ .log-wrapper .log-header { font-weight: 800; padding-top: 10px; padding: 5px; } .log-wrapper .log-entries {margin: 5px 0; padding: 5px 0; border-top: 1px solid #cdcdcd} .log-wrapper .log-entry{ padding: 5px; margin: 5px 0; } .log-wrapper .log-entry.error { background: #ffecec;} .log-wrapper .log-entry.success { background: #f0ffec;} .log-wrapper .log-fileName, .log-wrapper .log-message, .log-wrapper .log-date { float:left } .log-wrapper .log-fileName { width: 35%; vertical-align: top } .log-wrapper .log-message { width: 50%; vertical-align: top} .log-wrapper .log-date { width: 15%; vertical-align: top; text-align: right} /* ********************** Manually added ********************** */ /**************************************************/ /* Login ******************************************/ /**************************************************/ /*listwrapper for formular*/ body.login { min-width: initial; } .login_wrapper { width: 100%; height: 100%; background: #2f353a; } .login_wrapper .login { padding: 30px 30px 10px; width: 560px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 4px; overflow: hidden; } .login_wrapper .login h1 { margin: -30px -30px 30px; padding: 20px 30px; background: #000; color: #fff; } .login_wrapper .login p { margin: 0 0 20px; } .login_wrapper .login dd:first-child { top: -2500px; left: -2500px; position: absolute; } .login_wrapper .login label { margin: 0 0 15px; display: block; font-weight: 500; font-size: 14px; line-height: 26px; } .login_wrapper .login input[type="text"], .login_wrapper .login input[type="password"] { margin: 5px 0 0; width: 100%; font-size: 14px; } .login_wrapper .login .button { margin-top: 20px; } .login_wrapper .login .back { padding: 20px 0 0; display: block; text-align: center; } .login_wrapper .login .error { background-color: #e8cece; padding: 20px; margin: -30px -30px 20px -30px; font-size: 14px; text-align: center; } .login_wrapper .login .error:empty { display: none !important; } .login_wrapper .login .error:before { font-family: FontAwesome; content: "\f071"; margin-right: 10px; } /* Password Strength */ .password-strength { background: #f8fafc; padding: 1rem; margin-bottom: 2rem; /* ul { display: flex; } */ } .password-strength h4 { margin-bottom: 0.25rem; } .password-strength li { line-height: 1.5; } .password-strength li > * { display: flex; align-items: center; margin-right: 1rem; } .password-strength .validation-result:before { font-family: "FontAwesome"; content: "\f096"; color: lightgrey; font-size: 1rem; width: 1.25rem; display: block; } .password-strength .valid-result::before { content: "\f046"; color: green; } /* 2FA-related CSS */ .margin-two-factor-input { margin-top: 30px; } .two-factor-helper-text { font-size: large; } .twoFA__wrapper { --distance: 1rem; } .twoFA__wrapper p:last-child { margin-bottom: 0 !important; } .twoFA__wrapper section { background: #eee; padding: var(--distance); } .twoFA__wrapper section > div { background: #fff; padding: var(--distance); max-width: 75ch; margin: 0 auto; } .twoFA__wrapper .twoFA__block { min-height: 350px; margin: 0 0 var(--distance); padding: var(--distance) 0; text-align: center; display: flex; flex-direction: column; /* justify-content: center; */ } .twoFA__wrapper .twoFA__block > * { margin-bottom: var(--distance); margin-left: auto; margin-right: auto; max-width: 90%; } .twoFA__wrapper .twoFA__block .qr-code-wrapper { display: flex; justify-content: center; } .twoFA__wrapper h3 { padding: 0; } .twoFA__wrapper label { display: block; } .twoFA__wrapper .twoFA__button-wrapper { display: flex; justify-content: space-around; } .twoFA__wrapper .progress-wrapper { display: flex; justify-content: space-between; position: relative; margin: var(--distance) 0; min-width: 100%; width: 350px; } .twoFA__wrapper .progress-wrapper::before { content: ""; background-color: var(--line-border-empty); position: absolute; top: 50%; left: 0; transform: translateY(-50%); height: 4px; width: 100%; z-index: 1; } .twoFA__wrapper .progress-container { --line-border-fill: #3498db; --line-border-empty: #e0e0e0; padding: calc(var(--distance) / 2) var(--distance); } .twoFA__wrapper .progress-container .progress { background-color: var(--line-border-fill); position: absolute; top: 50%; left: 0; transform: translateY(-50%); height: 4px; width: 0%; z-index: 1; transition: 0.4s ease; } .twoFA__wrapper .progress-container .circle { background-color: #fff; color: #999; border-radius: 50%; height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; border: 3px solid var(--line-border-empty); transition: 0.4s ease; position: relative; z-index: +1; } .twoFA__wrapper .progress-container .circle.active { border-color: var(--line-border-fill); } .twoFA__wrapper .progress-container .btn { background-color: var(--line-border-fill); color: #fff; border: 0; border-radius: 6px; cursor: pointer; font-family: inherit; padding: 8px 30px; margin: 5px; font-size: 14px; } .twoFA__wrapper .progress-container .btn:active { transform: scale(0.98); } .twoFA__wrapper .progress-container .btn:focus { outline: 0; } .twoFA__wrapper .progress-container .btn:disabled { background-color: var(--line-border-empty); opacity: 0.5; cursor: not-allowed; } .twoFA__confirm { display: flex; flex-direction: column; align-items: center; } .twoFA__confirm > * { margin: 0.5rem 0; } .input_token-wrapper { display: flex; justify-content: center; align-items: center; margin-bottom: 1rem; } .input_token-wrapper input[type="text"] { min-width: auto; height: 4rem; width: 4rem; font-size: 2rem; line-height: 1; text-align: center; } .twoFA__block--wrapper { background: #fafafa; margin: var(--distance) 0; } .twoFA__fbh pre { text-align: center; display: flex; flex-wrap: wrap; justify-content: space-around; background: #333; } .twoFA__fbh pre div { flex: 1 0 100%; display: flex; justify-content: space-around; margin-top: 1rem; } .twoFA__fbh h3 { padding-left: 0; } .twoFA__fbh label { display: block; } .twoFA__fbh .confirm-container { text-align: center; margin: 1rem 0; } .twoFA__fbh .confirm__buttonwrapper > * { margin: 0.5rem 1rem 1rem; } .twoFA__fbh .two-factor-button--cancel { } .log-wrapper .log-header { font-weight: 500; padding: 20px 10px 5px; margin: 0 0 5px; border-bottom: 1px solid #c8ced3; } .log-wrapper .log-entries { margin: 0 0 20px; } .log-wrapper .log-entry { padding: 10px; margin: 0 0 5px; } .log-wrapper .log-entry.error { background: #ffecec; } .log-wrapper .log-entry.success { background: #f0ffec; } .log-wrapper.user .log-entry { background: #f0f3f5; } .log-wrapper.user .log-date { text-align: left; } .log-wrapper.user .log-ip { float: left; width: 35%; vertical-align: top; text-align: right; } .log-wrapper .log-fileName, .log-wrapper .log-message, .log-wrapper .log-date { float: left; } .log-wrapper .log-fileName { width: 35%; vertical-align: top; } .log-wrapper .log-message { width: 40%; vertical-align: top; } .log-wrapper .log-date { width: 25%; vertical-align: top; text-align: right; } .profile-link { display: inline-block; margin-top: 15px; } .profile-icon:before { font-family: "FontAwesome"; content: "\f007"; font-size: 1rem; width: 1.25rem; display: inline-block; } .logout-link { display: inline-block; margin-top: 5px; color: #ce5050 !important; } .logout-icon:before { font-family: "FontAwesome"; content: "\f023"; font-size: 1rem; width: 1.25rem; display: inline-block; } /* 2FA */ .general-list .twofactor span { background-position: -10px -385px; } .general-list .twofactor_inactive .state.twofactor span { background-position: -10px -435px; } /* user */ .general-list .notactive .visible span { background-position: -10px -435px; } .no_list_items, .info_box { padding: 20px 10px; border: solid 1px #e1e4e5; background: #f0f3f5; text-align: center; font-size: 14px; font-weight: 300; margin-bottom: 20px; } /* Bakom */ /* denied login */ .general-list .denied-login span { background-position: -13px -939px; }