@charset "utf-8";

/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Rubik);

/* VARIABLES */
:root {

    --font-name-default: "Rubik";
    --font-name-titles: "Rubik";
    --font-name-inputs: "Rubik";

    --base-color-light: 192, 192, 192;
    --base-color-dark: 128, 128, 128;

    --primary-color: #5985a0;
    --secondary-color: #48b1a7;
    --success-color: #9bcb5f;
    --warning-color: #f1b932;
    --danger-color: #f16075;
    --default-color: #90A2AB;

    --primary-panel-color: #5985a0;
    --primary-panel-bg-color: #e3f3ff;
    --primary-panel-bg-color-hover: #dcecf8;
    --primary-panel-border-color: #cee0ec;

    --secondary-panel-color: #48b1a7;
    --secondary-panel-bg-color: #cbf6f1;
    --secondary-panel-bg-color-hover: #c5eeea;
    --secondary-panel-border-color: #b6deda;

    --success-panel-color: #749161;
    --success-panel-bg-color: #ebffda;
    --success-panel-bg-color-hover: #e4fad3;
    --success-panel-border-color: #cfe0c0;

    --warning-panel-color: #988965;
    --warning-panel-bg-color: #fff5d2;
    --warning-panel-bg-color-hover: #f8edcb;
    --warning-panel-border-color: #e2d9bb;

    --danger-panel-color: #986767;
    --danger-panel-bg-color: #ffe9e9;
    --danger-panel-bg-color-hover: #fae2e2;
    --danger-panel-border-color: #e9d0d0;

    --buttons-grad-width: 96%;
    --buttons-small-radius: 5px;
    --buttons-large-radius: 30px;
    --buttons-default-radius: 30px;

    --uk-card-header-background: rgba(var(--base-color-light), 0.2);
    --uk-card-footer-background: #fff;
    --uk-card-border-color: rgba(var(--base-color-dark), 1);
    --uk-card-border-radius: 10px;

    --uk-modal-header-background: #dbe4e5;
    --uk-modal-footer-background: #fff;
    --uk-modal-border: 1px solid #c7d3d6;
    --uk-modal-border-radius: 10px;

    --text-headlines-color: rgba(90,115,130,1);

    --form-element-focus-shadow: 213, 230, 239;
    --form-element-border-color: var(--base-color-light);
}

html,
body {
    margin: 0;
    padding: 0;
    height: 100% !important;
    font-size: 16px;
}

.page-spinner .spinner {
    transform: translate(-50%, -50%);
    position: fixed;
    left: 50%;
    z-index: 10000;
    top: 50%;
}

@media screen {
    h1, h2, h3, h4 { font-family: var(--font-name-titles), Arial, sans-serif; }
    body, p, td, font, div, button, input, select, a { font-family: var(--font-name-default), sans-serif;}
    body {  font-size: 12pt;  }
}

.mouse-pointer {
    cursor: pointer;
}

.mouse-grab {
    cursor: grab;
}

.draggable:hover { cursor: hand; }

