/*!
 * mgw-media.de CSS Utilities v1.2.10
 * https://mgw-media.de/
 * 
 * Copyright (c) 2026 mgw-media.de - web solutions
 * 
 * This stylesheet is NOT free software.
 * You may not redistribute this package or any parts of it!
 * 
 * $Id: utils.css 22096 2026-03-04 00:16:27Z markus $
 */

/* keyframes */
@keyframes waiting {
  0% {transform:rotate(0deg);}
  to {transform:rotate(360deg);}
}

@keyframes progress {
  0% {background-position:0 0;}
  to {background-position:40px 0;}
}

@keyframes scale {
  0% {transform:scale(.1);opacity:0;}
  to {transform:scale(1);opacity:1;}
}

@keyframes fade {
  0% {opacity:0;}
  to {opacity:1;}
}

@keyframes shake {
  0% {transform:translateX(0);}
  12% {transform:translateX(-6px);}
  37% {transform:translateX(5px);}
  62% {transform:translateX(-3px);}
  87% {transform:translateX(2px);}
  to {transform:translateX(0);}
}

/* general */
body {margin:0;font:14px Arial,Helvetica,sans-serif;color:#000;}
a {color:#000;cursor:pointer;}
img {margin:0;border:0;height:auto;-ms-interpolation-mode:bicubic;vertical-align:middle;}
h1, h2, h3, h4, h5, h6 {margin:0;border:0;font-family:inherit;font-weight:bold;color:inherit;text-rendering:optimizeLegibility;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block;}
audio, canvas, progress, video {display:inline-block;vertical-align:baseline;}
audio:not([controls]) {display:none;height:0;}
abbr[title] {border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}
b, strong {font-weight:bold;}
dfn {font-style:italic;}
sub, sup {position:relative;line-height:0;font-size:75%;vertical-align:baseline;}
sup {top:-.5em;}
sub {bottom:-.25em;}
svg:not (:root) {overflow:hidden;}
hr {box-sizing:content-box;height:0;}
code, kbd, pre, samp {font-family:Monaco,Menlo,"Ubuntu Mono",Consolas,"source-code-pro","Courier New",monospace;font-size:1em;}
pre {overflow:auto;}
button, input, optgroup, select, textarea {font:inherit;margin:0;}
button, input {overflow:visible;}
button, select {text-transform:none;}
textarea {overflow:auto;}
fieldset {margin:0 2px;padding:6px 10px 12px;border:1px solid #c0c0c0;}
legend {border:0 none;padding:0 5px;}
iframe {border:0 none;}
template, [hidden] {display:none;}
*, *::before, *::after {box-sizing:border-box;}
* *::selection {background-color:rgba(228, 0, 32, .7);}

/* tools */
.show {display:block !important;}
.hide {display:none !important;}
.block {display:block;}
.noprint {display:none;}
.notext {text-indent:-99999px;}
.invisible {visibility:hidden;}
.hidden {display:none !important;visibility:hidden !important;}
.scroll {overflow:auto;}
.noscroll {overflow:hidden;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.justify {text-align:justify;}
.underline {text-decoration:underline;}
.overline {text-decoration:overline;}
.strike {text-decoration:line-through;}
.blink {text-decoration:blink;}
.ellipsis {text-overflow:ellipsis;}
.lowercase {text-transform:lowercase;}
.uppercase {text-transform:uppercase;}
.capitalize {text-transform:capitalize;}
.top {vertical-align:top;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}
.nowrap {white-space:nowrap;}
.smallfont, small {font-size:80%;}
.normalfont {font-size:100%;}
.bigfont, big {font-size:120%;}
.red {color:#ff0000;}
.grey {color:#888;}
.green {color:#95c46d;}
.blue {color:#0b9fcb;}
.greybg {background-color:#f0f0f0;}
.greenbg {background-color:#95c46d;}
.bluebg {background-color:#0b9fcb;}
.mark, mark {color:#000;background:#ff0;}
kbd {padding:2px 4px;background-color:#333;font-size:90%;color:#fff;border-radius:3px;box-shadow:0 -1px 0 rgba(0, 0, 0, 0.25) inset;}
del {background:#faa;text-decoration:line-through;}
ins {background:#9f9;text-decoration:none;}
.shadow {box-shadow:0 1px 5px rgba(127, 127, 127, .5);}
.radius {border-radius:8px;}
.line {border:none;border-top:1px solid #ddd;}
.noselect {user-select:none;}
.selectable {user-select:text;}
.transition {transition:all .3s linear;}
.fade {transition:opacity .5s linear;}
.waiting {animation:waiting 2s linear infinite;}
.shake {animation:shake .5s ease-in-out 1;}
.link {cursor:pointer;}
.floatLeft {float:left;}
.floatRight {float:right;}
.clear {clear:both;}
.clearfix::after {content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
.required::after {content:" \2022";color:#ff0000;}
.arrow {position:relative;display:block;width:30px;height:30px;margin-top:35%;margin-left:20%;background:#e40020;}
.arrow::after {content:"";position:absolute;top:50%;left:100%;width:0;height:0;margin-top:-30px;border:30px solid transparent;border-left-color:#e40020;pointer-events:none;}
.border {width:auto;height:1px;background:#fff;border:none;border-top:1px solid #cfcfcf;}
.border.dotted {border-style:dotted none none;}
.blur {filter:url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogIDxmaWx0ZXIgaWQ9ImJsdXIiPg0KICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIwIi8+DQogIDwvZmlsdGVyPg0KPC9zdmc+#blur');}
.disabler {display:none;position:absolute;top:0;left:0;bottom:0;right:0;background:#eee url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAQMAAAC3R49OAAAABlBMVEXo6Ojs7OyvkP6eAAAARUlEQVR42k3JMRHAIBREwcdQUBIHWMBBLMVBvjSkIOFKCoZLm20XbsE7wYPkIBvKgbqhLf6N48J0Dg8bsZJQFrOIUUU0fT+yHU15VJ7OAAAAAElFTkSuQmCC') repeat;opacity:0.5;filter:alpha(opacity=50);z-index:4000;}
code {padding:2px 4px;background:#f0f0f0;border:1px solid #ccc;color:#444;font-size:90%;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;border-radius:3px;}
div.coder {display:block;padding:3px;border:1px solid #ccc;border-radius:3px;overflow:auto;white-space:nowrap;font-size:11px;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;}
pre.coder {display:block;margin:0;padding:10px;background:#f0f0f0;border:1px solid #ccc;border-radius:4px;color:#7b8a8b;line-height:1.2;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;word-break:break-all;word-wrap:break-word;}
img.button {display:block;margin:0 2px;}
a.external {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAMklEQVR42mPABp4wKPxHxjBxvIpx6gKx4TS6cTMZjPnRFUMITAWY9uJyD40UwTAunwIAt7Q+EdTrieMAAAAASUVORK5CYII=') no-repeat right center;padding-right:11px;}
a.link.prev::before {content:"\ab ";}
a.link.next::after {content:" \bb";}
label.expander {display:block;width:14px;height:14px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAOCAMAAABaWb9VAAAAKlBMVEVHcEwxSmP///+crcbn7/eltdbU3vGUpb3r8//G0ue9xsapvdqcpb21yOM2j/gdAAAAAXRSTlMAQObYZgAAAGBJREFUKM/NzssOwCAIRFEQ5KHy/7/bapfFxFXT2Z7cZAD+OiGiMVTbMQCVOWM8hiVo7HliHJuEpaeJZQCj4NxbtgA674pXzEAyAL0BPZJkFZEl7NFrTZIdQMNn7Ri+2QXqEQL3ItcaBwAAAABJRU5ErkJggg==") no-repeat 2px 0;cursor:pointer;}
label.expander.open {background-position:-23px 0;}

/* distances and sizes */
.marginAuto {margin:auto !important;}
.marginCenter {margin:0 auto !important;}
.margin0 {margin:0 !important;}
.margin0T {margin-top:0 !important;}
.margin0B {margin-bottom:0 !important;}
.margin0L {margin-left:0 !important;}
.margin0R {margin-right:0 !important;}
.margin10 {margin:10px !important;}
.margin10T {margin-top:10px !important;}
.margin10B {margin-bottom:10px !important;}
.margin10L {margin-left:10px !important;}
.margin10R {margin-right:10px !important;}
.margin15 {margin:15px !important;}
.margin15T {margin-top:15px !important;}
.margin15B {margin-bottom:15px !important;}
.margin15L {margin-left:15px !important;}
.margin15R {margin-right:15px !important;}
.margin20 {margin:20px !important;}
.margin20T {margin-top:20px !important;}
.margin20B {margin-bottom:20px !important;}
.margin20L {margin-left:20px !important;}
.margin20R {margin-right:20px !important;}
.margin25 {margin:25px !important;}
.margin25T {margin-top:25px !important;}
.margin25B {margin-bottom:25px !important;}
.margin25L {margin-left:25px !important;}
.margin25R {margin-right:25px !important;}
.margin50 {margin:50px !important;}
.margin50T {margin-top:50px !important;}
.margin50B {margin-bottom:50px !important;}
.margin50L {margin-left:50px !important;}
.margin50R {margin-right:50px !important;}
.margin100 {margin:100px !important;}
.margin100T {margin-top:100px !important;}
.margin100B {margin-bottom:100px !important;}
.margin100L {margin-left:100px !important;}
.margin100R {margin-right:100px !important;}
.padding0 {padding:0 !important;}
.padding1 {padding:1px !important;}
.padding10 {padding:10px !important;}
.padding10T {padding-top:10px !important;}
.padding10B {padding-bottom:10px !important;}
.padding10L {padding-left:10px !important;}
.padding10R {padding-right:10px !important;}
.padding15 {padding:15px !important;}
.padding15T {padding-top:15px !important;}
.padding15B {padding-bottom:15px !important;}
.padding15L {padding-left:15px !important;}
.padding15R {padding-right:15px !important;}
.padding20 {padding:20px !important;}
.padding20T {padding-top:20px !important;}
.padding20B {padding-bottom:20px !important;}
.padding20L {padding-left:20px !important;}
.padding20R {padding-right:20px !important;}
.padding25 {padding:25px !important;}
.padding25T {padding-top:25px !important;}
.padding25B {padding-bottom:25px !important;}
.padding25L {padding-left:25px !important;}
.padding25R {padding-right:25px !important;}
.padding50 {padding:50px !important;}
.padding50T {padding-top:50px !important;}
.padding50B {padding-bottom:50px !important;}
.padding50L {padding-left:50px !important;}
.padding50R {padding-right:50px !important;}
.spaceL {padding-left:10px !important;}
.spaceR {padding-right:10px !important;}
.width {width:100%;}
.width50 {width:50px !important;}
.width100 {width:100px !important;}
.width150 {width:150px !important;}
.width200 {width:200px !important;}
.width250 {width:250px !important;}
.width300 {width:300px !important;}
.width400 {width:400px !important;}
.width500 {width:500px !important;}
.width600 {width:600px !important;}
.maxWidth50 {max-width:50px;}
.maxWidth100 {max-width:100px;}
.maxWidth150 {max-width:150px;}
.maxWidth200 {max-width:200px;}
.maxWidth250 {max-width:250px;}
.maxWidth300 {max-width:300px;}
.maxWidth400 {max-width:400px;}
.maxWidth500 {max-width:500px;}
.maxWidth600 {max-width:600px;}
.height50 {height:50px !important;}
.height100 {height:100px !important;}
.height150 {height:150px !important;}
.height200 {height:200px !important;}
.height250 {height:250px !important;}
.maxHeight50 {max-height:50px;}
.maxHeight100 {max-height:100px;}
.maxHeight150 {max-height:150px;}
.maxHeight200 {max-height:200px;}
.maxHeight250 {max-height:250px;}

/* buttons and input elements */
button, input, optgroup, select, textarea {margin:0;font:inherit;}
button, select {text-transform:none;}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {cursor:pointer;-webkit-appearance:button;}
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
select,
textarea {margin:0;padding:0;background:#fff;border:1px solid #ccc;outline:0;font:14px Arial,Helvetica,sans-serif;color:#686868;border-radius:3px;box-shadow:inset 0 1px 0 #eee, 0 1px 0 #fff;transition:border-color .2s linear, box-shadow .2s linear;}
textarea.resizeable {min-height:75px;max-height:750px;resize:vertical;}
input[type="checkbox"],
input[type="radio"] {border:0;outline:0;cursor:pointer;}
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"] {height:30px;padding:0 6px;line-height:28px;}
input.big[type="date"],
input.big[type="datetime-local"],
input.big[type="email"],
input.big[type="number"],
input.big[type="password"],
inpu.bigt[type="tel"],
input.big[type="text"],
input.big[type="time"],
input.big[type="url"] {height:40px;padding:0 12px;line-height:38px;font-size:16px;}
select {height:30px;padding:0 4px;line-height:30px;}
select.big {height:40px;padding:0 8px;line-height:40px;font-size:16px;}
select[size],
select[multiple] {height:auto;}
textarea {padding:6px;overflow:auto;resize:none;}
textarea.big {padding:12px;}
input[readonly], select[readonly], textarea[readonly] {cursor:default;}
input[disabled], select[disabled], textarea[disabled] {background-color:#eee;color:#999;cursor:not-allowed;}
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {border-color:#e40020;box-shadow:inset 0 1px 2px rgba(0, 0, 0, .1), 0 0 5px rgba(228, 0, 32, .5);}
input.success[type="date"],
input.success[type="datetime-local"],
input.success[type="email"],
input.success[type="number"],
input.success[type="password"],
input.success[type="tel"],
input.success[type="text"],
input.success[type="time"],
input.success[type="url"],
select.success,
textarea.success {border-color:#00cc00;background-color:#e2ffd6 !important;box-shadow:inset 0 1px 2px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 204, 0, .5);}
input.error[type="date"],
input[type="date"]:invalid,
input.error[type="datetime-local"],
input[type="datetime-local"]:invalid,
input.error[type="email"],
input[type="email"]:invalid,
input.error[type="number"],
input[type="number"]:invalid,
input.error[type="password"],
input[type="password"]:invalid,
input.error[type="tel"],
input[type="tel"]:invalid,
input.error[type="text"],
input[type="text"]:invalid,
input.error[type="time"],
input[type="time"]:invalid,
input.error[type="url"],
input[type="url"]:invalid,
select.error,
select:invalid,
textarea.error,
textarea:invalid {border-color:#cc0000;background-color:#ffe2d6 !important;box-shadow:inset 0 1px 2px rgba(0, 0, 0, .1), 0 0 5px rgba(204, 0, 0, .5);}
input:placeholder, textarea:placeholder {color:#444;}
input:focus:placeholder, textarea:focus:placeholder {color:#999;}
.btn {display:inline-block;height:30px;padding:0 12px;font-size:14px;line-height:1;font-weight:normal;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:4px;box-shadow:inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 2px rgba(0, 0, 0, .05);transition:all .2s linear;}
.btn.fix {width:30px;padding:0;}
a.btn {line-height:28px;text-decoration:none !important;}
.btn:focus,
.btn:active:focus {outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.btn:hover,
.btn:focus {color:#333;text-decoration:none;}
.btn:active {background-image:none;outline:0;}
.btn[disabled] {pointer-events:none;cursor:not-allowed;box-shadow:none;opacity:.65;}
.btn.big {height:40px;padding:0 24px;font-size:16px;}
.btn.big.fix {width:40px;}
a.btn.big {line-height:38px;}
.btn.default {color:#333;background-color:#f6f6f6;border-color:#ccc;}
.btn.default:hover,
.btn.default:focus,
.btn.default:active {color:#333;background-color:#e6e6e6;border-color:#adadad;}
.btn.default[disabled] {background-color:#fff;border-color:#ccc;}
.btn.submit {color:#fff;background-color:#e40020;border-color:#b9001c;}
.btn.submit:hover,
.btn.submit:focus,
.btn.submit:active {color:#fff;background-color:#ff0f33;border-color:#e40020;}
.btn.submit[disabled] {background-color:#c24b5e;border-color:#ab3849;}
.btn.green {color:#fff;background-color:#5cb85c;border-color:#4cae4c;}
.btn.green:hover,
.btn.green:focus,
.btn.green:active {color:#fff;background-color:#449d44;border-color:#398439;}
.btn.green[disabled] {background-color:#5cb85c;border-color:#4cae4c;}
.btn.red {color:#fff;background-color:#d9534f;border-color:#d43f3a;}
.btn.red:hover,
.btn.red:focus,
.btn.red:active {color:#fff;background-color:#c9302c;border-color:#ac2925;}
.btn.red[disabled] {background-color:#d9534f;border-color:#d43f3a;}
.btn.orange {color:#fff;background-color:#f0ad4e;border-color:#eea236;}
.btn.orange:hover,
.btn.orange:focus,
.btn.orange:active {color:#fff;background-color:#ec971f;border-color:#d58512;}
.btn.orange[disabled] {background-color:#f0ad4e;border-color:#eea236;}
.btn.blue {color:#fff;background-color:#5bc0de;border-color:#46b8da;}
.btn.blue:hover,
.btn.blue:focus,
.btn.blue:active {color:#fff;background-color:#31b0d5;border-color:#269abc;}
.btn.blue[disabled] {background-color:#5bc0de;border-color:#46b8da;}
.btn .btn-icon {font-size:12px;}

/* input groups */
.inputGroup {position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%;}
.inputGroupField {position:relative;flex:1 1 auto;width:1%;margin-bottom:0;}
.inputGroupField:focus {z-index:3;}
.inputGroupText {display:flex;align-items:center;padding:0 6px;margin-bottom:0;background-color:#ebebeb;font-size:14px;font-weight:400;line-height:28px;color:#495057;text-align:center;white-space:nowrap;border:1px solid #ccc;color:#686868;border-radius:3px;box-shadow:inset 0 1px 0 #eee, 0 1px 0 #fff;}
.inputGroupText input[type="radio"],
.inputGroupText input[type="checkbox"] {margin-top:0;}
.inputGroupAppend,
.inputGroupPrepend {display:flex;}
.inputGroup > .inputGroupAppend .btn,
.inputGroup > .inputGroupPrepend .btn {position:relative;z-index:2;}
.inputGroup > .inputGroupField:not(:last-child),
.inputGroup > .inputGroupText:not(:last-child) {border-top-right-radius:0;border-bottom-right-radius:0;}
.inputGroup > .inputGroupField:not(:first-child),
.inputGroup > .inputGroupText:not(:first-child) {border-top-left-radius:0;border-bottom-left-radius:0;}
.inputGroup > .inputGroupAppend > .btn,
.inputGroup > .inputGroupAppend > .inputGroupField,
.inputGroup > .inputGroupAppend > .inputGroupText,
.inputGroup > .inputGroupPrepend:not(:first-child) > .btn,
.inputGroup > .inputGroupPrepend:not(:first-child) > .inputGroupField,
.inputGroup > .inputGroupPrepend:not(:first-child) > .inputGroupText,
.inputGroup > .inputGroupPrepend:first-child > .btn:not(:first-child),
.inputGroup > .inputGroupPrepend:first-child > .inputGroupField:not(:first-child),
.inputGroup > .inputGroupPrepend:first-child > .inputGroupText:not(:first-child) {border-top-left-radius:0;border-bottom-left-radius:0;}
.inputGroup > .inputGroupPrepend > .btn,
.inputGroup > .inputGroupPrepend > .inputGroupField,
.inputGroup > .inputGroupPrepend > .inputGroupText,
.inputGroup > .inputGroupAppend:not(:last-child) > .btn,
.inputGroup > .inputGroupAppend:not(:last-child) > .inputGroupField,
.inputGroup > .inputGroupAppend:not(:last-child) > .inputGroupText,
.inputGroup > .inputGroupAppend:last-child > .btn:not(:last-child),
.inputGroup > .inputGroupAppend:last-child > .inputGroupField:not(:last-child),
.inputGroup > .inputGroupAppend:last-child > .inputGroupText:not(:last-child) {border-top-right-radius:0;border-bottom-right-radius:0;}
.inputGroupPrepend {margin-right:-1px;}
.inputGroupAppend {margin-left:-1px;}
.inputGroupField + .inputGroupField,
.inputGroupField + .inputGroupText,
.inputGroupField + .btn,
.inputGroupText + .inputGroupText,
.inputGroupText + .inputGroupField,
.inputGroupText + .btn,
.inputGroup .btn + .btn,
.inputGroup .btn + .inputGroupField,
.inputGroup .btn + .inputGroupText {margin-left:-1px;}
.inputGroup.big .inputGroupText {padding:0 12px;font-size:16px;line-height:38px;}

/* input blocks */
.inputBlock > * {margin:0 0 -1px;}
.inputBlock > *:last-child {margin-bottom:0;}
.inputBlock > div:not(.inputGroup) > * {position:relative;width:100%;border-radius:0;}
.inputBlock > div.inputGroup > *,
.inputBlock > div.inputGroup > * * {position:relative;border-radius:0;}
.inputBlock > div:not(.inputGroup) > *:focus,
.inputBlock > div.inputGroup > * *:focus {z-index:3;}
.inputBlock > div:not(.inputGroup):first-child > *:first-child,
.inputBlock > div.inputGroup:first-child > *:first-child,
.inputBlock > div.inputGroup:first-child > *:first-child * {border-top-left-radius:3px;}
.inputBlock > div:not(.inputGroup):first-child > *:last-child,
.inputBlock > div.inputGroup:first-child > *:last-child,
.inputBlock > div.inputGroup:first-child > *:last-child * {border-top-right-radius:3px;}
.inputBlock > div:not(.inputGroup):last-child > *:first-child,
.inputBlock > div.inputGroup:last-child > *:first-child,
.inputBlock > div.inputGroup:last-child > *:first-child * {border-bottom-left-radius:3px;}
.inputBlock > div:not(.inputGroup):last-child > *:last-child,
.inputBlock > div.inputGroup:last-child > *:last-child,
.inputBlock > div.inputGroup:last-child > *:last-child * {border-bottom-right-radius:3px;}

/* badge */
.badge {position:relative;display:inline-block;padding:1px 6px;background-color:#666;font-size:12px;font-weight:bold;text-shadow:none !important;vertical-align:middle;white-space:nowrap;word-wrap:normal;border-radius:9px;color:#fff;}
.badge.green {background-color:#009900;color:#eeffee;}
.badge.red {background-color:#cc0000;color:#ffeeee;}
.badge.black {background-color:#333;color:#fff;}
.badge.silver {background-color:#ccc;color:#fff;}
.badge.brown {background-color:#c63;color:#fff;}
.badge.orange {background-color:#f90;color:#fff;}
.badge.yellow {background-color:#ff0;color:#333;}
.badge.blue {background-color:#369;color:#fff;}
.badge.purple {background-color:#c0f;color:#fff;}
.badge.pink {background-color:#f0c;color:#fff;}
.badge.online {background-color:#006600;background-image:linear-gradient(#009900, #006600);}
.badge.offline {background-color:#880000;background-image:linear-gradient(#bb0000, #880000);}
.badge.online::before {border-bottom:4px solid #003300;}
.badge.offline::before {border-bottom:4px solid #330000;}

/* addition */
.addition {position:relative;display:inline-block;margin:0 0 0 6px;padding:1px 3px 1px 1px;background-color:#e50008;border-radius:0 3px 3px 0;box-shadow:1px 1px 0 rgba(0, 0, 0, .3);color:#fff;font-size:11px;font-weight:700;letter-spacing:0;line-height:14px;white-space:nowrap;vertical-align:middle;text-shadow:0 -1px 0 rgba(0, 0, 0, .25);opacity:.9;}
.addition::before {content:"";position:absolute;left:-6px;top:0;width:0;height:0;float:left;border-radius:2px;border-style:solid;border-width:8px 6px 8px 0;border-color:transparent #e50008 transparent transparent;}

/* ribbon */
.ribbon {position:absolute;left:0;top:30px;background-color:#939188;padding:5px 25px 5px 31px;margin:0 0 10px -6px;font-size:16px;font-weight:400;color:#fff;text-shadow:0 -1px 0 rgba(0, 0, 0, .25);box-shadow:0px 2px 4px #888;}
.ribbon a {color:#fff !important;}
.ribbon hr {margin:2px 0;border-bottom:none;}
.ribbon > small {display:block;font-size:12px;line-height:150%;}
.ribbon::after {content:"";position:absolute;width:0;height:0;left:0px;top:100%;border-width:3px 3px;border-style:solid;border-color:#5f5d56 #5f5d56 transparent transparent;}
.ribbon.success {background-color:#4fa451;}
.ribbon.error {background-color:#b94a48;}
.ribbon.info {background-color:#3a87ad;}
.ribbon.warning {background-color:#f07b2c;}
.ribbon.cancel {background-color:#333;}

/* remarks */
.remark {position:relative;padding:10px 10px 10px 45px !important;border:1px solid;font-size:14px;color:#484848;line-height:normal;border-radius:3px;}
.remark a {color:#484848;text-decoration:underline;}
.remark a:hover {color:#484848;text-decoration:none;}
.remark.success {background:#e6efc2 url("../images/utils/remarkSuccess.png") no-repeat 10px center;border-color:#c6d881;}
.remark.error {background:#fbe3e4 url("../images/utils/remarkError.png") no-repeat 10px center;border-color:#fbc7c9;}
.remark.info {background:#a8b2c5 url("../images/utils/remarkInfo.png") no-repeat 10px center;border-color:#8497bf;}
.remark.warning {background:#fff6bf url("../images/utils/remarkWarning.png") no-repeat 10px center;border-color:#fdd845;}
.remark.alarm {background:#fff6bf url("../images/utils/remarkAlarm.png") no-repeat 10px center;border-color:#fdd845;}
.remark.mail {background:#fff6bf url("../images/utils/remarkMail.png") no-repeat 10px center;border-color:#fdd845;}
.remark .close {position:absolute;top:5px;right:5px;display:block;width:7px;height:7px;background:url("../images/utils/remarkClose.png") no-repeat;margin-left:10px;}
.remark .reload {display:inline-block;width:16px;height:16px;background:url("../images/utils/remarkReload.png") no-repeat;margin-left:10px;}

/* progress bar */
.progress {height:20px;overflow:hidden;background-color:#f7f7f7;background-image:linear-gradient(#f5f5f5, #f9f9f9);background-repeat:repeat-x;border-radius:4px;box-shadow:inset 0 1px 2px rgba(0, 0, 0, .1);}
.progress > label {display:block;width:0%;height:20px;background-color:#e40020;color:#fff;font-size:12px;line-height:20px;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, .25);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .15);transition:width .6s ease;}
.progress.gradient > label {background-image:linear-gradient(#e40020, #b9001c);background-repeat:repeat-x;}
.progress.striped > label {background-image:linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);background-size:40px 40px;}
.progress.active > label {animation:progress 2s linear infinite;}
.progress.green > label {background-color:#5cb85c;}
.progress.green.gradient > label {background-image:linear-gradient(#62c462, #57a957);}
.progress.red > label {background-color:#d9534f;}
.progress.red.gradient > label {background-image:linear-gradient(#ee5f5b, #c43c35);}
.progress.orange > label {background-color:#f0ad4e;}
.progress.orange.gradient > label {background-image:linear-gradient(#fbb450, #f89406);}
.progress.blue > label {background-color:#4bb1cf;}
.progress.blue.gradient > label {background-image:linear-gradient(#5bc0de, #339bb9);}

/* pagination */
.pagination {height:34px;}
.pagination > * {float:left;display:block;height:34px;margin:0;padding:0;font-size:14px;line-height:32px;}
.pagination > ul {list-style-type:none;margin:0 5px;border-radius:4px;}
.pagination > ul > li {position:relative;float:left;display:block;height:34px;margin:0 0 0 -1px;color:#333;border:1px solid #ccc;border-radius:4px;text-align:center;white-space:nowrap;z-index:1;}
.pagination > ul > li.current {background:#e40020;color:#fff;}
.pagination > ul > li:first-child {margin-left:0;}
.pagination > ul > li:not(:first-child):not(:last-child) {border-radius:0;}
.pagination > ul > li:first-child:not(:last-child) {border-bottom-right-radius:0;border-top-right-radius:0;}
.pagination > ul > li:last-child:not(:first-child) {border-bottom-left-radius:0;border-top-left-radius:0;}
.pagination > ul > li:not(.current):hover {background-color:#e6e6e6;border-color:#adadad;z-index:2;}
.pagination > ul > li > * {display:block;min-width:34px;padding:0 5px;color:inherit;text-decoration:none;}

/* filetypes */
.filetype {background:url("../images/filetypes/unknown.png") no-repeat left center;}
.filetype.center {background-position:center center;}
.filetype.px16 {background-size:16px;}
img.filetype.px16 {width:16px;height:16px;}
.filetype.px24 {background-size:24px;}
img.filetype.px24 {width:24px;height:24px;}
.filetype.px32 {background-size:32px;}
img.filetype.px32 {width:32px;height:32px;}
.filetype.3gp {background-image:url("../images/filetypes/3gp.png");}
.filetype.7z {background-image:url("../images/filetypes/7z.png");}
.filetype.ace {background-image:url("../images/filetypes/ace.png");}
.filetype.ai {background-image:url("../images/filetypes/ai.png");}
.filetype.aif {background-image:url("../images/filetypes/asf.png");}
.filetype.aiff {background-image:url("../images/filetypes/asf.png");}
.filetype.amr {background-image:url("../images/filetypes/asf.png");}
.filetype.asf {background-image:url("../images/filetypes/asf.png");}
.filetype.asx {background-image:url("../images/filetypes/asx.png");}
.filetype.avi {background-image:url("../images/filetypes/avi.png");}
.filetype.bat {background-image:url("../images/filetypes/bat.png");}
.filetype.bin {background-image:url("../images/filetypes/bin.png");}
.filetype.bmp {background-image:url("../images/filetypes/bmp.png");}
.filetype.bup {background-image:url("../images/filetypes/bup.png");}
.filetype.cab {background-image:url("../images/filetypes/cab.png");}
.filetype.cbr {background-image:url("../images/filetypes/cbr.png");}
.filetype.cda {background-image:url("../images/filetypes/cda.png");}
.filetype.cdl {background-image:url("../images/filetypes/cdl.png");}
.filetype.cdr {background-image:url("../images/filetypes/cdr.png");}
.filetype.chm {background-image:url("../images/filetypes/chm.png");}
.filetype.css {background-image:url("../images/filetypes/css.png");}
.filetype.dat {background-image:url("../images/filetypes/dat.png");}
.filetype.divx {background-image:url("../images/filetypes/divx.png");}
.filetype.dll {background-image:url("../images/filetypes/dll.png");}
.filetype.dmg {background-image:url("../images/filetypes/dmg.png");}
.filetype.docx,
.filetype.doc {background-image:url("../images/filetypes/doc.png");}
.filetype.dss {background-image:url("../images/filetypes/dss.png");}
.filetype.dvf {background-image:url("../images/filetypes/dvf.png");}
.filetype.dwg {background-image:url("../images/filetypes/dwg.png");}
.filetype.eml {background-image:url("../images/filetypes/eml.png");}
.filetype.eps {background-image:url("../images/filetypes/eps.png");}
.filetype.exe {background-image:url("../images/filetypes/exe.png");}
.filetype.fla {background-image:url("../images/filetypes/fla.png");}
.filetype.flv {background-image:url("../images/filetypes/flv.png");}
.filetype.gif {background-image:url("../images/filetypes/gif.png");}
.filetype.gz {background-image:url("../images/filetypes/gz.png");}
.filetype.hqx {background-image:url("../images/filetypes/hqx.png");}
.filetype.htm {background-image:url("../images/filetypes/htm.png");}
.filetype.html {background-image:url("../images/filetypes/html.png");}
.filetype.ifo {background-image:url("../images/filetypes/ifo.png");}
.filetype.indd {background-image:url("../images/filetypes/indd.png");}
.filetype.iso {background-image:url("../images/filetypes/iso.png");}
.filetype.jar {background-image:url("../images/filetypes/jar.png");}
.filetype.jpeg {background-image:url("../images/filetypes/jpeg.png");}
.filetype.jpg {background-image:url("../images/filetypes/jpg.png");}
.filetype.js {background-image:url("../images/filetypes/js.png");}
.filetype.lnk {background-image:url("../images/filetypes/lnk.png");}
.filetype.log {background-image:url("../images/filetypes/log.png");}
.filetype.m4a {background-image:url("../images/filetypes/m4a.png");}
.filetype.m4b {background-image:url("../images/filetypes/m4b.png");}
.filetype.m4p {background-image:url("../images/filetypes/m4p.png");}
.filetype.m4v {background-image:url("../images/filetypes/m4v.png");}
.filetype.mcd {background-image:url("../images/filetypes/mcd.png");}
.filetype.mdb {background-image:url("../images/filetypes/mdb.png");}
.filetype.mid {background-image:url("../images/filetypes/mid.png");}
.filetype.mkv {background-image:url("../images/filetypes/mkv.png");}
.filetype.mov {background-image:url("../images/filetypes/mov.png");}
.filetype.mp2 {background-image:url("../images/filetypes/mp2.png");}
.filetype.mp3 {background-image:url("../images/filetypes/mp3.png");}
.filetype.mp4 {background-image:url("../images/filetypes/mp4.png");}
.filetype.mpeg {background-image:url("../images/filetypes/mpeg.png");}
.filetype.mpg {background-image:url("../images/filetypes/mpg.png");}
.filetype.msi {background-image:url("../images/filetypes/msi.png");}
.filetype.ogg {background-image:url("../images/filetypes/ogg.png");}
.filetype.pdf {background-image:url("../images/filetypes/pdf.png");}
.filetype.php {background-image:url("../images/filetypes/php.png");}
.filetype.png {background-image:url("../images/filetypes/png.png");}
.filetype.pps {background-image:url("../images/filetypes/pps.png");}
.filetype.ppt,
.filetype.pptx {background-image:url("../images/filetypes/ppt.png");}
.filetype.ps {background-image:url("../images/filetypes/ps.png");}
.filetype.psd {background-image:url("../images/filetypes/psd.png");}
.filetype.pst {background-image:url("../images/filetypes/pst.png");}
.filetype.ptb {background-image:url("../images/filetypes/ptb.png");}
.filetype.pub {background-image:url("../images/filetypes/pub.png");}
.filetype.qbb {background-image:url("../images/filetypes/qbb.png");}
.filetype.qbw {background-image:url("../images/filetypes/qbw.png");}
.filetype.qxd {background-image:url("../images/filetypes/qxd.png");}
.filetype.ram {background-image:url("../images/filetypes/ram.png");}
.filetype.rar {background-image:url("../images/filetypes/rar.png");}
.filetype.rm {background-image:url("../images/filetypes/rm.png");}
.filetype.rmvb {background-image:url("../images/filetypes/rmvb.png");}
.filetype.rtf {background-image:url("../images/filetypes/rtf.png");}
.filetype.sea {background-image:url("../images/filetypes/sea.png");}
.filetype.ses {background-image:url("../images/filetypes/ses.png");}
.filetype.sit {background-image:url("../images/filetypes/sit.png");}
.filetype.sitx {background-image:url("../images/filetypes/sitx.png");}
.filetype.ss {background-image:url("../images/filetypes/ss.png");}
.filetype.swf {background-image:url("../images/filetypes/swf.png");}
.filetype.tar {background-image:url("../images/filetypes/tar.png");}
.filetype.tgz {background-image:url("../images/filetypes/tgz.png");}
.filetype.thm {background-image:url("../images/filetypes/thm.png");}
.filetype.tiff,
.filetype.tif {background-image:url("../images/filetypes/tif.png");}
.filetype.tmp {background-image:url("../images/filetypes/tmp.png");}
.filetype.ttf {background-image:url("../images/filetypes/ttf.png");}
.filetype.txt {background-image:url("../images/filetypes/txt.png");}
.filetype.vcd {background-image:url("../images/filetypes/vcd.png");}
.filetype.vob {background-image:url("../images/filetypes/vob.png");}
.filetype.wav {background-image:url("../images/filetypes/wav.png");}
.filetype.wma {background-image:url("../images/filetypes/wma.png");}
.filetype.wmv {background-image:url("../images/filetypes/wmv.png");}
.filetype.wps {background-image:url("../images/filetypes/wps.png");}
.filetype.xlsx,
.filetype.xls {background-image:url("../images/filetypes/xls.png");}
.filetype.xpi {background-image:url("../images/filetypes/xpi.png");}
.filetype.zip {background-image:url("../images/filetypes/zip.png");}

/* country flags */
.flag {background:url("../images/flags/zz.png") no-repeat left center;}
.flag.block {width:18px;height:12px;}
.flag.ac {background-image:url("../images/flags/ac.png");}
.flag.ad {background-image:url("../images/flags/ad.png");}
.flag.ae {background-image:url("../images/flags/ae.png");}
.flag.af {background-image:url("../images/flags/af.png");}
.flag.ag {background-image:url("../images/flags/ag.png");}
.flag.ai {background-image:url("../images/flags/ai.png");}
.flag.al {background-image:url("../images/flags/al.png");}
.flag.am {background-image:url("../images/flags/am.png");}
.flag.an {background-image:url("../images/flags/an.png");}
.flag.ao {background-image:url("../images/flags/ao.png");}
.flag.ap {background-image:url("../images/flags/ap.png");}
.flag.aq {background-image:url("../images/flags/aq.png");}
.flag.ar {background-image:url("../images/flags/ar.png");}
.flag.as {background-image:url("../images/flags/as.png");}
.flag.at {background-image:url("../images/flags/at.png");}
.flag.au {background-image:url("../images/flags/au.png");}
.flag.aw {background-image:url("../images/flags/aw.png");}
.flag.ax {background-image:url("../images/flags/ax.png");}
.flag.az {background-image:url("../images/flags/az.png");}
.flag.ba {background-image:url("../images/flags/ba.png");}
.flag.bb {background-image:url("../images/flags/bb.png");}
.flag.bd {background-image:url("../images/flags/bd.png");}
.flag.be {background-image:url("../images/flags/be.png");}
.flag.bf {background-image:url("../images/flags/bf.png");}
.flag.bg {background-image:url("../images/flags/bg.png");}
.flag.bh {background-image:url("../images/flags/bh.png");}
.flag.bi {background-image:url("../images/flags/bi.png");}
.flag.bj {background-image:url("../images/flags/bj.png");}
.flag.bl {background-image:url("../images/flags/bl.png");}
.flag.bm {background-image:url("../images/flags/bm.png");}
.flag.bn {background-image:url("../images/flags/bn.png");}
.flag.bo {background-image:url("../images/flags/bo.png");}
.flag.bq {background-image:url("../images/flags/bq.png");}
.flag.br {background-image:url("../images/flags/br.png");}
.flag.bs {background-image:url("../images/flags/bs.png");}
.flag.bt {background-image:url("../images/flags/bt.png");}
.flag.bu {background-image:url("../images/flags/bu.png");}
.flag.bv {background-image:url("../images/flags/bv.png");}
.flag.bw {background-image:url("../images/flags/bw.png");}
.flag.by {background-image:url("../images/flags/by.png");}
.flag.bz {background-image:url("../images/flags/bz.png");}
.flag.ca {background-image:url("../images/flags/ca.png");}
.flag.cc {background-image:url("../images/flags/cc.png");}
.flag.cd {background-image:url("../images/flags/cd.png");}
.flag.cf {background-image:url("../images/flags/cf.png");}
.flag.cg {background-image:url("../images/flags/cg.png");}
.flag.ch {background-image:url("../images/flags/ch.png");}
.flag.ci {background-image:url("../images/flags/ci.png");}
.flag.ck {background-image:url("../images/flags/ck.png");}
.flag.cl {background-image:url("../images/flags/cl.png");}
.flag.cm {background-image:url("../images/flags/cm.png");}
.flag.cn {background-image:url("../images/flags/cn.png");}
.flag.co {background-image:url("../images/flags/co.png");}
.flag.cp {background-image:url("../images/flags/cp.png");}
.flag.cr {background-image:url("../images/flags/cr.png");}
.flag.cs {background-image:url("../images/flags/cs.png");}
.flag.cu {background-image:url("../images/flags/cu.png");}
.flag.cv {background-image:url("../images/flags/cv.png");}
.flag.cw {background-image:url("../images/flags/cw.png");}
.flag.cx {background-image:url("../images/flags/cx.png");}
.flag.cy {background-image:url("../images/flags/cy.png");}
.flag.cz {background-image:url("../images/flags/cz.png");}
.flag.de {background-image:url("../images/flags/de.png");}
.flag.dg {background-image:url("../images/flags/dg.png");}
.flag.dj {background-image:url("../images/flags/dj.png");}
.flag.dk {background-image:url("../images/flags/dk.png");}
.flag.dm {background-image:url("../images/flags/dm.png");}
.flag.do {background-image:url("../images/flags/do.png");}
.flag.dz {background-image:url("../images/flags/dz.png");}
.flag.ea {background-image:url("../images/flags/ea.png");}
.flag.ec {background-image:url("../images/flags/ec.png");}
.flag.ee {background-image:url("../images/flags/ee.png");}
.flag.eg {background-image:url("../images/flags/eg.png");}
.flag.eh {background-image:url("../images/flags/eh.png");}
.flag.er {background-image:url("../images/flags/er.png");}
.flag.es {background-image:url("../images/flags/es.png");}
.flag.et {background-image:url("../images/flags/et.png");}
.flag.eu {background-image:url("../images/flags/eu.png");}
.flag.fi {background-image:url("../images/flags/fi.png");}
.flag.fj {background-image:url("../images/flags/fj.png");}
.flag.fk {background-image:url("../images/flags/fk.png");}
.flag.fm {background-image:url("../images/flags/fm.png");}
.flag.fo {background-image:url("../images/flags/fo.png");}
.flag.fr {background-image:url("../images/flags/fr.png");}
.flag.fx {background-image:url("../images/flags/fx.png");}
.flag.ga {background-image:url("../images/flags/ga.png");}
.flag.gb {background-image:url("../images/flags/gb.png");}
.flag.gd {background-image:url("../images/flags/gd.png");}
.flag.ge {background-image:url("../images/flags/ge.png");}
.flag.gf {background-image:url("../images/flags/gf.png");}
.flag.gg {background-image:url("../images/flags/gg.png");}
.flag.gh {background-image:url("../images/flags/gh.png");}
.flag.gi {background-image:url("../images/flags/gi.png");}
.flag.gl {background-image:url("../images/flags/gl.png");}
.flag.gm {background-image:url("../images/flags/gm.png");}
.flag.gn {background-image:url("../images/flags/gn.png");}
.flag.gp {background-image:url("../images/flags/gp.png");}
.flag.gq {background-image:url("../images/flags/gq.png");}
.flag.gr {background-image:url("../images/flags/gr.png");}
.flag.gs {background-image:url("../images/flags/gs.png");}
.flag.gt {background-image:url("../images/flags/gt.png");}
.flag.gu {background-image:url("../images/flags/gu.png");}
.flag.gw {background-image:url("../images/flags/gw.png");}
.flag.gy {background-image:url("../images/flags/gy.png");}
.flag.hk {background-image:url("../images/flags/hk.png");}
.flag.hm {background-image:url("../images/flags/hm.png");}
.flag.hn {background-image:url("../images/flags/hn.png");}
.flag.hr {background-image:url("../images/flags/hr.png");}
.flag.ht {background-image:url("../images/flags/ht.png");}
.flag.hu {background-image:url("../images/flags/hu.png");}
.flag.ic {background-image:url("../images/flags/ic.png");}
.flag.id {background-image:url("../images/flags/id.png");}
.flag.ie {background-image:url("../images/flags/ie.png");}
.flag.il {background-image:url("../images/flags/il.png");}
.flag.im {background-image:url("../images/flags/im.png");}
.flag.in {background-image:url("../images/flags/in.png");}
.flag.io {background-image:url("../images/flags/io.png");}
.flag.iq {background-image:url("../images/flags/iq.png");}
.flag.ir {background-image:url("../images/flags/ir.png");}
.flag.is {background-image:url("../images/flags/is.png");}
.flag.it {background-image:url("../images/flags/it.png");}
.flag.je {background-image:url("../images/flags/je.png");}
.flag.jm {background-image:url("../images/flags/jm.png");}
.flag.jo {background-image:url("../images/flags/jo.png");}
.flag.jp {background-image:url("../images/flags/jp.png");}
.flag.ke {background-image:url("../images/flags/ke.png");}
.flag.kg {background-image:url("../images/flags/kg.png");}
.flag.kh {background-image:url("../images/flags/kh.png");}
.flag.ki {background-image:url("../images/flags/ki.png");}
.flag.km {background-image:url("../images/flags/km.png");}
.flag.kn {background-image:url("../images/flags/kn.png");}
.flag.kp {background-image:url("../images/flags/kp.png");}
.flag.kr {background-image:url("../images/flags/kr.png");}
.flag.kw {background-image:url("../images/flags/kw.png");}
.flag.ky {background-image:url("../images/flags/ky.png");}
.flag.kz {background-image:url("../images/flags/kz.png");}
.flag.la {background-image:url("../images/flags/la.png");}
.flag.lb {background-image:url("../images/flags/lb.png");}
.flag.lc {background-image:url("../images/flags/lc.png");}
.flag.li {background-image:url("../images/flags/li.png");}
.flag.lk {background-image:url("../images/flags/lk.png");}
.flag.lr {background-image:url("../images/flags/lr.png");}
.flag.ls {background-image:url("../images/flags/ls.png");}
.flag.lt {background-image:url("../images/flags/lt.png");}
.flag.lu {background-image:url("../images/flags/lu.png");}
.flag.lv {background-image:url("../images/flags/lv.png");}
.flag.ly {background-image:url("../images/flags/ly.png");}
.flag.ma {background-image:url("../images/flags/ma.png");}
.flag.mc {background-image:url("../images/flags/mc.png");}
.flag.md {background-image:url("../images/flags/md.png");}
.flag.me {background-image:url("../images/flags/me.png");}
.flag.mf {background-image:url("../images/flags/mf.png");}
.flag.mg {background-image:url("../images/flags/mg.png");}
.flag.mh {background-image:url("../images/flags/mh.png");}
.flag.mk {background-image:url("../images/flags/mk.png");}
.flag.ml {background-image:url("../images/flags/ml.png");}
.flag.mm {background-image:url("../images/flags/mm.png");}
.flag.mn {background-image:url("../images/flags/mn.png");}
.flag.mo {background-image:url("../images/flags/mo.png");}
.flag.mp {background-image:url("../images/flags/mp.png");}
.flag.mq {background-image:url("../images/flags/mq.png");}
.flag.mr {background-image:url("../images/flags/mr.png");}
.flag.ms {background-image:url("../images/flags/ms.png");}
.flag.mt {background-image:url("../images/flags/mt.png");}
.flag.mu {background-image:url("../images/flags/mu.png");}
.flag.mv {background-image:url("../images/flags/mv.png");}
.flag.mw {background-image:url("../images/flags/mw.png");}
.flag.mx {background-image:url("../images/flags/mx.png");}
.flag.my {background-image:url("../images/flags/my.png");}
.flag.mz {background-image:url("../images/flags/mz.png");}
.flag.na {background-image:url("../images/flags/na.png");}
.flag.nc {background-image:url("../images/flags/nc.png");}
.flag.ne {background-image:url("../images/flags/ne.png");}
.flag.nf {background-image:url("../images/flags/nf.png");}
.flag.ng {background-image:url("../images/flags/ng.png");}
.flag.ni {background-image:url("../images/flags/ni.png");}
.flag.nl {background-image:url("../images/flags/nl.png");}
.flag.no {background-image:url("../images/flags/no.png");}
.flag.np {background-image:url("../images/flags/np.png");}
.flag.nr {background-image:url("../images/flags/nr.png");}
.flag.nt {background-image:url("../images/flags/nt.png");}
.flag.nu {background-image:url("../images/flags/nu.png");}
.flag.nz {background-image:url("../images/flags/nz.png");}
.flag.om {background-image:url("../images/flags/om.png");}
.flag.pa {background-image:url("../images/flags/pa.png");}
.flag.pe {background-image:url("../images/flags/pe.png");}
.flag.pf {background-image:url("../images/flags/pf.png");}
.flag.pg {background-image:url("../images/flags/pg.png");}
.flag.ph {background-image:url("../images/flags/ph.png");}
.flag.pk {background-image:url("../images/flags/pk.png");}
.flag.pl {background-image:url("../images/flags/pl.png");}
.flag.pm {background-image:url("../images/flags/pm.png");}
.flag.pn {background-image:url("../images/flags/pn.png");}
.flag.pr {background-image:url("../images/flags/pr.png");}
.flag.ps {background-image:url("../images/flags/ps.png");}
.flag.pt {background-image:url("../images/flags/pt.png");}
.flag.pw {background-image:url("../images/flags/pw.png");}
.flag.py {background-image:url("../images/flags/py.png");}
.flag.qa {background-image:url("../images/flags/qa.png");}
.flag.re {background-image:url("../images/flags/re.png");}
.flag.ro {background-image:url("../images/flags/ro.png");}
.flag.rs {background-image:url("../images/flags/rs.png");}
.flag.ru {background-image:url("../images/flags/ru.png");}
.flag.rw {background-image:url("../images/flags/rw.png");}
.flag.sa {background-image:url("../images/flags/sa.png");}
.flag.sb {background-image:url("../images/flags/sb.png");}
.flag.sc {background-image:url("../images/flags/sc.png");}
.flag.sd {background-image:url("../images/flags/sd.png");}
.flag.se {background-image:url("../images/flags/se.png");}
.flag.sf {background-image:url("../images/flags/sf.png");}
.flag.sg {background-image:url("../images/flags/sg.png");}
.flag.sh {background-image:url("../images/flags/sh.png");}
.flag.si {background-image:url("../images/flags/si.png");}
.flag.sj {background-image:url("../images/flags/sj.png");}
.flag.sk {background-image:url("../images/flags/sk.png");}
.flag.sl {background-image:url("../images/flags/sl.png");}
.flag.sm {background-image:url("../images/flags/sm.png");}
.flag.sn {background-image:url("../images/flags/sn.png");}
.flag.so {background-image:url("../images/flags/so.png");}
.flag.sr {background-image:url("../images/flags/sr.png");}
.flag.st {background-image:url("../images/flags/st.png");}
.flag.su {background-image:url("../images/flags/su.png");}
.flag.sv {background-image:url("../images/flags/sv.png");}
.flag.sx {background-image:url("../images/flags/sx.png");}
.flag.sy {background-image:url("../images/flags/sy.png");}
.flag.sz {background-image:url("../images/flags/sz.png");}
.flag.ta {background-image:url("../images/flags/ta.png");}
.flag.tc {background-image:url("../images/flags/tc.png");}
.flag.td {background-image:url("../images/flags/td.png");}
.flag.tf {background-image:url("../images/flags/tf.png");}
.flag.tg {background-image:url("../images/flags/tg.png");}
.flag.th {background-image:url("../images/flags/th.png");}
.flag.ti {background-image:url("../images/flags/ti.png");}
.flag.tj {background-image:url("../images/flags/tj.png");}
.flag.tk {background-image:url("../images/flags/tk.png");}
.flag.tl {background-image:url("../images/flags/tl.png");}
.flag.tm {background-image:url("../images/flags/tm.png");}
.flag.tn {background-image:url("../images/flags/tn.png");}
.flag.to {background-image:url("../images/flags/to.png");}
.flag.tp {background-image:url("../images/flags/tp.png");}
.flag.tr {background-image:url("../images/flags/tr.png");}
.flag.tt {background-image:url("../images/flags/tt.png");}
.flag.tv {background-image:url("../images/flags/tv.png");}
.flag.tw {background-image:url("../images/flags/tw.png");}
.flag.tz {background-image:url("../images/flags/tz.png");}
.flag.ua {background-image:url("../images/flags/ua.png");}
.flag.ug {background-image:url("../images/flags/ug.png");}
.flag.uk {background-image:url("../images/flags/uk.png");}
.flag.um {background-image:url("../images/flags/um.png");}
.flag.us {background-image:url("../images/flags/us.png");}
.flag.uy {background-image:url("../images/flags/uy.png");}
.flag.uz {background-image:url("../images/flags/uz.png");}
.flag.va {background-image:url("../images/flags/va.png");}
.flag.vc {background-image:url("../images/flags/vc.png");}
.flag.ve {background-image:url("../images/flags/ve.png");}
.flag.vg {background-image:url("../images/flags/vg.png");}
.flag.vi {background-image:url("../images/flags/vi.png");}
.flag.vn {background-image:url("../images/flags/vn.png");}
.flag.vu {background-image:url("../images/flags/vu.png");}
.flag.wf {background-image:url("../images/flags/wf.png");}
.flag.ws {background-image:url("../images/flags/ws.png");}
.flag.ye {background-image:url("../images/flags/ye.png");}
.flag.yt {background-image:url("../images/flags/yt.png");}
.flag.yu {background-image:url("../images/flags/yu.png");}
.flag.za {background-image:url("../images/flags/za.png");}
.flag.zm {background-image:url("../images/flags/zm.png");}
.flag.zr {background-image:url("../images/flags/zr.png");}
.flag.zw {background-image:url("../images/flags/zw.png");}

/* box */
div.box {border:1px solid #929292;color:#333;}
div.box > h4 {margin:0;padding:6px 18px;background:#929292 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAcCAIAAAAvP0KbAAAAPklEQVR42lXGoREAIQADwXD9NwiWFrDk3mBe7Mxm781ci6ToIEorWsz7FVN6pblY/2+pYotKLVb0SRgJ55wPSfFF7eUHl6gAAAAASUVORK5CYII=") repeat-x;border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;color:#fff;font-size:14px;font-weight:bold;}
div.box > div,
div.box > form {margin:0;padding:10px 18px 18px;background:#f9f9f9;text-align:justify;}
div.box > * > p:first-child {margin-top:0 !important;}
div.box > * > p:last-child {margin-bottom:0 !important;}

/* table */
table.tbl {padding:0;background:#929292;border-spacing:1px;}
table.tbl td {padding:4px;}
table.tbl td.head,
table.tbl tr.head > td {padding:6px 4px;background:#333 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAMAAADaS4T1AAAAJ1BMVEUzMzNGRkVMTEw3NzdTVFQ/Pz9PTk45OTlCQ0I0NTRJSElRUlE8PDxJvXLAAAAAIElEQVQI143ABQEAMAgAsN21f14qMN0zVVexDd/SHAkBDrwATwDvyA8AAAAASUVORK5CYII=") repeat-x top !important;color:#fff;font-weight:bold;border:none;}
table.tbl td.column,
table.tbl tr.column > td {padding:6px 4px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAIAAAASmSbdAAAAKUlEQVR42mP4+fMnEwMDA03xj5+/mRgYGJj+//8PF4Ox////j1WcRAwAtV4VK98lM78AAAAASUVORK5CYII=") repeat-x center !important;color:#000;font-weight:bold;}
table.tbl td.section,
table.tbl tr.section > td {background:#929292 !important;color:#fff;font-weight:bold !important;}
table.tbl .section a {color:#fff !important;text-decoration:underline;}
table.tbl .section a:hover {text-decoration:none !important;}
table.tbl td.sub,
table.tbl tr.sub > td {background:#a5a5a5 !important;border:none;color:#fff;font-weight:bold !important;}
table.tbl td.first,
table.tbl tr.first > td,
table.tbl tr.row:nth-child(even) > td {background:#f1f1f1 no-repeat left center;}
table.tbl td.second,
table.tbl tr.second > td,
table.tbl tr.row:nth-child(odd) > td {background:#e4e4e4 no-repeat left center;}
table.tblBox,
table.tblTab,
table.tblSub {margin:0;padding:0;border:none !important;border-spacing:0 !important;}
table.tblBox td {padding:4px 0;border:none !important;}
table.tblTab td {padding:2px;border:none !important;}
table.tblSub td {padding:0;border:none !important;}
table.tblForm {width:100%;margin:0;border-collapse:collapse;border-spacing:0;}
table.tblForm tr {border-bottom:1px solid #b7bdc1;}
table.tblForm tr.last,
table.tblForm tr:last-child {border-bottom:none;}
table.tblForm td {padding:7px 10px;line-height:21px;}
table.tblForm td:first-child[colspan] {padding-left:15px;line-height:normal;}
table.tblForm td.label {padding-left:15px;background:#f9f9fa;font-weight:bold;line-height:normal;border-right:1px dotted #c2c5c8;}
table.tblForm td > *.label {display:block;margin:5px 0;font-weight:bold;}
table.tblForm td table.tbl td,
table.tblForm td table.tblBox td,
table.tblForm td table.tblTab td {padding:4px;border:none;line-height:normal;}
table.tblForm td table.tblSub td {padding:0;border:none;line-height:normal;}

/* context menu */
.contextMenu {width:200px;margin:0;padding:2px;background:#f0f0f0;border:1px solid #979797;box-shadow:3px 3px 3px #666;font:11px/20px Arial,Helvetica,sans-serif;color:#000;list-style:none;overflow:hidden;z-index:4000;}
.contextMenu > li.item {height:20px;margin:0;padding:0;background:transparent no-repeat left center;border:1px solid transparent;border-radius:3px;}
.contextMenu > li.item:hover {border:1px solid #b3d1f6;background:#e9eff7;background:linear-gradient(#f2f4f6, #e6edf6);cursor:default;}
.contextMenu > li.item.disable:hover {border:1px solid #d4d3d3;background:#ebecec;background:linear-gradient(#f4f5f5, #e3e4e4);}
.contextMenu > li.item > span {background:transparent no-repeat left center;padding-left:20px;}
.contextMenu > li.line {height:2px;margin:2px 0 0;border-top:2px groove #eee;font-size:1px;}

/* tree */
.tree {overflow:auto;}
.tree *.inbox {background-image:url("../images/utils/treeFolderInbox.png") !important;}
.tree *.drafts {background-image:url("../images/utils/treeFolderDrafts.png") !important;}
.tree *.outbox {background-image:url("../images/utils/treeFolderOutbox.png") !important;}
.tree *.sent {background-image:url("../images/utils/treeFolderSent.png") !important;}
.tree *.junk {background-image:url("../images/utils/treeFolderJunk.png") !important;}
.tree *.trash {background-image:url("../images/utils/treeFolderTrash.png") !important;}
.tree > div {height:20px;padding-left:20px;background:url("../images/utils/treeHome.png") no-repeat 0 50%;font-weight:bold;line-height:20px;}
.tree ul {margin:0;padding:0;list-style-type:none;}
.tree ul > li {position:relative;padding-left:16px;background:url("../images/utils/treeLine.png") repeat-y 0 0;line-height:22px;}
.tree ul > li:last-child {background-repeat:no-repeat;background-position:0 -6px;}
.tree ul > li::before {content:"";position:absolute;top:0;left:0;width:16px;height:22px;background:url("../images/utils/treeBranch.png") no-repeat 0 50%;}
.tree ul > li.more.close > ul {display:none;}
.tree ul > li.more > div.switch {position:absolute;top:1px;left:0;width:16px;height:20px;background:url("../images/utils/treeMore.png") no-repeat 0 0;cursor:pointer;}
.tree ul > li.more.close > div.switch {background-position:0 -18px;}
.tree ul > li > label,
.tree ul > li > a {display:inline-block;height:20px;padding-left:20px;background:url("../images/utils/treeFolder.png") no-repeat 0 50%;line-height:20px;text-decoration:none;color:inherit;white-space:nowrap;}
.tree ul > li.open > label,
.tree ul > li.open > a {background-image:url("../images/utils/treeFolderOpen.png");}

/* faux page */
.fauxPage {position:relative;padding:20px 15px;background:#fff;box-shadow:2px 2px 7px rgba(0, 0, 0, .4);}
.fauxPage.notice {padding:4px;background-color:#fffdcb;}
.fauxPage.notice > textarea {min-height:42px;}

/* tooltip */
#tooltip {position:fixed;top:-1000px;left:-1000px;padding:6px 8px;min-width:32px;max-width:300px;background-color:rgba(40, 40, 40, .9);color:#fff;font-size:12px;line-height:16px;border-radius:3px;text-align:center;z-index:3000;}
#tooltip > i.loading {display:block;width:28px;height:16px;margin:auto;background:url("../images/ui/tooltipLoading.gif");}
#tooltip > pre {margin:0;overflow:hidden;}
#tooltip::after {content:"";position:absolute;height:0;border:4px solid transparent;}
#tooltip.nowrap {max-width:none;white-space:nowrap;}
#tooltip.top {margin-top:4px;}
#tooltip.bottom {margin-top:-4px;}
#tooltip.top::after {top:-4px;border-top:0 none;border-bottom-color:rgba(40, 40, 40, .9);}
#tooltip.bottom::after {bottom:-4px;border-bottom:0 none;border-top-color:rgba(40, 40, 40, .9);}
#tooltip.left::after {left:12px;}
#tooltip.right::after {right:12px;}
#tooltip.center::after {left:50%;margin-left:-4px;}
#tooltip.light,
#tooltip.blue {box-shadow:0 1px 3px rgba(0, 0, 0, .3);}
#tooltip.light {padding:9px 14px;background-color:#fff;color:#222;border:1px solid #cdcdcd;}
#tooltip.light::before {position:absolute;content:"";border:7px solid transparent;}
#tooltip.light::after {border-width:6px;}
#tooltip.light.top {margin-top:6px;}
#tooltip.light.bottom {margin-top:-6px;}
#tooltip.light.top::before {top:-7px;border-top:none;border-bottom-color:#cdcdcd;}
#tooltip.light.top::after {top:-6px;border-top:none;border-bottom-color:#fff;}
#tooltip.light.bottom::before {bottom:-7px;border-bottom:none;border-top-color:#cdcdcd;}
#tooltip.light.bottom::after {bottom:-6px;border-bottom:none;border-top-color:#fff;}
#tooltip.light.left::before {left:11px;}
#tooltip.light.right::before {right:11px;}
#tooltip.light.center::before {left:50%;margin-left:-7px;}
#tooltip.light.center::after {margin-left:-6px;}
#tooltip.blue {padding:7px 10px;background-color:#5890ff;color:#fff;text-shadow:0 0 2px rgba(0, 0, 0, .3);}
#tooltip.blue::after {border-width:8px;}
#tooltip.blue.top {margin-top:8px;}
#tooltip.blue.bottom {margin-top:-8px;}
#tooltip.blue.top::after {top:-8px;border-top:none;border-bottom-color:#5890ff;}
#tooltip.blue.bottom::after {bottom:-8px;border-bottom:none;border-top-color:#5890ff;}
#tooltip.blue.center::after {margin-left:-8px;}
#tooltip.small {font-size:10px;line-height:14px;}
#tooltip.big {font-size:14px;line-height:18px;}

/* to top */
#toTop {position:fixed;bottom:-50px;right:50px;display:block;padding:5px 10px;background-color:rgba(128, 128, 128, .8);border:1px solid #808080;border-radius:3px;outline:0 none;box-shadow:0 0 5px 1px rgba(128, 128, 128, .8);color:#fff !important;cursor:pointer;white-space:nowrap;text-decoration:none !important;z-index:500;transition:bottom 1s ease, background-color .4s linear;}
#toTop.visible {bottom:50px;}
#toTop:hover {background-color:rgb(128, 128, 128);text-decoration:none;}