@charset "UTF-8";

/*#################################*/
/*### Scrollbars */
/*#################################*/
nav::-webkit-scrollbar { width:6px; position:absolute; top:0; right:0; }

nav::-webkit-scrollbar-track { display:none; background:#fff; }
nav::-webkit-scrollbar-track-piece:start { background:transparent repeat-y !important; }

nav::-webkit-scrollbar-track-piece:end { background:transparent repeat-y !important; }
nav::-webkit-scrollbar-track-piece { background:transparent repeat-y !important; }
nav::-webkit-scrollbar-thumb { background:rgba(255,255,255,0); }

nav:hover::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.4); }
nav::-webkit-resizer { display:none; }
main ::-webkit-scrollbar { width:6px; height:8px; position:absolute; top:0; right:0; }
main ::-webkit-scrollbar-track { background:#ddd; }
main ::-webkit-scrollbar-track-piece:start { background:transparent repeat-y !important; }
main ::-webkit-scrollbar-track-piece:end { background:transparent repeat-y !important; }
main ::-webkit-scrollbar-track-piece { background:transparent repeat-y !important; }
main ::-webkit-scrollbar-thumb { background:rgba(0,0,0,0.2); }
form.search ::-webkit-scrollbar { width:6px; height:8px; position:absolute; top:0; right:0; }
form.search ::-webkit-scrollbar-track { background:#ddd; border-radius:5px; }
form.search ::-webkit-scrollbar-track-piece:start { background:transparent repeat-y !important; }
form.search ::-webkit-scrollbar-track-piece:end { background:transparent repeat-y !important; }
form.search ::-webkit-scrollbar-track-piece { background:transparent repeat-y !important; border-radius:5px; }
form.search ::-webkit-scrollbar-thumb { background:rgba(0,0,0,0.2); }
main .slides > div > .content::-webkit-scrollbar-thumb { background:rgba(0,0,0,0); }
main .slides > div > .content:hover::-webkit-scrollbar-thumb { background:rgba(0,0,0,0.2); }
.pagination .pages .scroll::-webkit-scrollbar-thumb { background:rgba(0,0,0,0); }
.pagination .pages .scroll::-webkit-scrollbar-track { background:#fff; }
.pagination .pages:hover .scroll::-webkit-scrollbar-thumb { background:rgba(0,0,0,0.2); }
.tableContainer::-webkit-scrollbar-track { /*background:#fff;*/ }
.tableContainer::-webkit-scrollbar-thumb { background:rgba(0,0,0,0); }
.tableContainer:hover::-webkit-scrollbar-thumb { background:rgba(0,0,0,0.2); }



/*.icon::before { font-family:'Material Icons Round'; content:"\e8b8"; }
.icon.menu::before { content:"\e5d2"; }
.icon.house::before { content:"\e88a"; }
.icon.magnifying-glass::before { content:"\e8b6"; }
.icon.bell::before { content:"\e7f4"; }
.icon.dollar::before { content:"\e263"; }
.icon.tools::before { content:"\f10b"; }
.icon.documents::before { content:"\e173"; }
.icon.invoice::before { content:"\e873"; }
.icon.letter::before { content:"\e0be"; }
.icon.on-off::before { content:"\e8ac"; }
.icon.arrow-up::before { content:"\e316"; }
.icon.arrow-down::before { content:"\f181"; }
.icon.arrow-left::before { content:"\e5c4"; }
.icon.arrow-right::before { content:"\e5c8"; }
.icon.arrow-circle-down::before { content:"\f181"; }
.icon.arrow-circle-up::before { content:"\f182"; }
.icon.arrow-circle-left::before { content:"\eaa7"; }
.icon.arrow-circle-right::before { content:"\eaaa"; }
.icon.info-circle::before { content:"\e88e"; }
.icon.folder::before { content:"\e2c7"; }
.icon.document::before { content:"\e24d"; }
.icon.clock::before { content:"\e192"; }
.icon.clipboard::before { content:"\e85d"; }
.icon.clipboard-user::before { content:"\e85e"; }
.icon.clipboard-check::before { content:"\e862"; }
.icon.clipboard-arrow-down::before { content:"\e861"; }
.icon.user-circle::before { content:"\e853"; }
.icon.pen::before { content:"\e3c9"; }
.icon.printer::before { content:"\e8ad"; }
.icon.check-circle::before { content:"\e86c"; }
.icon.plus::before { content:"\e145"; }
.icon.clock::before { content:"\e01b"; }
.icon.stamp::before { content:"\e982"; }
.icon.export::before { content:"\ef5f"; }
.icon.locked::before { content:"\e899"; }
.icon.unlocked::before { content:"\e898"; }
.icon.warning::before { content:"\e002"; }
.icon.question-mark-circle::before { content:"\e887"; }
.icon.card::before { content:"\e851"; }
.icon.hand-building::before { content:"\e73a"; }
.icon.trashcan::before { content:"\e872"; }
.icon.house-building::before { content:"\f030"; }*/


@keyframes slide-in {
  0% {
    -webkit-transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}



@keyframes slide-out {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}



/*#################################*/
/*### Reset */
/*#################################*/
html, body { width:100%; height:100%; padding:0; margin:0; }
ul { margin:0; padding:0; }
h1, h2, h3, h4, h5 { margin:0; padding:0; }
p { margin:0; }
button { border:none; font-family:'Fira Sans'; outline:none; }
[v-cloak] { display:none; }
a { cursor:pointer; }
.fr { float:right; }

/*#################################*/
/*### Basic */
/*#################################*/
body { font-family:'Fira Sans', sans-serif; background:#222; overflow:hidden; }
body .ar { text-align:right; }
body .ac { text-align:center; }
body .wrapper { width:100%; min-height:100%; float:left; position:relative; }
body .wrap-all { width:100%; min-height:100%; float:left; position:relative; }
body .wrap-menu { width:100%; min-height:100%; float:left; }
body .swipeAnchor { position:fixed; top:0; left:0; width:15px; height:100%; background:#ff0; display:none; }
body .strike { text-decoration:line-through; }
body .blockrain { width:100%; height:100%; float:left; text-align:center; background:#000; padding:20px; box-sizing:border-box; }
body .blockrain > div { width:100%; max-width:538px; height:100%; display:inline-block; }
span.req { color:#ff0000; }
.toast { background:#333; width:auto; bottom:140px; left:50%; color:#fff; top:initial; transform:translateX(-50%); padding:10px; border-radius:5px; margin-left:90px; position:absolute; display:none; text-align:center; font-size:14px; z-index:3000; }

/*#################################*/
/*### Buttons */
/*#################################*/
.button { float:left; font-weight:bold; font-size:12px; text-decoration:none !important; color:#000; cursor:pointer; padding:7px 12px; border:none; text-align:center; font-family:'Fira Sans'; max-width:100%; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; position:relative; }
.button:hover { opacity:0.7; }
.button.disabled { cursor:default; opacity:0.3; }

/*#################################*/
/*### Loader */
/*#################################*/
.loader { width:100%; height:100%; max-height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5); z-index:2; display:block; }
.loader .lds-ring { display:inline-block; position:absolute; width:120px; height:120px; top:50%; left:50%; margin-left:-60px; margin-top:-60px; }
.loader .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 84px; height: 84px; margin: 8px; border: 8px solid #ccc; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #ccc transparent transparent transparent; }
.loader .lds-ring div:nth-child(1) { animation-delay:-0.45s; }

.loader .lds-ring div:nth-child(2) { animation-delay: -0.3s; }
.loader .lds-ring div:nth-child(3) { animation-delay: -0.15s; }
.pace { -webkit-pointer-events:none; pointer-events:none; -webkit-user-select:none; -moz-user-select:none; user-select:none; }
.pace-inactive { display: none; }
.pace .pace-progress { background: #29d; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; }
.pace-done .loader { display:none; }
@keyframes lds-ring {


  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*#################################*/
/*### Tables */
/*#################################*/
.tableContainer { width:100%; float:left; overflow:hidden; overflow-x:overlay; position:relative; padding-bottom:13px; margin-bottom:10px; }
.tableContainer:last-child { margin-bottom:0; }
.tableContainer.hover tbody tr:hover td:last-child a:first-child { opacity:0.8; }
.tableContainer.hover tbody tr:hover td:last-child:hover a:first-child { opacity:0.3; }
.tableContainer.hover tbody tr a { text-decoration:none; color:#000; }
.tableContainer.rows table td { white-space:initial; }
/*.tableContainer:last-child { margin-bottom:0; } */
table { width:100%; float:left; border-spacing:0; border-collapse:separate; /*table-layout:fixed;*/ /*min-width:500px; */ }
table th { padding:7px 6px; text-align:left; font-size:12px; background:#ffdc01; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
table th button { /*background:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);*/ text-decoration:none; background:none; font-family:'Fira Sans', sans-serif; display:inline; font-size:11px; font-weight:bold; padding:0; margin:0; cursor:pointer; }
table th button::after { content:"\e5ce"; font-family:'Material Icons Round'; opacity:0.5; position:relative; top:2px; left:1px; }
table th.asc button::after { content:"\e5cf"; }

table th.selected button::after { opacity:1; }
table td .material-icons { width:18px; height:18px; border-radius:100%; float:left; margin:-2px 0 -2px 0; font-family:'Material Icons Round'; opacity:0.7; color:#000; text-align:center; line-height:18px; font-size:18px; text-decoration:none; }
table td:last-child .material-icons { opacity:0.3; }
table td .material-icons::before { font-size:18px; float:left; margin:0 0.5px; }
table td .material-icons.disabled { cursor:default; opacity:0.1; }
/*table td.buttons a.active { color:#2abf00; opacity:1; }
table td.buttons a:hover { opacity:0.8 !important; }
table td.buttons a:last-child { margin-right:0; }
table td.buttons a.edit::after { content:"\e3c9"; }
table td.buttons a.delete::after { content:"\e872"; }
table td.buttons a.view::after { content:"\e8b6"; }
table td.buttons a.sticky::after { content:"\e645"; }
table td.buttons a.arrow-up::after { content:"\e5d8"; }
table td.buttons a.arrow-down::after { content:"\e5db"; }
table td.buttons a.cut::after { content:"\e14e"; }
table td.buttons a.info::after { content:"\e88e"; }*/

table tr:nth-of-type(even) td { background:#efefef; }
table tr td.red, table tr.red td { background:#FFC7C7; }
table tr td.pink, table tr.pink td { background:#ffdbdb; }
table tr td.lightPink, table tr.lightPink td { background:#ffe9e9; }
table tr td.green, table tr.green td { background:#CAFFC7; }
table tr td.blue, table tr.blue td { background:#c7ebff; }
table tr td.yellow, table tr.yellow td { background:#fff8c7; }
/*table th .cog { float:left; font-family:'Material Icons Round'; font-size:16px; width:16px; height:16px; opacity:0.5; position:relative; left:50%; margin:-1px 0 -1px -8px; }
table th .cog::after { content:"\e8b8"; }*/
table th .material-icons { float:left; font-size:16px; width:16px; height:16px; position:relative; left:50%; margin:-1px 0 -1px -8px; }
table th .material-icons::before { font-size:16px; }
table th .material-icons.settings { opacity:0.5; }
table .material-icons { float:left; }
table tr.hidden { display:none; }
table tbody:empty { height:38px; display:table-cell; }
table tbody:empty::after { content:attr(data-empty-label); text-align:center; padding:15px 20px; font-style:italic; background:#f7f7f7; position:absolute; top:28px; font-size:12px; color:#333; width:100%; box-sizing:border-box; }

.tableContainer.hover tbody tr:not(.noResults):not(.filler) { cursor:pointer; }

.tableContainer.fixed table, .tableContainer.fixed { table-layout:fixed; }
table.break tr td { white-space:initial; text-overflow:initial; }

.tableContainer.hover tbody tr:not(.noResults):not(.filler):hover { opacity:0.7; }

table tr.noResults td { text-align:center; padding:40px 20px; font-style:italic; font-family:'Fira Sans', sans-serif; }

table td { padding:6px 6px; font-size:12px; background:#f7f7f7; font-family:Arial; color:#333; text-overflow:ellipsis; white-space:nowrap; position:relative; vertical-align:top; }
table tfoot td { background:#e4e4e4; font-weight:bold; }
table tfoot tr:nth-of-type(even) td { background:#d4d4d4; }

ul.form li table input[type="checkbox"] { width:14px; height:14px; float:left; margin:1px; background:#fff; border:1px solid #ccc; -webkit-appearance:none; position:relative; }
ul.form li table input[type="checkbox"]:checked::after { content:"\e5ca"; font-family:'Material Icons Round'; color:rgba(0,0,0, 1); font-weight:normal; font-size:14px; position:absolute; top:-1px; left:-1px; }
ul.form li table td input[type="checkbox"], ul.form li table th input[type="checkbox"] { margin:0 1px; }

ul.form li table input[type="radio"] { width:14px; height:14px; float:left; margin:1px; background:#fff; border:1px solid #ccc; -webkit-appearance:none; position:relative; border-radius:100%; }
ul.form li table input[type="radio"]:checked::after { content:""; width:8px; height:8px; background:rgba(0,0,0, 1); border-radius:100%; position:absolute; top:2px; left:2px; }

table input[type="checkbox"] { width:14px; height:14px; float:left; margin:0; background:#fff; border:1px solid #ccc; -webkit-appearance:none; position:relative; }
table input[type="checkbox"]:checked::after { content:"\e5ca"; font-family:'Material Icons Round'; color:rgba(0,0,0, 0.7); font-weight:normal; font-size:14px; position:absolute; top:-1px; left:-1px; }
table td input[type="checkbox"], table th input[type="checkbox"] { margin:0 1px; }

ul.form li table td input[type="text"], ul.form li table td textarea, ul.form li table td select, ul.form li table td input[type="number"], ul.form li table td input[type="date"], ul.form li table td input[type="email"], ul.form li table td .input { width:calc(100% + 6px); margin:-3px; font-size:11px; padding:3px; height:auto; min-height:20px; }
ul.form li table td input[type="date"] { padding:1.5px 3px; }
/*ul.form li table td.select::after { content:"\e313"; font-family:"Material Icons Round"; position:absolute; font-size:16px; top:5px; right:4px; color:#222; z-index:1; pointer-events:none; }*/
ul.form li table td select { background-size:15px; }
ul.form li table td[data-suffix]::after { content:attr(data-suffix); position:absolute; bottom:6px; right:7px; font-size:12px; color:#666; font-family:Arial, Helvetica, sans-serif; z-index:1; }
ul.form li table td[data-suffix] input { padding-right:30%; }
ul.form li table td .autocomplete-open { font-size:18px; bottom:4px; right:4px; }
ul.form li table td .ui-widget.ui-widget-content { width:auto !important; }

/*table td.icon::before { font-family:'Material Icons Round'; font-size:16px; float:left; margin:-1px 5px -1px -7px; }
table td.icon.folder::before { content:"\e2c7"; }
table td.icon.document::before { content:"\e24d"; }
table td.icon.clock::before { content:"\e192"; }*/

/*#################################*/
/*### Paging */
/*#################################*/
.pagination { width:100%; float:left; }
.pagination footer { width:100%; float:left; margin-top:5px; }
.pagination .pages { width:100%;float:left; position:relative; margin-bottom:-10px; }
.pagination .pages a { font-family:'Fira Sans', sans-serif; padding:2px 6px; margin:0; float:left; cursor:pointer; font-size:13px; text-decoration:none; }
.pagination .pages a:hover { opacity:0.8; }
.pagination .pages a:first-child {  }
.pagination .pages a:last-child { }
.pagination .pages .scroll { width:100%; height:33px; float:left; overflow-x:overlay; }
.pagination .pages .scroll > div { float:left; display:inline-flex; padding-right:175px; }
.pagination .pages .scroll > div a { margin-right:5px; background:#ddd; }
.pagination .pages .scroll > div a:last-child { margin-right:0; }
.pagination .pages .scroll > div a.selected { }
.pagination .pages .actions { float:right; background:#fff; position:absolute; top:0; right:0; padding-left:5px; }
.pagination .pages .actions a { margin-left:5px; }
.pagination .pages .actions a:first-child { margin-left:0; }
.pagination .pages .actions select { float:left; border:1px solid #ccc; background:#f9f9f9; font-size:12px; padding:1px 1px 0 1px; box-sizing:border-box; }


/* Theme */
header, 
.pagination .pages .actions a, 
.pagination .pages .scroll > div a.selected,
header .search .advanced > select,
.slides > div > .content fieldset legend,
ul.form li.tags > span,
.trumbowyg-button-pane,
.button,
table th,
table th button,
.slides > div > .content fieldset legend .controls li:not(.material-icons) a, 
.slides > div > .content fieldset legend .controls li:not(.material-icons) button { background:#048CA8; color:#fff; }

.slides > div > .content fieldset legend .controls li:not(.material-icons) a, 
.slides > div > .content fieldset legend .controls li:not(.material-icons) button { background:#f27c00; }

main .bar { background:#286875; }

.slides > div > .content fieldset legend { color:#fff; }


.kanban { display:flex; flex-direction:row; }
.kanban > li { height:auto; }
.kanban > li > div { background:#048CA8; color:#fff; width:100%; padding:8px; font-size:12px; font-weight:bold; position:relative; box-sizing:border-box; }
.kanban > li > div::after { font-family:'Material Icons Round'; content:"\e5e1"; position:absolute; top:3px; right:-10%; color:#048CA8; font-size:24px; }
.kanban > li:last-child > div::after { display:none; }
.kanban > li > ul { width:100%; height:100%; }
.kanban > li > ul.success li, .kanban > li > ul.fail li { margin:0; }
.kanban > li > ul.success, .kanban > li > ul.fail { height:auto; background:#CAFFC7; margin-top:8px; box-sizing:border-box; position:relative; font-size:16px; color:rgba(0,0,0,0.5); min-height:72px; }
.kanban > li > ul.fail { background:#FFC7C7; }
.kanban > li > ul.success::before, .kanban > li > ul.fail::before { color:rgba(0,0,0,0.3); position:absolute; top:20px; left:20px; font-size:30px; }
.kanban > li > ul.success::after, .kanban > li > ul.fail::after { content:attr(data-label); position:absolute; top:25px; left:64px; }
.kanban > li > ul.ui-droppable-hover:not(.ui-draggable-parent) { background:#eee; border:1px dashed #000; box-sizing:border-box; }
.kanban > li > ul.ui-droppable-hover:not(.ui-draggable-parent) li { opacity:0; }
.kanban > li > ul > li { background:#eee; width:100%; font-size:12px; box-sizing:border-box; margin:8px 0 0 0; cursor:grab; z-index:1; position:relative; border:1px solid #eee; }
.kanban > li > ul > li.ui-draggable-dragging { cursor:grabbing; border:1px dashed #000; z-index:2; }
.kanban > li > ul > li > a { line-height:18px; cursor:inherit; padding:8px; width:100%; box-sizing:border-box; }
.kanban > li > ul > li > a > .title { font-size:14px; width:100%; float:left; font-weight:bold; }
.kanban > li > ul > li > a > .subtitle { font-size:12px; width:100%; float:left; }
.kanban > li > ul > li > a > .price { font-size:10px; width:100%; float:left; }

.home.project .step { background:#eee; color:#333; width:100%; padding:8px; font-size:12px; font-weight:bold; position:relative; box-sizing:border-box; text-align:center; } 
.home.project .step.active { background:#048CA8; color:#fff; }
.home.project .step::after { font-family:'Material Icons Round'; content:"\e5e1"; position:absolute; top:8px; right:-10%; color:#048CA8; font-size:24px; }
.home.project li:last-child .step::after { display:none; }
.home.project .icon.material-icons { padding:12px 0 12px 68px; margin:10px 0 0 0; position:relative; }
.home.project .icon.material-icons::before { position:absolute; top:0; left:0; font-size:36px; border:2px solid #ccc; border-radius:100%; width:40px; height:36px; padding:8px 6px; color:#286875; }
.home.project .icon.material-icons.percent::before { width:36px; height:36px; padding:10px 10px; }
.home.project .icon.material-icons.calendar_today::before { width:32px; height:36px; padding:10px 12px; font-size:32px; }
.home.project .icon.material-icons.source::before { width:36px; height:40px; padding:6px 8px; }

/*#################################*/
/*### Header */
/*#################################*/
header { width:100%; padding:15px; float:left; box-sizing:border-box; position:relative; }
header .logo { width:220px; height:33px; float:left; background-image:url(../images/logo.svg); background-repeat:no-repeat; cursor:default; }
header .toggleMenu { width:24px; height:24px; float:left; font-family:'Material Icons Round'; color:#000; cursor:pointer; font-size:28px; line-height:24px; text-indent:-2px; margin-right:8px; display:none; }
header .toggleMenu::after { content:"\e5d2"; }
header .search { width:400px; float:right; position:absolute; top:8px; right:8px; padding:7px; border-radius:3px; z-index:2; max-height:calc(100vh - 30px); overflow-y:visible; }
header .search.open { background:#333; }
header .search:not(.open) div.autocomplete { display:none; }
header .search input, header .search div.query-text { width:100%; float:left; box-sizing:border-box; background:#fff; border:none; border-radius:3px; position:relative; font-family:'Fira Sans', sans-serif; font-size:13px; }
header .search input { padding:8px 130px 8px 8px; }
header .search:not([data-filters="0"])::after { content:attr(data-filters) ' ' attr(data-filters-label); position:absolute; top:15px; right:58px; font-size:13px; color:#333; }
header .search > button { background:none; border:none; position:absolute; top:12px; right:12px; margin:0; padding:0; width:20px; height:20px; cursor:pointer; }
header .search > button:hover { opacity:0.8; }
header .search > button::after { content:"\e8b6"; font-family:"Material Icons Round"; font-size:20px; }
header .search > button.clear { right:34px; display:none; }
header .search > button.clear::after { content:"\e5cd"; }
header .search .advanced { width:100%; float:left; padding:0; box-sizing:border-box; display:none; position:relative; }
header .search.open .advanced { display:block; }
header .search .advanced select { width:100%; float:left; }
header .search .advanced .attributes { width:100%; float:left; margin:8px 0 0 0; list-style:none; }
header .search .advanced .attributes > li { width:100%; float:left; display:table; table-layout:fixed; margin:2px 0; }
header .search .advanced .attributes > li.noResults { background:#444; color:#666; text-align:center; font-style:italic; font-size:12px; padding:30px 0; display:none; }
header .search .advanced .attributes > li.noResults:only-child { display:block; }
header .search .advanced .attributes > li > div { display:table-cell; vertical-align:top; position:relative; }
/*header .search .advanced .attributes > li > div.select::after { font-family:"Material Icons Round"; content:"\e313"; position:absolute; font-size:18px; bottom:1px; right:1px; color:#222; pointer-events:none; }*/
header .search .advanced .attributes > li > div.span > span { width:46%; float:left; }
header .search .advanced .attributes > li > div.span > span:nth-child(2) { width:8%; text-align:center; color:#ddd; }
header .search .advanced .attributes > li > div:first-child { width:46%; }
header .search .advanced .attributes > li > div:only-child label { margin-bottom:4px; text-align:left; }
header .search .advanced .attributes > li > div label, header .search .advanced .attributes li > div span.selected { width:94%; color:#eee; font-size:12px; font-family:'Fira Sans'; font-weight:bold; text-indent:1px; float:left; }
header .search .advanced .attributes > li > div label { text-align:right; line-height:20px; }
header .search .advanced .attributes > li > div .removeAttribute { width:100%; width:16px; height:16px; color:#bbb; position:absolute; top:2px; right:2px; line-height:16px; cursor:pointer; }
header .search .advanced .attributes > li > div .removeAttribute:hover { color:#999; }
header .search .advanced .attributes > li > div .removeAttribute::after { font-family:"Material Icons Round"; content:""; }
header .search .advanced .attributes > li > div input, header .search .advanced .attributes li > div select { font-family:Arial; padding:3px 3px 3px 3px; font-size:12px; background:#fff; border:none; -webkit-appearance:none; border-radius:3px; color:#000; }
header .search .advanced .attributes li > div select:not([multiple]):not([size]) { background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='22' width='22' viewBox='0 96 960 960'><path x='0' y='0' fill='black' d='M480 712 240 472l43-43 197 197 197-197 43 43-240 240Z'/></svg>"); background-repeat:no-repeat; background-position:right 2px top 2px; padding-right:26px; background-size:16px; }
header .search .advanced .attributes > li > div input[type=date] { padding:2px 3px 2px 3px; font-size:12px; background:#fff; border:none; }
header .search .advanced .attributes > li > div #addAttribute { width:100%; float:left; background:#fff; }
header .search .advanced .attributes > li .autocomplete-open { bottom:1px; right:1px; font-size:18px; }
header .search .advanced .attributes > li .combobox { border:none; border-radius:3px; padding:3px; }
header .search .advanced .attributes > li .combobox input { padding:0; width:calc(100% - 16px); }
header .search .advanced .attributes > li .combobox .tag { width:100%; box-sizing:border-box; font-size:10px; font-weight:bold; }
header .search .advanced .attributes > li .combobox .tag a::after { top:2px;	 }
header .search .advanced .attributes > li .combobox ul { width:100%; margin-top:3px; left:-1px !important; width:100% !important; min-width:initial; }
header .search .advanced > select { padding:6px; border:none; font-weight:bold; font-family:'Fira Sans', sans-serif; font-size:12px; -webkit-appearance:none; text-align:center; text-align-last:center; cursor:pointer; }
header .search .advanced > select:not(:disabled):hover { opacity:0.7; }
header .search .advanced > select:disabled { color:#555; cursor:default; background:#999; }
header .search .advanced .button { margin-top:8px; width:calc(50% - 4px); padding:6px; box-sizing:border-box; z-index:1; position:relative; border-radius:3px; }
/*header .search .advanced .button.load { pointer-events:none; display:none; }*/
/*header .search .advanced .button:hover { opacity:1; }*/
header .search .advanced .button:hover::after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); }
header .search .advanced #searchTemplate { width:calc(50% - 4px); margin-top:8px; border:none; border-radius:3px; }
header .search .advanced .button.showMore { width:100%; margin-top:5px; }
header .search .advanced .button.save { float:right; }
header .search .advanced .button.delete { width:100%; margin-top:8px; display:none; }
header .search .advanced .button.submit { width:100%; margin-top:8px; }


/*header .search .advanced > select:disabled { color:#555; cursor:default; background:#999; }
header .search .advanced .button { margin-top:8px; width:calc(50% - 4px); padding:6px; box-sizing:border-box; z-index:1; position:relative; border-radius:3px; }
header .search .advanced .button:last-child { float:right; }
header .search .advanced .button:hover::after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); }
header .search .advanced #searchTemplate { width:calc(50% - 4px); position:absolute; bottom:0px; left:0px; border:none; border-radius:3px; }*/

main .search { position:relative; }
main .search:not([data-filters="0"])::after { content:attr(data-filters) ' ' attr(data-filters-label); position:absolute; top:9px; right:40px; font-size:12px; color:#333; text-align:right; }
main #searchTemplate { width:auto; float:left; border:none; background:#ffdc01; margin-right:5px; font-weight:bold; font-family:'Fira Sans'; text-align:center; font-size:12px; padding:7px 12px; cursor:pointer; opacity:1; }
main #searchTemplate:hover { opacity:0.8 !important; }
main .search .advanced .button.delete { display:none; }

ul.form li .badge { width:100%; background:#f9f9f9; border:1px solid #ccc; border-radius:3px; text-align:center; padding:10px; box-sizing:border-box; text-decoration:none;}
ul.form li .badge .title { font-size:28px; font-weight:bold; }
ul.form li .badge .subtitle { font-size:12px; }

/*#################################*/
/*### Login */
/*#################################*/
body.login main { width:100%; left:0; }
body.login header { box-shadow:rgba(0,0,0,0.15) 0 2px 3px 0px; z-index:1; }
body.login .slides > div.full { background-color:#fff; width:400px; left:50%; margin-left:-200px; position:absolute; top:12%; height:auto; box-shadow:rgba(0,0,0,0.15) 0 2px 5px 1px; max-height:82%; min-width:initial; overflow-y:auto; overflow-x:hidden; }
body.login .slides > div > .content { overflow-y:hidden; }
body.login .slides > div > .content fieldset { padding:30px; }
body.login ul.form li input:not([type=checkbox]), body.login ul.form li select:not([size]) { font-size:16px; padding:10px 10px 10px 40px; }
body.login ul.form li select[multiple], body.login ul.form li select[size] { font-size:14px; padding:10px; font-size:16px; }
body.login ul.form li::before { font-family:'Material Icons Round'; float:left; font-weight:normal; font-size:24px; text-align:center; color:rgba(0,0,0,0.3); position:absolute; top:8px; left:10px; z-index:2; }
body.login ul.form li.module::before { content:"\e88a"; }
body.login ul.form li.module::after { content:"\e313"; font-family:"Material Icons Round"; position:absolute; font-size:22px; bottom:8px; right:8px; color:#222; z-index:1; pointer-events:none; }
body.login ul.form li.username::before { content:"\e7fd"; }
body.login ul.form li.password::before { content:"\e0da"; }
body.login ul.form li.checkbox { margin-top:10px; }
body.login ul.form li.forgot-password { margin-top:10px; }
body.login ul.form li.forgot-password a { float:right; color:#666; font-size:14px; margin-top:3px; }
body.login ul.form li.forgot-password a:hover { text-decoration:underline; }
body.login ul.form li .checkboxContainer input { width:24px; height:24px; }
body.login ul.form li .checkboxContainer input:checked::after { font-size:24px; }
body.login ul.form li .checkboxContainer label { font-size:14px; color:#666; font-weight:normal; }
body.login ul.form li:last-child {  }
body.login button { width:100%; float:left; font-size:18px; padding-top:8px; padding-bottom:8px; margin-top:10px; }

 
/*#################################*/
/*### Menu */
/*#################################*/
nav { width:190px; height:calc(100% - 63px); max-height:calc(100% - 63px); overflow-y:overlay; background:#222; z-index:2; top:63px; }
nav::before { width:32px; height:100%; position:absolute; background:#333; content:""; left:0; }
nav ul.menu { width:100%; float:left; }
nav ul.menu > li { width:100%; float:left; position:relative; }
nav ul.menu > li.toggleSearch { display:none; }
nav ul.menu > li a { width:100%; float:left; color:#fff; padding:10px; text-decoration:none; box-sizing:border-box; font-size:12px; font-weight:600; }
nav ul.menu > li a:hover, nav ul.menu > li.active a { background:#333; }
nav ul.menu > li > a::before { content:"\e88a"; font-size:18px; color:#999; background:#333; padding:7px; margin:-10px 10px -10px -10px; float:left; font-weight:100; }
nav ul.menu > li.active a::before, nav ul.menu > li a:hover::before { color:#fff; }
/*nav ul.menu > li.invoices > a::before { content:"\e873"; }
nav ul.menu > li.wrench > a::before { content:"\e869"; }
nav ul.menu > li.cog > a::before { content:"\e8b8"; }
nav ul.menu > li.card > a::before { content:"\e851"; }
nav ul.menu > li.wallet > a::before { content:"\e850"; }
nav ul.menu > li.tools > a::before { content:"\f10b"; }
nav ul.menu > li.dollar > a::before { content:"\e263"; }
nav ul.menu > li.documents > a::before { content:"\e173"; }
nav ul.menu > li.letter > a::before { content:"\e0be"; }
nav ul.menu > li.cogs > a::before { content:"\f10c"; }
nav ul.menu > li.badge > a::before { content:"\ea67"; }
nav ul.menu > li.assignment_ind > a::before { content:"\e85e"; }*/
nav ul.menu > li > ul > li { width:100%; float:left; list-style:none; position:relative; }
nav ul.menu > li > ul > li a { padding:4px; text-indent:39px; color:#ccc; }
nav ul.menu > li > ul > li a:hover, nav ul.menu > li > ul > li.active a { text-decoration:underline; }
nav ul.menu a[data-count]::after { content:attr(data-count); background:#ff0000; border-radius:100%; width:16px; height:16px; position:absolute; top:3px; right:10px;	color:#fff; text-indent:0; line-height:18px; white-space:nowrap; font-size:11px; text-align:center; }
nav ul.menu > li > a[data-count]::after { top:9px; /*width:20px; height:20px; line-height:21px; font-size:14px;*/ }
nav ul.menu > li.active > a[data-count]::after { display:none; }
nav ul.menu > li > ul { width:100%; float:left; background:#333; padding:5px 0; display:none; }
nav ul.menu > li.active > ul { display:block; }
/*nav ul.menu > li.logout > a::before { content:"\e8ac"; }
nav ul.menu > li.puzzle > a::before { content:"\e87b"; }*/

main .toggleMenuExtra { width:24px; height:24px; float:left; font-family:'Material Icons Round'; color:#fff; cursor:pointer; font-size:28px; line-height:24px; text-indent:-2px; position:absolute; top:4px; left:6px; z-index:1; display:none; }
main .toggleMenuExtra::after { content:"\e5d2"; }
main { width:calc(100% - 190px); height:calc(100% - 63px); float:left; background:#eee; top:63px; left:190px; position:absolute; }
/*main .no-results { width:100%; float:left; background:#f1f1f1; text-align:center; font-style:italic; padding:60px; box-sizing:border-box; margin-bottom:10px; color:#444; font-size:12px; }*/
main a { color:#000; }
main a:not(.disabled):not(:disabled):hover, main button:not(.disabled):not(:disabled):hover { opacity:0.7; }
/*main section { margin-top:10px; }
main button { margin-top:10px; }*/
.slides { width:100%; height:100%; max-height:100%; float:left; background:#eee; position:relative; display:flex; flex-direction:row; }
.slides > div > .content { width:100%; height:calc(100% - 33px); overflow-y:scroll; float:left; }
.slides > div > .content hr { width:calc(100% + 50px); margin:25px -25px; height:1px; float:left; border:none; background:#ccc; }
.slides > div .slides { height:calc(100% - 33px); }
.slides > div .slides > div > .content { height:100%; }
.slides > div > .content fieldset { width:100%; float:left; padding:25px; box-sizing:border-box; border:none; min-inline-size:auto; margin:0; /*margin-inline-start:0; margin-inline-end:0; padding-block-start:0; padding-block-end:0;*/ }
.slides > div > .content fieldset legend { width:calc(100% + 50px); margin:-25px -25px 25px -25px; padding:8px 8px 8px 28px; font-size:12px; font-weight:bold; float:left; border:none; position:relative; box-sizing:border-box; padding-inline-end:6px; }
.slides > div > .content fieldset legend:only-child {  }
.slides > div > .content fieldset legend::before { float:left; font-weight:normal; font-size:18px; text-align:center; color:rgba(0,0,0,0.5); position:absolute; top:6px; left:6px; }
/*.slides > div > .content fieldset legend.user::before { content:"\e7fd"; }
.slides > div > .content fieldset legend.document::before { content:"\e873"; }
.slides > div > .content fieldset legend.userLetter::before { content:"\e0d0"; }
.slides > div > .content fieldset legend.letter::before { content:"\e0be"; }
.slides > div > .content fieldset legend.table::before { content:"\e265"; }
.slides > div > .content fieldset legend.bell::before { content:"\e7f4"; }
.slides > div > .content fieldset legend.clockForward::before { content:"\e923"; }
.slides > div > .content fieldset legend.clockBackward::before { content:"\e889"; }
.slides > div > .content fieldset legend.users::before { content:"\e7fb"; }
.slides > div > .content fieldset legend.attachment::before { content:"\e2bc"; }
.slides > div > .content fieldset legend.note::before { content:"\e06f"; }
.slides > div > .content fieldset legend.truck::before { content:"\e558"; left:attr(data-left); }
.slides > div > .content fieldset legend.tools::before { content:"\f10b"; }
.slides > div > .content fieldset legend.list::before { content:"\e065"; }
.slides > div > .content fieldset legend.usersCircle::before { content:"\e939"; }
.slides > div > .content fieldset legend.personArrows::before { content:"\e572"; }
.slides > div > .content fieldset legend.cog::before { content:"\e8b8"; }*/

.slides > div > .content fieldset.closed { padding-top:0; padding-bottom:0; }
.slides > div > .content fieldset.closed legend { margin-top:0; margin-bottom:0; border-bottom:1px solid rgba(0,0,0,0.15); color:rgba(0,0,0,0.5); }
/*.slides > div > .content fieldset.closed legend .controls li.toggle a.arrow-up::before { content:"\e313"; }*/
.slides > div > .content fieldset legend .controls li a.material-icons { height:14px; }
.slides > div > .content fieldset legend .controls li a.material-icons::before { font-size:18px; position:absolute; top:6px; left:6px; }
.slides > div > .content fieldset legend .controls li a.material-icons.iconRight::before { left:initial; right:6px; }
.slides > div > .content fieldset.closed legend .controls li.toggle a.material-icons.keyboard_arrow_up::before { font-size:18px; content:"\e313"; }
.slides > div > .content fieldset.closed legend .controls li:not(.toggle):not(.circle) { display:none; }
.slides > div > .content fieldset.closed > *:not(legend) { display:none; }
/*.slides > div > .content fieldset iframe { width:calc(100% + 50px); margin:-25px; height:calc(100% + 20px); overflow-y:overlay; float:left; border:none; }*/
/*.slides > div.fileViewer > .content.viewer { overflow:hidden; }
.slides > div > .content.viewer legend .controls { margin-right:-6px; }*/
.slides > div > iframe { width:100%; height:calc(100% - 33px); overflow-y:overlay; float:left; border:none; }
/*.slides > div.full { width:100%; border-right:none; position:absolute; top:0; left:0; display:none; }
.slides > div.full:last-child { display:block; }*/
.slides > div.noPadding { padding:0; }
.slides > div.noPadding > .bar { width:100%; margin:0; }
/*.slides > div:last-child:not(:only-child) { border-right:none; }*/
/*.slides > div:not(.full):only-child { padding-right:calc(50% + 29px); box-sizing:border-box; }
.slides > div:not(.full):only-child::after { width:50%; height:100%; background:#eee; content:""; position:absolute; top:0; left:50%; border-left:1px solid #ccc; }*/
.slides > div p { width:100%; float:left; font-size:14px; margin-bottom:10px; }
.slides > div p:last-child { margin-bottom:0; } 
.slides > div ul.list { padding-left:20px; width:100%; margin-bottom:10px; font-size:14px; box-sizing:border-box; }
.slides > div ul.list li { list-style:outside; }
.slides > div ul.list li:not(:last-child) { margin-bottom:3px; }

.slides > div { width:25%; height:100%; max-height:100%; background:#fff; vertical-align:top; box-sizing:border-box; border-right:1px solid #ccc; position:relative; float:left; }
.slides > div.double { flex-basis:50%; width:50%; }
.slides > div.full { min-width:100%; width:100%; display:none; }
.slides > div.full:last-child { display:block; }
.slides > div.full.takeover { top:0; left:0; position:absolute; }
.slides > div:nth-child(4) { border-right:none; }


.slides > div > .content fieldset iframe { width:calc(100% + 50px); margin:-25px; height:calc(100vh - 126px); overflow-y:overlay; float:left; border:none; }
.slides > div > .content fieldset iframe.viewerJs { /*height:calc(100vh - 96px);*/ }

.slides > div > .content fieldset legend .controls li span { margin:2px; float:left; font-weight:normal; }
.slides > div > .content fieldset legend .controls li:not(.material-icons) a, 
.slides > div > .content fieldset legend .controls li:not(.material-icons) button { margin:-6px; padding:8px; float:left; font-weight:normal; text-decoration:none; cursor:pointer; font-size:12px; position:relative; }
.slides > div > .content fieldset legend .controls li:not(.material-icons) a.material-icons, 
.slides > div > .content fieldset legend .controls li:not(.material-icons) button.material-icons { padding:8px 8px 8px 26px; }
.slides > div > .content fieldset legend .controls li:not(.material-icons) a.material-icons:empty, 
.slides > div > .content fieldset legend .controls li:not(.material-icons) button.material-icons:empty { padding:8px 15px; }
.slides > div > .content fieldset legend .controls li:not(.material-icons) a.material-icons.iconRight, 
.slides > div > .content fieldset legend .controls li:not(.material-icons) button.material-icons.iconRight { padding:8px 26px 8px 8px; }

.slides > div > .content fieldset.footer { border-top:1px solid rgba(0,0,0,0.3); }






ul.controls { float:right; margin:-8px -5px -8px 0; list-style:none;}
ul.controls li { float:left; padding:6px 5px 6px 6px; box-sizing:border-box; border-left:1px solid rgba(0,0,0,0.15); }
ul.controls li .checkboxContainer label { margin:3px 3px 2px 3px; float:left; } 
ul.controls li select, ul.controls li input { background:#fff; float:left; border:none; font-size:12px; padding:1px; max-width:110px; font-family:Arial; }

ul.controls li.selectSelector { display:none; }
ul.controls li input { padding:2px 4px; }
ul.controls li input[type="week"] { padding:0 4px; max-width:130px; }
ul.controls li input[type="date"] { padding:0 4px; max-width:120px; }
ul.controls li a.icon { float:left; font-weight:normal; font-size:18px; text-align:center; color:rgba(0,0,0,1); text-decoration:none; margin:-8px; padding:6px 8px; }
ul.controls li a.icon::before { position:relative; top:2px; }
/*ul.controls li.icon a, ul.controls li.icon span { float:left; font-weight:normal; font-family:'Material Icons Round'; font-size:18px; text-align:center; color:rgba(0,0,0,1); text-decoration:none; margin:-6px; padding:6px; }*/
ul.controls li a:hover { background:rgba(255,255,255,0.5); }
/*ul.controls li.icon a::before, ul.controls li.icon span::before { content:"\e558"; }
ul.controls li.toggle a::after { content:"\e316"; }
ul.controls li.plus a::after { content:"\e145"; }
ul.controls li.lock a::after { content:"\e897"; }
ul.controls li.lockOpen a::after { content:"\e898"; }
ul.controls li.note a::after { content:"\e06f"; }
ul.controls li.arrowLeft a::after { content:"\e5c4"; }
ul.controls li.arrowRight a::after { content:"\e5c8"; }
ul.controls li.trashcan a::after { content:"\e872"; }
ul.controls li.printer a::after { content:"\e8ad"; }
ul.controls li.circle span::before { content:"\ef4a"; color:rgba(0,0,0,0.3); }
ul.controls li.circle.green span::before { color:#30c32f; }*/
ul.controls li span { margin:2px; float:left; font-weight:normal; }
/*ul.controls li:not(.icon) a { margin:-6px; padding:8px; float:left; font-weight:normal; text-decoration:none; }*/

ul.controls li a.icon {  }



/*#################################*/
/*### Breadcrumb */
/*#################################*/
main .bar { width:100%; float:left; margin:0; position:relative; color:#fff; font-size:14px; padding:8px; box-sizing:border-box; }
main .bar ul.breadcrumb { float:left; }
main .bar ul.breadcrumb li { float:left; list-style:none; }
main .bar ul.breadcrumb li::after { content:"»"; opacity:0.7; margin:0 5px; }
main .bar ul.breadcrumb li:last-child { font-weight:bold; }
main .bar ul.breadcrumb li:last-child::after { display:none; }
main .bar ul.controls { float:right; margin:-3px; }
main .bar ul.controls li { float:left; list-style:none; padding:1px 0; position:relative; border:none; }
main .bar ul.controls li a { width:20px; height:20px; line-height:20px; float:left; position:relative; cursor:pointer; color:#fff; padding:0; margin:0; }
main .bar ul.controls li a:hover { opacity:0.8; background:transparent; }
main .bar ul.controls li a::after { width:20px; height:20px; font-family:"Material Icons Round"; font-size:24px; float:left; position:absolute; top:0; right:2px; }
main .bar ul.controls li a.delete::after { content:"\e872"; }
main .bar ul.controls li select { float:left; background:#fff; -webkit-appearance:none; font-size:11px; padding:3px; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='22' width='22' viewBox='0 96 960 960'><path x='0' y='0' fill='black' d='M480 712 240 472l43-43 197 197 197-197 43 43-240 240Z'/></svg>"); background-repeat:no-repeat; background-position:right 2px top 2px; padding-right:18px; background-size:14px; }

main .bar ul.controls li.close a::after { content:"\e5cd"; }
main .bar ul.controls li.close { display:none; }
main .slides > div:last-child .bar ul.controls li.close { display:block; }


/*#################################*/
/*### Form element */
/*#################################*/
ul.form { width:100%; float:left; margin:-2px 0 -6px 0; }
ul.form li { width:100%; float:left; list-style:none; margin:2px 0 6px 0; position:relative; }
ul.form li > * { float:left; }
ul.form li:empty { margin:0; }
/*ul.form li.select::after { content:"\e313"; font-family:"Material Icons Round"; position:absolute; font-size:22px; bottom:3px; right:3px; color:#222; z-index:1; pointer-events:none; }*/
ul.form li label { font-size:12px; color:#111; font-family:'Fira Sans'; font-weight:bold; margin-bottom:3px; float:left; white-space:nowrap; }
ul.form li .labelLink { font-size:12px; color:#444; font-family:'Fira Sans'; font-weight:bold; margin-bottom:3px; float:right; white-space:nowrap; text-decoration:underline; }
ul.form li input, ul.form li textarea, ul.form li select, ul.form li .input { font-family:MartelLight; width:100%; float:left; padding:6px; box-sizing:border-box; font-size:12px; background:#fff; color:#000; border:1px solid #ccc; -webkit-appearance:none; background:#f9f9f9; font-family:Arial; outline:none; position:relative; }
ul.form li select:not([multiple]):not([size]) { background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='22' width='22' viewBox='0 96 960 960'><path x='0' y='0' fill='black' d='M480 712 240 472l43-43 197 197 197-197 43 43-240 240Z'/></svg>"); background-repeat:no-repeat; background-position:right 2px top 2px; padding-right:26px; }
ul.form li input:focus, ul.form li textarea:focus, ul.form li select:focus { border:1px solid #666; z-index:1; }
ul.form li input[type=date], ul.form li input[type=week], ul.form li input[type=time], ul.form li input[type=datetime-local], ul.form li input[type=month] { padding:4px 6px; }
ul.form li input::placeholder { color:#aaa; }
ul.form li input:disabled, ul.form li textarea:disabled, ul.form li select:disabled, ul.form li input[readonly], ul.form li textarea[readonly], ul.form li select[readonly] { background:#e4e4e4; }
ul.form li textarea { height:70px; resize:vertical; }
ul.form li ul { margin-left:0; width:100%; margin-bottom:0; }
ul.form li select option:checked { background:rgba(0, 74, 145, 0.2); }
ul.form li.full { width:100%; margin-left:0; }
ul.form li.half { width:48.5%; margin-left:3%; }
ul.form li.third { width:31.33%; margin-left:3%; }
ul.form li.twoThirds { width:65.67%; margin-left:3%; }
ul.form li.fourth { width:22.75%; margin-left:3%; }
ul.form li.fifth { width:17.6%; margin-left:3%; }
ul.form li.twoFifths { width:38.2%; margin-left:3%; }
ul.form li.sixth { width:14.16%; margin-left:3%; }
ul.form li.seventh { width:13.42%; margin-left:1%; }
ul.form li.eigth { width:9.87%; margin-left:3%; }
ul.form li.ninth { width:8.44%; margin-left:3%; }
ul.form li.tenth { width:1.44%; margin-left:0.5%; margin-top:22px; }
ul.form li.oneAndHalfFourths { width:35.62%; margin-left:3%; }
ul.form li.threeFourths { width:74.25%; margin-left:3%; }
ul.form li.first { margin-left:0; clear:left; }
ul.form li.errors > span { width:100%; float:left; color:#ff0000; font-size:14px; text-align:right; }
ul.form li.success { color:#98c21d; font-size:14px; text-align:right; }
ul.form li.required label::after { content:" *"; color:#ff0000; }
ul.form li a.tag { float:left; background:#00a9c5; padding:12px; color:#fff; font-family:"Neutraface2Text"; font-weight:bold; font-size:24px; margin:0 10px 10px 0; text-decoration:none; cursor:pointer; }
ul.form li a.tag:hover { opacity:0.8; }
/*ul.form li .suffix { position:absolute; bottom:1px; right:8px; color:#999; font-size:12px; pointer-events:none; }*/
ul.form li .checkboxContainer { float:left; margin:0 10px 5px 0; }
ul.form li .checkboxContainer input[type="checkbox"] { cursor:pointer; float:left; width:20px; height:20px; margin:0; }
ul.form li .checkboxContainer input[type="checkbox"]:checked::after { content:"\e5ca"; font-family:'Material Icons Round'; color:rgba(0,0,0, 1); font-weight:normal; font-size:20px; position:absolute; top:-1px; left:-1px; }
ul.form li .checkboxContainer input[type="radio"] { cursor:pointer; float:left; width:20px; height:20px; margin:0; border-radius:100%; }
ul.form li .checkboxContainer input[type="radio"]:checked::after { content:""; width:12px; height:12px; border-radius:100%; background:rgba(0,0,0, 1); font-weight:normal; font-size:20px; position:absolute; top:3px; left:3px; }
ul.form li .checkboxContainer label { float:left; margin:3px 0 0 7px; cursor:pointer; }
ul.form li[data-suffix]::after { content:attr(data-suffix); position:absolute; bottom:7px; right:7px; font-size:12px; color:#666; font-family:Arial, Helvetica, sans-serif; z-index:1; }
ul.form li[data-suffix] input { padding-right:20%; }

ul.form li .attachmentsInput { padding:0; }
ul.form li .attachmentsInput button { font-weight:normal; float:left; padding:6px; }
ul.form li .attachmentsInput button.upload { width:80%; left:0; text-align:left; background:none; color:#999; font-family:Arial; white-space:nowrap; }
ul.form li .attachmentsInput button.preview { font-family:'Material Icons Round'; font-size:14px; width:20%; text-align:center; right:0; background:# }
ul.form li .attachmentsInput button.preview::before { content:"\e8b6"; }
ul.form li .attachmentsInput.selected button.upload { width:80%; color:#000; }
ul.form li .attachmentsInput.selected button.preview { display:block; }
ul.form li .attachmentsInput:not(.selected) button.preview { background:#ccc; cursor:default; pointer-events:none; }
ul.form li .attachmentsInput:not(.selected) button.preview:hover { opacity:1; }

ul.form li .attachmentsButton.big { width:100%; padding:40px 0; font-style:italic; }

ul.form li div.buttons { float:left; }
ul.form li div.buttons .button { margin:0 5px 0 0; }
ul.form li div.buttons .button:last-child { margin:0; }
ul.form li div.buttons.right { float:right; }
ul.form li div.buttons.right .button { margin:0 0 0 5px; }
ul.form li div.buttons.right .button:first-child { margin:0; }
ul.form li div.buttons.full { width:100%; }
ul.form li div.buttons.full .button { width:100%; margin:0 0 5px 0; }

ul.form li .combobox .tag { font-size:11px; }
ul.form li .combobox .ui-autocomplete { left:-1px !important; top:27px !important; width:100% !important; }

ul.form.horizontal li { width:100%; }
ul.form.horizontal li label { width:calc(50% - 6px); margin:6px 6px 6px 0; text-align:right; }
ul.form.horizontal li input[type=text], ul.form.horizontal li input[type=number], ul.form.horizontal li input[type=date], ul.form.horizontal li input[type=week], ul.form.horizontal li input[type=time], ul.form.horizontal li input[type=datetime-local], ul.form.horizontal li input[type=month], ul.form.horizontal li textarea, ul.form.horizontal li select { width:50%; }

.dropIndicator { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:1; }
.dropIndicator span { position:absolute; top:50%; color:#fff; font-size:18px; width:100%; text-align:center; text-shadow:#000 0 1px 1px; font-weight:bold; }
.dropIndicator.hover { background:rgba(0,0,0,0.2); }

a.autocomplete-open { font-family:"Material Icons Round"; position:absolute; font-size:22px; bottom:3px; right:3px; color:#222; z-index:1; }
a.autocomplete-open::after { content:"\e313"; }
ul.form li a.autocomplete-clear { font-family:"Material Icons Round"; position:absolute; font-size:18px; top:22px; bottom:3px; right:22px; color:#222; z-index:1; display:none; }
ul.form li a.autocomplete-clear::after { content:"\e5cd"; }
ul.form li.autocomplete input { padding-right:24px; }
ul.form li.autocomplete:hover a.autocomplete-clear { display:block; }
ul.form li.autocomplete:hover input { padding-right:42px; }

a.inputIcon { font-family:"Material Icons Round"; position:absolute; font-size:22px; bottom:3px; right:3px; color:#222; z-index:1; text-decoration:none; }
a.inputIcon.cross::after { content:"\e5cd"; }
a.inputIcon.letter::after { content:"\e0be"; }
a.inputIcon.phone::after { content:"\e0cd"; }
td a.inputIcon { font-size:16px; bottom:5px; right:5px; color:#444; }

ul.form li.tags > span { float:left; color:#000; padding:4px 4px 4px 6px; border-radius:3px; margin:0 5px 5px 0; font-size:12px; }
ul.form li.tags > span .delete { font-family:"Material Icons Round"; position:relative; color:#fff; background:#000; border-radius:100%; width:12px; height:12px; float:right; text-align:center; margin:1px 0 1px 5px; line-height:12px; font-size:10px; cursor:pointer; }
ul.form li.tags > span .delete::after { content:"\e5cd"; position:absolute; left:1px; }

/* ######################################### */
/* ### Combobox */
/* ######################################### */
.combobox { width:100%; float:left; padding:3px 3px 0 3px; border:1px solid #ccc; box-sizing:border-box; font-size:12px; background:#f9f9f9; font-family:Arial, Helvetica, sans-serif; cursor:text; position:relative; }
.combobox.disabled, fieldset[disabled] .combobox { background-color:#e4e4e4; }
.combobox input[type="text"] { width:80px; border:none; padding:3px 3px 6px 3px; float:left; }
.combobox input[type="text"]:focus { outline:none; border:none; }
.combobox .tag { float:left; background:#ddd; color:#333; padding:4px 18px 4px 4px; border-radius:3px; margin:0 3px 3px 0; position:relative; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
.combobox .tag a::after { content:"\e14c"; font-family:'Material Icons Round'; position:absolute; top:4px; right:4px; width:12px; height:12px; font-size:14px; color:#666; }
.combobox.focus { border:1px solid #666; }

/* ######################################### */
/* ### Notifications */
/* ######################################### */
ul.notifications { width:100%; float:left; list-style:none; }
ul.notifications:not(:nth-child(2)) { margin-top:10px; }
ul.notifications:last-child li:last-child { margin-bottom:0; }
ul.notifications li { width:100%; float:left; background:#999; padding:10px; box-sizing:border-box; border-radius:3px; font-size:12px; color:#fff; position:relative; margin-bottom:10px; padding-left:32px; line-height:16px; }
ul.notifications li:last-child { margin-bottom:10px; }
ul.notifications li::before { font-family:'Material Icons Round'; color:rgba(0,0,0,0.3); font-weight:normal; font-size:24px; position:absolute; top:5px; left:5px; line-height:initial; }
ul.notifications li.grey { background:#777; }
ul.notifications li.purple { background:#a454c5; }
ul.notifications li.blue { background:#399bff; }
ul.notifications li.green { background:#30c32f; }
ul.notifications li.red { background:#ea1212; }
ul.notifications li.pink { background:#ff7171; }
/*ul.notifications li.info::before { content:"\e88e"; }
ul.notifications li.clock::before { content:"\e01b"; }
ul.notifications li.money::before { content:"\e263"; }
ul.notifications li.stamp::before { content:"\e982"; }
ul.notifications li.export::before { content:"\ef5f"; }
ul.notifications li.locked::before { content:"\e899"; }
ul.notifications li.unlocked::before { content:"\e898"; }
ul.notifications li.warning::before { content:"\e002"; }*/
ul.notifications li a { background:#fff; float:right; padding:6px 5px 4px 5px; line-height:10px; font-size:10px; margin:-2px; font-weight:bold; }
ul.notifications li > *:not(a) { float:left; max-width:90%; font-size:12px; }

/*#################################*/
/*### Autocomplete and tooltip */
/*#################################*/
.ui-widget.ui-widget-content { /*width:auto !important; min-width:max-content;*/ }
.ui-menu { border-radius:0 0 3px 3px; border:1px solid #666; border-top:none; width:100% !important; max-height:calc(100vh - 300px); min-width:180px; overflow-y:overlay; }
.ui-menu .ui-menu-item { color:#000; border:none; font-size:12px; box-sizing:border-box; clear:both; }
.ui-menu .ui-menu-item:first-child, .ui-menu .ui-menu-item:first-child { margin-top:-1px; border-top:1px solid #666; }
.ui-menu .ui-menu-item a { box-sizing:border-box; background:#f7f7f7; padding:4px 6px; width:100%; float:left; }
.ui-menu .ui-menu-item.noResults { width:100%; pointer-events:none; }
.ui-menu .ui-menu-item.noResults a { color:#666; font-style:italic; text-align:center; padding:20px 0; pointer-events:none; }
.ui-menu .ui-menu-item:nth-child(even) a { background:#efefef; }
.ui-menu .ui-menu-item:hover a { border:none; } 
.ui-menu .ui-menu-item:last-child, .ui-menu .ui-menu-item:last-child div { border-radius:0 0 3px 3px; }
.ui-menu .ui-menu-item a.ui-state-active { border:none; margin:0; background:#ddd; color:#000; opacity:1; }
.ui-tooltip, .arrow:after { border:none !important; box-shadow: none !important; }
.ui-tooltip { background:#333; width:auto; padding:8px; color:#fff; border-radius:5px; font-size:12px; font-family:'Fira Sans', sans-serif; }


/*#################################*/
/*### Html box */
/*#################################*/
.html { width:100%; float:left; margin-top:5px; }
.html > * { width:100%; float:left; }
.html p { font-size:14px; }
.html ul, .html ol { padding-left:15px; margin:0 0 10px 0; font-size:14px; }
.html > *:last-child { margin-bottom:0; }

/*#################################*/
/*### Member blanketter */
/*#################################*/
ul.big-list li { width: 100%; float: left; list-style: none; border-top: 1px solid #000; padding: 20px 0; }
ul.big-list.pdf li::before { content: ""; background: url(/public/images/icon_pdf.svg) no-repeat; width: 42px; height: 42px; float: left; margin: 2px 10px 2px 0; }
.button_form { float: right; line-height: 14px; text-decoration: none; display: inline-block; color: #000; text-transform: uppercase; font-size: 12px; font-weight: 300; padding: 16px 64px 16px 22px; border-radius: 50px; background: #ffdc01; text-decoration: none; position: relative; border: none; cursor: pointer; }
.button_form.document_search::after { content: "\e914"; border: none; font-weight: normal; font-size: 28px; right: 9px; top: 6px; }
.button_form:not(.default)::after { width: 24px; height: 24px; content: "\e90c"; font-family: icomoon; border: 1px solid #000; border-radius: 100%; padding: 5px; font-size: 16px; line-height: 24px; font-weight: bold; position: absolute; right: 5px; top: 5px; color: #000; }
ul.big-list.pdf .title { font-size: 18px; }
ul.big-list li .title { float: left; font-size: 20px; font-weight: 700; margin: 12px 0; }
/*#################################*/
/*### Multiupload */
/*#################################*/
ul.form li.multiUploadContainer {  }
ul.form li.multiUploadContainer .tableContainer { max-height:588px; overflow-y:auto; }
ul.form li.multiUploadContainer .progressContainer { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); display:none; }
ul.form li.multiUploadContainer .progressContainer progress { position:absolute; top:50%; left:50%; width:200px; height:18px; margin:4px 0 0 -100px; -webkit-appearance:none; }
ul.form li.multiUploadContainer .progressContainer progress::-webkit-progress-bar { background:#fff; }
ul.form li.multiUploadContainer .progressContainer progress::-webkit-progress-value { background:#0C569E; }
ul.form li.multiUploadContainer input[type="file"] { display:none; }
ul.form li.multiUploadContainer .button { margin-top:10px; }

/* ######################################### */
/* ### Trumbowyg
/* ######################################### */
ul.form li textarea.wysiwyg { height:200px; }
.trumbowyg-box { margin:0; border:none; min-height:200px; }
.trumbowyg-editor { background:#f9f9f9; border:1px solid #ccc; border-top:none; font-size:12px; min-height:200px; }
.trumbowyg-editor p { font-size:12px !important; color:initial !important; }
.trumbowyg-editor p:empty { margin:0 !important; }
.trumbowyg-button-pane .trumbowyg-button-group:not(:empty)+.trumbowyg-button-group::before { background:rgba(0,0,0,0.15); }
.trumbowyg-button-pane button.trumbowyg-active, .trumbowyg-button-pane button:not(.trumbowyg-disable):focus, .trumbowyg-button-pane button:not(.trumbowyg-disable):hover { background:rgba(255,255,255,0.5); }
.trumbowyg-editor ul, .trumbowyg-editor ol { padding-left:15px; margin-bottom:10px !important; float:left; }
.trumbowyg-editor ul li { width:initial; float:initial; list-style-type:disc; list-style-position:initial; list-style-image:initial; margin:initial; position:initial; }
.trumbowyg-editor ol li { width:initial; float:initial; list-style-type:decimal; list-style-position:initial; list-style-image:initial; margin:initial; position:initial; }
/*.trumbowyg-editor { line-height:14px !important; color:initial !important; font-size:12px !important; min-height:100px !important; }
.trumbowyg-editor h1 { font-family:Arial, Helvetica, sans-serif !important; font-weight:initial !important; font-size:initial !important; color:initial !important; margin-bottom:initial !important; float:initial !important; }
.trumbowyg-editor h2 { font-family:Arial, Helvetica, sans-serif !important; font-weight:initial !important; font-size:initial !important; color:initial !important; margin-bottom:initial !important; float:initial !important; }
.trumbowyg-editor p { font-size:12px !important; color:initial !important; }
.trumbowyg-editor p:empty { margin:0 !important; }
.trumbowyg-editor ul, .trumbowyg-editor ol { padding-left:30px; }
.trumbowyg-editor ul li { width:initial !important; float:initial !important; list-style-type:disc !important; list-style-position:initial !important; list-style-image:initial !important; margin:initial !important; position:initial !important; }
.trumbowyg-editor ol li { width:initial !important; float:initial !important; list-style-type:decimal !important; list-style-position:initial !important; list-style-image:initial !important; margin:initial !important; position:initial !important; }
.trumbowyg-editor table { float:initial !important; position:initial !important; margin:10px 0; }
.trumbowyg-editor table tr td { border:1px solid #000 !important; background:#fff; }
.trumbowyg-editor table tr:nth-child(even) { background:#fff; }
.trumbowyg-editor table.invisible tr td { border:1px dashed #ccc !important; }
.trumbowyg-modal-box {  }
.trumbowyg-modal-box label { font-size:initial !important; color:initial !important; margin-bottom:15px !important; float:initial !important; white-space:initial !important; }
.trumbowyg-modal-box label .trumbowyg-input-infos { font-size:12px !important; }
.trumbowyg-modal-box label .trumbowyg-input-infos span { width:240px !important; }
.trumbowyg-modal-box input[type="number"], .trumbowyg-modal-box input[type="text"], .trumbowyg-modal-box select { font-family:initial !important; width:50% !important; float:initial !important; padding:0 7px !important; border:1px solid #DEDEDE !important; font-size:14px !important; background:#fff !important; position:absolute !important; top:0 !important; right:0 !important; height:27px !important; line-height:27px !important; }
.trumbowyg-dropdown { z-index:1; }
.trumbowyg-box sub { font-size:10px; top:2px; position:relative; }
.trumbowyg-box sup { font-size:10px; bottom:4px; position:relative; }*/

.subtitle { font-size:11px; width:100%; text-overflow:ellipsis; overflow:hidden; float:left; white-space:nowrap; }
/*span.select { float:left; position:relative; }
span.select::after { content:"\e313"; font-family:'Material Icons Round'; position:absolute; font-size:22px; bottom:3px; right:3px; color:#222; z-index:1; pointer-events:none; }*/

div.noResults { width:100%; text-align:center; padding:40px 20px; font-style:italic; font-size:12px; background:rgba(0,0,0,0.1); color:rgba(0,0,0,0.5); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; border:1px solid rgba(0,0,0,0.2); box-sizing:border-box; }

/* ######################################### */
/* ### Fisken custom */
/* ######################################### */
/*.slides > div > .content fieldset.bookkeeping > ul > li { width:9.1%; margin:0 -1px 7px 0; }
.slides > div > .content fieldset.bookkeeping > ul > li.first { margin-left:0; }
.slides > div > .content fieldset.bookkeeping > ul > li:nth-child(1), .slides > div > .content fieldset.bookkeeping > ul > li:nth-child(3) { width:7.8%; }
.slides > div > .content fieldset.bookkeeping > ul > li:nth-child(2), .slides > div > .content fieldset.bookkeeping > ul > li:nth-child(4) { width:13.92%; }
.slides > div > .content fieldset.bookkeeping > ul > li:nth-child(5) { width:5%; }
.slides > div > .content fieldset.bookkeeping > ul > li:nth-child(6) { width:8%; }
.slides > div > .content fieldset.bookkeeping > ul > li:nth-child(7) { width:8%; }
.slides > div > .content fieldset.bookkeeping > ul > li:nth-child(8) { width:12.5%; }
.slides > div > .content fieldset.bookkeeping > ul > li:nth-child(9) { width:16%; }
.slides > div > .content fieldset.bookkeeping > ul > li:nth-child(10) { width:7.97%; }
.slides > div > .content fieldset.bookkeeping > ul > li input { font-size:10px; }
.slides > div > .content fieldset.bookkeeping > ul > li input[type="date"] { padding:3.5px 6px 3.5px 6px; }
.slides > div > .content fieldset.bookkeeping > ul > li label { text-indent:1px; }
.slides > div > .content fieldset.bookkeeping > ul:last-child > li label { float:right; margin:6px 8px 5px 0; }
.slides > div > .content fieldset.bookkeeping > ul:last-child > li { margin:10px -1px 5px 0; }
.slides > div > .content fieldset.bookkeeping > ul:last-child > li:nth-child(5) { width:12.8%; }
.slides > div > .content fieldset.bookkeeping > ul:last-child > li:nth-child(6) { width:20.5%; }
.slides > div > .content fieldset.bookkeeping > ul:last-child > li:last-child { width:22%; float:right; }
.slides > div > .content fieldset.bookkeeping > ul:last-child > li:last-child input { float:right; width:40px; }

.slides > div > .content fieldset.bookkeeping > ul:last-child > li:last-child button { float:right; margin-top:0; padding:6px 12px; font-size:11px; margin-left:5px; }*/
.slides > div > .content fieldset.attestation > ul.form { padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:13px; }
.slides > div > .content fieldset.attestation > ul.form:last-child { padding-bottom:0; border-bottom:none; margin-bottom:0; }
.slides > div > .content fieldset.attestation > ul.form > li:first-child { margin-left:0; }
.slides > div > .content fieldset.attestation > ul.form > li:nth-child(3n+4) { margin-left:0; }


.slides > div.demarcationList input[type="radio"] { display:inline-block; float:none; }
.slides > div.demarcationList .header { float:left; line-height:25px; }
.slides > div.demarcationList .amountBox { width:478px; float:right; position:relative; }
.slides > div.demarcationList .amountBox label { line-height:25px; margin:0; }
.slides > div.demarcationList .amountBox select { width:120px; float:right; font-size:10px; }
.slides > div.demarcationList .amountBox::after { content:"\e313"; font-family:'Material Icons Round'; position:absolute; font-size:18px; bottom:3px; right:3px; color:#222; z-index:1; pointer-events:none; }
.slides > div.demarcationList tbody td { line-height:28px; }

.slides > div > .content fieldset.attestationForm p { font-size:12px; margin-top:10px; }
.slides > div > .content fieldset.attestationForm p:first-child { margin-top:0; }
.slides > div > .content fieldset.attestationForm .checkboxContainer { width:100%; margin-bottom:5px; }

.settings.administrator fieldset.menu-permissions ul.form > li > ul { list-style:none; column-count:2; width:100%; }
.settings.administrator fieldset.menu-permissions ul.form > li > ul > li { margin-bottom:10px; break-inside:avoid-column; }
.settings.administrator fieldset.menu-permissions ul.form > li > ul > li > ul { list-style:none; margin-left:10px; margin-top:5px; }
.settings.administrator fieldset.menu-permissions ul.form > li > ul > li > ul > li > ul { list-style:none; margin-left:15px; margin-top:5px; }

/*.slides > div.addressChange, .slides > div.invoices.identify { width:65%; flex-basis:65%; }
.slides > div.fileViewer { width:35%; flex-basis:35%; }*/
.slides > div.fileViewer fieldset { height:100%; }

/*#################################*/
/*### Screen width */
/*#################################*/
@media screen and (min-width:1280px) { 
	body.compact .slides > div { width:100%; min-width:initial; flex-basis:calc(100% / 3); max-width:initial; }
	body.compact .slides > div.full { max-width:initial; }
	body.compact .slides > div.bigger { max-width:70%; }
	body.compact .slides > div.hasChildren { min-width:100%; }
}
@media screen and (min-width:2048px) { 

	/*.slides > div.full { width:66.66%; }
	.slides > div.full:last-child::after { width:50%%; height:100%; background:#eee; content:""; position:absolute; top:0; left:100%%; border-left:1px solid #ccc; }*/
}
/*@media screen and (max-width:2559px) { */
	.slides > div { /*flex-basis:calc(100% / 2);*/ width:calc(100% / 2); }
	body.minimized .slides > div { /*min-width:calc(100% / 3);*/ }
	.slides > div.bigger { width:70%; }
	.slides > div.smaller { width:30%; }
	.slides > div.double { flex-basis:calc((100% / 3) * 2); width:calc((100% / 3) * 2); }
	.slides > div.double:nth-last-child(3) { display:none; }
	.slides > div:nth-last-child(4) { display:none; }
	/*.slides > div:nth-child(3) { border-right:none; }
	.slides > div:nth-child(4) { border-right:1px solid #ccc; }*/
/*}*/
@media screen and (max-width:1679px) { 
	.slides > div { /*width:50%; flex-basis:50%;*/ }
	/*.slides > div:not(.double):not(:only-child):first-child { display:none; }*/
	.slides > div.double { width:100%; position:absolute; top:0; left:0; }
	.slides > div.double:nth-last-child(2) { display:none; }
	.slides > div:nth-last-child(3) { display:none; }
	/*ul.controls > li.selectSelector { display:block; }
	ul.controls > li.field { display:none; }*/
}
@media screen and (max-width:1279px) { 
	.slides > div { flex-basis:100%; width:100%; }
	.slides > div:nth-last-child(2) { display:none; }
	.slides > div.bigger { flex-basis:100%; width:100%; }
	.slides > div.smaller { width:100%; flex-basis:100%; }
	.slides > div .slides.showBoth div.fileViewer .content { height:40vh; }
	.slides > div .slides.showBoth { flex-direction:column; overflow-y:scroll; height:auto; max-height:calc(100% - 33px); }
	.slides > div .slides.showBoth > div:nth-child(1) { order:2; height:60%; flex-basis:60%; display:block; flex-grow:1; }
	.slides > div .slides.showBoth > div:nth-child(2) { order:1; height:40%; flex-basis:40%; flex-grow:0; }
	.slides > div .slides.showBoth > div > .content { overflow-y:initial; }
	.slides > div > .content fieldset.sticky.stuck { position:fixed; top:32px; background:#fff; border-bottom:1px solid #ccc; z-index:1; }
	/*main .content > .slides > div { display:none; border-right:none; }
	main .content > .slides > div:last-child { display:table-cell; }
	main .content > .slides > div:not(.full):only-child { padding-right:30px; }
	main .content > .slides > div:not(.full):only-child::after { display:none; }*/
	body.login .slides > div.full { width:100%; flex-basis:100%; height:100%; left:0; margin-left:0; position:relative; top:0; max-height:initial; }
	body.login .header { box-shadow:none; }
	body.login .slides > div > .content { overflow-y:scroll; }
	/*body.login ul.form li .checkboxContainer label, body.login ul.form li.forgot-password a { font-size:12px; }*/
	header { padding:12px; }
	header .toggleMenu, main .toggleMenuExtra { display:block; }
	main .bar { padding:8px 8px 8px 38px; }
	header .logo { mask-size:162px; width:162px; height:24px; }
	header .search { top:1px; right:1px; max-height:100vh; }
	header .search.open { width:100%; top:0; right:0; padding:8px; box-sizing:border-box; border-radius:0; }
	header .search.open button[type="submit"]:not(.button) { top:13px; right:13px; }
	main { width:100%; height:calc(100% - 48px); left:0; top:48px; }
	nav { height:calc(100% - 48px); max-height:calc(100% - 48px); position:fixed; top:48px; left:-190px; }
	.ui-widget.ui-widget-content { min-width:initial; }
	.slides > div { min-width:initial !important; }
	.slides > div > .content hr { width:calc(100% + 30px); margin:15px -15px; }
	.slides > div > .content fieldset { padding:15px; }
	.slides > div > .content fieldset legend { width:calc(100% + 30px); margin:-15px -15px 15px -15px; }
	.slides > div > .content fieldset iframe { width:calc(100% + 30px); margin:-15px; height:100%; }
	.toast { margin-left:0; }
	nav ul.menu > li.toggleSearch { display:block; }
	main { height:100%; top:0; }
	nav { height:100%; top:0; max-height:100%; }
	body:not(.search-open) header { display:none; }
}
@media screen and (max-width:700px) { 
	
	ul.form li { width:100% !important; margin-left:0 !important; }
	body.login ul.form li.forgot-password { margin-top:0; }
	body.login ul.form li.forgot-password p { width:auto; }
}
@media screen and (max-width:400px) { 
	ul.form li div.buttons { width:100%; float:left; }
	ul.form li div.buttons .button { width:100%; margin:0 0 5px 0; }
	ul.form li div.buttons .button:last-child { margin:0 0 5px 0; }
	header .search { width:200px; }
}