/* P5 Webtemplate v1.8 */ /* normalize.css v3.0.3 */ img{border:0}card,article,aside,footer,header,main,menu,nav,section{display:block}b,optgroup,strong{font-weight:500}svg:not(:root){overflow:hidden}textarea{overflow:auto}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:0;margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}ul,ol{margin:0;padding:0} code { background: #eee; white-space: pre-wrap; padding: 0.1rem 0.5rem; } * { -moz-box-sizing: border-box; box-sizing: border-box;} a:link, a:visited, a:active { text-decoration : none; color : #444; transition: all 0.3s ease-out; } a:hover { color : #cf352b; outline: 0;} a:focus, a:active { outline: 0; } [hidden],template, .hide { display : none !important; } .invisible { visibility: hidden;} .float-right { float: right; } .float-left { float: left; } .clearfix:before, .clearfix:after, .row:before, .row:after {content: " "; display: table;} .clearfix:after, .row:after {clear: both;} .clearfix {*zoom: 1;} .disabled, .timer_running .disable-timerrunning { pointer-events: none; opacity: 0.5;} @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: local('Material Icons'), local('MaterialIcons-Regular'), url(../fonts/MaterialIcons-Regular.woff2) format('woff2'), url(../fonts/MaterialIcons-Regular.woff) format('woff'); } .micon, .button_icon, .input_checkbox label:before, .input-pretty[data-icon]:before, .button-mark-as-paid:before, .timer_user.article_selected:after { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: inherit; display: inline-block; line-height: inherit; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; vertical-align: bottom; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; } /* Styles */ html{ font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; height: 100%; overflow: hidden; font-size: 62.5%; } body { background: #eee; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; min-height: 100%; font-size: 1.5rem; position: relative; line-height: 2.4rem; margin: 0; } /*body:before { background: #E74C3C; text-align: center; padding: 0.5rem 0; color: white; position: absolute; top: 0; left: 0; width: 100%; z-index: 150; content: 'We werken aan de agendaweergave, het kan zijn dat die tijdelijk niet werkt.'; } pane { top: 30px !important; }*/ body#login { background: white; } ::-webkit-scrollbar { width: 0.7rem; height: 0.7rem; } ::-webkit-scrollbar-track { background: #eee; } ::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.4); } ::-webkit-scrollbar-thumb:window-inactive { background: rgba(0,0,0,0.1); } /* Basics */ .transition, button, .button, nav { transition: all 0.35s ease; } .ellipsis, .item h3, .item h2 { white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-underline { text-decoration: underline !important; } h1,h2,h3,h4,h5,h6 { font-weight: 400; margin: 0; } h1, .size1 { font-size: 3rem; letter-spacing: -0.1rem; line-height: 1.1; } h2, .size2 { font-size: 2.6rem; letter-spacing: -0.1rem; line-height: 1.15; } h3, .size3 { font-size: 2.2rem; letter-spacing: -0.1rem; line-height: 1.2; } h4, .size4 { font-weight: 400; font-size: 1.7rem; letter-spacing: -0.08rem; line-height: 1.25; } article h4 { font-weight: 500; } h5, .size5 { font-size: 1rem; letter-spacing: -0.05rem; line-height: 1.4; } h6, .size6 { font-size: 0.6rem; letter-spacing: 0; line-height: 1.3; } .size15 { font-size: 1.5rem; } @media (min-width: 40rem){ h1, .size1 { font-size: 4rem; } h2, .size2 { font-size: 3.2rem; } h3, .size3 { font-size: 2.6rem; } h4, .size4 { font-size: 1.8rem; } h5, .size5 { font-size: 1.3rem; } h6, .size6 { font-size: 0.5rem; } } .color_primary, body, .nav li:hover > a, .nav li:hover > label, .nav input:checked ~ label, .nav li.current > a, h1,h2,h3,h4,h5,h6 { color: #212121; } .color_secondary, .nav a, label { color: #757575; } .color_muted { color: #9E9E9E; } .color_white_primary, a.color_white_primary { color: #fafafa; } .color_white_secondary { color: #e0e0e0; } .padding_16, main, nav, toolbar { padding-left: 1.6rem; padding-right: 1.6rem; } .padding_reset_16 { margin-left: -1.6rem; margin-right: -1.6rem; } .padding_reset_8 { margin-left: -0.8rem; margin-right: -0.8rem; } .main_topmargin { height: 2.4rem; } .is-offline actions, .is-offline .disabled_offline { pointer-events: none; opacity: 0.3; } .avatar { border-radius: 50%; overflow: hidden; width: 4rem; height: 4rem; background-size: cover; background-position: 50% 50%; margin: 0 1rem 0.9rem 0; } .article-img:not([data-bg]){ background: #f5f5f5 url('/img/placeholder_img.svg') no-repeat 50% 50% / 32% auto; } .at-grid article:not(.article_smallimg) .article-img:not([data-bg]){ background-size: 13% auto; } /* Themeable */ .bg_dark, toolbar, .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #113145 !important; } .bg_highlight, .input_radio input:checked + label, .button, .ui-state-highlight { background-color: #E74C3C; } .bg_medium { background-color: #5384a2; } .color_highlight, .input-pretty.has-value[data-icon]:before, .highlightHover:hover { color: #E74C3C; } .selected.fill_highlight-selected svg, .fill_highlight svg { fill: #e74c3c; } .button, .tabs .tab.tab_active { border-color: #E74C3C; } .timer_user-img:before, .state-loading div:before { border-top-color: #E74C3C; } .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:#113145;color:#fff;border-color:#113145} /* End-Themeable */ /* Loading */ body > .state-loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: rgba(255,255,255,0.3); -webkit-animation: 0.2s fadeInDown; animation: 0.2s fadeInDown; } .state-loading div { height: 4rem; width: 4rem; border-radius: 50%; margin: 1rem auto; position: relative; } body > .state-loading div { height: 8rem; width: 8rem; position: absolute; left: 50%; top: 50%; margin: -4rem 0 0 -4rem; } /* End-Loading */ /* End-Basics*/ /* Buttons */ .button { /* background and border defined in theme */ background-color: #E74C3C; border: 0.1rem solid #E74C3C; border-radius: 0.4rem; color: #fff; cursor: pointer; display: inline-block; font-size: 1.4rem; height: 4rem; line-height: 4rem; padding: 0 1.6rem; text-align: center; text-decoration: none; white-space: nowrap; position: relative; margin-bottom: 0.2rem; } a.button:not(.button_neutral):not(.button_clear) { color: white; } .button label { cursor: pointer; } /* Sizes */ .button_small { height: 3.2rem; line-height: 3rem; padding: 0 0.8rem; font-size: 1.4rem; } .button_large { height: 5rem; line-height: 5rem; padding: 0 4rem; font-size: 1.8rem; } .button_block { display: block; width: 100%; } .button_clear.button_small { padding: 0 0.5rem; } /* Colors */ .button_outline:not(.active) { color: #E74C3C; } .button_clear { color: #113145; } .button_blue { background: #1E88E5 !important; border-color: #1E88E5 !important; } .button_green { background: #31b12a !important; border-color: #31b12a !important; } .button_neutral { background: #eee !important; border-color: #ccc !important; color: #424242 } /* Variations */ .button_outline:not(.active), .button_outline:hover, .button_outline:not(.active):focus, .button_clear, .button_clear:hover, .button_clear:focus { background: transparent !important; border-color: currentColor; } .button_clear, .button_clear:hover, .button_clear:focus { background: transparent !important; border-color: transparent !important; } button.multilang_tab img { float: left; margin-top: 0.7rem; margin-right: 0.5rem; } .button-mark-as-paid:before { content: 'check_box'; position: absolute; left: 0.9rem; top: 0; opacity: 0; pointer-events: none; } .button-mark-as-paid:hover:before { opacity: 1; } .button-mark-as-paid:hover span { opacity: 0; } /* Hover */ .button:hover, .button:focus { background-color: #113145; border-color: #113145; color: #fff; outline: 0; } .button_outline:hover, .button_outline:focus, .button_clear:hover, .button_clear:focus { color: #9ba8b1; } .button .micon, .button.micon, .art-icon { font-size: 1.6rem; } .button_icon { font-size: 2rem; } .button_icon:hover { opacity: 0.7; } .art-icon { top: 0; margin-top: -0.4rem; } /* End-Buttons */ /* Inputs */ fieldset { display: block; position: relative; min-width: 1rem; } label { clear: both; display: block; margin: 0; min-height: 2.4rem; } .label-description { float: right; color: #212121; } select { width: 100%; text-indent: 0.01px; text-overflow: ""; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYBAMAAAABjmA/AAAAHlBMVEUAAACIiIh6enqIiIiIiIiIiIiIiIiHh4d9fX2IiIi9a9CUAAAACXRSTlMAWg+M46Y6LB7FDh24AAAAKElEQVQI12OgJWAUFBQCM5hnznSCCEXOLIAwOidDFTFPgjKYEqhoNQAELwUi/sCANAAAAABJRU5ErkJggg==') no-repeat right 1.1rem center; } label.error { color : red; } .input-text, textarea, .input-select, .input_radio, .flatpickr-input, .select2-selection { display : block; width : 100%; position : relative; padding: 1.1rem 1.4rem; font-size: 1.5rem; background-color: white; border: 0.1rem solid #e0e0e0; border-width: 0; color: #424242; border-radius: 0.4rem; margin-bottom: 1.2rem; line-height: 1; } .notice { border-radius: 0.4rem; border: 0.1rem solid #fff; padding: 0.4rem 1.2rem; margin-bottom: 0.4rem; font-size: 1.6rem; } .bg_error { background-color: #ef5350; } .color_error, input[type="radio"].input_error + label, input[type="checkbox"].input_error + label, .notice_error .fa, .notice_error .micon { color: #ef5350; } .notice_error, .input_error:not(:focus), .select2-container.input_error:not(:focus) { border-color: #ef5350; background-color: #ffcdd2; } .bg_warning { background-color: #ffa726; } .color_warning, .notice_warning .fa, .notice_warning .micon { color: #ffa726; } .notice_warning, .input_warning { border-color: #ffa726; background-color: #ffe0b2; } .bg_info { background-color: #42a5f5; } .color_info, .notice_info .fa, .notice_info .micon { color: #42a5f5; } .notice_info, .input_info { border-color: #42a5f5; background-color: #bbdefb; } .bg_correct { background-color: #66bb6a; } .color_correct, .notice_correct .fa, .notice_correct .micon { color: #66bb6a; } .notice_correct, .input_correct { border-color: #66bb6a; background-color: #c8e5c9; } select.input-select:not(.dropkick){ padding-top: 1.2rem; padding-bottom: 1.3rem; } select.input-select.dropkick { display: none; } input[type="color"] { padding: 0 0.5rem; height: 4rem; } .article-filters .input-text, .article-filters .input-select, .article-filters .select2-selection, #login .input-text, card .input-text, card .input-select { border-width: 0.1rem; } input.error, textarea.error, .input-select.error, .validation-error, input.validation-error { border-color: #DE3737 !important; background-color: #fadddd !important; } textarea { line-height : 1.2; height : 100px; } textarea.input_textarea { line-height : 1.4; height: 250px; } div.input_textarea + textarea.input_textarea { display: none; } .client-link, .button-cleardate { position: absolute; right: 1%; bottom: 1.4rem; z-index: 5; } /* .client-link:nth-of-type(2){ right: 6%; } TODO moet ook weer terug */ #klant.input-select + .select2 .select2-selection__arrow { display: none; } .select2-container-disabled, .input-text:disabled, .input-text:not(.dropkick):not(.flatpickr-input):read-only, .input-select:disabled, .ql-container.ql-disabled { background: #f6f6f6; } .input-pretty:not(.in-regelhandler) { padding-top: 1.4rem; padding-bottom: 1.267rem; margin-bottom: 1.2rem; } .imgUpload card.input-pretty { margin-bottom: 0; } .input-pretty[data-icon]:not(.in-regelhandler):before { content: attr(data-icon); position: absolute; left: 1.3rem; top: 1.6rem; font-size: 2.6rem; } .input-pretty[data-icon]:not(.in-regelhandler) { padding-left: 5.3rem; } .input-pretty.has-image[data-icon]:not(.in-regelhandler) { padding-left: 8rem; } .input-pretty .show-when-value, .input-pretty.has-value .hide-when-value { display: none; } .input-pretty.has-value .show-when-value { display: block; } .input-pretty actions, article actions { position: absolute; right: 1rem; bottom: 1.7rem; background: white; } .input-pretty.in-regelhandler actions { bottom: 0; right: 0.4rem; } .input-pretty:not(.input-pretty_fullimg) div, .input-pretty aside { max-width: 36rem; } .input-pretty.input-pretty_fullimg { padding-top: 0; } .input-pretty_img { position: absolute; display: none; left: 0; top: 0; width: 7rem; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; background-color: #fff; } .input-pretty.has-value:not(.input-file) .input-pretty_img, .input-pretty.input-file.has-value.has-image .input-pretty_img { display: block; } .input-pretty.input-image.has-value { padding-left: 8.3rem; } .input-pretty.input-image.has-value div, .input-pretty.input-image.has-value aside { max-width: 30rem; } /* Checkbox & Radio */ fieldset.input_checkbox { margin-top: 0.4rem; min-height: 3.4rem; } .input_checkbox label { line-height: 1.6rem; display: block; padding: 0; cursor: pointer; } .input_checkbox label:before { content: 'check_box_outline_blank'; float: left; margin: -0.1rem 0.7rem 0 0; border: none; outline: 0; focus: none; width: 2.6rem; height: 2.7rem; font-size: 2.2rem; cursor: pointer; position: relative; transition: color 0.5s, transform 0.2s; line-height: 1; color: #9e9e9e; } .input_checkbox input[type='checkbox']:checked ~ label:before { content: 'check_box'; color: #31b12a; } .input_checkbox label:active:before { -webkit-transform: scale3d(0.9, 0.9, 1); -ms-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); } .input_radio { height: 4rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; padding: 0; } .input_radio div { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .input_radio input { width: 100%; height: 4rem; opacity: 0; } .input_radio label { position: absolute; top: 0; left: 0; width: 100%; height: 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; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; pointer-events: none; border-right: 1px solid #b6b6b6; } .input_radio div:last-child label { border-right: 0; } .input_radio input:checked + label { /* background color in thema */ font-weight: 500; color: #fff; } .input_checkbox input[type="checkbox"] { appearance: none; width: 0; height: 0; opacity: 0; position: absolute;top:0;left:0;z-index: 2; } /* End-Checkbox & Radio */ /* Number */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance:textfield; } /* End-Number */ .signature-pad canvas { width: 100%; height: 20rem; background: white; border-radius: 0.4rem; } /* End-Inputs */ /* Pane */ pane { display: block; background: #eee; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1; } pane[data-pane="main"]{ position: relative; } pane[data-pane="editpane"]{ z-index: 2; } pane.editpane_float[data-pane="editpane"]{ z-index: 20; } .editpane_float { left: auto; right: 0; max-width: 60rem; } @media(min-width:37.5em){ .editpane_float:before { content: ''; position: absolute; top: 0; right: 100%; width: 100vw; height: 100vh; background: rgba(0,0,0,0.5); } } pane.show-batch { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Toolbar */ toolbar { display: block; width: 100%; position: absolute; top: 0; left: 0; height: 5.6rem; line-height: 5.6rem; box-shadow: 0 0.2rem 0.4rem rgba(0,0,0,0.34); color: #fafafa; z-index: 10; } toolbar.toolbar-inline { position: relative; background: transparent !important; box-shadow: none; color: #212121; } .toolbar-hidden:not(.show-nav) toolbar:not(.toolbar-inline) { opacity: 0; -webkit-transform: translate3d(0,-100%,0); -ms-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } nav, main { padding-top: 5.6rem; } .toolbar-hidden:not(.show-nav) nav { padding-top: 0; } toolbar title { display: block; float: left; } toolbar actions { display: block; float: right; } pane:not(.editpane_float) toolbar title.has-noleft { margin-left: 17.5rem; } /* NOTE responsive menu */ .toolbar-left { float: left; width: 17.5rem; height: 100%; } /* NOTE responsive menu */ .editpane_float .toolbar-left { display: none; } .toolbar-logo { position: relative; z-index: 3; cursor: pointer; } .toolbar-logo:hover { opacity: 0.7; } .toolbar-left svg { height: 100%; padding: 0.8rem 0; } .toolbar-left svg.p5 { fill: #fafafa; } .toolbar-left svg.p5 .logo2 { fill: #e74c3c; } toolbar .button-menu { position: absolute; top: 0; left: -1.6rem; font-size: 2.4rem; display: none; } toolbar .button_clear:not(.button_overflow), toolbar .button_icon { color: inherit; } toolbar .button:not(.button_icon) { margin-left: 0.4rem; } toolbar .button_small:not(.button_overflow) { margin-top: 1.2rem; margin-bottom: 1.2rem; } searchbar, batchbar { -webkit-animation: 0.5s fadeInDown; animation: 0.5s fadeInDown; display: none; color: #757575; } searchbar, searchbar input, batchbar { position: absolute; z-index: 5; left: 0; right: 0; top: 0; bottom: 0; width: 100%; background: white; } toolbar.show-search searchbar, pane.show-batch batchbar { display: block; } searchbar input { border: 0; padding-left: 22.4rem; line-height: 5.1rem; } searchbar .micon { position: absolute; left: 19.1rem; font-size: 2.4rem; top: 0; z-index: 6; } searchbar .button_icon { color: inherit !important; z-index: 6; right: 1.6rem; } /* Navbar */ nav { /* NOTE responsive menu */ width: 17.5rem; display: block; height: 100%; overflow-x: hidden; overflow-y: auto; float: right; border-right: 0.1rem solid #e0e0e0; position: relative; z-index: 2; } .editpane_float nav { display: none; } .nav { list-style: none; padding-top: 2.3rem; line-height: 4rem; } .nav li { position: relative; } .nav li ul { display: none; padding-left: 0.8rem; list-style: none; } .nav input:checked ~ ul, .faq_answers input:checked + .faq_answer { display: block; } .nav a, .nav label { display: block; cursor: pointer; } .nav li:hover > a, .nav li:hover > label, .nav .hassub input:checked ~ label, .nav li.current > a { font-weight: 500; } .nav fieldset label { text-transform: capitalize; } .nav li.hassub:after, .nav li.supportlink:after { font-family: 'Material Icons'; font-weight: 400; content: 'more_horiz'; color: #989898; pointer-events: none; position: absolute; right: 0; top: 0; } .nav li.supportlink:after { content: 'help'; } .nav li.has-divider { margin-top: 1.6rem; } .nav li.nav-user { margin-bottom: 1.6rem; line-height: 2.4rem; cursor: pointer; } .nav li.has-divider:before, .nav li.nav-user:before { content: ''; height: 0.1rem; position: absolute; left: -1.6rem; right: 0; top: -0.8rem; background: #e0e0e0; } .nav li.nav-user:before { bottom: -1rem; top:auto; } /* Main content */ main { /* NOTE responsive menu */ width: calc(100% - 17.5rem); display: block; height: 100%; float: right; overflow-x: hidden; overflow-y: auto; position: relative; z-index: 1; padding-bottom: 3rem; } main.no-nav, .editpane_float main { width: 100%; float: none; } @media(max-width:51em){ pane:not(.show-nav) nav { -webkit-transform: translate3d(-100%,0,0); -ms-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } nav { position: absolute; top: 0; left: 0; bottom: 0; background: #eee; width: 80%; max-width: 25rem; float: none; } toolbar .button-menu { display: block; } main { width: 100%; float: none; } main:before { content: ''; position: fixed; top: 0; left: 0; width: 100vw; height: 100%; background: rgba(0,0,0,0.5); visibility: hidden; opacity: 0; transition: opacity 350ms ease; z-index: 100; } .show-nav main { overflow: hidden; } .show-nav main:before { visibility: visible; opacity: 1; } .toolbar-left { width: auto; padding-right: 2.5rem; } searchbar input { padding-left: 5.4rem; } searchbar .micon { left: 1.6rem; } } /* Articles Layout */ /* Top */ .button-view_grid, .button-view_list, .button-view_table { display: none; } .at-list .button-view_grid, .at-grid .button-view_table, .at-table .button-view_list { display: inline-block; } body:not(.web_offerte) .has-changed .action_save:after, .nav .timer_active:after { content: ''; width: 0.6rem; height: 0.6rem; position: absolute; right: 0; top: 0; background: #e74c3c; border-radius: 50%; } .nav .timer_active:after { top: 50%; margin-top: -0.3rem; } /* End-Top */ /* Tabs */ .tabs { display: block; position: relative; color: #6B6A6A; border-bottom: 0.1rem solid #e0e0e0; margin-bottom: 1rem; font-size: 0; width: 100%; } .editpane-tabs.tabs { float: left; border: 0; margin: 0;} .tabs .tab { cursor: pointer; display: inline-block; padding: 0.3rem 0.5rem; border-bottom: 0.2rem solid transparent; margin-right: 0.3rem; margin-bottom: -0.1rem; font-size: 1.4rem; } .tabs .tab h4 { margin: -0.3rem 2rem 0 0; } .editpane-tabs.tabs .tab { padding: 0.8rem 0.5rem 1rem; margin-bottom: -0.6rem; } .tabs .tab_active, .desktop .tabs .tab:hover { color: #212121; } .tabs .tab_active { cursor: default; } /* Border-color in theme */ .tabs-cont > div:not(.tab_active) { display: none; } .home-margin { margin-bottom: 1.4rem; } .home-taken h3 { display: none; } .home-stats { margin-top: 2rem; margin-bottom: 4rem; } /* End-Tabs */ /* Filters */ .article-filters { padding-bottom: 0.8rem; box-shadow: 0 0.1rem 0.4rem rgba(0,0,0,0.15); background: white; } .editpane-header { padding-bottom: 0.8rem; border-bottom: 0.1rem solid #e0e0e0; } .eh-time { border-radius: 0.5rem; width: 5rem; height: 1rem; border: 0.1rem solid #e0e0e0; display: inline-block; margin: 0 0.3rem 0 1rem; overflow: hidden; } .eh-time span { display: block; height: 100%; width: 0; } .editpane-header .dropdown-parent > .micon { cursor: pointer; } .editpane-header .dropdown-parent > .micon:hover { color: #212121; } .eh-warning { padding-top: 0.5rem; padding-bottom: 0.5rem; display: none; } .is-locked .eh-warning { display: block; } /* End Filters */ /* Article */ /* Articles container */ .at-list .insertArticles { max-width: 120rem; } .insertArticles article { width: 100%; } .at-list article > h4 { white-space: normal; } .at-table h4 { display: none; } .show-art-table { display: none; } .at-table .show-art-table { display: inline-block; } /* Article */ article, card { margin-bottom: 0.1rem; position: relative; z-index: 1; overflow: hidden; border-radius: 0.2rem; background: white; line-height: 1.3; } #login card { background: rgba(255,255,255,0.9); } .br8 { border-radius: 0.8rem; } .card_header { background: transparent; display: none; } .at-table .card_header { display: block; width: 100%; max-width: 100%; } .card-account, .support-guides card { line-height: 1.714; } article, card { padding: 1rem 1.5rem 0.8rem 1rem; } article[onclick], card[onclick], a card { cursor: pointer; transition: all 0.35s ease; } article[onclick]:hover, card[onclick]:hover, a card:hover, tooltip { box-shadow: 0 0 0.9rem rgba(0,0,0,0.2); z-index: 3; } .ui-sortable-helper { transition: none !important; } card.inline { display: inline-block; vertical-align: top; } card.card_bottomicon { line-height: 1.4; } card.card_bottomicon > .micon { position: absolute; right: 1rem; bottom: 0.2rem; font-size: 2.4rem; } card.card_bottomicon .color_secondary { padding-right: 2rem; } /* States */ article.article_selected:after, card.article_selected:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 0.1rem solid #E74C3C; border-radius: 0.2rem; background: rgba(231, 76, 60,0.1); } article.selected:before, card.selected:before { content:''; position: absolute; top: 0; left: 0; bottom: 0; width: 0.2rem; background: #E74C3C; } .bg_lightgray { background: #f5f5f5; } /* Details */ aside > span { float: left; border-right: 0.1rem solid #eee; padding-right: 0.8rem; margin-right: 0.5rem; } aside > span:last-child, aside > span.float-right { border-right: 0; padding-right: 0; margin-right: 0; } .at-list .list-hidden, .list-show { display: none; } .at-list .list-show { display: block; } .art-color { width: 0.8rem !important; height: 0.8rem; border-radius: 50%; position: absolute; bottom: 1rem; right: 1rem; } .editpane-header .art-color { position: relative; bottom: auto; right: auto; display: inline-block; } .at-grid aside > span:first-child { display: none; } .at-table aside { overflow: visible; white-space: nowrap; } .at-table aside > span:not(.art-icon) { width: 20rem; display: inline-block; float: none; overflow: hidden; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; } .at-table aside > span:first-child { width: 30rem; } .client_verdam .at-table aside > span:first-child { width: 48rem; } .at-table aside > span.w25 { width: 5rem; } .at-table aside > span.w50 { width: 10rem; } .at-table aside > span.w75 { width: 15rem; } .at-table aside > span.w100 { width: 20rem; } .at-table aside > span.w150 { width: 30rem; } .at-table aside > span.w200 { width: 40rem; } .article-actions { padding: 0.2rem 0.8rem; margin: 0.9rem -1.5rem -0.8rem -1rem; } card .reset__padding { margin-left: -1rem; margin-right: -1.5rem; margin-bottom: -0.8rem; padding-left: 1rem; padding-right: 1.5rem; } /* Img */ .article-img { display: block; height: 19rem; width: auto; margin: -1rem -1.5rem 1rem; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; position: relative; overflow: hidden; } .article-img[data-bg$='.png'],.article-img[data-bg$='.svg']{ background-color: #f5f5f5; } .article-img[data-bg$='.svg']{ background-size: auto 59%; } .at-list article .article-img, .article_smallimg .article-img { float: left; width: 10rem; height: 8rem; margin: -1rem 1rem -1rem -1.5rem; } .card-home .article-img { background-color: transparent; height: 0; padding-bottom: 39%; margin-bottom: -0.8rem; margin-top: 0; } .at-table .article-img { display: none; } .es-imgs .article-img { max-height: 14rem; } .article-img:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: inherit; z-index: -1; } .card-home-img:before { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARAAAABDBAMAAACmSUfLAAAAElBMVEURMUUAAAARMUURMUURMUURMUUMgo06AAAABnRSTlMaABUNBxGGBaSnAAABN0lEQVRo3u3Y4W3CMBCG4U+mHsAiAwRDBiCJB7CcAUiA/Vdppao9URGcOL7iH/dM8HI+nCgwfw2hc3dr8U3Z5t71g2H3EFIFZ/Fcc2WOoZAqTHhJXb3hQiGhxQJHnhQKCRcQrpR4yP6C5VRvSN6QFuscDQfsa6ylOY4HX4ooQRLlCwmB9oWEYFdKCE6lhOBcSojyhYRsWJPgJmub3mcKwWhSVO53prdICOfhVO3MLYAtPsxabva3gPD/c0I9P1VsolNPhegsITikjoPsKORf9rWN3NEgnPv68q3HUwj3vrr4zQjCta/xd+IxRwhOqdtBVJYQnFO3gxyyhCgfvzviI0EGOv58i48EOez884waSymDLLRPmwYZkcntsaKb1g4VuaifDyhD52q8m4IQQgghhBBCCCGESPQJmYKg0nABjSMAAAAASUVORK5CYII='); background-position: bottom left; background-size: 100% auto; background-repeat: no-repeat; } .article-img:not(.card-home-img):before { -webkit-filter: blur(0.3rem); filter: blur(0.3rem); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); opacity: 0.3; background: #ccc no-repeat 50% 50% / cover; background-image: inherit; } .lazyload, .lazyloading, .overlay-img.hide { opacity: 0; } .lazyloaded, .overlay-img { opacity: 1; transition: opacity 300ms; } /* Tooltip */ article > tooltip, card > tooltip { position: absolute; top: 95%; left: 20%; right: 0; background: white; border-radius: 0.4rem; z-index: 15; display: none; padding: 0.8rem 1rem; overflow: hidden; } article:hover > tooltip, card:hover > tooltip { display: block; } /* End-Article */ /* Empty state */ .articles-empty { display: block; width: 80%; max-width: 40rem; margin: 2rem auto; line-height: 2.4rem; text-align: center; } .es-empty { width: 95%; max-width: 80rem; margin: 0; text-align: left; } .es-empty svg { width: 12rem; height: 10rem; float: left; } .es-clear svg { width: 12rem; height: 10rem; margin-bottom: 2rem;} .articles-empty:not(.hide) .state-empty_star, .state-sleep_z { -webkit-animation: floating 1.5s infinite; animation: floating 1.5s infinite; } .articles-empty .state-empty_star2 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .articles-empty .state-empty_star3 { -webkit-animation-delay: 1s; animation-delay: 1s; } .state_ellipse, .state-empty_star, .state-empty_text, .state-sleep_z3 { fill: #9ba8b1; } .state_ellipse { opacity: 0.2; } .state-empty_star, .state-empty_face, .state-sleep_z { fill-rule: evenodd; } .state_head { fill: #eee; stroke: #9ba8b1; stroke-width: 3px; } .state-empty_face, .ctype-svg { fill: #113145; } .state-sleep_eyecover { fill: #eee; } .state-sleep_eye { fill: none; stroke: #113145; stroke-width: 3px; } .state-sleep_z2 { fill: #a5b4bc; } .state-sleep_z1 { fill: #b9c4c9; } .state-offline { width: 14rem; height: 9.5rem; position: fixed; z-index: 100; bottom: 6rem; left: 2rem; -webkit-transform: translate(0,200%); -ms-transform: translate(0,200%); transform: translate(0,200%); } .is-offline .state-offline { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } .state-offline svg { width: 100%; height: auto; } /* End-Empty state */ .articles-loadmore { display: block; margin: 2rem auto 0; } /* End-Articles Layout */ /* Editpane */ /* Nav */ .contentType { float: left; width: 29%; margin: 0.4rem 4% 0 0; max-width: 4.2rem; cursor: pointer; } .contentType:hover { opacity: 0.7; } /* Selected state = themable. */ .edit-segment { margin-bottom: 3rem; padding-bottom: 3rem; border-bottom: 0.1rem solid #e0e0e0; clear: both; position: relative; } .embedded-segment { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .es-text .has-columns, .list_categories { display: flex; flex-flow: row wrap; align-items: flex-start; } .es-text .has-columns > fieldset { flex: 0 1 45rem; margin-left: 0.8rem; margin-right: 0.8rem; } .list_categories { justify-content: flex-start; align-items: stretch; } .list_categories > div { flex: 0 0 45rem; margin: 0 1.6rem 2.4rem 0; } .is-locked:not([data-tabel="5x_projecten"]) .edit-segment[data-segment="text"] fieldset, .is-locked .edit-segment[data-segment-tabel="5x_projectregels"] .regel-innercont { pointer-events: none; opacity: 0.7; } .clientCreator { padding-left: 2rem; } .clientCreator .row { margin: 0; } .es-third, .es-twothird { clear: none; } /* Multilang */ .multilang { margin: 0 0 2rem 0; display: block; } a.multilang_tab { margin: 0; } a.multilang_tab img { width: 1.8rem; } /* End Multilang */ /* Taken */ .taskContainer { padding-left: 3.6rem; } .taskContainer.has-timer { padding-right: 4rem; } .taskContainer .input_checkbox { width: 2.8rem; position: absolute; left: 0.6rem; top: 50%; margin-top: -1rem; min-height: 2.4rem; } .taskTimer { position: absolute !important; right: 0.5rem; top: 50%; margin-top: -1.2rem; cursor: pointer; color: #fff; padding: 0 0.308em; border-radius: 0.3rem; font-size: 1.8rem; } .task-projectheader { display: block; padding: 0.5rem 0; cursor: pointer; } .task-projectheader .micon { float: right; color: #757575; font-weight: normal; } .task-projectheader:hover .micon { color: #212121; } .timer_totals { margin-top: 0.4rem; } /* End-Taken */ /* Regelhandler */ .regel-cont { display: block; margin-top: 0.5rem; margin-bottom: 0.5rem; overflow-x: auto; position: relative; } .regel-innercont { min-width: 100%; display: block; position: relative; z-index: 9; } .regel-row { display: block; white-space: nowrap; font-size: 0; position: relative; border-bottom: 0.1rem solid #e0e0e0; } .regel-row:not(.regel-header){ background: #fff; } .regel-empty:after, .regel-search:after, .regel-totaal:after, .regel-subheading:after { content: ''; pointer-events: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.05); z-index: 10; display: block; } .regel-subheading .regel-col:not([data-subheading]):not([data-fieldname=naam]), .regel-row:not(.regel-subheading) .regel-col[data-subheading]:not([data-fieldname=naam]){ opacity: 0; pointer-events: none; } .regel-search { display: none; } .regel-show-search:checked ~ .regel-cont .regel-search { display: block; } .regel-search-trigger { cursor: pointer; } .embedded-segment .regel-search-trigger { display: none; } .regel-totaal { border-top: 0.2rem solid #113145; } .has-status.regel-row:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 0.2rem; background: currentColor; z-index: 5; display: block; } .regel-header { border-top: 0.1rem solid #e0e0e0; } .regel-header-button { position: absolute; right: 0; top: 0; } .regel-header .regel-col { padding: 0.8rem 1rem; } .regel-header .regel-col span { position: absolute; right: 0.8rem; bottom: 1.1rem; } .regel-header .regel-col:nth-child(odd){ background: rgba(255,255,255,0.08); } .regel-col { display: inline-block; width: 25rem; font-size: 1.5rem; position: relative; vertical-align: top; } .regel-col.rc_200 { width: 50rem; } .regel-col.rc_150 { width: 37.5rem; } .regel-col.rc_75 { width: 18.75rem; } .regel-col.rc_50 { width: 12.5rem; } .regel-col.rc_40 { width: 10rem; } .regel-col.rc_square { width: 4rem; } .regel-col label { display: none; } .regel-col .input-text, .regel-col .input-select, .regel-col .select2-selection.select2-selection--single, .regel-col .select2-selection.select2-selection--multiple { margin-bottom: 0; border-radius: 0; border-width: 0 0.1rem 0 0; } .regel-row input[type="color"] { height: 4.2rem; } .regel-totaal input, .regel-totaal select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .regel-actions { position: absolute; top: 0; height: 100%; right: 0; z-index: 10; background: white; border-left: 0.2rem solid #113145; padding-left: 0.5rem; } .regel-actions .button_clear { font-size: 1.6rem; line-height: 3.8rem; } .regel-actions button { line-height: 3.2rem !important; } .regel-empty .button_delete { display: none; } /* Maloney specifics */ .ml_regel-day { width: 100%; height: 4rem; border-right: 0.1rem solid #e0e0e0; cursor: pointer; } .ml_regel-day[rel=geboekt] { background-color: #e41d22; } .ml_regel-day[rel=transport] { background-color: #9575CD; } .ml_regel-day[rel=test] { background-color: #ffcc00; } .regel-header .regel-col[name^=ml_datum]{ padding-left: 0.2rem; } /* End Maloney Specifics */ /* End-Regelhandler */ /* Inschrijvingen */ .es-inschrijvingen .article-actions select { display: inline-block; width: 8rem; text-transform: none; color: #212121 !important; } /* End-inschrijvingen */ /* Projectfacturen */ #projectfacturenaddpartial:checked ~ .projectfacturen_main, #projectfacturenaddpartial:not(:checked) ~ .projectfacturen_partial { display: none; } /* End-Projectfacturen */ .cancelPlus { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* End-Editpane */ /* Timer */ #timer_manualinput:not(:checked) ~ .show-manualinput, #timer_manualinput:checked ~ .hide-manualinput, .timer_running .hide-timerrunning, body:not(.timer_running) .show-timerrunning { display: none; } .timer-card { padding-top: 2rem; padding-bottom: 2rem; margin-top: 1.2rem; z-index: 3;} .timer-count-card { padding-top: 5rem; margin-top: -4.2rem; z-index: 1; } body:not(.timer_running) .timer-count-card { -webkit-transform: translate(0,-100%); transform: translate(0,-100%); } /* Web panel */ .timer_userlist { text-align: center; max-width: 90%; margin: 10rem auto; } .timer_user { display: inline-block; width: 13rem; margin: 2rem 1.5rem 0; color: #212121; } .timer_user.article_selected .timer_user-img { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0.5; } .timer_user-img, .timer_user.article_selected:after { height: 0; padding-bottom: 100%; border-radius: 50%; background-size: cover; margin-bottom: 1rem; color: #fff; line-height: 13rem; font-size: 9rem; position: relative; } .timer_user-img:after, .timer_user-img:before, .timer_user.article_selected:after, .state-loading div:before,.state-loading div:after { content: ''; position: absolute; top: -0.1rem; left: -0.1rem; right: -0.1rem; bottom: -0.1rem; border-radius: 50%; opacity: 0; } .timer_user.article_selected:after { content: 'check'; opacity: 1; color: currentColor; } .timer_user-img:after, .state-loading div:after { border: 1rem solid #eee; transition: all 0.5s ease; z-index: 4; } .timer_user-img:before, .state-loading div:before { border: 0.4rem solid transparent; border-top-color: #fe5858; z-index: 5; } .timer_active .timer_user-img:after, .state-loading div:before, .timer_userlist input[type="radio"]:checked + label .timer_user-img:after { opacity: 1; } .timer_active .timer_user-img:before, .timer_running .timer-count-card .timer_user-img:before, .state-loading div:before, .timer_userlist input[type="radio"]:checked + label .timer_user-img:before { -webkit-animation: 1.5s rotate linear infinite; animation: 1.5s rotate linear infinite; opacity: 1; } .timer_user:hover .timer_user-img:after { opacity: 0.7; } .timer-count-card .timer_user-img { width: 1.6rem; height: 1.6rem; padding: 0; margin: 0 0.8rem 0 0; float: left; } .timer-count-card .timer_user-img:before { border-width: 0.2rem; } /* End-Timer */ /* Timer-category */ .web_timer_category input[type="radio"] { position: absolute; top: 0; left: 0; opacity: 0; } .web_timer_category input[type="radio"]:checked + label card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 0.1rem solid #E74C3C; border-radius: 0.2rem; background: rgba(231, 76, 60,0.1); } .web_timer_category h4, .web_timer_category section > ul, .timer__form { padding-left: 5vw !important; margin-top: 1rem; } .web_timer_category ul { list-style: none; } .web_timer_category li { display: inline-block; vertical-align: top; } .web_timer_category section { margin-top: 4rem; position: relative; } .web_timer_category section:nth-of-type(1) { margin-top: 8rem; } .web_timer_category .timer_userlist, .timer__list--projects, .timer__list--projects ul, .timer__list--categories { display: block; width: 100%; max-width: none; overflow-x: auto; white-space: nowrap; padding: 0 5rem 2rem 0; text-align: left; margin: 0; position: relative; } .web_timer_category .timer_userlist li { text-align: center; position: relative; } .timer__list--projects { white-space: normal; padding: 0 } .timer__list--projects ul { padding-bottom: 0; } .timer__list--projects li, .timer__list--categories li { padding: 0 0.6rem 0.6rem 0; font-size: 1.8rem; cursor: pointer; position: relative; } .timer__list--projects > li { padding-bottom: 0; } .timer__form fieldset { display: inline-block; width: 25rem; margin-right: 1.2rem; } @media(max-width:700px) { .timer_user { width: 9rem; margin-left: 0.5rem; margin-right: 0.5rem; white-space: normal; } .timer_user-img { font-size: 7rem; line-height: 9rem; } .web_timer_category section > ul, .timer__form { padding-left: 1rem !important; } .timer__option card { padding: 0.6rem 0.8rem; } .timer__list--projects li, .timer__list--categories li { padding: 0 0.2rem 0.4rem 0; font-size: 1.6rem; } } /* End-Timer_category */ /* Werkstatistieken */ .stats__bar { height: 1.2rem; display: flex; width: 100%; background: #eee; margin-top: 0.6rem; border-radius: 0.4rem; overflow: hidden; } .stats__bar > div { height: 100%; display: block; width: 0; background: #E74C3C; border-radius: 0.4rem; flex: 0 0 auto; } .stats__bar > div:nth-child(2) { background: #113145; border-top-left-radius: 0; border-bottom-left-radius: 0; } .stats__bar > div:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .stats__list { padding-top: 0.8rem; padding-bottom: 1.2rem; line-height: 2.6rem; margin-top: 1rem; } input.show_stats_list { position: absolute; opacity: 0; top: 0; left: 0; } input.show_stats_list + label:hover { cursor: pointer; } input.show_stats_list:not(:checked) ~ .stats__list { display: none; } .werkstatistieken-content { padding-left: 10px; } .timer__stats { list-style: none; display: flex; flex-wrap: wrap; padding: 8rem 2rem 2rem 2rem; font-size: 110%; } .timer__stats__buttons { padding: 8rem 2rem 1rem; } .timer__stats__buttons + .timer__stats { padding-top: 0; } .timer__stats > li { flex: 1 0 23%; max-width: 50rem; margin: 0 1.6rem 1.6rem 0; } .timer__stats li card { padding-top: 0; } .timer__stat__progress { margin-top: 0.6rem; } .timer__stat__content { margin-top: 1.2rem; margin-bottom: 0.8rem; } .timer__stat__client { display: flex; justify-content: space-between; } .timer__stat__client div:last-child { flex-shrink: 0; padding-left: 0.8rem; } .timer__stats__lines { list-style: none; margin: 0; padding: 0; } .timer__stats__lines li { display: block; padding: 0.4rem 1.5rem 0.8rem 1rem; position: relative; } .timer__stats__progress { position: absolute; height: 0.4rem; left: 0; right: 0; bottom: 0; } .timer__stats__progress div { height: 100%; display: block; width: 0; background: #E74C3C; } .timer__stat .reset__padding { padding-left: 0; padding-right: 0; } .timer__stats__lines li.can-be-opened:not(.opened) ul { display: none; } .timer__stats__lines li.can-be-opened { cursor: pointer; } .timer__project .icon__hide, .timer__project .icon__hidden { cursor: pointer; } .timer__project .icon__hide:hover, .timer__project .icon__hidden:hover { opacity: 0.7; } .timer__stats:not(.show__tp__hidden) .timer__project.tp__ishidden, .tp__ishidden .icon__hide, .timer__project:not(.tp__ishidden) .icon__hidden { display: none; } /* End-Werkstatistieken */ /* Instellingen -> Categorieen */ .catSorteer, .catSorteer ol { list-style-type: none; margin-left: 1.5rem; } .catSorteer { margin: 0; clear: both;} .catSorteer card { padding: 0; } .cat-actions { position: absolute; right: 0; top: 0; } .catSorteer li input { width: 100%; padding: 0.9rem 7rem 0.9rem 1.1rem; border: 0; } .catSorteer .ui-sortable-helper div, .mjs-nestedSortable-error { background: #e63b30; } .catSorteer .button.catMover { cursor: move; } /* End-Instellingen -> Categorieen */ /* Instellingen -> Account */ .card-account, .card-account .account-administrator { padding: 2rem; } .card-account hr { border: 0; border-bottom: 0.1rem solid #e0e0e0; margin: 1.5rem 0; width: 80%; } .card-account .account-administrator { background: white; margin: 2rem -2rem; } .card-account.bg_dark a { color: #cf352b; } /* End-Instellingen -> Account */ /* Dropdown */ .dropdown-parent { position: relative; } .dropdown { display: none; position: absolute; top: 110%; right: 0; z-index: 100; padding: 0; line-height: 1.4; font-size: 1.4rem; -webkit-animation: 0.5s fadeInDown; animation: 0.5s fadeInDown; box-shadow: 0 0.4rem 1.2rem rgba(0,0,0,0.175); background: white; padding: 0.5rem 0.4rem 0.5rem 0.8rem; max-width: 15rem; } .dropdown-right .dropdown { right: auto; left: 0; } .dropdown.opened { display: block; } .dropdown > * { display: block !important; padding: 0.6rem 1.3rem; white-space: nowrap; clear: both; text-align: right !important; } .dropdown > .button { float: right; } /* End-Dropdown */ /* File uploader */ #upload-file { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fafafa; z-index: 105; transition: background-color .15s linear; -webkit-animation: 0.5s fadeInDown; animation: 0.5s fadeInDown; } #upload-file:after { z-index: 0; content: ''; position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; outline: 2px dashed #92b0b3; outline-offset: -10px; transition: outline-offset .15s ease-in-out; } #upload-file:before { content: attr(data-copyright); text-align: center; position: absolute; bottom: 4rem; left: 0; right: 0; top: auto; color: #757575; } #upload-file.uf-dragover { background-color: #d0f0f9; } #upload-file.uf-dragover:after { outline-offset: -20px; outline-color: #c8dadf; } #upload-file-input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .uf-content { position: absolute; z-index: 5; display: block; top: 0; left: 0; width: 100%; height: 100%; padding: 2.4rem; line-height: 3.2rem; text-align: center; } #upload-file.uf-uploading .uf-content { display: none; } .uf-content .uf-line1 { display: block; font-size: 35px; color: #212121; transition: color .15s ease-in-out; } .uf-label { display: block; position: absolute; left: 0; top: 45%; width: 100%; margin: 0 auto; cursor: pointer; padding: 0 10px; overflow: hidden; outline: none; color: #595959; font-size: 18px; transition: color .15s ease-in-out; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); } .uf-close { position: absolute; z-index: 8; padding: 20px; font-size: 24px; color: #B0B0B0; cursor: pointer; top: 20px; right: 20px; } .uf-label:hover, .uf-label:hover .uf-line1, .uf-close:hover { color: #e74c3c; } .uf-bg { display: block; position: absolute; width: 50%; top: 50%; left: 25%; height: 150px; z-index: 1; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); transition: all 1s ease; } .uf-bg .micon { color: #e7e7e7; position: absolute; transition: all 1s ease; } .uf-bg1 { font-size: 54px; top: 84px; left: 28px; -webkit-transform: rotate(-13deg); transform: rotate(-13deg); } .uf-bg2 { font-size: 82px; top: -19px; left: 12px; -webkit-transform: rotate(-37deg); transform: rotate(-37deg);} .uf-bg3 { font-size: 40px; top: -27px; left: 145px; } .uf-bg4 { font-size: 70px; top: -4px; right: 48px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .uf-bg5 { font-size: 40px; top: 56px; right: 1px; -webkit-transform: rotate(-15deg); transform: rotate(-15deg);} .uf-bg6 { font-size: 38px; top: 98px; right: 49px; -webkit-transform: rotate(18deg); transform: rotate(18deg); } .uf-dragover .uf-bg { -webkit-transform: scale(1.1) translate(0px, -50%); transform: scale(1.1) translate(0px, -50%); } .uf-dragover .uf-bg .micon { color: white; } .uf-progress { position: absolute; top: 49%; left: 0; right: 0; margin: 0 auto; width: 80%; max-width: 350px; height: 15px; border-radius: 5px; border: 1px solid #ccc; z-index: 5; overflow: hidden; display: none; } #upload-file.uf-uploading .uf-progress { display: block; } .uf-progress div { transition: all 1s ease; width: 0; height: 100%; display: block; } @media (max-width: 750px){ .uf-content .uf-line1 { font-size: 26px; } #upload-file:after { top: 10px; right: 10px; bottom: 10px; left: 10px; } .uf-bg { width: 90%; left: 5%; } } /* End-Fileuploader */ /* Imgcrop & Videosearch */ .imgCrop, .videoSearch { position: fixed; top: 0; left: 0; display: none; width: 100%; z-index: 51; text-align: center; box-shadow: 0 0.2rem 0.4rem rgba(0,0,0,0.34); max-height: 100%; overflow: auto; background: #eee; } .imgCrop { background: #fff; overflow: hidden; } #cropContainer { width: 95%; margin: 4rem auto 0; height: 50rem; position: relative; } .cropImg, .dragImg { display: block; cursor: move; position: absolute; top: 0; left: 0; z-index: 2; } .dragImg { z-index: 10; opacity: 0; } .cropArea { display: block; position: absolute; top: 50%; left: 50%; width: 25rem; height: 20rem; border: 0.1rem solid #eee; z-index: 4; box-shadow: 0 0.2rem 0.4rem rgba(0,0,0,0.34); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .cropArea:before, .cropArea:after { content: ''; position: absolute; width: 75vw; height: 200vh; top: -50vh; left: 100%; background: rgba(235,235,235,0.7); } .cropArea:after { left: auto; right: 100%; } .cropOverlay { background: rgba(235,235,235,0.7); position: absolute; width: 100%; height: 60vh; left: 50%; top: 100%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .cropOverlay.bottomOverlay { top: auto; bottom: 100%; } .zoombar { position: absolute; z-index: 5; top: 7rem; bottom: 1rem; right: 2.5rem; text-align: right; width: 3rem; } .input-range_vertical { -webkit-appearance: none; height: 1rem; width: 29rem; border-radius: 0.4rem; background: #ccc; outline: none; padding: 0; -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); display: block; margin: 0 0 0 1.8rem; } .input-range_vertical::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 2rem; height: 2rem; border-radius: 50%; background: #2c3e50; cursor: pointer; transition: background .15s ease-in-out; } .input-range_vertical::-webkit-slider-thumb:hover { background: #1abc9c; } .input-range_vertical:active::-webkit-slider-thumb { background: #1abc9c; } .input-range_vertical::-moz-range-thumb { width: 2rem; height: 2rem; border: 0; border-radius: 50%; background: #2c3e50; cursor: pointer; transition: background .15s ease-in-out; } .input-range_vertical::-moz-range-thumb:hover { background: #1abc9c; } .input-range_vertical:active::-moz-range-thumb { background: #1abc9c; } .cropIcon_min { position: absolute; bottom: 0; right: 0; } .videoSearch { text-align: left; height: 100vh; box-shadow: none; } .videoSearchResults { padding: 1.6rem; } .embedPreview { margin: 4rem auto 2rem; } /* End-Imgcrop & Videosearch */ /* Agenda */ .agenda-base { border-bottom: 0.1rem solid #e0e0e0; } .agenda-container { display: block; position: relative; border-top: 0.1rem solid #e0e0e0; } .agenda-base:not(.agenda_7) .at-action_maand, .agenda_7 .at-action_week { display: none; } .agenda-row { display: block; width: 100%; height: 4.4rem; } .agenda-row[data-maxitems="2"]{ height: 6.6rem; } .agenda-row[data-maxitems="3"]{ height: 9.8rem; } .agenda-row[data-maxitems="4"]{ height: 13rem; } .agenda-row[data-maxitems="5"]{ height: 16.2rem; } .agenda-row[data-maxitems="6"]{ height: 19.4rem; } .agenda-row[data-maxitems="7"]{ height: 22.6rem; } .agenda-row[data-maxitems="8"]{ height: 25.8rem; } .agenda-row[data-maxitems="9"]{ height: 29rem; } .agenda-row[data-maxitems="10"]{ height: 32.3rem; } .agenda-itemlist .agenda-row { border-color: #eee; } .agenda-itemlist .agenda-row:first-child, .agenda-dateslist .agenda-row:first-child, .agenda-scrollable-row { line-height: 1; height: 4.2rem; } .agenda-itemlist { width: 19rem; float: left; border-right: 0.1rem solid #e0e0e0; transition: width 1s ease; } .agenda-itemlist h4 { color: #212121; } .agenda-itemlist .agenda-row { padding: 0.3rem 0.7rem; line-height: 1; } .agenda-itemlist .agenda-row:nth-child(2n+2), .agenda-dateslist .agenda-row:nth-child(2n+2) { background: #fff; } .agenda-itemlist .agenda-row:nth-child(2n+3), .agenda-dateslist .agenda-row:nth-child(2n+3){ background: #fafafa; } .agenda-dateslist { width: calc(100% - 19rem); display: block; font-size: 0; white-space: nowrap; overflow: auto; float: left; position: relative; transition: width 1s ease; } .agenda-dateslist .agenda-row { min-width: 95rem; } .agenda-day { border-right: 0.1rem solid #eee; display: inline-block; font-size: 1.6rem; overflow: hidden; height: 100%; transition: all 2s ease; min-width: 0; position: relative; } .agenda-day[onclick]{ cursor: pointer; } .agenda-dateslist .agenda-row:first-child .agenda-day, .agenda-scrollable-row .agenda-day { text-align: center; } .agenda_24 .agenda-day { width: calc(100% / 24); } .agenda_time.agenda_24 .agenda-day.agenda-half-hour { width: calc(100% / 48); } .agenda_28 .agenda-day { width: calc(100% / 28); } .agenda_29 .agenda-day { width: calc(100% / 29); } .agenda_30 .agenda-day { width: calc(100% / 30); } .agenda_31 .agenda-day { width: calc(100% / 31); } .agenda_7 .agenda-day { width: calc((100vw - 13.8rem) / 8); min-width: 16rem; } .agenda_time.agenda_7 .agenda-day.agenda-half-hour { width: calc((100vw - 13.8rem) / 16); min-width: 8rem; } .agenda_time .agenda-row:not(:first-child) .agenda-day:nth-child(2n+2) { border-right-color: #ccc; } .agenda_time .agenda-dateslist .agenda-row:first-child .agenda-day { text-align: right; } .agenda-item, a.agenda-item { background: white; position: relative; border-radius: 0.2rem; display: block; margin: 0.7rem 0.5rem 0; padding: 0.4rem 0.7rem; white-space: nowrap; border-left: 0.2rem solid #E74C3C; overflow: hidden; transition: all 2s ease; } .agenda-row:not([data-maxitems="1"]) .agenda-item { margin-top: 0.2rem; } .agenda-base:not(.agenda_7):not(.agenda_month) .agenda-item { margin-left: 0; border-left-width: 10rem; } .agenda-state-icon { display: block; text-align: center; line-height: 4rem; font-size: 1.8rem; color: #7e8082; } .agenda-scrollable-row { background: #eee; position: absolute; top: 0; left: 0; width: 100%; z-index: 100; } .agenda_month .agenda_month-hide { display: none; } .agenda_month .agenda-dateslist { width: 100%; white-space: normal; float: none; } .agenda_month .agenda-row, .agenda_month .agenda-row:first-child, .agenda_month .agenda-dateslist .agenda-row:nth-child(even) { height: auto; min-height: 3rem; } .agenda_month .agenda-row, .agenda_month .agenda-dateslist .agenda-row:nth-child(even) { background-color: #eee; } .agenda_month .agenda-day { width: 14.28%; min-width: 16rem; border-bottom: 0.1rem solid #ccc; border-right: 0.1rem solid #ccc; height: 15rem; padding: 1.9rem 0.2rem 0.5rem; overflow: auto; } .agenda_month .agenda-row:first-child .agenda-day { height: 3.5rem; line-height: 3.5rem; border: 0; padding: 0; } .agenda_month .agenda-day:after { content: attr(data-daynr); position: absolute; top: 0.1rem; right: 0.3rem; font-size: 1.4rem; color: #113145; pointer-events: none; } /* End-Agenda */ /* Agenda Columns */ .agenda_columns main { padding-bottom: 0; } #col_agenda { display: block; height: 100%; width: 100%; overflow: hidden; overflow-x: auto; padding: 1.2rem; } #ca_frame { white-space: nowrap; height: 100%; width: auto; font-size: 0; } #ca_frame > card { height: 100%; display: inline-block; font-size: 1.4rem; margin: 0 0.8rem 0 0; width: 30rem; padding: 0; overflow: hidden; overflow-y: auto; } .ca_header { padding: 1rem 1.5rem 0.8rem 1rem; border-bottom: 0.1rem solid #e0e0e0; margin-bottom: 0.4rem; } .ca_items article { padding-top: 0.6rem; padding-bottom: 0.4rem; overflow: visible; } /* End-Agenda Columns */ /* xMsg */ .xMsg, .offlineMsg { position: fixed; z-index: 111; bottom: 2rem; left: 2rem; border-radius: 0.4rem; max-width: 90%; color: #fff; padding: 0.5rem 1.5rem; opacity: 0; -webkit-transform: translate3d(0,200%,0); -ms-transform: translate3d(0,200%,0); transform: translate3d(0,200%,0); } .xMsg button:first-child { margin-left: 1rem; } .xMsg.show, .is-offline .offlineMsg { opacity: 1; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /* End-xMsg */ /* Support */ .faq_answers { max-width: 115rem; } .faq_answer { max-width: 60rem; display: none; } .support-guides { padding-top: 2.5rem; padding-bottom: 2.5rem; } /* End-Support */ /* Overlay */ #overlay, #overlayContainer { position: fixed; cursor: pointer; opacity: 0; visibility: hidden; } #overlay.ov-show, #overlayContainer.ov-show { opacity: 1; visibility: visible; } #overlay { z-index: 100; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.7); } #overlayContainer { z-index: 101; top: 50%; left: 50%; width: 80%; height: 90%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #overlayContainer.oc-size1 { max-width: 35rem; max-height: 40rem; background: #eee; padding-top: 2.4rem; padding-bottom: 2.4rem; } .overlay-img { position: fixed; z-index: 104; top: 0; bottom: 0; left: 0; right: 0; max-height: 100%; max-width: 100%; margin: auto; cursor: pointer; box-shadow: 0 0 1.5rem rgba(0,0,0,0.8); } .overlay-img[src*=".png"] { box-shadow: none; } /* End-Overlay */ /* Login-View */ #loginWindow { width: 100%; max-width: 35rem; position: absolute; top: 50%; right: 10%; z-index: 3; float: right; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .logo_box { position: absolute; left: -20vh; top: 1%; width: 100vh; } .logo_cont { width: 100%; height: 0; padding-bottom: 97%; } .logo_cont svg { top: 50%; left: 0; display: inline-block; fill: #212121; position: absolute; max-height: 80rem; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); } .logo_cont svg path.logo2 { fill: #E74C3C; } @media (orientation:portrait){ .logo_cont svg { top: 0; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } .logo_box { top: auto; bottom: 0; left: 50%; width: 30rem; margin-left: -15rem; overflow: hidden; height: 15rem;} #loginWindow { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); top: 0; right: 0; float: none; position: relative; margin: 5rem auto 0; } } .passwordReset, #login-passreset, #login-passreset:checked + form .normalLogin { display: none; } #login-passreset:checked + form .passwordReset { display: block; } /* End-Login-View */ /* 5X Tablelists */ .table, .table ul { list-style: none; clear: both; } .table { background: white; border-radius: 0.4rem; } .table ul { overflow: hidden;} .table > li { display: block; min-height: 4.8rem; padding: 0 1rem; border-bottom: 0.1rem solid #eee; transition: all 0.35s ease; } li.table-header { background: #ddd; min-height: 3.5rem; } li.table-header ul { min-height: 3.5rem; } li.table-header:first-child { border-radius: 0.4rem 0.4rem 0 0; } .table li:last-child { border-radius: 0 0 0.4rem 0.4rem; } li.table-auto { height: auto; padding-top: 0.7rem; padding-bottom: 0.7rem; } .table > li:nth-child(even):not(.table-header) { background: #fafafa; } .table > li:not(.table-header):not(.table-auto):hover { background: #eee; } .table > li.table-accent { background: #ccc; } .table ul li { padding-top: 0.5rem; padding-bottom: 10.5rem; margin-bottom: -10rem; border-right: 0.1rem solid #eee; } .table ul li:last-child, li.table-header li { border-right: 0; } .table .input-select, .table .select2-selection { margin: 0.3rem 0; padding: 0; } /* End-5X Tablelists */ /* Web-view */ .web_pdf, .web_pdf_ie { display: block; width: 100%; height: 100%; position: relative; z-index: 9; } html.scroll_page { overflow: initial; } html.scroll_page pane { height: auto; } .web_view pane:not(.editpane) { z-index: 2; background: transparent; overflow: auto; } .web_view toolbar .button-menu { display: none; } .web_pdf_ie { display: none; padding: 10rem 1rem 5rem; } .web_view .state-loading { z-index: 1; } .web_logo { display: block; width: 90%; max-width: 20rem; position: absolute; bottom: 1rem; right: 2rem; } .web_offerte > content, .web_factuur > content, .web_orderbevestiging > content { position: absolute; top: 5.6rem; left: 0; width: 100%; bottom: 0; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .web_offerte .web_pdf, .web_factuur .web_pdf, .web_orderbevestiging .web_pdf { display: none; } .web_offerte .web_pdf_ie, .web_factuur .web_pdf_ie, .web_orderbevestiging .web_pdf_ie { display: block; } .web_offerte .state-loading, .web_factuur .state-loading, .web_orderbevestiging .state-loading { display: none; } } .state_approved { padding-top: 9rem; } .web_offerte content, .web_factuur content { height: calc(100vh - 5.6rem); top: 5.6rem; position: relative; display: block; } .web_footer { position: fixed; bottom: 1.5rem; right: 1.5rem; } .web_footer svg { height: 3rem; fill: #424242; position: relative; bottom: -0.3rem; margin-left: 0.2rem; } .web_footer:hover svg .logo2 { fill: #E74C3C; } /* End-Web-view */ /* Post view */ .post-title { margin-top: 5rem; } .post-intro { padding: 4rem 2rem; } .post-text { padding: 0 2rem; } .posts .size4 { letter-spacing: 0; line-height: 1.714 } .posts main { padding-bottom: 10rem; } .posts strong { color: #212121; } .posts .post-content a { text-decoration: underline; } .posts pane { background: white; } .post-img { border-radius: 0.8rem; overflow: hidden; margin-bottom: 4rem; box-shadow: 0 1rem 2.8rem rgba(0,0,0,0.15); } .post-img img { display: block; width: 100%; } /* End-Post view */ /* Animaties */ .fadeInDown, .fadeOutUp, .floating, .fadeInRight, .fadeInLeft { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } .fadeInRight { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } .floating { -webkit-animation-name: floating; animation-name: floating; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .rotate { -webkit-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }} @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-1.25rem); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-1.25rem); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-1.25rem); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-1.25rem); } } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(1.25rem); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(1.25rem); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-1.25rem); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-1.25rem); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes floating { 50% { -webkit-transform: translateY(10%);} } @keyframes floating { 50% { transform: translateY(10%);}} /* End-Animaties */ /* Columns, nicked from Bootstrap 4 alpha 2 & Media Queries */ .row{margin-right:-.8rem;margin-left:-.8rem} .row [class*="col-"], .jscol { position:relative;min-height:0.1rem;padding-right:.8rem;padding-left:.8rem} .row [class*="col-"] { float: left; } .col-xs-1{width:8.333333%}.col-xs-2{width:16.666667%}.col-xs-3{width:25%}.col-xs-4{width:33.333333%}.col-xs-5{width:41.666667%}.col-xs-6{width:50%}.col-xs-7{width:58.333333%}.col-xs-8{width:66.666667%}.col-xs-9{width:75%}.col-xs-10{width:83.333333%}.col-xs-11{width:91.666667%}.col-xs-12{width:100%} .col-xs-pull-0{right:auto}.col-xs-pull-1{right:8.333333%}.col-xs-pull-2{right:16.666667%}.col-xs-pull-3{right:25%}.col-xs-pull-4{right:33.333333%}.col-xs-pull-5{right:41.666667%}.col-xs-pull-6{right:50%}.col-xs-pull-7{right:58.333333%}.col-xs-pull-8{right:66.666667%}.col-xs-pull-9{right:75%}.col-xs-pull-10{right:83.333333%}.col-xs-pull-11{right:91.666667%}.col-xs-pull-12{right:100%} .col-xs-push-0{left:auto}.col-xs-push-1{left:8.333333%}.col-xs-push-2{left:16.666667%}.col-xs-push-3{left:25%}.col-xs-push-4{left:33.333333%}.col-xs-push-5{left:41.666667%}.col-xs-push-6{left:50%}.col-xs-push-7{left:58.333333%}.col-xs-push-8{left:66.666667%}.col-xs-push-9{left:75%}.col-xs-push-10{left:83.333333%}.col-xs-push-11{left:91.666667%}.col-xs-push-12{left:100%} .col-xs-offset-0{margin-left:0}.col-xs-offset-1{margin-left:8.333333%}.col-xs-offset-2{margin-left:16.666667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.333333%}.col-xs-offset-5{margin-left:41.666667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.333333%}.col-xs-offset-8{margin-left:66.666667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.333333%}.col-xs-offset-11{margin-left:91.666667%}.col-xs-offset-12{margin-left:100%} .hidden-xs-up, .hidden-xl-down { display: none !important; } @media (min-width:34em){ .hidden-sm-up { display: none !important; } .col-sm-1{width:8.333333%}.col-sm-2{width:16.666667%}.col-sm-3{width:25%}.col-sm-4{width:33.333333%}.col-sm-5{width:41.666667%}.col-sm-6{width:50%}.col-sm-7{width:58.333333%}.col-sm-8{width:66.666667%}.col-sm-9{width:75%}.col-sm-10{width:83.333333%}.col-sm-11{width:91.666667%}.col-sm-12{width:100%} .col-sm-pull-0{right:auto}.col-sm-pull-1{right:8.333333%}.col-sm-pull-2{right:16.666667%}.col-sm-pull-3{right:25%}.col-sm-pull-4{right:33.333333%}.col-sm-pull-5{right:41.666667%}.col-sm-pull-6{right:50%}.col-sm-pull-7{right:58.333333%}.col-sm-pull-8{right:66.666667%}.col-sm-pull-9{right:75%}.col-sm-pull-10{right:83.333333%}.col-sm-pull-11{right:91.666667%}.col-sm-pull-12{right:100%} .col-sm-push-0{left:auto}.col-sm-push-1{left:8.333333%}.col-sm-push-2{left:16.666667%}.col-sm-push-3{left:25%}.col-sm-push-4{left:33.333333%}.col-sm-push-5{left:41.666667%}.col-sm-push-6{left:50%}.col-sm-push-7{left:58.333333%}.col-sm-push-8{left:66.666667%}.col-sm-push-9{left:75%}.col-sm-push-10{left:83.333333%}.col-sm-push-11{left:91.666667%}.col-sm-push-12{left:100%} .col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.333333%}.col-sm-offset-2{margin-left:16.666667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.333333%}.col-sm-offset-5{margin-left:41.666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.333333%}.col-sm-offset-8{margin-left:66.666667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.333333%}.col-sm-offset-11{margin-left:91.666667%}.col-sm-offset-12{margin-left:100%} } @media (min-width:48em){ .hidden-md-up { display: none !important; } .col-md-1{width:8.333333%}.col-md-2{width:16.666667%}.col-md-3{width:25%}.col-md-4{width:33.333333%}.col-md-5{width:41.666667%}.col-md-6{width:50%}.col-md-7{width:58.333333%}.col-md-8{width:66.666667%}.col-md-9{width:75%}.col-md-10{width:83.333333%}.col-md-11{width:91.666667%}.col-md-12{width:100%} .col-md-pull-0{right:auto}.col-md-pull-1{right:8.333333%}.col-md-pull-2{right:16.666667%}.col-md-pull-3{right:25%}.col-md-pull-4{right:33.333333%}.col-md-pull-5{right:41.666667%}.col-md-pull-6{right:50%}.col-md-pull-7{right:58.333333%}.col-md-pull-8{right:66.666667%}.col-md-pull-9{right:75%}.col-md-pull-10{right:83.333333%}.col-md-pull-11{right:91.666667%}.col-md-pull-12{right:100%} .col-md-push-0{left:auto}.col-md-push-1{left:8.333333%}.col-md-push-2{left:16.666667%}.col-md-push-3{left:25%}.col-md-push-4{left:33.333333%}.col-md-push-5{left:41.666667%}.col-md-push-6{left:50%}.col-md-push-7{left:58.333333%}.col-md-push-8{left:66.666667%}.col-md-push-9{left:75%}.col-md-push-10{left:83.333333%}.col-md-push-11{left:91.666667%}.col-md-push-12{left:100%} .col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.333333%}.col-md-offset-2{margin-left:16.666667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.333333%}.col-md-offset-5{margin-left:41.666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.333333%}.col-md-offset-8{margin-left:66.666667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.333333%}.col-md-offset-11{margin-left:91.666667%}.col-md-offset-12{margin-left:100%} .at-grid .insertArticles, .edit-segment:not(.es-third) .imgUpload { display: flex; flex-wrap: wrap; align-items: stretch; } .edit-segment:not(.es-third) .imgUpload card { width: 49.8%; margin-right: 0.1rem; } .at-grid .insertArticles article:not(.card_header) { width: 49.8%; margin-right: 0.1rem; } } @media (min-width:62em){ .hidden-lg-up { display: none !important; } .col-lg-1{width:8.333333%}.col-lg-2{width:16.666667%}.col-lg-3{width:25%}.col-lg-4{width:33.333333%}.col-lg-5{width:41.666667%}.col-lg-6{width:50%}.col-lg-7{width:58.333333%}.col-lg-8{width:66.666667%}.col-lg-9{width:75%}.col-lg-10{width:83.333333%}.col-lg-11{width:91.666667%}.col-lg-12{width:100%} .col-lg-pull-0{right:auto}.col-lg-pull-1{right:8.333333%}.col-lg-pull-2{right:16.666667%}.col-lg-pull-3{right:25%}.col-lg-pull-4{right:33.333333%}.col-lg-pull-5{right:41.666667%}.col-lg-pull-6{right:50%}.col-lg-pull-7{right:58.333333%}.col-lg-pull-8{right:66.666667%}.col-lg-pull-9{right:75%}.col-lg-pull-10{right:83.333333%}.col-lg-pull-11{right:91.666667%}.col-lg-pull-12{right:100%} .col-lg-push-0{left:auto}.col-lg-push-1{left:8.333333%}.col-lg-push-2{left:16.666667%}.col-lg-push-3{left:25%}.col-lg-push-4{left:33.333333%}.col-lg-push-5{left:41.666667%}.col-lg-push-6{left:50%}.col-lg-push-7{left:58.333333%}.col-lg-push-8{left:66.666667%}.col-lg-push-9{left:75%}.col-lg-push-10{left:83.333333%}.col-lg-push-11{left:91.666667%}.col-lg-push-12{left:100%} .col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.333333%}.col-lg-offset-2{margin-left:16.666667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.333333%}.col-lg-offset-5{margin-left:41.666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.333333%}.col-lg-offset-8{margin-left:66.666667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.333333%}.col-lg-offset-11{margin-left:91.666667%}.col-lg-offset-12{margin-left:100%} .tabs-full > div { display: block !important; } .agenda-base { max-height: 90vh; overflow: auto; } .edit-segment:not(.es-third) .imgUpload card { width: 33.1%; } } @media (min-width:75em){ .hidden-xl-up { display: none !important; } .col-xl-1{width:8.333333%}.col-xl-2{width:16.666667%}.col-xl-3{width:25%}.col-xl-4{width:33.333333%}.col-xl-5{width:41.666667%}.col-xl-6{width:50%}.col-xl-7{width:58.333333%}.col-xl-8{width:66.666667%}.col-xl-9{width:75%}.col-xl-10{width:83.333333%}.col-xl-11{width:91.666667%}.col-xl-12{width:100%} .col-xl-pull-0{right:auto}.col-xl-pull-1{right:8.333333%}.col-xl-pull-2{right:16.666667%}.col-xl-pull-3{right:25%}.col-xl-pull-4{right:33.333333%}.col-xl-pull-5{right:41.666667%}.col-xl-pull-6{right:50%}.col-xl-pull-7{right:58.333333%}.col-xl-pull-8{right:66.666667%}.col-xl-pull-9{right:75%}.col-xl-pull-10{right:83.333333%}.col-xl-pull-11{right:91.666667%}.col-xl-pull-12{right:100%} .col-xl-push-0{left:auto}.col-xl-push-1{left:8.333333%}.col-xl-push-2{left:16.666667%}.col-xl-push-3{left:25%}.col-xl-push-4{left:33.333333%}.col-xl-push-5{left:41.666667%}.col-xl-push-6{left:50%}.col-xl-push-7{left:58.333333%}.col-xl-push-8{left:66.666667%}.col-xl-push-9{left:75%}.col-xl-push-10{left:83.333333%}.col-xl-push-11{left:91.666667%}.col-xl-push-12{left:100%} .col-xl-offset-0{margin-left:0}.col-xl-offset-1{margin-left:8.333333%}.col-xl-offset-2{margin-left:16.666667%}.col-xl-offset-3{margin-left:25%}.col-xl-offset-35{margin-left:29.16665%}.col-xl-offset-4{margin-left:33.333333%}.col-xl-offset-5{margin-left:41.666667%}.col-xl-offset-6{margin-left:50%}.col-xl-offset-7{margin-left:58.333333%}.col-xl-offset-8{margin-left:66.666667%}.col-xl-offset-9{margin-left:75%}.col-xl-offset-10{margin-left:83.333333%}.col-xl-offset-11{margin-left:91.666667%} .col-xl-offset-12{margin-left:100%} .col-xl-4:nth-child(3n+1), .col-xl-3:nth-child(4n+1){ clear: left; } .at-grid .insertArticles article:not(.card_header) { width:33%; } } @media (min-width:87em){ .edit-segment:not(.es-third) .imgUpload card { width: 24.8%; } } @media (max-width:74.9em){ .hidden-lg-down { display: none !important; } } @media (max-width:74.9em) and (min-width:62em){ .col-lg-4:nth-child(3n+1){ clear: left; } .es-third { width: 50%; } } @media (max-width:61.9em){ .hidden-md-down { display: none !important; } .col-md-6:nth-child(2n+1){ clear: left; } .agenda-itemlist { width: 13rem; } .agenda-dateslist { width: calc(100% - 13rem); } .es-third { width: 100%; float: none; clear: both; } .home-stats { margin-top: 1rem; margin-bottom: 0.4rem; } } @media (max-width:51em){ .hidden-sm-down { display: none !important; } .home toolbar .toolbar-logo { display: inline !important; } toolbar actions { width: 100%; text-align: right; } .home toolbar actions { width: 70%; } .timer_totals { margin-top: 1rem; } .toolbar-left { padding: 0; } #overlayContainer { width: 100%; height: 100%; } .agenda-item, a.agenda-item { border-left-width: 0.2rem; } .tabs { white-space: nowrap; overflow: hidden; overflow-x: auto; padding-right: 2rem; } #col_agenda { padding-bottom: 0; } pane { position: absolute; } pane + .select2-container { left: 5vw !important; top: 10vh !important; } pane + .select2-container--open::before { background: rgba(0,0,0,0.7); position: fixed; content: ''; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; pointer-events: none; } pane + .select2-container .select2-dropdown{ width: 90vw !important; } } @media (max-width:33.9em){ .hidden-xs-down { display: none !important; } .padding_16, main, nav, toolbar { padding-left: 1.2rem; padding-right: 1.2rem; } .padding_reset_16 { margin-left: -1.2rem; margin-right: -1.2rem; } .es-imgs:not(.es-third) .imgUpload { white-space: nowrap; overflow-x: auto; padding-top: 1.6rem; } .es-imgs:not(.es-third) .imgUpload card { width: 75vw; display: inline-block; vertical-align: top; } } @media (max-width:22em){ .padding_16, main, nav, toolbar { padding-left: 0.8rem; padding-right: 0.8rem; } .padding_reset_16 { margin-left: -0.8rem; margin-right: -0.8rem; } .at-list article .article-img { width: 7rem; } } @media (orientation:landscape) and (max-width:40em){ #loginWindow { right: 0; }} /* Select2 4.0.3 */ .select2-container{width:100% !important;box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:40px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field{ margin-top:9px; padding-left:0.5rem;}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #d8dbdb;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#424242;}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:6px;right:7px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 3px 0 3px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#f6f6f6;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;padding:0.2rem;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:10px;margin-right:8px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#eee;border:0;border-radius:4px;cursor:default;float:left;margin-right:4px;margin-top:4px;padding:7px 8px 6px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;float:right;font-weight:bold;margin-left:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#f6f6f6;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #d8dbdb}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px} .select2-dropdown { border-color: #e0e0e0; margin-top: -1.2rem; } .select2-container--default .select2-selection--single { padding: 1.3rem 1.4rem 1.2rem; border-width: 0; } .article-filters .select2-container--default .select2-selection--single { border: 0.1rem solid #d8dbdb; } .select2-container .select2-selection--multiple { min-height: 42px; } /* Flatpickr 3.0.5, #569ff7 removed. In theme */ .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 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:default;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{-webkit-box-shadow:none;box-shadow:none;color:#fff;}.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{}.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{pointer-events:none}.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.week.selected{border-radius:0;}.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{display:block;width:100%;max-width: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}} /* Flatpickr mods -> */ .flatpickr-input.flatpickr-mobile { -webkit-appearance: none; } _:default:not(:root:root), .flatpickr-calendar .dayContainer, .flatpickr-calendar .flatpickr-current-month { -webkit-transform: none; transform: none; } /* Quill Editor v1.2.4 */ .ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;cursor:text;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol > li,.ql-editor ul > li{list-style-type:none}.ql-editor ul > li::before{content:'\2022'}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true] > li *,.ql-editor ul[data-checked=false] > li *{pointer-events:all}.ql-editor ul[data-checked=true] > li::before,.ql-editor ul[data-checked=false] > li::before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true] > li::before{content:'\2611'}.ql-editor ul[data-checked=false] > li::before{content:'\2610'}.ql-editor li::before{display:inline-block;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl)::before{margin-left:-1.5em}.ql-editor ol li,.ql-editor ul li{padding-left:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-num}.ql-editor ol li:before{content:counter(list-num, decimal) '. '}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1, lower-alpha) '. '}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2, lower-roman) '. '}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3, decimal) '. '}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4, lower-alpha) '. '}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5, lower-roman) '. '}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6, decimal) '. '}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7, lower-alpha) '. '}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8, lower-roman) '. '}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;pointer-events:none;position:absolute}.ql-bubble.ql-toolbar:after,.ql-bubble .ql-toolbar:after{clear:both;content:'';display:table}.ql-bubble.ql-toolbar button,.ql-bubble .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-bubble.ql-toolbar button svg,.ql-bubble .ql-toolbar button svg{float:left;height:100%}.ql-bubble.ql-toolbar button:active:hover,.ql-bubble .ql-toolbar button:active:hover{outline:none}.ql-bubble.ql-toolbar input.ql-image[type=file],.ql-bubble .ql-toolbar input.ql-image[type=file]{display:none}.ql-bubble.ql-toolbar button:hover,.ql-bubble .ql-toolbar button:hover,.ql-bubble.ql-toolbar button.ql-active,.ql-bubble .ql-toolbar button.ql-active,.ql-bubble.ql-toolbar .ql-picker-label:hover,.ql-bubble .ql-toolbar .ql-picker-label:hover,.ql-bubble.ql-toolbar .ql-picker-label.ql-active,.ql-bubble .ql-toolbar .ql-picker-label.ql-active,.ql-bubble.ql-toolbar .ql-picker-item:hover,.ql-bubble .ql-toolbar .ql-picker-item:hover,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected{color:#fff}.ql-bubble.ql-toolbar button:hover .ql-fill,.ql-bubble .ql-toolbar button:hover .ql-fill,.ql-bubble.ql-toolbar button.ql-active .ql-fill,.ql-bubble .ql-toolbar button.ql-active .ql-fill,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#fff}.ql-bubble.ql-toolbar button:hover .ql-stroke,.ql-bubble .ql-toolbar button:hover .ql-stroke,.ql-bubble.ql-toolbar button.ql-active .ql-stroke,.ql-bubble .ql-toolbar button.ql-active .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#fff}.ql-bubble{box-sizing:border-box}.ql-bubble *{box-sizing:border-box}.ql-bubble .ql-hidden{display:none}.ql-bubble .ql-out-bottom,.ql-bubble .ql-out-top{visibility:hidden}.ql-bubble .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-bubble .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-bubble .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-bubble .ql-formats{display:inline-block;vertical-align:middle}.ql-bubble .ql-formats:after{clear:both;content:'';display:table}.ql-bubble .ql-stroke{fill:none;stroke:#ccc;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-bubble .ql-stroke-miter{fill:none;stroke:#ccc;stroke-miterlimit:10;stroke-width:2}.ql-bubble .ql-fill,.ql-bubble .ql-stroke.ql-fill{fill:#ccc}.ql-bubble .ql-empty{fill:none}.ql-bubble .ql-even{fill-rule:evenodd}.ql-bubble .ql-thin,.ql-bubble .ql-stroke.ql-thin{stroke-width:1}.ql-bubble .ql-transparent{opacity:.4}.ql-bubble .ql-direction svg:last-child{display:none}.ql-bubble .ql-direction.ql-active svg:last-child{display:inline}.ql-bubble .ql-direction.ql-active svg:first-child{display:none}.ql-bubble .ql-editor h1{font-size:2em}.ql-bubble .ql-editor h2{font-size:1.5em}.ql-bubble .ql-editor h3{font-size:1.17em}.ql-bubble .ql-editor h4{font-size:1em}.ql-bubble .ql-editor h5{font-size:.83em}.ql-bubble .ql-editor h6{font-size:.67em}.ql-bubble .ql-editor a{text-decoration:underline}.ql-bubble .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-bubble .ql-editor code,.ql-bubble .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-bubble .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-bubble .ql-editor code{font-size:85%;padding-bottom:2px;padding-top:2px}.ql-bubble .ql-editor code:before,.ql-bubble .ql-editor code:after{content:"\A0";letter-spacing:-2px}.ql-bubble .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-bubble .ql-editor img{max-width:100%}.ql-bubble .ql-picker{color:#ccc;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-bubble .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-bubble .ql-picker-label::before{display:inline-block;line-height:22px}.ql-bubble .ql-picker-options{background-color:#444;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-bubble .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-bubble .ql-picker.ql-expanded .ql-picker-label{color:#777;z-index:2}.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#777}.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#777}.ql-bubble .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-bubble .ql-color-picker,.ql-bubble .ql-icon-picker{width:28px}.ql-bubble .ql-color-picker .ql-picker-label,.ql-bubble .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-bubble .ql-color-picker .ql-picker-label svg,.ql-bubble .ql-icon-picker .ql-picker-label svg{right:4px}.ql-bubble .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-bubble .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-bubble .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-bubble .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-bubble .ql-picker.ql-header{width:98px}.ql-bubble .ql-picker.ql-header .ql-picker-label::before,.ql-bubble .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-bubble .ql-picker.ql-font{width:108px}.ql-bubble .ql-picker.ql-font .ql-picker-label::before,.ql-bubble .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-bubble .ql-picker.ql-size{width:98px}.ql-bubble .ql-picker.ql-size .ql-picker-label::before,.ql-bubble .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-bubble .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-bubble .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-bubble .ql-toolbar .ql-formats{margin:8px 12px 8px 0}.ql-bubble .ql-toolbar .ql-formats:first-child{margin-left:12px}.ql-bubble .ql-color-picker svg{margin:1px}.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,.ql-bubble .ql-color-picker .ql-picker-item:hover{border-color:#fff}.ql-bubble .ql-tooltip{background-color:#444;border-radius:25px;color:#fff}.ql-bubble .ql-tooltip-arrow{border-left:6px solid transparent;border-right:6px solid transparent;content:" ";display:block;left:50%;margin-left:-6px;position:absolute}.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow{border-bottom:6px solid #444;top:-6px}.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow{border-top:6px solid #444;bottom:-6px}.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor{display:block}.ql-bubble .ql-tooltip.ql-editing .ql-formats{visibility:hidden}.ql-bubble .ql-tooltip-editor{display:none}.ql-bubble .ql-tooltip-editor input[type=text]{background:transparent;border:none;color:#fff;font-size:13px;height:100%;outline:none;padding:10px 20px;position:absolute;width:100%}.ql-bubble .ql-tooltip-editor a{top:10px;position:absolute;right:20px}.ql-bubble .ql-tooltip-editor a:before{color:#ccc;content:"\D7";font-size:16px;font-weight:700}.ql-container.ql-bubble:not(.ql-disabled) a{position:relative;white-space:nowrap}.ql-container.ql-bubble:not(.ql-disabled) a::before{background-color:#444;border-radius:15px;top:-5px;font-size:12px;color:#fff;content:attr(href);font-weight:400;overflow:hidden;padding:5px 15px;text-decoration:none;z-index:1}.ql-container.ql-bubble:not(.ql-disabled) a::after{border-top:6px solid #444;border-left:6px solid transparent;border-right:6px solid transparent;top:0;content:" ";height:0;width:0}.ql-container.ql-bubble:not(.ql-disabled) a::before,.ql-container.ql-bubble:not(.ql-disabled) a::after{left:0;margin-left:50%;position:absolute;transform:translate(-50%,-100%);transition:visibility 0 ease 200ms;visibility:hidden}.ql-container.ql-bubble:not(.ql-disabled) a:hover::before,.ql-container.ql-bubble:not(.ql-disabled) a:hover::after{visibility:visible} /* Quill-mods -> */ .ql-editor { overflow-x: hidden; }.ql-container{font-size:inherit;font-family:inherit;margin:0 0 1.2rem;background:#fff;border-radius:.4rem;height:19.2rem} .ql-bubble .ql-tooltip { background-color: #eee; } .ql-bubble .ql-toolbar .ql-picker-item.ql-selected,.ql-bubble .ql-toolbar .ql-picker-item:hover,.ql-bubble .ql-toolbar .ql-picker-label.ql-active,.ql-bubble .ql-toolbar .ql-picker-label:hover,.ql-bubble .ql-toolbar button.ql-active,.ql-bubble .ql-toolbar button:hover,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,.ql-bubble.ql-toolbar .ql-picker-item:hover,.ql-bubble.ql-toolbar .ql-picker-label.ql-active,.ql-bubble.ql-toolbar .ql-picker-label:hover,.ql-bubble.ql-toolbar button.ql-active,.ql-bubble.ql-toolbar button:hover{color:#fff}.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button.ql-active .ql-fill,.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:hover .ql-fill,.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar button.ql-active .ql-fill,.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-bubble.ql-toolbar button:hover .ql-fill,.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#212121}.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-bubble .ql-toolbar button.ql-active .ql-stroke,.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,.ql-bubble .ql-toolbar button:hover .ql-stroke,.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-bubble.ql-toolbar button.ql-active .ql-stroke,.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,.ql-bubble.ql-toolbar button:hover .ql-stroke,.ql-bubble.ql-toolbar button:hover .ql-stroke-miter{stroke:#212121}.ql-bubble .ql-stroke,.ql-bubble .ql-stroke-miter{stroke:#757575;}.ql-bubble .ql-fill,.ql-bubble .ql-stroke.ql-fill{fill:#757575}.ql-bubble .ql-tooltip-arrow{border-bottom-color:#eee;} .ql-bubble .ql-tooltip-editor input[type=text] { color: #212121; } .ql-editor ol, .ql-editor ul {padding-left: 0;} /*! jQuery UI - v1.12.1, Includes: draggable.css, sortable.css, theme.css */ .ui-draggable-handle { -ms-touch-action: none; touch-action: none } .ui-sortable-handle { -ms-touch-action: none; touch-action: none } .ui-state-highlight { border-radius: 0.4rem; opacity: 0.2; } /* Spectrum Color Picker */ .sp-container{position:absolute;top:0;left:0;display:inline-block;*display:inline;*zoom:1;z-index:9999994;overflow:hidden}.sp-container.sp-flat{position:relative}.sp-container,.sp-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.sp-top{position:relative;width:100%;display:inline-block}.sp-top-inner{position:absolute;top:0;left:0;bottom:0;right:0}.sp-color{position:absolute;top:0;left:0;bottom:0;right:20%}.sp-hue{position:absolute;top:0;right:0;bottom:0;left:84%;height:100%}.sp-clear-enabled .sp-hue{top:33px;height:77.5%}.sp-fill{padding-top:80%}.sp-sat,.sp-val{position:absolute;top:0;left:0;right:0;bottom:0}.sp-alpha-enabled .sp-top{margin-bottom:18px}.sp-alpha-enabled .sp-alpha{display:block}.sp-alpha-handle{position:absolute;top:-4px;bottom:-4px;width:6px;left:50%;cursor:pointer;border:1px solid #000;background:#fff;opacity:.8}.sp-alpha{display:none;position:absolute;bottom:-14px;right:0;left:0;height:8px}.sp-alpha-inner{border:solid 1px #333}.sp-clear{display:none}.sp-clear.sp-clear-display{background-position:center}.sp-clear-enabled .sp-clear{display:block;position:absolute;top:0;right:0;bottom:0;left:84%;height:28px}.sp-container,.sp-replacer,.sp-preview,.sp-dragger,.sp-slider,.sp-alpha,.sp-clear,.sp-alpha-handle,.sp-container.sp-dragging .sp-input,.sp-container button{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}.sp-container.sp-input-disabled .sp-input-container{display:none}.sp-container.sp-buttons-disabled .sp-button-container{display:none}.sp-container.sp-palette-buttons-disabled .sp-palette-button-container{display:none}.sp-palette-only .sp-picker-container{display:none}.sp-palette-disabled .sp-palette-container{display:none}.sp-initial-disabled .sp-initial{display:none}.sp-sat{background-image:-webkit-gradient(linear,0 0,100% 0,from(#FFF),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(left,#FFF,rgba(204,154,129,0));background-image:-moz-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-o-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-ms-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:linear-gradient(to right,#fff,rgba(204,154,129,0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType = 1,startColorstr=#FFFFFFFF,endColorstr=#00CC9A81)";filter:progid:DXImageTransform.Microsoft.gradient(GradientType = 1,startColorstr='#FFFFFFFF',endColorstr='#00CC9A81')}.sp-val{background-image:-webkit-gradient(linear,0 100%,0 0,from(#000),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-moz-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-o-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-ms-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:linear-gradient(to top,#000,rgba(204,154,129,0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81,endColorstr=#FF000000)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81',endColorstr='#FF000000')}.sp-hue{background:-moz-linear-gradient(top,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-ms-linear-gradient(top,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-o-linear-gradient(top,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(0.17,#ff0),color-stop(0.33,#0f0),color-stop(0.5,#0ff),color-stop(0.67,#00f),color-stop(0.83,#f0f),to(red));background:-webkit-linear-gradient(top,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:linear-gradient(to bottom,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.sp-1{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000',endColorstr='#ffff00')}.sp-2{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00',endColorstr='#00ff00')}.sp-3{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00',endColorstr='#00ffff')}.sp-4{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff',endColorstr='#0000ff')}.sp-5{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff',endColorstr='#ff00ff')}.sp-6{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff',endColorstr='#ff0000')}.sp-hidden{display:none!important}.sp-cf:before,.sp-cf:after{content:"";display:table}.sp-cf:after{clear:both}.sp-cf{*zoom:1}@media (max-device-width: 480px){.sp-color{right:40%}.sp-hue{left:63%}.sp-fill{padding-top:60%}}.sp-dragger{border-radius:5px;height:5px;width:5px;border:1px solid #fff;background:#000;cursor:pointer;position:absolute;top:0;left:0}.sp-slider{position:absolute;top:0;cursor:pointer;height:3px;left:-1px;right:-1px;border:1px solid #000;background:#fff;opacity:.8}.sp-container{border-radius:0;background-color:#fff;border:solid 1px #9ba8b1;padding:0}.sp-container,.sp-container button,.sp-container input,.sp-color,.sp-hue,.sp-clear{font:normal 12px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.sp-top{margin-bottom:3px}.sp-color,.sp-hue,.sp-clear{border:solid 1px #666}.sp-input-container{float:right;width:100px;margin-bottom:4px}.sp-initial-disabled .sp-input-container{width:100%}.sp-input{font-size:12px!important;border:1px inset;padding:4px 5px;margin:0;width:100%;background:transparent;border-radius:3px;color:#222}.sp-input:focus{border:1px solid orange}.sp-input.sp-validation-error{border:1px solid red;background:#fdd}.sp-picker-container,.sp-palette-container{float:left;position:relative;padding:10px;padding-bottom:300px;margin-bottom:-290px}.sp-picker-container{width:172px;border-left:solid 1px #fff}.sp-palette-container{border-right:solid 1px #ccc}.sp-palette-only .sp-palette-container{border:0}.sp-palette .sp-thumb-el{display:block;position:relative;float:left;width:24px;height:15px;margin:3px;cursor:pointer;border:solid 2px transparent}.sp-palette .sp-thumb-el:hover,.sp-palette .sp-thumb-el.sp-thumb-active{border-color:orange}.sp-thumb-el{position:relative}.sp-initial{float:left;border:solid 1px #333}.sp-initial span{width:30px;height:25px;border:none;display:block;float:left;margin:0}.sp-initial .sp-clear-display{background-position:center}.sp-palette-button-container,.sp-button-container{float:right}.sp-replacer{width:100%;margin:0 0 1.2rem;overflow:hidden;cursor:pointer;padding:4px;display:inline-block;*zoom:1;*display:inline;border-radius:0.4rem;background:#fff;color:#333;vertical-align:middle}.sp-replacer:hover,.sp-replacer.sp-active{border-color:#9ba8b1;color:#111}.sp-replacer.sp-disabled{cursor:default;border-color:silver;color:silver}.sp-dd{padding:2px 0;height:16px;line-height:29px;float:left;font-size:10px}.sp-preview{position:relative;width:calc(100% - 17px);height:34px;border:solid 1px #222;margin-right:5px;float:left;z-index:0}.sp-palette{*width:220px;max-width:220px}.sp-palette .sp-thumb-el{width:16px;height:16px;margin:2px 1px;border:solid 1px #d0d0d0}.sp-container{padding-bottom:0}.sp-container button{background-color:#eee;background-image:-webkit-linear-gradient(top,#eee,#ccc);background-image:-moz-linear-gradient(top,#eee,#ccc);background-image:-ms-linear-gradient(top,#eee,#ccc);background-image:-o-linear-gradient(top,#eee,#ccc);background-image:linear-gradient(to bottom,#eee,#ccc);border:1px solid #ccc;border-bottom:1px solid #bbb;border-radius:3px;color:#333;font-size:14px;line-height:1;padding:5px 4px;text-align:center;text-shadow:0 1px 0 #eee;vertical-align:middle}.sp-container button:hover{background-color:#ddd;background-image:-webkit-linear-gradient(top,#ddd,#bbb);background-image:-moz-linear-gradient(top,#ddd,#bbb);background-image:-ms-linear-gradient(top,#ddd,#bbb);background-image:-o-linear-gradient(top,#ddd,#bbb);background-image:linear-gradient(to bottom,#ddd,#bbb);border:1px solid #bbb;border-bottom:1px solid #999;cursor:pointer;text-shadow:0 1px 0 #ddd}.sp-container button:active{border:1px solid #aaa;border-bottom:1px solid #888;-webkit-box-shadow:inset 0 0 5px 2px #aaaaaa,0 1px 0 0 #eee;-moz-box-shadow:inset 0 0 5px 2px #aaaaaa,0 1px 0 0 #eee;-ms-box-shadow:inset 0 0 5px 2px #aaaaaa,0 1px 0 0 #eee;-o-box-shadow:inset 0 0 5px 2px #aaaaaa,0 1px 0 0 #eee;box-shadow:inset 0 0 5px 2px #aaaaaa,0 1px 0 0 #eee}.sp-cancel{font-size:11px;color:#d93f3f!important;margin:0;padding:2px;margin-right:5px;vertical-align:middle;text-decoration:none}.sp-cancel:hover{color:#d93f3f!important;text-decoration:underline}.sp-palette span:hover,.sp-palette span.sp-thumb-active{border-color:#000}.sp-preview,.sp-alpha,.sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.sp-preview-inner,.sp-alpha-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0}.sp-palette .sp-thumb-inner{background-position:50% 50%;background-repeat:no-repeat}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)}.sp-clear-display{background-repeat:no-repeat;background-position:center;background-image:url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==)} /* Print Stylesheet */ .visible-print-block, .visible-print-inline, .visible-print-inline-block { display: none !important; } @media print { * { background: transparent !important; background-color: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; } *, *::before, *::after, *::first-letter, *::first-line { text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } thead { display: table-header-group; } .hidden-print, searchbar, batchbar, nav, toolbar actions, .toolbar-left, .state-offline, .offlineMsg, .articles-loadmore { display: none !important; } .visible-print-block { display: block !important; } .visible-print-inline { display: inline !important; } .visible-print-inline-block { display: inline-block !important; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.2cm; size: landscape } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } main { width: 100%; overflow: auto; float: none; height: auto; padding-top: 1.6rem; } body { font-size: 9pt; } article, card, .article_padding { padding: 3pt 0 0; } html { overflow: auto;} toolbar { background-color: transparent !important; height: 3.6rem; line-height: 3.6rem; } toolbar title { font-weight: bold; } pane { background: white !important; } pane[data-pane="main"] { height: auto; } pane:not([data-pane="main"]) toolbar { display: none; } pane:not([data-pane="main"]) main { padding-top: 0; } } /* End-Print stylesheet */