/* FONT SETTINGS */
a { color: #0e6993; }
a:hover { color: #0b5f85; text-decoration: none; }
a.fc-whi:hover { color: #E5BC41; }

.text-default { font-family: var(--font-name-default), Arial, sans-serif; }
.text-normal { font-family: var(--font-name-default), Arial, sans-serif; }
.text-topics { font-family: var(--font-name-titles), Arial, sans-serif; }

/* FONTS SIZES */
.fs-8 { font-size: 8pt !important; }
.fs-9 { font-size: 9pt !important; }
.fs-10 { font-size: 10pt !important; }
.fs-11 { font-size: 11pt !important; }
.fs-12 { font-size: 12pt !important; }
.fs-13 { font-size: 13pt !important; }
.fs-14 { font-size: 14pt !important; }
.fs-16 { font-size: 16pt !important; }
.fs-18 { font-size: 18pt !important; }
.fs-20 { font-size: 20pt !important; }
.fs-22 { font-size: 22pt !important; }
.fs-24 { font-size: 24pt !important; }
.fs-28 { font-size: 28pt !important; }
.fs-32 { font-size: 32pt !important; }

/* FONT COLORS - el: extra-lite, l: lite, p: pale, m: mid, d: dark, ed: extra dark  */

.fc-whi { color: #FFFFFF !important; }
.fc-whi-m { color: #F5F5F5 !important; }
.fc-whi-d { color: #F1F1F1 !important; }
.fc-whi-ed { color: #E5E5E5 !important; }
.fc-bla { color: #000000 !important; }
.fc-bla-p { color: #333333 !important; }
.fc-bla-l { color: #555555 !important; }
.fc-bla-el { color: #777777 !important; }
.fc-gre { color: #CCCCCC !important; }
.fc-gre-l { color: #EEEEEE !important; }
.fc-gre-p { color: #DDDDDD !important; }
.fc-gre-m { color: #AAAAAA !important; }
.fc-gre-d { color: #999999 !important; }
.fc-gre-ed { color: #808080 !important; }
.fc-red { color: #CC3300 !important; }
.fc-red-l { color: #e63229 !important; }
.fc-red-p { color: #ff6363 !important; }
.fc-red-m { color: #b52d00 !important; }
.fc-red-d { color: #962600 !important; }
.fc-red-ed { color: #6b1f00 !important; }
.fc-grn { color: #8cc14c !important; }
.fc-grn-l { color: #a7df4f !important; }
.fc-grn-p { color: #d2eec0 !important; }
.fc-grn-m { color: #89be4a !important; }
.fc-grn-d { color: #8cae39 !important; }
.fc-grn-ed { color: #62832f !important; }
.fc-blu { color: #336699 !important; }
.fc-blu-l { color: #1484c4 !important; }
.fc-blu-p { color: #17aae3 !important; }
.fc-blu-m { color: #387fb0 !important; }
.fc-blu-d { color: #2a547d !important; }
.fc-blu-ed { color: #1f3c5c !important; }
.fc-ora { color: #ffaa00 !important; }
.fc-ora-l { color: #ffc072 !important; }
.fc-ora-p { color: #ffd492 !important; }
.fc-ora-m { color: #eea500 !important; }
.fc-ora-d { color: #eb760c !important; }
.fc-ora-ed { color: #d06900 !important; }
.fc-brn { color: #e8a56b !important; }
.fc-brn-l { color: #e28e2b !important; }
.fc-brn-p { color: #CC7A29 !important; }
.fc-brn-m { color: #bd6d28 !important; }
.fc-brn-d { color: #995C1F !important; }
.fc-brn-ed { color: #804C1A !important; }
.fc-oli { color: #c7c797 !important; }
.fc-oli-l { color: #d1d1a7 !important; }
.fc-oli-p { color: #dbdbba !important; }
.fc-oli-m { color: #baba88 !important; }
.fc-oli-d { color: #adad7f !important; }
.fc-oli-ed { color: #8f8f6a !important; }
.fc-granite { color: #708090 !important; }

.fc-primary { color: #26B1AE !important; }
.fc-secondary { color: #5a7882 !important; }
.fc-passive { color: #247b7b !important; }
.fc-active { color: #78cdd7 !important; }
.fc-muted { color: #acc5cd !important; }
.fc-danger { color: #DE348C !important; }
.fc-warning { color: #FF6600 !important; }
.fc-success { color: #82b64b !important; }
.fc-hilite { color: #ffd700 !important; }

.uk-text-primary { color: #26B1AE !important; }
.uk-text-success { color: #8cc14c !important;}
.uk-text-danger { color: #e24914 !important;}
.uk-text-warning { color: #d29700 !important; }
.uk-text-default { color: #acc5cd !important; }

/* BACKGROUND COLOURS - el: extra-lite, l: lite, p: pale, m: mid, d: dark, ed: extra dark  */

.bc-whi { background-color: #FFFFFF !important; }
.bc-whi-p { background-color: #FCFCFC !important; }
.bc-whi-l { background-color: #F9F9F9 !important; }
.bc-whi-m { background-color: #F5F5F5 !important; }
.bc-whi-d { background-color: #F1F1F1 !important; }
.bc-whi-ed { background-color: #E5E5E5 !important; }
.bc-bla { background-color: #000000 !important; }
.bc-bla-p { background-color: #333333 !important; }
.bc-bla-l { background-color: #555555 !important; }
.bc-bla-el { background-color: #777777 !important; }
.bc-gre { background-color: #CCCCCC !important; }
.bc-gre-l { background-color: #EEEEEE !important; }
.bc-gre-p { background-color: #D3D3D3 !important; }
.bc-gre-m { background-color: #AAAAAA !important; }
.bc-gre-d { background-color: #999999 !important; }
.bc-gre-ed { background-color: #808080 !important; }
.bc-red { background-color: #CC3300 !important; }
.bc-red-l { background-color: #e63229 !important; }
.bc-red-p { background-color: #ff6363 !important; }
.bc-red-m { background-color: #b52d00 !important; }
.bc-red-d { background-color: #962600 !important; }
.bc-red-ed { background-color: #6b1f00 !important; }
.bc-grn { background-color: #8cc14c !important; }
.bc-grn-l { background-color: #a7df4f !important; }
.bc-grn-p { background-color: #d2eec0 !important; }
.bc-grn-m { background-color: #89be4a !important; }
.bc-grn-d { background-color: #8cae39 !important; }
.bc-grn-ed { background-color: #62832f !important; }
.bc-blu { background-color: #336699 !important; }
.bc-blu-l { background-color: #1484c4 !important; }
.bc-blu-p { background-color: #17aae3 !important; }
.bc-blu-m { background-color: #387fb0 !important; }
.bc-blu-d { background-color: #2a547d !important; }
.bc-blu-ed { background-color: #1f3c5c !important; }
.bc-ora { background-color: #ffaa00 !important; }
.bc-ora-l { background-color: #ffc072 !important; }
.bc-ora-p { background-color: #ffd492 !important; }
.bc-ora-m { background-color: #eea500 !important; }
.bc-ora-d { background-color: #eb760c !important; }
.bc-ora-ed { background-color: #d06900 !important; }
.bc-brn { background-color: #e8a56b !important; }
.bc-brn-l { background-color: #e28e2b !important; }
.bc-brn-p { background-color: #CC7A29 !important; }
.bc-brn-m { background-color: #bd6d28 !important; }
.bc-brn-d { background-color: #995C1F !important; }
.bc-brn-ed { background-color: #804C1A !important; }
.bc-oli { background-color: #c7c797 !important; }
.bc-oli-l { background-color: #d1d1a7 !important; }
.bc-oli-p { background-color: #dbdbba !important; }
.bc-oli-m { background-color: #baba88 !important; }
.bc-oli-d { background-color: #adad7f !important; }
.bc-oli-ed { background-color: #8f8f6a !important; }

.bc-none { background-color: transparent !important; background: none !important; }

.bc-primary { background-color: var(--primary-panel-bg-color) !important; }
.bc-secondary { background-color: var(--secondary-panel-bg-color) !important; }
.bc-success { background-color: var(--success-panel-bg-color) !important; }
.bc-warning { background-color: var(--warning-panel-bg-color) !important; }
.bc-danger { background-color: var(--danger-panel-bg-color) !important; }
.bc-passive { background-color: #247b7b !important; }
.bc-active { background-color: #78cdd7 !important; }
.bc-muted { background-color: #acc5cd !important; }
.bc-hilite { background-color: #ffd700; }

.b { font-weight: bold !important; }
.b300 { font-weight: 300 !important; }
.b400 { font-weight: 400 !important; }
.b600 { font-weight: 600 !important; }
.i { font-style: italic !important; }
.u { text-decoration: underline; }
.n {
    font-weight: normal !important;
    font-style: normal !important;
}

h1 { font-size: 16pt; font-weight: bold; color: var(--text-headlines-color); }
h2 { font-size: 14pt; font-weight: bold; color: var(--text-headlines-color); margin-bottom: 4px; }
h3 { font-size: 13pt; font-weight: bold; color: var(--text-headlines-color); margin-bottom: 3px; }
h4 { font-size: 12pt; font-weight: bold; color: var(--text-headlines-color); margin-bottom: 3px; }

.required { border-right: 3px #F90 solid !important; }

/* BORDERS */
.border-c-whi { border: 1px solid #FFF; }
.border-c-gre { border: 1px solid #CCC; }
.border-c-gre-l { border: 1px solid #EEE; }
.border-c-gre-m { border: 1px solid #DDD; }
.border-c-gre-d { border: 1px solid #AAA; }

.border-color-whi { border: 1px solid #FFF; }
.border-color-whi-ed { border: 1px solid #F1F1F1 !important; }
.border-color-gre { border: 1px solid #CCC; }
.border-color-gre-l { border: 1px solid #EEE; }
.border-color-gre-m { border: 1px solid #DDD; }
.border-color-gre-d { border: 1px solid #AAA; }
.border-color-primary { border: 1px solid #218f9e; }
.border-color-secondary { border: 1px solid #43bccd; }
.border-color-passive { border: 1px solid #247b7b; }
.border-color-active { border: 1px solid #78cdd7; }

.border-remove { border: 0px !important; }
.border-top-remove { border-top: 0px !important; }
.border-bottom-remove { border-bottom: 0px !important; }
.border-left-remove { border-left: 0px !important; }
.border-right-remove { border-right: 0px !important; }

.border-width-1 { border-width: 1px !important; }
.border-width-2 { border-width: 2px !important; }
.border-width-remove { border: 0px !important; }
.border-width-top-remove { border-top: 0px !important; }
.border-width-bottom-remove { border-bottom: 0px !important; }
.border-width-left-remove { border-left: 0px !important; }
.border-width-right-remove { border-right: 0px !important;  }

.border-radius-remove { -webkit-border-radius: 0 !important; border-radius: 0 !important; }
.border-radius-left-remove { -webkit-border-radius: 0 10px 10px 0 !important; border-radius: 0 10px 10px 0 !important; }
.border-radius-right-remove { -webkit-border-radius: 10px 0 0 10px !important; border-radius: 10px 0 0 10px !important;  }
.border-radius-top-remove { -webkit-border-radius: 0 0 10px 10px !important; border-radius: 0 0 10px 10px !important;  }
.border-radius-bottom-remove { -webkit-border-radius: 10px 10px 0 0 !important; border-radius: 10px 10px 0 0 !important; }
.border-radius { -webkit-border-radius: 10px; border-radius: 10px;}

.border-radius-medium-remove { -webkit-border-radius: 0 !important; border-radius: 0 !important; }
.border-radius-medium-left-remove { -webkit-border-radius: 0 30px 30px 0 !important; border-radius: 0 30px 30px 0 !important; }
.border-radius-medium-right-remove { -webkit-border-radius: 30px 0 0 30px !important; border-radius: 30px 0 0 30px !important;  }
.border-radius-medium-top-remove { -webkit-border-radius: 0 0 30px 30px !important; border-radius: 0 0 30px 30px !important;  }
.border-radius-medium-bottom-remove { -webkit-border-radius: 30px 30px 0 0 !important; border-radius: 30px 30px 0 0 !important; }
.border-radius-medium { -webkit-border-radius: 30px; border-radius: 30px;}

.border-radius-large-remove { -webkit-border-radius: 0 !important; border-radius: 0 !important; }
.border-radius-large-left-remove { -webkit-border-radius: 0 50px 50px 0 !important; border-radius: 0 50px 50px 0 !important; }
.border-radius-large-right-remove { -webkit-border-radius: 50px 0 0 50px !important; border-radius: 50px 0 0 50px !important;  }
.border-radius-large-top-remove { -webkit-border-radius: 0 0 50px 50px !important; border-radius: 0 0 50px 50px !important;  }
.border-radius-large-bottom-remove { -webkit-border-radius: 50px 50px 0 0 !important; border-radius: 50px 50px 0 0 !important; }
.border-radius-large { -webkit-border-radius: 50px; border-radius: 50px;}

/* SHADOWS */
.box-shadow { box-shadow: 0 8px 5px -7px rgba(0, 0, 0, 0.4); }
.box-window:not(.accordion-nav) {
    border: 1px solid rgba(var(--base-color-dark),0.25);
    box-shadow: 0px 3px 6px -3px rgba(128,128,128,0.3);
}

.box-panel { border: 1px solid #DDDDDD; }
.box-shadow-hover:hover { box-shadow: 0 8px 5px -7px rgba(0, 0, 0, 0.4); }
.box-select { background-color: #EAEAE0; }
.box-details { background-color: #ACBBC0; }



/* ELEMENTS */
.uk-label {
    display: inline-block;
    padding: 2px 8px 2px 8px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 8pt;
    font-family: var(--font-name-titles);
    font-weight: normal;
    text-transform: uppercase;
    margin: 2px;
    text-wrap: avoid;
    white-space: nowrap;
    text-shadow: 0px 0px 3px rgba(110,120,130,0.5);
    color: #FFF;
    background-color: var(--default-color);
}

.uk-label-small {
    font-size: 7pt !important;
}

.uk-label-success {
    color: #FFF;
    background-color: var(--success-color);
}

.uk-label-danger {
    color: #FFF;
    background-color: var(--danger-color);
}

.uk-label-warning {
    color: #FFF;
    background-color: var(--warning-color);
}

.uk-label-default {
    color: #FFF;
    background-color: var(--default-color);
}

.uk-label-primary {
    color: #FFF;
    background-color: var(--primary-color);
}

.uk-label-secondary {
    color: #FFF;
    background-color: var(--secondary-color);
}

option {
    font-family: var(--font-name-inputs), Sans-serif;
    font-size: 10.5pt;
    height: 30px;
    padding: 10px !important;
    margin: 10px !important;
    border: 1px solid #fff !important;
}

.panel-insert {
    box-sizing: border-box;
    background-color: rgba(59, 94, 135, 0.03);
    overflow: hidden;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 2px 2px rgba(0, 0, 0, 0.05);
    padding: 15px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.uk-subnav-pill > li a {
    border: 1px solid rgba(var(--base-color-dark), 0.25) !important;
    background-color: #FFF;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-shadow: 0px 2px 3px -3px rgba(128,128,128,0.3);
}

.uk-subnav-pill > li a:hover {
    border: 1px solid rgba(var(--base-color-dark), 0.6);
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

.uk-subnav-pill > li.uk-active a {
    -webkit-border-radius: 30px;
    border-radius: 30px ;
    background-color: #006991;
    border: 1px solid #006991;
    color: #FFFFFF;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-shadow: 0 0 0 4px rgba(var(--form-element-focus-shadow), 0.6);
    box-shadow: 0 0 0 4px rgba(var(--form-element-focus-shadow), 0.6);
}

.uk-subnav-pill > li.uk-active a:hover {
    background-color: #00a8e6;
    border: 1px solid #0099d7;
}

.uk-subnav-pill > li:not(.uk-active) a {
    background-color: #FFF;
}

.uk-subnav-small li a {
    text-align: center !important;
    display: inline-block !important;
    padding: 8px 16px !important;
    font-size: 7pt !important;
    margin-bottom: 5px !important;
    border-radius: 10px !important;
}

.uk-subnav-small li:not(:first-child) {
    padding-left: 8px;
}

.uk-dropdown { padding: 0px; -webkit-border-radius: 10px; border-radius: 10px ;}
.uk-dropdown .uk-nav li:first-child { margin-top: 15px;}
.uk-dropdown .uk-nav li:last-child { margin-bottom: 15px;}
.uk-dropdown .uk-nav li a { color: #666666; }
.uk-dropdown .uk-nav li:not(.uk-parent) a:hover { color: #FFFFFF; }
.uk-dropdown .uk-nav li.uk-nav-header { font-size: 0.8em; color: #999999; padding: 5px 20px 5px 20px; margin-top: 10px; }
.uk-dropdown .uk-nav li:hover:not(.uk-nav-header):not(.uk-parent) { background-color: #00b4f5; }
.uk-dropdown .uk-nav li a { padding: 5px 20px; }


/* FORMS */

select {
    font-family: var(--font-name-inputs), Sans-serif;
}

.uk-badge { padding: 3px 15px; height: auto; }

.uk-select {
    font-family: var(--font-name-inputs), Sans-serif;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-image: url('/gfx/select-caret.png') !important;
    padding-right: 22px !important;
    color: rgba(110, 120, 130, 1);
}

.uk-input, .uk-textarea, .uk-select  {
    font-family: var(--font-name-inputs), Sans-serif;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    min-width: 25px;
    border: 1px solid rgba(var(--form-element-border-color),0.5);
}

.uk-input:focus, .uk-textarea:focus, .uk-select:focus {
    border-color: rgba(var(--form-element-border-color),0.8);
    -webkit-box-shadow: 0 0 0 4px rgba(var(--form-element-focus-shadow), 0.6);
    box-shadow: 0 0 0 4px rgba(var(--form-element-focus-shadow), 0.6);
}

.uk-textarea {
    background-color: rgba(255, 255, 255, 0.3) !important;
}

.uk-textarea, .uk-panel-scrollable {
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--base-color-dark),0.5) rgba(var(--base-color-dark),0.15);
    cursor: default;
}
.uk-textarea::-webkit-resizer, .uk-panel-scrollable::-webkit-resizer, .uk-panel-scrollable::-webkit-scrollbar-corner, .uk-textarea::-webkit-scrollbar-corner {
    display: none;
    background: none;
    background-color: transparent;
}

.uk-textarea::-webkit-scrollbar, .uk-panel-scrollable::-webkit-scrollbar {
    width: 8px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.uk-textarea::-webkit-scrollbar-track, .uk-panel-scrollable::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    background: rgba(var(--base-color-dark),0.15);
}

.uk-textarea::-webkit-scrollbar-thumb, .uk-panel-scrollable::-webkit-scrollbar-thumb {
    background-color: rgba(var(--base-color-dark),0.5);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 0px solid rgba(var(--base-color-dark),0.3);
}

.textarea-autosize {
    max-height: 120px;
    resize: vertical;
}

.form-icon {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    min-width: 30px;
    background-color: rgba(var(--base-color-light),0.10);
    border: 1px solid rgba(var(--form-element-border-color),0.5);
    color: rgb(var(--base-color-dark));
    border-right: 0px;
    padding-right: 10px;
}

legend {
    width: 100%;
    border: 0;
    padding: 0;
    padding-bottom: 15px;
    font-size: 18px;
    line-height: 30px
}

legend:after { content: ""; display: block; border-bottom: 1px solid #ddd; width: 100% }

input.uk-checkbox, input.uk-checkbox:focus, input.uk-radio, input.uk-radio:focus {
    border: 1px solid #78ae4d;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

input.uk-checkbox, input.uk-radio {
    background-color: #FFFFFF;
}

input.uk-checkbox:focus:not(:checked), input.uk-radio:focus:not(:checked) {
    border: 1px solid #78ae4d;
    background-color: #FFFFFF;
}

input.uk-checkbox:checked, input.uk-radio:checked {
    border: 0px;
    background-color: #8cc14c;
}

input.uk-checkbox:checked:focus, input.uk-radio:checked:focus {
    border: 0px;
    background-color: #8cc14c;
}

/* BUTTONS */

.uk-button {
    font-family: var(--font-name-buttons), Sans-serif;
    background: none;
    background-color: #FFFFFF;
    border: 1px solid rgba(var(--form-element-border-color),0.5);
    color: #777777;
    -webkit-border-radius: var(--buttons-default-radius);
    border-radius: var(--buttons-default-radius);
    text-transform: uppercase;
}

.uk-button-small {
    -webkit-border-radius: var(--buttons-small-radius);
    border-radius: var(--buttons-small-radius);
}

.uk-button-large {
    -webkit-border-radius: var(--buttons-large-radius);
    border-radius: var(--buttons-large-radius);
}

.uk-button:not(.uk-button-primary,.uk-button-secondary,.uk-button-success,.uk-button-warning,.uk-button-danger) {
    border-color: rgba(var(--form-element-border-color),0.5);
}

.uk-button-smaller {
    padding: 0px 10px;
    line-height: 22px;
}

.uk-button-default { background: linear-gradient(to bottom, #f9f9f9 var(--buttons-grad-width), #e2e2e2 100%); color: #777777; border: 1px solid #DEDEDE; }
.uk-button-default:hover { background: linear-gradient(to bottom, #EFEFEF var(--buttons-grad-width), #d6d6d6 100%); color: #777777; }
.uk-button-default:active { background: linear-gradient(to bottom, #dddddd var(--buttons-grad-width), #cdcdcd 100%); color: #777777; }

.uk-button-primary { background: linear-gradient(to bottom, #00b7ea var(--buttons-grad-width), #009cc6 100%); color: #FFFFFF; border: 1px solid #01aad9; }
.uk-button-primary:hover { background: linear-gradient(to bottom, #01abdb var(--buttons-grad-width), #0095be 100%); color: #FFFFFF; }
.uk-button-primary:active { background: linear-gradient(to bottom, #009cc6 var(--buttons-grad-width), #009cc6 100%); color: #FFFFFF; }

.uk-button-success { background: linear-gradient(to bottom, #8cc14c var(--buttons-grad-width), #6d9d31 100%) !important; color: #FFFFFF; border: 1px solid #78ae4d; }
.uk-button-success:hover { background: linear-gradient(to bottom, #7fb33e var(--buttons-grad-width), #669128 100%) !important; color: #FFFFFF; }
.uk-button-success:active { background: linear-gradient(to bottom, #71a234 var(--buttons-grad-width), #71a234 100%) !important; color: #FFFFFF; }

.uk-button-danger { background: linear-gradient(to bottom, #ff5415 var(--buttons-grad-width), #d04711 100%) !important; color: #FFFFFF; border: 1px solid #e34b12; }
.uk-button-danger:hover { background: linear-gradient(to bottom, #e34910 var(--buttons-grad-width), #c83d09 100%) !important; color: #FFFFFF; }
.uk-button-danger:active { background: linear-gradient(to bottom, #c83f0d var(--buttons-grad-width), #c83f0d 100%) !important; color: #FFFFFF; }

.uk-button-warning { background: linear-gradient(to bottom, #ffb900 var(--buttons-grad-width), #e0a001 100%); color: #FFFFFF; border: 1px solid #e4a200; }
.uk-button-warning:hover { background: linear-gradient(to bottom, #e9aa00 var(--buttons-grad-width), #cf9700 100%); color: #FFFFFF; }
.uk-button-warning:active { background: linear-gradient(to bottom, #d49c01 var(--buttons-grad-width), #d49c01 100%); color: #FFFFFF; }

.uk-button-blank { background: none; background-color: transparent; }

button:disabled {
    background: none;
    color: #FBFBFB !important;
    background-color: #D0D0D0 !important;
    border: 1px solid #D0D0D0 !important;
}

button:disabled:hover {
    background: none;
    color: #FBFBFB !important;
    background-color: #D0D0D0 !important;
    border: 1px solid #D0D0D0 !important;
}

.uk-button-group > *:first-child, .uk-button-group > *:first-child > input, .uk-button-group > *:first-child > button, .uk-button-group > *:first-child > select {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
    -webkit-border-bottom-right-radius: 0px !important;
}

.uk-button-group > *:last-child, .uk-button-group > *:last-child > input, .uk-button-group > *:last-child > button, .uk-button-group > *:last-child > select {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    -webkit-border-top-left-radius: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
}


.uk-button-group > .select2-container--default .select2-selection:last-child {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    -webkit-border-top-left-radius: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
}

.uk-button-group > .select2-container--default .select2-selection__rendered {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    -webkit-border-top-left-radius: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
}

.uk-button-group > *:not(:first-child):not(:last-child), .uk-button-group > *:not(:first-child):not(:last-child) .uk-input, .uk-button-group > *:not(:first-child):not(:last-child) > input, .uk-button-group > *:not(:first-child):not(:last-child) > select, .uk-button-group > *:not(:first-child):not(:last-child) > button {
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

.uk-button-group > .uk-active {
    background: linear-gradient(to bottom, #7fb33e var(--buttons-grad-width), #669128 100%) !important;
    border: 1px solid #7fb33e;
    color: #FFFFFF;
}

.uk-button-group .uk-inline input:first-child {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
    -webkit-border-bottom-right-radius: 0px !important;
}

.uk-button-group > *.uk-input:not(:first-child):focus, .uk-textarea:focus, .uk-select:focus {
    border: 1px solid #D5D5D5;
}

.uk-table tr td .uk-button, .uk-table tr td .uk-button-small, .uk-table tr th .uk-button, .uk-table tr th .uk-button-small {
    border-radius: var(--buttons-small-radius);
    -webkit-border-radius: var(--buttons-small-radius);
    border-bottom-width: 1px;
}

.uk-button-icon {
    min-width: auto;
    padding: 0px 15px;
}

.uk-button-width-reset {
    min-width: auto;
}

.uk-button-icon-divider div div:first-child {
    border-right: 1px solid #FFF;
}

.uk-button-attached, .uk-button-flat {
    background: none;
    border-width: 1px;
}

.uk-placeholder {
    background-color: rgba(229, 238, 243, 0.65);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px dotted rgb(209, 218, 223);;
}

.button-scroll {
    background-color: #F8F8F8;
    font-size: 20px;
    bottom: 20px;
    color: #999999;
    cursor: pointer;
    float: right;
    height: 30px;
    padding: 0;
    position: fixed;
    right: 20px;
    width: 30px;
    z-index: 999;
    line-height: 30px;
    display: block;
    text-align: center;
    border: 1px solid #CCCCCC;
}

.uk-alert-primary { color: var(--primary-panel-color); border: dotted 1px var(--primary-panel-border-color); background-color: var(--primary-panel-bg-color); }
.uk-alert-warning { color: var(--warning-panel-color); border: dotted 1px var(--warning-panel-border-color); background-color: var(--warning-panel-bg-color); }
.uk-alert-danger { color: var(--danger-panel-color); border: dotted 1px var(--danger-panel-border-color); background-color: var(--danger-panel-bg-color); }
.uk-alert-success { color: var(--success-panel-color); border: dotted 1px var(--success-panel-border-color); background-color: var(--success-panel-bg-color); }

/* CARDS */
.uk-card { -webkit-border-radius: var(--uk-card-border-radius); border-radius: var(--uk-card-border-radius); }
.uk-card-default { -webkit-border-radius: var(--uk-card-border-radius); border-radius: var(--uk-card-border-radius); }
.uk-card-default .uk-card-header { -webkit-border-radius: var(--uk-card-border-radius) var(--uk-card-border-radius) 0px 0px; border-radius: var(--uk-card-border-radius) var(--uk-card-border-radius) 0px 0px; }
.uk-card-default .uk-card-footer { -webkit-border-radius: 0px 0px var(--uk-card-border-radius) var(--uk-card-border-radius) ; border-radius: 0px 0px var(--uk-card-border-radius) var(--uk-card-border-radius); }
.uk-card-smaller .uk-card-header { padding: 7px 12px; }
.uk-card-smaller .uk-card-body { padding: 7px 12px; }
.uk-card-smaller .uk-card-footer { padding: 7px 12px; }

.uk-card-default .uk-card-header {
    background-color: var(--uk-card-header-background) !important;
}

.uk-card-blank .uk-card-header {
    border-bottom: 0px;
    background: none;
}

.uk-card-blank .uk-card-footer {
    border-top: 0px;
    background: none;
}

.uk-card-default .uk-card-footer {
    background-color: var(--uk-card-footer-background) !important;
}


.uk-card-header .uk-button {
    border-radius: var(--buttons-small-radius);
    -webkit-border-radius: var(--buttons-small-radius);
}


/* MODALS */
.uk-modal-dialog {
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

.uk-modal-header {
    border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    text-transform: initial;
}

.uk-modal-footer {
    border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    background-color: #F1F1F1;
}

.uk-modal-footer > .uk-button-default, .uk-modal-footer > .uk-button-primary, .uk-modal-footer > .uk-button-success {
    -webkit-border-radius: 30px;
    border-radius: 30px;
    border-width-bottom: 5px !important;
}

.uk-modal-footer .uk-modal-close {
    float: left;
}

.uk-modal-footer .uk-button {
    min-width: 150px;
}

.uk-notification {
    z-index: 999999;
    width: 500px;
}

.uk-notification-message {
    background-color: #e3f3ff;
    border: 1px solid #ccddea;
    box-shadow: 0 5px 12px rgba(0,0,0,.15);
    color: #666666;
    -webkit-border-radius: 8px 0px 8px 0px;
    border-radius: 8px 0px 8px 0px;
    font-size: 11pt;
}

.uk-notification-message-warning {
    background-color: var(--warning-panel-bg-color);
    border: 1px solid var(--warning-panel-border-color);
}

.uk-notification-message-danger {
    background-color: var(--danger-panel-bg-color);
    border: 1px solid var(--danger-panel-border-color);
}

.uk-notification-message-success {
    background-color: var(--success-panel-bg-color);
    border: 1px solid var(--success-panel-border-color);
}

.uk-notification-message-primary {
    background-color: var(--primary-panel-bg-color);
    border: 1px solid var(--primary-panel-border-color);
}

/* TABLES */
.uk-table:not(.uk-table-contents) thead tr:first-child {
    color: #666;
    background-color: rgba(var(--base-color-light),0.25);
    border-top: 1px solid rgba(var(--base-color-light),0.4);
    border-bottom: 2px solid rgba(var(--base-color-light),0.4);
}

.uk-table:not(.uk-table-contents) th {
    color: #666;
}

.uk-table-contents thead tr:first-child {
    border-top: 0px;
    border-bottom-width: 1px !important;
    border-color: rgba(var(--base-color-light),0.4);
    background-color: #FFF !important;
}

.uk-table-contents th {
    font-family: var(--font-name-titles), Sans-serif;
    font-weight: bold;
    color: #666;
}

.uk-table-contents th, .uk-table-contents td {
    font-size: 11pt !important;
}

.uk-table-unline td { border-bottom: 0px; }
.uk-table-extra-condensed td, .uk-table-extra-condensed th { padding: 3px; font-size: 10pt; }
.uk-table-condensed td, .uk-table-condensed th { padding: 6px; font-size: 10pt; }

.uk-table-row-primary {
    background-color: var(--primary-panel-bg-color);
}

.uk-table-divider .uk-table-row-primary {
    border-top: 1px solid var(--primary-panel-border-color) !important;
}

.uk-table-row-success {
    background-color: var(--success-panel-bg-color);
}

.uk-table-divider .uk-table-row-success {
    border-top: 1px solid var(--success-panel-border-color) !important;
}

.uk-table-row-danger {
    background-color: var(--danger-panel-bg-color);
}

.uk-table-divider .uk-table-row-danger {
    border-top: 1px solid var(--danger-panel-border-color) !important;
}

.uk-table-row-warning {
    background-color: var(--warning-panel-bg-color);
}

.uk-table-divider .uk-table-row-warning {
    border-top: 1px solid var(--warning-panel-border-color) !important;
}

.uk-table.uk-table-hover tbody tr:hover, .uk-table.uk-table-hover > tr:hover {
    background: #f6fbff;
}

.uk-table.uk-table-hover tbody tr.uk-table-row-success:hover, .uk-table.uk-table-hover > tr.uk-table-row-success:hover {
    background: var(--success-panel-bg-color-hover);
}

.uk-table.uk-table-hover tbody tr.uk-table-row-danger:hover, .uk-table.uk-table-hover > tr.uk-table-row-danger:hover {
    background: var(--danger-panel-bg-color-hover);
}

.uk-table.uk-table-hover tbody tr.uk-table-row-warning:hover, .uk-table.uk-table-hover > tr.uk-table-row-warning:hover {
    background: var(--warning-panel-bg-color-hover);
}

.uk-table.uk-table-hover tbody tr.uk-table-row-primary:hover, .uk-table.uk-table-hover > tr.uk-table-row-primary:hover {
    background: var(--primary-panel-bg-color-hover);
}

tfoot {
    font-style: normal !important;
}

.table-inventory-type-label {
    font-weight: bold;
    text-transform: uppercase;
    padding: 20px 5px !important;
    color: #1d83b5;
    vertical-align: middle;
}

.uk-tab li a {
    color: rgba(90,115,130, 0.7);
    font-family: var(--font-name-titles), Arials, Sans-serif;
}

.uk-tab li a:hover {
    color: rgba(90,115,130, 0.8);
}

.uk-tab li.uk-active a {
    color: rgba(90,115,130, 1);
    border-color: rgba(90,115,130, 0.8);
}

/*  Tooltip */
.uk-tooltip *  {
    font-family: var(--font-name-default);
    font-size: 10pt;
}

/* ---------------- */


/* HALLO */

#q::-webkit-input-placeholder, #ql::-webkit-input-placeholder { color: #c3c8cb; }
#q:-moz-placeholder, #ql:-moz-placeholder { color: #c3c8cb; opacity:  1; }
#q::-moz-placeholder, #ql::-moz-placeholder { color: #c3c8cb; oopacity:  1; }
#q:-ms-input-placeholder, #ql:-ms-input-placeholder { color: #c3c8cb; }

.hdr-nav-top {
    background-color: #848C93;
    border-bottom: 1px solid #777E84;
    border-top: 3px solid #717171;
}

.hdr-nav-top-item {
    height: 20px;
    width: auto;
    padding: 5px;
    margin-right: 10px;
}

.hdr-nav-top-item a, .hdr-nav-top-item {
    color: #DDD;
}

.hdr-nav-top-item a:hover {
    color: #FFF;
    text-decoration: none;
}

.hdr-nav-top .uk-button {
    background-color: #777E84;
    color: #DDD;
}

.hdr-nav-top .uk-dropdown {
    background-color: #777E84;
    color: #DDD;
}

.hdr-nav-top .uk-dropdown li a { color: #DDD; }
.hdr-nav-top .uk-dropdown li a:hover { color: #FFF; background-color: #6B7278; }

.hdr-nav {
    background-color: #8B949B;
}

.sub-nav {
    background-color: #F1F1F1;
}

.hdr-nav-cats { background-color: #43B9D6; margin-bottom: -4px; }
.hdr-nav-cats button { background-color: #43B9D6; color: #F1F1F1; font-size: 11pt; height: 38px;}
.hdr-nav-cats button:hover { background-color: #2AA0BD; color: #F1F1F1; }
.hdr-nav-cats button:active { background-color: #2AA0BD; }
.hdr-nav-cats .uk-dropdown { border: 1px solid #CCCCCC; border-top: 0px; }
.hdr-nav-cats .uk-nav-header { color: #2AA0BD; }


.copyright .top:hover { background-color: #43B9D6; color: #FFFFFF; }

.tag, .tag-inline {
    color: #FFFFFF;
    padding: 4px 8px !important;
    font-size: 9pt;
    line-height: 10pt !important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.tag {
    position: absolute;
    top: 10px;
    border-radius: 0px 3px 3px 0px;
    -webkit-border-radius:  0px 3px 3px 0px;
}

.tag-1 { top: 15px; }
.tag-2 { top: 40px; }
.tag-3 { top: 65px; }

.tag-featured {	background-color: #8E0000; }
.tag-urgent {	background-color: #6F9242; }
.tag-new {	background-color: #FDB311; }
.tag-reduced {	background-color: #C17800; }
.tag-onsale { background-color: #8F1113; }
.tag-limitedstock { background-color: #7FCCC8; }
.tag-homemade { background-color: #8A4D4E; }
.tag-personalised {	background-color: #9C7637; }
.tag-freedelivery {	background-color: #1E7E59; }
.tag-madeinuk {	background-color: #114B63; }
.tag-specialoffer {	background-color: #D50003; }
.tag-freegift {	background-color: #6F588F; }
.tag-241 { background-color: #70466F; }
.tag-freequote { background-color: #2F8E9E; }
.tag-sameday { background-color: #6BBD0A; }
.tag-file { background-color: #888888; }
.tag-adbid { background-color: rgba(200, 200, 200, 0.5); color: #999999;  height: 0px}
.tag-urgent-box { background-color: #d7f3c2 !important; }
.tag-urgent-box:hover { background-color: #cbe7b6 !important; }


/* AD VIEW */

.ads-tag, .ads-tag-nb, .ads-tag-usr {
    padding: 3px 6px 3px 6px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #657A86;
    color: #FFF;
    margin: 0px 0px 4px 4px;
    float: left;
    font-size: 11px;
}

.ads-tag:hover {
    background-color: #868E97;
    text-decoration: none;
    color: #FFF;
}

.ads-tag-nb {
    background-color: #A49292;
    text-decoration: none;
}

.ads-tag-nb:hover {
    background-color: #BDB2B2;
    text-decoration: none;
    color: #FFF;
}

.ads-tag-usr {
    background-color: #745731;
    text-decoration: none;
    color: #FFF;
}

.ads-tag-usr:hover {
    background-color: #7A6D63;
    text-decoration: none;
    color: #FFF;
}

/* EVENT CALENDAR */
.calendar { border: 0px; width: 294px; border-collapse: separate; border-spacing: 2px; }
.calendar td { text-align: center; margin: 1px; border-bottom: 1px solid #999999; padding: 1px; color: #888888; }
.calendar td a { color: #666666; }
.cal-hdr { text-align: center; }
.cal-dow { width: 42px; padding: 1px; }
.cal-day-data {
    background: #f9c866; /* Old browsers */
    background: -moz-linear-gradient(top,  #f9c866 0%, #ffa035 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9c866), color-stop(100%,#ffa035)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f9c866 0%,#ffa035 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f9c866 0%,#ffa035 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f9c866 0%,#ffa035 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f9c866 0%,#ffa035 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c866', endColorstr='#ffa035',GradientType=0 ); /* IE6-9 */
}
.cal-day-data:hover, .cal-day-select {
    background: #ff9730; /* Old browsers */
    background: -moz-linear-gradient(top, #ff9730 0%, #ff7402 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9730), color-stop(100%,#ff7402)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff9730 0%,#ff7402 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff9730 0%,#ff7402 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff9730 0%,#ff7402 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ff9730 0%,#ff7402 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9730', endColorstr='#ff7402',GradientType=0 ); /* IE6-9 */
    color: #FFFFFF !important;
    text-decoration: none;
}
.cal-day-data:hover a { color: #FFFFFF; }
.cal-day-data a:hover { text-decoration: none; }

footer {
    background-color: #979FA5;
    color: #FFFFFF;
}

footer a { color: #FFFFFF; }
footer a:hover { color: #F1F1F1;}
footer ul { list-style: none; list-style-position: outside; }
footer li { padding: 2px; }


/* ELEMENTS */
.dashboard {
    color: #F1F1F1;
    border-bottom: 3px solid #404040;
    background-color: #505050;
    padding: 5px;
}

.dashboard button {
    font-size: 14px;
    height: 35px;
    color: #f1f1f1;
    background-color: #505050;
}

.dashboard button:hover, .dashboard button:focus { background-color: #888; }
.dashboard .uk-active { background-color: #909090; }
.dashboard .uk-button-group { margin-left: 15px; }
.dashboard .saved:focus { color: #F5F0DA; }

.saved {
    background-color: #505050  !important;
    color: #F5F0DA !important;
}

.saved-dropdown { background-color: #505050; }
.saved-dropdown span { color: #EEEEEE; padding: 15px; }


.uk-pagination li {
    font-family: "Rubik";
    padding: 2px 8px;
    min-width: 25px;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    margin: 5px;
}

.uk-pagination li {
    background-color: #BBB;
}

.uk-pagination li:hover {
    background-color: #999;
}

.uk-pagination li:hover a {
    color: #FFF;
}

.uk-pagination li a {
    color: #FFF;
}

.uk-pagination li.next,
.uk-pagination li.previous {
    padding: 2px 15px;
    background-color: #CCC;
}

.uk-pagination li.next:hover,
.uk-pagination li.previous:hover {
    padding: 2px 15px;
    background-color: #999;
}

.uk-pagination li.uk-active {
    border: 1px solid #ffa300;
    background-color: #ffa300;
    color: #FFF !important;
}

.uk-pagination li.uk-active span {
    color: #FFF !important;
}

.uk-pagination li.uk-disabled {
    background-color: #F4F4F4;
}

.uk-breadcrumb > li:nth-child(n+2)::before {
    content: "\203A" !important;
    display: inline-block;
    margin: 0 6px !important;
}


/* NAV */
#navigation {
    background-color: #43B9D6;
}

#navigation .uk-nav-header {
    color: darkorange;
}

#navigation .uk-nav-header:first-child {
    margin-top: 0px;
}

#navigation .uk-panel-scrollable {
    height: auto;
    resize: none;
}
#navigation .uk-button {
    border: unset;
    border-radius: unset;
    -webkit-border-radius: unset;
    text-transform: capitalize;
    background-color: unset;
    width: auto;
    color: #FFF;
    font-size: 12pt;
    padding: 0px 20px !important;
}

#navigation .uk-button:hover {
    background-color: #349db5;
}

.bubble {
    position: relative;
}

.bubble:after {
    content: "";
    position: absolute;
    top: 0%;
    left: 40px;
    border-top: 10px solid #8B949B;
    border-top-color: #8B949B;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

@media (max-width: 960px) {

    #navigation {
        background-color: unset;
    }

    #navigation .uk-button {
        border: unset;
        border-radius: unset;
        -webkit-border-radius: unset;
        text-transform: capitalize;
        background-color: unset;
        width: 24%;
        text-align: center;
    }

    #navigation .uk-button:hover {
        background-color: unset;
    }

    #navigation .uk-panel-scrollable {
        height: 400px;
        background-color: #f4f4f4;
    }

    .filters-panel {
        overflow: auto;
        max-height: 450px;
    }
}

/* ITEMS DISPLAY */

.item-box-price, .advert-page-price {
    font-family: "Rubik", sans-serif;
    color: #b91e67;
    font-size: 13pt;
}

.item-box-price-details, .advert-page-price-details {
    color: #999;
    text-transform: uppercase;
    font-size: 10pt;
}

.item-watch-link { font-size: 13pt; color: #999999;}
.item-watch-link:hover { color: #888888; text-shadow: 0 0 2px #A8A8A8; }


/* AD VIEW */
.desc-line { border-bottom: 1px solid #AAAAAA; overflow: auto; }
.desc-field {
    padding: 5px;
    float: left;
    width: 30%;
    font-weight: bold;
}
.desc-value {
    width: 70%;
    text-align: right;
    padding: 5px;
    float: right;
    text-wrap: normal;
    line-break: auto;
    max-width: 200px;
}