/*

new black: #151e35, logo: #302d2f

new pink: #DB1C63, logo: #db1963, dark: #b30050

new teal: #19BFD2, logo: #0bb1be, dark: #2592b1

z-index:
1: table floating header
2: popup input helper
10: modal background
11: modal popup
100: menu
101: tooltip
    
*/

:root { 
    --body-color: #f6f6f6;
    --subtle-bg-shade: #f7f7f7;
    --tab-shade: #e9e9ee;
    --menu-bg-color: #000056;
    --menu-drop-color: #000056;
    --menu-tab-color: #000056; 
    --menu-tab-fg-color: #a8a2c7; 
    --button-bg-color: #000056; 
    --button-bg-hover-color: #0bb1be;    
    --button-alt-color: #db1963; 
    --button-fg-color: #eee; 
    --highlight-color: #0bb1be;
    /* --highlight-bg-color: #ffc; /* faint yellow */
    --highlight-bg-color: #fdfbe3; /* very faint yellow */
    --table-border-color: #eee; /* #e3e3e6; */
    --table-header-color: #f7f7f7;
    --red: #ca0017;
}

:root.teal {
    --menu-tab-color: #19BFD2; 
    --menu-tab-fg-color: #fff; 
    --button-bg-color: #19BFD2; 
    --button-bg-hover-color: #19BFD2; 
}

:root.pink { 
    --menu-tab-color: #d12266; 
    --button-bg-color: #db1963; 
    --button-bg-hover-color: #b30050; 
}

:root.bclwin {  
    --body-color: #f9f9ff;
    --subtle-bg-shade: #f7f7ff;
    --tab-shade: #f0f0fb;    
    --button-bg-color: #3771a9;
    --button-fg-color: #b8d2e9;
    --button-bg-hover-color: #2a5680;    
    --menu-bg-color: #3771a9;
    --menu-tab-color: #3771a9;
    --menu-tab-fg-color: #b8d2e9;    
    --highlight-color: #4e92d4; /* #2a81d6 */
}


html
{
    overflow-y: scroll;
    box-sizing: border-box;
}

html, body
{
    margin: 0;
    padding: 0;
    font: 14px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
    color: #333;
    line-height: 1.4em;
}

body 
{
    background: var(--body-color);
}

* /*, *:before, *:after  */
{
  box-sizing: inherit;
}

input, select, textarea, button
{
    font: 1em "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
    color: #333;
    margin: 0;
    max-width: 100%; 
}

input[disabled], select[disabled], zzinput[readonly] 
{
    background-color: inherit;
    border: solid 1px #ddd;
    color: #888;
}

xh1, xh2
{
    font: 1em "Trebuchet MS",Arial,Helvetica,sans-serif;
}

hr 
{
    border-top: solid 1px #ddd;
    border-bottom: none;
}

ul.menu 
{
    font-family: "Century Gothic","Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
}


/* remove the dotted line the firefox adds */
button::-moz-focus-inner, input[type=submit]::-moz-focus-inner
{
    padding: 0;
    border: 0;
}

button, input[type=submit], input[type=button], .button
{
    -webkit-appearance: none; /* remove iphone styling override */
    color: var(--button-fg-color);
    background: var(--button-bg-color);
    border-radius: 3px;
    border: 0;
    padding: 0 10px;
    text-decoration: none;    
    cursor: pointer;
    margin-right: 5px;
    min-width: 5em;
    border: solid 2px var(--button-bg-color);
    text-align: center;
    display: inline-block;
    line-height: 2.2em;
}

button:hover, button:focus, input[type=submit]:hover, input[type=submit]:focus, input[type=button]:hover, .button:hover, .button.toggled, button.toggled
{
    background: var(--button-bg-hover-color);
    border-color: var(--button-bg-hover-color);
    color: #fff;
}

button.loading, input[type=submit].loading, input[type=button].loading, 
button[disabled], input[type=submit][disabled], input[type=button][disabled],
button[disabled]:hover, input[type=submit][disabled]:hover, input[type=button][disabled]:hover,
a.button.disabled
{
    cursor: not-allowed;
    --color: #fff !important;
    background-color: var(--body-color) !important;
    color: #aaa !important;
    border-color: #d3d3d6 !important;
}

a.button:hover {
    color: #fff;
    text-decoration: none !important;
}

.table-button { display: inline-block; padding: 4px 8px; background-color: #f0f0f0; border-radius: 3px; text-decoration: none; cursor: pointer; }
.table-button:hover { text-decoration: underline; }
/*.table-button.delete { color: var(--button-alt-color); border-color: var(--button-alt-color); }*/
button.table-button { border: none; color: inherit; line-height: unset; min-width: unset; }
button.table-button:hover { text-decoration: underline; background-color: #f0f0f0; }


.toggle-buttons { display: flex; }
.toggle-buttons > button { margin: 0; background: inherit; color: var(--button-bg-color); border-color: var(--button-bg-color);  }
.toggle-buttons > button.toggled { background: var(--button-bg-color); color: var(--button-fg-color); }
.toggle-buttons > button:not(:first-child) { border-left: none; border-top-left-radius: 0; border-bottom-left-radius:0; }
.toggle-buttons > button:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }

/* https://www.htmhell.dev/adventcalendar/2023/2/ */
.toggler { appearance: none; position: relative; display: inline-block; background: lightgrey; height: 1.4rem; width: 2.75rem; vertical-align: middle; border-radius: 2rem; box-shadow: 0px 1px 3px #0003 inset; transition: 0.15s linear background; cursor: pointer; }
.toggler::before { content: ""; display: block; width: 1.25rem; height: 1rem; background: #fff; border-radius: 1.2rem; position: absolute; top: 0.2rem; left: 0.2rem; box-shadow: 0px 1px 3px #0003; transition: 0.15s linear transform; transform: translateX(0rem); }
.toggler:focus { outline: none; }
.toggler:focus-visible { outline: 2px solid dodgerblue; outline-offset: 2px; }
.toggler:checked { background: green; }
.toggler:checked::before { transform: translateX(1rem); }


.dropdown { display: inline-block; }
.dropdown-link { background: inherit; border: none; text-decoration: underline; -webkit-appearance: none; cursor: pointer; }

/*input[type=submit].delete, input[type=button].delete, button.delete { background: #c72636; color: #fff; }*/

input[type=submit].delete, input[type=button].delete, button.delete { background: inherit; color: var(--button-alt-color); border-color: var(--button-alt-color); }
input[type=submit].delete:hover, input[type=button].delete:hover, button.delete:hover { background-color: var(--button-alt-color); color: #fff; }

input[type=submit].secondary, input[type=button].secondary, button.secondary, a.secondary { background: inherit; color: var(--button-bg-color); border-color: var(--button-bg-color); }
input[type=submit].secondary:hover, input[type=button].secondary:hover, button.secondary:hover, a.secondary:hover { background-color: var(--button-bg-hover-color); border-color: var(--button-bg-hover-color); color: var(--button-fg-color) }


input[type=checkbox] { margin-right: 0.5em; }
input[type=radio] { margin-right: 0.5em; padding: 0; }

input[type=text], input[type=search], input[type=url], input[type=email], input[type=tel], input[type=password], input[type=date], input[type=datetime-local], input[type=number], select, textarea, ul.checklist { width: 15em; border-color: #e3e3e6; border-style: solid; border-width: 1px; border-radius: 2px; }

input[type=datetime-local] { width: 18em; }
input.datetime-local { width: 15em; }

input.wide, select.wide, textarea.wide { width: 50em }
input.short, select.short { width: 10em }
input.long, select.long { width: 30em }
input.small, select.small { width: 6em; min-width: unset; }
input[type=url] { width: 40em; }
input[type=number] { width: 8em; }
textarea.small { height: 4em; }

input[type=search].loading, input[type=text].loading { background: url(loading-small2.gif) no-repeat right; }

/* hide firefox relay helpers */
div.fx-relay-email-input-wrapper { z-index: auto; }
div.fx-relay-icon { display: none; }

select { min-width: 15em; width: auto; zzpadding: 1px 1em 1px 2px; background-color: #fff; }
textarea { width: 50em; height: 8em; form-sizing: normal; }

img { border: none; vertical-align: middle; }
a { color: #2b3c50; }
a:hover { text-decoration: underline; color: var(--button-bg-color); }
a.hidden { display: none; }
a.ajax { color: #333; }
/*a.delete { color: #c72636; }*/
.more { margin-top: 3em; }

audio { height: 30px; }
audio:focus { outline-width: 0; }

h1 { margin: 0 0 1em 0; font-size: 1.5em; }
h2 { margin: 3em 0 1em 0; font-size: 1.4em; }
h3 { margin: 3em 0 0.75em 0; font-size: 1em; }
h1:first-child, h2:first-child, h3:first-child { margin-top: 0; }

/*p, li, label, div.field { max-width: 70em; }*/

label { color: #666; }
label.click { line-height: 1.75em; }
label.click:hover { text-decoration: underline; cursor: pointer; }

p { margin: 1em 0; }
li { margin: .2em 0; }

span.pos { color: green; font-weight: bold; font-size: 1.2em; }
span.neg { color: red; font-weight: bold; font-size: 1.2em; }
span.zero { font-weight: bold; font-size: 1.2em; width: 1.2em; }

ul.popuplist, .popup { display: none; position: absolute; /* The element is positioned relative to its first positioned (not static) ancestor element */ background: #fff; line-height: 1.5em; width: auto !important; border: 1px solid #aaa; margin: 0; box-shadow: rgba(0, 0, 0, 0.18) 0px 6px 12px; z-index: 2; }
ul { padding-left: 0em; list-style: square none inside; margin: .2em 0; }
ul.checklist { list-style: none none outside; width: 30em; max-width: 100%; max-height: 25em; overflow-y: scroll; padding: 0.25em 0.5em; background: #fff; }
/*ul.checklist input { float: left; margin-top: 2px; }*/
ul.radiolist { list-style: none none outside; margin: 0.5em 0; }
ul.radiolist li { margin: 0.25em 0; }
ul.checkitems li { display: inline; margin-right: 1em; }
ul.checklist:not(:has(li)), ul.radiolist:not(:has(li)) { display: none; }
div.radiolist label, p.radiolist label, label.checkbox { margin-right: 1em; }
.radiolist label, .checklist label, .checkitems label, label.checkbox { cursor: pointer; }
.radiolist label:hover, .checklist label:hover, .checkitems label:hover, label.checkbox:hover { text-decoration: underline; }

.draggable { cursor: url(openhand_8_8.cur), default; }

table { border-collapse: collapse; border-spacing: 0; }
th { vertical-align: bottom; text-align: left; }

table.form { margin: 1em 0; }
table.form th { text-align: left; vertical-align: middle; padding: 5px 10px 5px 0; }
table.form td { padding: 5px 10px 5px 0; }
table.form td.num, table.form th.num, table.form td.percent { text-align: right; }


table.normal { margin: 2em 0; width: auto; max-width: 100%; }
table.normal thead { display: table-header-group; /* for chrome */ }
table.normal th { text-align: left; padding: 12px 10px; background-color: var(--body-color); /* for floating headers */ border-bottom: solid 1px var(--table-border-color); font-weight: bold; color: #444; }
table.normal th a { color: #444; }
table.normal tbody th { vertical-align: top; }
table.normal td { padding: 12px 10px; background-color: #fff; border-bottom: solid 1px var(--table-border-color); vertical-align: top; overflow: hidden; /* for fixed layout tables */ }
table.normal.noheader tr:first-child td { border-top: solid 1px var(--table-border-color); }
table.normal td:first-child { border-left: solid 1px var(--table-border-color); }
table.normal td:last-child { border-right: solid 1px var(--table-border-color); }
table.normal td.num, table.normal th.num, table.normal td.percent { min-width: 5em; text-align: right; }
table.normal td.currency { min-width: 8em; text-align: right; }
table.normal td.percent { background-color: var(--subtle-bg-shade); }
table.normal tfoot td { font-weight: bold; }
table.normal td.seamless { background: inherit; border: none; padding: 2px 10px; }

table.report tr:nth-child(4n+1) td, table.report tr:nth-child(4n+2) td { background-color: #f4f4f4; }

table.floating-header thead { z-index: 1; position: relative; }
table.floating-header thead tr { position: sticky; top: 46px; }

table.lookup-results { margin-top: 2px; border: solid 2px #eee; }
table.lookup-results.popup { zzmargin-top: -3px; }
table.lookup-results th { padding: 2px 10px; background-color: var(--table-header-color) }
table.lookup-results td { padding: 10px 10px; border: none; border-bottom: solid 1px var(--table-border-color); background-color: #fff; }

table.sortable thead th:hover { cursor: pointer; background-color: var(--table-border-color); }
/*table.sortable thead th:hover::after { content: ' ↕'; }*/
th.sorting-desc:after { content: '↓' }
th.sorting-asc:after { content: '↑' }

table.hover tbody tr:hover td { background-color: var(--highlight-bg-color); }

table.clickable tbody tr:hover td { cursor: pointer; background-color: var(--highlight-bg-color); }
table.clickable tbody tr:hover .link { text-decoration: underline; }

tr.highlight > td, td.highlight, div.highlight { background: var(--highlight-bg-color) !important; }

table th.r, table td.r { text-align: right; }
table th.l, table td.l { text-align: left; }

.data-browser .data-row { cursor: pointer; }
.data-browser .data-row:hover td { background: inherit; }
.data-browser .data-row-deleted td { text-decoration: line-through; }
.data-browser .data-row-editing { border: solid 3px #666; border-bottom: none; }
.data-browser .data-editor { display: none; border: solid 1px #666;  border: solid 3px #666; }
.data-browser .data-row-editing + .data-editor { border-top: none; }
.data-editor ul.form > li { border: none; }
.data-browser-editing .data-row:not(.data-row-editing) td { background: inherit; color: #aaa; }

.data-editor-toggle { display: inline-block; padding-top: 5px; width: 18px; height: 18px; background-image: url('baseline_keyboard_arrow_down_black_18dp.png'); border: none; }
.data-row-editing .data-editor-toggle { background-image: url('baseline_keyboard_arrow_up_black_18dp.png');  }

/* ctrl+a will still select item with this property */
.unselectable { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

.pages { margin: 2em 0; }
.pages li { display: inline-block; margin: 0 1px; }
.pages a { text-decoration: none; display: inline-block; padding: 7px 10px; border-radius: 2px; }
.pages li.active a, .pages li:hover a { background: var(--button-bg-color); color: var(--button-fg-color); }

.scroll::-webkit-scrollbar { background-color: rgba(0,0,0,0.08); width: 10px; }
.scroll::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.2); }

.rscroll::-webkit-scrollbar { background-color: rgb(255, 255, 255); width: 16px; }
.rscroll:hover::-webkit-scrollbar-thumb { background-color: rgb(186, 186, 192); }
.rscroll::-webkit-scrollbar-thumb { --background-color: transparent; background-color: rgb(186, 186, 192); border-radius: 16px; border: 4px solid rgb(255, 255, 255); }

.survey-editor-source { width: 100%; height: 40em; }

/*.xxsurvey-editor { display: flex; height: 600px; max-height: calc(100vh - 200px); }
.survey-editor-nav { border: solid 1px #ccd; overflow-y: scroll; width: 600px; }
.survey-editor-nav .question { background-color: #fff; border-bottom: solid 1px #ccd; padding: 10px; cursor: pointer; }
.survey-editor-nav .question:hover { background-color: var(--highlight-bg-color); border-left-color: #f9f9ff; }
.survey-editor-nav .question.selected { background-color: var(--highlight-bg-color); border-left-color: #3771a9 !important; }
.survey-editor-nav .question > .id { float: right; padding: 4px 8px; background-color: #f0f0f4; border-radius: 3px; }
.survey-editor-nav .question > .title { font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.survey-editor-nav .question > .notes { font-size: 0.8em; color: #888; }
.survey-editor-nav .question > .condition { font-size: 0.8em; color: red; }*/

.survey-editor-config { padding: 10px 10px 0 0; padding: 10px; border: solid 1px #ccd; border-left: none; flex: 1; overflow-y: scroll; }

.survey-editor-config input.id { text-transform: lowercase; background-color: #f9f9ff; width: 8em; }

.survey-editor-table { }
.survey-editor-table .question { display: flex; margin: 10px 0; background: #fff; border: solid 1px var(--table-border-color);  }
.survey-editor-table .question > div { padding: 5px; }
.survey-editor-table .question > div:nth-child(1) { width: 10em; margin-right: 1em; flex-shrink: 0; }
.survey-editor-table .question > div:nth-child(2) { flex-grow: 1; }
.survey-editor-table .question > div:nth-child(3) {  }
.survey-editor-table .question.blurred { background-color: inherit; }
.survey-editor-table span.id { background: #ffefc6; color: #735005; margin-right: 1em; }
.survey-editor-table span.prompt { font-weight: bold; white-space: pre-wrap; }

.survey-editor-drag-q, .survey-editor-drag-o { cursor: ns-resize; position: relative; }
/*.survey-editor-drag-q > .tip, .survey-editor-drag-o > .tip { position: absolute; bottom: 0; left: 0; display: none; }
.survey-editor-drag-q:hover > .tip, .survey-editor-drag-o:hover > .tip { display: block }*/
        
.survey-editor-preview { padding: 10px; border: solid 1px #ccd; border-left: none; flex: 1; overflow-y: scroll; }
.survey-editor-preview label { cursor: pointer; }
.survey-editor-preview .question { margin-bottom: 3em; }
.survey-editor-preview .question-prompt { margin: 0.5em 0; }
.survey-editor-preview .question-debug { color: red; font-size: 0.8em; }
.survey-editor-preview .question-options p { margin: 1.5em 0; }
.survey-editor-preview .question-option { margin: 0.5em 0; }
.survey-editor-preview .question-option:hover label { text-decoration: underline; }
.survey-editor-preview .question-likert .question-options { display: flex; }
.survey-editor-preview .question-likert .question-options > div { flex: 1; min-width: 0; text-align: center; }
.survey-editor-preview .question-bipolar .question-options { display: flex; }
.survey-editor-preview .question-bipolar .question-options > div { flex: 1; min-width: 0; }
.survey-editor-preview .question-rank input { margin-right: 1em; }
.survey-editor-preview .question-likert input[type=radio] { margin: 6px; }
.survey-editor-preview .question-bipolar .question-options td { padding: 5px 10px; }
.survey-editor-preview .question-bipolar input[type=radio] { margin: 6px; }



/* hide firefox relay helpers */
div.fx-relay-email-input-wrapper { z-index: auto; }
div.fx-relay-icon { display: none; }



/***********************************************************/




#main { margin: 20px 15px 15px 15px; min-height: 500px; }

#menu-toggle { display: none; position: sticky; background: var(--menu-bg-color); color: var(--menu-tab-fg-color); padding: 15px 10px; font-size: 1.5em; }


@media only screen and (min-width: 601px)
{
    ul.menu { position: sticky; top: 0; background: var(--menu-bg-color); z-index: 100; padding: 10px 10px 0 10px; list-style-type: none; margin: 0; overflow: visible; }
    ul.menu a:hover { text-decoration: none; }
    ul.menu > li { display: inline-block; margin: 0; padding: 0; }
    ul.menu > li > a { border-top-right-radius: 2px; border-top-left-radius: 2px; font-weight: bold; color: var(--menu-tab-fg-color); background-color: var(--menu-tab-color); }
    ul.menu > li a { display: inline-block; line-height: 36px; padding: 0 10px; text-decoration: none; }
    ul.menu > li:hover a, ul.menu > li a.toggled { color: #333; background-color: var(--body-color); }
    ul.menu > li:hover .submenu { display: block; }
    ul.menu > li:not(:has(ul.submenu li:not(.notes))) { zzdisplay: none; } /* hide root menus without items */
    div.submenu { display: none; border-top: solid 2px #fff; position: absolute; font-weight: normal; box-shadow: 0 1px 6px rgba(43,42,51,.1);  }
    ul.submenu { width: 310px; list-style-type: none; padding: 0; margin: 0; margin-left: -2px; border-radius: 3px; border: solid 2px var(--menu-bg-color); background-color: var(--menu-bg-color); color: var(--menu-tab-fg-color); }
    ul.submenu > li.subnotes { float: right; width: 130px; padding: 10px; border: none; }
    ul.submenu > li { width: 170px; margin: 0; -border-bottom: solid 1px #e0e0e0; }
    ul.submenu > li a { display: block; line-height: 2.7em; -font-weight: bold; }
    ul.submenu > li a:hover { background-color: var(--menu-tab-color); color: var(--menu-tab-fg-color)  }
}

@media only screen and (max-width: 600px)
{
    #menu-toggle { display: block; }
    #menu-toggle[open] + ul.menu { display: flex; flex-direction: column; }
    ul.menu { padding: 10px 10px 0 10px; list-style-type: none; margin: 0; display: none; font-size: 1.5em; background-color: var(--menu-tab-color); }
    ul.menu a { text-decoration: none; color: var(--menu-tab-fg-color); }
    ul.menu > li a { line-height: 1.5em; padding: 0 10px; }
    ul.menu > li > a { font-weight: bold; }
    
    div.submenu { zzdisplay: block;}
    ul.submenu { list-style-type: none; }
    ul.submenu > li.subnotes { display: none; }
    ul.submenu > li a { font-size: 0.9em; padding-left: 1em; }
}


#logo { width: 150px; }
#alert { background: #006ed0; color: white; padding: 1.5em 1em; text-align: center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }
#footer { margin: 15px; color: white; text-align: center; }
#footer a { color: white; }

.noscreen { display: none; }



/***********************************************************/


.field-set { display: flex; flex-wrap:wrap; }
.field-set > .field { }

.field { padding: .4em 0.75em .4em 0; margin: .3em 0; line-height: 1.4em; max-width: 100%; }
.field > label:first-child { display: block; margin-bottom: 0.2em; }
.field .field-validation-error { margin-top: 0.2em; margin-left: 0; display: block; }
.field > .tip { _display: none; position: absolute; width: 20em; }
.field p { margin: .3em 0; }

.radio-field { padding: .5em 2em; position: relative; cursor: pointer; border-radius: 5px; width: 50em; }
.radio-field input { position: absolute; left: 5px; top: 0.6em; }
.radio-field.toggled { background: #f0f0f0; }

ul.form > li { zzborder-bottom: 1px solid #eee; padding: 6px 6px 6px 110px; list-style: none outside none; line-height: 2em; overflow: hidden; }
ul.form > li:last-child, ul.form > li.joined { border-bottom: none; }
ul.form > li > label { color: #666; }
ul.form > li > label:first-child { color: #666; float: left; margin-left: -110px; text-align: right; width: 100px; }

.modal-popup ul.form > li { padding-left: 120px }
.modal-popup ul.form > li > label:first-child { margin-left: -120px; width: 110px; }
.modal-popup ul.form textarea, .modal-popup ul.form input[type=text], .modal-popup ul.form input[type=email], .modal-popup ul.form input[type=search], .modal-popup ul.form select, .modal-popup ul.checklist { width: 100%; }


.input-validation-error { }
.field-validation-error { color: #d83737; font-weight: bold; }
.validation-summary-valid { display: none; }
.validation-summary-errors { -background-color: #ffd0d0; color: #d83737; padding: 8px; border-radius: 3px; margin: 1em 0; }
.validation-summary-errors span { font-weight: bold; }

.bar-series { overflow: hidden; }
.bar-series > div { box-sizing: content-box; display: inline-block; margin: 0 1px; background-color: #ffcc66; border-top: solid 0px #f4f4cf; -webkit-print-color-adjust: exact; }
.bar-series > div:hover, .bar:hover, .bar-series > div.highlight { background-color: red !important; border-color: #fff; }

/*.area-series > a { display: block; float: left; height: 80px; overflow: hidden; padding: 3px; margin-right: 1px; margin-bottom: 1px; box-sizing: content-box; text-decoration: none; color: #fff; cursor: pointer }
.area-series > a:hover { opacity: 0.8 }*/

.vhistogram { display: flex; font-size: 0.7em; line-height: 1.2em; }
.vhistogram > div { width: 30px; margin-right: 3px; }
.vhistogram > div > div:nth-child(1) { position: relative;  }
.vhistogram > div > div:nth-child(1) > span { position: absolute; bottom: 0; }
.vhistogram > div > div:nth-child(2) { background-color: #ffcc66 }
.vhistogram > div > div:nth-child(3) { padding-top: 5px; }


.progress-bar { margin: 5px 0; width: 100%; height: 30px; border: 4px solid #ccc; border-radius: 10px; overflow: hidden; }
.progress-bar > div { height: 30px; background: #3771a9; -webkit-print-color-adjust: exact; }

.tabs { display: flex; margin-bottom: 10px; }
.tabs > div { width: 150px; height: 35px; padding: 8px; overflow: hidden; text-overflow: ellipsis; background-color: var(--tab-shade); border-top: solid 3px #f9f9ff; border-bottom: solid 1px #e3e3e6; border-right: solid 1px #eee; border-left: solid 1px #fff;  }
.tabs > div.toggled { border-top-color: var(--button-bg-color) !important; border-bottom-color: #f9f9ff; border-left-color: #e3e3e6; border-right-color: #e3e3e6; background: inherit; }
.tabs > div:not(:last-child):hover, .tab:focus { background: inherit; border-top-color: #e3e3e6; border-bottom-color: #f9f9ff; cursor: pointer; }
.tabs > div:last-child { flex: 1; border-bottom: solid 1px #e3e3e6; }
.tabs a { text-decoration: none; }
.tabs label { display: block; color: #666; margin-bottom: 5px; cursor: inherit; overflow: hidden; }
.tab-sheet { display: none; padding: 5px; }

@media only screen and (max-width: 600px) {
    .tabs > div { height: 70px; }
}

.smallcount { background: #ddd; display: inline-block; padding: 0px 3px; border-radius: 3px; }

.counts { overflow: auto; margin-bottom: 1em; }
.counts > div { width: 130px; height: 90px; float: left; padding: 10px 10px; border: solid 1px #e3e3e6; background-color: var(--subtle-bg-shade); color: #444; text-align: center; overflow: hidden; margin: 0 8px 8px 0; border-radius: 3px; }
.counts > div > strong { font-size: 1.4em; display: block; color: #333; margin: 5px 0; }
.counts > div > a { color: #444; text-decoration: none; }
.counts > div > a:hover { text-decoration: underline; }

.xcounts { margin-bottom: 1em; display: flex; }
.xcounts > div { width: 200px; padding: 10px 10px; border: solid 1px #e3e3e6; background-color: var(--subtle-bg-shade); color: #444; margin: 0 8px 8px 0; border-radius: 3px; line-height: 1.7em; }
.xcounts > div > strong:first-child { font-size: 1.4em; display: block; color: #333; margin: 5px 0 10px; }
.xcounts > div > div { color: #444; }
.xcounts a { color: #444; text-decoration: none; }
.xcounts a:hover { text-decoration: underline; }

/*.counts { display: flex; height: 120px; -background: #fff; -border: solid 1px #eee; }
.counts > div { width: 100px; padding: 10px; border-left: solid 3px #ddd;  }
.counts > div > strong { font-size: 1.5em; display: block; color: #333; margin: 5px 0; }
.counts > div > a { color: #444; text-decoration: none; }
.counts > div > a:hover { text-decoration: underline; }*/

.section { padding: 10px 19px 10px 19px; margin: 5px 0; border-radius: 3px; border: solid 1px #e3e3e6; max-width: 70em; line-height: 1.5em; overflow: auto; }
.section p { margin: .5em 0; }
.section > ul.form > li { padding: 5px 0 5px 100px; }

@font-face { font-family: "Barcode"; src: url("Skandata.ttf"); }
span.code39, span.barcode { font-family: 'Barcode', 'SKANDATA C39','Courier New',Courier,monospace; font-size: 22px; display: inline-block; color: #000 !important; text-align: center; }
span.code128 { font-family: 'Code 128','Courier New',Courier,monospace; font-size: 22px; display: inline-block; color: #000 !important; text-align: center; }

.icon { width: 16px; height: 16px; }

.tool { width: 12em; padding: 2px; float: right; clear: right; overflow: hidden; z-index: 10; padding-left: 24px; margin-bottom: 0.5em; margin-left: 2em; }
.tool img { margin-left: -24px; width: 20px; height: 20px; float: left; }
.tool p { width: auto; margin: 0.7em 0; }

.confirm { padding: .5em 1em; background: #ffefc6; color: #735005; border-radius: 5px; }

.tip { position: absolute; width: 20em; right: 1em; z-index: 10; padding: .5em 1em; background: #ffefc6; color: #735005; border-radius: 3px; -box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
.tip p { width: auto; margin: 0.7em 0; }
.tip p.note, .tip label { color: inherit }
.tip a { color: #735005; text-decoration: underline; }
.tip a:hover { color: #333; }

.floating-table { z-index: 1; }

.modal-bg { position: fixed; background-color: rgba(0, 0, 0, 0.2); top: 0; bottom: 0; left: 0; right: 0; z-index: 10 }
.modal-popup { position: fixed; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); border-radius: 5px; border: solid 3px #666 !important; top: 50px; bottom: 15px; left: 10px; min-width: 35em; padding: 20px !important; overflow-y: auto; z-index: 11 }
.modal-popup::-webkit-scrollbar { background-color: rgba(0,0,0,0.08); width: 10px; }
.modal-popup::-webkit-scrollbar-thumb { background-color: rgb(186, 186, 192); }
.modal-popup > :first-child { margin-top: 0; }
.modal-popup > :last-child { margin-bottom: 0; }

.dialog { display: none; position: fixed; top: 40%; left: 50%; width: 70%; margin: 0 -35%; z-index: 200; background: #fff; border: 4px solid #2b3c50; border-radius: 5px; box-shadow: 0 30px 40px -20px rgba(0, 0, 0, 0.5); padding: 25px 25px; overflow: hidden; }
.dialog p:first-child { margin-top: 0; }
.dialog footer { margin-top: 2em; margin-bottom: 0; }

.note { color: #888; font-size: 0.85em;  }
.changed { background: #ecf5ff; }
.deleted { text-decoration: line-through; }


/*.tag { margin: .4em 0; }*/

.comment-editor-link { display: none; }
.comment:hover .comment-editor-link { display: inline; }

.twocol { width: 50em; column-count: 2; column-gap: 2em; }
.autocol { column-width: 20em; column-gap: 2em; }


div.sticky-queue { position: fixed; background: #fff; border: 1px solid #999; width: 275px; left: 600px; top: -2px; z-index: 101; /* menu is 100 */ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
div.sticky { border-top: 1px solid #999; display: none; padding: 10px; position: relative; box-sizing: content-box; }
div.sticky-note { padding-right: 20px; padding-top: 10px; padding-bottom: 10px; }
div.sticky-close { position: absolute; top: 10px; right: 10px; height: 14px; width: 14px; cursor: pointer; background: url('close.png'); }

@media only screen and (max-width: 600px)
{
    div.sticky-queue { left: 20px; }
}


.image-picker { display: flex; flex-wrap: wrap;  }
.image-picker div { margin: 5px; }
.image-picker img { width: 120px; cursor: pointer; }




/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.dropup,
.dropdown { position: relative; }
.dropdown-toggle:focus { outline: 0; }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 100; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; text-align: left; list-style: none; background-color: #ffffff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
.dropdown-menu.pull-right { right: 0; left: auto; }
.dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }
.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; zzcolor: #333333; white-space: nowrap; }
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus { zzcolor: #262626; zztext-decoration: none; background-color: #f5f5f5; }
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; background-color: #337ab7; outline: 0; }
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus { color: #777777; }
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }
.open > .dropdown-menu { display: block; }
.open > a { outline: 0; }
.dropdown-menu-right { right: 0; left: auto; }
.dropdown-menu-left { right: auto; left: 0; }
.dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777777; white-space: nowrap; }
.dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; }
.pull-right > .dropdown-menu { right: 0; left: auto; }
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; }
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; }

.tooltip { position: absolute; z-index: 101; /* menu is 100 */ display: block; font-style: normal; font-weight: 400; line-height: 1.42857143; line-break: auto; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; font-size: 12px; filter: alpha(opacity=0); opacity: 0; }
.tooltip.in { filter: alpha(opacity=90); opacity: 0.9; }
.tooltip.top { padding: 5px 0; margin-top: -3px; }
.tooltip.right { padding: 0 5px; margin-left: 3px; }
.tooltip.bottom { padding: 5px 0; margin-top: 3px; }
.tooltip.left { padding: 0 5px; margin-left: -3px; }
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000; }
.tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000000; }
.tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000000; }
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000; }
.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000; }
.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; }
.tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; }
.tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; }
.tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; background-color: #000000; border-radius: 4px; }
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.popover { position: absolute; top: 0; left: 0; z-index: 2; display: none; max-width: 400px; padding: 1px; line-break: auto; text-align: left; background-color: #ffffff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
.popover.top { margin-top: -10px; }
.popover.right { margin-left: 10px; }
.popover.bottom { margin-top: 10px; }
.popover.left { margin-left: -10px; }
.popover > .arrow { border-width: 11px; }
.popover > .arrow,
.popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }
.popover > .arrow:after { content: ""; border-width: 10px; }
.popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; }
.popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #ffffff; border-bottom-width: 0; }
.popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; }
.popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #ffffff; border-left-width: 0; }
.popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); }
.popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #ffffff; }
.popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); }
.popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #ffffff; }
.popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; }
.popover-content { padding: 9px 14px; }
.clearfix:before,
.clearfix:after { display: table; content: " "; }
.clearfix:after { clear: both; }
.center-block { display: block; margin-right: auto; margin-left: auto; }
.pull-right { float: right !important; }
.pull-left { float: left !important; }

 
.flatpickr-calendar{background:transparent;overflow:hidden;max-height:0;opacity:0;visibility:hidden;text-align:center;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;visibility:visible;overflow:visible;max-height:640px}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px);}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.hasWeeks{width:auto}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.rightMost:after{left:auto;right:22px}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:28px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.flatpickr-prev-month,.flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;line-height:16px;height:28px;padding:10px calc(3.57% - 1.5px);z-index:3;}.flatpickr-prev-month i,.flatpickr-next-month i{position:relative}.flatpickr-prev-month.flatpickr-prev-month,.flatpickr-next-month.flatpickr-prev-month{/*
        /*rtl:begin:ignore*/left:0;/*
        /*rtl:end:ignore*/}/*
        /*rtl:begin:ignore*/
/*
        /*rtl:end:ignore*/
.flatpickr-prev-month.flatpickr-next-month,.flatpickr-next-month.flatpickr-next-month{/*
        /*rtl:begin:ignore*/right:0;/*
        /*rtl:end:ignore*/}/*
        /*rtl:begin:ignore*/
/*
        /*rtl:end:ignore*/
.flatpickr-prev-month:hover,.flatpickr-next-month:hover{color:#959ea9;}.flatpickr-prev-month:hover svg,.flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-prev-month svg,.flatpickr-next-month svg{width:14px;}.flatpickr-prev-month svg path,.flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto;}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%;}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.05);-webkit-box-sizing:border-box;box-sizing:border-box;}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute;top:33%}.numInputWrapper span.arrowUp{top:0;border-bottom:0;}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6)}.numInputWrapper span.arrowDown{top:50%;}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6)}.numInputWrapper span svg{width:inherit;height:auto;}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05);}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:6.16px 0 0 0;line-height:1;height:28px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.flatpickr-current-month.slideLeft{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-animation:fpFadeOut 400ms ease,fpSlideLeft 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeOut 400ms ease,fpSlideLeft 400ms cubic-bezier(.23,1,.32,1)}.flatpickr-current-month.slideLeftNew{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-animation:fpFadeIn 400ms ease,fpSlideLeftNew 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeIn 400ms ease,fpSlideLeftNew 400ms cubic-bezier(.23,1,.32,1)}.flatpickr-current-month.slideRight{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-animation:fpFadeOut 400ms ease,fpSlideRight 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeOut 400ms ease,fpSlideRight 400ms cubic-bezier(.23,1,.32,1)}.flatpickr-current-month.slideRightNew{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation:fpFadeIn 400ms ease,fpSlideRightNew 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeIn 400ms ease,fpSlideRightNew 400ms cubic-bezier(.23,1,.32,1)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0;}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block;}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:initial;border:0;border-radius:0;vertical-align:initial;}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:307.875px;}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.flatpickr-calendar.animate .dayContainer.slideLeft{-webkit-animation:fpFadeOut 400ms cubic-bezier(.23,1,.32,1),fpSlideLeft 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeOut 400ms cubic-bezier(.23,1,.32,1),fpSlideLeft 400ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.animate .dayContainer.slideLeft,.flatpickr-calendar.animate .dayContainer.slideLeftNew{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.flatpickr-calendar.animate .dayContainer.slideLeftNew{-webkit-animation:fpFadeIn 400ms cubic-bezier(.23,1,.32,1),fpSlideLeft 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeIn 400ms cubic-bezier(.23,1,.32,1),fpSlideLeft 400ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.animate .dayContainer.slideRight{-webkit-animation:fpFadeOut 400ms cubic-bezier(.23,1,.32,1),fpSlideRight 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeOut 400ms cubic-bezier(.23,1,.32,1),fpSlideRight 400ms cubic-bezier(.23,1,.32,1);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.flatpickr-calendar.animate .dayContainer.slideRightNew{-webkit-animation:fpFadeIn 400ms cubic-bezier(.23,1,.32,1),fpSlideRightNew 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeIn 400ms cubic-bezier(.23,1,.32,1),fpSlideRightNew 400ms cubic-bezier(.23,1,.32,1)}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9;}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange,.flatpickr-day.startRange.startRange + .endRange,.flatpickr-day.endRange.startRange + .endRange{-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.disabled,.flatpickr-day.disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.disabled,.flatpickr-day.disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{display:inline-block;float:left;}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left;}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;cursor:pointer;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;display:inline-block;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400;}.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time .flatpickr-am-pm:focus{background:#f0f0f0}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fpSlideLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fpSlideLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes fpSlideLeftNew{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpSlideLeftNew{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fpSlideRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fpSlideRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes fpSlideRightNew{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpSlideRightNew{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fpFadeOut{from{opacity:1}to{opacity:0}}@keyframes fpFadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes fpFadeIn{from{opacity:0}to{opacity:1}}@keyframes fpFadeIn{from{opacity:0}to{opacity:1}}


.mobile-offer { display: none; margin: 20px 0; }
.desktop-offer { display: none; }

/* max-width (unlike max-device-width) only works when viewport is set to width=device-width  */
@media only screen and (max-width: 600px) {
    .mobile-offer { display: block; }
    #logo { display: none; }

}
@media only screen and (min-width: 601px)
{
    .desktop-offer { display: block; }
}

.noprint 
{ 
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}