/*** module: style/old.css ***/
.page-wrapper {
width: 100%;
height: 100%;
background-color: white;
}
.page-wrapper .page {
width: 100%;
vertical-align: top;
background-color: #f7f6f6;
}
.page .header {
width: 100%;
background-color: white;
-webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 1);
-moz-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 1);
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.5);
}
.header .header-content {
display: block;
padding: 10px 34px;
}
.header .header-content .logo {
display: inline-block;
width: auto;
height: 55px;
vertical-align: middle;
/*<-logo margin*/
}
.header .header-content .title {
font-size: 20px;
font-weight: bold;
display: inline-block;
vertical-align: middle;
color: red;
}
.page .body {
padding: 12px;
}
.page .footer {
/*font: 14px Helvetica, Arial, sans-serif;*/
background-color: white;
-webkit-box-shadow: 4px 4px 10px 0px rgba(153, 153, 153, 0.5);
-moz-box-shadow: 4px 4px 10px 0px rgba(153, 153, 153, 0.5);
box-shadow: 4px -4px 10px 0px rgba(153, 153, 153, 0.5);
bottom: 0;
padding: 12px;
}
.footer .copyright {
display: inline-block;
vertical-align: bottom;
height: 55px;
}
/*button*/
.button-black-gray {
background-color: rgb(79, 82, 84);
margin: 0 1px 1px 0;
box-shadow: 2px 2px 5px gray;
/*font-size: 14px;*/
line-height: 1.71em;
text-align: center;
padding: 0;
display: inline-block;
color: white;
border: none;
text-transform: uppercase;
}
.button-black-gray:hover {
background-color: rgb(50, 51, 51);
}
.button-black-gray:active,
.button-black-red:active {
margin: 1px 0px 0px 1px;
box-shadow: 1px 1px 2px gray;
}
.button-black-red {
background-color: rgb(79, 82, 84);
margin: 0 1px 1px 0;
box-shadow: 2px 2px 5px gray;
/*font-size: 14px;*/
line-height: 1.71em;
text-align: center;
padding: 0;
display: inline-block;
color: white;
border: none;
text-transform: uppercase;
}
.button-black-red:hover {
background-color: rgb(255, 0, 0);
}
.kpi-data-box {
display: block;
box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
border-radius: 4px;
background-color: white;
padding: 20px 12px 12px 12px;
}
.kpi-data-box .kpi-title {
font-size: 22px;
font-weight: bold;
margin: 0px 0 20px 0;
line-height: 34px;
}
/**************************************************************
Menu
**************************************************************/
.page-wrapper .kpi-menu {
background-color: #232025;
color: white;
vertical-align: top;
cursor: default;
}
/*
.kpi-menu .menu-full {}
.kpi-menu .menu-compact {}
*/
.kpi-menu .frame-logo {
display: block;
padding: 0px 0;
white-space: nowrap;
margin-bottom: 12px;
}
.kpi-menu .menu-full {
transition: width 0.5s;
overflow-x: hidden;
}
.kpi-menu .menu-full .frame-logo td:last-child {
width: 100%;
text-align: right;
}
.kpi-menu .frame-logo .logo {
display: inline-block;
vertical-align: middle;
margin: 0 17px;
transition: width 0.5s, margin 0.5s;
}
/*Hide logo in compact-mode*/
.kpi-menu .menu-compact .frame-logo .logo {
display: none;
}
.kpi-menu .frame-logo .toggle-button {
cursor: pointer;
display: inline-block;
vertical-align: middle;
height: 75px;
/* background: url(nicons/ico-hide.png) no-repeat scroll center center; */
transition: transform 0.5s, width 0.5s;
}
.kpi-menu .frame-logo .toggle-button:hover {
/* background: url(nicons/ico-hide-hover.png) no-repeat scroll center center; */
}
.kpi-menu .menu-full .frame-logo .toggle-button {
width: 48px;
transform: rotate(0deg);
}
.kpi-menu .menu-compact .frame-logo .toggle-button {
width: 54px;
transform: rotate(-180deg);
}
.kpi-menu .menu-level-0 {
display: block;
cursor: pointer;
}
.kpi-menu .menu-compact .menu-level-0 {
position: relative;
}
.kpi-menu .menu-level-0 .menu-item-level-0 {
display: block;
white-space: nowrap;
}
.kpi-menu .menu-level-0 .menu-item-level-0:hover {
background-color: black;
}
.kpi-menu .menu-level-0 .menu-item-level-0 .menu-item-level-0-icon {
width: 54px;
height: 34px;
display: inline-block;
vertical-align: middle;
}
.kpi-menu .menu-level-0 .menu-item-level-0 .menu-item-level-0-text {
vertical-align: middle;
display: inline-block;
padding: 0 0.75em 0 0;
color: #d6d6d6;
margin-right: 33px;
}
.kpi-menu .menu-level-0 .menu-item-level-0:hover .menu-item-level-0-text {
color: white;
}
.kpi-menu .menu-compact .menu-level-0 .menu-item-level-0 .menu-item-level-0-text {
display: none;
}
.kpi-menu .menu-level-0 .menu-item-level-0 .menu-item-level-0-expand-button {
float: right;
margin-left: -27px;
height: 34px;
width: 27px;
vertical-align: middle;
text-align: right;
/* background: url(nicons/ico-submenu-opened.png) no-repeat scroll center center; */
transition: transform 0.5s;
}
.kpi-menu .menu-level-0 .menu-item-level-0:hover .menu-item-level-0-expand-button {
/* background: url(nicons/ico-submenu-opened-hover.png) no-repeat scroll center center; */
}
.kpi-menu .menu-compact .menu-level-0 .menu-item-level-0 .menu-item-level-0-expand-button {
display: none;
margin-left: 0;
}
.kpi-menu .menu-compact .menu-level-0 .menu-item-level-0-expand-button,
.kpi-menu .menu-animating .menu-level-0 .menu-item-level-0-expand-button {
display: none;
}
.kpi-menu .menu-level-0 .menu-level-1 {
display: block;
transition: max-height 0.5s;
background-color: #262626;
}
.kpi-menu .menu-full .menu-level-0 .menu-level-1 {
overflow-y: hidden;
overflow-x: hidden;
}
.kpi-menu .menu-full .menu-level-0-opened .menu-level-1 {
max-height: 340px;
}
.kpi-menu .menu-level-0-opened .menu-item-level-0 .menu-item-level-0-expand-button {
transform: rotate(0deg);
}
.kpi-menu .menu-level-0-closed .menu-item-level-0 .menu-item-level-0-expand-button {
transform: rotate(-90deg);
}
.kpi-menu .menu-full .menu-level-0-closed .menu-level-1 {
max-height: 0;
}
.kpi-menu .menu-compact .menu-level-0 .menu-level-1 {
display: block;
visibility: hidden;
position: absolute;
top: 0;
left: 100%;
z-index: 100;
}
.kpi-menu .menu-compact .menu-level-0:hover {
background: #312F33;
}
.kpi-menu .menu-compact .menu-level-0:hover .menu-level-1 {
visibility: visible;
}
.kpi-menu .menu-level-1 .menu-item-level-1 {
display: block;
white-space: nowrap;
line-height: 34px;
padding-left: 25px;
color: #AAAAAA;
}
.kpi-menu .menu-compact .menu-level-1 .menu-item-level-1 {
padding-left: 0px;
}
.kpi-menu .menu-level-1 .menu-level-1-tile {
display: none;
line-height: 34px;
padding: 0 12px;
color: #d6d6d6;
cursor: default;
}
.kpi-menu .menu-level-1 .menu-level-1-tool-tip {
display: none;
line-height: 34px;
padding: 0 12px;
color: #d6d6d6;
cursor: default;
}
.kpi-menu .menu-compact .menu-level-1 .menu-level-1-tile {
display: block;
}
.kpi-menu .menu-compact .menu-level-1 .menu-level-1-tool-tip {
display: block;
white-space: nowrap;
}
.kpi-menu .menu-level-1 .menu-item-level-1:hover {
background-color: black;
}
.kpi-menu .menu-compact .menu-level-0:hover .menu-level-1 .menu-level-1-tool-tip {
background-color: black;
}
.kpi-menu .menu-level-1 .menu-item-level-1 .menu-item-level-1-text {
vertical-align: middle;
display: inline-block;
padding: 0 0.75em 0 0;
font-size: 12px;
}
/*.kpi-menu .menu-compact .menu-level-1 .menu-item-level-1 .menu-item-level-1-text{*/
/* color: #d6d6d6;*/
/*}*/
.kpi-menu .menu-level-1 .menu-item-level-1:hover .menu-item-level-1-text {
color: white;
}
.kpi-menu .menu-level-1 .menu-item-level-1 .menu-item-level-1-icon {
display: inline-block;
vertical-align: middle;
/* background: url(nicons/ico-sub-menu.png) no-repeat scroll center center; */
width: 34px;
height: 34px;
}
.kpi-menu .menu-level-1 .menu-item-level-1:hover .menu-item-level-1-icon {
/* background: url(nicons/ico-sub-menu-hover.png) no-repeat scroll center center; */
}
/***
ICON
***/
.kpi-menu .menu-item-level-0 .menu-ico-dashboard {
/* background: url(nicons/ico-dashboard.png) no-repeat scroll center center; */
}
.kpi-menu .menu-item-level-0:hover .menu-ico-dashboard {
/* background: url(nicons/ico-dashboard-hover.png) no-repeat scroll center center; */
}
.kpi-menu .menu-item-level-0 .menu-ico-goal {
/* background: url(nicons/ico-goal.png) no-repeat scroll center center; */
}
.kpi-menu .menu-item-level-0:hover .menu-ico-goal {
/* background: url(nicons/ico-goal-hover.png) no-repeat scroll center center; */
}
.kpi-menu .menu-item-level-0 .menu-ico-kpi {
/* background: url(nicons/ico-kpi.png) no-repeat scroll center center; */
}
.kpi-menu .menu-item-level-0:hover .menu-ico-kpi {
/* background: url(nicons/ico-kpi-hover.png) no-repeat scroll center center; */
}
.kpi-menu .menu-item-level-0 .menu-ico-initiative {
/* background: url(nicons/ico-initiative.png) no-repeat scroll center center; */
}
.kpi-menu .menu-item-level-0:hover .menu-ico-initiative {
/* background: url(nicons/ico-initiative-hover.png) no-repeat scroll center center; */
}
.kpi-menu .menu-item-level-0 .menu-ico-report {
/* background: url(nicons/ico-report.png) no-repeat scroll center center; */
}
.kpi-menu .menu-item-level-0:hover .menu-ico-report {
/* background: url(nicons/ico-report-hover.png) no-repeat scroll center center; */
}
.kpi-menu .menu-item-level-0 .menu-ico-alert {
/* background: url(nicons/ico-alert.png) no-repeat scroll center center; */
}
.kpi-menu .menu-item-level-0:hover .menu-ico-alert {
/* background: url(nicons/ico-alert-hover.png) no-repeat scroll center center; */
}
.kpi-menu .menu-item-level-0 .menu-ico-list {
/* background: url(nicons/ico-list.png) no-repeat scroll center center; */
}
.kpi-menu .menu-item-level-0:hover .menu-ico-list {
/* background: url(nicons/ico-list-hover.png) no-repeat scroll center center; */
}
.kpi-menu .menu-item-level-0 .menu-ico-company {
/* background: url(nicons/ico-company.png) no-repeat scroll center center; */
}
.kpi-menu .menu-item-level-0:hover .menu-ico-company {
/* background: url(nicons/ico-company-hover.png) no-repeat scroll center center; */
}
.kpi-menu .menu-item-level-0 .menu-ico-permission {
/* background: url(nicons/ico-permission.png) no-repeat scroll center center; */
}
.kpi-menu .menu-item-level-0:hover .menu-ico-permission {
/* background: url(nicons/ico-permission-hover.png) no-repeat scroll center center;*/
}
.kpi-menu .menu-item-level-0 .menu-ico-tools {
/* background: url(nicons/ico-tools.png) no-repeat scroll center center;*/
}
.kpi-menu .menu-item-level-0:hover .menu-ico-tools {
/* background: url(nicons/ico-tools-hover.png) no-repeat scroll center center;*/
}
.kpi-menu .menu-item-level-0 .menu-ico-setting {
/* background: url(nicons/ico-setting.png) no-repeat scroll center center;*/
}
.kpi-menu .menu-item-level-0:hover .menu-ico-setting {
/* background: url(nicons/ico-setting-hover.png) no-repeat scroll center center;*/
}
.kpi-menu .menu-item-level-0 .menu-ico-user {
/* background: url(nicons/ico-user.png) no-repeat scroll center center;*/
}
.kpi-menu .menu-item-level-0:hover .menu-ico-user {
/* background: url(nicons/ico-user-hover.png) no-repeat scroll center center;*/
}
/************************************************
SELECTOR
*************************************************/
.kpi-selector {
display: inline-block;
position: relative;
min-width: 2em;
}
.kpi-selector-disable .kpi-selector-dropdow,
.kpi-selector-hidden .kpi-selector-dropdow {
visibility: hidden;
}
.kpi-selector .kpi-selector-dropdow {
box-sizing: border-box;
max-height: 400px;
overflow-x: visible;
overflow-y: auto;
position: absolute;
z-index: 1000;
top: 25px;
left: 0;
width: 100%;
display: block;
background-color: white;
border-radius: 0px 0px 3px 3px;
border: solid 1px #252525;
cursor: default;
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Safari */
-khtml-user-select: none;
/* Konqueror HTML */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* Internet Explorer/Edge */
user-select: none;
}
.kpi-selector .kpi-selector-dropdow .kpi-selector-item {
display: block;
white-space: nowrap;
padding: 2px 5px;
}
.kpi-selector .kpi-selector-dropdow .kpi-selector-item-selected {
background: #cccccc;
}
.kpi-selector .kpi-selector-dropdow .kpi-selector-item:hover {
background: #aaaaaa;
}
.kpi-selector-disable .kpi-selector-block {
/* background: rgb(230, 230, 230) url(nicons/ico-drop.png) no-repeat right; */
}
.kpi-selector .kpi-selector-block:hover {
/* background: url(nicons/ico-drop-hover.png) no-repeat right;*/
}
.kpi-selector-block {
display: block;
/* background: url(nicons/ico-drop.png) no-repeat right;*/
height: 24px;
border-radius: 3px;
border: solid 1px #252525;
}
.kpi-selector .kpi-selector-block input {
border: none;
margin-right: 28px;
background: transparent;
padding: 3px 5px;
}
.kpi-selector .kpi-selector-block input:focus {
outline: none;
}
/***************Check box*************************/
.kpi-checkbox {
display: inline-block;
}
.kpi-checkbox label {
/*font-size: 14px;*/
text-decoration: none;
font-weight: normal;
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Safari */
-khtml-user-select: none;
/* Konqueror HTML */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* Internet Explorer/Edge */
user-select: none;
}
.kpi-checkbox input[type=\"checkbox\"]:not(:checked),
.kpi-checkbox input[type=\"checkbox\"]:checked {
position: absolute;
left: -9999px;
}
.kpi-checkbox input[type=\"checkbox\"]:not(:checked)+label,
.kpi-checkbox input[type=\"checkbox\"]:checked+label {
position: relative;
padding-left: 22px;
cursor: pointer;
}
/* checkbox aspect */
.kpi-checkbox input[type=\"checkbox\"]:not(:checked)+label:before,
.kpi-checkbox input[type=\"checkbox\"]:checked+label:before {
content: \'\';
position: absolute;
left: 0;
top: 0;
width: 14px;
height: 14px;
border: 1px solid black;
/*background: #fff;*/
border-radius: 3px;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
}
/* checked mark aspect */
.kpi-checkbox input[type=\"checkbox\"]:not(:checked)+label:after,
.kpi-checkbox input[type=\"checkbox\"]:checked+label:after {
content: \'✔\';
position: absolute;
top: 3px;
left: 3px;
/*font-size: 14px;*/
line-height: 0.8;
color: black;
transition: all .2s;
}
/* checked mark aspect changes */
.kpi-checkbox input[type=\"checkbox\"]:not(:checked)+label:after {
opacity: 0;
transform: scale(0);
}
.kpi-checkbox input[type=\"checkbox\"]:checked+label:after {
opacity: 1;
transform: scale(1);
}
/* disabled checkbox */
.kpi-checkbox input[type=\"checkbox\"]:disabled:not(:checked)+label:before,
.kpi-checkbox input[type=\"checkbox\"]:disabled:checked+label:before {
box-shadow: none;
border-color: #bbb;
background-color: #ddd;
}
.kpi-checkbox input[type=\"checkbox\"]:disabled:checked+label:after {
color: #999;
}
.kpi-checkbox input[type=\"checkbox\"]:disabled+label {
color: #aaa;
}
/* accessibility */
/*.kpi-checkbox input[type=\"checkbox\"]:checked:focus + label:before,*/
/*.kpi-checkbox input[type=\"checkbox\"]:not(:checked):focus + label:before {*/
/* border: 2px dotted blue;*/
/*}*/
/* hover style just for information */
.kpi-checkbox label:hover:before {
/*border: 1px solid #4778d9!important;*/
background: #cccccc;
}
/***************************************************
TABLE
***************************************************/
.table-report-black {
background-color: white;
border-radius: 5px;
border-collapse: collapse;
line-height: 32px;
box-shadow: 2px 2px 5px rgb(188, 188, 188);
width: 98%;
}
.table-report-black>thead{
border-bottom:solid 1px rgb(188, 188, 188);
}
.table-report-black>tr>th,
.table-report-black>tbody>tr>th,
.table-report-black>thead>tr>th {
padding: 0 0.7em;
border-left: solid 1px rgb(188, 188, 188);
border-right: solid 1px rgb(188, 188, 188);
}
.table-report-black>tr>th:first-child,
.table-report-black>tbody>tr>th:first-child,
.table-report-black>thead>tr>th:first-child {
border-radius: 5px 0 0 0;
border-left: none;
}
table-report-black>tr>th:last-child,
.table-report-black>tbody>tr>th:last-child,
.table-report-black>thead>tr>th:last-child {
border-radius: 0 5px 0 0;
border-right: none;
}
.table-report-black>tr:nth-child(odd),
.table-report-black>tbody>tr:nth-child(odd) {
background-color: white;
}
.table-report-black>tr:nth-child(even),
.table-report-black>tbody>tr:nth-child(even) {
background-color: rgb(241, 241, 241);
}
.table-report-black>tr:last-child>td:first-child,
.table-report-black>tbody>tr:last-child>td:first-child {
border-radius: 0 0 0 5px;
}
.table-report-black>tr:last-child>td:last-child,
.table-report-black>tbody>tr:last-child>td:last-child {
border-radius: 0 0 5px 0;
}
.table-report-black>tr>td,
.table-report-black>tbody>tr>td {
padding: 0 1em;
border-left: solid 1px rgb(188, 188, 188);
border-right: solid 1px rgb(188, 188, 188);
}
.table-report-black>tr>td:first-child,
.table-report-black>tbody>tr>td:first-child {
border-left: none;
}
.table-report-black>tr>td:last-child,
.table-report-black>tbody>tr>td:last-child {
border-right: none;
}
/*******************************************************************************
BUTTON
********************************************************************************/
.button-black-gray {
background-color: rgb(79, 82, 84);
margin: 0 1px 1px 0;
box-shadow: 2px 2px 5px gray;
font-size: 12px;
line-height: 1.8em;
text-align: center;
padding: 0;
display: inline-block;
color: white;
border: none;
text-transform: uppercase;
}
.button-black-gray:hover {
background-color: rgb(50, 51, 51);
}
.button-black-gray:active,
.button-black-red:active {
margin: 1px 0px 0px 1px;
box-shadow: 1px 1px 2px gray;
}
.button-black-red {
background-color: rgb(79, 82, 84);
margin: 0 1px 1px 0;
box-shadow: 2px 2px 5px gray;
font-size: 12px;
line-height: 1.8em;
text-align: center;
padding: 0;
display: inline-block;
color: white;
border: none;
text-transform: uppercase;
}
.button-black-red:hover {
background-color: rgb(255, 0, 0);
}
.calendar-icon-trigger {
font-size: 20px;
color: #7a7a7a;
cursor: pointer;
padding-right: 5px;
}
.calendar-icon-trigger:hover {
color: black;
}
/*** module: style/common.css ***/
/************************************************/
html {
position: relative;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
body {
padding: 0;
margin: 0;
overflow-x: hidden;
position: relative;
width: 100%;
height: 100%;
font-size: 14px;
}
div {
padding: 0;
margin: 0;
}
table {
border-spacing: 0;
border-collapse: collapse;
padding: 0;
margin: 0;
border: none;
}
tr,
td {
border: none;
padding: 0;
margin: 0;
}
/*** center material icon to cell ***/
td > .material-icons {
vertical-align: middle;
}
div.resetClass{
font-size: inherit;
font-family: inherit;
font-weight: inherit;
}
/*** module: style/bootstrap.revert.css ***/
/*fix css style*/
:root {
/*font-size: 14px;*/
}
.bsc-white .calendar-chrome-input {
width: 100px;
}
.bsc-white .absol-checkbox label,
.bsc-white .absol-radio label {
font-weight: normal;
}
.bsc-white .absol-icon-button-icon-container,
.bsc-white .absol-icon-button-text-container {
vertical-align: top;
}
/*====================== MENU ====================*/
.bsc-white .absol-vmenu-button-key {
min-width: 0;
}
.bsc-white .absol-selectmenu {
background-color: white;
}
.bsc-white .absol-selectmenu.disabled {
background-color: #ebebe4;
}
.bsc-white .absol-context-menu {
background-color: white;
}
.bsc-white .absol-selectbox {
background-color: white;
}
.bsc-white .absol-search-text-input {
height: 30px;
}
.bsc-white .absol-search-text-input-container {
right: 30px;
}
.bsc-white .absol-search-text-button-container {
width: 30px;
}
.absol-search-text-button-container button > svg {
margin: 6px;
}
.absol-disabled .calendar-chrome-input,
.absol-disabled .calendar-chrome-input:hover {
color: black;
background-color: transparent;
}
.bsc-white td > textarea,
.bsc-white td > .absol-selectmenu {
vertical-align: middle;
}
/*
.bsc-white .absol-context-hinge-fixed-container {
z-index: 100;
} */
.bsc-white .absol-table-scroller-head-line,
.bsc-white .absol-table-scroller-left-line,
.bsc-white .absol-table-vscroller-head-line {
border-color: black;
border-width: 1px;
}
.absol-calendar-input-wrapper .absol-calendar-input,
.KPIsimpleInput .absol-calendar-input {
border: none;
}
.bsc-white .absol-selectmenu-anchor-content-container {
z-index: 103003;
}
/*
crazy css
*/
.bsc-white .as-icon-button-table-box,
.bsc-white .as-flexicon-button-content,
.bsc-white .as-flexicon-button-icon-container,
.bsc-white .as-flexicon-button-text-container {
font-size: inherit;
font-family: inherit;
font-style: inherit;
}
.as-modal {
background-color: rgba(0, 0, 0, 0.502);
overflow-y: auto;
z-index: 1002;
}
label.absol-radio, label.absol-checkbox,
label.absol-radio span, label.absol-checkbox span {
font-weight: normal;
font-family: inherit;
font-size: inherit;
}
body.bsc-white {
color: black;
}
.bsc-white label {
margin-bottom: 0;
}
.bsc-white pre {
background-color: initial;
}
table .as-chain-layout {
white-space: nowrap;
}
table .as-chain-layout>* {
white-space: normal;
}
/*** module: style/bsc.white.css ***/
.bsc-white .absol-dropdown-content {
z-index: 103;
}
.absol-selectmenu {
background-color: white;
}
.bsc-white .absol-follower,
.bsc-white .absol-context-hinge-fixed-container {
z-index: 1000001;
}
.as-modal {
/*background-color: rgba(0, 0, 0, 0.502);*/
background-color: transparent;
overflow-y: auto;
z-index: 1002;
}
.bsc-white .as-message-dialog-footer {
text-align: center;
}
.bsc-white .as-message-dialog-footer button {
min-width: var(--button-min-width);
}
.bsc-white .as-message-dialog {
border: 1px solid #888;
box-shadow: 4px 4px 10px 0px black;
}
.bsc-white .as-ribbon-button.as-appearance-button {
min-width: var(--button-min-width);
height: var(--button-height);
font-size: var(--button-title-font-size);
font-weight: var(--button-title-font-weight);
box-sizing: border-box;
border-radius: 0.2em;
outline: none;
}
.bsc-white .as-bscroller {
overflow-y: auto;
}
.bsc-white .asht-cell-editor-input.as-select-menu {
height: var(--cell-height);
width: var(--cell-width);
}
.card-main-menu-ctn > .as-v-root-menu,
.kpi-main-menu-ctn > .as-v-root-menu {
height: 100%;
}
.bsc-white {
--multi-select-menu-max-height: 90px;
}
/*.bsc-white .absol-hmenu {*/
/* !* background-color: rgb(214, 214, 214); *!*/
/* background-color: white;*/
/* color: black;*/
/*}*/
/*.bsc-white .absol-hmenu-button {*/
/* padding-top: 5px;*/
/* padding-bottom: 5px;*/
/*}*/
/*.bsc-white .absol-hmenu-button,*/
/*.bsc-white .absol-vmenu-button {*/
/* color: black;*/
/*}*/
/*.bsc-white .absol-vmenu-button {*/
/* min-width: 4em;*/
/*}*/
/*.bsc-white .absol-hmenu-button:hover,*/
/*.bsc-white .absol-hmenu .absol-hmenu-button-hover {*/
/* background-color: rgb(214, 214, 214);*/
/*}*/
/*.bsc-white .absol-dropdown-content,*/
/*.bsc-white.absol-dropright-content {*/
/* background-color: white;*/
/* z-index: 100;*/
/*}*/
/*.bsc-white .absol-dropdown-content,*/
/*.bsc-white .bsc-white.absol-dropright-content {*/
/* z-index: 1000;*/
/*}*/
/*.bsc-white .absol-vmenu-button:hover,*/
/*.bsc-white .absol-vmenu .absol-vmenu-button-hover {*/
/* background-color: rgb(214, 214, 214);*/
/*}*/
/*.bsc-white .absol-vmenu-button:focus,*/
/*.bsc-white .absol-hmenu-button:focus {*/
/* outline: none;*/
/*}*/
.DOMElement_class_11 > div > div > div > div.as-linear-layout {
overflow: hidden !important; /*fix overflow*/
}
.bsc-white .as-chain-anchor-box[data-anchor-of="MultiSelectTreeLeafComboBox"],
.bsc-white .as-chain-anchor-box[data-anchor-of="MultiselectComboBox"],
.bsc-white .as-chain-anchor-box[data-anchor-of="MultiSelectComboBox"],
.bsc-white .as-chain-anchor-box[data-anchor-of="MultiSelectComboBox"] {
height: auto !important; /**fix height**/
}
.bsc-white .as-linear-anchor-box[data-anchor-of="MultiSelectTreeLeafComboBox"],
.bsc-white .as-linear-anchor-box[data-anchor-of="MultiselectComboBox"],
.bsc-white .as-linear-anchor-box[data-anchor-of="MultiSelectComboBox"],
.bsc-white .as-linear-anchor-box[data-anchor-of="MultiSelectTreeComboBox"] {
height: auto !important; /**fix height**/
}
/* fix valign:center */
.bsc-white .as-chain-layout[data-has-tags="CheckBox-Label"] > .as-chain-anchor-box.as-valign-top {
vertical-align: middle;
}
.bsc-white .as-copyable-icon-tooltip > * {
font-size: var(--icon-fontsize);
}
.bsc-white .as-copyable-icon-tooltip {
width: var(--icon-fontsize-cover);
height: var(--icon-fontsize-cover);
color: var(--icon-color);
}
.bsc-white .as-copyable-icon-tooltip:hover,
.bsc-white .as-copyable-icon-tooltip:active {
background-color: var(--icon-background-cover-hover);
}
.DOMElement_class_7 table .as-hyper-layout {
white-space: nowrap;
}
.DOMElement_class_7 table .as-hyper-layout>*{
white-space: normal;
}
.bsc-white:not(.am-mobile-theme) .card-send-mail-content .cke_chrome.cke_reset {
/* max-width: 70vw !important; */
/* width: 500px !important; */
}
.bsc-white:not(.am-mobile-theme) .card-signature-ctn .cke_contents {
/* max-width: 70vw !important; */
/* width: 500px !important; */
}
.bsc-white .card-signature-ctn .cke_contents {
/* height: 200px !important; */
}
.bsc-white .card-activities-content-ckeditor .cke_contents {
/* height: 300px !important; */
}
.bsc-white:not(.am-mobile-theme) .card-activities-content-ckeditor .cke_chrome.cke_reset {
/* max-width: 70vw !important; */
/* width: 400px !important; */
}
.card-main-menu-ctn .absol-hmenu-button,
.card-main-menu-ctn .absol-vmenu-button {
color: var(--menu-font-color);
}
.card-main-menu-ctn .absol-vmenu-button:hover,
.card-main-menu-ctn .absol-vmenu .absol-vmenu-button-hover {
background-color: var(--menu-background-hover);
}
.card-main-menu-ctn .as-v-root-menu .absol-dropright-content {
background-color: var(--menu-background-color);
}
.card-main-menu-ctn .absol-vmenu-button {
height: var(--main-menu-item-height);
}
.card-main-menu-ctn .absol-dropright:not(.absol-drop-hidden)>.absol-vmenu-button .absol-vmenu-button-text {
color: white;
text-shadow: 0.5px 0 0 currentColor;
}
/** Giao diện mới **/
/**************** TABVIEW ************************/
.main-tabview {
width: 100%;
height: 100%;
}
.main-frame-view>div>div>.absol-single-page-scroller {
/*padding-right: var(--tab-padding-right);*/
}
/* .bsc-white .absol-single-page-scroller {
height: unset;
} */
.main-tabview>.absol-tabview-container {}
.bsc-white .main-tabview>.absol-tabview-container {
top: calc(var(--header-height) - 10px);
}
.bsc-white .main-tabview>.absol-tabbar {
height: calc(var(--header-height) - 10px);
border-bottom: none !important;
}
.bsc-white .main-tabview>.absol-tabbar .absol-tabbar-button {
height: calc(var(--header-height) - 10px);
border-radius: 4px 4px 0 0;
border: none;
background-color: var(--tab-button-background-color);
color: var(--tab-font-color);
}
.bsc-white .main-tabview>.absol-tabbar .absol-tabbar-button:hover {
background-color: var(--tab-button-background-color-hover);
}
.bsc-white .main-tabview>.absol-tabbar .absol-tabbar-button:hover:not(.absol-tabbar-button-active) {
color: var(--tab-button-font-color-hover);
}
.bsc-white .main-tabview>.absol-tabbar .absol-tabbar-button.absol-tabbar-button-active {
background-color: var(--tab-active-background-color);
color: var(--tab-active-font-color);
}
.bsc-white .main-tabview>.absol-tabbar .absol-tabbar-button.absol-tabbar-button-active .absol-tabbar-button-text {
text-shadow: 1px 0 0 currentColor;
padding-right: 2px;/*để text-shadown không bị cắt*/
}
.bsc-white .main-tabview>.absol-tabbar .absol-tabbar-button-close {
border-radius: 50%;
width: 1em;
height: 1em;
}
.bsc-white:not(.am-mobile-theme) .main-frame-view>.absol-frame-view-frame-container>.absol-single-page>.absol-single-page-scroller>.absol-single-page-scroller-viewport {
padding-left: var(--tab-padding-left);
}
.bsc-white:not(.am-mobile-theme) .main-frame-view>.absol-frame-view-frame-container>.absol-single-page.cd-page-not-padding-left>.absol-single-page-scroller>.absol-single-page-scroller-viewport {
padding-left: 0;
}
.bsc-white:not(.am-mobile-theme) .main-frame-view>.absol-frame-view-frame-container>.absol-single-page.cd-page-not-padding-right>.absol-single-page-scroller{
padding-right: 0;
}
.absol-single-page-header.button-panel-header,
.absol-single-page-header>.button-panel-header {
padding-left: var(--tab-padding-left);
padding-right: var(--tab-padding-right);
}
/*** Board Manager **************/
.bsc-white:not(.am-mobile-theme) .cd-list-board-body,
.bsc-white:not(.am-mobile-theme) .cd-board-group-body {
max-height: calc(100vh - 220px);
}
.bsc-white.am-mobile-theme .cd-list-board-body,
.bsc-white.am-mobile-theme .cd-board-group-body {
max-height: calc(100vh - 260px);
}
/*** module: node_modules/absol-acomp/css/default.css ***/
:root {
--as-input-height: calc(2rem + 2px);
--as-input-font-size: 1rem;
--as-input-font-family: Arial, Helvetica, sans-serif;
--as-input-vertical-padding: 0.3571em;
--as-input-horizontal-padding: 0.5em;
--as-input-border-color: #ddd;
--as-input-border-radius: 3px;
--as-context-menu-font-size: 1rem;
--as-context-font-family: Arial, Helvetica, sans-serif;
--as-disabled-background-color: #ebebe4;
--as-disabled-text-color: rgb(102, 102, 102);
--icon-background-cover-hover: #91e4fb;
--as-transparent-button-hover-color: rgba(169, 169, 172, 0.25);
--as-transparent-button-focus-color: rgba(20, 185, 235, 0.3);
--as-transparent-button-active-color: rgba(169, 169, 172, 0.2);
--as-transparent-button-text-color: rgb(139, 139, 140);
--as-transparent-button-text-hover-color: rgb(107, 107, 107);
--as-transparent-button-text-active-color: rgb(0, 0, 0);
--as-list-item-hover-background-color: #efefef;
--as-list-item-selected-background-color: #dfdfdf;
--modal-margin-top: 10vh;
--icon-font-size: 1.42857142857rem;
}
/*** module: node_modules/absol-acomp/css/debugtask.css ***/
.absol-debug-task {
position: fixed;
right: 10px;
bottom: 10px;
z-index: 999999;
border-radius: 4px;
background: rgba(169, 169, 171, 0.3);
border: solid 1px rgba(21, 21, 214, 0.5);
min-width: 45px;
min-height: 30px;
font-size: 12px;
padding: 5px;
pointer-events: none;
}
.absol-debug-task-name{
color: darkcyan;
}
.absol-debug-task-value{
color: rgb(159, 8, 197);
}
/*** module: node_modules/absol-acomp/css/common.css ***/
.as-text-input {
border-style: solid;
border-width: 1px;
border-radius: var(--as-input-border-radius);
border-color: var(--as-input-border-color);
outline: none;
height: var(--as-input-height);
padding-left: var(--as-input-vertical-padding);
font-size: inherit;
box-sizing: border-box;
}
.as-text-input[readonly].as-border-none {
border: none;
padding-left: 0;
padding-right: 0;
}
input[type="text"].as-text-input:disabled,
textarea.as-text-input:disabled {
background-color: var(--as-disabled-background-color);
}
.as-blink-text {
--blink-duration: 1s;
--text-color: black;
animation-name: as-anim-text-blink-1-1;
animation-duration: var(--blink-duration);
animation-iteration-count: infinite;
}
@keyframes as-anim-text-blink-1-1 {
0% {
color: var(--text-color);
}
49% {
color: var(--text-color);
}
50% {
color: transparent;
}
99% {
color: transparent;
}
100% {
color: var(--text-color);
}
}
.as-mti-star {
font-family: 'Material Icons';
color: #ffa834;
font-size: var(--icon-font-size);
-webkit-font-smoothing: antialiased;
}
.as-mti-star::before {
content: "star";
}
.as-cursor-pointer {
cursor: pointer;
}
.as-table-grid {
display: table;
}
.as-table-grid.as-inline {
display: inline-table;
}
.as-table-grid-row {
display: table-row;
}
.as-table-grid-cell {
display: table-cell;
}
.as-pseudo-align-child-center {
text-align: center;
}
.as-pseudo-align-child-center::before {
height: 100%;
content: "";
vertical-align: middle;
display: inline-block;
}
.as-pseudo-align-child-center > * {
display: inline-block;
vertical-align: middle;
}
.as-transparent-button {
background-color: transparent;
border: none;
padding: 0;
margin: 0;
font-size: inherit;
color: var(--as-transparent-button-text-color);
}
.as-transparent-button:hover {
color: var(--as-transparent-button-text-hover-color);
}
.as-transparent-button:active {
color: var(--as-transparent-button-text-active-color);
}
.as-transparent-button .mdi {
font-size: 1.5em;
display: inline-block;
vertical-align: middle;
}
.as-transparent-button > svg,
.as-transparent-button > img {
width: 1.5em;
height: 1.5em;
}
.as-transparent-button.as-variant-danger {
color: var(--variant-color-danger);
}
.as-transparent-button.as-variant-danger:hover {
color: #c03542;
}
.as-transparent-button.as-variant-danger:active{
color: #ef0d23;
}
button.as-transparent-button:disabled {
color: #dddddd;
}
.as-section-text-n-line {
position: relative;
display: block;
padding-bottom: 5px;
}
.as-section-text-n-line span {
background-color: white;
position: relative;
z-index: 2;
padding-right: 5px;
display: inline-block;
}
.as-section-text-n-line::after {
content: "";
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: calc(50% - 1px);
border-top: 1px solid #dddddd;
}
/*** module: node_modules/absol-acomp/css/autocompleteinput.css ***/
.absol-autocomplete-input {
display: inline-block;
position: relative;
box-sizing: border-box;
border: solid 1px #d6d6d6;
}
.absol-autocomplete-input.absol-disabled {
pointer-events: none;
color: rgb(84, 84, 84);
background-color: rgb(235, 235, 228);
}
.absol-autocomplete-input>input {
min-width: 100%;
min-height: 100%;
box-sizing: border-box;
background-color: transparent;
border: none;
outline: none;
}
.absol-autocomplete-input-dropdown {
position: absolute;
left: 0;
top: 100%;
min-width: 100%;
z-index: 1005;
border: solid 1px rgb(169, 169, 169);
box-sizing: border-box;
background-color: white;
}
.absol-autocomplete-input-dropdown .as-bscroller{
overflow-y: auto;
}
.absol-autocomplete-input-dropdown.top {
top: auto;
bottom: 100%;
}
.absol-autocomplete-input-item {
height: 30px;
}
.absol-autocomplete-input-item:hover {
background-color: rgba(169, 169, 169, 0.18605);
cursor: pointer;
}
.absol-autocomplete-input-item.active,
.absol-autocomplete-input-item.active:hover {
background-color: rgba(169, 169, 169, 0.37209);
}
.absol-autocomplete-input-item-text {
line-height: 30px;
margin-left: 5px;
margin-right: 5px;
}
/*** module: node_modules/absol-acomp/css/boardtable.css ***/
.as-has-board-table-drag,
.as-has-board-table-drag * {
cursor: grabbing;
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}
.as-board-table {
overflow: visible;
position: relative;
}
.as-board-drag-zone {
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}
.as-board {
white-space: normal;
box-sizing: border-box;
position: relative;
vertical-align: middle;
}
/**
Bug note: don't put fixed position element to a element which has transform
*/
.as-board-moving {
transform-origin: 30% 55%;
transform: rotate(5deg);
transition: transform 0.05s;
user-select: none;
pointer-events: none;
position: fixed !important;
z-index: 2000;
}
.as-board-place-holder {
opacity: 0.3;
}
.as-board-table-prevent-context {
position: fixed;
--x: -10000px;
--y: -10000px;
left: calc(var(--x) - 100px);
top: calc(var(--y) - 100px);
opacity: 0;
z-index: 100000000;
width: 200px;
height: 200px;
cursor: default;
-webkit-user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
}
/*** module: node_modules/absol-acomp/css/hanger.css ***/
.as-has-hanger-drag,
.as-has-hanger-drag * {
touch-action: none;
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}
/*** module: node_modules/absol-acomp/css/bscroller.css ***/
/* OLD module */
.absol-bscroller {
scrollbar-width: thin;
scrollbar-color: rgba(151, 151, 151, 0.4) rgba(220, 220, 220, 0.4);
overflow: auto;
}
.absol-bscroller::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.absol-bscroller::-webkit-scrollbar-track {
background: rgba(220, 220, 220, 0.4);
}
.absol-bscroller::-webkit-scrollbar-thumb {
background: rgba(182, 182, 182, 0.4);
}
.absol-bscroller::-webkit-scrollbar-thumb:hover {
background: rgba(32, 32, 32, 0.4);
}
.absol-bscroller::-webkit-scrollbar-thumb:active {
background: rgba(13, 13, 13, 0.6);
}
.absol-bscroller.dark,
.dark .absol-bscroller {
scrollbar-color: rgba(104, 104, 104, 0.4) rgba(35, 35, 35, 0.4);
}
.absol-bscroller.dark::-webkit-scrollbar-track,
.dark .absol-bscroller::-webkit-scrollbar-track {
background: rgba(35, 35, 35, 0.4);
}
.absol-bscroller.dark::-webkit-scrollbar-thumb,
.dark .absol-bscroller::-webkit-scrollbar-thumb {
background: rgba(73, 73, 73, 0.4);
}
.absol-bscroller.dark::-webkit-scrollbar-thumb:hover,
.dark .absol-bscroller::-webkit-scrollbar-thumb:hover {
background: rgba(223, 223, 223, 0.4);
}
.absol-bscroller.dark::-webkit-scrollbar-thumb:active,
.dark .absol-bscroller::-webkit-scrollbar-thumb:active {
background: rgba(242, 242, 242, 0.6);
}
/*******************************************/
.as-bscroller {
scrollbar-width: thin;
scrollbar-color: rgba(151, 151, 151, 0.4) rgba(220, 220, 220, 0.4);
}
.as-bscroller::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.as-bscroller::-webkit-scrollbar-track {
background: rgba(220, 220, 220, 0.4);
}
.as-bscroller::-webkit-scrollbar-thumb {
background: rgba(182, 182, 182, 0.4);
}
.as-bscroller::-webkit-scrollbar-thumb:hover {
background: rgba(32, 32, 32, 0.4);
}
.as-bscroller::-webkit-scrollbar-thumb:active {
background: rgba(13, 13, 13, 0.6);
}
.as-bscroller.dark,
.dark .as-bscroller,
.as-dark .as-bscroller,
.as-dark.as-bscroller
{
scrollbar-color: rgba(104, 104, 104, 0.4) rgba(150, 150, 150, 0.4);
}
.as-bscroller.dark::-webkit-scrollbar-track,
.dark .as-bscroller::-webkit-scrollbar-track,
.as-dark .as-bscroller::-webkit-scrollbar-track,
.as-dark.as-bscroller::-webkit-scrollbar-track
{
background: rgba(150, 150, 150, 0.4);
}
.as-bscroller.dark::-webkit-scrollbar-thumb,
.dark .as-bscroller::-webkit-scrollbar-thumb,
.as-dark .as-bscroller::-webkit-scrollbar-thumb,
.as-dark.as-bscroller::-webkit-scrollbar-thumb
{
background: rgba(104, 104, 104, 0.4);
}
.as-bscroller.dark::-webkit-scrollbar-thumb:hover,
.dark .as-bscroller::-webkit-scrollbar-thumb:hover,
.as-dark .as-bscroller::-webkit-scrollbar-thumb:hover,
.as-dark.as-bscroller::-webkit-scrollbar-thumb:hover
{
background: rgba(223, 223, 223, 0.4);
}
.as-bscroller.dark::-webkit-scrollbar-thumb:active,
.dark .as-bscroller::-webkit-scrollbar-thumb:active,
.as-dark .as-bscroller::-webkit-scrollbar-thumb:active,
.as-dark.as-bscroller::-webkit-scrollbar-thumb:active
{
background: rgba(242, 242, 242, 0.6);
}
/*** module: node_modules/absol-acomp/css/buttonarray.css ***/
.as-button-array {
font-size: 1rem;
border: 1px solid #006ce5;
display: inline-block;
border-radius: 0.2em;
overflow: hidden;
}
.as-button-array-item {
text-align: center;
font-size: inherit;
height: 2em;
border: none;
box-sizing: border-box;
padding-left: 0.35714em;
padding-right: 0.35714em;
outline: none;
color: #006ce5;
background-color: white;
border-radius: 0;
transition: background-color 0.1s, color 0.1s;
margin: 0;
}
.as-button-array-item:not(:first-child) {
border-left: 1px solid #006ce5;
border-right: none;
}
.as-button-array-item.as-active {
color: white;
background-color: #006ce5;
}
/*** module: node_modules/absol-acomp/css/calendarinput.css ***/
.absol-calendar-input {
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
width: 7em;
height: 2em;
box-sizing: content-box;
display: inline-block;
vertical-align: middle;
border: solid 1px #d6d6d6;
border-radius: 0.2em;
}
.absol-calendar-input.as-border-none {
border: none;
}
.absol-calendar-input.as-border-none > input {
text-align: left;
padding-left: 0;
}
.absol-calendar-input > input {
text-align: center;
width: 100%;
height: 100%;
outline: none;
border: none;
background: transparent;
padding: 0;
font: inherit;
}
.absol-calendar-input:not(.as-read-only) input {
cursor: pointer;
}
.absol-calendar-input:not(.as-read-only) > input:hover,
.absol-calendar-input:not(.as-read-only) > input:focus {
color: red;
}
.absol-calendar-input.absol-disabled {
pointer-events: none;
background-color: var(--as-disabled-background-color);
}
.absol-calendar-input.absol-disabled input {
color: var(--as-disabled-text-color);
}
/*** module: node_modules/absol-acomp/css/chromecalendar.css ***/
.absol-chrome-calendar {
display: inline-block;
font-family: Helvetica, Arial, sans-serif;
font-size: 1rem;
padding: 0.6em;
border: solid 1px rgb(191, 191, 191);
box-shadow: 1px 1px 2px rgb(240, 240, 240);
z-index: 100;
touch-action: manipulation;
user-select: none;
background-color: rgb(255, 255, 255);
white-space: initial;
outline: none;
}
.absol-chrome-calendar * {
font-size: inherit;
}
.absol-chrome-calendar-header {
white-space: nowrap;
position: relative;
}
.absol-chrome-calendar-title {
display: inline-block;
vertical-align: middle;
}
.absol-chrome-calendar-header-buttons {
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.absol-chrome-calendar-header-buttons > button {
font-size: 1em;
width: 1.5em;
height: 1.5em;
padding: 0;
border-radius: 0.2em;
border: solid 1px rgb(167, 167, 167);
background: linear-gradient(rgb(240, 240, 240), rgb(233, 233, 233), rgb(223, 223, 223));
cursor: pointer;
outline: none;
box-shadow: 1px 1px 2px #aaa;
color: rgb(110, 110, 110);
}
.absol-chrome-calendar-header-buttons > button:nth-child(2) {
margin-left: 0.2em;
margin-right: 0.2em;
}
.absol-chrome-calendar-header-buttons > button:active {
box-shadow: 0px 0px 2px #aaa;
}
.absol-chrome-calendar:not(.view-era) .absol-chrome-calendar-title {
cursor: pointer;
}
.absol-chrome-calendar-title::after {
content: "\25BC";
}
.absol-chrome-calendar[data-view="era"] .absol-chrome-calendar-title::after {
content: "";
}
.absol-chrome-calendar-title > span {
line-height: 1.5em;
min-width: 5em;
display: inline-block;
}
.absol-chrome-calendar-instance {
margin-top: 1em;
border: solid 1px rgb(140, 140, 140);
width: calc(14em + 2px);
position: relative;
height: calc(8.4em + 3px);
overflow: hidden;
box-sizing: border-box;
/*border*/
}
.absol-chrome-calendar-dayofweek {
background-color: rgb(241, 241, 241);
height: 1.2em;
white-space: nowrap;
position: absolute;
left: 0;
right: 0;
z-index: 10;
}
.absol-chrome-calendar[data-level="week"] .absol-chrome-calendar-dayofweek::before {
content: "wk";
text-align: center;
line-height: 1.2;
display: inline-block;
color: rgb(130, 130, 255);
border-bottom: solid 1px rgb(191, 191, 191);
border-right: solid 1px rgb(191, 191, 191);
box-sizing: border-box;
width: 12.5%;
}
.absol-chrome-calendar-dayofweek > div {
text-align: center;
line-height: 1.2;
display: inline-block;
width: calc(100% / 7);
border-bottom: solid 1px rgb(191, 191, 191);
box-sizing: border-box;
}
.absol-chrome-calendar[data-level="week"] .absol-chrome-calendar-dayofweek > div {
width: 12.5%;
}
.absol-chrome-calendar-month-animation-container {
position: absolute;
transition: top 0.2s;
}
.absol-chrome-calendar-month-animation-container.old {
z-index: 7;
/* background: red; */
}
.absol-chrome-calendar-month-animation-container.new {
z-index: 8;
/* background: blue; */
}
.absol-chrome-calendar-month-animation-container > .absol-chrome-calendar-month {
width: 100%;
height: 100%;
margin-top: -1px;
}
.absol-chrome-calendar-month {
width: 100%;
margin-top: 1.2em;
background-color: white;
/*for header*/
}
.absol-chrome-calendar-month.as-animation {
position: absolute;
left: 0;
top: 0;
width: 100%;
margin: 0;
z-index: 8;
transition: top 0.2s;
/*opacity: 0.5;*/
}
.absol-chrome-calendar-month.as-animation div {
pointer-events: none;
transition: color 0.2s;
}
.absol-chrome-calendar[data-view="month"] .absol-chrome-calendar-month {
display: table;
}
.absol-chrome-calendar[data-view="month"] .absol-chrome-calendar-dayofweek {
display: block;
}
.absol-chrome-calendar-week-in-month {
display: table-row;
height: 1.2em;
}
.absol-chrome-calendar-week-in-month > div::before {
content: attr(data-date);
}
.absol-chrome-calendar[data-level="week"] .absol-chrome-calendar-week-in-month::before {
content: attr(data-week-idx-text);
display: table-cell;
text-align: right;
padding-right: 0.4em;
color: rgb(130, 130, 255);
text-shadow: 1px 0 0 currentColor;
border-right: solid 1px rgb(191, 191, 191);
width: 12.5%;
}
.absol-chrome-calendar-week-in-month > div {
display: table-cell;
text-align: right;
padding-right: 0.4em;
cursor: pointer;
box-sizing: border-box;
width: calc(100% / 7);
}
.absol-chrome-calendar[data-level="week"] .absol-chrome-calendar-week-in-month > div {
width: calc(100% / 8);
}
.absol-chrome-calendar[data-level="day"] .absol-chrome-calendar-week-in-month > div:hover,
.absol-chrome-calendar[data-level="week"] .absol-chrome-calendar-week-in-month.as-hover-in-year > div:not(.as-not-in-year),
.absol-chrome-calendar[data-level="week"] .absol-chrome-calendar-week-in-month.as-hover-in-year::before,
.absol-chrome-calendar[data-level="week"] .absol-chrome-calendar-week-in-month.as-hover-not-in-year > .as-not-in-year
{
background-color: rgb(224, 245, 256);
}
.absol-chrome-calendar[data-level="day"] .absol-chrome-calendar-not-in-month:not(.as-disabled),
.absol-chrome-calendar[data-level="week"] .absol-chrome-calendar-not-in-month:not(.as-disabled) {
color: rgb(140, 140, 140);
}
.absol-chrome-calendar-today {
border: inset 1px rgb(191, 191, 191);
box-sizing: border-box;
}
.absol-chrome-calendar-selected,
.absol-chrome-calendar[data-level="week"] .as-week-selected,
.absol-chrome-calendar[data-level="quarter"] .as-quarter-selected,
.absol-chrome-calendar[data-level="week"] .absol-chrome-calendar-week-in-month.as-selected::before
{
background-color: rgb(188, 205, 236) !important;
}
.absol-chrome-calendar[data-level="week"] .as-week-selected .absol-chrome-calendar-selected {
background-color: transparent;
}
.absol-chrome-calendar-years {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.absol-chrome-calendar:not([data-view="year"]) .absol-chrome-calendar-years {
z-index: -10000;
opacity: 0;
visibility: hidden;
}
.absol-chrome-calendar.view-year .absol-chrome-calendar-instance {
border-color: rgb(77, 114, 254)
}
.absol-chrome-calendar-month,
.absol-chrome-calendar-dayofweek,
.absol-chrome-calendar-era {
display: none;
}
.absol-chrome-calendar:not(.view-month) .absol-chrome-calendar-title {
color: rgb(191, 191, 191);
}
.absol-chrome-calendar-year {
overflow: hidden;
}
.absol-chrome-calendar-year-head {
background-color: rgb(241, 241, 241);
border-bottom: solid 1px rgb(191, 191, 191);
height: 1.5em;
text-align: center;
line-height: 1.5em;
box-sizing: border-box;
}
.absol-chrome-calendar-year:last-child .absol-chrome-calendar-year-head {
border-bottom: solid 1px rgb(191, 191, 191);
}
.absol-chrome-calendar-year.start-opening .absol-chrome-calendar-year-months,
.absol-chrome-calendar-year.closing .absol-chrome-calendar-year-months {
margin-bottom: -6em;
transition: margin-bottom linear 0.1s;
}
.absol-chrome-calendar-year.opening .absol-chrome-calendar-year-months,
.absol-chrome-calendar-year.start-closing .absol-chrome-calendar-year-months {
margin-bottom: 0;
transition: margin-bottom linear 0.1s;
}
.absol-chrome-calendar-year-months {
width: 100%;
display: table;
height: calc(6em + 1px);
border-bottom: solid 1px rgb(191, 191, 191);
box-sizing: border-box;
}
.absol-chrome-calendar-year-row-months {
display: table-row;
line-height: 1.5;
height: 2em;
}
.absol-chrome-calendar-year-month {
text-align: center;
display: table-cell;
vertical-align: middle;
}
.absol-chrome-calendar-year-month:hover,
.absol-chrome-calendar-era-year:hover,
.absol-chrome-calendar[data-level="quarter"] .absol-chrome-calendar-years-content[data-hover-quarter="0"] .absol-chrome-calendar-year-month[data-quarter="0"],
.absol-chrome-calendar[data-level="quarter"] .absol-chrome-calendar-years-content[data-hover-quarter="1"] .absol-chrome-calendar-year-month[data-quarter="1"],
.absol-chrome-calendar[data-level="quarter"] .absol-chrome-calendar-years-content[data-hover-quarter="2"] .absol-chrome-calendar-year-month[data-quarter="2"],
.absol-chrome-calendar[data-level="quarter"] .absol-chrome-calendar-years-content[data-hover-quarter="3"] .absol-chrome-calendar-year-month[data-quarter="3"] {
background-color: rgb(224, 245, 256);
}
.absol-chrome-calendar-years:hover .absol-scrollbar {
opacity: 1;
}
.absol-chrome-calendar-years .absol-scrollbar {
background-color: rgba(169, 169, 172, 0.2);
opacity: 0;
transition: opacity 0.2s;
}
.absol-chrome-calendar-week-in-month > div.as-disabled,
.absol-chrome-calendar-date-disabled,
.absol-chrome-calendar-era-year.absol-chrome-calendar-date-disabled {
color: rgb(240, 230, 230);
pointer-events: none;
cursor: not-allowed;
}
button.absol-chrome-calendar-button-disabled,
.absol-chrome-calendar button:disabled {
color: rgb(220, 210, 210);
pointer-events: none;
box-shadow: none;
cursor: not-allowed;
}
.absol-chrome-calendar-era {
position: absolute;
left: 0;
top: 0;
z-index: 1000000;
/*width: 100%;*/
/*height: 100%; */
width: calc(14em + 17px);
box-sizing: border-box;
height: 100%;
background-color: white;
box-shadow: 0px 0px 1px 0 black;
overflow-y: scroll;
overflow-x: hidden;
font-size: inherit;
}
.absol-chrome-calendar[data-view="era"] .absol-chrome-calendar-era {
display: block;
}
.absol-chrome-calendar[data-level="year"] .absol-chrome-calendar-era {
display: block;
}
.absol-chrome-calendar-era-row {
width: 14em;
height: 25%;
white-space: nowrap;
font-size: inherit;
}
.absol-chrome-calendar-era-year {
display: inline-block;
vertical-align: top;
height: 100%;
width: 25%;
text-align: center;
line-height: 2.1em;
font-size: inherit;
color: rgb(140, 140, 140);
}
.absol-chrome-calendar-in-decade:not(.absol-chrome-calendar-date-disabled) {
color: black;
}
/*.absol-chrome-calendar-era*/
/*** module: node_modules/absol-acomp/css/scroller.css ***/
.absol-vscroller {
position: relative;
overflow-x: hidden;
}
.absol-vscroller.disabled > .absol-vscroller-viewport {
overflow-y: visible;
margin-right: 0px;
min-width: 100%;
}
.absol-vscroller.disabled {
overflow: visible;
overflow-x: visible;
}
.absol-vscroller-viewport {
overflow-y: scroll;
box-sizing: content-box;
}
.absol-vscroller > .absol-vscroller-viewport {
max-height: 100%;
}
.absol-vscroller.limited-height > .absol-vscroller-viewport {
max-height: inherit;
}
/************ hscroller ***********/
.absol-hscroller {
position: relative;
overflow-y: hidden;
}
.absol-hscroller.disabled {
overflow: visible;
overflow-y: visible;
}
.absol-hscroller-viewport {
overflow-x: scroll;
box-sizing: content-box;
min-height: calc(100% + 17px);
}
.absol-hscroller.disabled > .absol-hscroller-viewport {
overflow-x: visible;
margin-bottom: 0px;
}
.absol-hscroller > .absol-hscroller-viewport {
max-width: 100%;
}
/********** scroll bar *********************/
.absol-scrollbar-force-modal {
position: fixed;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
z-index: 1000000;
}
.absol-scrollbar-container {
position: absolute;
right: 0;
bottom: 0;
z-index: 10;
}
.absol-scrollbar-container.vertical {
top: 0;
width: 7px;
}
.absol-scrollbar-container.horizontal {
height: 7px;
left: 0;
}
.absol-scrollbar-container > .absol-scrollbar {
width: 100%;
height: 100%;
}
.absol-scrollbar-container.vertical > .absol-scrollbar > .absol-scrollbar-button {
left: 1px;
right: 1px;
top: 0;
}
.absol-scrollbar-container.horizontal > .absol-scrollbar > .absol-scrollbar-button {
top: 1px;
bottom: 1px;
left: 0;
}
.absol-scrollbar {
position: relative;
background-color: rgba(180, 180, 182, 0.1);
overflow: hidden;
}
.absol-scrollbar-button {
position: absolute;
background-color: rgba(133, 133, 133, 0.5);
border-radius: 2px;
}
.absol-scrollbar-button:hover, .absol-scrollbar-button:active {
background-color: rgba(133, 133, 133, 1);;
}
.absol-scrollbar.absol-hidden {
visibility: hidden;
}
.absol-vscrollbar .absol-scrollbar-button {
width: 100%;
}
.absol-hscrollbar .absol-scrollbar-button {
height: 100%;
}
.absol-table-scroller-vscrollbar-container .absol-vscrollbar:not(.as-overflow) {
visibility: hidden;
pointer-events: none;
}
.absol-table-scroller-left-vscroller-viewport:empty {
display: none;
}
/*** module: node_modules/absol-acomp/css/messagedialog.css ***/
.as-message-dialog {
font-size: 1rem;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
box-sizing: border-box;
background-color: white;
border-radius: 0.3em;
border: 1px solid #dddddd;
-webkit-box-shadow: 2px 2px 6px 0px rgba(0, 0, 90, 0.55);
-moz-box-shadow: 2px 2px 6px 0px rgba(0, 0, 90, 0.55);
box-shadow: 2px 2px 6px 0px rgba(0, 0, 90, 0.55);
}
.as-message-dialog-header {
padding: calc(5em / 14) 1em;
border-bottom: 1px solid #e9ecef;
}
.as-message-dialog-title {
font-size: 1.25em;
font-weight: 500;
}
.as-message-dialog-body {
padding: 1em;
}
.as-message-dialog-footer {
text-align: right;
padding: 10px 20px;
border-top: 1px solid #e9ecef;
}
.as-message-dialog-footer:empty,
.as-message-dialog-header:empty {
display: none;
}
.as-message-dialog-footer button {
margin-left: 1.5em;
}
.as-message-dialog-footer button.as-flexicon-button .as-flexicon-button-text-container {
padding-left: 2em;
padding-right: 2em;
}
/*** module: node_modules/absol-acomp/css/flexiconbutton.css ***/
.as-flexicon-button {
box-sizing: border-box;
border: solid 1px #bfbfbf;
background-color: #ebebeb;
border-radius: 0.2em;
outline: none;
padding: 0;
overflow: hidden;
display: inline-block;
vertical-align: middle;
height: var(--as-input-height);
font-size: 1rem;
cursor: pointer;
}
.as-flexicon-button:disabled {
pointer-events: none;
background-color: #c7c7c7 !important;
}
.as-flexicon-button div,
.as-flexicon-button span {
font-weight: inherit;
font-size: inherit;
}
.as-icon-button-table-box {
display: table;
width: 100%;
height: 100%;
}
.as-flexicon-button:hover .as-flexicon-button-content {
background-color: rgba(0, 0, 0, 0.1);
}
.as-flexicon-button:active {
-webkit-box-shadow: inset 0 0.2em 0.25em rgba(0, 0, 0, 0.125);
box-shadow: inset 0 0.2em 0.25em rgba(0, 0, 0, 0.125);
}
.as-flexicon-button-content {
display: table-row;
}
.as-flexicon-button-icon-container,
.as-flexicon-button-text-container {
display: table-cell;
box-sizing: content-box;
vertical-align: middle;
text-align: center;
}
.as-flexicon-button-icon-container:empty,
.as-flexicon-button-text-container:empty:not([data-ml-key]) {
display: none;
}
.as-flexicon-button-icon-container {
width: 2em;
background-color: rgba(0, 0, 0, 0.0893617021);
color: rgb(146, 146, 146);
}
.as-flexicon-button-icon-container > span,
.as-flexicon-button-icon-container > i,
.as-flexicon-button-icon-container > svg,
.as-flexicon-button-icon-container > img {
font-size: 1em;
}
.as-flexicon-button-text-container {
padding-left: 0.357em;
padding-right: 0.357em;
box-sizing: border-box;
min-width: 2em;
}
.as-flexicon-button-icon-container + .as-flexicon-button-text-container {
border-left: solid 1px #bfbfbf;
}
.as-flexicon-button-icon-container:empty + .as-flexicon-button-text-container {
border-left: none;
padding-left: 0.714em;
padding-right: 0.714em;
}
/*** theme ***/
.as-flexicon-button.primary {
border-color: #005bbd;
background-color: #007bff;
color: white;
}
.as-flexicon-button.primary .as-flexicon-button-icon-container {
color: white;
}
.as-flexicon-button.primary .as-flexicon-button-text-container {
border-color: #005bbd;
}
.as-flexicon-button.secondary {
border-color: #4e555a;
background-color: #6d767e;
color: white;
}
.as-flexicon-button.secondary .as-flexicon-button-icon-container {
color: white;
}
.as-flexicon-button.secondary .as-flexicon-button-text-container {
border-left-color: #4e555a;
}
.as-flexicon-button.success {
border-color: #1e7b34;
background-color: #29a847;
color: white;
}
.as-flexicon-button.success .as-flexicon-button-icon-container {
color: white;
}
.as-flexicon-button.success .as-flexicon-button-text-container {
border-left-color: #1e7b34;
}
.as-flexicon-button.danger {
border-color: #b21f2e;
background-color: #dc3848;
color: white;
}
.as-flexicon-button.danger .as-flexicon-button-icon-container {
color: white;
}
.as-flexicon-button.danger .as-flexicon-button-text-container {
border-left-color: #b21f2e;
}
.as-flexicon-button.warning {
border-color: #9e7700;
background-color: #e0a800;
color: black;
}
.as-flexicon-button.warning .as-flexicon-button-icon-container {
color: white;
}
.as-flexicon-button.warning .as-flexicon-button-text-container {
border-left-color: #9e7700;
}
.as-flexicon-button.info {
border-color: #117888;
background-color: #17a2b8;
color: white;
}
.as-flexicon-button.info .as-flexicon-button-icon-container {
color: white;
}
.as-flexicon-button.info .as-flexicon-button-text-container {
border-left-color: #117888;
}
.as-flexicon-button.light {
border-color: #c9d1d9;
background-color: #f8f9fa;
color: #212529;
}
.as-flexicon-button.light .as-flexicon-button-icon-container {
color: white;
}
.as-flexicon-button.light .as-flexicon-button-text-container {
border-left-color: #c9d1d9;
}
.as-flexicon-button.dark {
border-color: #171a1c;
background-color: #343a40;
color: white;
}
.as-flexicon-button.dark .as-flexicon-button-icon-container {
color: white;
}
.as-flexicon-button.dark .as-flexicon-button-text-container {
border-left-color: #171a1c;
}
.as-flexicon-button.link {
border-color: transparent;
background-color: transparent;
color: #007bff;
}
.as-flexicon-button.link .as-flexicon-button-icon-container {
color: #007bff;
background: transparent;
}
.as-flexicon-button.link .as-flexicon-button-text-container {
border-left-color: transparent;
}
.as-flexicon-button.link:hover .as-flexicon-button-text-container {
text-decoration: underline;
}
/*** module: node_modules/absol-acomp/css/modal.css ***/
.as-modal {
position: fixed;
left: 0;
height: 100%;
top: 0;
width: 100%;
z-index: 1001000;
white-space: nowrap;
}
.as-modal.as-hidden {
z-index: -1000;
visibility: hidden;
opacity: 0;
}
.as-modal.as-center {
text-align: center;
}
.as-modal.as-middle::before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0;
}
.as-modal > .as-modal-content {
display: inline-block;
text-align: initial;
white-space: initial;
}
/*for content*/
.as-modal.as-middle > .as-modal-content {
vertical-align: middle;
}
.as-loading-cube-modal {
background-color: rgba(169, 169, 169, 0.3);
}
.as-loading-cube-modal {
z-index: 1000000;
background-color: rgba(169, 169, 169, 0.3);
}
.as-loading-cube-modal > .as-modal-content {
background-color: white;
border-radius: 4px;
padding: 10px;
-webkit-box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 1);
-moz-box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 1);
box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 1);
display: inline-block;
}
.as-loading-cube-modal > .as-modal-content > svg {
width: 5em;
height: 5em;
}
.am-modal {
z-index: 100005;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-align: center;
box-sizing: border-box;
padding-top: var(--modal-margin-top);
}
.am-modal>div{
text-align: initial;
display: inline-block;
}
/*** module: node_modules/absol-acomp/css/follower.css ***/
.absol-follower {
position: fixed;
z-index: 100;
}
.absol-follower-hidden{
z-index: -1000 !important;
opacity: 0;
visibility: hidden;
}
/*** module: node_modules/absol-acomp/css/checkboxinput.css ***/
:root {
--candy-border-color: #929292;
--candy-hover-background-color: #eeeee9;
--candy-disabled-background-color: #ebebe4;
}
label.as-checkbox-input {
display: inline-block;
position: relative;
width: calc(1em + 2px);
height: calc(1em + 2px);
font-size: inherit;
box-sizing: border-box;
vertical-align: middle;
border-radius: 0.25em;
padding: 0;
margin: 0; /*fix boostrap override*/
overflow: hidden;
}
.as-checkbox-input:not(.as-read-only):not(.as-disabled){
cursor: pointer;
}
label.as-checkbox-input:hover:not(.as-read-only) .bound,
.absol-checkbox:hover:not(.as-read-only) .bound {
fill: var(--candy-hover-background-color);
}
.as-checkbox-input .tick,
.as-checkbox-input .minus {
fill: #606060;
}
.as-checkbox-input input.as-checkbox-input-value {
font-size: inherit;
position: absolute;
right: 100%;
top: 0;
opacity: 0.0;
z-index: -100000000000;
}
input.as-checkbox-input-value:not(:checked) ~ svg .tick {
opacity: 0;
}
.as-checkbox-input.as-has-minus .minus {
opacity: 1;
}
.as-checkbox-input .minus,
input.as-checkbox-input-value:checked ~ svg .minus {
opacity: 0;
}
label.as-checkbox-input .bound {
stroke: var(--candy-border-color);
fill: white;
}
label.as-checkbox-input .tick {
opacity: 1;
transition: opacity 0.1s;
}
label.as-checkbox-input .minus {
transition: opacity 0.1s;
}
label.as-checkbox-input.as-disabled > svg .bound,
label.as-checkbox-input.as-disabled:hover > svg .bound {
stroke: #929292;
fill: #ebebe4;
}
.as-checkbox-input > svg {
width: 100%;
height: 100%;
}
.as-checkbox-input.as-read-only.as-border-none .bound{
display: none;
}
/*** module: node_modules/absol-acomp/css/checkbox.css ***/
/** align middle in table cell **/
.KPIsimpletableclass td > .absol-checkbox:first-child:last-child,
.KPIsimpletableclass td > .absol-checkbox.as-no-label:first-child:last-child .as-checkbox-input {
display: block;
margin: auto;
}
.cardsimpletableclass > table > tbody > tr > td > .absol-checkbox:first-child:last-child {
display: block;
}
.absol-checkbox {
display: inline-block;
vertical-align: middle;
line-height: 16px;
}
.absol-checkbox:not(.as-read-only):not(.as-disabled) {
cursor: pointer;
user-select: none;
}
.absol-checkbox.right > .absol-checkbox-label.as-right {
display: none;
}
.absol-checkbox:not(.right) > .absol-checkbox-label.as-left {
display: none;
}
.absol-checkbox-label {
vertical-align: middle;
display: inline-block;
}
.absol-checkbox-label.as-left {
padding-right: 0.3em;
}
.absol-checkbox-label.as-right {
padding-left: 0.3em;
}
.absol-checkbox.as-no-label {
width: calc(1em + 2px);
height: calc(1em + 2px);
}
.absol-checkbox.as-no-label .absol-checkbox-label {
display: none;
}
.absol-checkbox.as-no-label .as-checkbox-input {
display: block;
}
.absol-checkbox.as-disabled .absol-checkbox-label {
color: var(--as-disabled-text-color);
}
.absol-checkbox.as-wrap-text {
white-space: nowrap;
}
.absol-checkbox.as-wrap-text .absol-checkbox-label {
white-space: normal;
}
.absol-checkbox.as-wrap-text > * {
vertical-align: top;
}
.absol-checkbox.as-wrap-text .absol-checkbox-label {
max-width: calc(100% - 24px);
}
.absol-checkbox.as-read-only .as-checkbox-input {
pointer-events: none;
}
.absol-checkbox.as-read-only.as-border-none .bound {
display: none;
}
/*** module: node_modules/absol-acomp/css/circlesectionlabel.css ***/
.as-circle-section-label {
position: relative;
-webkit-print-color-adjust: exact;
/*friendly print*/
}
.as-circle-section-label-text {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 1em;
padding-right: 2.5em;
color: white;
font-weight: bold;
z-index: 2;
}
.as-circle-section-label-index {
position: relative;
display: inline-block;
vertical-align: middle;
text-align: center;
color: rgb(30, 162, 245);
font-weight: 900;
z-index: 2;
}
@media print {
.as-circle-section-label-text {
color: white !important;
}
.as-circle-section-label-index {
color: rgb(30, 162, 245) !important;
}
}
.as-circle-section-label-background {
position: absolute;
top: 0;
left: 0;
bottom: 0;
z-index: 1;
}
.as-circle-section-label-background>svg {
display: block;
}
.as-circle-section-label-index-box {
stroke: rgb(129, 211, 246);
fill: white;
stroke-width: 2.5;
}
.as-circle-section-label-arrow {
stroke: rgb(30, 162, 245);
fill: none;
stroke-linecap: round;
}
.as-circle-section-label-text-box {
fill: rgb(30, 162, 245);
stroke: none;
}
.as-circle-section-label-arrow-marker-path {
fill: rgb(30, 162, 245);
stroke: none;
}
/*** module: node_modules/absol-acomp/css/contextmenu.css ***/
.absol-context-menu-hook {
position: absolute;
z-index: -100000;
width: 14px;
height: 14px;
top: 0;
opacity: 0;
resize: none;
cursor: default;
}
.absol-context-hinge-fixed-container {
position: fixed;
left: 0;
top: 0;
z-index: 1000000001;
}
.absol-context-hinge {
position: relative;
width: 0;
height: 0;
}
.absol-context-hinge > .absol-context-menu {
position: absolute;
top: -10000px;
left: -10000px;
visibility: hidden;
z-index: 1000000000;
display: inline-block;
}
.absol-context-hinge .absol-vmenu,
.absol-context-hinge .absol-hmenu {
padding-top: 0.4em;
padding-bottom: 0.4em;
/* background-color: rgb(37, 37, 38);
-webkit-box-shadow: 2px 2px 9px 0px rgba(7, 7, 7, 1);
-moz-box-shadow: 2px 2px 9px 0px rgb(7, 7, 7, 1);
box-shadow: 2px 2px 9px 0px rgba(7, 7, 7, 1); */
color: black;
background-color: rgb(252, 252, 255);
-webkit-box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 1);
-moz-box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 1);
box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 1);
}
.absol-context-menu-anchor.dark .absol-hmenu,
.absol-context-menu-anchor.dark .absol-vmenu,
.dark .absol-context-menu-anchor .absol-hmenu,
.dark .absol-context-menu-anchor .absol-vmenu {
background-color: rgb(37, 37, 38);
}
.absol-context-menu-anchor {
position: fixed;
z-index: -1000;
left: 0;
top: 0;
display: block;
opacity: 0;
visibility: hidden;
font-size: inherit;
}
.absol-context-menu-anchor > textarea {
width: 160px;
height: 160px;
margin: 0;
resize: none;
border: none;
opacity: 0;
cursor: default;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
}
.absol-context-menu-anchor.absol-active {
z-index: 1000000000 !important;
opacity: 1;
visibility: visible;
}
.absol-context-menu-anchor .absol-vmenu,
.absol-context-menu-anchor .absol-hmenu {
padding-top: 0.4em;
padding-bottom: 0.4em;
color: black;
background-color: rgb(252, 252, 255);
-webkit-box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 1);
-moz-box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 1);
box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 1);
}
.absol-context-menu-anchor .absol-dropright > .absol-dropright-content {
-webkit-box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 1);
-moz-box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 1);
box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 1);
}
.as-system-context-menu {
/** nothing here, to define use system context menu**/
}
.as-context-menu-ctn {
font-size: var(--as-context-menu-font-size);
font-family: var(--as-input-font-family);
}
.as-context-menu-ctn.as-anchor-modal,
.absol-context-menu-anchor.as-anchor-modal {
position: fixed;
z-index: 800000000;
left: 0 !important;
right: 0 !important;;
top: 0 !important;;
bottom: 0 !important;;
box-sizing: border-box;
text-align: center;
background-color: rgba(155, 155, 155, 0.3);
}
.as-context-menu-ctn.as-anchor-modal::before,
.as-context-menu-ctn.as-anchor-modal > .absol-vmenu,
.absol-context-menu-anchor.as-anchor-modal::before,
.absol-context-menu-anchor.as-anchor-modal > .absol-vmenu {
display: inline-block;
vertical-align: middle;
white-space: nowrap;
}
.as-context-menu-ctn.as-anchor-modal > .absol-vmenu,
.absol-context-menu-anchor.as-anchor-modal > .absol-vmenu {
text-align: left;
}
.as-context-menu-ctn.as-anchor-modal::before,
.absol-context-menu-anchor.as-anchor-modal::before {
content: "";
height: 100%;
}
.as-context-menu-ctn.as-anchor-modal > .absol-vmenu,
.absol-context-menu-anchor.as-anchor-modal > .absol-vmenu {
min-width: 70%;
max-width: calc(100% - 10px);
max-height: calc(100% - 10px);
}
.as-quick-menu {
font-size: 1rem;
}
.as-quick-menu {
--available-height: calc(100vh - 20px);
max-height: var(--available-height);
}
.absol-context-menu-anchor.as-anchor-modal .as-quick-menu {
max-height: calc(100vh - 20px);
}
/*** module: node_modules/absol-acomp/css/menu.css ***/
.absol-ico {
width: 1em;
height: 1em;
}
.absol-button {
white-space: normal;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.absol-dropdown {
position: relative;
}
.absol-dropdown-content {
z-index: 1;
position: fixed;
left: 0;
top: 0;
overflow: auto;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.absol-dropdown.top > .absol-dropdown-content {
top: auto;
bottom: 100%;
}
.absol-dropdown.overlap-left > .absol-dropdown-content {
left: auto;
right: 0;
}
.absol-dropright {
position: relative;
}
.absol-dropright-content {
z-index: 1;
position: fixed;
left: 0;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: auto;
}
.absol-dropright.overlap-top > .absol-dropright-content {
top: unset;
bottom: 0;
}
.absol-drop-hidden > .absol-dropdown-content,
.absol-drop-hidden > .absol-dropright-content {
visibility: hidden;
top: 0 !important;
left: 0 !important;
max-height: 99vh !important;
opacity: 0;
pointer-events: none;
}
.absol-drop-hidden > .absol-dropright-content *,
.absol-drop-hidden > .absol-dropdown-content * {
visibility: hidden;
}
.absol-hmenu {
display: inline-block;
background-color: rgb(252, 252, 255);
/* background-color: rgb(33, 33, 33); */
}
.absol-hmenu > .absol-dropdown {
display: inline-block;
vertical-align: middle;
}
.absol-hmenu-button:hover,
.absol-hmenu .absol-hmenu-button-hover {
background-color: rgb(175, 175, 175);
}
.absol-hmenu-button {
padding-left: 1em;
padding-right: 1em;
}
.absol-hmenu-button:focus {
outline: none;
}
.absol-hmenu-button,
.absol-vmenu-button {
color: rgb(55, 55, 55);
height: 100%;
background-color: transparent;
font-size: 1em;
border: none;
padding: 0;
margin: 0;
outline: none;
}
.absol-hmenu-button {
padding-left: 1em;
padding-right: 1em;
}
.absol-vmenu {
}
.absol-hmenu .absol-dropdown-content,
.absol-hmenu .absol-dropright-content,
.as-v-root-menu .absol-dropright-content {
padding-top: 0.4em;
padding-bottom: 0.4em;
background-color: rgb(252, 252, 255);
-webkit-box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 1);
-moz-box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 1);
box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 1);
}
.absol-vmenu-button {
text-align: left;
padding-left: 0.5em;
padding-right: 2em;
height: 1.8em;
white-space: nowrap;
position: relative;
display: block;
}
img.absol-vmenu-button-icon {
opacity: 0;
display: none;
}
img.absol-vmenu-button-icon[src] {
display: block;
}
.absol-vmenu-button-ext-icon-container {
display: inline-block;
width: 1.2em;
height: 1.2em;
vertical-align: middle;
margin-right: 0.5em;
}
.absol-vmenu-button-ext-icon-container > span,
.absol-vmenu-button-ext-icon-container > i {
font-size: 1.2em;
line-height: 1;
display: block;
}
.absol-vmenu-button-ext-icon-container > svg,
.absol-vmenu-button-ext-icon-container > img {
height: 1.2em;
width: 1.2em;
display: block;
}
.absol-vmenu-button-text,
.absol-vmenu-button-key {
display: inline-block;
vertical-align: middle;
}
.absol-vmenu-button-key {
font-style: italic;
text-align: right;
margin-left: 1em;
}
.absol-vmenu-arrow-container {
position: absolute;
right: 0.2em;
top: 0.3em;
bottom: 0.3em;
}
.absol-vmenu-arrow-container::after {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.absol-vmenu-arrow {
display: inline-block;
font-size: inherit;
vertical-align: middle;
}
.absol-menu-item-disabled .absol-vmenu-arrow {
display: none;
}
.absol-vmenu-button:hover,
.absol-vmenu .absol-vmenu-button-hover {
background-color: rgb(214, 214, 217);
}
.absol-menu-item-disabled .absol-vmenu-button:hover,
.absol-menu-item-disabled .absol-vmenu .absol-vmenu-button-hover,
.absol-menu-item-disabled .absol-hmenu-button:hover,
.absol-menu-item-disabled .absol-hmenu .absol-hmenu-button-hover {
background-color: transparent;
}
.absol-vmenu-line {
text-align: center;
padding: 0.2em 1em;
}
.absol-vmenu-line > div {
height: 1px;
background-color: rgb(97, 97, 97);
}
.absol-menu-item-disabled {
}
.absol-menu-item-hidden {
display: none;
}
.absol-menu-item-disabled button {
color: rgb(155, 155, 159);
}
.dark .absol-menu-item-disabled button {
color: rgb(100, 100, 100);
}
.dark .absol-vmenu-button:hover,
.dark .absol-vmenu .absol-vmenu-button-hover {
background-color: rgb(9, 71, 113);
}
.dark .absol-hmenu .absol-dropdown-content,
.dark .absol-hmenu .absol-dropright-content {
background-color: rgb(37, 37, 38);
}
.dark .absol-hmenu-button,
.dark .absol-vmenu-button {
color: rgb(200, 200, 200);
}
.dark .absol-hmenu-button:hover,
.dark .absol-hmenu .absol-hmenu-button-hover {
background-color: rgb(80, 80, 80);
}
.dark .absol-hmenu {
background-color: rgb(33, 33, 33);
}
/*standard-alone*/
.absol-vmenu-button.standard-alone {
height: 2em;
border-radius: 0.3em;
border: solid rgb(169, 169, 170) 1px;
outline: none;
}
.as-v-root-menu {
display: inline-block;
box-sizing: border-box;
/*overflow-y: auto;*/
/*overflow-x: hidden;*/
}
/*** module: node_modules/absol-acomp/css/dateinput.css ***/
.as-date-input {
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
border: 1px solid #ddd;
border-radius: 3px;
height: calc(2em + 2px);
width: 10.5em;
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
position: relative;
background-color: white;
overflow: hidden;
}
.as-date-input[data-format] {
--format-width: 8.5em;
width: calc(var(--format-width) + 2em + 1em);
}
.as-date-input-text {
outline: none;
width: calc(100% - 29px);
height: 100%;
border: none;
background-color: transparent;
display: block;
padding: 0 0 0 var(--as-input-horizontal-padding);
font: inherit;
box-sizing: border-box;
}
.as-date-input-icon-ctn {
font-size: inherit;
border-left: 1px solid #ddd;
border-right: none;
border-top: none;
border-bottom: none;
text-align: center;
position: absolute;
right: 0;
width: calc(2em + 1px);
box-sizing: border-box;
top: 0;
height: 100%;
background-color: rgba(169, 169, 169, 0.1);
cursor: pointer;
color: black;
padding: 0;
}
.as-date-input-icon-ctn:hover {
background-color: rgba(169, 169, 169, 0.25);
}
.as-date-input-icon-ctn:active {
background-color: rgba(169, 169, 169, 0.5);
}
.as-date-input-icon-ctn > span {
line-height: 28px;
font-size: calc(16em / 14);
display: inline-block;
padding: 0;
}
.as-date-input.as-read-only .as-date-input-icon-ctn {
pointer-events: none;
}
.as-date-input.as-disabled {
color: var(--as-disabled-text-color);
pointer-events: none;
}
.as-date-input.as-disabled input {
background-color: var(--as-disabled-background-color);
}
.as-date-input.as-value-null .as-date-input-clear-btn,
.as-date-input.as-must-not-null .as-date-input-clear-btn {
display: none;
}
.as-date-input-clear-btn {
font-size: inherit;
position: absolute;
right: 2em;
height: 2em;
padding: 0 0.3em;
top: calc(50% - 1em);
box-sizing: border-box;
background-color: transparent;
border: none;
color: #bbb;
visibility: hidden;
}
.as-date-input.as-read-only .as-date-input-clear-btn {
display: none;
}
.as-date-input-clear-btn:hover {
color: rgb(132, 132, 132)
}
.as-date-input-clear-btn:active {
color: #525555;
}
.as-date-input-text:focus + .as-date-input-clear-btn,
.as-date-input:hover .as-date-input-clear-btn {
visibility: visible;
}
.as-date-input.as-border-none {
border: transparent;
background-color: transparent;
}
.as-date-input.as-border-none .as-date-input-icon-ctn {
display: none;
}
.as-date-input.as-border-none .as-date-input-text {
width: 100%;
padding-left: 0;
}
.as-date-n-level-input {
white-space: nowrap;
display: inline-block;
vertical-align: middle;
margin: 5px;
position: relative;
width: 13.5em;
height: calc(2em + 2px);
}
.as-date-n-level-input .as-date-input {
width: 100%;
height: 100%;
}
.as-date-n-level-input-select-level {
position: absolute;
left: 1px;
top: 1px;
width: 2em;
height: 2em;
padding: 0;
}
.as-date-n-level-input.as-disabled .as-date-n-level-input-select-level {
opacity: 0.5;
pointer-events: none;
}
.as-date-n-level-input.as-read-only .as-date-n-level-input-select-level {
pointer-events: none;
}
.as-date-n-level-input .as-date-input-text {
padding-left: calc(var(--as-input-horizontal-padding) + 2em);
width: calc(100% - 2em - 1px);
box-sizing: border-box;
}
.as-date-n-level-input.as-border-none.as-read-only .as-date-input {
border: none;
}
.as-date-n-level-input.as-border-none.as-read-only .as-date-input-text {
width: 100%;
text-align: left;
padding-left: 0;
}
.as-date-n-level-input.as-border-none.as-read-only button {
display: none;
}
/*** module: node_modules/absol-acomp/css/datetimeinput.css ***/
.as-date-time-input {
border: 1px solid #ddd;
border-radius: 3px;
height: calc(2em + 2px);
width: calc(14em + 2px);
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
position: relative;
background-color: white;
overflow: hidden;
}
.as-date-time-input.as-disabled {
color: var(--as-disabled-text-color);
pointer-events: none;
}
.as-date-time-input input {
font-size: inherit;
outline: none;
width: calc(100% - 2em - 1px);
height: 100%;
border: none;
display: block;
padding: 0 0 0 var(--as-input-horizontal-padding);
-webkit-user-select: auto;
user-select: auto;
-webkit-user-drag: none;
color: inherit;
box-sizing: border-box;
}
.as-date-time-input.as-disabled input {
background-color: var(--as-disabled-background-color);
}
.as-date-time-input-icon-btn {
border-right: none;
border-top: none;
border-bottom: none;
border-left: 1px solid #ddd;
position: absolute;
right: 0;
width: calc(2em + 1px);
box-sizing: border-box;
top: 0;
bottom: 0;
background-color: rgba(169, 169, 169, 0.1);
cursor: pointer;
border-radius: 0;
color: inherit;
font-size: inherit;
padding: 0;
}
.as-date-time-input-icon-btn > span {
font-size: calc(16em / 14);
}
.as-date-time-input-icon-btn:hover {
background-color: rgba(169, 169, 169, 0.25);
}
.as-date-time-input-icon-btn:active {
background-color: rgba(169, 169, 169, 0.5);
}
.as-date-time-input-icon-btn.as-disabled {
color: rgb(102, 102, 102);
pointer-events: none;
}
.as-date-time-input-follower {
box-sizing: border-box;
background-color: white;
border: 1px solid #ddd;
padding: 5px;
}
.as-date-time-input-date-picker {
border: none;
box-shadow: none;
}
.as-date-time-input-picker-header {
text-align: right;
padding-bottom: 5px;
}
.as-date-time-input-picker-btn {
height: 20px;
min-width: 25px;
padding: 0 5px;
box-sizing: border-box;
font-size: inherit;
border: 1px solid rgb(47, 82, 143);
background-color: rgb(68, 144, 196);
color: white;
border-radius: 0;
}
.as-date-time-input-picker-btn:active {
background-color: rgb(50, 122, 169);
}
.as-chrome-time-picker.as-date-time-input-time-picker {
height: 11.8em;
box-sizing: border-box;
}
.as-date-time-input-picker-ctn {
white-space: nowrap;
}
.as-date-time-input-picker-ctn > div {
display: inline-block;
white-space: initial;
vertical-align: top;
}
.as-date-time-input-follower > div {
border-color: white;
}
.as-date-time-input:hover .as-time-input-clear-btn {
visibility: visible;
}
.as-date-time-input.as-must-not-null .as-time-input-clear-btn,
.as-date-time-input.as-read-only .as-time-input-clear-btn {
display: none;
}
.as-date-time-input.as-read-only .as-date-time-input-icon-btn {
pointer-events: none;
}
.as-date-time-input.as-border-none {
border: none;
}
.as-date-time-input.as-border-none .as-date-time-input-icon-btn {
display: none;
}
.as-date-time-input.as-border-none input {
width: 100%;
padding-left: 0;
}
/*** module: node_modules/absol-acomp/css/chrometimepicker.css ***/
.as-chrome-time-picker {
box-sizing: border-box;
vertical-align: top;
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
padding: 0.6em;
border: solid 1px rgb(191, 191, 191);
box-shadow: 1px 1px 2px rgb(240, 240, 240);
z-index: 100;
touch-action: manipulation;
user-select: none;
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none;
background-color: rgb(255, 255, 255);
/*width: calc(160px + 1.2em);*/
height: 12.38em;
white-space: nowrap;
}
.as-chrome-time-picker.as-24h-clock .as-chrome-time-picker-scroller-h12,
.as-chrome-time-picker:not(.as-24h-clock) .as-chrome-time-picker-scroller-h24,
.as-chrome-time-picker.as-24h-clock .as-chrome-time-picker-period {
display: none;
}
.as-chrome-time-picker-period {
padding-top: 1.43em;
padding-bottom: 1.43em;
box-sizing: border-box;
}
.as-chrome-time-picker > div:not(:first-child) {
margin-left: 5px;
}
.as-chrome-time-picker-scroller {
position: relative;
padding-top: 1.43em;
padding-bottom: 1.43em;
display: inline-block;
vertical-align: top;
height: 100%;
box-sizing: border-box;
}
.as-chrome-time-picker-scroller-up,
.as-chrome-time-picker-scroller-down {
position: absolute;
left: 0;
width: 100%;
height: 1.43em;
padding: 0;
box-sizing: border-box;
background-color: transparent;
border-radius: 3px;
border: none;
font-size: inherit;
}
.as-chrome-time-picker-scroller-up > span,
.as-chrome-time-picker-scroller-down > span {
font-size: 1.5em;
}
.as-chrome-time-picker-scroller-up:hover,
.as-chrome-time-picker-scroller-down:hover {
background-color: rgba(169, 169, 169, 0.2);
}
.as-chrome-time-picker-scroller-up {
top: -5px;
}
.as-chrome-time-picker-scroller-down {
bottom: -5px;
}
.as-chrome-time-picker-viewport {
width: 3.6em;
height: 100%;
overflow: hidden;
white-space: normal;
display: inline-block;
vertical-align: top;
}
.as-chrome-time-picker-list.as-chrome-time-picker-m60 {
width: 120px;
overflow: hidden;
position: relative;
}
.as-chrome-time-picker-list.as-chrome-time-picker-m60>button {
display: block;
position: absolute;
left: 0;
width: 100%;
font-size: inherit;
}
.as-chrome-time-picker-list {
height: 100%;
overflow-y: scroll;
width: calc(100% + 18px);
}
.as-chrome-time-picker-btn {
font-size: inherit;
height: 2em;
width: 100%;
padding: 0;
border: none;
background-color: transparent;
color: black;
}
.as-chrome-time-picker-btn:disabled {
color: #dddddd;
}
.as-chrome-time-picker-btn:hover {
background-color: rgb(224, 245, 256);
}
.as-chrome-time-picker-btn.as-selected {
background-color: rgb(188, 205, 236);
border-radius: 3px;
}
.as-chrome-time-picker-btn > span {
font-size: calc(16em / 14);
}
/*** module: node_modules/absol-acomp/css/draggablestack.css ***/
.absol-draggable-stack {
position: relative;
}
.absol-draggable-stack .drag-zone {
touch-action: none;
}
.absol-draggable-stack > .as-dragging {
opacity: 0.2 !important;
}
.absol-draggable-stack-child-container.as-dragging {
opacity: 0.2 !important;
}
.absol-draggable-stack-clone-container {
position: fixed;
left: 0;
top: 0;
z-index: 100000;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
pointer-events: all;
opacity: 0.5;
background: white;
}
.absol-draggable-vstack > .absol-draggable-stack-clone-container {
left: 0;
right: 0;
}
.absol-draggable-stack-clone-container * {
pointer-events: none !important;
}
.absol-draggable-stack-clone-container > * {
width: 100% !important;
height: 100% !important;
box-sizing: border-box;
}
.absol-draggable-stack-clone-container.home-going {
transition: top 0.2s;
}
.absol-draggable-stack-dest-line {
position: absolute;
z-index: 99;
box-sizing: content-box;
}
.absol-draggable-vstack > .absol-draggable-stack-dest-line {
transition: top 0.1s;
left: 0;
right: 0;
border-top: solid 3px rgb(74, 174, 233);
border-bottom: solid 3px rgb(74, 174, 233);
}
.absol-draggable-hstack {
--dest-x: 0px;
}
.absol-draggable-hstack.as-has-dragging::after {
content: "";
position: absolute;
transition: left 0.1s;
top: 0;
bottom: 0;
left: calc(var(--dest-x) - 3px);
border-left: solid 3px rgb(74, 174, 233);
border-right: solid 3px rgb(74, 174, 233);
}
.absol-draggable-hstack.as-no-change::after {
visibility: hidden;
}
.absol-draggable-hstack > * {
display: inline-block;
vertical-align: middle;
}
.absol-draggable-vstack {
--dest-y: unset;
}
/**.as-state-drag*/
.absol-draggable-vstack.as-state-drag::after {
content: "";
display: block;
position: absolute;
top: calc(var(--dest-y) - 3px);
left: 0;
right: 0;
transition: top 0.1s;
border-top: solid 3px rgb(74, 174, 233);
border-bottom: solid 3px rgb(74, 174, 233);
z-index: 999;
}
.absol-draggable-vstack.as-state-no-change::after {
visibility: hidden;
}
/*** module: node_modules/absol-acomp/css/droppanel.css ***/
.absol-drop-panel-head {
height: 2.75em;
line-height: 2.75em;
-webkit-box-shadow: 0px 3px 4px -3px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 3px 4px -3px rgba(0, 0, 0, 0.75);
box-shadow: 0px 3px 4px -3px rgba(0, 0, 0, 0.75);
background-color: rgba(240, 240, 242);
color: black;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
}
.absol-drop-panel-head .toggler-ico path {
fill: rgb(104, 104, 104);
}
.dark .absol-drop-panel-head {
background-color: rgba(54, 54, 56);
color: rgb(204, 204, 204);
}
.absol-drop-panel.show .absol-drop-panel-body {
height:auto;
}
.absol-drop-panel-body {
transition: height 0.2s;
height: 0;
overflow-x: hidden;
overflow-y: auto;
}
.absol-drop-panel.show>.absol-drop-panel-head .toggle-close{
display: none;
}
.absol-drop-panel:not(.show)>.absol-drop-panel-head .toggle-open{
display: none;
}
/*** module: node_modules/absol-acomp/css/exptree.css ***/
.absol-exp-node {
height: 2em;
text-align: left;
background-color: transparent;
border: none;
outline: none;
white-space: nowrap;
font-size: inherit;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
color: rgb(33, 33, 34);
}
.absol-exp-node .toggler-ico {
width: 0.7em;
height: 0.7em;
margin-right: 0.35em;
}
.absol-exp-node .toggler-ico path {
fill: rgb(104, 104, 104);
}
.absol-exp-node.status-removable .toggler-ico,
.absol-exp-node.status-modified .toggler-ico {
display: none;
}
.absol-exp-node:not(.status-open) .toggle-open {
display: none;
}
.absol-exp-node:not(.status-close) .toggle-close {
display: none;
}
.absol-exp-node:hover .remove-ico {
visibility: visible;
}
.absol-exp-node.status-removable .remove-ico,
.absol-exp-node.status-modified .remove-ico {
display: inline-block;
}
.absol-exp-node.status-removable .remove-ico .modified {
visibility: hidden;
}
.absol-exp-node.status-modified .remove-ico .close {
visibility: hidden;
}
.absol-exp-node.status-modified .remove-ico:hover .close {
visibility: visible;
}
.absol-exp-node.status-modified .remove-ico:hover .modified {
visibility: hidden;
}
.absol-exp-node .remove-ico {
width: 0.9em;
height: 0.9em;
display: none;
visibility: hidden;
margin-left: -0.3em;
margin-right: 0.45em;
}
.absol-exp-node .remove-ico .close,
.absol-exp-node .remove-ico .modified {
fill: rgb(169, 169, 169);
stroke: none;
}
.absol-exp-node.has-status {
padding-right: 2.5em;
}
.absol-exp-node>div,
.absol-exp-node>svg {
display: inline-block;
vertical-align: middle;
}
.absol-exp-node .editing input {
color: khaki;
padding-top: 2px;
padding-bottom: 2px;
}
.absol-exp-node:hover {
background-color: var(--as-transparent-button-hover-color);
}
.absol-exp-node:focus,
.absol-exp-node.as-active:focus {
background-color: var(--as-transparent-button-focus-color);
}
.absol-exp-node.as-active {
background-color: var(--as-transparent-button-active-color);
}
.absol-exp-node-name {
/* -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none; */
user-select: none;
vertical-align: middle;
color: black;
margin-left: 0.5em;
}
.absol-exp-node-desc {
color: rgb(104, 104, 104);
margin-left: 0.5em;
font-size: 0.85em;
vertical-align: middle;
}
.absol-exp-node-desc:empty {
margin-left: 0;
}
.absol-exp-node-expand-icon {
display: inline-block;
vertical-align: middle;
margin-right: 0.2em;
height: 0.5em;
width: 0.5em;
}
img.absol-exp-node-ext-icon {
display: none;
}
.absol-exp-node-ext-icon,
.absol-exp-node-ext-icon>img {
display: inline-block;
vertical-align: middle;
width: 1.5em;
height: 1.5em;
}
div.absol-exp-node-ext-icon:empty {
display: none;
}
div.absol-exp-node-ext-icon {
text-align: center;
}
.absol-exp-node-ext-icon>.mdi,
.absol-exp-node-ext-icon>span .absol-exp-node-ext-icon>svg {
line-height: 1em;
font-size: 1.5em;
}
img.absol-exp-node-ext-icon[src] {
display: inline-block;
}
.absol-exp-tree>.absol-exp-node {
width: 100%;
display: block;
}
.absol-exp-tree.hide-children>.absol-exp-items {
display: none;
}
.dark .toggler-ico path {
fill: rgb(169, 169, 169);
}
.dark .absol-exp-node-name {
color: rgb(204, 204, 204);
}
.dark .absol-exp-node-desc {
color: rgb(169, 169, 170);
}
.dark .absol-exp-node {
color: rgb(169, 169, 170);
}
/*** module: node_modules/absol-acomp/css/editabletext.css ***/
.absol-editabe-text {
display: inline;
}
.absol-editabe-text span {
font-style: inherit;
font-size: inherit;
white-space: pre;
}
.absol-editabe-text-higne {
display: inline-block;
position: relative;
width: 0px;
height: 0ox;
}
.absol-editabe-text-higne input {
position: absolute;
display: none;
border: none;
top: -2;
left: -2;
padding-top: 0px;
padding-left: 2px;
padding-bottom: 4px;
margin: 0;
background: transparent;
outline: none;
font-style: inherit;
font-size: inherit;
}
.absol-editabe-text.editing .absol-editabe-text-higne input {
display: block;
}
.absol-editabe-text.editing span {
visibility: hidden;
}
.absol-editabe-text.editing {
-webkit-box-shadow: 0px 0px 2px 0px rgba(33, 77, 255, 1);
-moz-box-shadow: 0px 0px 2px 0px rgba(33, 77, 255, 1);
box-shadow: 0px 0px 2px 0px rgba(33, 77, 255, 1);
border-radius: 0.17em;
}
/*** module: node_modules/absol-acomp/css/emojipicker.css ***/
.as-emoji-picker {
font-size: calc(12em / 14);
border: 1px solid #dddddd;
box-sizing: border-box;
font-family: Arial, Helvetica, sans-serif;
}
.as-emoji-picker-preview {
display: inline-block;
vertical-align: top;
width: 5.7em;
height: calc(8em + 30px);
border-right: 1px solid #dddddd;
text-align: center;
}
.as-emoji-picker-preview-anim {
width: 60px;
height: 60px;
margin-top: 5px;
}
.as-emoji-picker-preview-desc {
font-size: 12px;
font-weight: bold;
color: black;
}
.as-emoji-picker-preview-shortcut {
font-size: 12px;
color: rgb(70, 70, 70);
}
.as-emoji-picker-list {
display: inline-block;
vertical-align: top;
overflow-y: auto;
width: calc(100% - 5.7em - 1px);
height: calc(8em + 30px);
padding: 5px;
box-sizing: border-box;
}
.as-emoji-picker-item {
display: inline-block;
padding: 5px;
width: 2em;
height: 2em;
box-sizing: border-box;
border-radius: 0.4em;
}
.as-emoji-picker-item:hover {
background-color: rgba(169, 169, 170, 0.3);
}
.as-emoji-picker-item:active {
background-color: rgba(169, 169, 170, 0.7);
}
/*** module: node_modules/absol-acomp/css/flexiconinput.css ***/
.as-flexicon-input-icon-ctn > span,
.as-flexicon-input-icon-ctn > i,
.as-flexicon-input-icon-ctn > svg,
.as-flexicon-input-icon-ctn > img {
font-size: 1em;
line-height: 1;
}
.as-flexicon-input {
position: relative;
border: 1px solid #dddddd;
display: inline-block;
vertical-align: middle;
height: 2em;
font-size: 1rem;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
box-sizing: border-box;
border-radius: 3px;
text-align: left;
white-space: nowrap;
}
.as-flexicon-input.as-border-none {
border: none;
}
.as-flexicon-input.as-disabled {
background-color: var(--as-disabled-background-color);
}
.as-flexicon-input::before {
content: "";
width: 0;
height: 100%;
display: inline-block;
vertical-align: middle;
}
.as-flexicon-input-icon-ctn:empty {
display: none;
}
.as-flexicon-input:not(.as-flexicon-input-has-icon) input {
padding-left: 0.3em;
}
.as-flexicon-input-icon-ctn {
display: inline-block;
vertical-align: middle;
/*text-align: center;*/
font-size: 1.2em;
width: 1.25em;
text-align: center;
}
.as-flexicon-input-unit-ctn {
width: 1.5em;
display: inline-block;
vertical-align: middle;
text-align: center;
}
.as-flexicon-input-unit-ctn:empty {
display: none;
}
.as-flexicon-input input {
border: none;
font-size: inherit;
font-family: inherit;
outline: none;
height: 100%;
background-color: transparent;
box-sizing: border-box;
width: 100%;
padding-left: 0;
padding-right: 0;
display: inline-block;
vertical-align: middle;
text-align: inherit;
}
.as-flexicon-input.as-flexicon-input-has-icon input,
.as-flexicon-input.as-flexicon-input-has-unit input {
width: calc(100% - 1.5em);
}
.as-flexicon-input.as-flexicon-input-has-unit {
text-align: right;
}
.as-flexicon-input.as-flexicon-input-has-icon.as-flexicon-input-has-unit input {
width: calc(100% - 3em);
}
/*** module: node_modules/absol-acomp/css/frame.css ***/
.absol-frame{
}
/*** module: node_modules/absol-acomp/css/frameview.css ***/
.absol-frame-view {
position: relative;
}
.absol-frame-view-frame-container {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: white;
}
.absol-frame-view-frame-container:not(.absol-active) {
z-index: -100;
visibility: hidden;
opacity: 0;
}
.absol-frame-view-frame-container:not(.absol-active) *,
.absol-frame-view-frame-container:not(.absol-active) {
pointer-events: none;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
}
.absol-frame-view-frame-container > div {
width: 100%;
height: 100%;
display: block;/* avoid overflow if this div is inline-block*/
}
/*** module: node_modules/absol-acomp/css/tabview.css ***/
.absol-tabbar {
height: 2em;
white-space: nowrap;
}
.absol-tabbar .absol-hscroller-viewport {
overflow-y: hidden;
}
.absol-tabbar .absol-tabbar-button,
.absol-tabbar .as-tab-bar-add-btn {
height: 100%;
}
/* .absol-tabbar .absol-scrollbar-container {
height: 5px;
} */
.absol-tabbar .absol-scrollbar-container.horizontal {
bottom: -2px;
}
.absol-tabbar .absol-scrollbar-container {
opacity: 0;
transition: opacity 0.2s;
background: rgba(169, 169, 169, 0.1);
}
.absol-tabbar:hover .absol-scrollbar-container,
.absol-tabbar:active .absol-scrollbar-container {
opacity: 1;
}
.absol-tabbar .absol-scrollbar-button {
background-color: rgba(33, 33, 40, 0.1);
}
.absol-tabbar .absol-scrollbar-button:hover {
background-color: rgba(33, 33, 40, 0.3);
}
.absol-tabbar .absol-scrollbar-button:active,
.absol-tabbar .absol-hscrollbar.absol-active .absol-scrollbar-button {
background-color: rgba(47, 47, 55, 0.4);
}
.absol-tabbar-button {
padding-left: 1em;
padding-right: 1em;
background-color: rgb(45, 45, 45);
color: rgb(200, 200, 200);
margin-right: 1px;
border: none;
outline: none;
font-size: 1em;
white-space: nowrap;
}
.as-tab-bar-add-btn {
padding-left: 0.5em;
padding-right: 0.5em;
background-color: rgb(45, 45, 45);
color: rgb(200, 200, 200);
margin-right: 1px;
border: none;
outline: none;
font-size: 1em;
white-space: nowrap;
}
.as-tab-bar-button-ext-icon-ctn:empty {
display: none
}
.as-tab-bar-button-ext-icon-ctn {
display: inline-block;
vertical-align: middle;
padding-right: 0.35em;
margin-left: -0.5em;
}
.absol-tabbar-button-text {
display: inline-block;
vertical-align: middle;
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
}
.as-tab-bar-button-ext-icon-ctn span {
font-size: 1.2em;
}
.absol-tabbar .absol-tabbar-button-active {
background-color: rgb(30, 30, 30);
color: rgb(250, 250, 252);
}
.absol-tabbar-button-text,
.absol-tabbar-button-icon-container > span {
display: inline-block;
vertical-align: middle;
font-size: 1em;
}
.absol-tabbar-button .absol-tabbar-button-close,
.absol-tabbar-button .absol-tabbar-button-close-circle {
visibility: hidden;
color: rgb(190, 190, 190);
}
.absol-tabbar-button.as-prevent-closing .absol-tabbar-button-close,
.absol-tabbar-button.as-prevent-closing .absol-tabbar-button-close-circle {
visibility: hidden;
}
.absol-tabbar-button.as-prevent-closing .absol-tabbar-button-icon-container {
pointer-events: none;
}
.absol-tabbar-button-icon-container {
display: inline-block;
vertical-align: middle;
margin-left: 0.5em;
}
.absol-tabbar-button:not(.as-prevent-closing):hover .absol-tabbar-button-close,
.absol-tabbar-button-active:not(.as-prevent-closing) .absol-tabbar-button-close,
.absol-tabbar-button:hover:not(.as-prevent-closing) .absol-tabbar-button-close-circle,
.absol-tabbar-button-active:not(.as-prevent-closing) .absol-tabbar-button-close-circle {
visibility: visible;
color: red;
}
.absol-tabbar-button-active .absol-tabbar-button-modified-flag {
color: lightblue;
}
.absol-tabbar-button-modified-flag {
color: mediumaquamarine;
}
.absol-tabbar-button:not(.absol-tabbar-button-modified) .absol-tabbar-button-modified-flag,
.absol-tabbar-button.absol-tabbar-button-modified:not(.active) .absol-tabbar-button-icon-container:hover .absol-tabbar-button-modified-flag,
.absol-tabbar-button.absol-tabbar-button-modified .absol-tabbar-button-icon-container:not(:hover) .absol-tabbar-button-close,
.absol-tabbar-button:not(.absol-tabbar-button-modified) .absol-tabbar-button-icon-container:not(:hover) .absol-tabbar-button-close-circle,
.absol-tabbar-button:not(.absol-tabbar-button-modified) .absol-tabbar-button-icon-container:hover .absol-tabbar-button-close,
.absol-tabbar-button.absol-tabbar-button-modified .absol-tabbar-button-close-circle,
.absol-tabbar-button.absol-tabbar-button-modified .absol-tabbar-button-icon-container:not(:hover) .absol-tabbar-button-close {
display: none;
}
.absol-button-range {
}
.absol-tabview {
position: relative;
}
.as-tabview-title {
position: absolute;
padding: 5px 10px;
right: 0;
top: 0;
font-weight: bold;
font-size: 14px;
color: rgb(230, 230, 205);
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.absol-tabview-container {
position: absolute;
top: 2em;
left: 0;
right: 0;
bottom: 0;
overflow: auto;
background-color: white;
}
.absol-tabview-container.absol-tabview-container-hidden {
z-index: -9999;
visibility: hidden;
opacity: 0;
}
.absol-tabview-container.absol-tabview-container-hidden *,
.absol-tabview-container.absol-tabview-container-hidden {
pointer-events: none;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
}
.absol-tabview-container > div,
.absol-tabview-container > pre {
width: 100%;
height: 100%;
box-sizing: border-box;
}
.absol-tabview-container > pre {
margin: 0;
}
.absol-frame > iframe {
border: none;
box-sizing: border-box;
}
.absol-tabview .absol-tabbar-button {
border-radius: 0.7em 0.7em 0 0;
height: 2em;
box-sizing: border-box;
border: solid 1px #ccc;
background-color: white;
color: black;
padding-left: 1em;
padding-right: 0.357em;
margin-right: 0.357em;
}
.absol-tabview .as-tab-bar-add-btn {
border-radius: 0.7em 0.7em 0 0;
height: 2em;
box-sizing: border-box;
border: solid 1px #ccc;
background-color: white;
color: black;
}
.absol-tabview .absol-tabbar {
height: 2em;
overflow-y: hidden;
border-bottom: 1px solid #ccc;
box-sizing: border-box;
position: absolute;
left: 0;
right: 0;
}
.absol-tabview .absol-tabbar-button-active {
background-color: #5bc0de;
border-color: #46b8da;
color: white;
}
/* .absol-tabview .absol-tabbar-button-close {
color: rgb(170, 170, 170);
line-height: 1.5em;
margin-left: 1em;
font-size: 1.3em;
} */
.absol-tabview .absol-tabbar-button-close:hover {
color: red;
}
/************** Mini version - like window form ***********************/
.absol-tabview.xp-tiny .absol-tabbar {
height: 1.5em;
border-bottom: none;
}
.absol-tabview.xp-tiny .absol-tabbar-button,
.absol-tabview.xp-tiny .as-tab-bar-add-btn {
height: 1.4em;
padding-left: 5px;
padding-right: 5px;
border-radius: 0;
vertical-align: bottom;
margin: 0.1em 0 0 0;
background-color: rgb(242, 242, 242);
color: black;
position: relative;
}
.absol-tabview.xp-tiny::before {
content: "";
position: absolute;
top: calc(1.5em - 4px);
z-index: 0;
left: 0;
right: 0;
height: 4px;
border-bottom: solid 1px #ccc;
box-sizing: border-box;
}
.absol-tabview.xp-tiny .absol-tabbar-button.absol-tabbar-button-active {
height: 1.5em;
margin-top: 0;
background-color: white;
border-top-color: #ccc;
border-left-color: #ccc;
border-right-color: #ccc;
border-bottom-color: white;
}
.absol-hscroller.absol-tabbar.disabled .absol-scrollbar-container {
visibility: hidden;
}
.absol-tabview.absol-tabview.xp-tiny .absol-tabbar-button-close {
line-height: 1.4em;
}
.absol-tabview.xp-tiny .absol-tabbar-button-icon-container {
display: none;
}
.absol-tabview.xp-tiny .absol-tabview-container {
top: 1.5em;
}
.absol-tabview.xp-tiny .absol-tab-absol {
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
box-sizing: border-box;
}
.absol-tabview.as-without-close-button > .absol-tabbar .absol-tabbar-button .absol-tabbar-button-icon-container {
display: none;
}
.absol-tabview.as-without-close-button > .absol-tabbar .absol-tabbar-button {
padding-right: 1em;
}
.absol-tabview > .absol-tabbar .as-tab-bar-add-btn {
display: none;
}
.absol-tabview.as-has-add-btn > .absol-tabbar .as-tab-bar-add-btn {
display: inline-block;
}
/************************ Like Metro theme *********************/
.absol-tabview.metro-flat > .absol-tabbar .absol-tabbar-button,
.absol-tabview.metro-flat > .absol-tabbar .as-tab-bar-add-btn {
border-radius: 0;
margin-right: 0;
margin-left: 0;
border-left: none;
border-top: none;
border-bottom: none;
border-right: solid 1px rgba(169, 169, 169, 0.3);
font-size: 1em;
}
.absol-tabview.metro-flat > .absol-tabbar {
box-shadow: 0px -1px 0px 0px #ccc;
}
/************************ Round Out theme *********************/
/*.absol-tabview.rond-out > .absol-tabbar .absol-tabbar-button*/
.absol-tabview.cad-dark > .absol-tabbar {
border-bottom: calc(0.1em + 1px) solid #3B4453;;
}
.absol-tabview.cad-dark > .absol-tabview-container {
top: 2.1em;
}
.absol-tabview.cad-dark > .absol-tabbar {
height: 2.1em;
box-sizing: border-box;
}
.absol-tabview.cad-dark > .absol-tabbar .absol-tabbar-button.absol-tabbar-button-active {
background-color: #3B4453;
color: white;
}
.absol-tabview.cad-dark > .absol-tabbar .absol-tabbar-button {
background-color: #313946;
color: rgb(169, 169, 170);
}
.absol-tabview.cad-dark > .absol-tabbar .absol-tabbar-button::before,
.absol-tabview.cad-dark > .absol-tabbar .absol-tabbar-button::after {
content: "";
position: absolute;
bottom: 0;
width: 1em;
height: 1em;
z-index: 1;
background-size: cover;
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDguNDY2NjY2NCA0LjIzMzMzMzUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIj4KICA8cGF0aCB0cmFuc2Zvcm09Im1hdHJpeCguMTMzOTAzNjQgMCAwIC4yNzU0NTg5MSAtLjAzMjY2NDYxIC0uMDgwNjM0OTIpIiBkPSJNIDMxLjg1ODcxNiwwLjI5MjcyOTQxIFYgMTUuNjYxMDIzIEggMC4yNDM5NDExNyBDIDE1LjI0NzAyOCwxNS43NzU5MjkgMzEuMzU0NDkzLDExLjExODk1NiAzMS44NTg3MTYsMC4yOTI3Mjk0MSBaIiBzdHlsZT0icGFpbnQtb3JkZXI6ZmlsbCBtYXJrZXJzIHN0cm9rZTtmaWxsOiMzMTM5NDYiLz4KICA8cGF0aCB0cmFuc2Zvcm09Im1hdHJpeCgtLjEzMzkwMzY0IDAgMCAuMjc1NDU4OTEgOC40OTkzMzE1IC0uMDgwNjM0OTIpIiBkPSJNIDMxLjg1ODcxNiwwLjI5MjcyOTQxIFYgMTUuNjYxMDIzIEggMC4yNDM5NDExNyBDIDE1LjI0NzAyOCwxNS43NzU5MjkgMzEuMzU0NDkzLDExLjExODk1NiAzMS44NTg3MTYsMC4yOTI3Mjk0MSBaIiBzdHlsZT0icGFpbnQtb3JkZXI6ZmlsbCBtYXJrZXJzIHN0cm9rZTtmaWxsOiMzMTM5NDYiLz4KIDwvZz4KPC9zdmc+Cg==');
}
.absol-tabview.cad-dark > .absol-tabbar .absol-tabbar-button.absol-tabbar-button-active::before,
.absol-tabview.cad-dark > .absol-tabbar .absol-tabbar-button.absol-tabbar-button-active::after,
.absol-tabview.cad-dark > .absol-tabbar .absol-tabbar-button.absol-tabbar-button-active {
z-index: 3;
}
.absol-tabview.cad-dark > .absol-tabbar .absol-tabbar-button.absol-tabbar-button-active::before,
.absol-tabview.cad-dark > .absol-tabbar .absol-tabbar-button.absol-tabbar-button-active::after {
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDguNDY2NjY2NCA0LjIzMzMzMzUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIj4KICA8cGF0aCB0cmFuc2Zvcm09Im1hdHJpeCguMTMzOTAzNjQgMCAwIC4yNzU0NTg5MSAtLjAzMjY2NDYxIC0uMDgwNjM0OTIpIiBkPSJNIDMxLjg1ODcxNiwwLjI5MjcyOTQxIFYgMTUuNjYxMDIzIEggMC4yNDM5NDExNyBDIDE1LjI0NzAyOCwxNS43NzU5MjkgMzEuMzU0NDkzLDExLjExODk1NiAzMS44NTg3MTYsMC4yOTI3Mjk0MSBaIiBzdHlsZT0icGFpbnQtb3JkZXI6ZmlsbCBtYXJrZXJzIHN0cm9rZTtmaWxsOiMzQjQ0NTMiLz4KICA8cGF0aCB0cmFuc2Zvcm09Im1hdHJpeCgtLjEzMzkwMzY0IDAgMCAuMjc1NDU4OTEgOC40OTkzMzE1IC0uMDgwNjM0OTIpIiBkPSJNIDMxLjg1ODcxNiwwLjI5MjcyOTQxIFYgMTUuNjYxMDIzIEggMC4yNDM5NDExNyBDIDE1LjI0NzAyOCwxNS43NzU5MjkgMzEuMzU0NDkzLDExLjExODk1NiAzMS44NTg3MTYsMC4yOTI3Mjk0MSBaIiBzdHlsZT0icGFpbnQtb3JkZXI6ZmlsbCBtYXJrZXJzIHN0cm9rZTtmaWxsOiMzQjQ0NTMiLz4KIDwvZz4KPC9zdmc+Cg==');
}
.absol-tabview.cad-dark > .absol-tabbar .absol-tabbar-button {
position: relative;
margin-right: 0;
border: none;
border-radius: 0.8em 0.8em 0 0;
}
.absol-tabview.cad-dark > .absol-tabbar .absol-hscroller-viewport {
padding-left: 1.2em;
}
.absol-tabview.cad-dark > .absol-tabbar .absol-tabbar-button::before {
left: -0.98em;
background-position: left;
}
.absol-tabview.cad-dark > .absol-tabbar .absol-tabbar-button::after {
right: -0.98em;
background-position: right;
}
.absol-tabview.cad-dark > .absol-tabbar .as-tab-bar-add-btn {
background-color: #313946;
color: rgb(169, 169, 170);
font-weight: bold;
border: 4px solid #222933;
border-radius: 0.8em 0.8em 0 0.8em;
}
.absol-tabview.cad-dark > .absol-tabbar .as-tab-bar-add-btn:active {
color: white;
background-color: #3B4453;
font-weight: bold;
}
/*** module: node_modules/absol-acomp/css/singlepage.css ***/
.absol-single-page {
position: relative;
}
.absol-single-page-header {
box-sizing: border-box;
z-index: 2;
display: block;
}
.absol-single-page-footer {
position: absolute;
left: 0;
right: 0;
bottom: 0;
box-sizing: border-box;
}
.absol-single-page-scroller-viewport {
min-height: 100%;
display: block;
position: relative;
box-sizing: border-box;
}
.absol-single-page-scroller {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow-y: auto;
}
.absol-single-page.as-viewport-full > .absol-single-page-scroller > .absol-single-page-scroller-viewport {
height: 100%;
width: 100%;
overflow: hidden;
}
.absol-single-page.as-no-scroll > .absol-single-page-scroller {
overflow: hidden;
}
/*** module: node_modules/absol-acomp/css/hexasectionlabel.css ***/
.as-hexa-section-label {
position: relative;
-webkit-print-color-adjust: exact;
/*friendly print*/
}
.as-hexa-section-label-text {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 1em;
padding-right: 2.5em;
color: white;
font-weight: bold;
z-index: 2;
}
@media print {
.as-hexa-section-label-text {
color: white !important;
}
.as-hexa-section-label-index {
color: rgb(237, 147, 54) !important;
}
}
.as-hexa-section-label-index {
position: relative;
display: inline-block;
vertical-align: middle;
text-align: center;
color: rgb(237, 147, 54);
font-weight: 900;
z-index: 2;
}
.as-hexa-section-label-background {
position: absolute;
top: 0;
left: 0;
bottom: 0;
z-index: 1;
}
.as-hexa-section-label-background>svg {
display: block;
}
.as-hexa-section-label-index-box {
stroke: rgb(251, 186, 130);
fill: white;
stroke-width: 2.5;
}
.as-hexa-section-label-text-box {
fill: rgb(237, 147, 54);
stroke: none;
}
/*** module: node_modules/absol-acomp/css/vruler.css ***/
/*margin for border size*/
.as-vruler {
position: relative;
width: 1.5em;
border: solid 1px black;
overflow: hidden;
font-family: courier, "courier new", monospace;
box-sizing: border-box;
}
.as-vruler-line {
position: absolute;
right: 0;
width: 25%;
border-top: solid 1px rgb(17, 48, 43);
box-sizing: border-box;
}
.as-vruler-line.major {
width: 50%;
border-top: solid 1px rgb(5, 20, 18);
}
.as-vruler-major-number {
position: absolute;
text-align: center;
width: 5em;
pointer-events: none;
font-size: 0.7em;
right: calc(52% - 2em);
height: 1em;
transform-origin: center;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform:rotate(90deg);
transform: rotate(-90deg);
}
/*** module: node_modules/absol-acomp/css/hruler.css ***/
/*margin for border size*/
.as-hruler {
position: relative;
height: 1.5em;
border: solid 1px black;
overflow: hidden;
font-family: courier, "courier new", monospace;
box-sizing: border-box;
}
.as-hruler-line {
position: absolute;
bottom: 0;
height: 25%;
border-left: solid 1px rgb(17, 48, 43);
box-sizing: border-box;
}
.as-hruler-line.major {
height: 50%;
border-left: solid 1px rgb(5, 20, 18);
}
.as-hruler-major-number{
position: absolute;
text-align: center;
width: 5em;
pointer-events: none;
font-size: 0.7em;
bottom: 50%;
}
/*** module: node_modules/absol-acomp/css/linearcolorbar.css ***/
.as-linear-color-bar {
position: relative;
height: 2em;
}
.as-linear-color-background {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
}
.as-linear-color-value-text {
position: absolute;
top: 0;
font-weight: 900;
white-space: nowrap;
}
.as-linear-color-min-value-text,
.as-linear-color-max-value-text {
position: absolute;
bottom: 0;
white-space: nowrap;
font-weight: bold;
}
.as-linear-color-min-value-text {
left: 0;
}
.as-linear-color-rect {
stroke: none;
}
.as-linear-color-value-arrow {
fill: rgb(244, 124, 32);
stroke: rgb(244, 124, 32);
}
.as-linear-color-split-line {
stroke: white;
}
.as-linear-color-tiny-bar {
font-size: 1rem;
--value: 1;
--extend: 0.5;
--color: green;
position: relative;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
}
.as-linear-color-tiny-text {
display: inline-block;
vertical-align: middle;
padding-right: 0.3em;
width: 4em;
text-align: right;
}
.as-linear-color-tiny-bar-rect {
height: calc(10em / 14);
width: calc(10em * var(--value) / 1.4);
max-width: calc(10em / 1.4 + 10em * var(--extend) / 1.4);
min-width: 3px;
background-color: var(--color);
display: inline-block;
vertical-align: middle;
}
/*** module: node_modules/absol-acomp/css/mediainput.css ***/
.vmedia-no-show {
position: fixed;
top: 0;
left: 0;
width: 1;
height: 1;
z-index: -100000;
opacity: 0;
}
.vmedia-no-select,
.vmedia-no-select * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
coccocgrammar {
display: none;
}
.vmedia-media-input {
box-sizing: border-box;
border: solid 1px rgba(0, 0, 0, 0.1)
}
.vmedia-media-input-text-container {
position: relative;
min-height: 2.5em;
}
.vmedia-media-input-text-container-editor:focus {
outline: none;
}
.vmedia-media-input-text-container-editor img {
display: none;
}
.vmedia-media-input-text-container-editor * {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
text-decoration: inherit;
color: inherit;
background: none;
padding: 0;
margin: 0;
white-space: pre;
}
.vmedia-media-input-text-container-editor {
min-height: 2em;
padding-left: 0.5em;
padding-top: 0.25em;
padding-bottom: 0.25em;
margin-right: 0.5em;
box-sizing: border-box;
max-height: 6.66666666em;
overflow-x: hidden;
overflow-y: auto;
}
.vmedia-media-input-imagepreview-container {
white-space: normal;
}
.vmedia-media-input:not(.dragover) .vmedia-media-input-dropover {
display: none;
}
.vmedia-media-input-dropover {
display: inline-block;
width: 7em;
height: 7em;
}
.vmedia-media-input-dropover>svg {
width: 7em;
height: 7em;
}
.vmedia-media-input-imagepreview-container .vmedia-media-input-filepreview,
.vmedia-media-input-imagepreview-container .vmedia-media-input-imagepreview {
margin: 0.3em;
vertical-align: middle;
}
.vmedia-media-input-filepreview,
.vmedia-media-input-imagepreview {
position: relative;
display: inline-block;
}
.vmedia-media-input-imagepreview img {
height: 2.5em;
width: auto;
}
.vmedia-media-input-filepreview svg.attachment {
height: 2em;
width: 2em;
}
.vmedia-media-input-filepreview svg.times,
.vmedia-media-input-imagepreview svg.times {
position: absolute;
top: 0.1em;
right: 0.1em;
width: 1em;
height: 1em;
fill: rgba(69, 69, 69, 0.6);
}
.vmedia-media-input-filepreview svg.times:hover,
.vmedia-media-input-imagepreview svg.times:hover {
fill: rgba(144, 144, 144, 0.6);
}
.vmedia-media-input-filepreview svg.times:active,
.vmedia-media-input-imagepreview svg.times:active {
fill: rgba(220, 220, 240, 0.6);
}
.vmedia-media-input-plug-button-container {
position: absolute;
left: 0.25em;
bottom: 0.25em;
top: 0.25em;
}
.vmedia-media-input-plug-button-container svg {
height: 1.5em;
width: 1.5em;
vertical-align: middle;
transition: transform .22s cubic-bezier(.5, 0, .4, 1);
}
.vmedia-media-input-plug-button-container svg path {
fill: rgba(66, 133, 244, 0.7);
transition: fill .22s cubic-bezier(.5, 0, .4, 1);
}
.vmedia-media-input.show-plugin .vmedia-media-input-plug-button svg path {
fill: rgba(134, 142, 153, 0.75);
}
.vmedia-media-input-plug-button {
padding: 0;
height: 100%;
width: 2em;
border: none;
background: transparent;
outline: none;
}
.vmedia-media-input-plugin-content-container {
position: absolute;
bottom: calc(1px + 100%);
opacity: 1;
transition: opacity .22s cubic-bezier(.5, 0, .4, 1);
background-color: white;
box-sizing: border-box;
border: solid 1px rgba(0, 0, 0, 0.1);
z-index: 20;
background: white;
}
.vmedia-media-input-plugin-content-container:empty{
display: none;
}
.vmedia-media-input-tool-container {
position: relative;
display: block;
height: 1.5em;
/* background: red; */
}
.vmedia-media-input-tool-container-left {
position: absolute;
left: 0;
top: 0;
bottom: 0;
}
.vmedia-media-input-tool-container-right {
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
.vmedia-media-input-tool-container button {
width: 2.5em;
height: 100%;
font-size: 1em;
margin-left: 0.1em;
margin-right: 0.1em;
border: none;
background-color: transparent;
border-radius: 0.4em;
}
.vmedia-media-input-text-container-editor {
scrollbar-width: thin;
}
.vmedia-media-input-text-container-editor::-webkit-scrollbar {
width: 7px;
}
.vmedia-media-input-text-container-editor::-webkit-scrollbar-track {
background: rgb(240, 240, 240);
}
.vmedia-media-input-text-container-editor::-webkit-scrollbar-thumb {
background: rgb(205, 205, 205);
}
.vmedia-media-input-tool-container button svg {
height: 1.25em;
width: 1.25em;
}
.vmedia-media-input-tool-container button:hover {
background-color: rgba(91, 192, 222, 0.1);
}
.vmedia-media-input-tool-container button:active {
background-color: rgba(91, 192, 222, 0.4);
}
.vmedia-media-input-tool-container button svg.send {
fill: rgba(66, 133, 244, 0.7);
}
.vmedia-media-input-tool-container button svg.add-file,
.vmedia-media-input-tool-container button svg.add-image {
fill: rgba(66, 66, 66, 0.5);
}
.vmedia-media-input-tool-container button .mdi{
font-size:1.2em;
}
.vmedia-media-input-tool-container button:focus {
outline: none;
}
.vmedia-media-input-tool-container button{
vertical-align: middle;
}
.vmedia-media-input-plugin-content-container.blur{
visibility: hidden;
}
/*** module: node_modules/absol-acomp/css/messageinput.css ***/
.as-conversation-box {
display: flex;
flex-direction: column;
font-size: 4rem;
--right-width: 0;
}
.as-conversation-box-message-ctn {
flex-grow: 1;
}
.as-conversation-box-input-ctn {
/** empty**/
}
.as-message-input {
position: relative;
box-sizing: border-box;
padding-top: calc(5em / 14);
padding-bottom: calc(5em / 14);
padding-left: calc(5em / 14);
overflow: visible;
font-size: var(--as-input-font-size);
font-family: var(--as-input-font-family);
}
.as-message-input * {
font: inherit;
}
.as-message-input-plugin-btn {
font-size: inherit;
width: calc(40em / 14);
height: calc(40em / 14);
padding: 0;
border: none;
color: rgb(122, 122, 122);
background-color: rgb(241, 241, 241);
outline: none;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
}
.as-message-input-plugin-btn:active {
background-color: rgb(212, 212, 212);
}
.as-message-input-plugin-btn:hover {
background-color: rgb(235, 235, 235);
}
.as-message-input-plugin-btn span {
font-size: calc(24em / 14);
}
.as-message-input-right {
position: absolute;
bottom: calc(10em / 14);
right: calc(5em / 14);
z-index: 0;
white-space: nowrap;
}
.as-message-input-right .as-message-input-plugin-btn {
margin-left: calc(10em / 14);
}
.as-message-input-left {
position: absolute;
left: calc(5em / 14);
bottom:calc(5em / 14);
}
.as-message-input-pre-ctn {
position: relative;
width: calc(100% - var(--right-width));
border-radius: 1.8em;
box-sizing: border-box;
transition: width 0.1s;
padding: calc(10em / 14) calc(20em / 14) calc(10em / 14) 3.57em;
background-color: rgb(241, 241, 244);
}
.as-message-input-pre-ctn::after {
display: inline-block;
content: "";
height: calc(2em + 2px);
vertical-align: middle;
}
.as-message-input:not(.as-v2) .as-message-input-pre:before {
content: "";
line-height: calc(2em + 2px);
display: inline;
vertical-align: middle;
}
/*.as-message-input.as-has-text.as-text-changed .as-message-input-pre-ctn,*/
/*.as-message-input.as-has-quote .as-message-input-pre-ctn,*/
/*.as-message-input.as-has-attachment .as-message-input-pre-ctn {*/
/* width: calc(100% - 4em - var(--always-visible-buttons-width));*/
/*}*/
.as-message-input-pre {
display: inline-block;
width: calc(100% - 2px);
max-height: 6.5em;
box-sizing: border-box;
font-family: inherit;
font-size: inherit;
outline: none;
vertical-align: middle;
margin: 0;
white-space: pre-wrap;
overflow-x: hidden;
overflow-y: auto;
line-height: 1.5;
border: none;
}
.as-message-input-camera-caller,
.as-message-input-camera-microphone {
display: none;
}
.as-message-input-emoji-picker-ctn {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
user-select: none;
-webkit-user-select: none;
background-color: white;
}
.as-message-input-plugin-btn.as-message-input-plugin-send {
color: white;
background: linear-gradient(135deg, rgb(0, 120, 212), rgb(0, 188, 242));
transform: scale(1);
transition: scale 0.1s;
}
.as-message-input-plugin-btn.as-message-input-plugin-send span {
font-size: calc(20em / 14);
}
.as-message-input-plugin-btn.as-message-input-plugin-send:hover {
background: linear-gradient(135deg, rgb(0, 140, 212), rgb(0, 208, 252));
}
.as-message-input-plugin-btn.as-message-input-plugin-send:active {
transform: scale(0.9);
}
.as-message-input:not(.as-text-changed):not(.as-has-attachment):not(.as-has-quote) .as-message-input-plugin-send,
.as-message-input:not(.as-has-text):not(.as-has-attachment):not(.as-has-quote) .as-message-input-plugin-send,
.as-message-input:not(.as-mode-edit) .as-message-input-plugin-cancel,
.as-message-input.as-mode-edit.as-text-changed.as-has-text .as-message-input-plugin-cancel,
.as-message-input:not(.as-has-attachment):not(.as-drag-hover) .as-message-input-attachment-ctn,
.as-message-input.as-auto-send .as-message-input-attachment-ctn,
.as-message-input.as-mode-edit .as-message-input-plugin-file,
.as-message-input.as-has-text .as-message-input-plugin-file,
.as-message-input.as-has-quote .as-message-input-plugin-file,
.as-message-input:not(.as-has-quote) .as-message-quote-box {
display: none;
}
.as-message-input .as-message-quote-box {
border-bottom: 1px solid #ddd;
}
.as-message-quote-box {
position: relative;
}
.as-message-input.as-has-attachment .as-message-quote-box {
margin-bottom: 5px;
}
.as-message-quote-remove-btn {
position: absolute;
color: rgb(43, 44, 51);
right: -7px;
top: 5px;
width: 20px;
height: 20px;
padding: 0;
background: transparent;
border: none;
border-radius: 50%;
font-size: 16px;
outline: none;
}
.as-message-quote-remove-btn:hover {
color: rgb(143, 144, 151);
}
.as-message-quote-box {
user-select: none;
-webkit-user-select: none;
}
.as-message-quote-box:not(.as-removable) .as-message-quote-remove-btn {
display: none;
}
.as-message-quote-box > div {
display: inline-block;
vertical-align: top;
}
.as-message-quote-box:not(.as-has-img):not(.as-has-file) .as-message-quote-img {
display: none;
}
.as-message-quote-img {
width: 40px;
height: 40px;
padding: 5px;
box-sizing: border-box;
background-size: cover;
background-origin: border-box;
background-position: center;
background-repeat: no-repeat;
}
.as-message-quote-sym {
width: 1.8em;
}
.as-message-quote-sym > span {
font-size: 1.8em;
color: rgb(169, 169, 172);
}
.as-message-quote-content {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
width: calc(100% - 26px);
box-sizing: border-box;
padding-left: 20px;
}
.as-message-quote-box.as-has-img .as-message-quote-content,
.as-message-quote-box.as-has-file .as-message-quote-content {
width: calc(100% - 66px);
padding-left: 5px;
}
.as-message-quote-box.as-has-file .as-message-quote-img {
background-origin: padding-box;
background-size: contain;
}
.as-message-quote-text {
font-size: calc(16em / 14);
line-height: 1.75;
font-style: italic;
color: rgb(43, 44, 51);
max-width: 100%;
word-break: break-word;
white-space: pre-wrap;
}
.as-message-quote-box.as-shorten-text .as-message-quote-text {
word-break: normal;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.as-message-quote-text .as-emoji {
width: 20px;
height: 20px;
}
.as-message-quote-desc {
font-size: 0.85em;
color: rgb(80, 80, 88);
}
.as-message-input-attachment-ctn {
border-bottom: 1px solid #ddd;
max-height: 170px;
overflow-y: auto;
}
.as-message-input-attach-preview {
display: inline-block;
position: relative;
width: 135px;
height: 135px;
vertical-align: middle;
margin-right: 5px;
margin-bottom: 5px;
border-radius: 10px;
background-color: white;
overflow: hidden;
}
.as-message-input-attach-preview-image {
min-width: 20px;
image-orientation: from-image;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.as-message-input-attach-preview-file {
max-width: 50%;
max-height: 50%;
margin-left: 10px;
margin-top: 10px;
}
.as-message-input-attach-preview-close-btn {
position: absolute;
right: 10px;
top: 10px;
width: 18px;
height: 18px;
border-radius: 50%;
text-align: center;
border: 1px solid white;
outline: none;
padding: 0;
color: white;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.64);
-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.64);
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.64);
background-color: rgba(100, 100, 100, 0.5);
}
.as-message-input-attach-preview-close-btn span {
font-size: 14px;
}
.as-message-input-attach-preview-close-btn:hover {
background-color: rgba(255, 255, 255, 0.5);
color: rgb(200, 200, 200);
}
.as-message-input-attach-preview-close-btn:active {
background-color: rgba(255, 255, 255, 0.7);
color: rgb(255, 255, 255);
}
.as-message-input:not(.as-drag-hover) .as-message-input-attachment-add-btn-drop,
.as-message-input.as-drag-hover .as-message-input-attachment-add-btn-plus {
display: none;
}
.as-message-input-attach-preview-info {
position: absolute;
left: 10px;
bottom: 10px;
right: 10px;
max-height: calc(100% - 20px);
text-shadow: 0px 1px 3px white;
color: black;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
.as-message-input-attach-preview-name {
overflow: hidden;
text-overflow: ellipsis;
}
.as-message-input-attach-preview-size {
color: #42494c;
}
.as-message-input-attachment-add-btn {
display: inline-block;
vertical-align: middle;
height: 135px;
width: 60px;
border: none;
border-radius: 10px;
padding: 0;
background-color: rgb(196, 196, 200);
color: white;
font-size: 50px;
outline: none;
margin-bottom: 10px;
}
.as-message-input-attachment-add-btn:hover {
background-color: rgb(169, 169, 169)
}
.as-message-input-attachment-add-btn:active {
background-color: rgb(138, 141, 145)
}
.as-message-input-external-tools-popup {
position: absolute;
max-width: 100%;
bottom: 100%;
background-color: white;
}
.as-message-input-external-tools-popup.as-align-left{
left: 0;
}
.as-message-input-external-tools-popup.as-align-right{
right: 0;
}
.as-message-input-external-tools-popup.as-align-fixed{
right: 0;
left: 0;
}
img.as-emoji {
vertical-align: bottom;
}
span.as-emoji-text {
position: absolute;
color: transparent;
width: 20px;
opacity: 0;
}
/*** module: node_modules/absol-acomp/css/numberinput.css ***/
.absol-number-input {
text-align: right;
display: inline-block;
vertical-align: middle;
position: relative;
min-width: calc(1em + 2px);
height: calc(2em + 2px);
border: solid 1px #d6d6d6;
font-size: 1rem;
box-sizing: border-box;
width: 4em;
--text-width: 0.5em;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.absol-number-input.as-width-auto {
width: calc(var(--text-width));
}
.absol-number-input.as-has-stepper.as-width-auto {
width: calc(var(--text-width) + 2.2em);
}
.absol-number-input-text-container {
right: 0;
left: 0em;
top: 0;
bottom: 0;
position: absolute;
}
/*.absol-number-input.as-read-only .absol-number-input-button-up-container,*/
/*.absol-number-input.as-read-only .absol-number-input-button-down-container,*/
.absol-number-input-button-up-container,
.absol-number-input-button-down-container {
display: none;
}
.absol-number-input.as-read-only.as-border-none {
border: none;
}
.absol-number-input.as-read-only.as-border-none input {
/*text-align: left;*/
padding-left: 0;
}
.absol-number-input-button-up-container {
top: 0;
}
.absol-number-input-button-down-container {
bottom: 0;
}
.absol-number-input.as-has-stepper .absol-number-input-button-up-container,
.absol-number-input.as-has-stepper .absol-number-input-button-down-container {
right: 0;
position: absolute;
height: 1em;
width: 1em;
max-height: 50%;
overflow: hidden;
display: block;
}
.absol-number-input-button-up-container > button,
.absol-number-input-button-down-container > button {
width: 100%;
height: 100%;
line-height: 1;
padding: 0;
border: none;
box-sizing: border-box;
outline: none;
color: rgb(101, 101, 101);
background-color: transparent;
font-size: inherit;
}
.as-printer-content .absol-number-input button {
display: none;
}
.absol-number-input-button-up-container > button:active,
.absol-number-input-button-down-container > button:active {
color: black;
background-color: rgba(101, 101, 101, 0.3);
}
.absol-number-input.as-has-stepper .absol-number-input-text-container {
right: 1.2em;
}
.absol-number-input-text-container > input[type="text"] {
border: none;
outline: none;
width: 100%;
height: 100%;
text-align: right;
padding: 0 0.35em;
box-sizing: border-box;
font: inherit;
}
.absol-number-input.as-has-stepper .absol-number-input-text-container > input[type="text"] {
padding: 0 0.2em;
}
.absol-number-input.absol-disabled {
pointer-events: none;
color: var(--as-disabled-text-color);
}
.absol-number-input.absol-disabled input {
background-color: var(--as-disabled-background-color);
}
.absol-number-input.absol-disabled .absol-number-input-button-up-container,
.absol-number-input.absol-disabled .absol-number-input-button-down-container {
opacity: 0.3;
}
body.as-number-input-force-dragging {
user-select: none;
pointer-events: none;
}
.as-number-input-mouse-line {
border: 1px dashed #bfc1c2;
position: fixed;
z-index: 1e8;
}
/*** module: node_modules/absol-acomp/css/onscreenwindow.css ***/
.absol-onscreen-window {
z-index: 1002;
position: fixed;
left: 10px;
top: 10px;
width: 12em;
height: 5em;
/*default size*/
/* min-width: 12em;
min-height: 1.4em; */
}
.absol-onscreen-window > .as-window-box {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.absol-onscreen-window > .as-window-box > .as-window-box-body {
flex-grow: 1;
}
.as-window-box {
position: relative;
background: white;
-webkit-box-shadow: 2px 2px 17px -1px rgba(0, 0, 0, 0.54);
-moz-box-shadow: 2px 2px 17px -1px rgba(0, 0, 0, 0.54);
box-shadow: 2px 2px 17px -1px rgba(0, 0, 0, 0.54);
}
.as-window-box-header {
display: flex;
min-height: 1.4em;
position: relative;
background-color: rgba(169, 169, 169, 0.15);
padding: 0.2em;
box-sizing: border-box;
align-items: center;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
}
.as-window-box-header-icon-ctn:empty {
display: none;
}
.as-window-box-header-title {
flex-grow: 1;
padding-left: 0.2em;
}
.as-window-box-header-button-ctn {
}
.as-window-box-header-icon {
margin-right: 0.2em;
font-size: inherit;
}
span.as-window-box-header-icon {
line-height: 1.2em;
}
svg.as-window-box-header-icon {
width: 1.2em;
height: 1.2em;
}
span.as-window-box-header-title {
line-height: 1.2em;
font-size: 1em;
color: rgb(33, 33, 34);
}
.as-window-box-header-button-ctn > button {
height: 100%;
width: 1em;
font-size: 1em;
padding: 0;
margin: 0 0 0 0.1em;
border: none;
color: rgb(169, 169, 169);
outline: none;
}
.as-window-box-header-button-ctn > button:hover {
color: rgb(103, 103, 103);
}
.as-window-box-header-button-ctn > button:active {
color: rgb(33, 33, 34);
}
.as-window-box-header-button-ctn > button:hover > .mdi-close {
color: rgb(255, 59, 59);
}
.as-window-box-header-button-ctn > button > span {
vertical-align: middle;
}
.absol-onscreen-window-body-container {
position: absolute;
left: 0;
right: 0;
top: 1.4em;
bottom: 0;
}
.absol-onscreen-window-moving-modal {
position: fixed;
left: 1px;
right: 1px;
top: 1px;
bottom: 1px;
z-index: 1000000006;
}
.absol-onscreen-window-resizer {
position: absolute;
}
.absol-onscreen-window-resizer.absol-onscreen-window-resize-bottom {
bottom: -3px;
height: 6px;
left: 3px;
right: 3px;
z-index: 3;
}
.absol-onscreen-window-resizer.absol-onscreen-window-resize-top {
top: -3px;
height: 6px;
left: 3px;
right: 3px;
z-index: 3;
}
.absol-onscreen-window-resizer.absol-onscreen-window-resize-left {
left: -3px;
top: 3px;
bottom: 3px;
width: 6px;
cursor: ew-resize;
}
.absol-onscreen-window-resizer.absol-onscreen-window-resize-right {
right: -3px;
top: 3px;
bottom: 3px;
width: 6px;
cursor: ew-resize;
}
.absol-onscreen-window-resizer.absol-onscreen-window-resize-bottom-right {
width: 6px;
height: 6px;
right: -3px;
bottom: -3px;
}
.absol-onscreen-window-resizer.absol-onscreen-window-resize-bottom-left {
width: 6px;
height: 6px;
left: -3px;
bottom: -3px;
}
.absol-onscreen-window-resizer.absol-onscreen-window-resize-top-left {
width: 6px;
height: 6px;
left: -3px;
top: -3px;
}
.absol-onscreen-window-resizer.absol-onscreen-window-resize-top-right {
width: 6px;
height: 6px;
right: -3px;
top: -3px;
}
.absol-onscreen-window-resize-top,
.absol-onscreen-window-resize-bottom {
cursor: ns-resize;
}
.absol-onscreen-window-resize-left,
.absol-onscreen-window-resize-right {
cursor: ew-resize;
}
.absol-onscreen-window-resize-bottom-right {
cursor: se-resize;
}
.absol-onscreen-window-resize-bottom-left {
cursor: sw-resize;
}
.absol-onscreen-window-resize-top-left {
cursor: nw-resize;
}
.absol-onscreen-window-resize-top-right {
cursor: ne-resize;
}
/*** module: node_modules/absol-acomp/css/pageselector.css ***/
.absol-page-selector{
white-space: normal;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
font-size: 1rem;
}
.absol-page-selector > ul{
margin-bottom: 0px;
margin-top: 0;
}
.absol-page-number-buttons{
display: inline-block;
vertical-align: middle;
white-space: nowrap;
}
.absol-page-number-input > label{
font-weight: 100;
}
.absol-page-number-buttons > li.page-previous,
.absol-page-number-buttons > li.page-next,
.absol-page-number-buttons > li.page-first,
.absol-page-number-buttons > li.page-last
{
display: inline-block;
height: calc(2em + 2px);;
padding-left: 10px;
padding-right: 10px;
text-align: center;
transition: all .3s linear;
background-color: transparent;
cursor: pointer;
}
.absol-page-number-buttons > li.absol-page-number{
font-size: inherit;
display: inline-block;
height: calc(2em + 2px);
width: 3em;
text-align: center;
transition: all .3s linear;
background-color: transparent;
cursor: pointer;
}
li.absol-page-number>a{
font-size: inherit;
}
.absol-page-number-buttons > li.absol-page-number.active{
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
background-color: #4285f4;
border-radius:2px;
}
.absol-page-number-buttons > li.absol-page-number.active > a{
color: white;
}
.absol-page-number-buttons > li> a{
line-height: calc(2em + 2px);
text-decoration:none;
outline: none;
}
.absol-page-number-buttons > li:not(.active):hover{
background-color: #eee;
}
.absol-page-selector .absol-page-number-input{
display: inline-block;
vertical-align: middle;
}
.absol-page-selector .absol-page-number-input input[type="text"]{
font-size: inherit;
width: 3em;
margin-left: 0.3em;
margin-right: 0.3em;
text-align: center;
height: 1.8em;
border: solid 1px #ccc;
border-radius: 2px;
}
.absol-page-link {
color: #147af6;
cursor: pointer;
text-decoration: underline;
}
.absol-page-number {
color: #147af6;
cursor: pointer;
}
.absol-page-number a::before{
content: attr(data-index-text);
}
/*** module: node_modules/absol-acomp/css/preinput.css ***/
.as-preinput {
margin: 0;
padding: 0;
white-space: pre-wrap;
-moz-user-modify: read-write;
-webkit-user-modify: read-write;
word-break: normal;
}
pre.as-preinput{
word-break: normal;
}
.as-preinput img {
display: none;
}
/*** module: node_modules/absol-acomp/css/progressbar.css ***/
.as-progress-bar {
height: 1em;
background-color: #e9ecef;
border-radius: .25em;
box-sizing: border-box;
overflow: hidden;
--value-color: #007bff;
}
.as-progress-bar-value {
height: 100%;
width: 0;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: var(--value-color);
transition: width .6s ease;
}
.as-progress-bar.as-variant-success,
.as-progress-circle.as-variant-success {
--value-color: #28a745;
}
.as-progress-bar.as-variant-info,
.as-progress-circle.as-variant-info {
--value-color: #17a2b8;
}
.as-progress-bar.as-variant-warning,
.as-progress-circle.as-variant-warning {
--value-color: #ffc107;
}
.as-progress-bar.as-variant-danger,
.as-progress-circle.as-variant-danger {
--value-color: #dc3545;
}
.as-progress-bar.as-striped .as-progress-bar-value,
.as-progress-bar.as-animated .as-progress-bar-value {
background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
background-size: 1.33333em 1.33333em;
}
@keyframes as-progress-bar-stripes {
0% {
background-position: 1.33333em 0
}
to {
background-position: 0 0
}
}
.as-progress-bar.as-animated .as-progress-bar-value {
animation: as-progress-bar-stripes 1s linear infinite;
}
.as-progress-circle {
display: inline-block;
width: 7em;
height: 7em;
background-color: #fcfcf6;
border-radius: 50%;
position: relative;
--value-color: #007bff;
box-shadow: 3px 2px 12px -1px rgba(0, 0, 0, 0.1) inset;
overflow: hidden;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.as-progress-circle-inner {
background-color: white;
position: absolute;
border-radius: 50%;
left: 0.8em;
right: 0.8em;
top: 0.8em;
bottom: 0.8em;
font-size: 1rem;
box-shadow: 3px 2px 12px -1px rgba(0, 0, 0, 0.1);
white-space: nowrap;
text-align: center;
}
.as-progress-circle-inner::before {
content: "";
height: 100%;
display: inline-block;
vertical-align: middle;
}
.as-progress-circle-text {
display: inline-block;
vertical-align: middle;
white-space: pre-wrap;
max-width: calc(100% - 0.3em);
font-size: 1em;
color: #454c5b;
}
.as-progress-circle-start,
.as-progress-circle-end {
border-radius: 50%;
width: 0.8em;
height: 0.8em;
background-color: var(--value-color);
/*background-color: red;*/
top: 0;
left: calc(50% - 0.4em);
position: absolute;
/*box-shadow: 3px 2px 12px -1px rgba(0, 0, 0, 0.1);*/
}
.as-progress-circle-pie {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-radius: 50%;
background-color: var(--value-color);
}
.as-progress-circle-end {
}
/*** module: node_modules/absol-acomp/css/quicklistbutton.css ***/
.as-quick-list-button {
box-sizing: border-box;
height: calc(2em + 2px);
font-size: 14px;
}
.as-quick-list-button .as-flexicon-button-text-container {
border-right: solid 1px #bfbfbf;
}
.as-quick-list-button-follower .absol-selectlist {
max-height: calc(100vh - 20px);
overflow-y: auto;
border: solid 1px rgb(100, 100, 255);
box-sizing: border-box;
background-color: white;
display: inline-block;
vertical-align: top;
-webkit-box-shadow: 2px 2px 6px 0px rgba(0, 0, 90, 0.55);
-moz-box-shadow: 2px 2px 6px 0px rgba(0, 0, 90, 0.55);
box-shadow: 2px 2px 6px 0px rgba(0, 0, 90, 0.55);
}
/*** module: node_modules/absol-acomp/css/selectlist.css ***/
.absol-selectlist {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.absol-selectlist * {
box-sizing: border-box;
}
.absol-selectlist .absol-selectlist-item:hover {
background-color: #efefef;
}
.absol-selectlist .absol-selectlist-item {
height: calc(20rem / 14);
font-size: 1rem;
cursor: pointer;
}
.absol-selectlist-item.as-selected {
background-color: #dfdfdf;
}
.absol-selectlist-item.as-disabled,
.absol-selectlist-item.as-disabled * {
color: var(--as-disabled-text-color);
pointer-events: none;
}
.absol-selectlist:not(.as-searching) > .absol-selectlist-item.as-last-in-group,
.as-select-list-box:not(.as-searching) .as-last-in-group {
position: relative;
overflow: visible;
}
.as-select-list-box:not(.as-searching) .as-last-in-group::after,
.absol-selectlist:not(.as-searching) > .absol-selectlist-item.as-last-in-group:not(:last-child)::after {
content: "";
border-bottom: 1px solid #aaaaaa;
position: absolute;
left: 0.2em;
right: 0.2em;
bottom: -0.5px;
z-index: 20;
}
.absol-selectlist-item-text {
line-height: inherit;
white-space: pre;
padding-left: var(--as-input-horizontal-padding);
padding-right: var(--as-input-horizontal-padding);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.absol-selectlist-item {
height: 20px;
line-height: 20px;
--level: 0;
padding-left: calc(0.9em * var(--level));
}
.absol-selectlist-item {
position: relative;
box-sizing: border-box;
}
.absol-selectlist-item-desc-container {
position: absolute;
right: 0.3em;
top: 0;
bottom: 0;
}
.absol-selectlist-item-desc {
font-style: italic;
line-height: 20px;
white-space: nowrap;
color: rgb(37, 37, 37);
}
.absol-selectlist-item-desc:empty {
display: none;
}
.absol-selectlist-item {
padding-right: calc(0.35em + var(--select-list-desc-width));
}
.absol-selectlist-item-desc-container {
width: var(--select-list-desc-width);
}
.as-select-list-icon {
font-size: 1.5em;
display: inline-block;
vertical-align: middle;
padding-left: var(--as-input-horizontal-padding);
}
/**************** MOBILE ******************************/
:root {
--modal-margin-top: 80px;
--modal-margin-bottom: 80px;
--modal-max-width: 500px;
--modal-width: calc(100vw - 80px);
/*--modal-border-radius: 8px;*/
--modal-border-radius: 0px;
}
.am-list-modal {
z-index: 100005;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-align: center;
box-sizing: border-box;
padding-top: var(--modal-margin-top);
background-color: rgba(0, 0, 0, 0.1);
}
.am-list-modal > div {
display: inline-block;
text-align: initial;
}
.am-list-popup-box {
max-width: var(--modal-max-width);
width: var(--modal-width);
/*-webkit-box-shadow: 2px 2px 6px 0px rgba(0, 0, 90, 0.55);*/
/*-moz-box-shadow: 2px 2px 6px 0px rgba(0, 0, 90, 0.55);*/
/*box-shadow: 2px 2px 6px 0px rgba(0, 0, 90, 0.55);*/
box-shadow: 2px 2px 2px 0px #908787;
-webkit-box-shadow: 2px 2px 2px 0px #908787;
background-color: #ffffff;
border-radius: var(--modal-border-radius);
font-family: Arial, Helvetica, sans-serif;
}
.am-list-popup-box.am-enable-search .absol-search-text-input {
visibility: visible;
}
.am-list-popup-header {
height: calc(2em + 10px);
display: block;
white-space: nowrap;
box-sizing: border-box;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
border-bottom: solid 1px #dddddd;
/*background-color: rgba(169, 169, 169, 0.2);*/
}
.am-list-popup-header .absol-search-text-input {
display: inline-block;
width: calc(100% - 2em - 18px);
vertical-align: middle;
box-sizing: border-box;
background-color: white;
}
.am-list-popup-close-btn {
display: inline-block;
vertical-align: middle;
border-radius: 50%;
padding: 0;
height: 2em;
width: 2em;
font-size: inherit;
border: none;
outline: none;
margin-left: 10px;
background-color: rgb(255, 255, 255);
color: #7a7a7a;
white-space: nowrap;
}
.am-list-popup-close-btn:active {
color: red;
}
.am-list-popup-close-btn:before {
content: "";
display: inline-block;
height: 2em;
vertical-align: middle;
}
.am-list-popup-close-btn span {
font-size: 24px;
display: inline-block;
vertical-align: middle;
line-height: 1;
}
.am-list-popup-box .absol-search-text-input {
visibility: hidden;
}
.am-list-popup-paging {
display: block;
height: 2em;
text-align: center;
box-sizing: border-box;
border-bottom: 1px solid #dddddd;
}
.am-list-popup-paging::before {
content: "";
height: 100%;
display: inline-block;
vertical-align: middle;
}
.am-list-popup-paging-content {
padding-left: 0.5em;
padding-right: 0.5em;
}
.am-list-popup-paging > * {
display: inline-block;
vertical-align: middle;
}
.am-list-popup-paging > button {
padding: 0;
margin-left: 0.25em;
margin-right: 0.25em;
width: 1.75em;
height: 1.75em;
display: inline-block;
background-color: transparent;
border: none;
box-sizing: border-box;
outline: none;
}
.am-list-popup-paging > button:active {
background-color: rgba(169, 169, 169, 0.3);
}
input[type="number"].am-list-popup-paging-offset {
width: 4em;
outline: none;
margin-right: 0.2em;
/*border: solid 1px #a9a9a9;*/
/*border-radius: 0.3em;*/
border:none;
text-align: right;
font-size: inherit;
height: 1.25em;
box-sizing: border-box;
}
.am-list-popup-list-scroller {
width: 100%;
overflow: auto;
--content-height: calc(100vh - 200px);
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.am-list-popup-list-scroller::-webkit-scrollbar {
display: none;
}
.am-list-popup-content {
display: block;
position: relative;
}
.am-list-popup-list-page{
position: absolute;
left: 0;
right: 0;
top: -200vh;
box-sizing: border-box;
}
.am-list-modal .am-selectlist {
width: 100%;
}
.am-list-popup-list-page.am-selectlist{
--desc-width: inherit;
}
.am-value-hidden .am-selectlist-item.as-selected{
display: none;
}
.am-selectlist {
display: table;
border-collapse: collapse;
border-spacing: 0;
}
.am-selectlist > .am-selectlist-item {
display: table-row;
}
.am-selectlist > .am-selectlist-item:active {
background-color: rgba(169, 169, 169, 0.4);
}
.am-selectlist > .am-selectlist-item.as-selected {
background-color: #dfdfdf;
}
.am-selectlist > .am-selectlist-item {
border-bottom: 0.5px solid #dddddd;
}
.am-selectlist > .am-selectlist-item > .am-selectlist-item-check-ctn {
display: table-cell;
vertical-align: middle;
padding-left: 0.35em;
}
.am-selectlist > .am-selectlist-item > .am-selectlist-item-text-ctn,
.am-selectlist > .am-selectlist-item > .am-selectlist-item-desc-ctn {
display: table-cell;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.am-selectlist > .am-selectlist-item > .am-selectlist-item-text-ctn {
padding-right: 5px;
padding-left: calc(10px + 0.9em * var(--level));
}
.am-selectlist > .am-selectlist-item > .am-selectlist-item-desc-ctn {
padding-left: 5px;
padding-right: 10px;
}
.am-selectlist {
--desc-width: auto;
}
.am-selectlist .am-selectlist-item-desc-ctn {
width: var(--desc-width);
}
/******************************************************/
.am-selectlist-item {
--level: 0;
}
.am-selectlist-item-text-ctn {
display: inline-block;
vertical-align: middle;
}
.am-selectlist-item-desc-ctn {
display: inline-block;
vertical-align: middle;
}
.am-selectlist-item-desc {
font-style: italic;
line-height: 20px;
color: rgb(80, 80, 82);
}
.am-selectlist-item-icon {
font-size: 1.5em;
display: inline-block;
vertical-align: middle;
}
/*** module: node_modules/absol-acomp/css/checkboxbutton.css ***/
.as-checkbox-button{
display: inline-block;
vertical-align: middle;
}
.as-checkbox-button .absol-checkbox-icon{
display: block;
}
/*** module: node_modules/absol-acomp/css/quickpath.css ***/
.absol-quick-path {
position: relative;
box-sizing: border-box;
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
min-height: 1.5em;
}
.absol-quick-path button {
outline: none;
color: rgb(69, 69, 69);
height: 1.5em;
}
.absol-quick-path button:hover {
color: black;
}
.absol-quick-path .toggler-ico path {
fill: rgb(104, 104, 104);
}
.dark .absol-quick-path button {
color: rgb(200, 200, 200);
}
.dark .absol-quick-path button:hover {
color: white;
}
.dark .absol-quick-path .toggler-ico path {
fill: rgb(169, 169, 169);
}
.absol-quick-path-btn:focus span {
text-decoration: underline;
}
/*
.absol-quick-path-btn .toggler-ico path {
fill: rgb(104, 104, 104);
} */
/*** module: node_modules/absol-acomp/css/radiobutton.css ***/
.absol-radio-button {
display: inline;
cursor: pointer;
white-space: nowrap;
}
.absol-radio-button input {
display: none;
}
.absol-radio-button > svg {
display: inline-block;
vertical-align: middle;
width: calc(1em + 4px);
height: calc(1em + 4px);
}
.absol-radio-button > svg .bound {
stroke: #929292;
fill: white;
}
.absol-radio-button:hover > svg .bound {
fill: #d6d6d6;
stroke: black;
}
.absol-radio-icon .border {
}
.absol-radio-button .dot {
transition: opacity 0.07s;
opacity: 0;
fill: #606060;
}
.absol-radio-button:hover .dot {
transition: opacity 0.07s;
opacity: 0;
fill: black;
}
.absol-radio-button.checked .dot {
opacity: 1;
transition: opacity 0.1s;
}
.absol-radio-button > span:last-child {
display: none;
}
.absol-radio-button.disabled {
cursor: default;
}
.absol-radio-button.disabled:hover .dot,
.absol-radio-button.disabled .dot {
fill: #929292;
}
.absol-radio-button.disabled .bound,
.absol-radio-button.disabled:hover .bound {
stroke: #929292;
fill: #ebebe4;
}
.absol-radio .standar-alone {
display: inline-block;
}
.absol-radio > span:not(:last-child) {
padding-right: 0.3em;
}
.absol-radio span:last-child {
padding-left: 0.3em;
}
input:checked ~ .absol-radio-icon .dot {
opacity: 1;
}
/*** module: node_modules/absol-acomp/css/radio.css ***/
.absol-radio {
display: inline;
cursor: pointer;
white-space: nowrap;
}
.absol-radio input {
display: none;
}
.absol-radio > span {
white-space: pre;
cursor: inherit;
vertical-align: middle;
margin: 0;
font-size: inherit;
}
.absol-radio > span:empty {
display: none;
}
.absol-radio > svg {
display: inline-block;
vertical-align: middle;
width: calc(1em + 4px);
height: calc(1em + 4px);
}
.absol-radio > svg .bound {
stroke: #929292;
fill: white;
}
.absol-radio:hover > svg .bound {
fill: #d6d6d6;
stroke: black;
}
/*
.absol-radio>svg .bound {
fill: none;
} */
.absol-radio-icon .border {
}
.absol-radio .dot {
transition: opacity 0.07s;
opacity: 0;
fill: #606060;
}
.absol-radio:hover .dot {
transition: opacity 0.07s;
opacity: 0;
fill: black;
}
.absol-radio.checked .dot {
opacity: 1;
transition: opacity 0.1s;
}
.absol-radio:not(.right) > span.absol-radio-left-label {
display: none;
}
.absol-radio.right > span.absol-radio-right-label {
display: none;
}
span.absol-radio-left-label {
padding-right: 0.3em;
}
span.absol-radio-right-label {
padding-left: 0.3em;
}
.absol-radio.disabled {
cursor: default;
}
.absol-radio.disabled{
color: #777;
}
.absol-radio.disabled:hover .dot,
.absol-radio.disabled .dot {
fill: #929292;
}
.absol-radio.disabled .bound,
.absol-radio.disabled:hover .bound {
stroke: #929292;
fill: #ebebe4;
}
.absol-radio .standar-alone {
display: inline-block;
}
input:checked ~ .absol-radio-icon .dot {
opacity: 1;
}
/*** module: node_modules/absol-acomp/css/resizebox.css ***/
.as-resize-box {
position: absolute;
/*or fixed*/
z-index: 1;
box-sizing: border-box;
opacity: 0.5;
pointer-events: none;
}
.as-resize-box-body {
margin: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
position: relative;
box-sizing: border-box;
border: solid 2px rgb(32, 150, 218);
}
.as-resize-box.as-can-move .as-resize-box-body {
cursor: move;
pointer-events: all;
}
.as-resize-box.as-can-click .as-resize-box-body {
pointer-events: all;
}
.as-resize-box.as-can-move .as-resize-box-dot,
.as-resize-box.as-can-resize .as-resize-box-dot.right,
.as-resize-box.as-can-resize .as-resize-box-dot.bottom,
.as-resize-box.as-can-resize .as-resize-box-dot.right-bottom {
display: unset;
}
.as-resize-box-dot {
position: absolute;
width: 0.6em;
height: 0.6em;
background: rgb(32, 150, 218);
display: none;
pointer-events: all;
}
.as-resize-box-dot.left-top {
top: calc(-0.3em - 1px);
left: calc(-0.3em - 1px);
cursor: nw-resize;
}
.as-resize-box-dot.left-bottom {
bottom: calc(-0.3em - 1px);
left: calc(-0.3em - 1px);
cursor: sw-resize;
}
.as-resize-box-dot.left {
top: calc(50% - 0.3em);
left: calc(-0.3em - 1px);
cursor: w-resize;
}
.as-resize-box-dot.top {
top: calc(-0.3em - 1px);
left: calc(50% - 0.3em);
cursor: n-resize;
}
.as-resize-box-dot.bottom {
bottom: calc(-0.3em - 1px);
left: calc(50% - 0.3em);
cursor: s-resize;
}
.as-resize-box-dot.right-top {
top: calc(-0.3em - 1px);
right: calc(-0.3em - 1px);
cursor: ne-resize;
}
.as-resize-box-dot.right-bottom {
bottom: calc(-0.3em - 1px);
right: calc(-0.3em - 1px);
cursor: se-resize;
}
.as-resize-box-dot.right {
top: calc(50% - 0.3em);
right: calc(-0.3em - 1px);
cursor: e-resize;
}
.as-resize-box-overiding .as-resize-box-dot,
.as-resize-box-overiding .as-resize-box-body {
cursor: unset;
}
.as-resize-box-overiding.body {
cursor: move !important;
}
.as-resize-box-overiding.left-top {
cursor: nw-resize !important;
}
.as-resize-box-overiding.left-bottom {
cursor: sw-resize !important;
}
.as-resize-box-overiding.left {
cursor: w-resize !important;
}
.as-resize-box-overiding.top {
cursor: n-resize !important;
}
.as-resize-box-overiding.bottom {
cursor: s-resize !important;
}
.as-resize-box-overiding.right-top {
cursor: ne-resize !important;
}
.as-resize-box-overiding.right-bottom {
cursor: se-resize !important;
}
.as-resize-box-overiding.right {
cursor: e-resize !important;
}
/*** module: node_modules/absol-acomp/css/searcher.css ***/
.absol-search-text-input {
position: relative;
height: 2em;
border-radius: 0.3em;
border: solid 1px #a9a9a9;
font-size: 1rem;
background-color: white;
}
.absol-search-text-input.focus {
outline: solid 1px rgba(30, 30, 255, 0.4);
}
.absol-search-text-input-container {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 2em;
}
.absol-search-text-button-container {
position: absolute;
top: 0;
right: 0;
width: 2em;
bottom: 0em;
}
.absol-search-text-button-container button {
width: 100%;
height: 100%;
outline: none;
border: none;
background: transparent;
padding: 0;
font-size: 1em;
}
.absol-search-text-button-container button > svg {
height: calc(16em / 14);
width: calc(16em / 14);
fill: rgb(132, 132, 132);
}
.absol-search-text-input-container input {
width: 100%;
height: 100%;
font-size: 1em;
box-sizing: border-box;
outline: none;
border: none;
background-color: transparent;
padding-left: 0.6em;
}
.absol-search-text-input:not(.searching) svg.times {
display: none;
}
.absol-search-text-input.searching svg.find {
display: none;
}
.absol-search-text-input .as-spinner-ico{
width: 2em;
height: 2em;
}
.absol-search-text-input:not(.as-waiting) svg.as-spinner-ico,
.absol-search-text-input.as-waiting svg:not(.as-spinner-ico) {
display: none;
}
.absol-search-text-input-container input::-webkit-search-cancel-button {
display: none;
}
/*** module: node_modules/absol-acomp/css/icons.css ***/
/*** module: node_modules/absol-acomp/css/selectbox.css ***/
:root {
--select-box-item-height: calc(20rem / 14);
--select-box-item-font-size: 1rem;
--select-box-item-border-radius: 9px;
--select-box-item-close-opacity: 0;
--select-box-min-height: calc(2rem + 2px);
--select-box-focus-item-color: rgb(208, 145, 239);
}
.absol-selectbox {
--list-min-width: 3em;
display: inline-block;
vertical-align: middle;
position: relative;
min-height: var(--select-box-min-height);
min-width: var(--list-min-width);
border: solid 1px #d6d6d6;
border-radius: calc(3rem / 14);
box-sizing: border-box;
padding-right: var(--select-box-item-height);
overflow-y: auto;
outline: none;
background-color: white;
}
.absol-selectbox:not(.as-disable-click-to-focus) {
cursor: copy;
}
.absol-selectbox.as-disabled {
pointer-events: none;
background-color: var(--as-disabled-background-color);
}
.absol-selectbox.as-disabled .absol-selectbox-item {
opacity: 0.7;
}
.absol-selectbox {
white-space: normal;
}
.absol-selectbox .absol-selectbox-item {
margin: calc((var(--select-box-min-height) - 2px - var(--select-box-item-height)) / 2) 2px;
}
.absol-selectbox-item {
font-family: Arial, Helvetica, sans-serif;
display: inline-block;
position: relative;
font-size: var(--select-box-item-font-size);
height: var(--select-box-item-height);
box-sizing: border-box;
border-radius: var(--select-box-item-border-radius);
overflow: hidden;
background-color: rgb(113, 148, 169);
border-color: rgb(121, 165, 192);
vertical-align: top;
white-space: normal;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: white;
cursor: pointer;
}
.absol-selectbox-item.as-theme-confirmed {
background-color: rgb(145, 228, 251);
}
.absol-selectbox-item.as-theme-declined {
background-color: rgb(255, 138, 138)
}
.absol-selectbox-item.as-theme-waiting {
background-color: rgb(255, 227, 174);
color: black;
}
.absol-selectbox-item-text {
height: var(--select-box-item-height);
padding-right: calc(var(--select-box-item-height) + 5px);
padding-left: 5px;
font-size: inherit;
white-space: nowrap;
}
.absol-selectbox-item-text:hover {
background-color: rgba(0, 0, 0, 0.0893617021);
}
.absol-selectbox-item-text span {
display: inline-block;
vertical-align: middle;
white-space: nowrap;
}
.absol-selectbox-item-close {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: var(--select-box-item-height);
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
background-color: rgba(0, 0, 0, var(--select-box-item-close-opacity));
white-space: nowrap;
}
.absol-selectbox-item-close:hover {
color: var(--as-transparent-button-text-hover-color);
}
.absol-selectbox-item-close::after,
.absol-selectbox-item-text::before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.absol-selectbox-item-close span {
font-size: 1.25em;
display: inline-block;
vertical-align: middle;
}
.absol-selectbox.as-item-focusable .absol-selectbox-item.as-active {
background-color: var(--select-box-focus-item-color);
}
/*** module: node_modules/absol-acomp/css/selectmenu.css ***/
.absol-selectmenu-anchor-container {
/* position: fixed; */
/* top: 0; */
/* left: 0; */
width: 0;
height: 0;
overflow: visible;
}
.absol-selectmenu-anchor {
position: relative;
}
.absol-selectmenu-anchor-content-container {
position: absolute;
z-index: 1002;
top: 0;
left: 0;
}
.absol-selectmenu-anchor-content-container .absol-bscroller {
max-height: calc(100vh - 50px);
}
.absol-selectmenu-anchor.absol-disabled .absol-selectmenu-anchor-content-container {
visibility: hidden;
top: -100000px;
left: -10000px;
z-index: -1000;
opacity: 0;
}
.absol-selectmenu-dropdown-box {
border: solid 1px rgb(100, 100, 255);
box-sizing: border-box;
background-color: white;
display: inline-block;
vertical-align: top;
-webkit-box-shadow: 2px 2px 6px 0px rgba(0, 0, 90, 0.55);
-moz-box-shadow: 2px 2px 6px 0px rgba(0, 0, 90, 0.55);
box-shadow: 2px 2px 6px 0px rgba(0, 0, 90, 0.55);
}
.absol-selectmenu-dropdown-box > .as-bscroller {
overflow-y: auto;
}
.absol-selectmenu-dropdown-box .absol-search-text-input {
margin: 0.2em;
}
.absol-selectmenu.absol-hidden {
display: none !important;
}
.absol-selectmenu-render-space {
position: fixed;
top: 0;
left: 0;
z-index: -1000;
visibility: hidden;
font-size: 14px;
}
.absol-selectmenu-render-space > div {
display: inline-block;
}
.absol-selectmenu.as-disabled,
.as-select-menu.as-disabled {
pointer-events: none;
background-color: var(--as-disabled-background-color);
color: var(--as-disabled-text-color);
}
.absol-selectmenu {
display: inline-block;
vertical-align: middle;
position: relative;
height: calc(2em + 2px);
min-width: calc(2em + 2px);
border: solid 1px #d6d6d6;
border-radius: 2px;
box-sizing: border-box;
font-size: 1rem;
outline: none;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
background-color: white;
}
.absol-selectmenu.as-border-none {
border: none;
}
.absol-selectmenu.as-border-none .absol-selectlist-item span {
padding-left: 0;
user-select: inherit;
-ms-user-select: inherit;
-webkit-user-select: inherit;
}
.absol-selectmenu:not(.as-read-only) {
cursor: pointer;
}
.absol-selectmenu.as-read-only .absol-selectlist-item span {
user-select: inherit;
-moz-user-select: inherit;
-webkit-user-select: inherit;
-ms-user-select: inherit;
}
.absol-selectmenu-btn {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 30px;
border: none;
background: transparent;
z-index: 2;
pointer-events: none;
}
.absol-selectmenu-btn:focus {
outline: none;
}
.absol-selectmenu-btn svg.dropdown {
width: 10px;
height: 10px;
fill: #929292;
}
.absol-selectmenu.as-read-only svg.dropdown {
display: none;
}
.absol-selectmenu:not(.as-read-only):hover svg.dropdown {
width: 10px;
height: 10px;
fill: black;
}
.absol-selectmenu .absol-selectlist-item-text {
display: inline-block;
overflow: hidden;
max-width: calc(var(--as-width-limit) - 30px);
text-overflow: ellipsis;
vertical-align: middle;
}
.absol-selectmenu-holder-item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
/*1px for border*/
white-space: nowrap;
}
.absol-selectmenu-holder-item::before {
content: "";
height: 100%;
display: inline-block;
vertical-align: middle;
}
.absol-selectmenu-holder-item > .absol-selectlist-item {
display: inline-block;
width: 100%;
vertical-align: middle;
}
.absol-selectmenu .absol-selectlist-item-text {
padding-right: 28px;
}
.absol-selectmenu .absol-scroll-button {
background-color: rgba(0, 0, 0, 0.1);
border-radius: 3px;
}
.absol-selectmenu .absol-scroll-button:hover {
background-color: rgba(0, 0, 0, 0.2);
}
.absol-scroll-bar-v-container {
width: 10px;
}
.absol-selectmenu .absol-search-text-input {
margin: 4px;
}
.absol-selectmenu-render-space .absol-selectlist-item span {
padding-right: 0;
}
.absol-selectmenu .absol-selectlist-item-desc-container {
right: 30px;
}
.absol-selectmenu-dropdown-box .absol-bscroller {
overflow-y: auto;
}
.as-select-anchor {
position: fixed;
z-index: 1000001;
}
.as-select-anchor.as-hidden {
left: 0;
top: 0;
z-index: -1000;
visibility: hidden;
opacity: 0;
}
.as-select-menu {
--select-list-estimate-width: 0px;
--select-list-desc-width: 0px;
width: calc(var(--select-list-estimate-width) + 32px);
min-width: calc(var(--select-list-estimate-width) + 32px);
}
/***********************************************************************************************************************/
.am-selectmenu-modal {
z-index: 100005;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-align: center;
box-sizing: border-box;
}
.am-selectmenu-modal>div{
display: inline-block;
text-align: initial;
}
.am-selectmenu-popup-box {
max-width: calc(100vw - 60px);
-webkit-box-shadow: 2px 2px 6px 0px rgba(0, 0, 90, 0.55);
-moz-box-shadow: 2px 2px 6px 0px rgba(0, 0, 90, 0.55);
box-shadow: 2px 2px 6px 0px rgba(0, 0, 90, 0.55);
background-color: #ffffff;
border-radius: 0.5em;
font-family: Arial, Helvetica, sans-serif;
}
.am-selectmenu-popup-box-header{
height: calc(2em + 10px);
display: block;
white-space: nowrap;
box-sizing: border-box;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
border-bottom: solid 1px #dddddd;
background-color: rgba(169, 169, 169,0.2);
}
.am-selectmenu-popup-box-header .absol-search-text-input{
display: inline-block;
width: calc(100% - 2em - 25px);
vertical-align: middle;
box-sizing: border-box;
background-color: white;
}
.am-selectmenu-popup-box-close-btn{
display: inline-block;
vertical-align: middle;
border-radius:50%;
padding: 0;
height: 2em;
width: 2em;
font-size: inherit;
border: none;
outline: none;
margin-right: 10px;
background-color: rgb(255, 255, 255);
color: rgb(190, 30, 30);
}
.am-selectmenu-popup-box-close-btn:active{
color: red;
}
.am-selectmenu-popup-box-close-btn:before{
content: "";
display: inline-block;
height: 2em;
vertical-align: middle;
}
.am-selectmenu-popup-box-close-btn span{
font-size: 1.5em;
display: inline-block;
vertical-align: middle;
line-height: 1;
}
.am-selectmenu-scroller {
max-height: calc(100vh - 140px);
overflow-y: auto;
box-sizing: border-box;
}
.am-selectlist.am-selectmeu-list{
min-width: 30vw;
}
.am-selectlist.am-selectmeu-list.as-searching{
width: 100%;
}
.am-selectmenu-popup-box .absol-search-text-input{
display: none;
}
.am-selectmenu-popup-box.am-enable-search .absol-search-text-input{
display: inline-block;
vertical-align: middle;
}
.am-selectmenu{
white-space: nowrap;
background: white;
overflow: hidden;
box-sizing: border-box;
padding-right: 35px;
max-width: 95vw;
width: var(--recommend-width);
}
.am-selectmenu.disabled .absol-selectmenu-btn{
background-color: #ebebe4;
}
.am-selectmenu .absol-selectmenu-btn{
background: white;
}
.am-selectmenu::before{
content: "";
height: 100%;
vertical-align: middle;
display: inline-block;
}
.am-selectmenu-holder-item{
display: inline-table;
vertical-align: middle;
width: 100%;
table-layout: auto;
}
.am-selectmenu-holder-item>.am-selectlist-item{
display: table-row;
}
.am-selectmenu-holder-item .am-selectlist-item-text-ctn,
.am-selectmenu-holder-item .am-selectlist-item-desc-ctn{
display: table-cell;
padding-left: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: auto;
}
.am-selectmenu.disabled {
pointer-events: none;
background-color: #ebebe4;
}
/*** module: node_modules/absol-acomp/css/selectlistbox.css ***/
.as-select-list-box {
--select-list-estimate-width: 0;
--max-height: calc(100vh - 80px);
--as-width-limit: 100vw;
position: fixed;
top: 10px;
left: 10px;
width: calc(var(--select-list-estimate-width) + 2px + 5px + 7px);
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
border: solid 1px rgb(100, 100, 255);
box-sizing: border-box;
background-color: white;
display: inline-block;
vertical-align: top;
-webkit-box-shadow: 2px 2px 6px 0px rgba(0, 0, 90, 0.55);
-moz-box-shadow: 2px 2px 6px 0px rgba(0, 0, 90, 0.55);
box-shadow: 2px 2px 6px 0px rgba(0, 0, 90, 0.55);
outline: none;
}
.as-select-list-box.as-has-icon .absol-selectlist-item {
height: calc(30rem / 14);
line-height: calc(30rem / 14);
}
.as-select-list-box.as-enable-search {
min-width: 10em;
}
.as-select-list-box.as-text-align-center .absol-selectlist-item {
text-align: center;
}
.as-select-list-box.as-text-align-center .absol-selectlist-item-text {
padding-right: calc(0.35em + 28px);
}
.as-select-menu.as-text-align-center {
text-align: center;
}
.as-select-menu.as-text-align-center .absol-selectlist-item,
.as-select-list-box.as-text-align-center .absol-selectlist-item {
padding-left: 0.35em;
padding-right: calc(0.35em + 28px);
}
.as-select-menu.as-text-align-center .absol-selectlist-item-text,
.as-select-list-box.as-text-align-center .absol-selectlist-item-text {
padding: 0;
}
div.absol-follower.as-select-list-box {
z-index: 4000000;
}
.as-select-list-box .as-select-list-box {
min-width: 100%;
}
.as-select-list-box-search-ctn {
position: absolute;
left: 0;
right: 0;
}
.as-select-list-box.as-enable-search.as-anchor-6 .as-select-list-box-search-ctn,
.as-select-list-box.as-enable-search.as-anchor-5 .as-select-list-box-search-ctn {
bottom: 0;
top: unset;
}
.as-select-list-box.as-enable-search.as-anchor-6,
.as-select-list-box.as-enable-search.as-anchor-5 {
padding-bottom: calc(2em + 10px);
padding-top: 0;
}
.as-select-list-box.as-enable-search,
.as-select-list-box.as-enable-search.as-anchor-1,
.as-select-list-box.as-enable-search.as-anchor-2 {
padding-top: calc(2em + 10px);
}
.as-select-list-box.as-enable-search .as-select-list-box-search-ctn,
.as-select-list-box.as-enable-search.as-anchor-1 .as-select-list-box-search-ctn,
.as-select-list-box.as-enable-search.as-anchor-2 .as-select-list-box-search-ctn {
top: 0;
bottom: unset;
}
.as-select-list-box-scroller {
overflow-y: auto;
overflow-x: visible;
}
.as-select-list-box .as-select-list-box-scroller {
max-height: var(--max-height);
}
.as-select-list-box.as-enable-search .as-select-list-box-scroller {
max-height: calc(var(--max-height) - 2em - 10px);
}
.as-select-list-box-content {
position: relative;
}
.as-select-list-box-page {
position: absolute;
left: 0;
right: 0;
top: 0;
overflow: hidden;
}
.as-select-list-box .absol-selectlist-item {
cursor: default;
}
.as-select-list-box .absol-selectlist-item-text {
max-width: calc(var(--as-width-limit) - var(--select-list-desc-width) - 10px);
display: inline-block;
vertical-align: middle;
text-overflow: ellipsis;
overflow: hidden;
}
.as-select-list-box-search-ctn {
display: none;
padding: 5px;
}
.as-select-list-box.as-enable-search .as-select-list-box-search-ctn {
display: block;
}
.as-select-list-box .as-last-in-group span {
line-height: 19px;
}
.as-select-list-box .absol-selectlist-item:hover {
background-color: #efefef;
}
.as-select-list-box.as-value-hidden .absol-selectlist-item.as-selected {
color: #aaaaaa;
}
.as-select-list-box.as-value-hidden .absol-selectlist-item.as-selected.as-is-leaft {
display: none;
}
/**********************************************************************************************************************/
/*** module: node_modules/absol-acomp/css/selecttable.css ***/
.absol-select-table-render-space {
position: fixed;
top: 0;
left: 0;
z-index: -1000;
visibility: hidden;
font-size: 14px;
}
.absol-select-table {
border: solid 1px #a9a9a9;
min-width: 26em;
overflow: hidden;
}
.absol-select-table-header {
display: block;
position: relative;
box-sizing: content-box;
height: 2.2857142857em;
}
.absol-select-table-searchtextinput-container {
position: absolute;
left: 0.14285714285em;
top: 0.14285714285em;
height: 2em;
right: 10em;
/* background-color: cyan; */
}
.absol-select-table.disable-move-all .absol-select-table-buttons-container {
display: none;
}
.absol-select-table.disable-move-all .absol-select-table-searchtextinput-container {
right: 0.14285714285em !important;
}
.absol-select-table-buttons-container {
position: absolute;
right: 0.14285714285em;
top: 0.14285714285em;
width: 10.7142857143em;
height: 2em;
white-space: nowrap;
}
.absol-select-table-buttons-container>button {
height: 2em;
font-size: 1em;
background-color: transparent;
border: none;
padding: 0 0.5em;
margin: 0;
text-decoration: underline;
cursor: pointer;
}
.absol-select-table-buttons-container>button:focus {
outline: none;
}
.absol-select-table-buttons-container>button:hover {
color: #a9a9a9;
}
.absol-select-table-buttons-container>button:active {
color: #a9a9ff;
}
.absol-select-table-body {
margin: 0.14285714285em;
white-space: nowrap;
}
.absol-select-table-items-scroller {
width: 50%;
display: inline-block;
box-sizing: border-box;
vertical-align: top;
overflow-y: auto;
}
.absol-select-table-items-scroller .absol-scroll-button {
background-color: rgba(1, 1, 30, 0.1);
}
.absol-select-table-items-scroller .absol-scroll-bar-v-container {
width: 0.69em;
}
.absol-select-table-selected-search-items-container,
.absol-select-table-nonselected-search-items-container,
.absol-select-table.searching .absol-select-table-selected-items-container,
.absol-select-table.searching .absol-select-table-nonselected-items-container {
display: none;
}
.absol-select-table.searching .absol-select-table-selected-search-items-container,
.absol-select-table.searching .absol-select-table-nonselected-search-items-container {
display: block;
padding-right: 0.7em;
}
.absol-select-table-nonselected-items-container,
.absol-select-table-selected-items-container {
padding-right: 0.7em;
}
.absol-select-table-nonselected-items-container>.absol-select-table-item,
.absol-select-table-selected-items-container>.absol-select-table-item,
.absol-select-table-nonselected-search-items-container>.absol-select-table-item,
.absol-select-table-selected-search-items-container>.absol-select-table-item {
margin: 0.14285714285em;
}
.absol-select-table-item {
display: block;
line-height: 2em;
min-height: 2em;
position: relative;
background-color: rgba(169, 169, 169, 0.05);
border: solid 1px rgb(235, 235, 235);
border-radius: 0.2em;
overflow: hidden;
-webkit-user-select: none;
/* Safari 3.1+ */
-moz-user-select: none;
/* Firefox 2+ */
-ms-user-select: none;
/* IE 10+ */
user-select: none;
/* Standard syntax */
padding-left: 0.69em;
padding-right: 1.8em;
box-sizing: border-box;
}
.absol-select-table-item:hover {
background-color: rgba(169, 169, 169, 0.1);
}
.absol-select-table-item-right-container {
right: 0.3em;
bottom: 0.3em;
top: 0.3em;
padding: 0.2em;
width: 1.4em;
position: absolute;
border-radius: 0.2em;
box-sizing: border-box;
;
}
.absol-select-table-item-right-container:hover {
background-color: rgba(169, 169, 169, 0.3);
}
span.absol-select-table-item-text {
white-space: normal;
}
.absol-select-table-item-right-container-table{
display: table;
width: 100%;
height: 100%;
}
.absol-select-table-item-right-container-cell{
display: table-cell;
vertical-align: middle;
}
.absol-select-table-item-right-container svg {
width: 1em;
height: 1em;
display: none;
}
/* clearfix
.absol-select-table-none-nonselected-items-container::after,
.absol-select-table-none-selected-items-container::after {
content: "";
display:table;
clear: both;
} */
.absol-select-table-selected-items-container .absol-select-table-item-right-container svg.sub-icon,
.absol-select-table-selected-search-items-container .absol-select-table-item-right-container svg.sub-icon {
display: block;
stroke: rgb(243, 61, 61);
fill: rgb(226, 100, 100);
}
.absol-select-table-nonselected-items-container .absol-select-table-item-right-container svg.add-icon,
.absol-select-table-nonselected-search-items-container .absol-select-table-item-right-container svg.add-icon {
display: block;
fill: rgb(100, 226, 167);
stroke: rgb(61, 185, 243);
}
.absol-select-table.portrait {}
/*** module: node_modules/absol-acomp/css/spaninput.css ***/
.absol-span-input {
white-space: pre;
}
.absol-span-input:focus {
outline-color: rgba(30, 150, 255, 0.3);
outline-width: 1px;
}
.absol-span-input:empty::before {
content: " ";
display: inline;
white-space: pre;
}
.absol-span-input.absol-span-input-empty-minus:empty::before {
content: "-";
}
/*** module: node_modules/absol-acomp/css/statictabbar.css ***/
.absol-static-tabbar {
position: relative;
}
.absol-static-tabbar-button {
height: 2em;
background-color: transparent;
border: none;
font-size: 1em;
padding-left: 0.5em;
padding-right: 0.5em;
color: rgb(104, 104, 104);
}
.absol-static-tabbar-button:hover {
color: rgb(30, 30, 55);
}
.absol-static-tabbar-button.active {
color: black;
}
.absol-static-tabbar-button:focus {
outline: none;
}
.absol-static-tabbar-button>span {
font-size: 0.7em;
}
.absol-static-tabbar-hline {
border-bottom: solid 1px rgb(127, 127, 128);
height: 100%;
}
.absol-static-tabbar-active-box {
position: absolute;
bottom: 0;
top: 0;
left: 0;
width: 0;
transition: left 0.15s, width 0.15s;
padding-left: 0.5em;
padding-right: 0.5em;
box-sizing: border-box;
/* z-index: 1; */
}
.absol-static-tabbar.dark .absol-static-tabbar-hline{
border-bottom-color: white;
}
.absol-static-tabbar.dark .absol-static-tabbar-button.active{
color: white;
}
.absol-static-tabbar.dark .absol-static-tabbar-button {
color: rgb(204, 204, 204);
}
/*** module: node_modules/absol-acomp/css/switch.css ***/
.absol-switch {
position: relative;
display: inline-block;
width: 2.2em;
height: 1.2em;
vertical-align: middle;
}
.absol-switch input {
opacity: 0;
width: 0;
height: 0;
}
.absol-switch:not(.as-read-only) .absol-switch-slider{
cursor: pointer;
}
.absol-switch-slider {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
border-radius: 0.6em;
}
.absol-switch-slider:before {
position: absolute;
content: "";
height: 1em;
width: 1em;
left: 0.1em;
bottom: 0.1em;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
border-radius: 0.5em;
}
input:checked+.absol-switch-slider {
background-color: #2196F3;
}
input:focus+.absol-switch-slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked+.absol-switch-slider:before {
-webkit-transform: translateX(1em);
-ms-transform: translateX(1em);
transform: translateX(1em);
}
/* Rounded absol-switch-sliders */
.absol-switch.square .absol-switch-slider {
border-radius: 0;
}
.absol-switch.square .absol-switch-slider:before {
border-radius: 0;
}
.absol-switch.disabled {
pointer-events: none;
}
.absol-switch.disabled .absol-switch-slider:before{
background-color: rgb(234, 234, 234);
}
.absol-switch.disabled input:checked+.absol-switch-slider {
background-color: rgb(141, 188, 226);
}
.absol-switch.disabled .absol-switch-slider {
background-color: rgb(171, 171, 171);
}
/*** module: node_modules/absol-acomp/css/tablescroller.css ***/
.absol-table-scroller .absol-table-scroller-viewport {
width: calc(100% + var(--scrollbar-width));
height: calc(100% + var(--scrollbar-width));
}
.absol-table-scroller .absol-table-scroller-header-hscroller-viewport {
margin-bottom: calc(0px - var(--scrollbar-width))
}
.absol-table-scroller {
--scrollbar-width: 17px;
--new-pos-y: 0;
position: relative;
padding-right: 17px;
padding-bottom: 17px;
--tvs-scroll-padding-bottom: 0px;
}
.absol-table-scroller:not(.as-scroll-vertical) {
padding-right: 0;
}
.absol-table-scroller:not(.as-scroll-horizontal) {
padding-bottom: 0;
}
.as-table-scroller-origin-table-ctn {
padding-bottom: var(--tvs-scroll-padding-bottom);
}
.as-table-scroller-vertical-scroller {
overflow-y: scroll;
height: 100%;
box-sizing: border-box;
margin-right: calc(0px - var(--scrollbar-width));
}
.as-table-scroller-fixed-y-header-ctn {
position: absolute;
z-index: 4;
top: 0;
left: 0;
right: 0;
overflow: hidden;
}
.as-table-scroller-fixed-x-col-ctn {
position: absolute;
z-index: 5;
top: 0;
left: 0;
overflow: hidden;
}
.as-table-scroller-fixed-xy-header-ctn {
position: absolute;
z-index: 12;
top: 0;
left: 0;
overflow: hidden;
}
.as-table-scroller-fixed-y-header-scroller {
overflow-x: scroll;
margin-bottom: calc(var(--scrollbar-width) * -1);
}
.as-mobile-theme .as-table-scroller-fixed-y-header-scroller::-webkit-scrollbar,
.as-mobile-theme .absol-table-scroller-header-hscroller-viewport::-webkit-scrollbar {
display: none;
}
.as-table-scroller-horizontal-scroller-viewport {
overflow: hidden;
position: relative;
}
.as-table-scroller-horizontal-scroller {
overflow-x: scroll;
width: 100%;
box-sizing: border-box;
margin-bottom: calc(var(--scrollbar-width) * -1);
}
.absol-table-scroller-content {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
.absol-table-scroller-render-space {
position: fixed;
overflow: scroll;
left: 0;
top: 0;
max-width: calc(99vw - 30px);
max-height: calc(99vh - 30px);
opacity: 0;
z-index: -1000;
visibility: hidden;
}
.absol-table-scroller-viewport {
box-sizing: border-box;
overflow: scroll;
width: calc(100% + 17px);
height: calc(100% + 17px);
background-color: white;
}
.absol-table-scroller-fixed-viewport {
position: absolute;
left: 0;
top: 0;
z-index: 10;
overflow: hidden;
background-color: white;
/*pointer-events: none;*/
}
.absol-table-scroller-fixed-viewport > table > thead,
.absol-table-scroller-fixed-viewport > table {
/*border-top-color: transparent !important;*/
}
.absol-table-scroller-fixed-hidden {
visibility: hidden !important;
opacity: 0 !important;
border-color: transparent !important;
}
.absol-table-scroller-header-hscroller {
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 9;
overflow: hidden;
/*pointer-events: none;*/
}
.absol-table-scroller-header-hscroller-viewport {
max-width: 100%;
overflow-x: scroll;
margin-bottom: -17px; /*default*/
background-color: white;
}
.absol-table-scroller-header-hscroller-viewport table {
table-layout: fixed;
}
.absol-table-scroller-left-vscroller {
position: absolute;
top: 0;
left: 0;
bottom: 0;
z-index: 7;
/* width: 200px; */
overflow-x: hidden;
/*pointer-events: none;*/
}
.absol-table-scroller-left-vscroller-viewport {
max-height: 100%;
overflow-y: scroll;
min-width: calc(100% + 19px);
overflow-x: hidden;
background-color: white;
}
.absol-table-scroller-head-line,
.absol-table-scroller-left-line {
z-index: 30;
/*pointer-events: none;*/
position: absolute;
}
.absol-table-scroller-head-line {
left: 0;
border-bottom: solid 2px rgb(169, 169, 170);
width: 100%;
}
.absol-table-scroller-left-line {
top: 0;
border-right: solid 2px rgb(169, 169, 170);
height: 100%;
}
.absol-table-scroller.as-scroll-vertical .absol-table-scroller-head-line {
width: 100%;
}
.absol-table-scroller.as-scroll-horizontal .absol-table-scroller-left-line {
height: 100%;
}
.absol-table-scroller:not(.as-scroll-vertical) .absol-table-scroller-head-line {
display: none;
}
.absol-table-scroller:not(.as-scroll-horizontal) .absol-table-scroller-left-line {
display: none;
}
.absol-table-scroller-vscrollbar-container {
position: absolute;
top: 0;
right: 0px;
width: 17px;
bottom: 0;
z-index: 31;
}
.absol-table-scroller-vscrollbar-container .absol-scrollbar-button {
left: 1px;
right: 1px;
}
.absol-table-scroller-vscrollbar-container > div,
.absol-table-scroller-hscrollbar-container > div {
width: 100%;
height: 100%;
}
.absol-table-scroller-hscrollbar-container {
position: absolute;
left: 0;
right: 0;
height: 17px;
bottom: 0;
z-index: 31;
}
.absol-table-scroller-hscrollbar-container .absol-scrollbar-button {
top: 1px;
bottom: 1px;
}
.absol-table-scroller:not(.as-scroll-vertical) .absol-table-scroller-vscrollbar-container {
display: none;
}
.absol-table-scroller:not(.as-scroll-horizontal) .absol-table-scroller-hscrollbar-container {
display: none;
}
.absol-table-scroller.as-scroll-horizontal .absol-table-scroller-vscrollbar-container {
bottom: 17px;
}
.absol-table-scroller.as-scroll-vertical .absol-table-scroller-hscrollbar-container {
right: 17px;
}
.absol-table-scroller-fixed-table {
table-layout: fixed;
box-sizing: border-box;
}
.absol-table-scroller-fixed-table *,
.absol-table-scroller-header-hscroller * {
box-sizing: border-box;
}
.absol-table-scroller .as-drag-zone {
cursor: move;
}
.absol-table-scroller tr.as-dragging {
position: relative;
z-index: 1;
-webkit-box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 1);
-moz-box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 1);
box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 1);
opacity: 0.8;
}
.absol-table-scroller td.as-transparent-fix {
visibility: hidden;
opacity: 0;
}
.absol-table-scroller.as-dragging tbody tr:not(.as-dragging) {
transition: transform 0.1s;
}
.absol-table-scroller-viewport thead .as-rotated-text-anchor,
.absol-table-scroller-fixed-viewport thead .as-rotated-text-anchor,
.absol-table-scroller-left-vscroller thead .as-rotated-text-anchor {
display: none;
}
.absol-table-scroller .as-rotated-text-anchor {
white-space: nowrap;
}
.as-table-scroller-row-index::before {
content: attr(data-idx);
}
/*.absol-table-scroller.as-has-new-pos.as-dragging::before {*/
/* content: "";*/
/* position: absolute;*/
/* left: 0;*/
/* top: var(--new-pos-y);*/
/* right: 0;*/
/* border-top: 2px solid blue;*/
/* z-index: 8;*/
/* transition: top 0.1s;*/
/*}*/
/*** module: node_modules/absol-acomp/css/tablevscroller.css ***/
.absol-table-vscroller {
position: relative;
--tvs-scroll-padding-bottom: 1px;
}
.absol-table-vscroller-head {
position: absolute;
z-index: 2;
width: 300px;
height: 20px;
top: 0;
left: 0;
}
.absol-table-vscroller-head-line{
position: absolute;
left: 0;
z-index: 3;
pointer-events: none;
border-bottom:solid 2px rgb(169, 169, 170);
width: 100%;
}
.absol-table-vscroller.scroll-v .absol-table-vscroller-head-line{
width: calc(100% - 7px);
}
.absol-table-vscroller-viewport {
max-height: 100%;
padding-bottom: var(--tvs-scroll-padding-bottom);
padding-top: 1px;
overflow-y: auto;
}
.absol-table-vscroller-viewport > table{
box-sizing: border-box;
width: 100%;
}
/*** module: node_modules/absol-acomp/css/textarea2.css ***/
.absol-textarea2 {
overflow: hidden;
resize: none;
box-sizing: border-box;
--content-height: 1.425em;
height: var(--content-height);
font: inherit;
}
.absol-textarea2.as-border-none {
border: none;
outline: none;
}
.absol-textarea2:disabled {
background-color: var(--as-disabled-background-color);
}
/*** module: node_modules/absol-acomp/css/textclipboard.css ***/
.absol-text-clipboard {
opacity: 0;
font-size: 1px;
height: 1px;
width: 1px;
}
/*** module: node_modules/absol-acomp/css/timeinput.css ***/
.ac-time-input {
box-sizing: border-box;
height: calc(2em + 2px);
width: 9em;
border: solid 1px #d6d6d6;
border-radius: 2px;
font-size: 1rem;
outline: none;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
display: inline-block;
vertical-align: middle;
background-color: white;
position: relative;
}
.ac-time-input.as-disabled {
color: rgb(102, 102, 102);
pointer-events: none;
}
.ac-time-input.as-must-not-null .as-time-input-clear-btn {
display: none;
}
.ac-time-input.as-read-only.as-border-none {
border: none;
}
.ac-time-input.as-read-only.as-border-none .as-time-input-icon-btn {
display: none;
}
.ac-time-input.as-read-only.as-border-none input {
padding-left: 0;
}
.ac-time-input input {
font: inherit;
outline: none;
width: calc(100% - 2em - 2px);
height: 100%;
border: none;
display: block;
padding: 0 0 0 var(--as-input-horizontal-padding);
-webkit-user-select: auto;
user-select: auto;
-webkit-user-drag: none;
color: inherit;
box-sizing: border-box;
background-color: transparent;
}
.ac-time-input.as-disabled {
background-color: var(--as-disabled-background-color);
}
.as-time-input-icon-btn {
border-right: none;
border-top: none;
border-bottom: none;
border-left: 1px solid #ddd;
position: absolute;
padding: 0;
top: 0;
bottom: 0;
right: 0;
width: calc(2em + 1px);
box-sizing: border-box;
background-color: rgba(169, 169, 169, 0.1);
cursor: pointer;
border-radius: 0;
font-size: inherit;
color: inherit;
}
.ac-time-input.as-read-only .as-time-input-icon-btn {
pointer-events: none;
}
.as-time-input-icon-btn > span {
font-size: calc(16em / 14);
}
.as-time-input-icon-btn:hover {
background-color: rgba(169, 169, 169, 0.25);
}
.as-time-input-icon-btn:active {
background-color: rgba(169, 169, 169, 0.5);
}
.as-time-input-icon-btn.as-disabled {
color: rgb(102, 102, 102);
pointer-events: none;
}
.as-time-input-clear-btn {
font-size: inherit;
position: absolute;
right: calc(2em + 2px);
height: 2em;
top: calc(50% - 1em);
box-sizing: border-box;
background-color: transparent;
border: none;
color: #bbb;
visibility: hidden;
}
.ac-time-input.as-value-null .as-time-input-clear-btn {
display: none;
}
.as-time-input-clear-btn:hover {
color: rgb(132, 132, 132);
}
.as-time-input-clear-btn:active {
color: #525555;
}
input:focus + .as-time-input-clear-btn,
.ac-time-input .as-time-input-clear-btn {
visibility: visible;
}
.as-dropdown-box-common-style .as-time-input-picker {
border: none;
box-shadow: none;
}
/*.ac-time-input-picker-ctn {*/
/* position: fixed;*/
/*}*/
/*.ac-time-input > span {*/
/* font-size: 1em;*/
/* line-height: 2em;*/
/*}*/
/*.ac-time-input-picker-ctn-hidden {*/
/* z-index: -1000;*/
/* opacity: 0;*/
/* visibility: hidden;*/
/*}*/
/*.ac-time-input-picker-ctn-hidden:not(.absol-follower) {*/
/* transition: all 0.1s;*/
/*}*/
/*.ac-time-input.as-disabled {*/
/* color: rgb(102, 102, 102);*/
/* pointer-events: none;*/
/*}*/
/*** module: node_modules/absol-acomp/css/timepicker.css ***/
.ac-time-picker {
/*like chrome-calender*/
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
padding: 0.6em;
border: solid 1px rgb(191, 191, 191);
box-shadow: 1px 1px 2px rgb(240, 240, 240);
z-index: 100;
touch-action: manipulation;
user-select: none;
background-color: rgb(255, 255, 255);
white-space: initial;
}
@media screen and (orientation: portrait) {
.ac-time-picker.ac-time-picker-touch {
font-size: 5vw;
}
}
@media screen and (orientation: landscape) {
.ac-time-picker.ac-time-picker-touch {
font-size: 4vh;
}
}
.ac-time-picker:not(.ac-time-picker-clock-mode) .ac-time-picker-set-clock,
.ac-time-picker:not(.ac-time-picker-clock-mode) .ac-time-picker-keyboard-btn,
.ac-time-picker:not(.ac-time-picker-touch) .ac-time-picker-keyboard-btn,
.ac-time-picker:not(.ac-time-picker-time-mode) .ac-time-picker-set-time,
.ac-time-picker:not(.ac-time-picker-time-mode) .ac-time-picker-clock-btn {
display: none;
}
.ac-time-picker-set-clock-header {
font-size: 2.8em;
text-align: center;
min-width: 4.28571428571em;
font-weight: bold;
}
.ac-time-picker-set-clock-header > span {
font-size: inherit;
}
.ac-time-picker-clock {
width: 12em;
height: 12em;
}
.ac-time-picker-clock-hour-pm {
fill: rgb(20, 20, 20);
font-size: 0.7em;
}
.ac-time-picker-clock-hour-am {
fill: black;
font-size: 0.8em;
}
.ac-time-picker-clock-minute {
fill: black;
font-size: 0.8em;
}
.ac-time-picker-clock-center,
.ac-time-picker-clock-select-circle {
fill: rgb(115, 166, 248);
}
.ac-time-picker-clock-select-center {
fill: white;
}
.ac-time-picker-clock-select-line {
stroke-width: 1;
stroke: rgb(115, 166, 248);
}
.ac-time-picker-hour,
.ac-time-picker-minute {
outline: none;
}
.ac-time-picker-edit-hour .ac-time-picker-hour,
.ac-time-picker-edit-minute .ac-time-picker-minute {
color: rgb(62, 125, 189);
}
.ac-time-picker:not(.ac-time-picker-edit-hour) .ac-time-picker-clock-hour-ctn,
.ac-time-picker:not(.ac-time-picker-edit-minute) .ac-time-picker-clock-minute-ctn {
visibility: hidden;
}
.ac-time-picker:not(.ac-time-picker-edit-hour):not(.ac-time-picker-edit-minute) .ac-time-picker-clock {
display: none;
}
.ac-time-picker-hour:empty::before,
.ac-time-picker-minute:empty::before {
content: "0";
display: inline;
}
.ac-time-picker-footer {
display: block;
position: relative;
min-height: 1.5em;
min-width: 12em;
}
.ac-time-picker-footer-right {
position: absolute;
right: 0;
top: 0;
}
.ac-time-picker-footer button {
font-size: 1em;
height: 1.5em;
padding-top: 0;
padding-bottom: 0;
border: none;
background-color: transparent;
outline: none;
padding-left: 0.3em;
padding-right: 0.3em;
}
.ac-time-picker-footer button:hover,
.ac-time-picker-footer button:focus {
background-color: rgba(170, 170, 170, 0.3);
}
.ac-time-picker-footer > button {
margin-right: 1em;
}
.ac-time-picker-footer-right > button {
margin-left: 1em;
}
.ac-time-picker-footer button .mdi {
font-size: 1.3em;
}
/* .ac-time-picker:not(.ac-time-picker-touch) .ac-time-picker-keyboard-btn {
display: none;
} */
/* keyboard-outline */
.ac-time-picker-set-time-header {
font-size: 1.4em;
font-weight: bold;
margin-bottom: 1em;
}
.ac-time-picker-set-time-label {
font-size: 1em;
font-weight: bold;
margin-bottom: 0.3em;
}
.ac-time-picker-set-time-input-group {
margin-bottom: 0.3em;
font-size: 1em;
white-space: nowrap;
}
.ac-time-picker-set-time-input-hm > input {
height: 1.2em;
line-height: 1.2em;
width: 2em;
text-align: center;
font-size: 1em;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid rgb(70, 70, 72);
outline: none;
}
.ac-time-picker-set-time-input-label-hm {
font-size: 1em;
white-space: nowrap;
}
.ac-time-picker-set-time-input-label-hm span {
display: inline-block;
vertical-align: middle;
font-size: 1em;
}
.ac-time-picker-set-time-input-label-hm > span:first-child {
width: 2em;
}
/*** module: node_modules/absol-acomp/css/tooltip.css ***/
:root {
--tool-tip-arrow-pos: 50%;
--tool-tip-background-color: gray;
--tool-tip-text-color: white;
}
.absol-tooltip {
margin: 0;
position: relative;
box-sizing: border-box;
display: inline-block;
color: var(--tool-tip-text-color);
}
.absol-tooltip-content {
display: block;
border-radius: 0.25em;
background-color: var(--tool-tip-background-color);
padding: 0.25em 0.5em;
font-size: inherit;
}
.absol-tooltip-arrow {
width: 0;
height: 0;
position: absolute;
box-sizing: content-box;
font-size: inherit;
}
.absol-tooltip.top .absol-tooltip-arrow {
border-left: 0.4em solid transparent;
border-right: 0.3em solid transparent;
border-top: 0.3em solid var(--tool-tip-background-color);
bottom: 0;
left: calc(var(--tool-tip-arrow-pos) - 0.3em);
}
.absol-tooltip.top {
padding-bottom: 0.28em;
}
.absol-tooltip.bottom .absol-tooltip-arrow {
border-left: 0.3em solid transparent;
border-right: 0.4em solid transparent;
border-bottom: 0.3em solid var(--tool-tip-background-color);
top: 0;
left: calc(var(--tool-tip-arrow-pos) - 0.3em);
}
.absol-tooltip.bottom {
padding-top: 0.28em;
}
.absol-tooltip.left .absol-tooltip-arrow {
border-top: 0.3em solid transparent;
border-bottom: 0.4em solid transparent;
border-left: 0.4em solid var(--tool-tip-background-color);
right: 0;
top: calc(var(--tool-tip-arrow-pos) - 0.3em);
}
.absol-tooltip.left {
padding-right: 0.38em;
}
.absol-tooltip.right .absol-tooltip-arrow {
border-top: 0.4em solid transparent;
border-bottom: 0.4em solid transparent;
border-right: 0.4em solid var(--tool-tip-background-color);
left: 0;
top: calc(var(--tool-tip-arrow-pos) - 0.3em);
}
.absol-tooltip.ne .absol-tooltip-arrow {
border-top: 0.3em solid transparent;
border-bottom: 0.4em solid transparent;
border-left: 0.4em solid var(--tool-tip-background-color);
bottom: -0.3em;
left: 0;
}
.absol-tooltip.nw .absol-tooltip-arrow {
border-top: 0.3em solid transparent;
border-bottom: 0.4em solid transparent;
border-right: 0.4em solid var(--tool-tip-background-color);
bottom: -0.3em;
right: 0;
}
.absol-tooltip.se .absol-tooltip-arrow {
border-top: 0.3em solid transparent;
border-bottom: 0.4em solid transparent;
border-left: 0.4em solid var(--tool-tip-background-color);
top: -0.3em;
left: 0;
}
.absol-tooltip.sw .absol-tooltip-arrow {
border-top: 0.3em solid transparent;
border-bottom: 0.4em solid transparent;
border-right: 0.4em solid var(--tool-tip-background-color);
top: -0.25em;
right: 0;
}
.absol-tooltip.right {
padding-left: 0.38em;
}
.absol-tooltip-root {
position: relative;
width: 0;
height: 0;
}
.absol-tooltip-root-holder {
position: fixed;
z-index: 100000000;
left: 0;
top: 0;
}
.as-copyable-icon-tooltip {
font-size: inherit;
display: inline-block;
vertical-align: middle;
color: #428bca;
border: none;
padding: 0;
margin: 0;
background-color: transparent;
}
.as-copyable-icon-tooltip:hover {
background-color: var(--as-transparent-button-hover-color);
}
.as-copyable-icon-tooltip:active {
background-color: var(--as-transparent-button-active-color);
}
.as-cit-icon {
font-size: inherit;
color: inherit;
display: block;
}
.as-cit-icon::before {
display: block;
}
/*** module: node_modules/absol-acomp/css/treelist.css ***/
.absol-tree-list {}
.absol-tree-list-item {}
.absol-tree-list-item-parent:hover {
background: #efefef;
cursor: pointer;
}
.absol-tree-list-item-parent {
padding-left: 0.3em;
padding-right: 0.6em;
position: relative;
}
.absol-tree-list-item.active>.absol-tree-list-item-parent {
background: #dfdfdf;
}
.absol-tree-list-item-parent>span {
line-height: 20px;
white-space: nowrap;
}
.absol-tree-list-item-child {}
.absol-tree-list-item>.absol-tree-list-item-child:empty {
display: none;
}
.absol-tree-list-item-desc-container {
right: 0.3em;
top: 0;
bottom: 0;
position: absolute;
}
.absol-tree-list-item-desc {
font-style: italic;
line-height: 20px;
white-space: nowrap;
margin-left: 1em;
color: rgb(37, 37, 37);
}
.absol-tree-list-item-desc:empty {
display: none;
}
/*** module: node_modules/absol-acomp/css/selecttreemenu.css ***/
.absol-selecttreemenu .absol-tree-list-item-desc-container{
right: 30px;
}
.absol-selectmenu-holder-item .absol-tree-list-item-parent:hover {
background-color: transparent;
}
.am-select-tree-menu {
max-width: var(--as-width-limit);
}
/*** module: node_modules/absol-acomp/css/widthheightresizer.css ***/
.absol-width-height-resizer {
position: relative;
box-sizing: border-box;
}
.absol-width-height-resizer-anchor-bot-right {
cursor: nwse-resize;
position: absolute;
z-index: 1;
right: 0;
bottom: 0;
height: 13px;
width: 13px;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAQUlEQVQoz2NgIBGkpaX9Z2IgA9BWU1pa2n+S/UGSZnRFBDVhU4BXEy4bcGrC5ySsmgj5AUMTMZ4mOehhmhjJ0QkA9TYwPsqIBKMAAAAASUVORK5CYII=');
}
.absol-width-height-resizer-anchor-bot-left {
cursor: nesw-resize;
position: absolute;
z-index: 1;
left: 0;
bottom: 0;
height: 13px;
width: 13px;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAABCSURBVChTY0hLS/vPQCJggtIkAco0keRMZMVEa0RXSJRGbIoIaoQpIMlGZEmiNRJSiFUjNkGCGrGaRAAwkq6JgQEAnaEwPtyU/MEAAAAASUVORK5CYII=');
}
.absol-width-height-resizer-anchor-top-right {
cursor: nesw-resize;
position: absolute;
z-index: 1;
right: 0;
top: 0;
height: 13px;
width: 13px;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAABMSURBVChTY0xLS/vPQGsAsoQJygYDdFuJdgUhjTgNwqcQpyYQwKURryYQwKaAoCYQwGUjQYCskGhNIABTTJImGABpQolcYgEZmhgYAEPpMD56IPESAAAAAElFTkSuQmCC')
}
.absol-width-height-resizer-anchor-top-left {
cursor: nwse-resize;
position: absolute;
z-index: 1;
top: 0;
left: 0;
height: 13px;
width: 13px;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAABNSURBVChTnZFbCgAgCAStw3r/GxQLClaSj/kJckcFBzMvqtKRprwHd6OncRRwN7GfKQFoIS0Ar/gVQGmCYkMpAWgwLYBSWHCPG9GQiDbsRTA+Srvt5gAAAABJRU5ErkJggg==');
}
.absol-width-height-resizer-content {
width: 100%;
height: 100%;
overflow: auto;
}
/* .absol-width-height-resizer */
/*** module: node_modules/absol-acomp/css/trackbar.css ***/
.absol-trackbar {
height: 1.2em;
min-width: 7em;
display: inline-block;
vertical-align: middle;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 0 0.6em;
box-sizing: border-box;
}
.absol-trackbar-line {
display: block;
position: relative;
margin-top: 0.4em;
height: 0.4em;
background-color: rgb(200, 200, 200);
-webkit-box-shadow: 0 0 0.2em 0.1em rgb(160, 160, 160) inset;
-moz-box-shadow: 0 0 0.2em 0.1em rgb(160, 160, 160) inset;
box-shadow: 0 0 0.2em 0.1em rgb(160, 160, 160) inset;
border-radius: 0.15em;
}
.absol-trackbar-button {
position: absolute;
z-index: 1;
top: -0.4em;
/* bottom: -0.4em; */
height: 1.2em;
left: 0;
margin-left: -0.6em;
width: 1.2em;
background: rgb(245, 245, 245);
border-radius: 50%;
border: solid 1px rgb(139, 139, 139);
}
.absol-trackbar:not(.as-read-only) .absol-trackbar-button,
.absol-trackbar:not(.as-read-only) .absol-trackbar-line {
cursor: pointer;
}
.absol-trackbar.as-disabled {
pointer-events: none;
}
.absol-trackbar.as-disabled .absol-trackbar-button {
background: rgb(225, 225, 225);
border: solid 1px rgb(200, 200, 200);
}
.absol-trackbar.as-disabled .absol-trackbar-line {
background-color: rgb(220, 220, 220);
-webkit-box-shadow: 0 0 0.2em 0.1em rgb(200, 200, 200) inset;
-moz-box-shadow: 0 0 0.2em 0.1em rgb(200, 200, 200) inset;
box-shadow: 0 0 0.2em 0.1em rgb(200, 200, 200) inset;
}
/*** module: node_modules/absol-acomp/css/trackbarinput.css ***/
.absol-trackbar-input {
box-sizing: border-box;
display: inline-block;
white-space: nowrap;
position: relative;
min-width: 13.5em;
height: 2em;
--input-width: 4em;
font-size: 1rem;
}
.absol-trackbar-input::after {
content: "";
vertical-align: middle;
height: 100%;
}
.absol-trackbar-input > .absol-trackbar {
display: inline-block;
vertical-align: middle;
width: calc(100% - var(--input-width) - 5px);
}
.absol-trackbar-input > .as-flexicon-input {
width: var(--input-width);
vertical-align: middle;
height: 2em;
box-sizing: border-box;
margin-left: 5px;
}
.absol-trackbar-input.as-disabled {
pointer-events: none;
color: #777777;
}
.absol-trackbar-input input {
color: inherit;
font-size: inherit;
}
.absol-trackbar-input.as-border-none .as-flexicon-input {
border: none;
}
/*** module: node_modules/absol-acomp/css/buttonrange.css ***/
.as-button-range-wrapper {
border-top: 1px solid rgb(209, 209, 213);
border-bottom: 1px solid rgb(209, 209, 213);
}
.as-button-range {
position: relative;
overflow-y: hidden;
height: var(--height);
box-sizing: border-box;
font-family: Arial, Helvetica, sans-serif;
--underline-left: 0;
--underline-width: 0;
--height: 2em;
}
.as-button-range-scroller {
font-size: inherit;
height: calc(var(--height) + 17px);
box-sizing: border-box;
overflow-x: scroll;
position: absolute;
top: 0;
left: 0.5em;
right: 0.5em;
white-space: nowrap;
}
.as-button-range-scroller::after {
content: "";
position: absolute;
left: var(--underline-left);
width: var(--underline-width);
height: 0.2em;
top: calc(var(--height) - 0.2em);
background-color: rgb(0, 106, 255);
transition: left 0.2s, width 0.2s;
}
.as-button-range-left-ctn,
.as-button-range-right-ctn {
position: absolute;
top: 0;
bottom: 0;
}
.as-button-range-right-ctn::after,
.as-button-range-left-ctn::before {
content: "";
height: 100%;
display: inline-block;
vertical-align: middle;
}
.as-button-range-left-ctn {
left: 0;
}
.as-button-range-right-ctn {
right: 0;
}
.as-button-range-right-btn,
.as-button-range-left-btn {
font-size: inherit;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: middle;
border: none;
outline: none;
color: rgb(0, 106, 266);
background-color: rgba(255, 255, 255, 0.5);
border-radius: 0.5em;
overflow: hidden;
}
.as-button-range-left-btn {
-webkit-box-shadow: 1em 2px 1.5em -1em rgba(255, 255, 255, 0.62);
-moz-box-shadow: 1em 2px 1.5em -1em rgba(255, 255, 255, 0.62);
box-shadow: 1em 2px 1.5em -1em rgba(255, 255, 255, 0.62);
}
.as-button-range-right-btn {
-webkit-box-shadow: -1em 2px 1.5em -1em rgba(255, 255, 255, 0.62);
-moz-box-shadow: -1em 2px 1.5em -1em rgba(255, 255, 255, 0.62);
box-shadow: -1em 2px 1.5em -1em rgba(255, 255, 255, 0.62);
}
.as-button-range-right-btn polygon,
.as-button-range-left-btn polygon {
fill: #2488FF;
}
.as-button-range-right-btn:disabled,
.as-button-range-left-btn:disabled {
display: none;
}
.as-button-range-left-btn > svg,
.as-button-range-right-btn > svg {
width: 1.25em;
height: 1.25em;
margin-left: -0.25em;
margin-right: -0.25em;
vertical-align: middle;
}
.as-button-range-item {
outline: none;
font-size: inherit;
padding: 0 0.5em;
margin: 0;
height: var(--height);
border: none;
background-color: transparent;
color: black;
}
.as-button-range-item.as-active {
color: rgb(87, 157, 255);
}
/*** module: node_modules/absol-acomp/css/dropzone.css ***/
.as-drop-zone {
}
/*** module: node_modules/absol-acomp/css/radioinput.css ***/
label.as-radio-input {
display: inline-block;
position: relative;
width: calc(1em + 2px);
height: calc(1em + 2px);
cursor: pointer;
font-size: inherit;
box-sizing: border-box;
overflow: hidden;
vertical-align: middle;
border-radius: 50%;
border: 1px solid var(--candy-border-color);
text-align: center;
background-color: white;
text-align: center;
white-space: nowrap;
}
label.as-radio-input:hover {
background-color: var(--candy-hover-background-color);
}
label.as-radio-input::after{
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.as-radio-input .as-radio-input-check-mark {
display: inline-block;
vertical-align: middle;
width: 0.5em;
height: 0.5em;
background-color: #606060;
font-size: inherit;
border-radius: 50%;
}
.as-radio-input input.as-radio-input-value {
font-size: inherit;
position: absolute;
right: 100%;
top: 0;
opacity: 0.0;
}
input.as-radio-input-value:not(:checked) ~ .as-radio-input-check-mark {
display: none;
}
label.as-radio-input.as-disabled,
label.as-radio-input.as-disabled:hover {
border-color: #929292;
background-color: #ebebe4;
}
/*** module: node_modules/absol-acomp/css/onscreenwidget.css ***/
.as-onscreen-widget {
--client-width: 0px;
--client-height: 0px;
--cx: 0.9;
--cy: 0.9;
position: fixed;
z-index: 1000000;
left: calc((100vw - var(--client-width) - 4px) * var(--cx) + 2px);
top: calc((100vh - var(--client-height) - 4px) * var(--cy) + 2px);
touch-action: none;
user-select: none;
}
.as-onscreen-widget.as-size-loading {
visibility: hidden;
}
/*** module: node_modules/absol-acomp/css/ribbonsplitbutton.css ***/
.as-ribbon-split-button {
display: inline-block;
vertical-align: middle;
height: calc(2em + 2px);
font-family: Arial, Helvetica, sans-serif;
box-sizing: border-box;
font-size: 1rem;
}
.as-ribbon-split-button div,
.as-ribbon-split-button span,
.as-ribbon-split-button button {
font-weight: inherit;
font-size: inherit;
}
.as-ribbon-split-button-content {
height: 100%;
}
.as-ribbon-split-button-content > button {
font-family: inherit;
border-radius: 0;
background-color: transparent;
height: 100%;
margin-right: 0;
outline: none;
box-sizing: border-box;
border-style: solid;
border-color: transparent;
vertical-align: middle;
}
.as-ribbon-split-button-content > button:hover {
background-color: rgba(169, 168, 169, 0.15);
}
.as-ribbon-split-button-content > button:active {
background-color: rgba(169, 168, 169, 0.3);
}
.as-ribbon-split-button-primary {
font-size: inherit;
padding-left: 0.5em;
padding-right: 0.2em;
border-width: 1px 0px 1px 1px;
color: inherit;
}
.as-ribbon-split-button-extend {
color: rgb(37, 36, 35);
width: calc(1em + 2px);
padding: 0;
text-align: center;
font-size: 20px;
border-width: 1px 1px 1px 0px;
}
.as-ribbon-split-button-extend span:before {
margin-left: -3px;
}
.as-ribbon-split-button:active:hover .as-ribbon-split-button-content > button,
.as-ribbon-split-button:active .as-ribbon-split-button-content > button {
border-color: rgba(169, 168, 169, 0.3);
}
.as-ribbon-split-button:hover .as-ribbon-split-button-content > button {
border-color: rgba(169, 168, 169, 0.15);
}
.as-ribbon-split-button-icon {
margin-right: 0.5em;
display: inline-block;
vertical-align: middle;
}
span.as-ribbon-split-button-icon {
font-size: 1.2em;
}
img.as-ribbon-split-button-icon,
svg.as-ribbon-split-button-icon {
width: 1.2em;
height: 1.2em;
}
.as-ribbon-split-button-text {
vertical-align: middle;
font-size: inherit;
}
.as-ribbon-split-button-text::before {
content: attr(data-text);
}
.as-ribbon-split-button-extend .as-ribbon-split-button-text {
display: none;
}
.as-ribbon-split-button.as-no-dropdown .as-ribbon-dropdown-icon{
display: none;
}
.as-ribbon-split-button.as-no-dropdown .as-ribbon-split-button-primary {
padding-right: 5px;
border-width: 1px 1px 1px 1px;
}
.as-ribbon-split-button.as-big {
width: 5em;
height: auto;
}
.as-ribbon-split-button.as-big .as-ribbon-split-button-content {
height: auto;
}
.as-ribbon-split-button.as-big span.as-ribbon-split-button-icon {
font-size: 2em;
display: block;
margin: 0;
}
.as-ribbon-split-button.as-big .as-ribbon-split-button-extend .as-ribbon-split-button-text {
display: inline-block;
white-space: normal;
max-width: calc(100% - 1em);
}
.as-ribbon-split-button.as-big .as-ribbon-split-button-primary .as-ribbon-split-button-text {
display: none;
}
.as-ribbon-split-button.as-big .as-ribbon-split-button-extend {
white-space: nowrap;
width: 100%;
height: auto;
border-width: 0 1px 1px 1px;
}
.as-ribbon-split-button.as-big .as-ribbon-split-button-primary {
width: 100%;
height: 2.5em;
box-sizing: border-box;
border-width: 1px 1px 0 1px;
}
.as-ribbon-split-button.as-big img.as-ribbon-split-button-icon,
.as-ribbon-split-button.as-big svg.as-ribbon-split-button-icon {
width: 2em;
height: 2em;
}
/*** module: node_modules/absol-acomp/css/ribbonbutton.css ***/
.as-ribbon-button {
display: inline-block;
vertical-align: middle;
height: calc(2em + 2);
padding-left: 0.5em;
padding-right: 0.5em;
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
box-sizing: border-box;
border-radius: 0;
outline: none;
border-style: solid;
border-color: transparent;
border-width: 1px 1px 1px 1px;
background-color: transparent;
}
.as-ribbon-button div,
.as-ribbon-button span {
font-weight: inherit;
font-size: inherit;
}
.as-ribbon-button:hover {
background-color: rgba(169, 168, 169, 0.15);
}
.as-ribbon-button:active {
background-color: rgba(169, 168, 169, 0.3);
}
.as-ribbon-split-button:active:hover .as-ribbon-split-button-content > button,
.as-ribbon-split-button:active .as-ribbon-split-button-content > button {
border-color: rgba(169, 168, 169, 0.3);
}
.as-ribbon-split-button:hover .as-ribbon-split-button-content > button {
border-color: rgba(169, 168, 169, 0.15);
}
.as-ribbon-button-icon {
font-size: 1.2em;
margin-right: 0.5em;
display: inline-block;
vertical-align: middle;
}
img.as-ribbon-button-icon,
svg.as-ribbon-button-icon {
width: 1.2em;
height: 1.2em;
}
.as-ribbon-button-text {
display: inline-block;
vertical-align: middle;
font-size: inherit;
}
.as-ribbon-button-text::before {
content: attr(data-text);
}
.as-ribbon-button.as-no-dropdown .as-ribbon-dropdown-icon {
display: none;
}
.as-ribbon-button.as-big {
width: 5em;
height: auto;
white-space: nowrap;
padding-left: 0;
padding-right: 0;
}
.as-ribbon-button.as-big span.as-ribbon-button-icon {
font-size: 2em;
display: block;
margin-left: auto;
margin-right: auto;
}
.as-ribbon-button.as-big .as-ribbon-button-text {
white-space: normal;
max-width: calc(100% - 1em);
}
.as-ribbon-button.as-big svg.as-ribbon-button-icon,
.as-ribbon-button.as-big img.as-ribbon-button-icon {
height: 2em;
width: 2em;
display: block;
margin-left: auto;
margin-right: auto;
}
.as-ribbon-button.as-appearance-button {
height: calc(2rem + 2px);
box-sizing: border-box;
border: solid 1px #bfbfbf;
background-color: #ebebeb;
border-radius: 0.2em;
outline: none;
font-size: 1rem;
}
.as-ribbon-button.as-appearance-button:hover {
background-color: #D3D3D3;
}
.as-ribbon-button.as-appearance-button:active,
.as-ribbon-button.as-appearance-button.as-quick-menu-attached {
-webkit-box-shadow: inset 0 0.2em 0.25em rgba(0, 0, 0, 0.125);
box-shadow: inset 0 0.2em 0.25em rgba(0, 0, 0, 0.125);
}
.as-select-ribbon-menu {
color: #007bff;
}
.as-ribbon-selected {
background-color: #dfdfdf;
}
/*** module: node_modules/absol-acomp/css/timeselectinput.css ***/
.as-time-select-input {
display: inline-block;
position: relative;
height: calc(2em + 2px);
border: solid 1px #d6d6d6;
border-radius: 2px;
box-sizing: border-box;
cursor: pointer;
font-size: 1rem;
outline: none;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
white-space: nowrap;
padding-right: 30px;
--list-min-width: unset;
width: calc(var(--list-min-width) + 2em + 2px);
min-width: calc(var(--list-min-width) + 2em + 2px);
}
.as-time-select-input.as-disabled {
pointer-events: none;
background-color: #ebebe4;
}
.as-time-select-input-text {
display: inline-block;
vertical-align: middle;
height: 100%;
width: 100%;
outline: none;
border: none;
box-sizing: border-box;
padding-left: 10px;
padding-right: 0;
background-color: transparent;
font-size: inherit;
}
/*** module: node_modules/absol-acomp/css/snackbar.css ***/
.as-snackbar {
visibility: hidden;
min-width: 250px;
margin-left: -125px;
background-color: #333;
color: #fff;
text-align: center;
border-radius: 2px;
padding: 16px;
position: fixed;
z-index: 1000000000;
left: 50%;
bottom: 0;
font-size: 17px;
opacity: 0;
transition: opacity 0.25s ease-in, bottom 0.25s ease-in;
}
.as-snackbar.as-show {
visibility: visible;
bottom: 30px;
opacity: 1;
}
.as-snackbar.as-hiding{
transition: opacity 0.5s ease-out, bottom 0.5s ease-out;
visibility: visible;
bottom: 0;
opacity: 0;
}
/*** module: node_modules/absol-acomp/css/multiselectmenu.css ***/
:root {
--multi-select-menu-max-height: 90px;
}
.as-multi-select-menu {
--list-min-width: 3em;
display: inline-block;
vertical-align: middle;
position: relative;
min-height: var(--select-box-min-height);
min-width: var(--list-min-width);
border: solid 1px #d6d6d6;
border-radius: 3px;
box-sizing: border-box;
outline: none;
background-color: white;
padding-right: 45px;
white-space: normal;
--as-width-limit: 100vw;
max-width: var(--as-width-limit);
}
.as-multi-select-menu.am-multi-select-menu {
min-width: unset;
}
.as-multi-select-menu .absol-selectbox-item-text span{
overflow: hidden;
text-overflow: ellipsis;
max-width: calc(var(--as-width-limit) - 85px);
}
.as-multi-select-menu-item-ctn {
display: block;
max-height: var(--multi-select-menu-max-height);
overflow-y: auto;
}
.as-multi-select-menu-item-ctn.as-has-more::after {
content: "...";
display: inline-block;
vertical-align: middle;
font-weight: bold;
font-size: 1.5em;
color: rgb(57, 57, 58);
}
.as-multi-select-menu-toggle-btn {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 30px;
pointer-events: none;
border: none;
background-color: transparent;
}
.as-multi-select-menu-toggle-btn svg.dropdown {
width: 10px;
height: 10px;
fill: #929292;
}
.as-multi-select-menu:hover svg.dropdown {
fill: black;
}
.as-multi-select-menu.as-disable-click-to-focus .as-multi-select-menu-toggle-btn {
display: none;
}
.as-multi-select-menu .absol-selectbox-item {
margin: calc((var(--select-box-min-height) - 2px - var(--select-box-item-height)) / 2) 2px;
}
.as-multi-select-menu.as-item-focusable .absol-selectbox-item.as-active {
background-color: var(--select-box-focus-item-color);
}
.as-multi-select-menu.as-disabled {
background-color: #ebebe4;
}
.as-multi-select-menu-toggle-btn {
}
.as-multi-select-menu.as-disabled .as-multi-select-menu-item-ctn * {
pointer-events: none;
}
.as-multi-select-menu.as-multi-check-tree-leaf-menu {
min-width: calc(var(--select-list-estimate-width) + 14px);
}
.as-multi-select-menu.as-read-only .absol-selectbox-item-close,
.as-multi-select-menu.as-read-only .as-multi-select-menu-toggle-btn,
.as-multi-select-menu.as-disabled .absol-selectbox-item-close,
.as-multi-select-menu.as-disabled .as-multi-select-menu-toggle-btn {
display: none;
}
.as-multi-select-menu.as-read-only .absol-selectbox-item-text {
padding-right: 10px;
}
.as-multi-select-menu.as-read-only {
padding-right: 0;
}
.as-multi-select-menu.as-border-none {
border: none;
}
.as-multi-select-menu.as-border-none .as-multi-select-menu-item-ctn {
max-height: unset;
overflow-y: auto;
}
.as-multi-select-menu.as-has-max-width {
--max-width: 1024px;
max-width: var(--max-width);
min-width: 100px !important;
}
.as-multi-select-menu.as-has-max-width .absol-selectbox-item-text span{
max-width: calc(var(--max-width) - 85px);
}
/*** module: node_modules/absol-acomp/css/countdownclock.css ***/
.as-countdown-clock {
width: 7em;
height: 7em;
border-radius: 50%;
position: relative;
display:inline-block;
font-family: Consolas;
}
.as-countdown-clock-border-wrapper{
pointer-events:none;
position: absolute;
box-sizing: border-box;
left: 0.2em;
right: 0.2em;
top: 0.2em;
bottom: 0.2em;
filter: drop-shadow(0 0px 1px rgb(100, 200, 255));
}
.as-countdown-clock-border {
width: 100%;
height: 100%;
border: solid 0.2em rgb(100, 200, 255);
border-radius: 50%;
object-fit: cover;
}
.as-countdown-clock-text {
position: absolute;
left: 50%;
top: 50%;
transform:translate(-50%, -50%);
font-size: 2em;
}
.as-countdown-clock div,
.as-countdown-clock span
{
font-family: inherit;
}
/*** module: node_modules/absol-acomp/css/toast.css ***/
.as-toast-list {
position: fixed;
z-index: 1100000000;
width: 25em;
max-height: calc(100vh - 20px);
overflow-y: auto;
}
.as-toast-list > .as-toast {
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.35);
}
.as-toast-list.as-se {
bottom: 10px;
right: 10px;
}
.as-toast-list.as-sw {
bottom: 10px;
left: 10px;
}
.as-toast-list.as-ne {
top: 10px;
right: 10px;
}
.as-toast-list.as-nw {
top: 10px;
left: 10px;
}
.as-toast-list.as-sc {
bottom: 10px;
left: calc(50% - 177px);
}
.as-toast-list:empty {
visibility: hidden;
}
.as-toast-list.as-ne > .as-toast,
.as-toast-list.as-nw > .as-toast {
margin-bottom: 5px;
}
.as-toast-list.as-sc > .as-toast,
.as-toast-list.as-se > .as-toast,
.as-toast-list.as-sw > .as-toast {
margin-top: 5px;
}
.as-toast {
display: block;
max-width: calc(100vw - 20px);
overflow: hidden;
background-color: white;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.1);
font-family: Roboto, sans-serif;
font-size: 1rem;
}
.as-toast-header {
display: flex;
display: -ms-flex;
-ms-flex-align: center;
align-items: center;
padding: 0.25em 0.75em;
color: #6c757d;
background-clip: padding-box;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.as-toast-header strong {
text-align: left;
margin-right: auto;
}
.as-toast-variant-color {
margin-right: 0.5em;
display: inline-block;
vertical-align: middle;
background-color: var(--variant-color-primary);
width: 1.25em;
height: 1.25em;
}
.as-toast-close-btn {
padding: 0;
background-color: transparent;
border: none;
outline: none;
color: inherit;
margin-left: 0.25em;
margin-bottom: 0.25em;
font-size: inherit;
}
.as-toast-close-btn:hover {
color: black;
}
.as-toast-close-btn span {
font-size: 1.5em;
text-shadow: 0 1px 0 currentColor;
}
.as-toast-body {
}
.as-toast-message {
padding: 0.75em;
}
.as-toast.as-not-appeared {
opacity: 0;
transition: opacity 0.2s;
}
.as-toast.as-not-appeared.as-appearing {
opacity: 1;
}
.as-toast.as-appeared {
transition: opacity 0.5s;
opacity: 1;
}
.as-toast.as-disappearing {
opacity: 0;
}
.as-toast.as-variant-sticky-note {
background-color: #ffff88;
}
.as-toast.as-variant-sticky-note .as-toast-variant-color,
.as-toast.as-variant-background .as-toast-variant-color {
display: none;
}
.as-toast.as-variant-sticky-note .as-toast-title {
color: #1e1ec8;
}
/*** module: node_modules/absol-acomp/css/variantcolors.css ***/
:root {
--variant-color-primary: #007bff;
--variant-color-secondary: #6c757d;
--variant-color-success: #28a745;
--variant-color-warning: #ffc107;
--variant-color-danger: #dc3545;
--variant-color-info: #17a2b8;
--variant-color-light: #f8f9fa;
--variant-color-dark: #343a40;
--variant-color-error: #ff4052;
--variant-color-link: #007bff;
--variant-color-note: #ffff88;
--variant-medium-contract-color-primary: #e2edd5;
--variant-medium-contract-color-secondary: #fca75b;
--variant-medium-contract-color-success: #fce8e8;
--variant-medium-contract-color-info: #fcf5e8;
--variant-medium-contract-color-warning: #5e5a75;
--variant-medium-contract-color-error:#e0dfce;
--variant-medium-contract-color-danger: #e5e8d5;
--variant-medium-contract-color-light: #7a5b3c;
--variant-medium-contract-color-dark: #bf7d3b;
--variant-medium-contract-color-link: #dde8c9;
--variant-medium-contract-color-note: #1e1ec8;
}
/*** module: node_modules/absol-acomp/css/emojipickertooltip.css ***/
.as-emoji-picker-tooltip {
--tool-tip-background-color: white;
filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));
}
.as-emoji-picker-tooltip .absol-tooltip-content {
display: block;
padding: 0;
box-sizing: border-box;
position: relative;
white-space: nowrap;
overflow: hidden;
}
.as-emoji-picker-tooltip-left-btn,
.as-emoji-picker-tooltip-right-btn {
display: inline-block;
vertical-align: middle;
height: 60px;
width: 40px;
font-size: 25px;
padding: 0;
background-color: transparent;
border: none;
color: rgb(155, 155, 175);
outline: none;
}
.as-emoji-picker-tooltip-left-btn:hover,
.as-emoji-picker-tooltip-right-btn:hover {
background-color: rgba(156, 156, 156, 0.15);
}
.as-emoji-picker-tooltip-left-btn:active,
.as-emoji-picker-tooltip-right-btn:active {
background-color: rgba(0, 0, 0, 0.15);
}
.as-emoji-picker-tooltip-left-btn:disabled,
.as-emoji-picker-tooltip-right-btn:disabled {
pointer-events: none;
color: rgb(230, 230, 235);
}
.as-emoji-picker-tooltip-scroller {
display: inline-block;
vertical-align: middle;
position: relative;
width: 360px;
height: 60px;
overflow: hidden;
}
.as-emoji-picker-tooltip-icon-list {
position: absolute;
top: 0;
bottom: 0;
left: 0;
white-space: nowrap;
}
.as-emoji-picker-tooltip:not(.as-scrolling) .as-emoji-picker-tooltip-icon-list {
transition: left 0.5s;
}
.as-emoji-picker-tooltip-icon-btn {
display: inline-block;
vertical-align: middle;
height: 60px;
width: 60px;
padding: 0;
border: none;
outline: none;
background-color: transparent;
}
.as-emoji-picker-tooltip-icon {
transition: width 0.3s, height 0.3s;
width: 35px;
height: 35px;
}
.as-emoji-picker-tooltip-icon-btn:hover .as-emoji-picker-tooltip-icon {
width: 45px;
height: 45px;
}
.as-emoji-picker-tooltip-remove-btn {
display: inline-block;
vertical-align: middle;
height: 60px;
width: 60px;
padding: 0;
border: none;
outline: none;
background-color: transparent;
font-size: 40px;
color: rgb(185, 185, 185);
}
.as-emoji-picker-tooltip-remove-btn:hover {
color: rgb(255, 30, 30);
}
.as-emoji-picker-tooltip:not(.as-mobile) .as-emoji-picker-tooltip-page-indicator {
display: none;
}
.as-emoji-picker-tooltip.as-mobile .as-emoji-picker-tooltip-right-btn,
.as-emoji-picker-tooltip.as-mobile .as-emoji-picker-tooltip-left-btn {
display: none;
}
@media (max-width: 410px) and (min-width: 310px) {
.as-emoji-picker-tooltip-left-btn,
.as-emoji-picker-tooltip-right-btn {
height: 36px;
width: 24px;
font-size: 15px;
}
.as-emoji-picker-tooltip-scroller {
width: 216px;
height: 36px;
}
.as-emoji-picker-tooltip-icon-btn {
height: 36px;
width: 36px;
}
.as-emoji-picker-tooltip-icon {
width: 21px;
height: 21px;
}
.as-emoji-picker-tooltip-icon-btn:hover .as-emoji-picker-tooltip-icon {
width: 27px;
height: 27px;
}
.as-emoji-picker-tooltip-remove-btn {
height: 36px;
width: 36px;
font-size: 24px;
}
}
@media (max-width: 510px) and (min-width: 410px) {
.as-emoji-picker-tooltip-left-btn,
.as-emoji-picker-tooltip-right-btn {
height: 48px;
width: 32px;
font-size: 20px;
}
.as-emoji-picker-tooltip-scroller {
width: 288px;
height: 48px;
}
.as-emoji-picker-tooltip-icon-btn {
height: 48px;
width: 48px;
}
.as-emoji-picker-tooltip-icon {
width: 28px;
height: 28px;
}
.as-emoji-picker-tooltip-icon-btn:hover .as-emoji-picker-tooltip-icon {
width: 36px;
height: 36px;
}
.as-emoji-picker-tooltip-remove-btn {
height: 48px;
width: 48px;
font-size: 32px;
}
}
/*** module: node_modules/absol-acomp/css/pageindicator.css ***/
.as-page-indicator {
text-align: center;
white-space: nowrap;
}
.as-page-indicator::before{
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.as-page-indicator-item {
display: inline-block;
vertical-align: middle;
text-align: center;
font-size: inherit;
width: 1.5em;
padding: 0;
border: 0;
background-color: transparent;
}
.as-page-indicator-item::before {
content: "";
display: inline-block;
height: 0.5em;
width: 0.5em;
transition: width 0.25s, height 0.25s, color 0.25s;
border-radius: 50%;
background-color: rgb(196, 196, 196);
font-size: inherit;
vertical-align: middle;
}
.as-page-indicator-item.as-active::before{
width: 0.75em;
height: 0.75em;
background-color: var(--variant-color-primary);
}
/*** module: node_modules/absol-acomp/css/emojicounter.css ***/
.as-emoji-counter {
display: inline-block;
vertical-align: middle;
color: rgb(38, 141, 145);
box-sizing: border-box;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
height: calc(2rem + 2px);
text-align: center;
min-height: calc(2rem + 2px);
padding: 0 8px;
border-radius: calc(1rem + 1px);
font-size: 1rem;
background-color: white;
outline: none;
}
.as-emoji-counter::before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.as-emoji-counter-sprite {
display: inline-block;
vertical-align: middle;
width: 1.285em;
height: 1.285em;
}
.as-emoji-counter-num {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
margin-left: 0.2em;
display: inline-block;
vertical-align: middle;
font-size: inherit;
color: inherit;
cursor: default;
}
.as-emoji-counter-num:empty {
display: none;
}
.as-emoji-counter.as-zero {
background-color: rgba(220, 220, 220);
}
.as-emoji-counter + .as-emoji-counter {
margin-left: 0.3em;
}
/*** module: node_modules/absol-acomp/css/emojiuserlisttooltip.css ***/
.as-emoji-user-list-tooltip {
--tool-tip-background-color: white;
filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));
text-align: left;
}
.as-emoji-user-list-tooltip-emoji {
position: absolute;
width: 60px;
height: 60px;
top: -30px;
left: calc(50% - 30px);
z-index: 2;
}
.as-emoji-user-list-tooltip .absol-tooltip-content {
min-height: 60px;
min-width: 120px;
padding-top: 25px;
}
.as-emoji-user-list-tooltip-user{
padding: 3px 10px 3px 0 ;
}
.as-emoji-user-list-tooltip-user.as-clickable{
cursor: pointer;
}
.as-emoji-user-list-tooltip-avatar {
width: 30px;
height: 30px;
border-radius: 50%;
background-size: cover;
display: inline-block;
vertical-align: middle;
}
.as-emoji-user-list-tooltip-name {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
color: rgb(70, 70, 72);
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/*** module: node_modules/absol-acomp/css/rotatedtext.css ***/
.as-rotated-text {
}
.as-rotated-text::after {
content: "o";
color: transparent;
display: inline;
}
.as-rotated-text-content {
transform: rotate(0deg);
transform-origin: 0.3em 50%;
display: block;
zoom: 1.001;
}
.as-rotated-text-anchor{
position: fixed;
z-index: 1000;
}
.as-rotated-text,.as-rotated-text-anchor, .as-rotated-text-content{
font: inherit;
}
/*** module: node_modules/absol-acomp/css/verticaltreediagram.css ***/
.as-vertical-tree-diagram {
--node-name-max-width: 200px;
}
.as-vertical-tree-diagram-node {
}
.template-ctn {
display: none;
}
.as-vertical-tree-diagram-node, .as-vertical-tree-diagram-node * {
box-sizing: border-box;
}
.as-vertical-tree-diagram-node {
display: inline-block;
vertical-align: top;
position: relative;
background: white;
}
.as-vertical-tree-diagram-child-ctn > .as-vertical-tree-diagram-node:not(:first-child) {
margin-left: 10px;
}
.as-vertical-tree-diagram-node-name-ctn {
text-align: center;
padding-bottom: 9px;
}
.as-vertical-tree-diagram-node-name {
display: inline-block;
padding: 5px;
border: 1px solid #333;
position: relative;
white-space: normal;
max-width: var(--node-name-max-width);
}
.as-vertical-tree-diagram-node.as-has-child > .as-vertical-tree-diagram-node-name-ctn .as-vertical-tree-diagram-node-name::before {
content: "";
position: absolute;
height: 10px;
left: 50%;
top: 100%;
border-left: 1px solid #333;
}
.as-vertical-tree-diagram-node.as-has-child.as-has-1-child > .as-vertical-tree-diagram-node-name-ctn .as-vertical-tree-diagram-node-name::before {
height: 20px;
}
.as-vertical-tree-diagram-child-ctn {
padding-top: 10px;
}
.as-vertical-tree-diagram-node:not(.as-has-1-child) > .as-vertical-tree-diagram-child-ctn {
border-top: 1px solid #333;
}
.as-vertical-tree-diagram-node:not(.as-has-child) > .as-vertical-tree-diagram-child-ctn {
display: none;
}
.as-vertical-tree-diagram-child-ctn > .as-vertical-tree-diagram-node::before {
content: "";
position: absolute;
z-index: 1;
left: 50%;
bottom: 100%;
height: 10px;
border-left: 1px solid black;
}
.as-vertical-tree-diagram-node.as-has-1-child > .as-vertical-tree-diagram-child-ctn > .as-vertical-tree-diagram-node::before,
.as-vertical-tree-diagram-node.as-has-1-child > .as-vertical-tree-diagram-child-ctn > .as-vertical-tree-diagram-node::after {
display: none;
}
.as-vertical-tree-diagram-child-ctn > .as-vertical-tree-diagram-node:last-child::before {
left: unset;
right: 50%;
}
.as-vertical-tree-diagram-child-ctn > .as-vertical-tree-diagram-node:first-child::after {
content: "";
position: absolute;
z-index: 2;
right: 50%;
left: 0;
bottom: 100%;
height: 11px;
background-color: white;
}
.as-vertical-tree-diagram-child-ctn > .as-vertical-tree-diagram-node:last-child::after {
content: "";
position: absolute;
z-index: 2;
left: 50%;
right: 0;
bottom: 100%;
height: 11px;
background-color: white;
}
.as-vertical-tree-diagram-child-ctn > .as-vertical-tree-diagram-node:first-child:last-child::after {
display: none;
}
/*** module: node_modules/absol-acomp/css/tokenfield.css ***/
.as-token-field {
font-size: 1rem;
border: 1px solid #dddddd;
}
.as-token-field-input-text {
font: inherit;
padding: 0;
box-sizing: border-box;
min-width: 4.3em;
border: none;
outline: none;
height: var(--select-box-item-height);
line-height: var(--select-box-item-height);
vertical-align: top;
margin-top: 2px;
}
.absol-selectbox-item.as-token-field-item {
font: inherit;
margin: 2px;
outline: none;
}
.as-token-field-item:focus {
background-color: var(--select-box-focus-item-color);
}
/*** module: node_modules/absol-acomp/css/dvexptree.css ***/
.as-dv-exp-tree {
}
.as-dv-exp-tree > .absol-exp-node > .absol-exp-node-level {
}
.as-dv-exp-tree > .absol-exp-node > .absol-radio-button {
vertical-align: middle;
display: inline-block;
margin-right: 5px;
/*margin-left: 5px;*/
}
.as-dv-exp-tree:not(.as-has-radio) > .absol-exp-node > .absol-radio-button {
/*visibility: hidden;*/
display: none;
}
.as-dv-exp-tree > .absol-exp-node > .as-dv-exp-tree-index {
box-sizing: border-box;
padding: 0 0 0 0.5em;
margin-left: 0.5em;
outline: none;
height: 1.2em;
min-width: 3em;
box-shadow: 0 0 0 1px #dddddd;
display: inline-block;
vertical-align: middle;
background-color: white;
}
.as-dv-exp-tree > .absol-exp-node > .as-dv-exp-tree-index:hover{
box-shadow: 0 0 0 1px #aaaaaa;
}
.as-dv-exp-tree:not(.as-has-index-input) > .absol-exp-node > .as-dv-exp-tree-index {
display: none;
}
/*.as-dv-exp-tree>.absol-exp-node:not(.status-open):not(.status-close)>.toggler-ico{*/
/* display: none;*/
/*}*/
/*.as-dv-exp-tree .absol-exp-node-ext-icon{*/
/* display: none;*/
/*}*/
/*** module: node_modules/absol-acomp/css/checklistitem.css ***/
.as-check-list-item {
padding-left: 0.35em;
height: calc(30rem / 14);
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
}
.as-check-list-item-checkbox {
display: inline-block;
vertical-align: middle;
}
.as-check-list-item-checkbox .as-checkbox-input-check-icon{
display: block;
}
.absol-selectlist-item.as-check-list-item > span {
display: inline-block;
vertical-align: middle;
line-height: calc(30rem / 14);
}
.absol-selectlist-item.as-check-list-item .absol-selectlist-item-desc {
line-height: calc(25rem / 14);
}
.as-check-list-item.as-no-select .as-check-list-item-checkbox {
visibility: hidden;
}
.as-check-list-item.as-no-select {
pointer-events: none;
}
/*** module: node_modules/absol-acomp/css/checklistbox.css ***/
.as-check-list-box.as-select-list-box {
width: calc(var(--select-list-estimate-width) + 2px + 5px + 23px + 7px);
--as-width-limit: calc(100vw - 20px);
}
.as-check-list-box.as-select-list-box.as-enable-search .as-select-list-box-scroller {
max-height: calc(var(--max-height) - 2em - 10px - 2em - 1px);
}
.as-check-list-box.as-select-list-box .as-select-list-box-scroller {
max-height: calc(var(--max-height) - 2em - 1px);
}
.as-check-list-box.as-select-list-box .absol-selectlist-item-text {
overflow: hidden;
text-overflow: ellipsis;
max-width: calc(var(--as-width-limit) - 0.7em - 2.5em);
}
/*** module: node_modules/absol-acomp/css/chrometime24picker.css ***/
.ac-time-input.as-time-24-input {
width: 13em;
}
.as-chrome-time-24-picker {
--next-day-h24-width : 120px;
--minute-width: 60px;
font-size: 14px;
}
.as-chrome-time-24-picker .as-chrome-time-picker-h24 {
width: var(--next-day-h24-width);
}
.as-chrome-time-24-picker .as-chrome-time-picker-list.as-chrome-time-picker-m60 {
width: var(--minute-width);
}
.as-chrome-time-24-picker-tomorrow-text {
display: none;
}
.as-in-tomorrow.as-chrome-time-picker-btn .as-chrome-time-24-picker-tomorrow-text {
display: initial;
}
.as-chrome-time-24-picker .as-chrome-time-picker-btn:disabled {
pointer-events: none;
}
/*** module: node_modules/absol-acomp/css/timerange24input.css ***/
.as-time-range-24-input {
white-space: nowrap;
display: inline-block;
min-width: 318px;
}
.as-time-range-24-input > div:first-child {
margin-right: 10px;
}
.as-time-range-24-input.as-read-only.as-border-none .ac-time-input {
display: none;
}
.as-time-range-24-input.as-read-only.as-border-none::after{
content: attr(data-text);
vertical-align: middle;
display: inline-block;
}
.as-time-range-24-input.as-read-only.as-border-none::before{
content: "";
vertical-align: middle;
display: inline-block;
height: calc(2em + 2px);
}
.as-chrome-time-24-picker-follower .as-chrome-time-24-picker {
border: none;
box-shadow: none;
}
/*** module: node_modules/absol-acomp/css/checktreeitem.css ***/
.as-check-tree-item {
font-size: inherit;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
height: 2em;
}
.as-check-tree-item:focus {
background-color: unset;
}
.as-check-tree-item:hover:focus {
background-color: rgba(169, 169, 172, 0.1);
}
.as-check-tree-item .as-checkbox-input {
margin-right: 0.35em;
}
.as-check-tree-item.as-no-select .as-checkbox-input,
.absol-checkbox.as-no-select {
pointer-events: none;
opacity: 0.3;
}
.as-check-tree-item.as-no-select .as-checkbox-input .bound,
.absol-checkbox.as-no-select .bound {
stroke: #929292;
fill: #ebebe4;
}
.as-check-tree-item.as-no-select .as-checkbox-input .tick,
.as-check-tree-item.as-no-select .as-checkbox-input .minus,
.absol-checkbox.as-no-select .tick,
.absol-checkbox.as-no-select .minus {
display: none;
opacity: 0;
visibility: hidden;
}
.as-check-tree-item.as-check-unsafe-tree-item {
padding-right: 45px;
}
.as-check-unsafe-tree-item .as-check-unsafe-tree-item-action-ctn {
display: none;
position: absolute;
height: 20px;
right: 5px;
top: calc(50% - 10px);
--as-transparent-button-text-color: rgba(107, 107, 108, 0.3);
}
/*.as-check-unsafe-tree-item.status-close .as-check-unsafe-tree-item-action-ctn,*/
/*.as-check-unsafe-tree-item.status-open .as-check-unsafe-tree-item-action-ctn*/
/*{*/
/* display: block;*/
/*}*/
.as-check-unsafe-tree-item-action-ctn >button{
width: 25px;
height: 20px;
}
/*.as-check-unsafe-tree-item-action-ctn >button:not(:first-child) {*/
/* margin-left: 5px;*/
/*}*/
.absol-checkbox.as-no-select {
visibility: hidden;
}
/*** module: node_modules/absol-acomp/css/checktreebox.css ***/
.as-select-list-box-page > .as-check-tree-item {
width: 100%;
}
.as-check-tree-box {
min-width: 18em;
}
.as-check-tree-box.as-no-transition label.as-checkbox-input .minus,
.as-check-tree-box.as-no-transition label.as-checkbox-input .tick {
transition: none;
}
.as-check-tree-box.as-select-list-box.as-enable-search .as-select-list-box-scroller {
max-height: calc(var(--max-height) - 2em - 10px - 2em - 1px);
}
.as-check-tree-box.as-select-list-box .as-select-list-box-scroller {
max-height: calc(var(--max-height) - 2em - 1px);
}
/***********************************************************************************************************************/
.am-check-tree-box .as-dropdown-box-footer,
.am-check-tree-box
{
min-width: 18em;
}
.am-check-tree-box-list {
--text-width: 100%;
--desc-width: 0;
}
.am-check-tree-box-modal:not(.as-enable-search) .absol-search-text-input {
visibility: hidden;
opacity: 0;
pointer-events: none;
}
.am-check-tree-box .as-check-tree-box-scroller {
max-height: calc(100vh - var(--modal-margin-top) - 100px);
}
.am-check-tree-box {
width: var(--select-list-estimate-width);
/*max-width: calc(100vw - 20px);*/
}
.am-check-tree-box .as-check-tree-box-content {
/*max-width: calc(100vw - 20px);*/
}
.am-check-tree-box.as-has-desc {
--text-width: 50%;
--desc-width: 50%;
}
.am-check-tree-box-body {
overflow-y: auto;
max-height: calc(80vh - 2em);
}
.am-check-tree-box.as-enable-search .am-check-tree-box-body {
max-height: calc(80vh - 4em - 10px);
}
.am-check-tree-item {
display: block;
white-space: nowrap;
position: relative;
width: 100%;
overflow: hidden;
--level: 0;
--icon-width: 0px;
}
.am-check-tree-item.as-has-icon {
--icon-width: 2.7em;
}
.am-check-tree-item-toggle-ctn,
.am-check-tree-item-icon-ctn,
.am-check-tree-item-checkbox-ctn {
position: absolute;
white-space: nowrap;
top: 0;
bottom: 0;
}
.am-check-tree-item-toggle-ctn {
left: calc(2em * var(--level) + 0.2em);
width: 1.5em;
text-align: center;
}
.am-check-tree-item-toggle-ctn > svg {
width: 0.7em;
height: 0.7em;
}
.am-check-tree-item-icon-ctn {
left: calc(2em * var(--level) + 3.2em);
}
.am-check-tree-item-checkbox-ctn {
left: calc(2em * var(--level) + 1.7em)
}
.am-check-tree-item-icon-ctn > svg {
display: inline-block;
vertical-align: middle;
}
.am-check-tree-item.as-status-open svg .toggle-close,
.am-check-tree-item.as-status-close svg .toggle-open,
.am-check-tree-item:not(.as-status-close):not(.as-status-open) .am-check-tree-item-toggle-ctn {
display: none;
}
.am-check-tree-item-icon-ctn::before,
.am-check-tree-item-toggle-ctn::before,
.am-check-tree-item-checkbox-ctn::before {
content: "";
height: 100%;
vertical-align: middle;
display: inline-block;
}
.am-check-tree-item-icon-ctn:empty {
display: none;
}
.am-check-tree-item-icon-ctn > span {
font-size: 1.8em;
display: inline-block;
vertical-align: middle;
}
.am-check-tree-item-icon-ctn img,
.am-check-tree-item-icon-ctn svg {
width: 1.8em;
height: 1.8em;
display: inline-block;
}
.am-check-tree-item-text {
width: var(--text-width);
box-sizing: border-box;
padding: 0.3em 0.5em 0.3em calc(3em + 2em * var(--level) + var(--icon-width));
display: inline-block;
vertical-align: middle;
line-height: 1.5;
white-space: normal;
}
.am-check-tree-item-desc {
display: none;
vertical-align: middle;
}
.am-check-tree-leaf-item:not(.as-is-leaf) .am-check-tree-item-checkbox-ctn {
display: none;
}
.am-check-tree-leaf-item:not(.as-is-leaf) .am-check-tree-item-text {
padding: 0.3em 0.5em 0.3em calc(2em * var(--level) + var(--icon-width) + 1em);
}
.am-check-tree-leaf-item:not(.as-is-leaf) .am-check-tree-item-icon-ctn {
left: calc(2em * var(--level) + 1.5em);
}
.am-check-tree-box-list.as-has-desc .am-check-tree-item-desc {
display: inline-block;
}
.am-check-tree-box.as-leaf-only .am-check-tree-item:not(.as-has-leaf) .as-checkbox-input {
pointer-events: none;
opacity: 0.2;
}
.am-check-tree-box.as-leaf-only:not(.as-has-leaf) .as-select-list-box-check-all {
pointer-events: none;
color: var(--as-disabled-text-color);
}
.am-check-tree-box.as-leaf-only:not(.as-has-leaf) .as-select-list-box-check-all label.as-checkbox-input .bound {
stroke: #929292;
fill: #ebebe4;
}
.as-multi-select-menu-item-ctn:empty::before {
position: absolute;
left: 0;
top: calc(50% - 1em);
display: inline-block;
vertical-align: middle;
font-family: Arial, Helvetica, sans-serif;
padding: 0 5px;
line-height: 2;
}
.as-multi-select-menu-item-ctn:not(:empty):before,
.as-multi-select-menu.as-read-only .as-multi-select-menu-item-ctn::before,
.as-multi-select-menu.as-disabled .as-multi-select-menu-item-ctn::before {
display: none;
}
.as-multi-select-menu-item-ctn[data-placeholder]:empty::before {
content: attr(data-placeholder);
}
/*** module: node_modules/absol-acomp/css/fileinputbox.css ***/
.as-file-input-box {
font-size: 14px;
position: relative;
width: 100px;
height: 100px;
box-sizing: border-box;
border: 1px solid #dddddd;
background-color: white;
font-family: Arial, Helvetica, sans-serif;
overflow: visible;
}
.as-file-input-box-trigger:hover + .as-file-input-box-upload-overlay,
.as-file-input-box-trigger.as-drag-over + .as-file-input-box-upload-overlay {
display: block;
}
.as-file-input-box-trigger input {
visibility: hidden;
opacity: 0;
}
.as-file-input-box-upload-overlay {
display: none;
pointer-events: none;
background-color: rgba(30, 30, 80, 0.3);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 5;
overflow: hidden;
text-align: center;
white-space: nowrap;
font-size: 3em;
color: #b0fffb;
}
.as-file-input-box-upload-overlay::before,
.as-file-input-box-upload-overlay > span {
display: inline-block;
vertical-align: middle;
}
.as-file-input-box-upload-overlay::before {
content: "";
height: 100%;
}
.as-file-input-box-trigger {
position: absolute;
z-index: 2;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
}
.as-file-input-box:not(.as-has-file-name) .as-file-input-box-file-name,
.as-file-input-box:not(.as-has-file-name) .as-file-input-box-file-name + br,
.as-file-input-box:not(.as-has-file-size) .as-file-input-box-file-size,
.as-file-input-box:not(.as-has-value) .as-file-input-box-action-left,
.as-file-input-box:not(.as-has-value) .as-file-input-box-action-right,
.as-file-input-box:not(.as-downloadable) .as-file-input-box-action-right,
.as-file-input-box:not(.as-removable) .as-file-input-box-action-left,
.as-file-input-box:not(.as-allow-upload) .as-file-input-box-trigger {
display: none;
}
.as-file-input-box-background {
position: absolute;
z-index: 1;
left: 4%;
top: 4%;
right: 4%;
bottom: 4%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
overflow: hidden;
}
.as-file-input-box.as-allow-upload .as-file-input-box-background {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4NCiAgIDxwYXRoIGZpbGw9IiNhYWFhYWEiIGQ9Ik0xMyw5SDE4LjVMMTMsMy41VjlNNiwySDE0TDIwLDhWMjBBMiwyIDAgMCwxIDE4LDIySDZDNC44OSwyMiA0LDIxLjEgNCwyMFY0QzQsMi44OSA0Ljg5LDIgNiwyTTExLDE1VjEySDlWMTVINlYxN0g5VjIwSDExVjE3SDE0VjE1SDExWiIgLz4NCjwvc3ZnPg==);
}
.as-file-input-box-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 2px;
z-index: 3;
overflow: hidden;
text-overflow: ellipsis;
background-color: rgba(255, 255, 255, 0.3);
pointer-events: none;
text-align: center;
}
.as-file-input-box-file-name {
font-size: inherit;
color: black;
text-shadow: 0 0 5px white;
white-space: nowrap;
}
.as-file-input-box-action-left,
.as-file-input-box-action-right {
position: absolute;
z-index: 6;
top: 0;
}
.as-file-input-box-action-left {
left: 0;
}
.as-file-input-box-action-right {
right: 0;
}
.as-file-input-box button {
height: 2em;
width: 2em;
padding: 0;
border: none;
background-color: rgba(255, 255, 255, 0.3);
border-radius: 0;
}
.as-file-input-box button span {
font-size: 1.5em;
}
.as-file-input-box .mdi-close {
color: rgb(250, 100, 100);
}
.as-file-input-box .mdi-download {
color: rgb(100, 100, 250);
}
.as-file-input-box button:hover .mdi-close {
color: rgb(250, 50, 50);
}
.as-file-input-box button:hover .mdi-download {
color: rgb(50, 50, 250);
}
.as-file-input-box button:active .mdi-close {
color: rgb(250, 0, 0);
}
.as-file-input-box button:active .mdi-download {
color: rgb(0, 0, 250);
}
.as-file-input-box-checked {
display: none;
box-sizing: border-box;
z-index: 4;
position: absolute;
left: -1px;
top: -1px;
bottom: -1px;
right: -1px;
pointer-events: none;
border: 3px solid #0a90eb;
overflow: hidden;
}
.as-file-input-box.as-checked .as-file-input-box-checked{
display: block;
}
.as-file-input-box-checked::before {
content: "";
display: block;
position: absolute;
right: -20px;
top: -20px;
width: 40px;
height: 40px;
transform: rotate(45deg);
background-color: #0a90eb;
}
.as-file-input-box-checked .mdi {
display: inline-block;
position: absolute;
right: 0;
top: 0;
font-size: 14px;
color: white;
}
/*** module: node_modules/absol-acomp/css/countdowntext.css ***/
.as-countdown-text {
}
/*** module: node_modules/absol-acomp/css/selecttreeleafmenu.css ***/
.as-select-tree-leaf-item:not(.as-is-leaf) > .absol-exp-node > .absol-exp-node-name,
.as-select-tree-leaf-item:not(.as-is-leaf) > .absol-exp-node > .absol-exp-node-ext-icon,
.as-select-tree-leaf-item.as-no-select > .absol-exp-node > .absol-exp-node-name,
.as-select-tree-leaf-item.as-no-select > .absol-exp-node > .absol-exp-node-ext-icon
{
color: #888;
}
.as-select-tree-leaf-item:not(.as-is-leaf) > .absol-exp-node > .absol-exp-node-desc {
color: rgb(169, 169, 172)
}
.as-select-tree-leaf-item > .absol-exp-node:hover,
.as-select-tree-leaf-item > .absol-exp-node:focus,
.as-select-tree-leaf-item > .absol-exp-node:active {
background-color: transparent;
}
.as-select-tree-leaf-item.as-is-leaf:not(.as-no-select) > .absol-exp-node:hover {
background-color: #efefef;
}
.as-select-tree-leaf-item.as-selected > .absol-exp-node {
background-color: #dfdfdf;
}
.am-select-tree-menu.absol-selectmenu {
width: auto;
}
.am-select-tree-menu .absol-selectmenu-holder-item {
position: relative;
left: unset;
right: unset;
top: unset;
bottom: unset;
height: 100%;
max-width: 100%;
}
.am-select-tree-menu .absol-selectlist-item-text {
max-width: calc(100vw - 200px);/**TODO: find better solution*/
text-overflow: ellipsis;
overflow: hidden;
}
/*** module: node_modules/absol-acomp/css/selecttreeeleafbox.css ***/
.am-select-tree-leaf-box {
min-width: 10em;
}
.am-select-tree-leaf-box-body {
overflow-y: auto;
max-height: calc(80vh - 2em);
}
.am-select-tree-leaf-box.as-enable-search .am-select-tree-leaf-box-body {
max-height: calc(80vh - 4em - 10px);
}
.am-select-tree-leaf-item {
display: block;
white-space: nowrap;
position: relative;
width: 100%;
overflow: hidden;
--level: 0;
--icon-width: 0px;
}
.am-select-tree-leaf-item:active {
background-color: #efefef;
}
.am-select-tree-leaf-item.as-selected {
background-color: #dfdfdf;
}
.am-select-tree-leaf-item.as-has-icon {
--icon-width: 2.7em;
}
.am-select-tree-leaf-item-toggle-ctn,
.am-select-tree-leaf-item-icon-ctn,
.am-select-tree-leaf-item-checkbox-ctn {
position: absolute;
white-space: nowrap;
top: 0;
bottom: 0;
}
.am-select-tree-leaf-item-toggle-ctn {
left: calc(2em * var(--level) + 0.2em);
width: 1.5em;
text-align: center;
}
.am-select-tree-leaf-item-toggle-ctn > svg {
width: 0.7em;
height: 0.7em;
}
.am-select-tree-leaf-item-icon-ctn {
left: calc(2em * var(--level) + 1.7em);
}
.am-select-tree-leaf-item-icon-ctn > svg {
display: inline-block;
vertical-align: middle;
}
.am-select-tree-leaf-item-icon-ctn {
}
.am-select-tree-leaf-item.as-status-open svg .toggle-close,
.am-select-tree-leaf-item.as-status-close svg .toggle-open,
.am-select-tree-leaf-item:not(.as-status-close):not(.as-status-open) .am-select-tree-leaf-item-toggle-ctn {
display: none;
}
.am-select-tree-leaf-item-icon-ctn::before,
.am-select-tree-leaf-item-toggle-ctn::before,
.am-select-tree-leaf-item-checkbox-ctn::before {
content: "";
height: 100%;
vertical-align: middle;
display: inline-block;
}
.am-select-tree-leaf-item-icon-ctn:empty {
display: none;
}
.am-select-tree-leaf-item-icon-ctn > span {
font-size: 1.8em;
display: inline-block;
vertical-align: middle;
}
.am-select-tree-leaf-item-icon-ctn img,
.am-select-tree-leaf-item-icon-ctn svg {
width: 1.8em;
height: 1.8em;
display: inline-block;
}
.am-select-tree-leaf-item-text {
width: var(--text-width);
box-sizing: border-box;
padding: 0.3em 0.5em 0.3em calc(1.2em + 2em * var(--level) + var(--icon-width));
display: inline-block;
vertical-align: middle;
line-height: 1.5;
white-space: normal;
}
.am-select-tree-leaf-item-desc {
display: none;
vertical-align: middle;
}
/*** module: node_modules/absol-acomp/css/dropdownbox.css ***/
/**********************************************************************************************************************/
div.as-dropdown-box-common-style {
-webkit-box-shadow: 2px 2px 6px 0px rgba(0, 0, 90, 0.55);
-moz-box-shadow: 2px 2px 6px 0px rgba(0, 0, 90, 0.55);
box-shadow: 2px 2px 6px 0px rgba(0, 0, 90, 0.55);
border: solid 1px rgb(100, 100, 255);
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
background-color: white;
}
.as-dropdown-box-footer {
height: calc(2em + 1px);
border-top: 1px solid #dddddd;
box-sizing: border-box;
padding-left: 0.35em;
white-space: nowrap;
position: relative;
}
.as-dropdown-box-footer > *,
.as-dropdown-box-footer::before,
.as-dropdown-box-footer-right::before,
.as-dropdown-box-footer-right > * {
display: inline-block;
vertical-align: middle;
}
.as-dropdown-box-footer-right::before,
.as-dropdown-box-footer::before {
content: "";
height: 100%;
}
.as-dropdown-box-footer > *:not(:last-child) {
margin-right: 6.5em;
}
.as-dropdown-box-footer .absol-checkbox-label.as-right {
padding-left: 0.35em;
}
.as-dropdown-box-footer-right {
position: absolute;
right: 10px;
top: 0;
height: 100%;
}
.as-dropdown-box-footer a {
cursor: pointer;
margin-left: 30px;
}
.as-dropdown-box-footer a:hover {
color: #1da1ff;
}
.as-dropdown-box-footer a.as-select-list-box-cancel-btn {
color: #888888;
}
.as-dropdown-box-footer a.as-select-list-box-close-btn {
padding: 0 10px;
}
.as-dropdown-box-footer a.as-select-list-box-cancel-btn:hover {
color: #ea2121;
}
/********** MOBILE ***************/
.am-modal.am-dropdown-box-modal{
z-index: 100001000;
}
.am-dropdown-box {
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
max-width: 95vw;
}
.am-dropdown-box.as-enable-search .absol-search-text-input,
.am-dropdown-box-modal.as-enable-search .absol-search-text-input
{
visibility: visible;
}
.am-dropdown-box-header {
height: calc(2em + 10px);
display: block;
white-space: nowrap;
box-sizing: border-box;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
border-bottom: solid 1px #dddddd;
}
.am-dropdown-box-header .absol-search-text-input {
display: inline-block;
width: calc(100% - 2em - 18px);
vertical-align: middle;
box-sizing: border-box;
background-color: white;
visibility: hidden;
}
.am-dropdown-box-close-btn {
display: inline-block;
vertical-align: middle;
border-radius: 50%;
padding: 0;
height: 2em;
width: 2em;
font-size: inherit;
border: none;
outline: none;
margin-left: 10px;
background-color: rgb(255, 255, 255);
color: #7a7a7a;
white-space: nowrap;
}
.am-dropdown-box-close-btn span {
font-size: 1.5em;
}
.am-dropdown-box-close-btn:active {
background-color: rgba(169, 169, 172, 0.3);
}
.am-dropdown-box-item {
border-bottom: 1px solid #efefef;
}
/*** module: node_modules/absol-acomp/css/filelistinput.css ***/
.as-file-list-input {
padding: 5px;
border: 1px solid #dddddd;
box-sizing: border-box;
overflow: auto;
--item-width: 100%;
--item-require-width: 300px;
position: relative;
min-height: 42px;
}
.as-file-list-input.as-border-none {
border: none;
padding: 0;
}
.as-file-list-input.as-disabled {
background-color: var(--as-disabled-background-color);
}
.as-file-list-input.as-disabled > * {
opacity: 0.5;
pointer-events: none;
}
.as-file-list-input-upload-overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
text-align: center;
white-space: nowrap;
pointer-events: none;
background-color: rgba(30, 30, 80, 0.3);
color: #b0fffb;
}
.as-file-list-input-upload-overlay::before {
display: inline-block;
vertical-align: middle;
height: 100%;
content: "";
}
.as-file-list-input-upload-overlay > span {
font-size: 30px;
display: inline-block;
vertical-align: middle;
}
.as-file-list-input:not(.as-drag-over) .as-file-list-input-upload-overlay,
.as-file-list-input:not(.as-droppable) .as-file-list-input-upload-overlay,
.as-file-list-input:not(.as-droppable) .as-file-list-drag-file-text,
.as-file-list-input.as-read-only .as-file-list-input-upload-overlay {
display: none;
}
/*span.mdi.mdi-upload*/
.as-file-list-input .as-file-input-box {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.as-file-list-input.as-read-only .as-file-list-input-add {
display: none;
}
.as-file-list-input-add {
border: none;
width: 3.5em;
border-radius: 5px;
background-color: rgba(235, 235, 235, 0.2);
height: calc(2em + 2px);
padding-bottom: 10px;
box-sizing: border-box;
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: middle;
margin-right: 5px;
font-size: inherit;
}
.as-file-list-input-add:hover {
background-color: rgb(235, 235, 235);
}
.as-file-list-input-add:active {
background-color: rgb(212, 212, 212);
}
.as-file-list-input-add input {
opacity: 0;
visibility: hidden;
}
.as-file-list-input-add-icon-ctn {
font-size: 1.5em;
text-align: center;
color: rgb(100, 100, 250);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
white-space: nowrap;
pointer-events: none;
}
.as-file-list-input-add-icon-ctn span {
display: inline-block;
vertical-align: middle;
}
.as-file-list-input-add-icon-ctn::before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.as-file-list-input.as-drag-over.as-droppable .as-file-list-input-add,
.as-file-list-input.as-drag-over .as-file-list-drag-file-text {
visibility: hidden;
}
.as-file-list-item {
position: relative;
height: calc(2em + 2px);
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
width: calc(var(--item-width) - 5px);
padding-left: 2.3em;
white-space: nowrap;
box-sizing: border-box;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
padding-right: calc(2.3em + 5px);
}
.as-file-list-item .as-file-list-item-check {
display: none;
position: absolute;
left: 0.1em;
top:calc(50% - 1px - 0.5em);
}
.as-file-list-input.as-show-check .as-file-list-item .as-file-list-item-check {
display: block;
}
.as-file-list-input.as-show-check .as-file-list-item
{
padding-left: 3.5em ;
}
.as-file-list-input.as-show-check .as-file-list-item .as-file-list-item-icon{
left: 1.2em;
}
.as-file-list-item-icon {
position: absolute;
left: 0;
top: calc(50% - 1em - 1px);
bottom: 0;
width: calc(2em + 2px);
height: calc(2em + 2px);
}
.as-file-list-item-name {
color: rgb(89, 89, 95);
display: inline-block;
overflow-x: hidden;
vertical-align: middle;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: bold;
}
.as-file-list-item::before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.as-file-list-input .as-file-list-item {
display: inline-block;
vertical-align: middle;
margin-bottom: 5px;
margin-right: 5px;
}
.as-file-list-input:not(.as-empty) .as-file-list-drag-file-text,
.as-file-list-input.as-read-only .as-file-list-drag-file-text {
display: none;
}
.as-file-list-item:hover {
background-color: rgba(169, 169, 172, 0.1);
}
.as-file-list-input .as-file-list-item:hover .as-file-list-item-quick-btn {
visibility: visible;
}
.as-file-list-item-quick-btn {
position: absolute;
border: none;
background-color: transparent;
outline: none;
border-radius: 3px;
height: 2em;
width: 2em;
font-size: inherit;
padding: 0;
right: 5px;
top: calc(50% - 1em);
visibility: hidden;
}
.as-file-list-item-quick-btn.as-quick-menu-attached {
display: block;
}
.as-file-list-item-quick-btn > span {
font-size: 1.2em;
}
.as-file-list-item-quick-btn.as-active {
background-color: rgba(20, 185, 235, 0.3);
}
.as-file-list-item-quick-btn:hover {
background-color: #91e4fb77;
}
.as-file-list-item-quick-btn:active {
background-color: #91e4fb;
}
/*** module: node_modules/absol-acomp/css/dateinyearinput.css ***/
.as-date-in-year-follower {
z-index: 900000000;
}
.as-date-in-year-picker {
font-size: 1rem;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
/*width: 20em;*/
box-sizing: border-box;
border: 1px solid #dddddd;
display: inline-block;
padding: calc(10em / 14) calc(5rem / 14);
box-shadow: 1px 1px 2px rgb(240, 240, 240);
background-color: white;
}
.as-date-in-year-picker-table {
display: table;
}
.as-date-in-year-picker-row {
display: table-row;
}
.as-date-in-year-picker-row:first-child {
text-align: center;
line-height: 1.5;
}
.as-date-in-year-picker-cell {
display: table-cell;
}
.as-date-in-year-picker-cell:first-child {
padding-right: 10px;
}
.as-date-in-year-picker-month-col {
position: relative;
padding-top: calc(25em / 14);
padding-bottom: calc(25em / 14);
display: inline-block;
vertical-align: middle;
}
.as-date-in-year-picker-month-viewport {
width: calc(50em / 14);
overflow: hidden;
}
.as-date-in-year-picker-month-scroller {
width: calc(100% + 17px);
height: 8em;
overflow-y: scroll;
box-sizing: border-box;
}
button.as-date-in-year-picker-month {
font-size: inherit;
height: 2em;
width: calc(50em / 14);
padding: 0;
border: none;
background-color: transparent;
}
button.as-date-in-year-picker-month:hover {
background-color: rgb(224, 245, 256);
}
button.as-date-in-year-picker-month.as-selected {
background-color: rgb(188, 205, 236);
border-radius: 3px;
}
button.as-date-in-year-picker-month > span {
font-size: calc(16rem / 14);
}
.as-chrome-time-picker-scroller-up:hover,
.as-chrome-time-picker-scroller-down:hover {
background-color: rgba(169, 169, 169, 0.2);
}
.as-date-in-year-picker-month-btn {
position: absolute;
left: 0;
font-size: inherit;
height: calc(20em / 14);
width: calc(50em / 14);
padding: 0;
border: none;
background-color: transparent;
box-sizing: border-box;
border-radius: 3px;
}
.as-date-in-year-picker-month-btn.as-up {
top: 0;
}
.as-date-in-year-picker-month-btn.as-down {
bottom: 0;
}
.as-date-in-year-picker-month-btn:hover {
background-color: rgba(169, 169, 169, 0.2);
}
.as-date-in-year-picker-month-btn > span {
font-size: 1.5em;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
.as-date-in-year-picker-days {
display: inline-table;
vertical-align: middle;
border: solid 1px rgb(190, 190, 190);
}
.as-date-in-year-picker-week {
display: table-row;
}
.as-date-in-year-picker-day {
display: table-cell;
text-align: right;
padding: calc(5em / 14);
line-height: calc(20em / 14);
font-size: inherit;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
.as-date-in-year-picker-day:hover {
background-color: rgb(224, 245, 256);
cursor: default;
}
.as-date-in-year-picker-day.as-selected {
background-color: rgb(188, 205, 236);
}
.as-date-time-input.as-date-in-year-input {
width: calc(8em + 2px);
}
.as-date-in-year-input.as-must-not-null .as-time-input-clear-btn,
.as-date-in-year-input.as-empty .as-time-input-clear-btn {
display: none;
}
.as-date-in-year-follower {
z-index: 1000000;
}
/*** module: node_modules/absol-acomp/css/dualselectmenu.css ***/
.as-dual-select-box {
-webkit-box-shadow: 2px 2px 6px 0px rgba(0, 0, 90, 0.55);
-moz-box-shadow: 2px 2px 6px 0px rgba(0, 0, 90, 0.55);
box-shadow: 2px 2px 6px 0px rgba(0, 0, 90, 0.55);
--max-height: 70vh;
box-sizing: border-box;
--dual-list-estimate-width: 0;
width: var(--dual-list-estimate-width);
z-index: 10000000;
background-color: white;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 1rem;
}
.as-dual-select-box-search-ctn {
padding: 5px;
position: absolute;
left: 0;
right: 0;
}
.as-dual-select-box.as-enable-search.as-anchor-6 .as-dual-select-box-search-ctn,
.as-dual-select-box.as-enable-search.as-anchor-5 .as-dual-select-box-search-ctn {
bottom: 0;
}
.as-dual-select-box.as-enable-search.as-anchor-6,
.as-dual-select-box.as-enable-search.as-anchor-5 {
padding-bottom: calc(2rem + 10px);
}
.as-dual-select-box.as-enable-search.as-anchor-1,
.as-dual-select-box.as-enable-search.as-anchor-2 {
padding-top: calc(2rem + 10px);
}
.as-dual-select-box.as-enable-search.as-anchor-1 .as-dual-select-box-search-ctn,
.as-dual-select-box.as-enable-search.as-anchor-2 .as-dual-select-box-search-ctn {
top: 0;
}
.as-dual-select-box-list-ctn {
white-space: nowrap;
display: flex;
align-items: stretch;
}
.as-dual-select-box:not(.as-enable-search) .as-dual-select-box-search-ctn {
display: none;
}
.as-dual-select-box-list {
display: inline-block;
vertical-align: top;
max-height: calc(var(--max-height) - 2em - 2em - 11px);
overflow-y: auto;
box-sizing: border-box;
}
.as-dual-select-box.as-enable-search .as-dual-select-box-list {
max-height: calc(var(--max-height) - 6rem - 11px);
}
.as-dual-select-box-arrow-ctn {
display: inline-block;
vertical-align: top;
}
.as-dual-select-box-arrow-ctn::before,
.as-dual-select-box-arrow-ctn span {
display: inline-block;
vertical-align: middle;
}
.as-dual-select-box-arrow-ctn::before {
content: "";
height: 100%;
}
.as-dual-select-box-list:first-child {
border-right: solid 1px #dddddd;
}
.as-dual-select-box-list:last-child {
border-left: solid 1px #dddddd;
flex-grow: 1;
}
.as-dual-select-menu.absol-selectmenu {
min-width: calc(var(--dual-list-estimate-text-width) + 5.5em);
--dual-list-estimate-text-width: 20px;
}
.am-dual-select-menu .absol-selectmenu-holder-item{
position: relative;
height: 100%;
top: unset;
bottom: unset;
}
.am-dual-select-menu{
width: auto;
}
/*** module: node_modules/absol-acomp/css/toclist.css ***/
.as-toc-list {
}
.as-toc-list.as-searching .as-toc-list-body,
.as-toc-list:not(.as-searching) .as-toc-list-searching {
display: none;
}
.as-toc-item {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
display: flex;
height: 30px;
align-items: stretch;
--level: 0;
}
.as-toc-item:not(.as-status-close) .as-toc-item-toggle-ico-ctn .toggle-close,
.as-toc-item:not(.as-status-open) .as-toc-item-toggle-ico-ctn .toggle-open {
display: none;
}
.as-toc-item.as-status-none .as-toc-item-toggle-ico-ctn {
visibility: hidden;
}
.as-toc-item.as-active {
background-color: var(--as-transparent-button-active-color);
}
.as-toc-item:hover {
background-color: var(--as-transparent-button-hover-color);
}
.as-toc-item > div {
white-space: nowrap;
width: 30px;
}
.as-toc-item > div::before,
.as-toc-item > div > * {
display: inline-block;
vertical-align: middle;
}
.as-toc-item > div::before {
content: "";
height: 100%;
}
.as-toc-item-name-ctn {
flex-grow: 1;
}
.as-toc-item-name {
user-select: none;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
div.as-toc-item-toggle-ico-ctn {
padding-left: calc(20px * var(--level));
box-sizing: content-box !important;
}
.as-toc-item-toggle-ico-ctn .toggler-ico {
width: 0.7em;
height: 0.7em;
}
.as-toc-item-toggle-ico-ctn .toggler-ico path {
fill: rgb(104, 104, 104);
}
.as-toc-item-ext-icon-ctn:empty {
display: none;
}
.as-toc-item-ext-icon-ctn > img,
.as-toc-item-ext-icon-ctn > svg {
width: 20px;
height: 20px;
}
.as-toc-item-ext-icon-ctn > span {
font-size: 20px;
}
.as-toc-item-toggle-ico-ctn,
.as-toc-item-check-ctn,
.as-toc-item-quick-menu-ctn,
.as-toc-item-ext-icon-ctn {
text-align: center;
width: 30px;
}
.as-toc-item-quick-menu-ctn span {
font-size: 20px;
}
.as-toc-item-quick-menu-ctn button {
border: none;
background-color: transparent;
padding: 0;
width: 24px;
height: 24px;
}
.as-toc-item-quick-menu-ctn button.as-quick-menu-attached {
background-color: var(--as-transparent-button-active-color);
}
.as-toc-item-quick-menu-ctn button:hover {
background-color: var(--icon-background-cover-hover);
}
.as-toc-item:not(.as-has-quick-menu) .as-toc-item-quick-menu-ctn {
visibility: hidden;
pointer-events: none;
opacity: 0;
}
.as-toc-item-name-ctn input {
font: inherit;
border: none;
/*background-color: transparent;*/
width: 8px;
padding-left: 2px;
padding-right: 2px;
margin-left: -2px;
margin-right: -2px;
outline: none;
box-sizing: content-box;
background-color: #5bc0de;
max-width: 100%;
}
.as-toc-item:not(.as-renaming) .as-toc-item-name-ctn input,
.as-toc-item.as-renaming .as-toc-item-name {
display: none;
}
/*** module: node_modules/absol-acomp/css/ckplaceholder.css ***/
.cke_panel {
z-index: 1000000000 !important;
}
span.cke_button_icon.cke_button__as-variable-box-ico_icon {
background-size: cover;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB2aWV3Qm94PSIwIDAgMjQgMjQiPgogICAgPHBhdGggZmlsbD0iIzAwMDBmZiIgZD0iTTE5IDNINUMzLjkgMyAzIDMuOSAzIDVWMTlDMyAyMC4xIDMuOSAyMSA1IDIxSDE5QzIwLjEgMjEgMjEgMjAuMSAyMSAxOVY1QzIxIDMuOSAyMC4xIDMgMTkgM003LjQgMThDNS45IDE2LjUgNSAxNC4zIDUgMTJTNS45IDcuNSA3LjQgNkw5IDYuN0M3LjcgNy45IDcgOS45IDcgMTJTNy43IDE2LjEgOSAxNy4zTDcuNCAxOE0xMi43IDE1TDExLjkgMTNMMTAuNSAxNUg5TDExLjMgMTEuOUwxMCA5SDExLjNMMTIuMSAxMUwxMy41IDlIMTVMMTIuOCAxMkwxNC4xIDE1SDEyLjdNMTYuNiAxOEwxNSAxNy4zQzE2LjMgMTYgMTcgMTQuMSAxNyAxMlMxNi4zIDcuOSAxNSA2LjdMMTYuNiA2QzE4LjEgNy41IDE5IDkuNyAxOSAxMlMxOC4xIDE2LjUgMTYuNiAxOFoiIC8+Cjwvc3ZnPg==");
}
span.cke_button_icon.cke_button__as-expression-box-ico_icon {
background-size: cover;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgIDxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik01LDNIN1Y1SDVWMTBBMiwyIDAgMCwxIDMsMTJBMiwyIDAgMCwxIDUsMTRWMTlIN1YyMUg1QzMuOTMsMjAuNzMgMywyMC4xIDMsMTlWMTVBMiwyIDAgMCwwIDEsMTNIMFYxMUgxQTIsMiAwIDAsMCAzLDlWNUEyLDIgMCAwLDEgNSwzTTE5LDNBMiwyIDAgMCwxIDIxLDVWOUEyLDIgMCAwLDAgMjMsMTFIMjRWMTNIMjNBMiwyIDAgMCwwIDIxLDE1VjE5QTIsMiAwIDAsMSAxOSwyMUgxN1YxOUgxOVYxNEEyLDIgMCAwLDEgMjEsMTJBMiwyIDAgMCwxIDE5LDEwVjVIMTdWM0gxOU0xMiwxNUExLDEgMCAwLDEgMTMsMTZBMSwxIDAgMCwxIDEyLDE3QTEsMSAwIDAsMSAxMSwxNkExLDEgMCAwLDEgMTIsMTVNOCwxNUExLDEgMCAwLDEgOSwxNkExLDEgMCAwLDEgOCwxN0ExLDEgMCAwLDEgNywxNkExLDEgMCAwLDEgOCwxNU0xNiwxNUExLDEgMCAwLDEgMTcsMTZBMSwxIDAgMCwxIDE2LDE3QTEsMSAwIDAsMSAxNSwxNkExLDEgMCAwLDEgMTYsMTVaIiAvPgo8L3N2Zz4=");
}
span.cke_button_icon.cke_button__insert_video_icon {
background-size: cover;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgIDxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik0xOSwxOUg1VjVIMTlNMTksM0g1QTIsMiAwIDAsMCAzLDVWMTlBMiwyIDAgMCwwIDUsMjFIMTlBMiwyIDAgMCwwIDIxLDE5VjVDMjEsMy44OSAyMC4xLDMgMTksM00xMCw4VjE2TDE1LDEyTDEwLDhaIiAvPgo8L3N2Zz4=");
}
div.as-ck-inline-short-text {
border: 1px solid #dddddd;
height: 30px;
line-height: 28px;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
padding-left: var(--as-input-horizontal-padding);
padding-right: var(--as-input-horizontal-padding);
outline: none;
overflow: hidden;
white-space: nowrap;
}
.as-ck-inline-short-text p {
padding: 0;
margin: 0;
}
.as-ck-inline-short-text p::after {
content: "";
}
.as-ck-inline-short-text .cke_reset.cke_widget_drag_handler_container {
visibility: hidden;
opacity: 0;
display: none;
}
.cke.cke_browser_webkit {
z-index: 2000000 !important;
}
.cke.cke_browser_webkit.as-hidden {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.cke.as-has-sticky-toolbar {
border-top: none;
}
.cke.as-has-sticky-toolbar > .cke_inner > .cke_top {
border-top: 1px solid #d1d1d1;
z-index: 100;
}
/*** module: node_modules/absol-acomp/css/videourldialog.css ***/
.as-video-url-dialog-url {
max-width: calc(100vw - 8em - 40px);
width: 500px;
min-height: 30px;
box-sizing: border-box;
}
.as-video-url-dialog input[type="number"] {
width: 5em;
}
.as-video-url-dialog-row> label {
display: inline-block;
vertical-align: middle;
width: 6em;
}
.as-video-url-dialog-row {
padding-bottom: 10px;
white-space: pre;
}
.as-video-url-dialog-row > * {
display: inline-block;
vertical-align: middle;
}
.as-video-url-dialog-video-image{
max-width: 200px;
max-height: 200px;
}
/*** module: node_modules/absol-acomp/css/verticaltimeline.css ***/
:root {
--as-vertical-timeline-item-height: 40px;
}
.as-vertical-timeline {
display: inline-block;
color: white;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
padding: 5px;
}
.as-vertical-timeline-item {
height: var(--as-vertical-timeline-item-height);
white-space: nowrap;
}
.as-vertical-timeline-item.as-inactive {
color: rgba(200, 200, 200, 0.5);
}
.as-vertical-timeline-item.as-active .as-vertical-timeline-tile {
text-shadow: 1px 0 0 currentColor;
}
.as-vertical-timeline-item:not(:first-child) .as-vertical-timeline-icon-ctn::before {
content: "";
display: inline-block;
height: calc(var(--as-vertical-timeline-item-height) - 30px);
border-left: 2px solid currentColor;
position: absolute;
left: calc(50% - 1px);
bottom: calc(100% + 2px);
}
.as-vertical-timeline-icon-ctn {
display: inline-block;
margin-right: 20px;
position: relative;
vertical-align: middle;
}
.as-vertical-timeline-icon-ctn span {
font-size: 24px;
}
.as-vertical-timeline-tile {
display: inline-block;
vertical-align: middle;
}
/*//check-circle*/
/*** module: node_modules/absol-acomp/css/locationinput.css ***/
.as-location-input-modal {
z-index: 800001;
}
.as-location-picker-control-ctn {
margin: 10px;
background-color: white;
box-shadow: rgb(0 0 0 / 30%) 0px 1px 4px -1px;
border-radius: 2px;
}
.as-location-picker-control-btn {
width: 40px;
height: 40px;
padding: 0;
box-sizing: border-box;
background-color: transparent;
border: none;
color: rgb(102, 102, 102);
}
.as-location-picker-control-btn:hover {
color: black;
}
.gm-ui-hover-effect {
outline: none;
}
.as-location-picker-control-btn > span {
font-size: 2em;
}
.as-location-picker-search-input {
height: 30px;
width: 250px;
border-radius: 2px;
padding-right: 30px;
position: relative;
}
.as-location-picker-search-input > input {
outline: none;
}
.as-location-picker-search-input-search-icon-ctn {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 30px;
text-align: center;
font-size: 20px;
color: rgb(102, 102, 102);
}
.as-location-picker-search-input-search-icon-ctn:hover {
color: black;
}
.as-location-picker-search-input-search-icon-ctn::before,
.as-location-picker-search-input-search-icon-ctn > span {
display: inline-block;
vertical-align: middle;
}
.as-location-picker-search-input-search-icon-ctn::before {
content: "";
height: 100%;
}
.as-location-picker-control-ctn .as-flexicon-button {
font-size: 14px;
min-width: 9em;
height: calc(2em + 2px);
}
.as-location-picker-control-ctn .as-flexicon-button:not(:last-child) {
margin-right: 20px;
}
.as-location-picker-control-ctn.as-transparent {
background-color: transparent;
box-shadow: none;
}
.as-location-picker.as-read-only .as-location-picker-cancel-btn,
.as-location-picker.as-read-only .as-location-picker-search-input {
display: none;
}
.as-location-picker-control-ctn.as-bottom button{
box-shadow: 0 0px 2px 4px white;
-webkit-box-shadow: 0 0 2px 4px white;
-moz-box-shadow: 0 0 2px 4px white;
}
.as-location-input-modal {
}
.as-location-input-modal-window {
padding: 10px;
width: calc(100vw - 10px);
height: calc(100vh - 10px);
box-sizing: border-box;
max-width: 900px;
max-height: 600px;
box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.7);
border-radius: 5px;
background-color: white;
}
.as-location-input-modal-window > .as-location-picker {
width: 100%;
height: 100%;
}
.as-location-input {
height: var(--as-input-height);
border-radius: var(--as-input-border-radius);
border: 1px solid #dddddd;
box-sizing: border-box;
width: calc(13em + 50px);
display: inline-block;
vertical-align: middle;
position: relative;
background-color: white;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.as-location-input.as-disabled {
background-color: var(--as-disabled-background-color);
pointer-events: none;
}
.as-location-input-text {
outline: none;
width: calc(100% - 2em - 1px);
height: 100%;
border: none;
background-color: transparent;
display: block;
padding: 0 0 0 var(--as-input-horizontal-padding);
font: inherit;
box-sizing: border-box;
}
.as-location-input-icon-ctn {
border-left: 1px solid #ddd;
border-right: none;
border-top: none;
border-bottom: none;
text-align: center;
position: absolute;
right: 0;
width: calc(2rem + 1px);
box-sizing: border-box;
top: 0;
height: 100%;
background-color: rgba(169, 169, 169, 0.1);
cursor: pointer;
font-size: inherit;
}
.as-location-input-icon-ctn:hover {
background-color: rgba(169, 169, 169, 0.25);
}
.as-location-input-icon-ctn:active {
background-color: rgba(169, 169, 169, 0.5);
}
.as-location-input-icon-ctn > span {
line-height: 2em;
font-size: calc(16em / 14);
}
.as-location-input.as-disabled {
color: var(--as-disabled-text-color);
pointer-events: none;
}
.as-location-input.as-disabled input {
background-color: var(--as-disabled-background-color);
}
.as-location-input.as-value-null .as-location-input-clear-btn,
.as-location-input.as-must-not-null .as-location-input-clear-btn {
display: none;
}
.as-location-input-clear-btn {
font-size: inherit;
position: absolute;
right: calc(2em + 2px);
height: calc(2em + 2px);
top: calc(50% - -1em - 1px);
box-sizing: border-box;
background-color: transparent;
border: none;
color: #bbb;
visibility: hidden;
}
.as-location-input-clear-btn:hover {
color: rgb(132, 132, 132)
}
.as-location-input-clear-btn:active {
color: #525555;
}
.as-location-input-text:focus + .as-location-input-clear-btn,
.as-location-input:hover .as-location-input-clear-btn {
visibility: visible;
}
@media screen and (max-width: 600px) {
.as-location-input-modal-window {
max-width: unset;
max-height: unset;
}
}
@media screen and (max-width: 500px) {
.as-location-picker-control-ctn.as-top {
margin-top: 60px;
width: calc(100% - 20px);
}
.as-location-picker-control-ctn.as-top .as-location-picker-search-input {
width: 100%;
}
.as-location-input-modal-window {
padding: 0;
}
.as-location-picker-control-ctn.as-bottom button{
margin-top: 20px;
}
}
.as-location-input-modal.as-mobile .as-location-input-modal-window {
height: calc(100vh - 80px);
}
/*** module: node_modules/absol-acomp/css/placesearchautocomplete.css ***/
.absol-autocomplete-input-item.as-place-search-auto-complete-item:not(:last-child) {
border-bottom: 1px solid #dddddd;
}
.absol-autocomplete-input-item.as-place-search-auto-complete-item {
padding: 3px 5px;
height: auto;
}
/*** module: node_modules/absol-acomp/css/mknavigator.css ***/
:root {
--control-horizontal-distance-2: 10px;
}
.mk-nav {
position: relative;
--mk-nav-line-top: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
--mk-navigator-bound-left: 0;
padding-right: 4px;
box-sizing: border-box;
--max-text-width: 10px;
min-width: calc(var(--max-text-width) + 96px);
}
.mk-nav::after {
content: "";
position: absolute;
transition: top 0.2s;
top: var(--mk-nav-line-top);
height: calc(2em + 12px);
border-right: 4px solid rgb(20, 100, 246);
right: 0px;
}
.mk-nav.mk-has-draggable .mk-nav-item {
padding-left: calc(2em + 2px);
}
.mk-nav-item {
height: calc(2em + 12px);
padding-left: var(--control-horizontal-distance-2);
padding-right: 20px;
min-width: 100px;
cursor: pointer;
white-space: nowrap;
position: relative;
overflow: visible;
display: flex;
align-items: center;
background-color: white;
}
.mk-nav-item.as-board-moving {
transform: none;
left: var(--mk-navigator-bound-left) !important;
background-color: rgb(169, 169, 172, 0.3);
}
.mk-nav-item:hover {
background-color: rgb(169, 169, 172, 0.3);
}
.mk-nav-item.as-hidden{
display: none;
}
.mk-nav-item-text-ctn {
flex-grow: 1;
padding-right: var(--control-horizontal-distance-2);
padding-left: var(--control-horizontal-distance-2)
}
.mk-nav-item-switch-ctn {
}
/*
.mk-nav-item::after {
content: "";
border: 1px solid #ddd;
z-index: 2;
pointer-events: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: -1px;
}
.mk-nav-item:hover::after,
.mk-nav-item.mk-current::after{
border-color: rgb(20, 100, 246);
z-index: 3;
}
*/
.mk-nav-item.mk-current {
color: rgb(20, 100, 246);
text-shadow: 1px 0 0 currentColor;
}
.mk-nav-item-drag-zone {
position: absolute;
z-index: 1;
left: 0;
top: 0;
bottom: 0;
width: 30px;
font-size: inherit;
}
.mk-nav-item-drag-zone i {
font-size: 1.7em;
}
.mk-nav-item-drag-zone::before {
content: "";
height: 100%;
}
.mk-nav-item-drag-zone::before,
.mk-nav-item-drag-zone i {
display: inline-block;
vertical-align: middle;
}
/*** module: node_modules/absol-acomp/css/processlbar.css ***/
:root {
--as-process-l-bar-active-color: rgb(255, 160, 0);
--as-process-l-bar-item-width: 60px;
}
.as-process-l-bar {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
display: inline-block;
vertical-align: top;
position: relative;
--as-process-l-bar-item-min-width: 0;
}
.as-process-l-bar-step-ctn {
white-space: nowrap;
}
.as-process-l-bar-col:not(:last-child) {
margin-right: 10px;
}
.as-process-l-bar-col {
vertical-align: top;
display: inline-block;
}
.as-process-l-bar-step {
width: var(--as-process-l-bar-item-width);
min-width: var(--as-process-l-bar-item-min-width);
height: 15px;
background-color: #ebebeb;
border: solid 1px #bfbfbf;
transition: background-color 0.2s;
position: relative;
}
.as-process-l-bar-step.as-active {
background-color: var(--as-process-l-bar-active-color);
border-color: rgb(20, 100, 246);
}
.as-process-l-bar-step.as-active::after {
content: "";
position: absolute;
left: 0;
right: 0;
top: calc(100% + 3px);
border-top: 2px solid rgb(20, 100, 246);
}
.as-process-l-bar-step::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.as-process-l-bar.as-disabled .as-process-l-bar-step::before{
display: none;
}
.as-process-l-bar-step:hover::before {
background-color: rgba(169, 169, 172, 0.3);
}
.as-process-l-bar-step.as-active,
.as-process-l-bar-step:hover {
background-color: var(--as-process-l-bar-active-color);
}
.as-process-l-bar-col .as-process-l-bar-step:not(:last-child) {
margin-bottom: 10px;
}
.as-process-l-bar-step-name {
position: absolute;
left: 0;
top: 24px;
font-weight: bold;
}
.as-process-l-bar.as-col-layout .as-process-l-bar-step-name {
position: relative;
left: initial;
top: unset;
}
.as-process-l-bar.as-single-line .as-process-l-bar-step-ctn {
white-space: normal;
}
.as-process-l-bar.as-single-line .as-process-l-bar-col {
margin-bottom: 10px;
}
.as-process-l-bar.as-single-line .as-process-l-bar-step-name {
position: relative;
display: block;
left: 0 !important;
top: 0!important;
}
/*** module: node_modules/absol-acomp/css/kvcommentitem.css ***/
.kv-comment-item {
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
position: relative;
padding: 0 calc(2em + 7px) 0 calc(2.85em + 20px);
cursor: pointer;
background-color: white;
}
.kv-comment-item:hover{
background-color: #f2f5fa;
}
.kv-comment-avatar-ctn {
position: absolute;
left: 10px;
top: 0;
bottom: 0;
}
.kv-comment-avatar-ctn::before,
.kv-comment-item-flag-ctn::before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.kv-comment-avatar {
width: 2.85em;
height: 2.85em;
background-size: cover;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
}
.kv-comment-item-content {
padding: 5px 10px;
border: 1px solid #d6d6d6;
border-radius: 7px;
line-height: 1.5;
}
.kv-comment-item-flag-ctn {
position: absolute;
right: 10px;
top: 0;
bottom: 0;
}
.kv-comment-item-flag-unread {
display: none;
vertical-align: middle;
width: 0.75em;
height: 0.75em;
background-color: blue;
border-radius: 50%;
}
.kv-comment-item.as-unread .kv-comment-item-flag-unread {
display: inline-block;
}
.kv-comment-item-time {
font-weight: bold;
}
/*** module: node_modules/absol-acomp/css/dynamictable.css ***/
:root {
--table-row-height: 40px;
}
.as-efficient-table-wrapper {
box-sizing: border-box;
position: relative;
overflow: hidden;
overflow-anchor: none !important;
scroll-snap-stop: normal !important;
overscroll-behavior: unset !important;
scroll-behavior: unset !important;
}
.as-efficient-table-wrapper > .as-dynamic-table {
position: relative;
table-layout: auto;
}
.as-efficient-table-wrapper.as-headless .as-dynamic-table {
table-layout: fixed;
}
.as-dynamic-table-wrapper {
--dt-content-height: 0px;
--dt-scroll-bar-width: 17px;
--dt-content-width: 0;
--dt-header-height: 0;
--dt-fixed-x-width: 0;
--dt-dragging-row-height: 0;
position: relative;
/*padding-right: 17px;*/
/*padding-bottom: 17px;*/
box-sizing: border-box;
height: calc(var(--dt-content-height) + 1px);
overflow: hidden;
}
.as-dynamic-table-wrapper.as-width-match-parent {
}
.as-dynamic-table-wrapper.as-table-layout-fixed table.as-dynamic-table {
table-layout: fixed;
}
td .as-dynamic-table-wrapper .as-dt-header-cell {
--as-force-min-width: 0;
}
.as-dynamic-table-wrapper .as-dt-header-cell.as-col-width-auto::before { /*table in table bug*/
content: "";
display: block;
width: var(--as-force-min-width);
}
.as-dynamic-table-wrapper.as-inline {
max-width: calc(var(--dt-content-width) + var(--dt-scroll-bar-width));
}
.as-dynamic-table-wrapper.as-overflow-x.as-has-fixed-col .as-dynamic-table-viewport::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
border-right: 2px solid #aaa;
left: calc(var(--dt-fixed-x-width) - 1px);
z-index: 20;
pointer-events: none;
}
.as-dynamic-table-wrapper.as-overflow-y .as-dynamic-table-viewport::after {
content: "";
position: absolute;
left: 0;
width: 100%;
max-width: var(--dt-content-width);
border-top: 2px solid #aaa;
top: calc(var(--dt-header-height) - 1px);
z-index: 20;
}
.as-dynamic-table-wrapper.as-has-fixed-col {
max-width: var(--dt-content-width);
}
.as-dynamic-table-wrapper.as-inline {
}
.as-dynamic-table-wrapper.as-overflow-x {
padding-bottom: var(--dt-scroll-bar-width);
}
.as-dynamic-table-wrapper.as-overflow-x {
height: calc(var(--dt-content-height) + var(--dt-scroll-bar-width));
}
.as-dynamic-table-wrapper.as-overflow-x .as-dynamic-table-hb,
.as-dynamic-table-wrapper.as-overflow-y .as-dynamic-table-vb {
display: block;
}
.as-dynamic-table-wrapper.as-overflow-y {
padding-right: var(--dt-scroll-bar-width);
}
.as-dynamic-table-wrapper.as-overflow-y.as-width-auto {
/*max-width: calc(var(--dt-content-width) + var(--dt-scroll-bar-width)); disable for resizer testing*/
}
.as-dynamic-table-wrapper.as-overflow-y.as-has-fixed-col,
.as-dynamic-table-wrapper.as-overflow-y:not(.as-width-match-parent) {
/*max-width: calc(var(--dt-content-width) + var(--dt-scroll-bar-width));*/
}
.as-dynamic-table-wrapper.as-adapt-infinity-grow.as-auto-height {
height: calc(var(--dt-content-height) + 1px) !important;
}
.as-dynamic-table-wrapper.as-adapt-infinity-grow {
max-height: unset !important;
}
.as-dynamic-table-viewport {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.as-dynamic-table.as-dt-fixed-y,
.as-dynamic-table.as-fixed-x {
table-layout: fixed;
width: auto;
/*display: inline-block;*/
}
.as-dynamic-table-fixed-x-ctn {
position: absolute;
left: 0;
top: 0;
z-index: 6;
display: none;
}
.as-dynamic-table-wrapper.as-has-fixed-col .as-dynamic-table-fixed-x-ctn {
display: block;
}
.as-dynamic-table-fixed-xy-ctn {
position: absolute;
left: 0;
top: 0;
z-index: 9;
}
.as-dynamic-table-fixed-y-ctn {
position: absolute;
top: 0;
left: 0;
z-index: 6;
}
.as-dynamic-table-wrapper.as-headless .as-dynamic-table-fixed-x-ctn,
.as-dynamic-table-wrapper.as-headless .as-dynamic-table-fixed-y-ctn,
.as-dynamic-table-wrapper.as-headless .as-dynamic-table-fixed-xy-ctn {
visibility: hidden;
}
.as-dynamic-table-space {
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.as-dynamic-table-space > table {
vertical-align: top;
}
.as-dynamic-table-wrapper.as-has-fixed-col .as-dynamic-table-space,
.as-dynamic-table-wrapper.as-inline .as-dynamic-table-space {
width: 8096px;
}
.as-dynamic-table-vb {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: var(--dt-scroll-bar-width);
display: none;
}
.as-dynamic-table-wrapper.as-overflow-x .as-dynamic-table-vb {
height: calc(100% - var(--dt-scroll-bar-width));
}
.as-dynamic-table-hb {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: var(--dt-scroll-bar-width);
display: none;
}
.as-dynamic-table-wrapper.as-overflow-y .as-dynamic-table-hb {
width: calc(100% - var(--dt-scroll-bar-width));
}
.as-dynamic-table-wrapper.as-no-paging .absol-page-selector {
display: none;
}
.as-dynamic-table-wrapper .absol-page-selector[data-page-count="1"] {
display: none;
}
.as-dynamic-table-fixed-x-col {
display: none;
position: absolute;
left: 0;
top: 0;
width: auto !important;
z-index: 12;
}
.as-dynamic-table-wrapper.as-has-fixed-col .as-dynamic-table-fixed-x-col {
display: block;
}
.as-dynamic-table {
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
border-collapse: collapse;
box-sizing: border-box;
display: inline-table;
table-layout: fixed;
}
.as-dynamic-table-wrapper:not(.as-inline) .as-dynamic-table-space .as-dynamic-table {
/*min-width: 100%;*/
table-layout: auto;
/*display: table;*/
}
.as-dt-header {
background-color: #d6d6d6;
}
.as-dt-header-cell {
font-weight: bold;
padding: 10px;
border: 1px solid #ababab;
position: relative;
box-sizing: border-box;
}
.as-dt-header-cell-resizer {
position: absolute;
right: -3px;
top: 0;
bottom: 0;
width: 6px;
/*border-right: 6px solid transparent;*/
z-index: 5;
cursor: col-resize;
/*display: none;*/
}
/*
.as-dynamic-table-wrapper[id] .as-dt-header-cell[data-col-id] .as-dt-header-cell-resizer {
display: block;
}*/
.as-dt-header-cell[data-sort-key] {
padding-right: 1.75em;
cursor: pointer;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
}
.as-dt-sort-btn {
display: none;
vertical-align: middle;
line-height: 1.5em;
position: absolute;
right: 0.25em;
top: calc(50% - 0.75em);
color: #a9a9a9;
height: 1.5em;
width: 1.5em;
pointer-events: none;
/*color: transparent;*/
}
.as-dt-header-cell[data-sort-key] .as-dt-sort-btn {
display: inline-block;
}
.as-dt-header-cell[data-sort-order="ascending"] .as-dt-sort-btn .mdi-menu-up,
.as-dt-header-cell[data-sort-order="descending"] .as-dt-sort-btn .mdi-menu-down {
color: #007bff;
}
.as-dt-sort-btn span {
position: absolute;
display: inline-block;
left: 0;
font-size: 2em;
}
.as-dt-sort-btn .mdi-menu-up {
bottom: 0.18em;
}
.as-dt-sort-btn .mdi-menu-down {
top: 0.18em;
}
.as-dt-body-row:nth-child(odd) {
background-color: rgb(245, 245, 245);
}
.as-dt-body-row:nth-child(even) {
background-color: white;
}
.as-dt-body-cell {
padding: 4px 5px;
border: 1px solid #ddd;
box-sizing: border-box;
}
.as-dt-body-row .as-drag-zone{
user-select: none;
}
.as-dt-body-row .as-drag-zone .mdi,
.as-tree-table-row .as-drag-zone .mdi {
font-size: 25px;
}
.as-dt-body-row {
height: calc(40em / 14);
}
.as-dt-body-row {
height: var(--table-row-height);
}
.as-dynamic-table-wrapper:not(.as-searching) .as-dt-body-row .as-drag-zone,
.as-tree-table:not(.as-searching) .as-tree-table-row .as-drag-zone {
cursor: move;
}
.as-dynamic-table-wrapper.as-row-dragging .as-dt-body-row {
transition: transform 0.2s;
}
.as-dt-body-row.as-dragging {
opacity: 0.0;
/*position: relative;*/
/*z-index: 1000000;*/
/*opacity: 0.8;*/
}
.as-dt-body-row.as-after-dragging {
}
.as-dt-body-row-cloned-ctn {
position: fixed;
cursor: move;
opacity: 0.7;
-webkit-box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 1);
-moz-box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 1);
box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 1);
}
.as-dt-body-row-cloned-ctn > table {
display: block;
}
.as-dt-body-row.as-drag-neighbor {
position: relative;
z-index: 1;
transition: transform 0.05s;
}
.as-dt-body-row.as-dragging.as-homing {
transition: transform 0.06s;
}
.as-dynamic-table-wrapper.as-searching .as-drag-zone {
opacity: 0.3;
pointer-events: none;
}
.as-dynamic-table-wrapper .as-drag-zone {
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
}
.as-dt-insert-line {
position: absolute;
left: 0;
right: 0;
border-top: 2px solid blue;
}
.as-dt-body-cell > .absol-checkbox:last-child:first-child {
display: inline-block;
vertical-align: middle;
}
.as-dt-row-index::before {
content: attr(data-idx);
}
.as-dt-row-index:not([data-idx])::before {
content: "000";
}
.as-dynamic-table-wrapper.as-no-graphic .as-dt-header-cell,
.as-dynamic-table-wrapper.as-no-graphic .as-dt-body-cell {
border: none;
}
.as-dynamic-table-wrapper.as-no-graphic .as-dt-header,
.as-dynamic-table-wrapper.as-no-graphic .as-dt-body-row {
background-color: transparent;
}
.absol-single-page-scroller-viewport .as-dynamic-table-wrapper:not(.as-adapt-infinity-grow) {
max-height: calc(var(--single-page-scroller-height) - 2px);
}
.absol-single-page-scroller-viewport > div:last-child .as-dynamic-table-wrapper:not(.as-adapt-infinity-grow) {
max-height: calc(var(--single-page-scroller-height) - 2px);
}
/*.absol-single-page-scroller-viewport > div:last-child .as-dynamic-table-wrapper.as-overflow-y:not(.as-adapt-infinity-grow) {*/
/* max-height: calc(var(--single-page-scroller-height) - 2px);*/
/*} try remove this*/
/*Keeview modal*/
body > div > table .as-dynamic-table-wrapper {
width: var(--dt-content-width);
max-width: calc(90vw - 50px);
}
body > div > table .as-dynamic-table-wrapper.as-overflow-y {
width: calc(var(--dt-content-width) + var(--dt-scroll-bar-width));
max-width: calc(90vw - 50px);
}
/*.as-dynamic-table-wrapper*/
/*** module: node_modules/absol-acomp/css/objectmergetool.css ***/
.as-omt {
display: block;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 1rem;
}
.as-omt-node {
}
.as-omt-field {
--level: 0;
position: relative;
padding-bottom: 10px;
}
.as-omt-field.as-hover::before {
border-color: rgb(30, 101, 234);
border-width: 2px;
}
.as-omt-field::before {
content: "";
position: absolute;
left: 0;
top: 15px;
right: 0;
bottom: 0;
border: 1px solid rgb(170, 170, 200);
z-index: 0;
pointer-events: none;
}
.as-omt-field-header {
padding-left: 10px;
line-height: 2;
}
.as-omt-field-body {
padding-left: 10px;
padding-right: 10px;
min-height: 1em;
}
.as-omt-field-raw-ctn,
.as-omt-field.as-mode-raw > .as-omt-field-body {
display: none;
}
.as-omt-field.as-mode-raw > .as-omt-field-raw-ctn {
display: block;
}
.as-omt-field-command-ctn {
position: absolute;
z-index: 20;
right: 10px;
top: 20px;
background-color: white;
height: 30px;
display: none;
}
.bsc-white .as-omt-field-command-ctn button[data-command="view_mode"] {
display: none;
}
.as-omt-field.as-hover > .as-omt-field-command-ctn {
display: block;
}
.as-omt-field-command-ctn > button {
height: 30px;
}
.as-omt-field-command-ctn > button:not(:first-child) {
margin-left: 5px;
}
.as-omt-field-command-ctn > button span {
font-size: 24px;
}
.as-omt-field-name {
font-weight: bold;
background-color: white;
display: inline-block;
z-index: 3;
position: relative;
padding-left: 5px;
padding-right: 5px;
margin-right: 10px;
}
.as-omt-field-body > .as-omt-field:first-child {
margin-top: 10px;
}
.as-omt-field code {
white-space: pre-wrap;
}
.as-omt-field-raw-ctn {
padding-left: 10px;
padding-right: 10px;
}
.as-omt-field.as-type-struct > .as-omt-field-body {
padding-left: 20px;
}
img.as-omt-field-value {
max-width: calc(100vw - 5em);
max-height: 10em;
}
.as-omt-dialog .as-message-dialog-body {
max-height: calc(90vh - 5em);
max-width: calc(90vw - 5em);
overflow: auto;
}
.as-omt-option-row {
display: flex;
align-items: center;
}
.as-omt-option-row:not(:first-child) {
margin-top: 5px;
}
.as-omt-field-raw-ctn > div > .as-omt-field-name {
display: none;
}
.as-omt-option-row > .as-omt-field {
flex-grow: 1;
}
.as-omt-field-color-value-bg {
height: 2em;
width: 5em;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAaSURBVBhXYzh8+PD///8hJAOcBSRxyRw+DABJUCox2kjvSgAAAABJRU5ErkJggg==');
background-size: 1.5em;
image-rendering: optimizeSpeed;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: pixelated;
image-rendering: optimize-contrast;
-ms-interpolation-mode: nearest-neighbor;
--omt-color-value: transparent;
}
.as-omt-field-color-value {
width: 100%;
height: 100%;
background-color: var(--omt-color-value);
}
/*** module: node_modules/absol-acomp/css/tokenizeinput.css ***/
.as-tokenize-hyper-input {
margin: 0;
padding: 0;
white-space: pre-wrap;
-moz-user-modify: read-write;
-webkit-user-modify: read-write;
word-break: normal;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.as-emoji-token{
font-size: inherit;
overflow: hidden;
box-sizing: border-box;
display: inline;
white-space: pre;
background-size: 1.2em;
background-position:left;
background-repeat: no-repeat;
}
.as-tag-token{
font-size: inherit;
display: inline;
white-space: pre;
font-weight: bold;
color: #1e1ec8;
}
/*** module: node_modules/absol-acomp/css/pathmenu.css ***/
:root {
--as-path-menu-max-text-width: 150px;
}
.am-mobile-theme {
--as-path-menu-max-text-width: 100px;
}
.as-path-menu-item .mdi-chevron-right::before {
transition: transform 0.1s;
}
.as-path-menu .as-ribbon-split-button-text {
max-width: var(--as-path-menu-max-text-width);
text-overflow: ellipsis;
overflow: hidden;
display: inline-block;
white-space: nowrap;
}
.as-path-menu-item.as-has-no-item .as-ribbon-split-button-extend {
display: none;
}
.as-path-view {
white-space: nowrap;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 1em;
height: calc(2em + 2px);
}
.as-path-view-item {
display: inline-block;
white-space: nowrap;
background: transparent;
border: 1px solid transparent;
box-sizing: border-box;
height: 100%;
position: relative;
padding-left: 0.5em;
padding-right: 0;
cursor: pointer;
font-size: inherit;
}
.as-path-view-item:last-child {
padding-right: 0.5em;
}
.as-path-view-item:hover {
border-color: #dddddd;
}
.as-path-view-item::before{
content: "";
position: absolute;
left: 0;
right: 1em;
top: 0;
bottom: 0;
}
.as-path-view-item:last-child::before{
right: 0;
}
.as-path-view-item:hover::before {
background-color: rgba(169, 169, 169, 0.15);
}
.as-path-view-item:active::before {
background-color: rgba(169, 169, 169, 0.3);
}
.as-path-view-item-icon {
margin-right: 0.5em;
}
span.as-path-view-item-icon,
i.as-path-view-item-icon {
font-size: 1.5em;
line-height: 1;
text-align: center;
}
svg.as-path-view-item-icon,
img.as-path-view-item-icon {
width: 1.5em;
height: 1.5em;
}
.as-path-view-item-text {
padding-right: 0.2em;
}
.as-path-view-item-arrow {
width: 1em;
text-align: center;
}
.as-path-view-item-icon,
.as-path-view-item-text,
.as-path-view-item-arrow {
display: inline-block;
vertical-align: middle;
}
.as-path-view-item:last-child .as-path-view-item-arrow {
display: none;
}
/*** module: node_modules/absol-acomp/css/dualselectbox.css ***/
.am-dual-select-box {
}
.am-dual-select-box .absol-selectlist-item span {
white-space: normal;
display: inline-block;
margin-right: 0;
line-height: calc(30rem / 14);
}
.am-mobile-theme.bsc-white .am-dual-select-box .absol-selectlist-item span{
line-height: calc(30rem / 14);
}
.am-dual-select-box .absol-selectlist-item {
height: auto;
}
.am-mobile-theme.bsc-white .am-dual-select-box .absol-selectlist-item {
height: auto;
}
.am-dual-select-box .absol-selectlist-item:not(:last-child) {
border-bottom: 1px solid #efefef;
}
/*** module: node_modules/absol-acomp/css/treetable.css ***/
.as-tree-table {
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
border-collapse: collapse;
}
.as-tree-table-toggle {
position: absolute;
left: 5px;
top: 0;
bottom: 0;
vertical-align: middle;
padding-right: 0.3em;
white-space: nowrap;
user-select: none;
}
.as-tree-table-toggle::before {
display: inline-block;
vertical-align: middle;
content: "";
height: 100%;
}
.as-tree-table-head {
background-color: #d6d6d6;
}
.as-tree-table-head-cell {
font-weight: bold;
padding: 10px;
border: 1px solid #ddd;
position: relative;
}
.as-tree-table-row {
height: calc(40em / 14);
page-break-inside: avoid;
break-inside: avoid;
}
.as-tree-table-row:nth-child(odd) {
background-color: rgb(245, 245, 245);
}
.as-tree-table-row:nth-child(even) {
background-color: white;
}
.as-tree-table-cell {
padding: 5px;
border: 1px solid #ddd;
position: relative;
page-break-inside: avoid;
break-inside: avoid;
}
.as-tree-table-cell[data-type="number"] {
text-align: right;
}
.as-tree-table-row.as-is-opened .as-tree-table-toggle .toggle-close,
.as-tree-table-row:not(.as-is-opened) .as-tree-table-toggle .toggle-open {
display: none;
}
.as-tree-table-toggle .toggler-ico {
display: inline-block;
vertical-align: middle;
}
.as-tree-table-row:not(.as-has-sub-row) .as-tree-table-toggle .toggler-ico {
visibility: hidden;
}
/*.as-tree-table-row {*/
/* height: var(--table-row-height);*/
/*}*/
.as-printer-content .as-tree-table-toggle svg{
display: none;
}
.as-printer-content .as-tree-table-head-cell,
.as-printer-content .as-tree-table-cell{
border-color: black;
}
.as-tree-table-cell>span:first-child:last-child{
page-break-inside: avoid;
break-inside: avoid;
}
@media print {
div[align="center"]> .as-tree-table{
display: block !important;
}
/*trick avoid break row*/
.as-tree-table tbody tr td:before,
.as-tree-table tbody tr td:after {
content: "";
height: 4px;
display: block;
}
.as-tree-table-head {
display: table-header-group !important;
}
.as-tree-table-head + tbody tr:first-child th {
display: none;
}
}
/*** module: node_modules/absol-acomp/css/finder.css ***/
.as-finder {
font-size: 1rem;
position: relative;
--finder-header-height: 51px;
--finder-nav-width: 250px;
overflow: hidden;
font-family: Arial, Helvetica, sans-serif;
}
.as-finder.as-compact-mode {
--finder-header-height: 0;
}
.as-finder.as-compact-mode .as-finder-header {
display: none;
}
.as-finder-header {
position: absolute;
top: 0;
left: 0;
height: var(--finder-header-height);
width: 100%;
border-bottom: 1px solid #dddddd;
box-sizing: border-box;
}
.as-finder-header .as-flexicon-button {
min-width: 110px;
}
.as-finder-nav-ctn,
.as-finder-search-ctn {
position: absolute;
left: 0;
top: var(--finder-header-height);
width: var(--finder-nav-width);
bottom: 0;
border-right: 1px solid #dddddd;
padding-top: 29px;
background-color: white;
z-index: 20;
}
.as-finder-nav-ctn {
}
.as-finder-search-ctn {
visibility: hidden;
}
.as-finder-nav-header,
.as-finder-search-header {
display: flex;
position: absolute;
left: 0;
top: 0;
right: 0;
height: 29px;
box-sizing: border-box;
border-bottom: 1px solid #dddddd;
align-items: center;
}
.as-finder-nav-header-left {
flex-grow: 1;
}
.as-finder-nav-header-right button {
height: 100%;
width: 30px;
margin-left: 5px;
}
.as-finder-nav-ctn > .as-exp-group,
.as-finder-search-ctn > .as-finder-search-body {
overflow-y: auto;
width: 100%;
height: 100%;
}
.as-finder-search-body {
padding: 10px 5px;
box-sizing: border-box;
}
.as-finder-search-field {
padding-top: 10px;
}
.as-finder-search-field > div {
display: inline-block;
}
.as-finder-search-field > div:first-child {
width: 5em;
}
.as-finder-search-footer {
text-align: center;
padding-top: 20px;
}
.as-finder-search-footer button {
min-width: 100px;
}
.as-finder-search-footer button:not(:last-child) {
margin-right: 20px;
}
.as-finder-body {
position: absolute;
right: 0;
left: var(--finder-nav-width);
top: var(--finder-header-height);
bottom: 0;
padding-top: 29px;
}
.as-finder-content-header {
position: absolute;
left: 0;
top: 0;
right: 0;
height: 29px;
box-sizing: border-box;
border-bottom: 1px solid white;
display: flex;
}
.as-finder-content-header-left {
flex-grow: 1;
}
.as-finder:not(.as-mobile) .as-finder-content-header-right::after {
content: "Kéo thả file vào đây để tải lên";
color: rgb(100, 100, 180);
font-style: italic;
line-height: 28px;
padding-right: 10px;
display: inline-block;
}
.as-finder-content-ctn {
width: 100%;
height: 100%;
}
.as-finder-normal-action-button-ctn,
.as-finder-tiny-action-button-ctn {
position: absolute;
left: 10px;
top: calc(50% - 15px);
white-space: nowrap;
max-width: calc(100% - 50px);
overflow: hidden;
}
.as-finder-normal-action-button-ctn > button:not(:last-child),
.as-finder-tiny-action-button-ctn > button:not(:last-child) {
margin-right: 10px;
}
.as-finder-tiny-action-button-ctn button,
.as-finder-content-header button:not(.as-ribbon-button) {
background-color: transparent;
border: none;
border-radius: 3px;
width: 30px;
height: 30px;
font-size: inherit;
padding: 0;
color: var(--as-transparent-button-text-color);
}
.as-finder-content-header button.as-ribbon-button {
height: 30px;
}
.as-finder-tiny-action-button-ctn button span {
font-size: 1.3em;
}
.as-finder-tiny-action-button-ctn button:hover {
color: var(--as-transparent-button-text-hover-color);
}
.as-finder-tiny-action-button-ctn button:active {
color: var(--as-transparent-button-text-active-color);
}
.as-action-button-minimized .as-finder-normal-action-button-ctn,
.as-finder:not(.as-action-button-minimized) .as-finder-tiny-action-button-ctn {
visibility: hidden;
}
.as-finder[data-selected-file-count="0"] .as-finder-header button[name="view"],
.as-finder[data-selected-file-count="0"] .as-finder-header button[name="delete"],
.as-finder:not([data-selected-folder-count="0"]) .as-finder-header button[name="delete"],
.as-finder[data-selected-file-count="0"] .as-finder-header button[name="download"],
.as-finder[data-selected-file-count="0"][data-selected-folder-count="0"] .as-finder-header button[name="move"],
.as-finder:not([data-selected-file-count="1"][data-selected-folder-count="0"]) .as-finder-header button[name="rename"],
.as-finder:not(.as-mini-layout) .as-finder-content-header button[name="nav_toggle"],
.as-finder:not(.as-mini-layout) .as-finder-nav-ctn button[name="nav_toggle"] {
display: none;
}
.as-finder-nav-ctn {
overflow-y: auto;
}
.as-finder-content-ctn {
overflow-y: auto;
z-index: 1;
}
.as-finder.as-mini-layout .as-finder-body {
left: 0;
}
.as-finder.as-mini-layout .as-finder-nav-ctn,
.as-finder.as-mini-layout .as-finder-search-ctn {
left: calc(var(--finder-nav-width) * -1);
transition: left 0.2s;
}
.as-finder.as-mini-layout.as-nav-open .as-finder-nav-ctn,
.as-finder.as-mini-layout.as-nav-open .as-finder-search-ctn {
left: 0;
}
.as-finder.as-mini-layout.as-nav-open::after {
content: "";
display: block;
z-index: 8;
position: absolute;
left: 0;
top: var(--finder-header-height);
width: 100%;
height: 100%;
background-color: rgba(169, 169, 172, 0.2);
}
.as-finder-content::before,
.as-finder-content::after {
content: "";
display: block;
}
.as-finder-content .as-file-thumbnail {
display: inline-block;
margin: 5px;
}
.as-finder-content {
user-select: none;
min-height: 100%;
box-sizing: border-box;
position: relative;
}
.as-finder:not(.as-writable-folder) .as-finder-header button[name="upload"],
.as-finder:not(.as-writable-folder) .as-finder-header button[name="delete"],
.as-finder:not(.as-writable-folder) .as-finder-header button[name="rename"],
.as-finder:not(.as-writable-folder) .as-finder-header button[name="move"],
.as-finder.as-disable-create-folder .as-finder-header button[name="new_folder"]
{
display: none;
}
.as-finder-select-area {
position: fixed;
box-sizing: border-box;
border: 2px solid rgba(0, 103, 240, 0.5);
width: 100px;
height: 100px;
background-color: rgba(0, 103, 240, 0.2);
/*background-color: ;*/
}
.as-finder:not(.as-dragging) .as-file-thumbnail:hover {
background-color: rgba(29, 161, 255, 0.13);
}
.as-finder-upload-overlay {
display: none;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 4;
backdrop-filter: blur(1px);
-webkit-backdrop-filter: blur(1px);
background-color: rgba(167, 167, 167, 0.1);
font-size: 2rem;
text-align: center;
text-shadow: 2px 2px 3px white, -2px -2px 3px white, -2px 2px 3px white, 2px -2px 3px white;
color: rgb(97, 79, 100);
font-weight: bold;
padding-top: calc(50% - 6em);
}
.as-finder-upload-overlay-icon-ctn {
text-align: center;
color: #1da1ff;
font-size: 8rem;
}
.as-finder:not(.as-searching) .as-finder-body.as-drag-over .as-finder-upload-overlay {
display: block;
}
.as-finder.as-searching .as-finder-nav-ctn {
visibility: hidden;
}
.as-finder.as-searching .as-finder-search-ctn {
visibility: visible;
}
.as-finder.as-searching .as-finder-content-header-right,
.as-finder.as-searching .as-finder-header button[name='upload'],
.as-finder.as-searching .as-finder-header button[name='move'] {
display: none;
}
.as-finder-task-check {
white-space: nowrap;
}
.as-finder-task-check >span{
display: inline-block;
vertical-align: middle;
}
.as-finder-task-check .mdi {
font-size: 1.5em;
color: rgb(30, 237, 219);
}
.as-finder-task-check .mdi.mdi-alert-decagram-outline {
color: red;
}
/**************************************************/
.as-file-thumbnail {
display: inline-block;
vertical-align: top;
position: relative;
}
.as-file-thumbnail-background {
display: block;
width: 100px;
height: 100px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
box-sizing: border-box;
border: 1px solid #c0c0c0;
}
.as-file-thumbnail-check {
display: none;
position: absolute;
top: -2px;
left: -2px;
bottom: -2px;
right: -2px;
overflow: hidden;
z-index: 4;
pointer-events: none;
border: 2px solid #0a90eb;
}
.as-file-thumbnail.as-checked .as-file-thumbnail-check {
display: block;
}
.as-file-thumbnail-check::before {
content: "";
position: absolute;
right: -28px;
top: -28px;
width: 56px;
height: 56px;
transform: rotate(45deg);
background-color: #0a90eb;
}
.as-file-thumbnail-check .mdi {
display: inline-block;
position: absolute;
right: 5px;
top: 5px;
font-size: 14px;
color: white;
}
.as-file-thumbnail-file-name {
word-wrap: break-word; /* IE 5.5-7 */
white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
white-space: pre-wrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100px;
max-height: 6.2em;
line-height: 1.5;
text-align: center;
font-size: 13px;
padding-top: 0.2em;
box-sizing: border-box;
}
.as-file-thumbnail-file-name > span:last-child {
white-space: nowrap;
}
.as-finder-folder-dialog-tree-ctn {
max-height: calc(90vh - 250px);
overflow-y: auto;
border: 1px solid #dddddd;
}
.as-finder-folder-dialog-tree-ctn > .as-exp-group {
width: 300px;
}
.as-finder-folder-dialog-selected-ctn {
padding-bottom: 10px;
white-space: pre-wrap;
}
.as-finder-folder-dialog-selected-ctn > span {
white-space: nowrap;
}
div[data-view-as="list"] {
--col: 1;
}
div[data-view-as="list"] .as-file-thumbnail {
display: inline-block;
margin-right: 4px;
height: 50px;
padding-left: 60px;
white-space: nowrap;
box-sizing: border-box;
width: calc(100% / var(--col) - 10px * var(--col));
}
div[data-view-as="list"] .as-file-thumbnail::before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
div[data-view-as="list"] .as-file-thumbnail-background {
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 50px;
}
div[data-view-as="list"] .as-file-thumbnail-file-name {
width: unset;
max-width: 100%;
text-align: left;
}
div[data-view-as="list"] .as-file-thumbnail-background,
div[data-view-as="list"] .as-file-thumbnail-file-name {
display: inline-block;
vertical-align: middle;
}
div[data-view-as="lage_icons"] .as-file-thumbnail-background{
width: 200px;
height: 200px;
}
div[data-view-as="lage_icons"] .as-file-thumbnail-file-name {
width: 200px;
}
/*** module: node_modules/absol-acomp/css/mobileapp.css ***/
/**** APP ***************/
.am-application {
width: 100%;
height: 100%;
position: relative;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 14px;
}
.am-application-frameview {
width: 100%;
height: 100%;
}
.am-application-tabbar {
display: none;
}
.am-application.am-show-tabbar .am-application-tabbar {
display: block;
}
.am-application.am-show-tabbar .am-application-frameview {
height: calc(100% - 3em);
}
/*************** HEADER****************************************/
.am-header-bar {
display: flex;
align-items: center;
background-color: var(--variant-color-primary);
-webkit-box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.5);
box-sizing: border-box;
position: relative;
font-family: Arial, Helvetica, sans-serif;
color: white;
height: 3em;
font-size: 1rem;
}
.am-header-bar-left-btn,
button.am-header-bar-command {
display: inline-block;
text-align: center;
border: none;
background-color: transparent;
height: 3em;
width: 3em;
padding: 0;
margin: 0;
vertical-align: middle;
color: white;
outline: none;
font-size: inherit;
}
.am-header-bar-left-btn span,
button.am-header-bar-command span,
.am-header-bar-left-btn i,
button.am-header-bar-command i {
font-size: 2em;
}
button.am-header-bar-command:not(:last-child) {
margin-right: 0.6256em;
}
.am-header-bar-left-btn:active,
button.am-header-bar-action:active,
button.am-header-bar-command:active {
color: rgb(220, 220, 222);
}
.am-header-bar-title-ctn {
flex-grow: 1;
white-space: nowrap;
overflow: inherit;
position: relative;
height: 3em;
}
.am-header-bar-no-size-wrapper {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
white-space: nowrap;
}
.am-header-bar-no-size-wrapper::before {
content: "";
height: 100%;
display: inline-block;
vertical-align: middle;
}
.am-header-bar-title-wrapper {
display: inline-block;
vertical-align: middle;
width: 100%;
}
.am-header-bar-title-ctn:first-child .am-header-bar-title {
padding-left: 1.2em;
}
.am-header-bar-title {
font-size: 1.2em;
color: white;
overflow: hidden;
text-overflow: ellipsis;
}
.am-header-bar-title-desc {
font-size: 0.8em;
line-height: 2;
}
.am-header-bar-title-desc:empty {
display: none;
}
.am-header-bar-right {
}
.am-header-bar-right::after {
content: "";
height: 100%;
vertical-align: middle;
display: inline-block;
width: 0.357142857em;
}
.am-header-bar-right-item-ctn {
vertical-align: middle;
display: inline-block;
}
button.am-header-bar-action {
height: 3em;
width: 3em;
background-color: transparent;
color: white;
border: none;
font-size: inherit;
outline: none;
vertical-align: middle;
}
.am-header-bar-quickmenu-btn.am-status-active .am-header-bar-quickmenu-btn-circle {
background-color: rgba(169, 169, 169, 0.5);
}
.am-header-bar-quickmenu-btn-circle {
height: 2em;
width: 2em;
border-radius: 50%;
text-align: center;
}
.am-header-bar-quickmenu-btn-circle span {
font-size: 1.6em;
line-height: 1.25em;
}
.am-header-bar-quickmenu-btn.as-active .mdi-dots-horizontal-circle-outline,
.am-header-bar-quickmenu-btn:not(.as-active) .mdi-dots-horizontal-circle {
display: none;
}
.am-header-bar.am-light-weight,
.am-header-bar.am-light-weight .am-header-bar-title-ctn,
.am-header-bar.am-light-weight .am-header-bar-left-btn,
.am-header-bar.am-light-weight button.am-header-bar-command,
.am-header-bar.am-light-weight button.am-header-bar-action {
height: calc(2rem + 2px);
}
.am-header-bar.am-light-weight .am-header-bar-left-btn span,
.am-header-bar.am-light-weight button.am-header-bar-command span,
.am-header-bar-left-btn i,
.am-header-bar.am-light-weight button.am-header-bar-command i {
font-size: 1.6em;
}
.am-application.am-stack > .am-activity {
position: absolute;
left: 0;
top: 0;
}
.am-activity {
width: 100%;
height: 100%;
background-color: white;
}
.am-activity.am-grid {
grid-template-areas: 'header' 'body';
grid-template-rows: 3em auto;
display: grid;
}
.am-activity.am-grid > .am-header-bar {
grid-area: header;
}
.am-activity.am-grid > .am-activity-body {
grid-area: body;
padding: 10px 5px;
overflow: auto;
}
.am-explore-item-block {
display: inline-block;
vertical-align: top;
padding: 10px 18px 15px 18px;
position: relative;
user-select: none;
box-sizing: border-box;
width: var(--item-width);
outline: none;
}
.am-explore-item-block.as-hidden {
display: none;
}
.am-explore-item-block:active::after,
.am-explore-item-block:hover::after,
.am-explore-item-block:focus::after {
display: block;
position: absolute;
left: 10px;
right: 10px;
top: 0;
bottom: 0;
z-index: 2;
border-radius: 5px;
}
.am-explore-item-block:active::after {
content: "";
background-color: var(--as-transparent-button-active-color);
}
.am-explore-item-block:focus::after {
content: "";
border: 1px solid #a9a9a9;
background-color: var(--as-transparent-button-hover-color);
}
.am-explore-item-block-icon {
display: block;
box-sizing: border-box;
width: 100%;
height: 50px;
text-align: center;
white-space: nowrap;
color: var(--variant-color-secondary);
padding: 0 5px;
}
.am-explore-item-block-icon::before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.am-explore-item-block-icon > span:first-child,
.am-explore-item-block-icon > .mdi {
display: inline-block;
font-size: 50px;
vertical-align: middle;
line-height: 1;
}
.am-explore-item-block-icon > svg {
width: 50px;
height: 50px;
display: inline-block;
vertical-align: middle;
}
.am-explore-item-block-name {
width: 100%;
text-align: center;
padding: 10px 0 5px 0;
}
.am-explore-section-break {
display: flex;
align-content: center;
margin-bottom: 10px;
}
.am-explore-section-break-name {
padding: 3px 5px 3px 5px;
background-color: var(--variant-color-link);
border-radius: 2px;
color: white;
}
.am-explore-section-break-line {
flex-grow: 1;
position: relative;
}
.am-explore-section-break-line::after {
position: absolute;
left: 0;
width: 100%;
top: calc(50% - 1px);
display: block;
content: "";
flex-grow: 1;
border-top: 2px solid #dddddd;
vertical-align: center;
}
.am-float-button {
position: fixed;
bottom: 12px;
right: 12px;
border-radius: 50%;
width: 50px;
height: 50px;
transition: box-shadow 0.4s ease;
background: #4610f5;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
color: #fff;
font-size: 1.7rem;
font-weight: bold;
cursor: pointer;
z-index: 500;
border: none;
}
.am-explore-group {
padding: 5px 5px 10px 5px;
}
.am-explore-group.as-hidden {
display: none;
}
/******************************/
.am-springboard-menu {
--item-width: 150px;
outline: none;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.am-springboard-menu.am-style-simple {
background-color: rgb(235, 235, 235);
padding: 10px;
}
.am-springboard-menu.am-style-simple .am-explore-group {
background-color: white;
border-radius: 5px;
padding: 5px;
}
.am-springboard-menu.am-style-simple .am-explore-group:not(:last-child) {
margin-bottom: 10px;
}
.am-springboard-menu.am-style-simple .am-explore-section-break-line {
display: none;
}
.am-springboard-menu.am-style-simple .am-explore-section-break-name {
background-color: transparent;
color: black;
font-weight: bold;
padding: 5px 15px;
}
.am-springboard-menu.am-style-simple .am-explore-item-block {
padding: 5px 16px;
}
.am-springboard-menu.am-style-simple .am-explore-section-break {
margin-bottom: 0;
}
.am-springboard-menu.as-style-desktop .am-explore-section-break-name {
background-color: white;
color: black;
font-weight: bold;
font-size: 14px;
}
.am-springboard-menu.as-style-desktop .am-explore-item-block:hover .am-explore-item-block-icon {
color: var(--as-transparent-button-text-hover-color);
}
.am-springboard-menu.as-style-desktop .am-explore-item-block:hover::after {
content: "";
background-color: var(--as-transparent-button-hover-color);
}
.am-springboard-menu.as-style-desktop .am-explore-item-block:active::after {
content: "";
background-color: var(--as-transparent-button-active-color);
}
.am-springboard-menu > .absol-search-text-input {
margin: 10px;
max-width: 400px;
box-sizing: border-box;
}
.am-springboard-menu::before{
content: "";
display: block;
height: 1px;
}
/*justify-content: space-between;*/
.am-springboard-menu.as-searching .am-explore-group:not(.as-search-result),
.am-springboard-menu:not(.as-searching) .am-explore-group.as-search-result {
display: none;
}
/*** module: node_modules/absol-acomp/css/treechart.css ***/
.as-tree-chart * {
box-sizing: border-box;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.as-tree-chart {
--root-background-color: #ED7D31;
--root-text-color: white;
--vert-node-background-color: #4472C4;
--vert-node-text-color: white;
--horz-node-background-color: #A9D18E;
--horz-node-text-color: black;
--leaf-node-background-color: #F8CBAD;
--leaf-node-text-color: black;
font-size: 1rem;
display: inline-block;
}
.as-tree-chart-node {
display: inline-block;
white-space: normal;
vertical-align: top;
position: relative;
}
.as-tree-chart-content-ctn {
text-align: center;
position: relative;
}
.as-tree-chart-node[data-level="0"] >.as-tree-chart-content-ctn> .as-tree-chart-content {
background-color: var(--root-background-color);
color: var(--root-text-color);
}
.as-tree-chart-node.as-horizontal .as-tree-chart-child-ctn .as-tree-chart-content{
background-color: var(--horz-node-background-color);
color: var(--horz-node-text-color);
}
.as-tree-chart-node.as-is-leaf >.as-tree-chart-content-ctn> .as-tree-chart-content {
background-color: var(--leaf-node-background-color);
color: var(--leaf-node-text-color);
}
.as-tree-chart-content {
padding: 5px;
border-radius: 4px;
border: 1px solid black;
text-align: center;
position: relative;
display: inline-block;
background-color: var(--vert-node-background-color);
color: var(--vert-node-text-color);
}
.as-tree-chart-icon,
.as-tree-chart-text {
display: inline-block;
vertical-align: middle;
}
.as-tree-chart-icon {
font-size: 1.25em;
padding-right: 0.25em;
}
.as-tree-chart-node.as-has-children > .as-tree-chart-content-ctn {
padding-bottom: 10px;
}
.as-tree-chart-node.as-has-children > .as-tree-chart-content-ctn::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
height: 10px;
border-left: 1px solid black;
}
.as-tree-chart-child-ctn {
white-space: nowrap;
padding-top: 10px;
text-align: center;
vertical-align: top;
box-sizing: border-box;
}
.as-tree-chart-node:not(.as-horizontal) > .as-tree-chart-child-ctn > .as-tree-chart-node:not(:last-child) {
margin-right: 10px;
}
.as-tree-chart-child-ctn > .as-tree-chart-node:not(:first-child):not(:last-child)::before {
content: "";
border-top: 1px solid black;
position: absolute;
left: 0;
right: -10px;
top: -10px;
}
.as-tree-chart-child-ctn > .as-tree-chart-node:first-child:not(:last-child)::before {
content: "";
border-top: 1px solid black;
position: absolute;
left: 50%;
right: -10px;
top: -10px;
}
.as-tree-chart-child-ctn > .as-tree-chart-node > .as-tree-chart-content-ctn .as-tree-chart-content::before {
content: "";
position: absolute;
left: 50%;
height: 10px;
top: -11px;
border-left: 1px solid black;
}
.as-tree-chart-child-ctn > .as-tree-chart-node:not(:first-child):last-child > .as-tree-chart-content-ctn::before {
content: "";
border-top: 1px solid black;
position: absolute;
left: 0;
width: calc(50% + 1px);
top: -10px;
}
.as-tree-chart-node.as-horizontal .as-tree-chart-child-ctn .as-tree-chart-content {
text-align: left;
}
.as-tree-chart-node.as-horizontal > .as-tree-chart-content-ctn .as-tree-chart-content {
display: block;
}
.as-tree-chart-node.as-horizontal .as-tree-chart-node {
display: block;
}
.as-tree-chart-node.as-horizontal .as-tree-chart-child-ctn {
padding-left: 20px;
}
.as-tree-chart-node.as-horizontal .as-tree-chart-child-ctn .as-tree-chart-content-ctn {
text-align: left;
}
.as-tree-chart-node.as-horizontal .as-tree-chart-content-ctn::after {
left: 10px;
}
.as-tree-chart-node.as-horizontal .as-tree-chart-node:not(:last-child)::before {
right: unset;
bottom: 0;
border-top: none;
border-left: 1px solid black;
left: -10px;
height: unset;
}
.as-tree-chart-node.as-horizontal .as-tree-chart-child-ctn > .as-tree-chart-node > .as-tree-chart-content-ctn .as-tree-chart-content::before {
border-left: none;
border-top: 1px solid black;
left: -10px;
width: 10px;
top: 50%;
}
.as-tree-chart-node.as-horizontal .as-tree-chart-node:last-child > .as-tree-chart-content-ctn::before {
content: "";
position: absolute;
left: -10px;
top: -10px;
height: calc(50% + 10px);
border-top: none;
border-left: 1px solid black;
/*width: unset;*/
}
.as-tree-chart-node.as-horizontal .as-tree-chart-node.as-has-children:last-child > .as-tree-chart-content-ctn::before {
height: calc(50% + 5px);
/*width: unset;*/
}
/*** module: node_modules/absol-acomp/css/tableoftextinput.css ***/
.as-table-of-text-input-wrapper {
border: 1px solid #dddddd;
}
.as-table-of-text-input-content-ctn {
overflow: auto;
}
.as-table-of-text-input {
width: 100%;
border-collapse: collapse;
color: black;
font-family: 'Aptos Narrow', Calibri, sans-serif, 'Mongolian Baiti', 'Microsoft Yi Baiti', 'Javanese Text', 'Yu Gothic';
font-size: 11pt;
margin: 10px;
}
.as-table-of-text-input-wrapper.as-size-a4 .as-table-of-text-input {
width: 445pt;
}
.as-table-of-text-input pre {
font: inherit;
line-height: 1.75;
}
.as-table-of-text-input.as-inline {
display: inline-table;
}
.as-table-of-text-input-cell {
vertical-align: top;
padding: 0px 5px;
border: 1px dashed #808080;
position: relative;
}
.as-table-of-text-input-cell.as-focus::before {
pointer-events: none;
content: "";
position: absolute;
border: 1px dashed var(--variant-color-primary);
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.as-table-of-text-input-cell .as-preinput {
outline: none;
display: block;
}
.as-table-of-text-input-cell.as-bold {
font-weight: bold;
}
.as-table-of-text-input-cell.as-italic {
font-style: italic;
}
.as-table-of-text-input-tool {
background-color: #f8f8f8;
font-size: 14px;
/*-webkit-box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 1);*/
/*-moz-box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 1);*/
/*box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 1);*/
/*border-radius: 4px;*/
padding: 3px;
border-bottom: 1px solid #dddddd;
}
.as-table-of-text-input-tool > button,
.as-table-of-text-input-tool-group > button {
height: 30px;
width: 30px;
vertical-align: middle;
}
.as-table-of-text-input-tool-group {
display: inline-block;
vertical-align: middle;
white-space: nowrap;
}
.as-table-of-text-input-tool-group:not(:last-child) {
border-right: 1px solid #dddddd;
}
.as-table-of-text-input-tool button.as-checked {
color: #2977ff;
/*background-color: rgb(240, 247, 255);*/
box-shadow: inset gray 0px 0px 4px -2px;
}
/*** module: node_modules/absol-acomp/css/swatchestable.css ***/
.as-color-cell {
position: relative;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAaSURBVBhXYzh8+PD///8hJAOcBSRxyRw+DABJUCox2kjvSgAAAABJRU5ErkJggg==');
background-size: 1.5em;
image-rendering: optimizeSpeed;
/* STOP SMOOTHING, GIVE ME SPEED */
image-rendering: -moz-crisp-edges;
/* Firefox */
image-rendering: -o-crisp-edges;
/* Opera */
image-rendering: -webkit-optimize-contrast;
/* Chrome (and eventually Safari) */
image-rendering: pixelated;
/* Chrome */
image-rendering: optimize-contrast;
/* CSS3 Proposed */
-ms-interpolation-mode: nearest-neighbor;
/* IE8+ */
}
.as-color-cell.as-null .as-color-cell-value {
background-color: transparent !important;
background-size: contain;
background-position: center;
}
.as-color-cell-value {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.as-swatches-table {
display: table;
table-layout: fixed;
}
.as-swatches-table-row {
display: table-row;
}
.as-swatches-table-cell.as-color-cell {
position: relative;
display: table-cell;
background-size: 1.5em;
}
/*** module: node_modules/absol-acomp/css/solidcolorpicker.css ***/
.as-solid-color-picker:not(.as-solid-color-picker-mode-swatches) .as-solid-color-picker-swatches-select-ctn,
.as-solid-color-picker:not(.as-solid-color-picker-mode-swatches) .as-solid-color-picker-swatches-ctn,
.as-solid-color-picker:not(.as-solid-color-picker-mode-picker) .as-solid-color-picker-spectrum,
.as-solid-color-picker:not(.as-solid-color-picker-mode-picker) .as-solid-color-picker-hue,
.as-solid-color-picker:not(.as-solid-color-picker-mode-picker) .as-solid-color-picker-alpha,
.as-solid-color-picker:not(.as-solid-color-picker-mode-picker) .as-solid-color-picker-near {
display: none;
}
.as-solid-color-picker:not(.as-has-opacity) .as-solid-color-picker-color-opacity,
.as-solid-color-picker:not(.as-has-opacity) .as-solid-color-picker-alpha {
visibility: hidden;
}
.as-solid-color-picker .as-hanger {
user-select: none;
touch-action: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.as-solid-color-picker {
display: inline-block;
border: 1px solid black;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
outline: none;
background-color: white;
}
.as-solid-color-picker-body {
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
border-bottom: 1px solid #dddddd;
}
.as-solid-color-picker-header {
padding: 10px;
}
.as-solid-color-picker-mode {
font-size: 0.9em;
}
.as-solid-color-picker-mode button {
height: 1.5em;
min-width: 7em;
}
.as-solid-color-picker-swatches-name {
color: #006ce5;
text-decoration: underline;
cursor: pointer;
}
.as-solid-color-picker-swatches-select-ctn {
line-height: 2em;
}
.as-solid-color-picker-swatches-ctn {
overflow-y: auto;
width: 20em;
height: 20em;
box-sizing: content-box;
}
.as-solid-color-picker-swatches-ctn .as-swatches-table {
width: 100%;
}
.as-solid-color-picker-swatches-ctn .as-swatches-table-row,
.as-solid-color-picker-recent-swatches-ctn .as-swatches-table-row {
height: 2em;
}
.as-solid-color-picker-recent-swatches-ctn .as-swatches-table-cell {
width: 1.6666666em;
}
.as-solid-color-picker-recent-title {
line-height: 1.5em;
margin-top: 0.5em;
font-weight: bold;
}
.as-solid-color-picker-recent-swatches-ctn {
overflow-y: auto;
width: 20em;
height: 4em;
box-sizing: content-box;
}
.as-solid-color-picker-footer {
padding: 10px;
}
.as-solid-color-picker-footer .as-flexicon-button {
font-size: inherit;
height: 2em;
box-sizing: border-box;
vertical-align: middle;
}
.as-solid-color-picker-selected {
display: inline-block;
vertical-align: middle;
height: 2em;
width: 5em;
border: 1px solid #ddd;
box-sizing: border-box;
}
.as-solid-color-picker-color-hex,
.as-solid-color-picker-color-opacity {
font-size: inherit;
width: 6em;
}
.as-solid-color-picker-color-hex input {
margin-left: 0;
}
.as-flexicon-input.as-solid-color-picker-color-opacity.as-flexicon-input-has-icon.as-flexicon-input-has-unit input {
width: calc(100% - 4em);
}
.as-solid-color-picker.as-nullable .as-solid-color-picker-none-ctn{
display: inline-block;
}
.as-solid-color-picker-none-ctn {
display: none;
margin-top: 5px;
padding: 5px;
cursor: default;
user-select: none;
}
.as-solid-color-picker-none-ctn.as-selected {
box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 0.3em 0.125em inset;
}
.as-solid-color-picker-none-ctn:hover {
color: var(--as-transparent-button-text-hover-color);
}
.as-solid-color-picker-none-ctn:active {
color: var(--as-transparent-button-text-active-color);
}
.as-solid-color-picker-none-ctn > * {
display: inline-block;
vertical-align: middle;
}
.as-solid-color-picker-none-cell {
width: 1.5em;
height: 1.5em;
margin-right: 0.3em;
}
.as-solid-color-picker-color-opacity input {
padding-left: 0;
padding-right: 0;
}
.as-solid-color-picker-footer > *:not(:first-child) {
margin-left: 0.5em;
}
.as-swatches-table-cell .as-solid-color-picker-selected-dot {
left: calc(50% - 0.5em);
top: calc(50% - 0.5em);
}
.as-solid-color-picker-selected-dot {
position: absolute;
width: 1em;
height: 1em;
box-shadow: inset 0px 0px 0.3em 0.125em rgba(255, 255, 255, 0.7);
z-index: 1;
border-radius: 50%;
}
.as-solid-color-picker-spectrum {
width: 20em;
height: 13.3em;
background-color: red;
position: relative;
}
.as-solid-color-picker-spectrum-dot {
width: 1em;
height: 1em;
box-shadow: inset 0px 0px 0.3em 0.125em rgba(0, 0, 0, 0.7);
z-index: 1;
border-radius: 50%;
position: absolute;
bottom: calc(100% - 0.5em);
left: calc(100% - 0.5em);
}
.as-solid-color-picker-hue {
width: 20em;
height: 2em;
background: linear-gradient(to right, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
position: relative;
}
.as-solid-color-picker-hue-dot {
width: 1em;
height: 1em;
box-shadow: inset 0px 0px 0.3em 0.125em rgba(0, 0, 0, 0.7);
z-index: 1;
border-radius: 50%;
position: absolute;
top: calc(50% - 0.5em);
left: calc(0% - 0.5em);
}
.as-solid-color-picker-alpha {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAaSURBVBhXYzh8+PD///8hJAOcBSRxyRw+DABJUCox2kjvSgAAAABJRU5ErkJggg==');
background-size: 1.5em;
image-rendering: optimizeSpeed;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: pixelated;
image-rendering: optimize-contrast;
-ms-interpolation-mode: nearest-neighbor;
width: 20em;
height: 2em;
position: relative;
}
.as-solid-color-picker-alpha-color {
background: linear-gradient(to right, rgba(255, 0, 0, 0.0) 0%, rgba(255, 0, 0, 1) 100%);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.as-solid-color-picker-alpha-dot {
width: 1em;
height: 1em;
box-shadow: inset 0px 0px 0.3em 0.125em rgba(0, 0, 0, 0.7);
z-index: 1;
border-radius: 50%;
position: absolute;
top: calc(50% - 0.5em);
left: calc(100% - 0.5em);
}
.as-solid-color-picker-near {
margin-top: 0.5em;
width: 20em;
height: 4.2em;
}
.as-solid-color-picker-near .as-swatches-table-cell-color {
transition: transform 0.1s;
}
.as-solid-color-picker-near .as-swatches-table-cell-color:hover {
transform: scale(1.2);
z-index: 2;
}
/*** module: node_modules/absol-acomp/css/spectrumcolor.css ***/
.as-spectrum-color {
position: relative;
touch-action: none;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
.as-spectrum-color-sat {
width: 100%;
height: 100%;
box-sizing: content-box;
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');
}
.as-spectrum-color-val {
width: 100%;
height: 100%;
box-sizing: content-box;
background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
background-image: -webkit-linear-gradient(bottom, #000000, 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');
}
/*** module: node_modules/absol-acomp/css/colorpickerbutton.css ***/
.as-color-picker-button {
width: 45px;
height: 30px;
border-radius: 3px;
border: 1px solid #d6d6d6;
background-color: transparent;
padding: 5px;
outline: none;
}
.as-color-picker-button-inner {
height: 100%;
width: 100%;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAaSURBVBhXYzh8+PD///8hJAOcBSRxyRw+DABJUCox2kjvSgAAAABJRU5ErkJggg==');
background-size: 1.5em;
image-rendering: optimizeSpeed;
/* STOP SMOOTHING, GIVE ME SPEED */
image-rendering: -moz-crisp-edges;
/* Firefox */
image-rendering: -o-crisp-edges;
/* Opera */
image-rendering: -webkit-optimize-contrast;
/* Chrome (and eventually Safari) */
image-rendering: pixelated;
/* Chrome */
image-rendering: optimize-contrast;
/* CSS3 Proposed */
-ms-interpolation-mode: nearest-neighbor;
/* IE8+ */
}
.as-color-picker-button-inner-value {
width: 100%;
height: 100%;
}
.as-color-picker-button-fol {
z-index: 1000;
}
.as-color-picker-button[data-mode="HEX6"] .as-null .as-color-cell-value {
display: none;
}
.as-color-picker-button.as-border-none{
border: none;
}
.as-select-color-scheme-menu-dropdown {
font-size: 14px;
padding: 5px;
}
.as-select-color-scheme-menu {
box-sizing: border-box;
padding-right: 30px;
padding-left: 5px;
}
.as-select-color-scheme-menu::before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.as-select-color-scheme-menu-selected-item {
display: inline-block;
vertical-align: middle;
}
.as-select-color-scheme-menu-selected-item .as-scsm-item-cell {
width: 20px;
height: 20px;
}
.as-scsm-item-list-row {
white-space: nowrap;
}
.as-scsm-item-wrapper {
display: inline-block;
vertical-align: top;
padding: 7px;
}
.as-scsm-item {
border-radius: 4px;
overflow: hidden;
box-sizing: border-box;
}
.as-scsm-item-wrapper:hover .as-scsm-item:not(.as-selected) {
box-shadow: 0px 0px 0px 2px rgba(107, 159, 255, 0.5);
}
.as-scsm-item.as-selected {
box-shadow: 0px 0px 0px 2px #1464f6;
}
.as-scsm-item-row {
white-space: nowrap;
}
.as-scsm-item-cell {
width: 1.2em;
height: 1.2em;
display: inline-block;
vertical-align: top;
}
/*** module: node_modules/absol-acomp/css/expressioninput.css ***/
/*.as-expression-input {*/
/* box-sizing: border-box;*/
/* border: 1px solid var(--as-input-border-color);*/
/* min-height: var(--as-input-height);*/
/*}*/
/*.as-expression-input-content {*/
/* font-size: 14px;*/
/* line-height: 2;*/
/* min-height: 2em;*/
/*}*/
/*.as-expression-input-content::before{*/
/* content: "=";*/
/* color: #aaaaaa;*/
/* display: inline-block;*/
/* height: 28px;*/
/* vertical-align: middle;*/
/* padding: 0 5px;*/
/*}*/
/*.asei-identifier{*/
/* display: inline-block;*/
/*}*/
.as-expression-input {
font-family: Consolas, monospace;
border-color: var(--as-input-border-color);
border-style: solid;
box-sizing: border-box;
border-width: 1px;
border-radius: var(--as-input-border-radius);
font-size: 14px;
position: relative;
line-height: 2;
background-color: white;
}
.as-expression-input.as-disabled {
background-color: var(--as-disabled-background-color);
color: var(--as-disabled-text-color);
pointer-events: none;
}
.as-expression-input.as-border-none {
border: none;
}
.as-expression-input:not(.as-read-only):not(.as-disabled){
user-select: none;
}
.as-expression-input-range-ctn {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9;
pointer-events: none;
}
.as-expression-input-range {
position: absolute;
background-color: rgba(19, 176, 233, 0.4);
}
.as-expression-input-content {
min-height: 28px;
outline: none;
line-height: inherit;
white-space: pre-wrap;
padding-left: var(--as-input-horizontal-padding);
}
.as-expression-input-range-ctn {
left: var(--as-input-horizontal-padding);
}
.as-expression-input.as-has-icon .as-expression-input-content {
padding-left: calc(18px + var(--as-input-horizontal-padding));
}
.as-expression-input.as-has-icon .as-expression-input-range-ctn {
left: calc(18px + var(--as-input-horizontal-padding));
}
.as-expression-input-content .as-token[data-type="number"] {
color: #0289f6;
}
.as-expression-input-content .as-token[data-type="string"] {
color: darkgreen;
}
.as-expression-input-content .as-token[data-ex-type="boolean"] {
color: #f6a128;
}
.as-expression-input-content .as-token[data-ex-type="function"] {
color: #2419c8
}
.as-expression-input-icon-ctn {
position: absolute;
left: 0;
top: 0;
bottom: 0;
pointer-events: none;
font-size: 1.5em;
line-height: 28px;
display: none;
}
.as-expression-input.as-has-icon .as-expression-input-icon-ctn {
display: block;
}
.as-expression-input-icon-ctn .mdi-equal {
color: rgba(169, 169, 170);
}
.as-expression-input-icon-ctn .mdi-alert-circle {
color: red;
opacity: 0.8;
display: none;
}
.as-expression-input.as-error .as-expression-input-icon-ctn .mdi-alert-circle {
display: inline-block;
}
.as-expression-input.as-error .as-expression-input-icon-ctn .mdi-equal {
display: none;
}
.as-token.as-unexpected-token {
background-color: red;
animation-name: error_blink;
animation-duration: 1s;
animation-iteration-count: infinite;
}
.as-expression-input-autocomplete {
min-width: 10em;
position: fixed;
z-index: 1000;
}
.as-expression-input-autocomplete .absol-selectlist-item {
padding-right: 0.3em;
}
.as-ei-suggestion-list-item {
--level: 0;
height: 30px;
padding-right: 1em;
min-width: 10em;
white-space: nowrap;
}
.as-ei-suggestion-list-item:hover {
background-color: var(--as-list-item-hover-background-color);
}
.as-ei-suggestion-list-item.as-selected {
background-color: var(--as-list-item-selected-background-color);
}
.as-ei-suggestion-list-item::before {
content: "";
height: 100%;
}
.as-ei-suggestion-list-item > *,
.as-ei-suggestion-list-item::before
{
display: inline-block;
vertical-align: middle;
}
.as-ei-suggestion-list-item:not(.as-status-open):not(.as-status-close) .as-eisli-toggler{
visibility: hidden;
}
.as-ei-suggestion-list-item.as-status-open .toggle-close,
.as-ei-suggestion-list-item.as-status-close .toggle-open
{
display: none;
}
.as-eisli-toggler {
text-align: right;
width: calc(1em * var(--level) + 1.5em);
padding-right: 0.5em;
}
.as-ei-suggestion-list {
max-height: calc(100vh - 100px);
overflow-y:auto ;
}
.as-ei-suggestion-list .mdi {
width: 30px;
text-align: center;
font-size: 1em;
}
.as-ei-suggestion-list .mdi.mdi-function {
color: #2419c8;
}
.as-ei-suggestion-list .mdi.mdi-variable {
color: #5b5d42;
}
.as-ei-suggestion-list .am-select-tree-leaf-item-icon-ctn {
left: calc(2em * var(--level) - 14px)
}
.as-expression-input-real-input {
position: absolute;
z-index: 10;
right: 0;
top: 0;
width: 100px;
height: 100px;
opacity: 0.5;
/*visibility: hidden;*/
}
.as-expression-input-foreground {
position: absolute;
z-index: 8;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.as-ei-command-tool {
background: white;
border: 1px solid #e0e0e0;
border-radius: 3px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
padding: 0 3px;
box-sizing: border-box;
height: 31px;
}
.as-ei-command-tool::before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.as-ei-command-tool button {
font-size: 14px;
width: 25px;
height: 25px;
padding: 0;
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
}
.as-ei-command-tool button:hover {
background-color: #f0f0f0;
}
.as-ei-command-tool button:not(:last-child) {
margin-right: 3px;
}
@keyframes error_blink {
0% {
background-color: red
}
50% {
background-color: transparent
}
100% {
background-color: red
}
}
/*** module: node_modules/absol-acomp/css/compactdatagrid.css ***/
.as-compact-data-grid-editor {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 14px;
border: 1px solid #dddddd;
box-sizing: border-box;
}
.as-cag-var-mng {
padding: 10px;
border-bottom: 1px solid #dddddd;
background-color: #fefefe;
}
.as-cag-var {
display: inline-block;
padding: 5px 10px;
background-color: #0a90eb;
border-radius: 5px;
color: white;
cursor: move;
user-select: none;
}
.as-cag-var::after {
content: attr(data-default-title);
font-weight: inherit;
font-style: inherit;
}
.as-cag-var:not([data-default-title]) {
display: none;
}
.as-cag-var.as-focus {
box-shadow: 0px 0px 2px 2px rgba(255, 153, 0, 0.75);
}
/*.as-cag-var::before {*/
/* content: "[title]: ";*/
/*}*/
.as-cag-var[data-title]::before {
content: attr(data-title) ": ";
font-style: italic;
}
.as-cag-var[data-title=""]::before {
display: none;
}
.as-clone-var {
box-shadow: 0px 0px 0px 4px rgba(70, 70, 90, 0.95) !important;
background-color: rgba(255, 255, 255, 0.7);
color: rgba(0, 0, 0, 0.7);
}
.as-cag-var-mng .as-cag-var {
margin-bottom: 5px;
}
.as-cag-var:not(:last-child) {
margin-right: 10px;
}
.as-cdg-table {
margin: 15px;
border-collapse: collapse;
user-select: none;
}
.as-cdg-table > thead {
background-color: #e3e2e2;
}
.as-cdg-table > thead.as-hidden {
display: none;
}
.as-cdg-table > thead th {
border-color: #aaaaaa;
height: 40px;
box-sizing: border-box;
}
.as-cdg-table > thead pre{
white-space: pre-wrap;
font-family: inherit;
outline: none;
line-height: 1.5;
vertical-align: middle;
}
.as-cdg-table > thead pre:focus {
background-color: rgba(255, 255, 255, 0.5);
}
.as-ca-cell:empty {
padding: 10px 30px;
text-align: center;
}
.as-cdg-table > tbody .as-ca-cell:empty::before {
content: "+";
font-size: 1.1em;
color: #1da1ff;
pointer-events: none;
}
.as-ca-cell {
/*border: 1px dashed rgba(150, 150, 250, 0.3);*/
border: 1px solid #dddddd;
white-space: nowrap;
padding: 5px 20px;
position: relative;
}
.as-ca-cell.as-hovering,
.as-ca-cell.as-hovering.as-selected {
background-color: rgba(78, 246, 162, 0.15);
}
.as-ca-cell.as-selected {
background-color: rgba(78, 222, 246, 0.25);
}
.as-ca-cell.as-drag-over::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
display: block;
border: 2px solid #ff922a;
pointer-events: none;
}
.as-ca-cell.as-drag-over.as-bf {
--hover-x: 20px;
}
.as-ca-cell.as-drag-over.as-bf::after {
content: "";
position: absolute;
top: 4px;
bottom: 4px;
width: 6px;
border-radius: 3px;
background-color: #0a90eb;
left: calc(var(--hover-x) - 8px);
animation-name: as_ca_bf_blink;
animation-duration: 0.5s;
animation-iteration-count: infinite;
}
@keyframes as_ca_bf_blink {
0% {
background-color: #0a90eb;
}
50% {
background-color: transparent;
}
100% {
background-color: #0a90eb;
}
}
.as-cdg-variable-edit-dialog .as-table-grid-cell {
padding: 5px 10px;
}
.as-cdg-variable-edit-dialog button {
min-width: 100px;
}
.as-cdg-variable-edit-dialog input[type="text"] {
width: 200px;
}
.as-compact-data-grid-editor-body {
overflow: auto;
}
.as-compact-data-grid-editor .as-table-of-text-input-tool .as-ribbon-button {
width: 80px;
}
.as-compact-data-grid-editor .as-table-of-text-input-tool .as-ribbon-button svg {
width: 24px;
height: 24px;
}
.as-toggle-header-ico:not(.as-show-header) .as-icon-add {
display: none;
}
.as-toggle-header-ico .as-icon-minus {
stroke: red !important;
}
.as-toggle-header-ico.as-show-header .as-icon-minus,
.as-toggle-header-ico.as-show-header .as-icon-add {
stroke: blue !important;
}
/*** module: node_modules/absol-acomp/css/fontinput.css ***/
.as-font-input {
display: inline-block;
vertical-align: middle;
height: calc(2em + 2px);
width: 12em;
border-radius: 3px;
border: 1px solid #ddd;
}
.as-font-input-family {
}
.as-font-input-size {
}
.as-font-family-select-list {
font-size: 16px;
cursor: default;
user-select: none;
min-width: 12em;
padding-top: 40px;
}
.as-font-family-select-list-header{
padding: 5px;
position: absolute;
left: 0;
width: 100%;
box-sizing: border-box;
height: 40px;
top: 0;
}
.as-font-family-select-list-content {
overflow-y: auto;
}
.as-font-family-select-item {
height: 2em;
line-height: 2em;
padding: 0 20px 0 10px;
}
.as-font-family-select-item:hover {
background-color: var(--as-list-item-hover-background-color);
}
.as-font-family-select-item:active {
/*background-color: var(--as-list-item-active-background-color);*/
}
.as-font-family-select-item.as-selected {
background-color: var(--as-list-item-selected-background-color);
}
/*** module: node_modules/absol-acomp/css/collapsibletreenavigator.css ***/
.as-collapsible-tree-navigator {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 14px;
border-bottom: 1px solid #aaaaaa;
/*border-left: 1px solid #aaaaaa;*/
user-select: none;
padding-right: 4px;
position: relative;
box-sizing: border-box;
--level: 0;
--selected-y: 0;
}
.as-collapsible-tree-navigator::after {
content: "";
position: absolute;
transition: top 0.2s;
top: var(--selected-y);
height: 30px;
border-right: 4px solid rgb(20, 100, 246);
right: 0;
}
.as-ctn-collapse-node {
--children-height: 1000px;
}
.as-ctn-right > span.mdi {
font-size: 20px;
vertical-align: middle;
transition: transform 0.2s ease-in-out;
transform: rotate(0deg);
visibility: hidden;
display: inline-block;
}
.as-ctn-collapse-node.as-close .as-ctn-right > span.mdi-chevron-right {
visibility: visible;
}
.as-ctn-collapse-node.as-open .as-ctn-right > span.mdi-chevron-right {
visibility: visible;
transform: rotate(90deg);
}
.as-ctn-collapse-node-content {
height: 31px;
box-sizing: border-box;
padding: 0 50px 0 8px;
position: relative;
background-color: rgb(240, 240, 242);
border-top: 1px solid #aaaaaa;
/*border-right: 1px solid #aaaaaa;*/
}
.as-ctn-collapse-node-content:hover,
.as-ctn-node-content:hover {
background-color: var(--as-transparent-button-hover-color);
}
.as-ctn-collapse-node-content::before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.as-ctn-collapse-node.as-open .as-ctn-collapse-node-children-ctn {
/*max-height: calc(var(--children-height) + 1px);*/
}
.as-ctn-collapse-node.as-close .as-ctn-collapse-node-children-ctn,
.as-ctn-node.as-close .as-ctn-node-children-ctn {
/*max-height: 0;*/
display: none;
}
.as-ctn-collapse-node-children-ctn,
.as-ctn-node-children-ctn
{
box-sizing: border-box;
}
.as-ctn-collapse-node.as-open .as-ctn-collapse-node-content,
.as-ctn-collapse-node:not(:last-child) {
/*border-bottom: 1px solid rgb(60, 60, 62);*/
}
.as-ctn-right {
position: absolute;
right: 10px;
top: 0;
height: 100%;
}
.as-ctn-right::after {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.as-ctn-text {
margin-left: 7px;
}
.as-ctn-text, .as-ctn-icon-ctn {
display: inline-block;
vertical-align: middle;
}
.as-ctn-count {
font-size: 14px;
box-sizing: border-box;
text-align: center;
display: inline-block;
vertical-align: middle;
background-color: rgb(113, 148, 169);
line-height: 20px;
min-width: 20px;
padding-left: 5px;
padding-right: 5px;
height: 20px;
border-radius: 10px;
margin-left: 5px;
color: white;
}
.as-ctn-node {
position: relative;
}
.as-ctn-node-children-ctn:empty,
.as-ctn-node-children-ctn:empty {
display: none;
}
.as-ctn-node-children-ctn .as-ctn-node:first-child::before {
top: -15px;
height: 30px;
}
.as-ctn-node:not(:last-child)::before {
height: 100%;
}
.as-ctn-node-content {
height: 30px;
padding-right: 10px;
box-sizing: border-box;
padding-left: calc(25px * var(--level) - 20px);/*5 is padding in level 0*/
}
.as-ctn-node-content::before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.as-ctn-node-children-ctn {
box-sizing: border-box;
}
.as-ctn-collapse-node.as-selected > .as-ctn-collapse-node-content .as-ctn-text,
.as-ctn-node.as-selected > .as-ctn-node-content .as-ctn-text {
text-shadow: 1px 0 0 currentColor;
}
.as-ctn-collapse-node-content .toggler-ico,
.as-ctn-node-content .toggler-ico {
display: inline-block;
vertical-align: middle;
width: 1em;
height: 1em;
}
.as-ctn-collapse-node-content .toggler-ico g,
.as-ctn-node-content .toggler-ico g {
visibility: hidden;
}
.as-ctn-collapse-node.as-open > .as-ctn-collapse-node-content .toggler-ico .toggle-open,
.as-ctn-collapse-node.as-close > .as-ctn-collapse-node-content .toggler-ico .toggle-close,
.as-ctn-node.as-open > .as-ctn-node-content .toggler-ico .toggle-open,
.as-ctn-node.as-close > .as-ctn-node-content .toggler-ico .toggle-close {
visibility: visible;
}
/*** module: node_modules/absol-acomp/css/keeview.css ***/
/****Adapt icon************/
.fa-close:before {
content: "\f00d";
}
.kv-document-2-site {
display: flex;
align-content: stretch;
}
.kv-document-2-site-left {
background-color: rgb(61, 29, 154);
}
.kv-document-2-site-right {
flex-grow: 1;
}
.kv-document-2-site-left-header {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
padding: 25px 20px;
}
.kv-document-2-site-left-header-logo {
height: 65px;
display: inline-block;
vertical-align: middle;
}
.kv-document-2-site-left-header-text {
font-weight: bold;
font-size: 25px;
display: inline-block;
vertical-align: middle;
color: #26afa8;
}
.kv-document-2-site-left .as-vertical-timeline {
padding: 5px 20px;
}
/* For Document page */
.kv-document-page {
flex-direction: column;
display: flex;
}
div.kv-document-page.absol-frame {
display: flex;
}
.kv-document-page-header {
position: relative;
text-align: left;
padding: 10px 10px 10px 10px;
}
.kv-document-page-title {
font-size: 18px;
font-weight: bold;
line-height: 30px;
}
.kv-document-page-close-btn {
float: right;
}
.kv-document-transparent-btn {
background-color: transparent;
border-radius: 50%;
height: 30px;
width: 30px;
padding: 0;
color: var(--as-transparent-button-text-color);
font-size: 20px;
border: none;
}
.kv-document-transparent-btn:hover {
color: var(--as-transparent-button-text-hover-color);
}
.kv-document-transparent-btn:active {
color: var(--as-transparent-button-text-active-color);
}
.kv-document-page-content {
flex-grow: 1;
overflow: auto;
padding: 10px 20px 10px 20px;
}
.kv-document-page-footer {
display: flex;
position: relative;
padding: 30px 20px 10px 20px;
}
.kv-document-page-footer .as-flexicon-button {
min-width: 110px;
height: 30px;
}
.kv-document-page-footer-left {
flex-grow: 1;
}
.kv-document-page-footer-left > *:not(:first-child) {
margin-left: 20px;
}
.kv-document-page-footer-right {
text-align: right;
}
.kv-document-page-footer-right > *:not(:last-child) {
margin-right: 20px;
}
.kv-document-link {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: black;
cursor: pointer;
height: 30px;
padding: 0 20px;
white-space: normal;
border-radius: 3px;
display: inline-block;
vertical-align: middle;
}
.kv-document-link:hover {
color: rgb(20, 100, 246);
}
.kv-document-link > span,
.kv-document-link::before {
display: inline-block;
vertical-align: middle;
}
.kv-document-link::before {
content: "";
height: 100%;
}
.kv-document-link.kv-variant-primary {
color: white;
background-color: rgb(26, 146, 255);
}
/*************************************************************/
.as-message-input-body .as-message-input-text-input {
padding-left: var(--control-horizontal-distance-2);
padding-top: var(--control-verticle-distance-1);
padding-bottom: var(--control-verticle-distance-1);
padding-right: var(--control-horizontal-distance-2);
min-height: 40px;
}
/*TODO: find usage*/
.bsc-white .absol-selectmenu-anchor-content-container {
z-index: 200001;
}
.bsc-white .absol-context-menu-anchor {
font-size: var(--font-size-right-mouse-menu);
}
.card-mobile-content > div:not([class]):first-child:last-child .as-dynamic-table-wrapper.as-overflow-y {
height: 100%;
}
/* todo: normalize for all module
.absol-selectmenu-holder-item .absol-selectlist-item-text,
.absol-selectmenu-holder-item .absol-selectlist-item-desc {
line-height: calc(var(--control-height) - 10px);
}
.bsc-white .absol-selectmenu {
height: var(--control-height);
font-size: var(--font-size-text-input);
}
.bsc-white .absol-selectlist .absol-selectlist-item {
font-size: var(--font-size-text-input);
height: 1.42857142857em;
}
.bsc-white .absol-selectlist .absol-selectlist-item>span {
line-height: 1.42857142857;
}
.bsc-white .absol-search-text-input {
font-size: var(--font-size-text-input);
}
*/
.absol-single-page.as-has-footer-margin > .absol-single-page-scroller{
padding-bottom: var(--footer-margin);
}
/*** module: node_modules/absol-acomp/css/cpuviewer.css ***/
.as-cpu-viewer{
position: fixed;
bottom: 5px;
right: 5px;
box-sizing: border-box;
z-index: 1000000000;
border: 1px solid black;
display: inline-block;
}
.as-cpu-viewer canvas{
display: block;
}
.as-pending-attachhook-count{
padding: 10px;
border-radius: 4px;
position: fixed;
z-index: 1000000;
right: 10px;
top: 10px;
background: white;
border: 1px solid red;
opacity: 0.5;
pointer-events: none;
}
.as-pending-attachhook-count:hover {
opacity: 0.0;
}
/*** module: node_modules/absol-acomp/css/keeview/overviewwidget.css ***/
.kv-overview-widget {
background-color: rgb(212, 227, 252);
padding: 0 5px 5px 5px;
border-radius: 3px;
box-sizing: border-box;
display: inline-block;
width: 25em;
height: 40em;
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
position: fixed;
--x: 0;
--y: 0;
left: var(--x);
top: var(--y);
z-index: 3000000;
}
.kv-overview-widget-header {
height: 2em;
padding-left: calc(10em / 14);
user-select: none;
position: relative;
}
.kv-overview-widget-header-window-action {
position: absolute;
right: 5px;
top: calc(50% - 10em / 14);
height: calc(20em / 14);
display: inline-block;
}
.kv-overview-widget-header-window-action button {
background-color: transparent;
border-radius: 3px;
padding: 0;
border: none;
width: 20px;
height: 20px;
color: rgb(69, 69, 70);
}
.kv-overview-widget-header-window-action button:hover {
background-color: var(--as-transparent-button-hover-color);
}
.kv-overview-widget-header-window-action button:hover {
background-color: var(--as-transparent-button-active-color);
}
.kv-overview-widget-title {
font-weight: bold;
display: inline-block;
line-height: 2em;
}
.kv-overview-widget-body {
box-sizing: border-box;
padding-top: 5px;
background-color: white;
height: calc(100% - 2em);
position: relative;
}
.kv-overview-widget-body > .absol-tabview > .absol-tabbar .absol-hscroller-viewport {
width: 100%;
height: 100%;
}
.kv-overview-widget-body > .absol-tabview > .absol-tabbar .absol-hscroller-viewport {
padding-left: 5px;
box-sizing: border-box;
}
.kv-overview-widget-body > .absol-tabview > .absol-tabbar .as-tab-bar-button-ext-icon-ctn {
margin: 0;
}
.kv-overview-widget-page > div {
width: 100%;
height: 100%;
}
.kv-overview-widget-tab-view .absol-tabbar-button > .absol-tabbar-button-icon-container {
display: none;
}
.kv-overview-widget-tab-view .absol-tabbar-button {
min-width: 70px;
text-align: left;
}
.kv-overview-widget-tab-view {
width: 100%;
height: 100%;
}
.kv-overview-widget-bubble {
position: fixed;
z-index: 3000000;
width: 54px;
height: 54px;
border-radius: 50%;
background-color: white;
box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.75);
-webkit-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.75);
user-select: none;
}
.kv-overview-widget-bubble:hover {
background-color: rgb(240, 240, 250);
}
.kv-overview-widget-bubble:active {
box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
}
.kv-overview-widget-bubble-background {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
pointer-events: none;
}
.kv-overview-widget-bubble-badge {
position: absolute;
left: calc(85% - 10px);
bottom: calc(85% - 10px);
text-align: center;
padding:0 3px ;
background-color: rgba(255, 0, 0, 0.7);
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
height: 30px;
min-width: 30px;
white-space: nowrap;
border-radius: 15px;
box-sizing: border-box;
}
.kv-overview-widget-bubble-badge span,
.kv-overview-widget-bubble-badge::before {
display: inline-block;
vertical-align: middle;
}
.kv-overview-widget-bubble-badge::before{
content:"" ;
height: 100%;
}
/*** module: node_modules/absol-acomp/css/keeview/owmodal.css ***/
.kv-ow-modal-manager {
position: absolute;
z-index: 3000010;
width: 100%;
height: 100%;
left: 0;
top: 0;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
background-color: rgba(0, 0, 0, 0.502);
box-sizing: border-box;
overflow: auto;
padding-top: 10px;
padding-bottom: 10px;
}
.kv-ow-modal-manager:empty {
display: none;
}
.kv-ow-modal {
white-space: nowrap;
text-align: center;
position: absolute;
z-index: 1;
left: 0;
right: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 60px 20px 10px 20px;
}
.kv-ow-modal::before {
content: "";
height: 66%;
}
.kv-ow-modal::before,
.kv-ow-modal-window {
display: inline-block;
vertical-align: middle;
}
.kv-ow-modal-window {
background-color: white;
white-space: normal;
text-align: left;
-webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 90, 0.55);
-moz-box-shadow: 2px 2px 6px 0 rgba(0, 0, 90, 0.55);
box-shadow: 2px 2px 6px 0 rgba(0, 0, 90, 0.55);
border-radius: 4px;
max-width: 100%;
max-height: 100%;
overflow: hidden;
box-sizing: border-box;
display: inline-flex;
flex-direction: column;
align-items: stretch;
}
.kv-ow-modal-title {
font-size: 14px;
line-height: 1.5;
font-weight: bold;
}
.kv-ow-modal-header {
padding: 10px 10px 5px 10px;
}
.kv-ow-modal-body {
flex-grow: 1;
overflow-y: auto;
padding: 10px 10px;
}
.kv-ow-modal-footer {
padding: 10px 10px;
text-align: center;
}
.kv-ow-modal-header:empty,
.kv-ow-modal-body:empty,
.kv-ow-modal-footer:empty {
display: none;
}
.kv-ow-modal-footer > button {
height: 30px;
min-width: 110px;
}
.kv-ow-modal-footer > button:not(:last-child) {
margin-right: 20px;
}
/*** module: node_modules/absol-mobile/css/mobileapp.css ***/
/*IN ACOMP*/
/*** module: node_modules/absol-mobile/css/mleftnavigator.css ***/
.am-navigator {}
.am-navigator-content {
right: 100%;
top: 0;
bottom: 0;
z-index: 1001;
position: fixed;
/* touch-action: auto; */
overflow-y: scroll;
}
.am-navigator-content:empty {
background-color: gray;
width: 60vw;
}
.am-navigator-modal {
position: fixed;
left: 0;
top: 0;
bottom: 0;
width: 20px;
touch-action: none;
opacity: 0.001;
}
.am-navigator.am-dragging {
touch-action: none;
user-select: none;
}
.am-navigator.am-dragging .am-navigator-modal,
.am-navigator.am-open .am-navigator-modal {
width: 100%;
background-color: rgb(169, 160, 170);
z-index: 1000;
}
.am-navigator.am-open .am-navigator-modal {
opacity: 0.5;
}
/*** module: node_modules/absol-mobile/css/mnavigatormenu.css ***/
.am-navigator-menu {
font-family: Arial, Helvetica, sans-serif;
}
.am-navigator-menu-header {
background-image: url(http://absol.cf/assets/background/188-1881044_dual-android-navigation-drawer-background.jpg);
min-width: 12em;
background-size: cover;
color: white;
box-sizing: border-box;
padding-left: 0.625em;
padding-top: 0.625em;
padding-bottom: 0.625em;
padding-right: 0.125em;
}
.am-navigator-menu .am-navigator-content {
background-color: white;
overflow-y: auto;
}
.am-navigator-menu-avatar-ctn {
padding-top: 0.625em;
padding-bottom: 0.625em;
}
.am-navigator-menu-avatar {
width: 5em;
height: 5em;
border-radius: 50%;
background-image: url(https://avatars2.githubusercontent.com/u/9133017?s=460&v=4);
background-size: cover;
}
.am-navigator-menu-full-name {
font-size: 1.14285714286em;
font-weight: bold;
white-space: nowrap;
}
.am-navigator-menu-email {}
.am-navigator-menu-group-name {
padding-left: 0.625em;
line-height: 2.5;
color: rgb(104, 104, 105);
font-weight: bold;
}
.am-navigator-menu-item {
position: relative;
height: 2.5em;
padding-left: 2.92857143em;
}
.am-navigator-menu-item:active{
background-color: rgba(169, 169, 169, 0.3 );
}
.am-navigator-menu-item-icon-ctn {
position: absolute;
left: 0.625em;
top: 0.5em;
bottom: 0.5em;
width: 1.5em;
height: 1.5em;
}
.am-navigator-menu-item-icon-ctn span {
font-size: 1.5em;
line-height: 1;
}
.am-navigator-menu-item-text {
font-size: inherit;
line-height: 2.5;
}
.am-navigator-menu-group:not(:last-child) {
border-bottom: 1px solid #ddd;
}
/*** module: node_modules/absol-mobile/css/mbottomtabbar.css ***/
.am-bottom-tabbar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
-webkit-box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.52);
-moz-box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.52);
box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.25);
/*filter: drop-shadow(0 0 0.75rem rgba(0, 0, 0, 0.25));*/
background-color: white;
z-index: 100;
font-size: 1rem;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
height: 3rem;
}
.am-bottom-tabbar-line {
left: 40%;
width: 20%;
top: 0;
position: absolute;
border-top: 2px solid rgb(47, 147, 246);
box-sizing: border-box;
transition: left cubic-bezier(.47, 0, .4, 1) 0.1s;
}
.am-bottom-tabbar-content {
width: 100%;
display: table;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 5;
}
.am-bottom-tabbar-content-row {
display: table-row;
}
.am-bottom-tabbar-item {
display: table-cell;
text-align: center;
color: rgb(96, 96, 96);
transition: color cubic-bezier(.47, 0, .4, 1) 0.2s;
position: relative;
}
.am-bottom-tabbar-item.am-active {
color: rgb(47, 147, 246);
}
.am-bottom-tabbar-item > span {
font-size: 2em;
line-height: 1.5;
}
.am-bottom-tabbar-item-counter {
height: 1.4em;
left: calc(50% + 0.33em);
top: calc(50% - 1em);
font-size: 0.8em;
position: absolute;
min-width: 1.0em;
border-radius: 0.7em;
z-index: 1;
text-align: center;
background-color: rgb(254, 80, 81);
line-height: 1.4em;
color: white;
font-family: Arial, Helvetica, sans-serif;
padding-left: 0.2em;
padding-right: 0.2em;
box-sizing: content-box;
}
.am-bottom-tabbar-item-counter:empty {
display: none;
}
.am-bottom-tabbar-sub-item-ctn {
position: absolute;
left: 0;
right:0 ;
bottom: 0;
z-index: 1;
height: 3rem;
transition: all 200ms cubic-bezier(0.805, 0.125, 0.025, 1.325); /* custom */
transition-timing-function: cubic-bezier(0.805, 0.125, 0.025, 1.325); /* custom */
text-align: center;
}
.am-bottom-tabbar-sub-item-ctn.am-prepare-appear {
bottom: 0;
visibility: hidden;
}
.am-bottom-tabbar-sub-item-ctn.am-appear {
bottom: 3rem;
}
.am-bottom-tabbar-sub-item-ctn.am-prepare-disappear{
bottom: 0;
}
.am-bottom-tabbar-sub-item-box {
border-radius: 0.2rem;
display: inline-block;
background-color: white;
-webkit-box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.52);
-moz-box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.52);
box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.25);
}
.am-bottom-tabbar-sub-item-box .am-bottom-tabbar-item{
display: inline-block;
width: 4rem;
}
/*** module: node_modules/absol-mobile/css/mtinyprofileblock.css ***/
.am-tiny-profile-block {
height: 5.42857143em;
background-color: white;
position: relative;
box-sizing: border-box;
padding-top: 0.625em;
padding-bottom: 0.625em;
padding-left: 0.125em;
font-family: Arial, Helvetica, sans-serif;
}
.am-tiny-profile-block-avatar {
display: inline-block;
vertical-align: middle;
width: 4em;
height: 4em;
border-radius: 50%;
background-image: url(https://avatars1.githubusercontent.com/u/32388488?s=400&v=4);
background-size: cover;
}
.am-tiny-profile-block-text-ctn {
display: inline-block;
vertical-align: middle;
padding-left: 0.125em;
}
.am-tiny-profile-block-name {
font-size: 1.5em;
font-weight: 400;
}
.am-tiny-profile-block-desc {
font-size: 0.8em;
}
/*** module: node_modules/absol-mobile/css/mmatmenu.css ***/
.am-mat-menu-button {
font-size: inherit;
position: relative;
display: block;
padding: 0;
padding-left: 1.07142857143em;
height: 3em;
box-sizing: border-box;
align-items: center;
border: none;
outline: none;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
border-top: 1px solid #ddd;
user-select: none;
-webkit-user-select: none;
background-color: transparent;
color: black;
}
.am-mat-menu-button-level {
display: inline-block;
vertical-align: middle;
white-space: pre;
}
.am-mat-menu-button:not(.am-status-close):not(.am-status-open):active {
background-color: rgb(169, 169, 169, 0.1);
}
.am-mat-menu-button .am-mat-menu-button-toggle-icon-ctn {
visibility: hidden;
}
.am-mat-menu-button.am-status-close .am-mat-menu-button-toggle-icon-ctn,
.am-mat-menu-button.am-status-open .am-mat-menu-button-toggle-icon-ctn {
visibility: visible;
}
.am-mat-menu-button[data-level="1"] .am-mat-menu-button-icon-ctn .am-mdi-rect {
background: rgb(136, 136, 136);
}
.am-mat-menu-button-icon-ctn {
height: 2em;
width: 2em;
text-align: center;
display: inline-block;
vertical-align: middle;
}
.am-mat-menu-button-icon-ctn > img {
display: inline-block;
font-size: inherit;
width: 2em;
height: 2em;
}
.am-mat-menu-button-icon-ctn > span {
font-size: 2em;
line-height: 1;
}
.am-mat-menu-button-text {
vertical-align: middle;
display: inline-block;
margin-left: 1.07142857143em;
font-size: inherit;
}
.am-mat-menu-button-toggle-icon-ctn {
position: absolute;
right: 1.07142857143em;
top: 0.5em;
bottom: 0.5em;
width: 2em;
text-align: center;
}
.am-mat-menu-button-toggle-icon-ctn > span {
font-size: 1.5em;
line-height: 1.3333333;
color: rgb(191, 191, 191);
}
.am-mat-menu-button-toggle-icon-ctn > span:before {
transition: transform 0.2s;
}
.am-mat-menu-item > .am-mat-menu-button {
width: 100%;
}
.am-mat-menu-dropdown:empty {
display: none;
}
.am-mat-menu-dropdown {
overflow-y: hidden;
transition: max-height 0.2s ease-out;
max-height: 0;
}
.am-mat-menu {
background-color: white;
-webkit-box-shadow: 0px 1px 1px 0px #ddd;
-moz-box-shadow: 0px 1px 1px 0px #ddd;
box-shadow: 0px 1px 1px 0px #ddd;
}
/*** module: node_modules/absol-mobile/css/mmdirect.css ***/
.am-mdi-rect {
border-radius: 0.2em;
font-size: inherit;
height: 2em;
width: 2em;
text-align: center;
background-color: rgb(2, 121, 251);
vertical-align: middle;
display: inline-block;
}
.am-mdi-rect-icon{
font-size: 1.5em;
line-height: 1.333333;
color: white;
display: inline-block;
}
/*** module: node_modules/absol-mobile/css/mheaderbar.css ***/
/**IN ACOMP*/
/*** module: node_modules/absol-mobile/css/mconversation.css ***/
.am-conversation {
position: relative;
height: 5em;
font-family: Arial, Helvetica, sans-serif;
}
.am-conversation-avatar-ctn {
position: absolute;
left: 0.625em;
top: calc(50% - 1.725em);
height: 3.5em;
width: 3.5em;
}
.am-conversation-avatar-ctn .am-conversation-avatar{
width: 100%;
height: 100%;
}
.am-conversation-bottom-line {
position: absolute;
bottom: 0;
right: 0;
left: 5em;
border-bottom: 0.5px solid #dddddd;
}
.am-conversation-body {
position: absolute;
left: 5em;
overflow: hidden;
right: 3em;
padding-top: 0.5em;
}
.am-conversation-name {
line-height: 2;
}
.am-conversation-short-content {
text-overflow: ellipsis;
max-width: 100%;
height: 2em;
line-height: 2;
white-space: nowrap;
overflow: hidden;
font-size: 0.825em;
}
.am-conversation-time-ctn {
position: absolute;
right: 0.625em;
top: 0.825em;
}
.am-conversation-time {
font-size: 0.75em;
}
.am-conversation-counter {
height: 1.4em;
right: 0.78125em;
top: 3.3em;
font-size: 0.8em;
position: absolute;
min-width: 1.0em;
border-radius: 0.7em;
z-index: 1;
background-color: black;
text-align: center;
background-color: rgb(254, 80, 81);
line-height: 1.4em;
color: white;
font-family: Arial, Helvetica, sans-serif;
padding-left: 0.2em;
padding-right: 0.2em;
box-sizing: content-box;
}
.am-conversation-counter:empty {
display: none;
}
.am-conversation.am-status-unread .am-conversation-name,
.am-conversation.am-status-unread .am-conversation-short-content {
font-weight: bold;
}
/*** module: node_modules/absol-mobile/css/mmessageinput.css ***/
.am-message-input-left {
position: absolute;
left: 10px;
bottom: 13px;
}
.am-message-input.as-message-input {
padding-left: 50px;
}
.am-message-input .as-message-input-emoji-btn-ctn {
left: unset;
right: 6px;
}
.am-message-input .as-message-input-pre-ctn::after {
height: 24px;
}
.am-message-input .as-message-input-plugin-file {
display: none;
}
.am-message-input .as-message-input-pre-ctn {
padding-left: 40px;
padding-right: 15px;
width: calc(100% - 49px);
}
.am-message-input .as-message-input-right {
bottom: 13px;
}
.as-message-input.as-mode-edit .am-message-input-plugin-camera,
.as-message-input.as-has-text .am-message-input-plugin-camera {
display: none;
}
.am-message-input .as-message-input-plugin-btn {
width: 34px;
height: 34px;
}
.am-message-input:not(.as-has-text):not(.as-focus) .am-message-input-plugin-more {
background: linear-gradient(135deg, rgb(0, 120, 212), rgb(0, 188, 242));
color: white;
}
/*** module: node_modules/absol-mobile/css/mmessagetool.css ***/
.am-message-tool {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 100000;
background-color: rgba(0, 0, 0, 0.5);
font-size: 14px;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
--box-height: 272px;
transition: background-color 0.25s;
}
.am-message-tool.am-hiding .am-message-tool-box {
bottom: calc(0px - var(--box-height));
}
.am-message-tool.am-hiding {
background-color: rgba(0, 0, 0, 0.0);
}
.am-message-tool-box {
position: fixed;
left: 0;
right: 0;
bottom: 0;
background-color: white;
padding-bottom: 10px;
transition: bottom 0.25s;
}
.am-message-tool-header {
position: relative;
height: calc(3em + 10px);
box-sizing: border-box;
text-align: center;
}
.am-message-tool-header::before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.am-message-tool-header-close-btn-ctn {
position: absolute;
left: 5px;
top: calc(50% - 1.5em);
}
.am-message-tool-header-close-btn {
height: 3em;
width: 3em;
border-radius: 50%;
border: none;
color: black;
background-color: transparent;
outline: none;
}
.am-message-tool-header-close-btn:active {
background-color: rgba(169, 169, 169, 0.3);
}
.am-message-tool-header-close-btn span {
font-size: 2em;
}
.am-message-tool-title {
font-size: 1.5em;
display: inline-block;
vertical-align: middle;
font-weight: bolder;
}
.am-message-tool-body {
overflow-y: auto;
max-height: 60vh;
}
.am-message-tool-plugin {
display: flex;
height: 5em;
}
.am-message-tool-plugin-icon-ctn {
width: 5em;
text-align: center;
padding: 0.8em;
box-sizing: border-box;
}
.am-message-tool-plugin-icon-ctn > span {
display: block;
width: 100%;
height: 100%;
font-size: 2em;
line-height: 1.7;
background-color: rgb(241, 241, 243);
border-radius: 0.3em;
}
.am-message-tool-plugin-content {
flex-grow: 1;
padding: 5px;
box-sizing: border-box;
}
.am-message-tool-plugin:not(:last-child) .am-message-tool-plugin-content {
border-bottom: 1px solid #dddddd;
}
.am-message-tool-plugin-name {
font-size: 1.5em;
font-weight: bold;
margin-bottom: 0.3em;
}
.am-message-tool-plugin-desc {
color: rgb(79, 79, 80);
}
/*** module: node_modules/absol-mobile/css/mselectbox.css ***/
.am-select-box {
}
.am-select-box-modal .am-selectlist-item.as-selected {
display: none;
}
.am-select-box.disabled,
.am-select-box.as-disabled {
pointer-events: none;
background-color: #ebebe4;
}
/*** module: node_modules/absol-mobile/css/mblinkmodal.css ***/
.am-blink-modal {
left: 10px;
right: 10px;
position: fixed;
--hide-top: -1000px;
--show-top: 10px;
top: var(--hide-top);
z-index: -10000000;
border-radius: 10px;
overflow: hidden;
backdrop-filter: blur(1.5rem);
-webkit-backdrop-filter: blur(1.5rem);
background-color: rgba(228, 228, 228, 0.6);
-webkit-box-shadow: 10px 9px 29px -2px rgba(0,0,0,0.3);
-moz-box-shadow: 10px 9px 29px -2px rgba(0,0,0,0.3);
box-shadow: 10px 9px 29px -2px rgba(0,0,0,0.3);
padding: 25px;
visibility: hidden;
opacity: 0;
}
.am-blink-modal.am-animation {
z-index: 10000000;
visibility: visible;
opacity: 1;
transition: top cubic-bezier(.59, .01, .2, .99) 0.2s;
}
.am-blink-modal.am-show {
top: var(--show-top);
}
/*** module: node_modules/absol-mobile/css/mhsnapscroller.css ***/
.am-h-snap-scroller {
overflow-x: auto;
}
/*** module: node_modules/absol-mobile/css/mchecklist.css ***/
/*Moved to absol-acomp*/
/*** module: node_modules/absol-mobile/css/mmulticheckmenu.css ***/
.am-multi-check-menu{
--item-min-width: 60px;
max-height: var(--multi-select-menu-max-height);
max-width: calc(95vw - 60px);
}
.am-multi-check-menu .absol-selectbox-item-text span{
max-width: calc(95vw - 60px - 5em);
text-overflow: ellipsis;
overflow: hidden;
}
/*** module: node_modules/absol-mobile/css/mcabinetlist.css ***/
.am-cabinet-list {
}
.am-cabinet-list.am-searching .am-cabinet-item-drag{
pointer-events: none;
color: rgb(230, 230, 232);
}
.am-cabinet-item {
position: relative;
border-bottom: 1px solid #d6d6d6;
}
.am-cabinet-item:first-child {
border-top: 1px solid #d6d6d6;
}
.am-cabinet-item-drag {
width: 40px;
text-align: center;
display: none;
visibility: hidden;
}
.am-cabinet-item.as-board .am-cabinet-item-drag{
visibility: visible;
}
.am-cabinet-item-drag > i {
color: inherit;
}
.am-cabinet-list.am-draggable .am-cabinet-item-drag {
display: block;
}
.am-cabinet-item-body {
min-height: 39px;
white-space: nowrap;
display: flex;
align-items: center;
left: 0;
transition: left 0.1s;
position: relative;
background-color: white;
z-index: 3;
}
.am-cabinet-item.as-dragging .am-cabinet-item-body {
transition: none;
}
.am-cabinet-item-content {
flex-grow: 1;
}
.am-cabinet-item.am-flex-content .am-cabinet-item-content{
display: flex;
align-items: center;
}
.am-cabinet-item-quick-menu-btn {
width: 30px;
height: 30px;
background-color: transparent;
border: none;
padding: 0;
box-sizing: border-box;
transition: opacity 0.1s;
opacity: 1;
color: black;
}
.am-cabinet-item-quick-menu-btn i {
font-size: 20px;
color: inherit;
}
.am-cabinet-item-quick-menu-btn i{
font-size: var(--icon-fontsize);
}
.am-cabinet-item.as-board-moving {
transform: none;
left: var(--mk-navigator-bound-left) !important;
}
.am-cabinet-item.as-board-moving .am-cabinet-item-body {
background-color: rgb(169, 169, 172, 0.3);
}
.am-cabinet-item.as-board-moving .am-cabinet-item-right-action-ctn {
display: none;
}
.am-cabinet-item:not(.am-has-quick-menu) .am-cabinet-item-quick-menu-ctn {
display: none;
}
.am-cabinet-item-right-action-ctn {
position: absolute;
right: 0;
top: 0;
bottom: 0;
display: flex;
align-items: stretch;
transition: width 0.1s;
background-color: #ebebeb;
/*border-radius: 4px;*/
/*overflow: hidden;*/
}
.am-cabinet-item-right-action-ctn:empty {
display: none;
}
.am-cabinet-item.as-dragging .am-cabinet-item-right-action-ctn {
transition: none;
}
.am-cabinet-item-action {
min-width: 60px;
padding: 0 8px;
flex-grow: 1;
background-color: transparent;
border: none;
}
.am-cabinet-item-action:not(:first-child) {
border-left: 1px solid #dddddd;
}
.am-cabinet-item-action:active {
-webkit-box-shadow: inset 0 0.2em 0.25em rgba(0, 0, 0, 0.125);
box-shadow: inset 0 0.2em 0.25em rgba(0, 0, 0, 0.125);
}
.am-cabinet-transparent-btn {
border: none;
width: 30px;
height: 30px;
background-color: transparent;
outline: none;
}
/*** module: node_modules/absol-mobile/css/mcabinettreelist.css ***/
.am-cabinet-tree-list {
}
.am-cabinet-tree-list > .am-cabinet-tree:first-child > .am-cabinet-tree-node,
.am-cabinet-tree-list.am-searching .am-cabinet-tree.am-first-result>.am-cabinet-tree-node{
border-top: 1px solid #d6d6d6;
}
.am-cabinet-tree {
}
.am-cabinet-tree:not(.am-has-children) > .am-cabinet-tree-node .am-cabinet-tree-node-toggle-ctn,
.am-cabinet-tree:not(.am-opened) > .am-cabinet-tree-children,
.am-cabinet-tree-children:empty {
display: none;
}
.am-cabinet-tree-node {
border-bottom: 1px solid #d6d6d6;
}
.am-cabinet-tree-node-body {
position: relative;
box-sizing: border-box;
--level-padding: 0px;
padding-left: calc(40px + var(--level-padding));
/*padding-left: 1em;*/
}
.am-cabinet-tree-node-toggle-ctn {
box-sizing: border-box;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: calc(40px + var(--level-padding));
text-align: right;
padding-right: 0.5em;
}
.am-cabinet-tree-node-toggle-ctn > span,
.am-cabinet-tree-node-toggle-ctn::before {
display: inline-block;
vertical-align: middle;
font-size: 20px;
}
.am-cabinet-tree-node-toggle-ctn .mdi::before{
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
transition: transform 0.1s;
}
.am-cabinet-tree.am-opened > .am-cabinet-tree-node .am-cabinet-tree-node-toggle-ctn .mdi::before{
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.am-cabinet-tree-node-toggle-ctn::before {
content: "";
height: 100%;
}
.am-cabinet-tree-node-content {
min-height: 39px;
}
.am-cabinet-tree.am-flex-content > .am-cabinet-tree-node .am-cabinet-tree-node-content {
display: flex;
align-items: center;
}
.am-cabinet-tree-node:not(.am-has-quick-menu) .am-cabinet-tree-node-quick-menu-ctn {
display: none;
}
.am-cabinet-tree-node-quick-menu-ctn {
position: absolute;
right: 5px;
top: calc(50% - 15px);
}
.am-cabinet-tree-node.am-has-quick-menu .am-cabinet-tree-node-body {
padding-right: 40px;
box-sizing: border-box;
}
.am-cabinet-tree-list.am-searching .am-cabinet-tree:not(.am-in-search-result){
display: none;
}
.am-cabinet-tree-list.am-searching>.am-cabinet-tree:first-child .am-cabinet-tree-node{
border-top: none;
}
.am-cabinet-tree-list.am-searching,
.am-cabinet-tree-list.am-searching .am-cabinet-tree.am-opened>.am-cabinet-tree-children {
display: flex;
flex-direction: column;
align-items: stretch;
}
/*** module: node_modules/absol-svg/css/svg.css ***/
.as-view-box{
display: inline-block;
--zoom-rev: 1;
}
.ag-view-box-grid-primary{
stroke-width: var(--zoom-rev);
stroke: #ddd;
}
.ag-view-box-grid-secondary {
stroke-width: calc(var(--zoom-rev) / 2);
stroke: #eee;
}
/*** module: node_modules/absol-vchart/src/style/minicomp.css ***/
.vchart-vscrollbar-bar{
fill: rgba(0, 0, 0, 0.07);
}
.vchart-vscrollbar-button{
fill:rgba(0, 0, 0, 0.1); ;
}
.vchart-segment-line,
.vchart-axis,
.vchart-line-arrow {
stroke-width: 1;
stroke: rgb(68, 114, 196);
fill: rgb(68, 114, 196);
}
.vchart-scroll-arrow {
touch-action: none;
user-select: none;
opacity: 0.2;
}
.vchart-scroll-arrow:hover {
opacity: 0.6;
}
/*** module: node_modules/absol-vchart/src/style/basechart.css ***/
.vchart-hidden{
display: none;
}
.base-chart:not(:hover) .vchart-vscrollbar {
display: none;
}
.vchart-hitbox{
fill: rgba(0, 0, 0, 0);
/* stroke: none; */
}
.vchart-debug .vchart-hitbox{
fill: rgba(22, 129, 216, 0.247);
stroke: rgba(22, 129, 216, 0.87);
}
.vchart-base{
font-size: 14px;
font-family: Arial;
}
.vchart-stroke-note-line {
stroke-width: 2;
}
.vchart-stroke-note-text,
.vchart-rect-note-text
{
font-size: 14px;
}
.vchart-rect-note-rect{
stroke:none;
}
rect.vchart-node-grid-box{
fill: burlywood;
}
/*** module: node_modules/absol-vchart/src/style/linechart.css ***/
.line-chart-line {
stroke-width: 2;
fill: none;
}
.line-chart-plot {
stroke: none;
}
/*** module: node_modules/absol-vchart/src/style/tooltip.css ***/
.vchart-tooltip-container {
background-color: rgba(20, 20, 22, 1);
color: rgb(231, 230, 157);
position: absolute;
white-space: nowrap;
padding: 5px;
line-height: 1.5;
border-radius: 4px;
bottom: 0;
left: 0;
}
.vchart-tooltip-anchor {
position: fixed;
z-index: 9999999;
pointer-events: none;
}
/*** module: node_modules/absol-vchart/src/style/rangechart.css ***/
.vc-range-chart {
box-sizing: border-box;
}
.base-chart,
.range-chart {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
.base-chart-title {
font-size: 15px;
}
.range-chart:not(:hover) .vchart-vscrollbar {
display: none;
}
.base-chart-title {
font-size: 15px;
font-weight: bold;
}
.base-chart-oxy-text {
font-style: italic;
fill: rgb(70, 70, 70);
stroke: none;
}
.range-chart-value-plot {
fill: #f7941d;
stroke: none;
}
.range-chart-limit-line {
stroke-width: 4;
fill: none;
}
.range-chart-range-line {
stroke-width: 1;
fill: none;
stroke: black;
}
.range-chart-limit-line.max {
stroke: #2C82FF;
}
.range-chart-limit-line.mid {
stroke: #58EBF4;
}
.range-chart-limit-line.min {
stroke: #ED1C24;
}
.range-chart:not(.show-inline-value) .range-chart-inline-value {
display: none;
}
/* .show-inline-value .range-chart-note, */
.show-inline-value .range-char-note-value {
display: none;
}
.vc-range-chart-label-full,
.vc-range-chart-label-line,
.vc-range-chart-label {
text-anchor: middle;
}
.vc-range-chart.vc-ox-label-wrap .vc-range-chart-label-full,
.vc-range-chart:not(.vc-ox-label-wrap) .vc-range-chart-label-line {
display: none;
}
.vc-ox-value-ctn {
text-anchor: end;
}
.vc-range-rect {
fill: rgba(200, 230, 255, 0.5);
}
/*** module: node_modules/absol-vchart/src/style/assessmentchart.css ***/
.vc-assessment-chart {
/*border: 1px solid red;*/
}
.vc-assessment-chart.simple-mode .vc-assessment-chart-area,
.vc-assessment-chart.vc-simple-mode .vc-assessment-chart-area {
fill: none !important;
}
.vc-assessment-chart.simple-mode .vc-assessment-chart-level:not(.last),
.vc-assessment-chart.vc-simple-mode .vc-assessment-chart-level:not(:last-child) {
display: none;
}
.vc-assessment-chart:not(.show-range-segment) .vc-assessment-chart-range-segment {
display: none;
}
.vc-assessment-chart-area {
stroke-width: 3;
}
.vc-assessment-chart-level {
fill: none;
stroke-width: 1;
stroke: rgba(12, 30, 49, 0.333)
}
.vc-assessment-chart-level-value text,
.vc-assessment-chart-level-value {
font-size: 10px;
}
.vc-assessment-chart-level-value rect {
fill: rgba(255, 255, 255, 0.5);
stroke: rgba(60, 60, 70, 0.6);
stroke-width: 1;
}
.vc-assessment-chart-range-plot {
fill: #155757d8;
}
.vc-assessment-chart-range-line {
stroke: #155757d8;
stroke-width: 3;
}
.vc-assessment-chart-range-area {
fill: rgba(200, 200, 0, 0.3);
stroke: none;
}
.vc-assessment-chart-range-area-stroke {
fill: none;
stroke: rgb(255, 150, 0);
stroke-width: 1.5;
}
/*** module: node_modules/absol-vchart/src/style/columnchart.css ***/
.vc-column rect {
fill: rgb(123, 192, 247);
}
.column-chart:not(.vchart-show-inline-value) .column-chart-column text {
display: none;
}
.vc-column.vc-value-zero text,
.vc-chart:not(.vc-show-inline-value) .vc-column text {
display: none;
}
/*** module: node_modules/absol-vchart/src/style/rangegroupchart.css ***/
.range-group-chart-limit-line {
stroke-width: 5;
fill: none;
}
.range-group-chart-limit-line.max {
stroke: rgb(230, 22, 16);
}
.range-group-chart-limit-line.min {
stroke: rgb(20, 100, 246);
}
.range-group-chart-limit-line.normal {
stroke: rgb(255, 218, 216);
}
.range-group-chart-plot {
fill: rgb(145, 228, 251);
stroke-width: 1;
stroke: hsla(0, 90%, 48%, 0.685);
}
.range-group-chart-range-line {
stroke-width: 1;
fill: none;
stroke: black;
}
/*** module: node_modules/absol-vchart/src/style/rankchart.css ***/
.rank-chart-plot {
stroke: black;
stroke-width: 1;
}
.rank-chart-plot-text{
cursor: default;
}
.rank-chart-position-rect,
.vc-rank-position-list-rect {
stroke: none;
fill: rgba(0, 247, 255, 0.139);
}
/*** module: node_modules/absol-vchart/src/style/sunburstchart.css ***/
.sunburst-chart .base-chart-title circle {
fill: rgb(245, 203, 153);
stroke: none;
}
.sunburst-chart-node-shape {
fill: white;
stroke-width: 2;
stroke: rgb(247, 205, 155);
}
.vc-sunburst-node-name {
font-size: 14px;
}
/*** module: node_modules/absol-vchart/src/style/squarechart.css ***/
.correlation-chart-plot {
stroke: rgba(0, 0, 0, 0.3);
stroke-width: 1;
}
.correlation-chart-line {
fill: none;
stroke-width: 3;
}
.correlation-chart-normal-line {
fill: none;
stroke-width: 1;
}
.correlation-chart-plot.static {
fill: rgba(85, 141, 218, 1);
}
.correlation-chart-line.static {
stroke: rgba(85, 141, 218, 0.7);
}
.correlation-chart-normal-line.static {
stroke: rgba(85, 141, 218, 0.5);
}
.correlation-chart-plot.dynamic {
fill: rgba(255, 0, 0, 1);
}
.correlation-chart-line.dynamic {
stroke: rgba(255, 0, 0, 0.7);
}
.correlation-chart-normal-line.dynamic {
stroke: rgba(255, 0, 0, 0.7);
}
/*** module: node_modules/absol-vchart/src/style/grouprankchart.css ***/
.grank-chart {
font-size: 12px;
font-family: Arial;
}
.grank-chart-plot {
fill: rgb(145, 228, 251);
stroke-width: 1;
stroke: black;
}
.grank-chart-group-rect {
stroke: black;
fill: none;
stroke-width: 1;
}
/*** module: node_modules/absol-vchart/src/style/mappingchart.css ***/
.mapping-chart{
border: solid 1px gray;
background-color: aliceblue;
}
.mapping-chart-map-line-hitbox.vchart-hitbox{
stroke-width: 8;
stroke: transparent;
cursor: pointer;
}
.mapping-chart-range-text{
stroke: none;
fill: blue;
font-size: 14px;
}
.mapping-chart-range-plot{
fill:none;
stroke: black;
stroke-width: 2px;
}
.mapping-chart-line-plot{
fill:green;
stroke: red;
stroke-width: 0.54;
cursor: pointer;
}
.mapping-chart-title{
font-size: 20px;
fill: black;
stroke: none;
}
.mapping-chart-range-line{
stroke: black;
stroke-width: 2px;
}
.mapping-chart-marker{
font-size: 14px;
/* cursor: pointer; */
}
.mapping-chart-marker:hover .mapping-chart-marker-box{
/* fill: rgba(17, 230, 88, 0.788); */
}
.mapping-chart-marker-box{
/* fill: rgba(17, 187, 230, 0.788); */
fill: none;
stroke: none;
}
svg:not(.mapping-chart-hover-bot) .mapping-chart-marker.bot{
visibility: hidden;
}
.mapping-chart-marker.bot:hover .mapping-chart-marker-box,
.mapping-chart-marker.top:hover .mapping-chart-marker-box
{
/* fill: rgba(17, 187, 230, 0.788); */
}
svg:not(.mapping-chart-hover-top) .mapping-chart-marker.top{
visibility: hidden;
}
.mapping-chart-map-line{
stroke: black;
stroke-width: 2;
}
.mapping-chart-map-line.selected-line{
stroke: red;
}
/*** module: node_modules/absol-vchart/src/style/imagechart.css ***/
.image-chart text{
font-size: 14px;
}
.image-chart-ox {
fill: none;
stroke: #4472c4;
stroke-width: 1;
}
.image-chart-base{
fill:#7bc0f7;
stroke: none;
}
.image-chart-bonus{
fill:#ffcc7f;
stroke: none;
}
.image-chart-range{
stroke: black;
stroke-width:1;
}
.image-chart-range-limit{
fill: none;
stroke: #000000;
stroke-width: 1;
}
.image-chart.as-bonus-under-100-percent .image-chart-bonus {
fill: #ff927f;
}
/*** module: node_modules/absol-vchart/src/style/horizontalbarchart.css ***/
.vc-horizontal-bar-chart {
border: 1px solid black;
font-size: 14px;
}
.vc-horizontal-bar-chart .base-chart-white-mask {
/* fill: rgba(255, 0, 0, 0.4); */
}
g.vc-horizontal-bar-one-bar-note-container .vc-horizontal-bar-chart-bar {
stroke: rgb(47, 82, 143);
stroke-width: 1;
fill: white;
}
g.vc-horizontal-bar-one-bar-note-container .vc-horizontal-bar-chart-range {
stroke: rgb(47, 82, 143);
stroke-width: 1;
fill: rgb(157, 195, 230);
}
g.vc-horizontal-bar-one-bar-note-container {}
g.vc-horizontal-bar-one-bar-note-container .vc-horizontal-bar-chart-range-min-line,
g.vc-horizontal-bar-one-bar-note-container .vc-horizontal-bar-chart-range-max-line {
stroke: rgb(47, 82, 143);
stroke-width: 1px;
stroke-dasharray: 2;
}
.vc-horizontal-bar-chart-key {
text-anchor: end;
}
g.vc-horizontal-bar-keys-note-container {}
g.vc-horizontal-bar-key-note {}
.vc-horizontal-bar-chart-segment-text {
text-anchor: middle;
}
.vc-horizontal-bar-chart-range {
stroke: rgb(47, 82, 143);
stroke-width: 1;
}
text.vc-horizontal-bar-title {
font-size: 15px;
font-weight: bold;
text-anchor: middle;
}
.vc-horizontal-bar-vline {
stroke-width: 1;
}
.vc-horizontal-bar-chart-value-line {
stroke: darkgray;
stroke-width: 0.5;
}
.vc-horizontal-bar-vline-note>path {
stroke-width: 2;
}
.vc-horizontal-bar-vline-note-box {
stroke-width: 1;
stroke: black;
fill: none;
}
.vc-horizontal-bar-vline-container>path {
stroke-width: 2;
stroke: black;
}
/*** module: node_modules/absol-vchart/src/style/resizeablediv.css ***/
.vchart-resizable-div {
position: relative;
box-sizing: border-box;
}
.vchart-resizable-div .as-resize-box {
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
}
.vchart-resizable-div.vchart-resizable-div-active .as-resize-box {
display: block;
}
/*** module: node_modules/absol-vchart/src/style/scrollarrow.css ***/
.vc-scroll-arrow-icon {
fill: #00a5d6;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
}
.vc-scroll-arrow-hit-box {
fill: rgba(0, 0, 255, 0.03);
}
.vc-scroll-arrow:active .vc-scroll-arrow-hit-box {
fill: rgba(0, 0, 255, 0.1);
}
/*** module: node_modules/absol-vchart/src/style/base.css ***/
.vc-title {
font-weight: bold;
font-size: 1.125em;
text-anchor: middle;
}
.vc-chart {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 14px;
background-color: white;
--vc-require-width: 100px;
--vc-require-height: 200px;
min-width: var(--vc-require-width);
min-height: var(--vc-require-height);
}
.vc-simple-ox {
stroke-width: 1;
}
.vc-oy-value {
text-anchor: end;
}
.vc-ox-label {
text-anchor: middle;
}
.vc-white-mask {
fill: white;
}
.vc-value-name,
.vc-key-name {
text-anchor: end;
font-style: italic;
}
.vc-note {
cursor: default;
}
.vc-note:hover text {
fill: rgb(130, 135, 180);
}
.vc-value-text {
text-anchor: middle;
fill: currentColor;
}
.vc-grid {
fill: none;
stroke: #ddd;
pointer-events: none;
}
@media print {
.as-resize-box{
display: none;
}
.vc-chart {
max-width: 600px;/*a4 with 2in margin both*/
height: auto;
}
}
/*** module: node_modules/absol-vchart/src/style/chartresizebox.css ***/
.as-resize-box.vc-chart-resize-box {
position: fixed;
z-index: 8000000;
user-select: none;
}
/*** module: node_modules/absol-vchart/src/style/note.css ***/
.vc-note{
}
.vc-note-rect {
stroke: none;
}
.vc-note-hit {
fill: transparent;
stroke: none;
}
.vc-note-line {
stroke-width: 2;
}
.vc-note-text {
font-size: 1em;
}
/*** module: node_modules/absol-vchart/src/style/spiderchart.css ***/
/*** module: node_modules/absol-vchart/src/style/funnelchart.css ***/
.av-funnel-chart {
}
.av-funnel {
}
.av-funnel-item-block {
}
.av-funnel-note-name {
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
}
.av-funnel-block-shape {
stroke: white;
stroke-width: 2;
}
.av-funnel-block-value {
text-anchor: middle;
font-size: 30px;
}
.av-funnel-block-percent{
text-anchor: middle;
font-size: 25px;
}
/*** module: node_modules/absol-vchart/src/style/barstackchart.css ***/
.vc-bar-stack-chart {
}
.vc-bar-stack-note-name {
font-weight: bold;
font-size: 16px;
}
.vc-bar-stack-block-value {
font-size: 25px;
text-anchor: middle;
}
.vc-bar-stack-block-percent {
text-anchor: middle;
font-size: 20px;
}
/*** module: node_modules/absol-vchart/src/style/piechart.css ***/
.vc-piece{
stroke-width: 1;
stroke: white;
}
.vc-piece-value{
font-size: 16px;
text-anchor: middle;
}
/*** module: node_modules/absol-vchart/src/style/tinycirclechart.css ***/
.vc-tiny-circle-blank {
fill: rgb(168, 168, 168);
stroke-width: 2;
stroke: white;
fill-rule: evenodd;
}
.vc-chart.vc-tiny-circle-chart {
min-width: 250px;
min-height: 100px;
font-size: 1rem;
}
.vc-arc {
stroke: white;
stroke-width: 1;
}
/*** module: node_modules/absol-form/css/base.css ***/
.as-style-value-declare {
--as-left: unset;
--as-right: unset;
--as-top: unset;
--as-bottom: unset;
--as-width: unset;
--as-height: unset;
--as-min-height: unset;
--as-min-width: unset;
--as-view-width: unset;
--as-view-height: unset;
}
.as-base-component:not(.as-width-auto) {
width: var(--as-width);
}
.as-base-component:not(.as-height-auto) {
height: var(--as-height);
}
.as-relative-layout {
position: relative;
--as-layout-view-height: var(--as-view-height);
--as-layout-view-width: var(--as-view-width);
}
.as-relative-layout.as-height-auto {
height: var(--as-min-height);
}
.as-relative-layout.as-width-auto {
width: var(--as-min-width);
}
.as-relative-layout > .as-base-component {
position: absolute;
}
.as-relative-layout > .as-base-component.as-h-align-left,
.as-relative-layout > .as-base-component.as-h-align-fixed {
left: var(--as-left);
}
.as-relative-layout > .as-base-component.as-h-align-center {
left: calc(50% - var(--as-view-width) * 0.5);
}
.as-relative-layout > .as-base-component.as-h-align-right,
.as-relative-layout > .as-base-component.as-h-align-fixed {
right: var(--as-right);
}
.as-relative-layout > .as-base-component.as-h-align-fixed {
width: auto;
}
.as-relative-layout.as-width-auto > .as-base-component.as-v-align-center {
left: calc(var(--as-layout-view-width) * 0.5 - var(--as-view-width) * 0.5);
}
.as-relative-layout > .as-base-component.as-v-align-top,
.as-relative-layout > .as-base-component.as-v-align-fixed {
top: var(--as-top);
}
.as-relative-layout > .as-base-component.as-v-align-center {
top: calc(50% - var(--as-view-height) * 0.5);
}
.as-relative-layout > .as-base-component.as-v-align-bottom,
.as-relative-layout > .as-base-component.as-v-align-fixed {
bottom: var(--as-bottom);
}
.as-relative-layout.as-height-auto > .as-base-component.as-v-align-center {
top: calc(var(--as-layout-view-height) * 0.5 - var(--as-view-height) * 0.5); /*not calc 50% of height*/
}
.as-relative-layout > .as-base-component.as-v-align-fixed {
height: auto;
}
/**************************************/
.as-linear-layout::before, .as-linear-layout::after {
content: "";
display: block;
height: 0px;
}
.as-linear-layout > .as-base-component {
display: block;
}
.as-linear-layout > .as-base-component.as-component-content-scaleless {
display: table;
}
.as-chain-layout > .as-base-component {
display: inline-block;
}
.as-chain-layout > .as-base-component.as-component-content-scaleless {
display: inline-table;
}
.as-chain-layout > .as-base-component.as-v-align-top {
vertical-align: top;
}
.as-chain-layout > .as-base-component.as-v-align-center {
vertical-align: center;
}
.as-chain-layout > .as-base-component.as-v-align-bottom {
vertical-align: bottom;
}
/********************************************************************************/
.as-grid-layout,
.as-grid-layout.as-display-block,
.as-linear-layout>.as-grid-layout.as-base-component{
display: grid;
}
.as-grid-layout.as-display-inline-block,
.as-grid-layout.as-display-inline {
display: inline-grid;
}
/********************************************************************************/
.as-base-component {
pointer-events: all;
box-sizing: border-box;
text-align: left;
--as-margin-left: 0;
--as-margin-right: 0;
--as-margin-top: 0;
--as-margin-bottom: 0;
--as-left: 0;
--as-top: 0;
--as-right: 0;
--as-bottom: 0;
}
.as-base-component textarea {
resize: none;
font-style: inherit;
font-size: inherit;
font-weight: inherit;
color: inherit;
font-family: inherit;
}
.as-component-content-scaleless {
display: inline-table;
}
.as-base-component.as-component-content-scaleless.as-display-block {
display: table; /*TODO: hidden*/
}
.as-component-content-scaleless-cell {
display: table-cell;
width: 100%;
font-style: inherit;
font-size: inherit;
font-weight: inherit;
color: inherit;
font-family: inherit;
}
.as-component-content-scaleless.as-align-left-top > .as-component-content-scaleless-cell {
text-align: left;
vertical-align: top;
}
.as-component-content-scaleless.as-align-right-top > .as-component-content-scaleless-cell {
text-align: right;
vertical-align: top;
}
.as-component-content-scaleless.as-align-center-top > .as-component-content-scaleless-cell {
text-align: center;
vertical-align: top;
}
.as-component-content-scaleless.as-align-left-center > .as-component-content-scaleless-cell {
text-align: left;
vertical-align: middle;
}
.as-component-content-scaleless.as-align-right-center > .as-component-content-scaleless-cell {
text-align: right;
vertical-align: middle;
}
.as-component-content-scaleless.as-align-center-center > .as-component-content-scaleless-cell {
text-align: center;
vertical-align: middle;
}
.as-component-content-scaleless.as-align-left-bottom > .as-component-content-scaleless-cell {
text-align: left;
vertical-align: bottom;
}
.as-component-content-scaleless.as-align-right-bottom > .as-component-content-scaleless-cell {
text-align: right;
vertical-align: bottom;
}
.as-component-content-scaleless.as-align-center-bottom > .as-component-content-scaleless-cell {
text-align: center;
vertical-align: bottom;
}
.as-component-content-scaleless-cell {
font-style: inherit;
font-size: inherit;
font-weight: inherit;
color: inherit;
font-family: inherit;
}
.as-component-content-scaleless-cell > div {
display: inline-block;
font-style: inherit;
font-size: inherit;
font-weight: inherit;
color: inherit;
font-family: inherit;
}
.as-base-component label {
font-style: inherit;
font-size: inherit;
font-weight: inherit;
color: inherit;
font-family: inherit;
}
.as-linear-layout, .as-chain-layout {
box-sizing: border-box;
}
.as-chain-layout {
text-align: left;
}
.as-chain-layout.as-h-align-item-center {
text-align: center;
}
.as-chain-layout.as-h-align-item-right {
text-align: right;
}
.as-hyper-layout,
.as-hyper-layout > .as-hyper-layout.as-position-static {
position: relative;
}
.as-hyper-layout {
--as-layout-view-height: var(--as-view-height);
--as-layout-view-width: var(--as-view-width);
text-align: left;
}
.as-hyper-layout.as-content-align-center {
text-align: center;
}
.as-hyper-layout.as-content-align-right {
text-align: right;
}
.as-base-component.as-display-inline-block,
.as-layout-editor-layout-container .as-base-component.as-display-inline-block.as-disembark,
.as-layout-editor-layout-container .as-base-component.as-display-inline-block.as-display-hidden {
display: inline-block;
}
.as-base-component.as-display-inline,
.as-layout-editor-layout-container .as-base-component.as-display-inline.as-disembark,
.as-layout-editor-layout-container .as-base-component.as-display-inline.as-display-hidden {
display: inline;
}
.as-base-component.as-display-block,
.as-layout-editor-layout-container .as-base-component.as-display-block.as-disembark,
.as-layout-editor-layout-container .as-base-component.as-display-block.as-display-hidden {
display: block;
}
.as-base-component.as-display-inline-block.as-component-content-scaleless,
.as-layout-editor-layout-container .as-base-component.as-display-inline-block.as-component-content-scaleless.as-disembark,
.as-layout-editor-layout-container .as-base-component.as-display-inline-block.as-component-content-scaleless.as-display-hidden {
display: inline-table;
}
.as-base-component.as-display-inline-block.as-v-align-center {
vertical-align: middle;
}
.as-base-component.as-display-inline-block.as-v-align-top {
vertical-align: top;
}
.as-base-component.as-display-inline-block.as-v-align-bottom {
vertical-align: bottom;
}
.as-hyper-layout > .as-base-component.as-position-absolute {
position: absolute;
}
.as-hyper-layout > .as-base-component.as-position-relative {
position: relative;
}
.as-hyper-layout > .as-base-component.as-position-absolute.as-h-align-left,
.as-hyper-layout > .as-base-component.as-position-absolute.as-h-align-fixed,
.as-hyper-layout > .as-base-component.as-position-relative.as-h-align-left {
left: var(--as-left);
}
.as-hyper-layout > .as-base-component.as-position-absolute.as-h-align-right,
.as-hyper-layout > .as-base-component.as-position-absolute.as-h-align-fixed,
.as-hyper-layout > .as-base-component.as-position-relative.as-h-align-right {
right: var(--as-right);
}
.as-hyper-layout > .as-base-component.as-position-absolute.as-v-align-top,
.as-hyper-layout > .as-base-component.as-position-absolute.as-v-align-fixed,
.as-hyper-layout > .as-base-component.as-position-relative.as-v-align-top {
top: var(--as-top);
}
.as-hyper-layout > .as-base-component.as-position-absolute.as-v-align-bottom,
.as-hyper-layout > .as-base-component.as-position-absolute.as-v-align-fixed,
.as-hyper-layout > .as-base-component.as-position-relative.as-v-align-bottom {
bottom: var(--as-bottom);
}
.as-hyper-layout > .as-base-component.as-position-absolute.as-h-align-center {
left: calc(50% - var(--as-view-width) * 0.5);
}
.as-hyper-layout > .as-base-component.as-position-absolute.as-v-align-center {
top: calc(50% - var(--as-view-height) * 0.5);
}
.as-hyper-layout.as-width-auto > .as-base-component.as-position-absolute.as-h-align-center {
left: calc(var(--as-layout-view-width) * 0.5 - var(--as-view-width) * 0.5);
}
.as-hyper-layout.as-height-auto > .as-base-component.as-position-absolute.as-v-align-center {
top: calc(var(--as-layout-view-height) * 0.5 - var(--as-view-height) * 0.5);
}
.as-hyper-layout > .as-base-component.as-position-absolute.as-h-align-fixed {
width: unset;
}
.as-hyper-layout > .as-base-component.as-position-absolute.as-v-align-fixed {
height: unset;
}
.as-hyper-layout > .as-image.as-position-absolute.as-h-align-fixed.as-height-auto:not(.as-v-align-fixed) {
height: calc(var(--as-view-width) / var(--as-image-ratio));
}
.as-hyper-layout > .as-base-component.as-position-static,
.as-hyper-layout > .as-base-component.as-position-relative {
margin: var(--as-margin-top) var(--as-margin-right) var(--as-margin-bottom) var(--as-margin-left);
}
.as-hyper-layout > .as-base-component:not(.as-position-absolute).as-float-right {
float: right;
}
/*.as-linear-layout::before {*/
/* content: "";*/
/* display: block;*/
/* height: 1px;*/
/* margin-bottom: -1px;*/
/* overflow-x: visible;*/
/*}*/
/*.as-linear-layout::after,*/
.as-array-of-fragment::after {
content: "";
display: block;
height: 1px;
margin-top: -1px;
overflow-x: visible;
}
.as-base-component.as-disembark,
.as-linear-anchor-box.as-disembark,
.as-chain-anchor-box.as-disembark,
.as-base-component.as-display-inline-block.as-component-content-scaleless.as-disembark {
display: none;
}
.as-layout-editor-layout-container .as-linear-anchor-box.as-disembark,
.as-layout-editor-layout-container .as-linear-anchor-box.as-disembark {
display: block;
}
.as-layout-editor-layout-container .as-chain-anchor-box.as-disembark {
display: inline-block;
}
.as-layout-editor-layout-container .as-linear-anchor-box.as-disembark,
.as-layout-editor-layout-container .as-linear-anchor-box.as-disembark,
.as-layout-editor-layout-container .as-chain-anchor-box.as-disembark,
.as-layout-editor-layout-container .as-relative-layout > .as-base-component.as-disembark,
.as-layout-editor-layout-container .as-hyper-layout > .as-base-component.as-disembark {
background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.5), rgba(45, 52, 52, 0.5) 1px, rgba(255, 255, 255, 0.5) 2px, rgba(255, 255, 255, 0.5) 5px);
}
.as-layout-editor-layout-container .as-linear-anchor-box.as-disembark > .as-base-component,
.as-layout-editor-layout-container .as-linear-anchor-box.as-disembark > .as-base-component,
.as-layout-editor-layout-container .as-chain-anchor-box.as-disembark > .as-base-component {
opacity: 0.8;
}
.as-relative-layout > .as-base-component.as-display-hidden,
.as-hyper-layout > .as-base-component.as-display-hidden,
.as-base-component.as-display-inline-block.as-component-content-scaleless.as-display-hidden,
.as-linear-anchor-box.as-display-hidden,
.as-chain-anchor-box.as-display-hidden {
display: none;
}
.as-layout-editor-layout-container .as-linear-anchor-box.as-display-hidden,
.as-layout-editor-layout-container .as-linear-anchor-box.as-display-hidden {
display: block;
}
.as-layout-editor-layout-container .as-chain-anchor-box.as-display-hidden {
display: inline-block;
}
.as-layout-editor-layout-container .as-linear-anchor-box.as-display-hidden,
.as-layout-editor-layout-container .as-linear-anchor-box.as-display-hidden,
.as-layout-editor-layout-container .as-chain-anchor-box.as-display-hidden,
.as-layout-editor-layout-container .as-relative-layout > .as-base-component.as-display-hidden,
.as-layout-editor-layout-container .as-hyper-layout > .as-base-component.as-display-hidden {
background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.5), rgba(234, 110, 110, 0.5) 1px, rgba(255, 255, 255, 0.5) 2px, rgba(255, 255, 255, 0.5) 5px);
}
.as-layout-editor-layout-container .as-relative-layout > .as-base-component.as-display-hidden > *,
.as-layout-editor-layout-container .as-relative-layout > .as-base-component.as-disembark > *,
.as-layout-editor-layout-container .as-hyper-layout > .as-base-component.as-disembark > * {
opacity: 0.3;
}
.as-layout-editor-layout-container .as-relative-layout > .as-base-component.as-display-hidden,
.as-layout-editor-layout-container .as-relative-layout > .as-base-component.as-disembark {
display: block;
}
.as-layout-editor-layout-container .as-linear-anchor-box.as-display-hidden > .as-base-component,
.as-layout-editor-layout-container .as-linear-anchor-box.as-display-hidden > .as-base-component,
.as-layout-editor-layout-container .as-chain-anchor-box.as-display-hidden > .as-base-component {
opacity: 0.3;
}
.as-layout-editor-layout-container .as-linear-anchor-box.as-display-hidden.as-disembark,
.as-layout-editor-layout-container .as-linear-anchor-box.as-display-hidden.as-disembark,
.as-layout-editor-layout-container .as-chain-anchor-box.as-display-hidden.as-disembark,
.as-layout-editor-layout-container .as-relative-layout > .as-base-component.as-display-hidden.as-disembark,
.as-layout-editor-layout-container .as-hyper-layout > .as-base-component.as-display-hidden.as-disembark {
background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.5), rgba(234, 110, 110, 0.5) 1px, rgba(255, 255, 255, 0.5) 2px, rgba(255, 255, 255, 0.5) 5px), repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.5), rgba(45, 52, 52, 0.5) 1px, rgba(255, 255, 255, 0.5) 2px, rgba(255, 255, 255, 0.5) 5px);
}
.as-layout-editor-layout-container .as-linear-anchor-box.as-display-hidden > .as-base-component,
.as-layout-editor-layout-container .as-linear-anchor-box.as-display-hidden > .as-base-component,
.as-layout-editor-layout-container .as-chain-anchor-box.as-display-hidden > .as-base-component {
opacity: 0.3;
}
.as-printer-content > .as-linear-layout {
padding: 0 !important;
width: 642px !important;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 14px;
border: none !important;
box-shadow: none !important;
box-sizing: border-box !important;
}
/******TEMP FIXED*********/
.as-hyper-layout > .as-relative-layout {
min-height: var(--as-min-height);
}
/*** module: node_modules/absol-form/css/layouteditor.css ***/
.absol-tab-frame > .as-layout-editor {
height: 100%;
}
.as-layout-editor {
position: relative;
box-sizing: border-box;
display: flex;
flex-direction: row;
outline: none;
}
.as-layout-editor-left {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.as-layout-editor-header {
display: block;
position: relative;
}
.as-layout-editor-body {
flex-grow: 1;
position: relative;
}
.as-layout-editor-tool-tab-ctn {
background-color: rgba(169, 169, 170, 0.11659);
border-left: solid 1px #dddddd;
position: relative;
overflow: visible;
}
.as-layout-editor-tool-ctn {
position: absolute;
top: 0;
right: 100%;
bottom: 0;
/*background-color: white;*/
/*border: 1px solid #dddddd;*/
border-top: none;
z-index: 300;
pointer-events: none;
}
.as-layout-editor-tool-ctn > div {
pointer-events: initial;
}
.as-layout-editor-tool-ctn .as-undo-history,
.as-layout-editor-tool-ctn .as-form-component-properties-editor {
background-color: white;
border-left: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
box-sizing: border-box;
}
.as-layout-editor-tool-ctn .as-form-component-properties-editor {
max-height: 100%;
min-width: 150px;
}
.as-layout-editor-tool-tab-bar {
padding: 0 2px 0 1px;
}
.as-layout-editor-tool-tab-btn {
display: block;
width: 32px;
height: 32px;
padding: 0;
border: none;
outline: none;
font-size: 14px;
}
.as-layout-editor-tool-tab-btn:hover {
color: rgb(102, 102, 102);
}
.as-layout-editor-tool-tab-btn:active,
.as-layout-editor-tool-tab-btn.active {
background-color: rgb(169, 169, 169);
color: white;
}
.as-layout-editor-tool-tab-btn.as-hidden {
display: none;
}
.as-layout-editor-quickpath-container {
padding-left: 0.5em;
}
.as-layout-editor-cmd-tool-container {
border-bottom: solid 1px #dddddd;
}
.as-layout-editor-cmd-tool-container:empty,
.as-layout-editor-property-container:empty {
display: none;
}
.as-layout-editor-property-container {
/*display: inline-block;*/
border-left: solid 1px #dddddd;
display: none;
}
.as-layout-editor-property-container .as-form-component-properties-editor {
display: inline-block;
}
.as-layout-editor-measure-container {
width: 100%;
height: 100%;
}
.as-layout-editor-v-align-line,
.as-layout-editor-h-align-line {
position: absolute;
}
.as-layout-editor-h-align-line {
left: 0;
right: 0;
border-top: dashed 1px rgba(59, 154, 209, 0.753);
}
.as-layout-editor-v-align-line {
top: 0;
bottom: 0;
border-left: dashed 1px rgba(59, 154, 209, 0.753);
}
.as-layout-editor-space-container {
position: absolute;
top: 1.5em;
left: 1.5em;
right: 0;
bottom: 0;
overflow: hidden;
--viewport-x: 0;
--viewport-y: 0;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
.as-layout-editor-space {
display: inline-block;
position: absolute;
left: var(--viewport-x);
top: var(--viewport-y);
overflow: visible;
}
.as-layout-editor-space-container.as-homing .as-layout-editor-space {
transition: left 0.2s, top 0.2s;
}
.as-layout-editor-layout-container {
padding: 0.4em;
display: inline-block;
pointer-events: none;
}
.as-layout-editor-layout-container * {
pointer-events: none !important;
}
.as-layout-editor-layout-container > .as-relative-layout,
.as-layout-editor-layout-container > .as-linear-layout,
.as-layout-editor-layout-container > .as-chain-layout {
-webkit-box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.75);
box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.75);
}
.as-layout-editor-background {
z-index: 0;
}
.as-layout-editor-layout-container {
z-index: 1;
}
.as-layout-editor-foreground {
position: absolute;
left: -10000px;
top: -100000px;
right: -10000px;
bottom: -10000px;
z-index: 100;
}
svg.as-layout-editor-overlay-graphic {
position: absolute;
left: -500px;
top: -500px;
width: 2000px;
height: 5000px;
z-index: 10;
pointer-events: none;
}
.as-layout-editor-hrule-container {
position: absolute;
top: 0;
left: 1.5em;
right: 0;
height: 1.5em;
z-index: 1;
}
.as-layout-editor-vrule-container {
position: absolute;
left: 0;
top: 1.5em;
bottom: 0;
width: 1.5em;
z-index: 2;
}
.as-layout-editor-vrule-container > .as-vruler,
.as-layout-editor-hrule-container > .as-hruler {
height: 100%;
width: 100%;
}
.as-layout-editor-new-component-menu-trigger {
position: absolute;
width: 1.5em;
height: 1.5em;
top: -1.5em;
left: -1.5em;
}
.as-layout-editor-preview-button-container {
left: 0;
top: 0;
width: 1.5em;
height: 1.45em;
}
.as-layout-editor-preview-button-container > button {
border: none;
width: 100%;
height: 100%;
padding: 0;
outline: none;
cursor: pointer;
background-color: transparent;
font-size: 1em;
}
.as-layout-editor-preview-button-container > button:hover {
background-color: rgba(169, 169, 170, 0.2);
}
.as-layout-editor-preview-button-container > button:active {
background-color: rgba(169, 169, 170, 0.4);
}
.as-layout-editor-mouse-selecting-box {
z-index: 100;
position: absolute;
background-color: rgba(0, 0, 255, 0.1);
}
.as-vruler,
.as-hruler {
-webkit-user-select: none;
/* Safari 3.1+ */
-moz-user-select: none;
/* Firefox 2+ */
-ms-user-select: none;
/* IE 10+ */
user-select: none;
/* Standard syntax */
background-color: rgba(169, 169, 170, 0.5);
}
.as-vruler-mouse,
.as-hruler-mouse {
position: absolute;
box-sizing: border-box;
z-index: 6;
}
.as-vruler-mouse {
left: 0;
right: 0;
border-top: solid 2px rgba(255, 0, 0, 0.5);
}
.as-hruler-mouse {
top: 0;
bottom: 0;
border-left: solid 2px rgba(255, 0, 0, 0.5);
}
.as-layout-editor .as-hruler-line,
.as-layout-editor .as-vruler-line,
.as-layout-editor .as-hruler-major-number,
.as-layout-editor .as-vruler-major-number {
z-index: 5;
}
.as-hruler-editing,
.as-vruler-editing {
z-index: 1;
position: absolute;
background-color: rgba(255, 255, 255, 0.9);
}
.as-hruler-editing {
top: 0;
bottom: 0;
}
.as-vruler-editing {
left: 0;
right: 0;
}
.as-layout-editor-curtain {
position: absolute;
background-color: rgba(169, 169, 180, 0.5);
}
.as-mouse-status {
}
.as-depth-selecting .as-linear-anchor-box,
.as-depth-selecting .as-chain-anchor-box {
position: relative;
}
.as-depth-selecting .as-linear-anchor-box::before,
.as-depth-selecting .as-chain-anchor-box::before {
content: "";
position: absolute;
left: -0.5px;
right: -0.5px;
top: -0.5px;
bottom: -0.5px;
border: 1px dashed rgba(169, 169, 255, 0.8);
box-sizing: border-box;
}
/*test*/
.as-layout-editor-layout-container .as-chain-anchor-box,
.as-layout-editor-layout-container .as-linear-anchor-box {
position: relative;
}
/*
.as-current-layout-selecting-mode.as-editing-layout-anchor > .as-base-component > .as-anchor-box:not(.as-editing-layout-anchor)::before,
.as-current-layout-selecting-mode .as-editing-layout-anchor > .as-base-component > .as-anchor-box:not(.as-editing-layout-anchor)::before,
.as-depth-selecting-mode .as-anchor-box:not(.as-editing-layout-anchor)::before {
content: "";
position: absolute;
left: -0.5px;
right: -0.5px;
top: -0.5px;
bottom: -0.5px;
border: 1px dashed rgba(107, 107, 211, 0.2);
box-sizing: border-box;
z-index: 2;
pointer-events: none;
}*/
/*.as-current-layout-selecting-mode.as-editing-layout-anchor > .as-base-component > .as-relative-anchor-box.as-h-align-center.as-v-align-center:not(.as-editing-layout-anchor)::before,*/
/*
.as-current-layout-selecting-mode.as-editing-layout-anchor > .as-base-component > .as-anchor-box.as-h-align-center:not(.as-editing-layout-anchor)::before,
.as-current-layout-selecting-mode .as-editing-layout-anchor > .as-base-component > .as-anchor-box.as-h-align-center:not(.as-editing-layout-anchor)::before,
.as-depth-selecting-mode .as-anchor-box.as-h-align-center:not(.as-editing-layout-anchor)::before {
left: calc(50% - var(--select-bound-width) / 2 - 0.5px);
width: calc(var(--select-bound-width) + 1px);
}
.as-current-layout-selecting-mode.as-editing-layout-anchor > .as-base-component > .as-anchor-box.as-v-align-center:not(.as-editing-layout-anchor)::before,
.as-current-layout-selecting-mode .as-editing-layout-anchor > .as-base-component > .as-anchor-box.as-v-align-center:not(.as-editing-layout-anchor)::before,
.as-depth-selecting-mode .as-anchor-box.as-v-align-center:not(.as-editing-layout-anchor)::before {
top: calc(50% - var(--select-bound-height) / 2 - 0.5px);
height: calc(var(--select-bound-height) + 1px);
}
.as-editing-layout-anchor::before {
content: "";
position: absolute;
left: -0.5px;
right: -0.5px;
top: -0.5px;
bottom: -0.5px;
border: 1px dashed #e39898;
}*/
.as-editing-layout-anchor.as-v-align-center::before {
top: calc(50% - var(--select-bound-height) / 2 - 0.5px);
height: calc(var(--select-bound-height) + 1px);
}
.as-editing-layout-anchor.as-h-align-center::before {
left: calc(50% - var(--select-bound-width) / 2 - 0.5px);
width: calc(var(--select-bound-width) + 1px);
}
.as-clipboard-anchor-border {
position: absolute;
left: -2px;
right: -2px;
top: -2px;
bottom: -2px;
border: 3px dashed #4086f3;
box-sizing: border-box;
pointer-events: none;
z-index: 2;
}
.as-relative-anchor-box.as-v-align-center > .as-clipboard-anchor-border {
top: calc(50% - var(--select-bound-height) / 2 - 2px);
height: calc(var(--select-bound-height) + 4px);
}
.as-relative-anchor-box.as-h-align-center > .as-clipboard-anchor-border {
left: calc(50% - var(--select-bound-width) / 2 - 2px);
width: calc(var(--select-bound-width) + 4px);
}
.as-page-setting-paper-box {
border: 1px dashed black;
display: inline-block;
/*background-color: rgb(253, 221, 155);*/
background-color: rgb(195, 208, 139);
line-height: 1.5;
}
.as-page-setting-padding-tb {
text-align: center;
}
.as-page-setting-padding-lr {
text-align: center;
width: 4em;
display: inline-block;
vertical-align: middle;
}
.as-page-setting-paper-content-box {
background-color: rgb(140, 182, 192);
padding: 5px 10px;
display: inline-block;
vertical-align: middle;
}
.as-le-bound-rect {
fill: none;
stroke: rgba(107, 107, 211, 0.5);
stroke-dasharray: 4 2;
}
.as-le-editing-layout-bound {
stroke: #d97a7a;
stroke-width: 2;
}
.as-text-editing-tool-attached .as-layout-editor-foreground {
visibility: hidden;
}
.as-text-editing-tool-attached .as-layout-editor-layout-container .as-text-editing-tool-target {
pointer-events: all !important;
outline: none;
}
.as-layout-editor-v-scroll-bar,
.as-layout-editor-h-scroll-bar {
position: absolute;
z-index: 100;
right: 0;
bottom: 0;
visibility: hidden;
background-color: rgba(180, 180, 182, 0.2);
}
.as-layout-editor-v-scroll-bar {
top: 0;
width: 10px;
}
.as-layout-editor-h-scroll-bar {
left: 0;
height: 10px;
}
.as-layout-editor-v-scroll-bar.as-overflow,
.as-layout-editor-h-scroll-bar.as-overflow {
visibility: visible;
}
/*****************************/
.as-text-decoration-picker {
font-size: 14px;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
padding: 5px;
display: inline-block;
}
.as-text-decoration-picker .as-table-grid-row[data-name="lines"] button {
padding: 5px 8px;
cursor: pointer;
}
.as-text-decoration-picker .as-table-grid-row[data-name="lines"] button.as-selected {
background-color: #23669d;
color: white;
border-radius: 3px;
}
.as-text-decoration-picker .as-table-grid-cell {
padding-bottom: 5px;
vertical-align: middle;
}
.as-text-decoration-picker .as-table-grid-cell:not(:last-child) {
padding-right: 10px;
}
.as-line-style-select-menu {
white-space: pre;
padding: 5px 30px 5px 5px;
box-sizing: border-box;
border: 1px solid #dddddd;
text-align: center;
position: relative;
cursor: pointer;
}
.as-text-decoration-picker .as-table-grid-cell > * {
display: inline-block;
vertical-align: middle;
}
.as-text-decoration-picker .as-table-grid-cell > *:not(:last-child) {
margin-right: 10px;
}
.as-text-decoration-picker .as-color-picker-button:disabled {
opacity: 0.5;
pointer-events: none;
}
.as-text-decoration-picker-preview {
padding: 15px 10px;
text-align: center;
box-sizing: border-box;
border: 1px solid #dddddd;
}
.as-line-style-select-menu-item {
white-space: pre;
text-align: center;
cursor: default;
padding: 5px 30px 5px 5px;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
.as-line-style-select-menu-item:hover {
background-color: #efefef;
}
.as-line-style-select-menu-item.as-selected {
background-color: #dfdfdf;
}
/*** module: node_modules/absol-form/css/keeview.css ***/
.card-mobile-content > div > .as-hyper-layout.as-width-auto > .as-select-menu {
width: 100%;
}
.card-mobile-content > div > .as-linear-layout,
.card-mobile-content > div > div:not(.as-base-component) > .as-linear-layout,
.card-mobile-content div:not(.as-base-component) > .as-linear-layout {
width: 100%;
}
.card-mobile-content > div > .as-linear-layout > .as-width-auto {
width: 100%;
}
.card-mobile-content > div > .as-linear-layout > .as-select-menu,
.card-mobile-content > div > .as-linear-layout > .as-linear-layout > .as-select-menu {
width: 100%;
min-width: unset;
}
/*layout in section*/
div[data-sectionid] > div > .as-linear-layout > .as-linear-layout > .as-base-component:last-child:not(.as-component-content-scaleless) {
width: 100%;
}
.card-mobile-content .asht-table-editor {
overflow: initial;
}
.mk-main-right .as-chain-layout>.as-multi-select-menu.as-base-component {
height: auto;
}
.card-mobile-content .am-multi-check-menu{
height: auto;
}
/*** module: node_modules/absol-form/css/relativeanchor.css ***/
.as-relative-anchor-box {
position: absolute;
z-index: 1;
pointer-events: none;
}
/*
width: auto | set
left: set
right: unset,
*/
/*
width: auto | set
right: set
left: unset,
*/
.as-relative-anchor-box.as-h-align-right {
right: 0;
}
/*
left: unset
right: unset
width: auto | set
warning: inner element should be set text-align to default to prevent error
*/
.as-relative-anchor-box.as-h-align-center {
left: 0;
right: 0;
text-align: center;
}
/*
left: set
right: set
width: unset
*/
.as-relative-anchor-box.as-h-align-fixed {
left: 0;
right: 0;
}
/*
left: set
right: set
width: unset
*/
.as-relative-anchor-box.as-h-align-fixed {
left: 0;
right: 0;
}
/*
bottom: set
height: unset
top: set
*/
.as-relative-anchor-box.as-v-align-fixed {
bottom: 0;
top: 0
}
.as-relative-anchor-box.as-v-align-center > .as-align-box > .as-align-box-cell {
vertical-align: middle;
}
.as-relative-anchor-box > .as-base-component {
width: 100%;
height: 100%;
}
.as-relative-anchor-box.as-v-align-center {
white-space: nowrap;
}
.as-relative-anchor-box.as-v-align-center > * {
white-space: normal;
}
.as-relative-anchor-box.as-v-align-center::after {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0;
}
.as-relative-anchor-box.as-v-align-center>.as-base-component{
display: inline-block;
vertical-align: middle;
}
/*** module: node_modules/absol-form/css/alignbox.css ***/
.as-align-box {
display: table;
}
.as-align-box-cell {
display: table-cell;
}
.as-align-box-cell>.as-relative-layout,
.as-align-box-cell>.absol-bscroller,
.as-align-box-cell>.as-linear-layout,
.as-align-box-cell>.as-chain-layout
{
display: inline-block;
}
/*** module: node_modules/absol-form/css/component.css ***/
textarea.as-base-component {
resize: none;
}
input.as-base-component,
textarea.as-base-component {
outline: none;
border: solid 1px #d6d6d6;
border-radius: 2px;
padding: var(--as-input-vertical-padding) var(--as-input-horizontal-padding);
font-size: var(--as-input-font-size);
font-family: var(--as-input-font-family);
}
.as-base-component {
box-sizing: border-box;
}
table.as-inner-table {
border-collapse: collapse;
box-sizing: border-box;
min-width: calc(100% - 1px);
min-height: calc(100% - 1px);
background: white;
box-sizing: border-box;
}
table.as-inner-table > thead {
font-style: italic;
background: #f5f5f5;
}
table.as-inner-table > tbody > tr > td,
table.as-inner-table > thead > tr > th {
border: 1px solid #aaaaaa;
box-sizing: border-box;
padding: 0.25em;
white-space: nowrap;
}
.as-base-component.as-text {
white-space: pre-wrap;
margin: 0;
}
.as-base-component.as-text:empty[data-place-holder]::before {
content: attr(data-place-holder);
opacity: 0.5;
}
.as-select-list-text {
white-space: nowrap;
}
.as-select-list-text > span {
border: none;
font-size: 14px;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
padding-left: 0;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
max-width: 100%;
}
.as-select-list-text::before {
content: "";
vertical-align: middle;
display: inline-block;
height: 100%;
}
span.cke_button_icon.cke_button__as-variable-box-ico_icon {
background-size: cover;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB2aWV3Qm94PSIwIDAgMjQgMjQiPgogICAgPHBhdGggZmlsbD0iIzAwMDBmZiIgZD0iTTE5IDNINUMzLjkgMyAzIDMuOSAzIDVWMTlDMyAyMC4xIDMuOSAyMSA1IDIxSDE5QzIwLjEgMjEgMjEgMjAuMSAyMSAxOVY1QzIxIDMuOSAyMC4xIDMgMTkgM003LjQgMThDNS45IDE2LjUgNSAxNC4zIDUgMTJTNS45IDcuNSA3LjQgNkw5IDYuN0M3LjcgNy45IDcgOS45IDcgMTJTNy43IDE2LjEgOSAxNy4zTDcuNCAxOE0xMi43IDE1TDExLjkgMTNMMTAuNSAxNUg5TDExLjMgMTEuOUwxMCA5SDExLjNMMTIuMSAxMUwxMy41IDlIMTVMMTIuOCAxMkwxNC4xIDE1SDEyLjdNMTYuNiAxOEwxNSAxNy4zQzE2LjMgMTYgMTcgMTQuMSAxNyAxMlMxNi4zIDcuOSAxNSA2LjdMMTYuNiA2QzE4LjEgNy41IDE5IDkuNyAxOSAxMlMxOC4xIDE2LjUgMTYuNiAxOFoiIC8+Cjwvc3ZnPg==");
}
.as-ckeditor-wrapper .as-ck-inline-short-text {
width: 100% !important;
box-sizing: border-box;
}
.absol-selectmenu.as-read-only.as-keep-dropdown-icon svg.dropdown {
display: block;
}
.absol-selectmenu.as-read-only.as-keep-dropdown-icon {
cursor: pointer;
}
input.as-select-list-text {
border: none;
padding-left: 0;
}
.as-base-component.as-text.as-decode-html {
white-space: normal;
}
.as-chain-anchor-box.as-width-auto > .absol-number-input.as-border-none input {
width: calc(0.4em + var(--text-width));
}
.as-chain-anchor-box.as-width-auto > .absol-number-input.as-border-none .absol-number-input-text-container {
position: static;
left: unset;
top: unset;
right: unset;
bottom: unset;
display: block;
height: 100%;
}
.absol-number-input.as-base-component[data-text-align="left"] input {
text-align: left;
}
.absol-number-input.as-base-component[data-text-align="center"] input {
text-align: center;
}
.absol-number-input.as-base-component[data-text-align="right"] input {
text-align: right;
}
.absol-number-input.as-base-component.as-border-none.as-read-only[data-text-align="default"] input {
text-align: left;
}
.as-height-auto > .absol-textarea2 {
min-height: var(--content-height);
}
.as-base-component.as-image {
--as-image-ratio: unset;
--as-natural-height: unset;
--as-natural-width: unset;
background-size: cover;
}
.as-hyper-layout > .as-base-component.as-image.as-position-static {
position: relative;
}
.as-base-component.as-image > img {
display: block;
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%;
}
.as-base-component.as-image.as-empty > img {
display: none;
}
.as-base-component.as-image.as-empty {
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJ5ZXMiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2RkZGRkZCIgZD0iTTIzIDE4SDFMOC4yNSA4LjMzTDEwLjI1IDExTDE0IDZMMjMgMThNMTEuNSAxMi42N0wxNCAxNkwxOSAxNkwxNCA5LjMzTDExLjUgMTIuNjdNNSAxNkwxMS41IDE2TDguMjUgMTEuNjdMNSAxNloiIC8+PC9zdmc+");
}
.as-base-component.as-empty.as-empty[data-place-holder="avatar"] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eaccount-outline%3C/title%3E%3Cpath style='fill:rgb(221,221,221)' d='M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,6A2,2 0 0,0 10,8A2,2 0 0,0 12,10A2,2 0 0,0 14,8A2,2 0 0,0 12,6M12,13C14.67,13 20,14.33 20,17V20H4V17C4,14.33 9.33,13 12,13M12,14.9C9.03,14.9 5.9,16.36 5.9,17V18.1H18.1V17C18.1,16.36 14.97,14.9 12,14.9Z' /%3E%3C/svg%3E");
}
.as-base-component.as-image.as-display-inline img {
position: static;
display: inline-block;
}
.as-base-component.as-image.as-display-inline:not(.as-height-auto) img {
height: var(--as-height);
}
.as-base-component.as-image.as-display-inline:not(.as-width-auto) img {
width: var(--as-width);
}
.as-base-component:not(.as-height-auto) > .as-ck-placeholder {
height: var(--as-height);
}
.as-common-table {
border-collapse: collapse;
}
.as-common-table > thead {
background-color: #eeeeee;
}
.as-common-table > thead > tr > *,
.as-common-table > tbody > tr > * {
border: 1px solid #dddddd;
}
/*** module: node_modules/absol-form/css/anchoreditor.css ***/
.as-resize-box.as-focus .as-resize-box-body {
border-color: rgb(255, 174, 0);
}
.as-resize-box.as-focus .as-resize-box-dot {
background: rgb(255, 174, 0);
}
.as-align-vertical-line {
margin-left: 0.5px;
border-left: solid 1px rgba(255, 100, 100, 0.2);
}
.as-align-horizontal-line {
margin-top: 0.5px;
border-top: solid 1px rgba(255, 100, 100, 0.2);
}
.as-align-vertical-line,
.as-align-horizontal-line {
position: absolute;
box-sizing: border-box;
z-index: 1;
pointer-events: none;
}
.as-align-vertical-line.as-active,
.as-align-horizontal-line.as-active {
border-color: rgba(255, 100, 100, 0.9);
}
.as-hae-new-pos {
position: absolute;
width: 100px;
height: 100px;
left: 0;
top: 0;
pointer-events: none;
}
.as-hae-new-pos::before {
content: "";
position: absolute;
}
.as-hae-new-pos[data-type="before"][data-of-pos="block"]::before {
left: 0;
top: -2px;
width: 100%;
border-top: 4px solid #0080ff;
}
.as-hae-new-pos[data-type="after"][data-of-pos="block"]::before {
left: 0;
bottom: -2px;
width: 100%;
border-top: 4px solid #0080ff;
}
.as-hae-new-pos[data-type="before"][data-of-pos="inline-block"]::before,
.as-hae-new-pos[data-type="before"][data-of-pos="inline"]::before {
left: -2px;
top: 0;
height: 100%;
border-left: 4px solid #0080ff;
}
.as-hae-new-pos[data-type="after"][data-of-pos="inline-block"]::before,
.as-hae-new-pos[data-type="after"][data-of-pos="inline"]::before {
right: -2px;
top: 0;
height: 100%;
border-left: 4px solid #0080ff;
}
.as-layout-editor-foreground .as-resize-box.as-order-moving .as-resize-box-body {
background-color: rgba(255, 220, 220, 0.5);
}
/*** module: node_modules/absol-form/css/hline.css ***/
.as-hline {
position: absolute;
pointer-events: none;
opacity: 0.5;
}
.as-hline-body {
position: relative;
border-top: solid 2px rgb(55, 180, 159);
box-sizing: border-box;
width: 100%;
margin-top: -1px;
margin-bottom: -1px;
}
.as-hline-dot {
position: absolute;
top: calc(-0.2em - 1px);
height: 0.4em;
width: 0.4em;
background-color: rgb(55, 180, 159);
}
.as-hline-dot.left {
left: -0.2em;
}
.as-hline-dot.right {
right: -0.2em;
}
/*** module: node_modules/absol-form/css/vline.css ***/
.as-vline {
position: absolute;
pointer-events: none;
opacity: 0.5;
}
.as-vline-body {
position: relative;
border-left: solid 2px rgb(55, 180, 159);
box-sizing: border-box;
height: 100%;
margin-left: -1px;
margin-right: -1px;
}
.as-vline-dot {
position: absolute;
left: calc(-0.2em - 1px);
height: 0.4em;
width: 0.4em;
background-color: rgb(55, 180, 159);
}
.as-vline-dot.top {
top: -0.2em;
}
.as-vline-dot.bottom {
bottom: -0.2em;
}
/*** module: node_modules/absol-form/css/undohistory.css ***/
.as-undo-history-window {
min-width: 200px;
min-height: 200px;
z-index: 5000;
}
.as-undo-history-window .as-window-box-body{
position: relative;
}
.as-undo-history-window .as-undo-history{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.as-undo-history {
font-size: 14px;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
position: relative;
padding-bottom: 2em;
box-sizing: border-box;
}
.as-undo-history-item-list {
overflow-y: auto;
width: 100%;
height: 100%;
}
.as-undo-history-active-buttons {
height: 1.4em;
padding: 0.1em;
}
.as-undo-history-active-buttons button {
width: 1.4em;
height: 1.4em;
font-size: 1em;
padding: 0;
border: 0;
margin-left: 0.2em;
margin-right: 0.2em;
outline: none;
background-color: rgba(169, 169, 169, 0.1);
}
.as-undo-history-active-buttons button:disabled {
pointer-events: none;
}
.as-undo-history-active-buttons button:hover {
background-color: rgba(169, 169, 169, 0.2);
}
.as-undo-history-active-buttons button:active {
background-color: rgba(169, 169, 169, 0.4);
}
.as-undo-history-active-buttons .mdi-delete {
color: rgb(255, 59, 59);
}
.as-undo-history-active-buttons-right-container {
position: absolute;
top: 0.1em;
right: 0.1em;
}
.as-undo-history-item {
position: relative;
padding-left: 1.4em;
min-height: 1.4em;
box-sizing: content-box;
border-bottom: 1px solid #ddd;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.as-undo-history-item > span {
overflow: hidden;
}
.as-undo-history-item-icon-container {
top: calc(50% - 0.6em);
bottom: calc(50% - 0.6em);
left: 0.1em;
width: 1.2em;
position: absolute;
}
.as-undo-history-item-icon-container > span {
font-size: 1em;
line-height: 1.2;
}
.as-undo-history-item-active {
background: rgba(169, 169, 199, 0.3);
}
.as-undo-history-item-disabled {
color: rgb(152, 152, 155);
}
/*** module: node_modules/absol-form/css/componentpropertieseditor.css ***/
.as-form-component-properties-editor-window .as-form-component-properties-editor {
width: 100%;
height: 100%;
font-size: 14px;
}
.as-layout-editor-property-container>.as-form-component-properties-editor {
height: 100%;
min-width: 25em;
}
.as-form-component-properties-editor-window {
min-width: 25em;
font-size: 14px;
min-height: 10em;
z-index: 99;
}
.as-form-component-properties-editor-window .absol-onscreen-window-head-bar-button-minimize {
display: none;
}
.as-form-component-properties-editor-quickmenu-button {
top: 0;
right: 0;
position: absolute;
color: #dddddd;
}
.as-form-component-properties-editor-window .as-form-component-properties-editor-quickmenu-button {
display: none;
}
/*** module: node_modules/absol-form/css/selectlisteditor.css ***/
.as-select-list-editor {
width: 100%;
height: 100%;
position: relative;
}
.as-select-list-editor-cmd-tool-container {
display: block;
border-bottom: solid 1px #dddddd;
}
.as-select-list-editor-cmd-tool-container:empty {
display: none;
}
.as-select-list-editor-body {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.as-select-list-editor-body > .asht-table-editor {
width: 100%;
height: 100%;
}
/*** module: node_modules/absol-sheet/css/tableeditable.css ***/
.asht-table-editor {
position: relative;
overflow: hidden;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 14px;
--available-width: 10000000px;
--available-height: 1000000px;
--sys-scrollbar-width: 17px;
--sys-scrollbar-height: 17px;
--head-height: 21px;
--index-col-width: 35px;
box-sizing: border-box;
}
.asht-table-editor::before {
content: "";
position: absolute;
left: 0;
width: 100%;
top: var(--head-height);
max-width: var(--content-width);
border-bottom: 1px solid #aaa;
z-index: 23;
}
.asht-table-editor.asht-overflow-y::before {
width: calc(100% - 17px);
}
.asht-table-editor::after {
content: "";
position: absolute;
z-index: 23;
border-right: 1px solid #aaa;
left: calc(var(--index-col-width));
height: 100%;
top: 0;
max-height: var(--content-height);
}
.asht-table-editor.asht-overflow-x::after {
height: calc(100% - 17px);
}
.asht-table-editor * {
/*background-color: transparent !important;*/
}
.asht-table-editor.asht-overflow-x {
padding-bottom: 17px;
}
.asht-table-editor.asht-overflow-y {
padding-right: 17px;
}
.asht-table-editor.asht-headless .asht-table-data >thead{
display: none;
}
/********** MAIN *********************/
.asht-table-editor-main-viewport {
overflow: hidden;
max-height: var(--content-height);
position: relative;
}
.asht-table-editor-main-scroller {
overflow-x: scroll;
overflow-y: scroll;
margin-right: calc(var(--sys-scrollbar-width) * -1);
}
.asht-table-editor.asht-overflow-x {
width: var(--available-width);
padding-bottom: 17px;
}
.asht-table-editor.asht-overflow-y {
height: var(--available-height);
padding-right: 17px;
}
.asht-table-editor.asht-overflow-x .asht-table-editor-main-viewport {
width: 100%;
}
.asht-table-editor.asht-overflow-x .asht-table-editor-main-scroller {
width: calc(100% + var(--sys-scrollbar-width));
}
.asht-table-editor.asht-overflow-y .asht-table-editor-main-viewport {
height: 100%;
}
.asht-table-editor.asht-overflow-y .asht-table-editor-main-scroller {
height: 100%;
}
.asht-table-editor.asht-overflow-y .asht-table-editor-main-viewport {
height: 100%;
}
.asht-table-editor.asht-overflow-y .asht-table-editor-main-scroller {
height: calc(100% + var(--sys-scrollbar-height));
}
/******* FIXED Y ***************************/
.asht-table-editor-fixed-y-viewport {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
z-index: 20;
height: var(--head-height);
width: 100%;
user-select: none;
}
.asht-table-editor-fixed-y-scroller {
overflow-x: scroll;
overflow-y: hidden;
}
.asht-table-editor-fixed-y-scroller {
width: 100%;
}
.asht-table-editor.asht-overflow-y .asht-table-editor-fixed-y-scroller {
height: calc(100% + var(--sys-scrollbar-height));
}
.asht-table-editor-fixed-y-size-wrapper {
width: var(--content-width);
}
/********** FIXED X ************************/
.asht-table-editor-fixed-x-viewport {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
z-index: 20;
height: 100%;
width: var(--index-col-width);
user-select: none;
}
.asht-table-editor-fixed-x-scroller {
overflow: scroll;
height: calc(100% + var(--sys-scrollbar-height));
width: 200px;
}
/********** FIXED XY ************************/
.asht-table-editor-fixed-xy-viewport {
position: absolute;
left: 0;
top: 0;
z-index: 21;
user-select: none;
}
.asht-table-editor-fixed-xy td {
width: calc(var(--index-col-width)); /*? border*/
height: var(--head-height);
box-sizing: border-box;
}
/******* SCROLLER ***************/
.asht-table-editor-v-scrollbar {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 17px;
display: none;
}
.asht-table-editor-h-scrollbar {
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 17px;
display: none;
}
.asht-table-editor.asht-overflow-x .asht-table-editor-v-scrollbar {
bottom: 17px;
}
.asht-table-editor.asht-overflow-y .asht-table-editor-h-scrollbar {
right: 17px;
}
.asht-table-editor.asht-overflow-x .asht-table-editor-h-scrollbar,
.asht-table-editor.asht-overflow-y .asht-table-editor-v-scrollbar {
display: block;
}
.asht-table-editor .ash-fixed-y-header-ctn {
z-index: 20;
left: 0;
top: 0;
width: 100%;
position: absolute;
overflow: hidden;
}
.ash-fixed-y-header-scroller {
overflow-x: scroll;
overflow-y: hidden;
margin-bottom: -17px;
padding-bottom: 17px;
}
.ash-fixed-y-header-size-wrapper {
display: inline-block;
width: var(--content-width);
}
table.asht-table-editor-fixed-y-scroller-header {
display: inline-table;
}
.asht-table-editor .as-table-scroller-fixed-xy-header-ctn {
z-index: 21;
}
.asht-table-editor-content {
position: relative;
display: inline-block;
}
.asht-table-editor-foreground {
position: absolute;
z-index: 15;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
pointer-events: none;
}
table.asht-table-data {
table-layout: fixed;
border-collapse: collapse;
box-sizing: border-box;
}
.asht-read-only .asht-new-row {
display: none;
}
.asht-table-editor-editing-box {
position: absolute;
box-sizing: border-box;
z-index: 8;
--cell-width: 0;
--cell-height: 0;
min-width: var(--cell-width);
min-height: var(--cell-height);
border: solid 1px rgb(134, 158, 193);
}
.asht-table-editor-editing-box::before {
content: "";
pointer-events: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
box-sizing: border-box;
border: 1px solid rgb(134, 158, 193);
z-index: 2;
}
.asht-table-editor-editing-box.as-status-focus,
.asht-table-editor-editing-box.as-status-focus::before {
border-color: rgb(26, 115, 232);
}
.asht-cell-editor-input {
min-height: calc(var(--cell-height) - 0px);
min-width: calc(var(--cell-width) - 0px);
box-sizing: border-box;
display: block;
border: none;
background: white;
outline: none;
}
pre.as-preinput.asht-cell-editor-input {
min-width: calc(var(--cell-width) + 1px);
background: white;
}
input.asht-cell-editor-input[type="number"] {
width: var(--cell-width);
text-align: right;
-moz-appearance: textfield;
}
input.asht-cell-editor-input[type="number"]::-webkit-outer-spin-button,
input.asht-cell-editor-input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.absol-number-input.asht-cell-editor-input {
height: calc(var(--cell-height) - 0px);
min-width: calc(var(--cell-width) - 0px);
}
.absol-number-input.asht-cell-editor-input .absol-number-input-text-container {
right: 4px;
}
.absol-number-input.asht-cell-editor-input .absol-number-input-button-up-container,
.absol-number-input.asht-cell-editor-input .absol-number-input-button-down-container {
display: none;
}
.asht-boolean-cell-editor-input.asht-state-wait-action > .as-checkbox-input {
visibility: hidden;
}
.asht-date-cell-editor-input.asht-state-wait-action {
opacity: 0;
}
.asht-boolean-cell-editor-input {
text-align: center;
}
.asht-boolean-cell-editor-input .as-checkbox-input {
display: inline-block;
vertical-align: middle;
}
.asht-boolean-cell-editor-input::before {
content: "";
display: inline-block;
vertical-align: middle;
height: var(--cell-height);
}
.asht-enum-set-cell-editor-input {
min-width: var(--cell-width);
min-height: var(--cell-height);
max-width: calc(var(--cell-width) * 2);
--select-box-item-font-size: 11px;
--select-box-item-height: 16px;
--select-box-item-border-radius: 5px;
--select-box-min-height: 20px;
}
.asht-table-editor-selected-box {
border: 1px solid rgba(26, 115, 232, 0.7);
background-color: rgba(26, 115, 232, 0.1);
position: absolute;
z-index: 20;
box-sizing: border-box;
pointer-events: none;
}
.asht-date-cell-editor-input,
.asht-date-time-cell-editor-input {
height: var(--cell-height);
width: var(--cell-width);
border: none;
}
.asht-date-cell-editor-input.asht-state-editing {
width: calc(var(--cell-width) + 28px);
}
.asht-date-cell-editor-input input,
.asht-date-time-cell-editor-input input {
padding-left: 0.35em;
font: inherit;
}
.asht-date-cell-editor-input .as-date-input-icon-ctn {
height: 100%;
}
.asht-date-cell-editor-input .as-date-input-icon-ctn span {
line-height: var(--cell-height);
}
.asht-cell-editor-input.as-select-menu {
height: var(--cell-height);
width: var(--cell-width);
}
.absol-selectmenu.as-select-menu.as-select-tree-menu.asht-cell-editor-input {
min-width: calc(var(--select-list-estimate-width) + 30px);
}
.asht-time-range-24-cell-editor-input .ac-time-input,
.asht-time-range-24-cell-editor-input .ac-time-input .as-time-input-text {
font: inherit;
}
.asht-time-range-24-cell-editor-input .ac-time-input {
height: var(--cell-height);
width: 7em;
}
/*.asht-date-n-level-cell-editor-input > div,*/
/*.asht-date-n-level-cell-editor-input input.as-date-input-text {*/
/* height: var(--cell-height);*/
/*}*/
.as-date-n-level-input.asht-date-n-level-cell-editor-input {
padding: 0;
margin: 0;
height: var(--cell-height);
width: calc(6em + 50px + 2em);
}
.asht-date-n-level-cell-editor-input .as-date-n-level-input-select-level {
height: 100%;
font-size: 0.8em;
width: 1em;
}
.asht-date-n-level-cell-editor-input .as-date-input-text {
padding-left: 1.2em;
}
.asht-date-n-level-cell-editor-input .as-date-input-clear-btn {
height: calc(var(--cell-height) - 2px);
top: calc(50% - var(--cell-height) * 0.5 + 1px)
}
.asht-date-n-level-cell-editor-input button span.mdi {
line-height: 1;
}
.asht-date-n-level-cell-editor-input {
background-color: white;
padding: 0;
}
.card-mobile-content .asht-table-editor {
max-width: calc(100vw - 40px);
}
/*** module: node_modules/absol-sheet/css/tabledata.css ***/
table.asht-table-data {
--row-height: 21px;
}
table.asht-table-data {
border: solid 1px #dddddd;
}
table.asht-table-data > tbody > tr > td,
table.asht-table-data > thead > tr > td,
table.asht-table-data > tr > td {
border: solid 1px #dddddd;
padding-left: 0.35em;
padding-right: 0.35em;
white-space: pre-wrap;
word-break: normal;
box-sizing: border-box;
}
table.asht-table-data > tbody > tr > td:first-child,
table.asht-table-data > thead > tr > td:first-child{
text-align: right;
width: var(--index-col-width);
min-width: var(--index-col-width);/*force width*/
}
table.asht-table-data > tbody > tr > td,
table.asht-table-data > tr > td {
height: var(--row-height);
min-height: var(--row-height);
}
table.asht-table-data > thead > tr > td {
background-color: rgb(248, 249, 250);
text-align: center;
box-sizing: border-box;
}
table.asht-table-data > tbody > tr > td > span {
white-space: pre;
}
table.asht-table-data > tbody > tr > td:first-child,
table.asht-table-data > tr > td:first-child {
background-color: rgb(248, 249, 250);
text-align: right;
}
td.asht-type-number {
text-align: right;
padding-left: 0.35em;
min-width: 64px;
}
td.asht-type-boolean {
text-align: center;
}
td.asht-type-text {
text-align: left;
min-width: 64px;
}
.asht-table-editor td.asht-calc {
background-color: rgba(255, 255, 0, 0.3);
}
/*unique value in column*/
td.asht-duplicated {
background-color: rgba(255, 0, 0, 0.3);
}
td.asht-type-time {
min-width: 110px;
}
table.asht-table-data > tbody > tr > td.asht-type-date {
text-align: left;
padding-right: 1.35em;
min-width: calc(6em + 50px);
box-sizing: border-box;
}
table.asht-table-data > tbody > tr > td.asht-type-date-time {
text-align: left;
padding-right: 1.35em;
min-width: calc(10em + 50px);
box-sizing: border-box;
}
td.asht-row-idx {
text-align: right;
}
table.asht-table-data > tbody > tr > td.asht-type-enum {
text-align: left;
padding-right: calc(0.35em + 18px);
}
table.asht-table-data > tbody > tr > td.asht-type-time-range-24{
text-align: left;
padding-right: 1.35em;
min-width: calc(14em + 11px);
box-sizing: border-box;
}
.as-layout-editor .asht-table-editor.asht-read-only.asht-headless .asht-new-row:first-child{
display: table-row;
pointer-events: none;
}
/*** module: node_modules/absol-sheet/css/dialogs.css ***/
.asht-modal {
position: fixed;
z-index: 100000;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.asht-window {
z-index: 110000;
user-select: none;
}
.asht-window.as-blink .absol-onscreen-window-head-bar {
animation: asht-window-hear-blink 0.75s;
}
.asht-window.as-blink .absol-onscreen-window-head-bar button{
background-color: transparent;
}
@keyframes asht-window-hear-blink {
0% {
background-color: rgba(169, 169, 169, 0.15)
}
15% {
background-color: rgba(169, 169, 169, 0.5)
}
25% {
background-color: rgba(169, 169, 169, 0.15)
}
35% {
background-color: rgba(169, 169, 169, 0.5)
}
50% {
background-color: rgba(169, 169, 169, 0.15)
}
65% {
background-color: rgba(169, 169, 169, 0.5)
}
75% {
background-color: rgba(169, 169, 169, 0.15)
}
100% {
background-color: rgba(169, 169, 169, 0.15)
}
}
.asht-select-row-width-window-content {
padding: 5px;
}
.asht-select-row-width-window .absol-onscreen-window-head-bar-button-minimize,
.asht-select-row-width-window .absol-onscreen-window-head-bar-button-dock {
display: none;
}
/*** module: node_modules/absol-form/css/fonticonpicker.css ***/
.as-font-icon-picker {
font-size: 14px;
background-color: white;
display: inline-block;
padding: 0.357em;
-webkit-box-shadow: 2px 2px 17px -1px rgba(0, 0, 0, 0.54);
-moz-box-shadow: 2px 2px 17px -1px rgba(0, 0, 0, 0.54);
box-shadow: 2px 2px 17px -1px rgba(0, 0, 0, 0.54);
}
.as-font-icon-picker>.absol-search-text-input {
margin-bottom: 0.357em;
}
.as-font-icon-picker-option {
padding-bottom: 0.357em;
}
button.as-font-icon-picker-icon {
height: 3em;
width: 3em;
padding: 0;
margin: 0.1em;
font-size: 1em;
box-sizing: border-box;
background-color: rgba(169, 169, 172, 0);
border: 1px solid #dddd;
}
button.as-font-icon-picker-icon:hover {
background-color: rgba(169, 169, 172, 0.2);
}
button.as-font-icon-picker-icon>span {
font-size: 2em;
}
.as-font-icon-picker-content {
text-align: center;
height: 19.2em;
width: 20.2em;
overflow-y: auto;
}
button.as-font-icon-picker-icon.as-font-icon-picker-selected {
background-color: rgba(20, 185, 235, 0.3);
}
button.as-font-icon-input{
font-size: 14px;
width: 2em;
height: 2em;
padding: 0;
margin: 0;
box-sizing: content-box;
border: solid 1px #ddd;
background-color: rgba(169, 169, 172, 0);
outline: none;
}
button.as-font-icon-input>span,
button.as-font-icon-input>i{
font-size: 1.5em;
}
.as-font-icon-input.as-font-icon-selecting{
}
/*** module: node_modules/absol-form/css/formpreview.css ***/
.as-form-preview {
font-size: 14px;
z-index: 99;
overflow: auto;
}
.as-form-preview::after {
content: "";
display: table;
clear: both;
}
.as-form-preview-actions {
padding: 0.357em;
border-bottom: 1px solid #ddd;
}
.as-form-preview-actions>button {
margin-right: 1em;
}
.as-form-preview-content {
padding: 0.5em;
position: relative;
display: inline-block;
}
.as-form-preview-content>.as-base-component {
-webkit-box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.75);
box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.75);
}
.as-form-preview-content:empty {
height: 0;
width: 0;
}
.as-form-preview-size-setting {
padding: 5px 0 5px 20px;
border-bottom: 2px solid #ddd;
box-sizing: content-box;
}
.as-form-preview-size-setting span {
font-size: 12px;
}
.as-form-preview-size-setting input[type="number"] {
border: 1px solid #ddd;
outline: none;
font-size: 12px;
}
.as-form-preview-size-setting input[type="number"].as-input-width,
.as-form-preview-size-setting input[type="number"].as-input-height {
width: 5em;
}
/*** module: node_modules/absol-form/css/cmdtool.css ***/
.as-form-cmd-tool-window .absol-onscreen-window-body-container {
overflow-y: auto;
}
.as-from-tool-button:not(:disabled) > span.mdi-delete-variant {
color: red;
}
.as-from-tool-button:disabled > span {
color: #c4c4c4 !important;
}
.as-from-tool-button:disabled > svg > path {
fill: #c4c4c4;
}
.as-form-cmd-tool .as-from-tool-ribbon-button,
.bsc-white .as-form-cmd-tool .as-from-tool-ribbon-button,
.as-form-cmd-tool .as-from-tool-ribbon-button {
font-size: 12px;
height: 2em;
width: 3em;
padding-right: 0.2em;
/**override theme*/
min-width: unset !important;
white-space: nowrap;
border: none !important;
background-color: transparent;
}
.as-form-cmd-tool .as-ribbon-button,
.as-form-cmd-tool .as-ribbon-split-button {
font-size: 12px;
width: 6.5em;
vertical-align: top;
}
.as-form-cmd-tool .as-ribbon-button.as-checked.as-type-toggle-switch,
.as-form-cmd-tool .as-ribbon-button.as-checked.as-type-color {
-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.6);
box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.6);
background-color: rgba(0, 0, 0, 0.05);
color: #1e65ea;
}
.as-from-tool-group-buttons {
margin-right: 2px;
display: inline-block;
vertical-align: middle;
}
.as-from-tool-group-buttons .as-from-tool-group-buttons:not(:last-child) {
border-right: 0.5px solid #ddd;
}
.as-from-tool-group-buttons .as-from-tool-group-buttons:not(:first-child) {
border-left: 0.5px solid #ddd;
}
.absol-tooltip-root {
z-index: 100;
}
.as-from-tool-group-buttons:empty {
display: none;
}
.as-form-cmd-tool-menu-trigger {
position: absolute;
right: 0;
top: 0;
bottom: 0;
color: #ddd;
}
.as-form-cmd-tool-window .absol-onscreen-window-head-bar-button-dock {
display: none;
}
.as-form-cmd-tool-window .as-form-cmd-tool-menu-trigger {
display: none;
}
.as-cmd-tool-group-x2 {
display: inline-block;
vertical-align: top;
position: relative;
}
.as-cmd-tool-tab .as-cmd-tool-group-x2 {
min-height: 60px;
}
.as-cmd-tool-group-x2::before {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -1px;
border: 1px solid #ddd;
}
.as-cmd-tool-tab {
overflow: hidden;
}
/*** module: node_modules/absol-form/css/blockeditor.css ***/
.absol-frame > .as-block-editor {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.as-block-editor {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 14px;
outline: none;
}
.as-block-editor-header {
border-bottom: 1px solid #dddddd;
}
.as-block-editor-body {
padding: 10px;
overflow-y: auto;
box-sizing: border-box;
flex-grow: 1;
}
.as-be-base {
background-color: white;
white-space: pre;
border-radius: 3px;
-webkit-box-shadow: 0 0 0 1px #dddddd;
box-shadow: 0 0 0 1px #dddddd;
}
.as-be-base.as-activated {
-webkit-box-shadow: 0 0 0 2px rgb(32, 150, 218);
box-shadow: 0 0 0 3px rgb(32, 150, 218);
}
.as-be-base.as-activated.as-focus {
-webkit-box-shadow: 0 0 0 2px rgba(250, 174, 0, 1);
box-shadow: 0 0 0 3px rgba(250, 174, 0, 1);
}
.as-be-base:not(:last-child) {
margin-bottom: 10px;
}
.as-be-base-header {
height: 30px;
padding-left: 10px;
background-color: rgba(169, 169, 170, 0.11659);
user-select: none;
-webkit-user-select: none;
position: relative;
}
.as-be-base-header-right-ctn {
position: absolute;
top: 0;
right: 10px;
bottom: 0;
}
.as-be-base-header-right-ctn::after {
content: "";
height: 100%;
}
.as-be-base-header-right-ctn > div {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.as-be-base-permission-ctn {
}
.as-be-base-permission-ctn > .mdi {
display: inline-block;
vertical-align: middle;
}
.as-be-base[data-permission-owner="system"] .as-be-base-permission-ctn .mdi.mdi-lock-outline {
display: inline-block;
}
.as-be-base-permission-ctn .mdi.mdi-lock-outline {
color: red;
display: none;
}
.as-be-base:not(.as-has-lines) .as-be-line-count-ctn {
display: none;
}
.as-be-base-header > .mdi {
font-size: 1.2em;
margin-right: 0.35em;
}
span.as-be-base-tag {
line-height: 30px;
font-weight: bold;
color: rgb(69, 69, 70);
}
.as-be-base-body {
padding-left: 15px;
padding-right: 10px;
padding-top: 10px;
}
.as-be-base-attribute {
display: flex;
padding-bottom: 10px;
}
.as-be-base-attribute-name-ctn {
padding-right: 20px;
}
.as-be-base-attribute-name {
width: 60px;
line-height: 24px;
display: inline-block;
}
.as-be-base-attribute-value-ctn {
flex-grow: 1;
}
.as-be-function-args-add-btn {
margin-left: 5px;
}
.as-be-function-args-add-btn,
.as-be-function-arg-new-input {
display: inline-block;
vertical-align: middle;
}
.as-be-base-id {
height: 24px;
font-size: 14px;
border: 1px solid #dddddd;
outline: none;
}
.as-be-function-arg-new-input {
min-width: 50px;
-webkit-box-shadow: 0 0 0 1px #dddddd;
box-shadow: 0 0 0 1px #dddddd;
}
.as-be-function-arg {
font-family: inherit;
display: inline-block;
vertical-align: middle;
font-size: 14px;
height: 24px;
margin-left: 5px;
line-height: 24px;
outline: none;
overflow-y: hidden;
padding-right: 0.35em;
padding-left: 0.35em;
}
.as-be-function-body {
min-height: 32px;
}
.as-be-file-downloader-file-name {
width: 100%;
}
.as-be-base input[type="text"],
.as-be-base input[type="number"] {
height: 24px;
font-size: 14px;
border: 1px solid #dddddd;
outline: none;
box-sizing: border-box;
}
.as-be-base-attribute-value-ctn > input[type="text"],
.as-be-base-attribute-value-ctn > textarea {
width: 100%;
}
.as-be-base-attribute-value-ctn > textarea {
border: 1px solid #dddddd;
outline: none;
box-sizing: border-box;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
.as-be-base[data-tag="CBExtendConfig"] .as-be-base-attribute:last-child {
display: none;
}
/*** module: node_modules/absol-form/css/circuitdiagram.css ***/
.absol-tab-frame > .as-cde {
width: 100%;
height: 100%;
}
.as-cde {
display: flex;
flex-direction: column;
align-items: stretch;
outline: none;
}
.as-cde-header {
border-bottom: 1px solid #dddddd;
}
.as-cde-body {
flex-grow: 1;
position: relative;
overflow: hidden;
}
.as-cde-v-scroll-bar {
position: absolute;
right: 0;
top: 0;
width: 10px;
bottom: 10px;
z-index: 2;
}
.as-cde-h-scroll-bar {
position: absolute;
left: 0;
right: 10px;
bottom: 0;
height: 10px;
z-index: 2;
}
.as-cde-v-scroll-bar:not(.as-overflow),
.as-cde-h-scroll-bar:not(.as-overflow) {
display: none;
}
.as-cde-line-layer {
position: absolute;
z-index: 0;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
}
.as-cde-node-layer {
position: absolute;
left: 0;
top: 0;
z-index: 1;
overflow: visible;
}
.as-cde-node-layer > .as-cde-node {
position: absolute;
left: 0;
top: 0;
z-index: 3;
}
.as-cde-node {
font-size: 14px;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
background-color: rgb(252, 252, 255, 0.75);
-webkit-box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 1);
-moz-box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 1);
box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 1);
display: inline-block;
border-radius: 4px;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
.as-cde-node.as-focus,
.as-cde-node.as-selected.as-focus {
background-color: rgb(252, 252, 255, 0.9);
-webkit-box-shadow: 2px 2px 9px 0px rgba(150, 150, 20, 1);
-moz-box-shadow: 2px 2px 9px 0px rgba(150, 150, 20, 1);
box-shadow: 2px 2px 9px 0px rgba(150, 150, 20, 1);
}
.as-cde-node.as-selected {
-webkit-box-shadow: 2px 2px 9px 0px rgb(20, 150, 124);
-moz-box-shadow: 2px 2px 9px 0px rgb(20, 150, 124);
box-shadow: 2px 2px 9px 0px rgb(20, 150, 124);
}
.as-cde-node-layer > .as-cde-node.as-focus {
z-index: 5;
}
.as-cde-node-header {
padding: 10px 5px;
background-color: rgba(169, 169, 169, 0.15);
white-space: nowrap;
}
.as-cde-node-name-ctn {
display: inline-block;
vertical-align: middle;
}
.as-cde-node-type-icon {
display: inline-block;
vertical-align: middle;
font-size: 18px;
width: 1em;
height: 1em;
}
.as-cde-node-name {
font-weight: bold;
white-space: pre;
}
.as-cde-node-description {
font-size: 10px;
color: rgb(104, 104, 104);
}
.as-cde-node-body {
white-space: nowrap;
display: flex;
justify-content: space-between;
padding: 2px 0;
}
.as-cde-node-input-ctn,
.as-cde-node-output-ctn {
display: inline-block;
vertical-align: top;
}
.as-cde-node-input-ctn {
text-align: left;
padding-right: 5px;
}
.as-cde-node-output-ctn {
text-align: right;
padding-left: 5px;
}
.as-cde-node-pin {
height: 20px;
cursor: default;
}
.as-cde-node-input-ctn > .as-cde-node-pin {
border-radius: 0 10px 10px 0;
padding-left: 2px;
padding-right: 10px;
}
.as-cde-node-input-ctn .as-cde-node-pin-ico {
margin-right: 0.25em;
}
.as-cde-node-output-ctn > .as-cde-node-pin {
border-radius: 10px 0 0 10px;
padding-right: 2px;
padding-left: 10px;
}
.as-cde-node-output-ctn .as-cde-node-pin-ico {
margin-left: 0.25em;
}
.as-cde-node-pin:hover {
background-color: rgba(0, 80, 255, 0.15);
}
.as-cde-node-pin.as-active,
.as-cde-node-pin:active {
background-color: rgba(0, 250, 255, 0.35);
}
.as-cde-node-pin > svg,
.as-cde-node-pin > span,
.as-cde-node-pin::before {
display: inline-block;
vertical-align: middle;
}
.as-cde-node-pin::before {
content: "";
height: 100%;
}
.as-cde-node-pin-ico {
width: 1em;
height: 1em;
}
.as-cde-node-pin-ico path {
fill: rgb(69, 69, 69);
}
.as-cde-line-group {
--line-color: red;
--line-lock-color: green;
}
.as-cde-line-group[data-permission-owner="system"] .as-cde-line-lock {
display: initial;
}
.as-cde-line {
stroke-width: 2;
/*stroke: rgb(69, 69, 69);*/
stroke: var(--line-color);
fill: none;
}
.as-cde-line-lock {
stroke-dasharray: 10, 5, 2, 2, 2, 5;
pointer-events: none;
display: none;
stroke: var(--line-lock-color);
fill: none;
stroke-width: 1.5;
}
.as-cde-line-group.as-new .as-cde-hit-line {
display: none;
}
.as-cde-line-text,
.as-cde-line-text-shadow {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 14px;
}
.as-cde-line-text-shadow {
stroke-width: 4;
stroke: white;
fill: white;
}
.as-cde-hit-line {
stroke-width: 8;
/*stroke: rgb(69, 69, 69);*/
stroke: transparent;
fill: none;
}
.as-cde-line-group:hover .as-cde-hit-line {
stroke: rgb(230, 250, 0, 0.5);
}
.as-cde-line-group.as-selected .as-cde-hit-line {
stroke: rgba(0, 250, 217, 1);
}
.as-cde-line-group.as-selected.as-focus .as-cde-hit-line,
.as-cde-line-group.as-focus .as-cde-hit-line {
stroke: rgba(250, 221, 0, 1);
}
/*.as-cde.as-choose-remove-line .as-cde-line-group:hover*/
/*{*/
/* cursor: url("https://absol.cf/libs/absol-full/assets/cursor-remove.cur"), auto;*/
/*}*/
/*** module: node_modules/absol-form/css/includedblockmanager.css ***/
.as-included-block-manager {
display: inline-block;
}
.as-included-block-manager .as-message-dialog-body {
}
.as-included-block-manager-table-wrapper {
position: relative;
}
.as-included-block-manager-table-scroller {
overflow-y: auto;
max-height: calc(100vh - 300px);
}
.as-included-block-manager-table {
border-collapse: collapse;
box-sizing: border-box;
}
.as-included-block-manager-table thead {
font-style: italic;
background: #f5f5f5;
border-bottom: 1px solid #aaaaaa;
}
.as-included-block-manager-table td,
.as-included-block-manager-table th {
padding-left: 5px;
padding-right: 5px;
border: 1px solid #aaaaaa;
box-sizing: border-box;
border-collapse: collapse;
}
.as-included-block-manager-table th {
font-style: italic;
font-weight: normal;
background: #f5f5f5;
box-sizing: border-box;
height: 25px;
box-sizing: border-box;
}
.as-included-block-manager-table-header-ctn {
position: absolute;
z-index: 2;
left: 0;
top: 0;
display: flex;
background: #f5f5f5;
}
.as-included-block-manager-table-header-cell {
border: 1px solid #aaaaaa;
font-style: italic;
font-weight: normal;
box-sizing: border-box;
height: 26px;
}
.as-included-block-manager-table-header-cell:not(:last-child) {
border-right: none;
}
.as-included-block-manager-table td:first-child {
text-align: center;
vertical-align: middle;
}
.as-included-block-manager-search-ctn {
padding-bottom: 5px;
}
.as-included-block-manager-table td>*{
display: inline-block;
vertical-align: middle;
}
.as-included-block-manager-table tr.as-will-added{
color: darkcyan;
}
.as-included-block-manager-table tr.as-will-removed{
color: #ea6e6e;
}
/*** module: node_modules/absol-form/css/selectcomponenttypedialog.css ***/
.as-select-component-type-dialog > .as-message-dialog-body {
max-height: calc(75vh - 100px);
min-width: 420px;
overflow: auto;
padding: 0;
}
.as-select-component-type-dialog .absol-exp-node {
height: 3em;
}
.as-select-component-type-dialog .absol-exp-tree.as-selected>button{
background-color: rgba(185, 235, 20, 0.3);
}
.as-select-component-type-modal {
padding-top: 15vh;
padding-bottom: 10vh;
}
.as-select-component-type-modal.as-modal::before,
.as-select-component-type-modal.as-modal > .as-modal-content {
vertical-align: top;
}
/*** module: node_modules/absol-form/css/componentoutline.css ***/
.as-component-outline-node-selected > .absol-exp-node {
background-color: rgba(20, 185, 235, 0.3);
}
.as-component-outline-node-focus > .absol-exp-node {
background-color: rgba(185, 235, 20, 0.3);
}
.as-window-box-body >.as-component-outline {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow-y: auto;
}
/*** module: node_modules/absol-form/css/formeditor.css ***/
.as-form-editor {
position: relative;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
outline: none;
-webkit-box-shadow: 0px 0px 0px 1px rgba(110, 110, 110, 0.3);
-moz-box-shadow: 0px 0px 0px 1px rgba(110, 110, 110, 0.3);
box-shadow: 0px 0px 0px 1px rgba(110, 110, 110, 0.3);
}
.as-form-editor-resizer {
z-index: 10;
position: absolute;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
.as-form-editor-resizer.vertical {
top: 0;
bottom: 0;
width: 0.2em;
cursor: w-resize;
}
.as-form-editor-left-tab-bar {
position: absolute;
left: 0;
top: 0;
bottom: 1.2em;
width: 20px;
background-color: rgba(169, 169, 170, 0.11659);
font-size: 13px;
}
.as-form-editor-left-tab-bar-top {
position: absolute;
left: 0;
top: -20px;
width: 500px;
height: 20px;
z-index: 2;
transform-origin: 0 100%;
transform: rotate(90deg);
}
.as-form-editor-vertical-tab-btn {
height: 100%;
font-size: 1em;
padding: 0 10px;
border: none;
background-color: transparent;
color: rgb(141, 141, 141);
outline: none;
}
.as-form-editor-left-tab-bar-top .as-form-editor-vertical-tab-btn {
transform: rotate(180deg);
}
.as-form-editor-vertical-tab-btn:hover {
color: rgb(102, 102, 102);
}
.as-form-editor-vertical-tab-btn:active,
.as-form-editor-vertical-tab-btn.active {
background-color: rgb(169, 169, 169);
color: white;
}
.as-form-editor-vertical-tab-btn.as-hidden {
display: none;
}
.as-form-editor-vertical-tab-btn > svg {
display: inline-block;
vertical-align: middle;
width: 1em;
height: 1em;
}
.as-form-editor > .as-status-bar {
position: absolute;
bottom: 0;
left: 0;
right: 0;
box-shadow: 0px -1px 0px 0px rgba(169, 169, 172, 0.5);
z-index: 2;
}
/*
.as-form-editor-left-tab-bar > button,
.as-form-editor-left-tab-bar-bottom-container > button {
display: none;
width: 3em;
height: 3em;
}
.as-form-editor-quick-toolbar button,
.as-form-editor-left-tab-bar > button,
.as-form-editor-left-tab-bar-bottom-container > button {
font-size: 1em;
color: rgb(196, 196, 196);
border: none;
background-color: transparent;
border-radius: 0;
outline: none;
}
.as-form-editor-left-tab-bar > button:hover,
.as-form-editor-left-tab-bar-bottom-container > button:hover,
.as-form-editor-quick-toolbar button:hover {
color: rgb(102, 102, 102);
}
.as-form-editor-left-tab-bar > button:active,
.as-form-editor-left-tab-bar > button.active,
.as-form-editor-quick-toolbar button:active {
background-color: rgb(169, 169, 169);
color: white;
}
.as-form-editor-left-tab-bar > button > span,
.as-form-editor-left-tab-bar-bottom-container > button > span {
font-size: 2em;
}
.as-form-editor-left-tab-bar-bottom-container {
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
*/
.as-form-editor-left-site-container {
position: absolute;
left: 20px;
top: 0;
bottom: 1.2em;
width: calc(15% - 20px);
box-sizing: border-box;
}
.as-form-editor-left-site-container > .as-form-editor-left-site {
width: 100%;
height: 100%;
}
.as-form-editor-resizer.vertical.left-site {
left: calc(15% - 0.1em);
}
.as-form-editor-editor-space-container,
.as-form-editor-empty-space {
position: absolute;
left: 15%;
top: 0;
bottom: 1.2em;
right: 0;
border-left: 1px solid #ddd;
}
.as-form-editor-empty-space {
z-index: 0;
}
.as-form-editor-editor-space-container {
z-index: 1;
background: white;
}
.as-form-editor-editor-space-container .as-layout-editor,
.as-form-editor-editor-space-container .as-code-editor,
.as-form-editor-editor-space-container .as-form-preview,
.as-form-editor-editor-space-container .ptswpf {
width: 100%;
height: 100%;
}
.as-form-editor-editor-space-container > div {
width: 100%;
height: 100%;
}
.as-form-editor-resizer.vertical.right-site {
right: calc(23em - 0.2em);
}
.as-form-editor-right-site-container {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 23em;
border-left: 1px solid #ddd;
}
.as-form-editor-right-site-container > .as-form-editor-right-site {
width: 100%;
height: 100%;
}
.as-form-editor-editor-space-container > .as-layout-editor {
width: 100%;
height: 100%;
}
table.as-form-params {
border-collapse: collapse;
box-sizing: border-box;
}
table.as-form-params > tbody > tr > td,
table.as-form-params > thead > tr > td {
border: 1px solid #eeeeee;
padding: 0.25em;
}
.as-form-property-tab > table.as-form-params {
width: calc(100% - 10px);
margin: 5px;
}
table.as-form-params > tbody > tr > td > input[type="text"],
table.as-form-params > tbody > tr > td > textarea {
font-size: 1em;
width: 100%;
box-sizing: border-box;
border: solid 1px #d6d6d6;
outline: none;
}
table.as-form-params > tbody > tr > td > textarea {
width: 100% !important;
}
.as-form-tool-site {
}
.as-form-left-tool-site-tab .as-form-explorer,
.as-form-left-tool-site-tab .as-component-picker,
.as-form-left-tool-site-tab .as-flex-form-component-tool {
height: calc(100% - 2em);
}
.as-form-tool-site-header {
height: 2em;
padding-left: 1em;
background-color: rgba(169, 169, 169, 0.05);
}
.as-form-tool-site-header span {
color: rgb(173, 173, 173);
font-size: 0.75em;
line-height: 2.666;
}
.as-form-tool-site .as-form-search-toolbox {
margin: 0.3em;
}
.as-form-tool-site .absol-drop-panel {
font-size: 12px;
}
.af-launcher-site-right .as-window-box-body,
.af-launcher-site-left .as-window-box-body {
position: relative;
height: calc(100% - 1.4em);
}
.as-form-explorer .absol-drop-panel {
position: absolute;
left: 0;
right: 0;
top: 50px;
height: calc(100% - 50px);
}
.as-form-explorer .absol-drop-panel.show .absol-drop-panel-body {
height: calc(100% - 24px);
}
.as-form-editor-editor-space-container > .absol-tabview > .absol-tabbar .absol-tabbar-button {
border-radius: 0;
margin-right: 0;
margin-left: 0;
border-left: none;
border-top: none;
border-bottom: none;
border-right: solid 1px rgba(169, 169, 169, 0.3);
font-size: 1em;
}
.as-form-editor-quick-toolbar {
height: 2em;
min-width: 2em;
position: absolute;
z-index: 1;
top: 0;
right: 0;
background-color: rgb(248, 248, 248);
border-bottom: 1px solid #ddd;
box-sizing: border-box;
}
.as-form-editor-quick-toolbar button {
height: 100%;
width: 2em;
border: none;
border-radius: 0;
font-size: 1em;
outline: none;
padding: 0;
background-color: transparent;
}
.as-form-editor-quick-toolbar button:hover {
color: rgb(102, 102, 102);
}
.as-form-editor-quick-toolbar button:active {
background-color: rgb(169, 169, 169);
color: white;
}
.as-form-editor-quick-toolbar button > span {
font-size: 1.3em;
}
.as-form-editor-main-tabview > .absol-tabbar {
width: calc(100% - 28px);
}
/*** module: node_modules/absol-form/css/projectexplorer.css ***/
.as-form-explorer {}
.as-form-explorer .absol-drop-panel-head {
font-size: 12px;
height: 2em;
line-height: 2;
}
.as-form-explorer .absol-drop-panel-head > svg,
.as-form-explorer .absol-drop-panel-head > span{
font-size: 14px;
}
.absol-drop-panel-head svg {
width: 0.8em;
height: 0.8em;
line-height: 1.5;
}
.as-form-explorer .absol-exp-tree {
font-size: 14px;
}
.as-form-explorer .absol-drop-panel-head {
position: relative;
}
.as-form-explorer .absol-drop-panel-head-cmd-button-container {
position: absolute;
top: 0px;
bottom: 0px;
right: 9px;
}
.as-form-explorer .absol-drop-panel-head-cmd-button-container>button {
width: 2em;
height: 2em;
font-size: inherit;
margin-left: 0.3em;
padding: 0;
background-color: transparent;
vertical-align: middle;
border: none;
border-radius: 0;
outline: none;
}
.as-form-explorer .absol-drop-panel-head-cmd-button-container>button:hover{
background-color: rgba(169, 169, 169, 0.2);
}
.as-form-explorer .absol-drop-panel-head-cmd-button-container>button>span{
font-size: 1.5em;
}
/*** module: node_modules/absol-form/css/explorer.css ***/
.af-explore {
font-size: inherit;
overflow: hidden;
}
.af-explore-title-bar {
padding-left: 1em;
background-color: rgba(169, 169, 169, 0.05);
height: 2em;
display: flex;
}
.af-explore-title-bar/*:empty*/::before {
content: "EXPLORER";
font-size: 0.75em;
line-height: 2.666;
color: rgb(173, 173, 173);
flex-grow: 1;
}
.af-explore-title-bar > .as-form-editor-quick-toolbar {
background-color: transparent;
border: none;
}
.af-explore-body {
height: calc(100% - 2em);
}
.af-explore-body > .absol-exp-tree > .absol-exp-node {
font-weight: bold;
}
.as-form-explorer-body.as-searching .absol-exp-tree:not(.as-in-search-result){
display: none;
}
.as-form-explorer-body.as-searching .absol-exp-items{
display: flex;
align-items: stretch;
flex-direction: column;
}
/*** module: node_modules/absol-brace/BraceExternal/ace.css ***/
.ace_editor ::-webkit-scrollbar {
width: 17px;
}
/* Track */
.ace_editor ::-webkit-scrollbar-track {
background: rgba(169, 169, 169, 0.1);
}
/* Handle */
.ace_editor ::-webkit-scrollbar-thumb {
background: rgba(169, 169, 169, 0.3);
}
/* Handle on hover */
.ace_editor ::-webkit-scrollbar-thumb:hover {
background: rgba(85, 85, 85, 0.445);
}
.ace_editor div {
scrollbar-color: rgba(169, 169, 169, 0.3) rgba(169, 169, 169, 0.1);
}
.ace_window_box .as-flexicon-button:focus{
box-shadow: 0 0 2px 2px rgba(95,173,217,0.79);
-webkit-box-shadow: 0 0 2px 2px rgba(95,173,217,0.79);
-moz-box-shadow: 0 0 2px 2px rgba(95,173,217,0.79);
}
.ace_window_box .material-icons.close{
font-size: 1em;
}
.ace_window_box .material-icons.close:hover{
color: red;
}
/*** module: node_modules/absol-brace/BraceDiff/diff.css ***/
.brace-diff {
position: relative;
}
.brace-diff-left-container {
position: absolute;
left: 0;
width: calc(50% - 3.5em);
top: 0;
bottom: 0;
background: gray;
}
.brace-diff-right-container {
right: 0;
position: absolute;
width: calc(50% - 3.5em);
top: 0;
bottom: 0;
background: gray;
}
.brace-diff-middle-tool-container{
position: absolute;
left:calc(50% - 3.5em - 19px) ;
right: calc(50% - 3.5em - 19px);
top: 0;
bottom: 0;
z-index: 9;
pointer-events: none;
}
.brace-diff-middle-tool{
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.brace-diff-left-container>pre,
.brace-diff-right-container>pre {
width: 100%;
height: 100%;
margin: 0;
}
.brace-diff-foreground {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 7;
pointer-events: none;
}
.brace-diff-foreground>svg {
/*todo*/
margin: 0;
pointer-events: none;
}
path.brace-diff-gap{
fill:rgba(9, 205, 231, 0.1);
stroke:rgba(8, 73, 82, 0.5);
stroke-width: 1;
}
button.brace-diff-arrow{
height: 14px;
width: 19px;
padding: 0;
position: absolute;
outline: none;
border: solid 1px rgba(169, 169, 169,1);
background-color: white;
pointer-events: all;
}
button.brace-diff-arrow.pick-left{
left: 0;
}
button.brace-diff-arrow.pick-left >svg{
fill:rgb(226, 35, 35);
}
button.brace-diff-arrow.pick-right >svg{
fill:rgb(35, 134, 226);
}
button.brace-diff-arrow.pick-right{
right: 0;
}
button.brace-diff-arrow> svg{
height: 12px;
width: 12px;
}
/*** module: node_modules/absol-form/css/codeeditor.css ***/
.as-code-editor{
margin: 0;
}
/*** module: node_modules/absol-photoswipeviewer/photoswipefrag.css ***/
.ptswpf,
.ptswpf * {
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
outline: none;
}
.ptswpf button {
border: none;
border-radius: 0.4em;
font-size: 1em;
background-color: rgb(169, 169, 169, 0.05);
color: white;
padding: 0;
}
.ptswpf button:active,
.ptswpf button:active:hover {
background-color: rgb(169, 169, 169, 0.12);
}
.ptswpf button:hover {
background-color: rgb(169, 169, 169, 0.07);
}
.ptswpf {
background-color: white;
position: relative;
font-size: 1em;
}
.ptswpf.ptswpf-dark {
background-color: rgb(36, 36, 37);
/* background-color: red; */
}
button.ptswpf-to-prev-image,
button.ptswpf-to-next-image {
position: absolute;
height: 3em;
width: 3em;
top: calc(50% - 0.75em);
z-index: 10;
display: none;
}
.ptswpf.ptswpf-multi-image .ptswpf-to-prev-image,
.ptswpf.ptswpf-multi-image .ptswpf-to-next-image {
display: initial;
}
.ptswpf-to-prev-image {
left: 0.325em;
}
.ptswpf-to-next-image {
right: 0.325em;
}
button.ptswpf-to-prev-image>i,
button.ptswpf-to-next-image>i {
font-size: 2.5em;
}
.ptswpf-top-bar {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 20;
background-color: rgba(0, 0, 0, 0, 0.2);
text-align: right;
padding-top: 1em;
padding-right: 2em;
font-size: 0.5em;
}
.ptswpf-top-bar>button {
width: 3em;
height: 3em;
color: rgb(200, 200, 200);
margin-left: 1em;
margin-bottom: 0.5em;
}
.ptswpf-top-bar>button>i {
font-size: 2em;
}
.ptswpf-image.ptswpf-loading {
visibility: hidden;
}
.ptswpf-move-animation,
.ptswpf-move-animation .ptswpf-image {
transition: all 0.2s linear;
}
img.ptswpf-image {
image-orientation: from-image;
position: absolute;
}
.ptswpf-download-trigger {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
}
.ptswpf-mode-pan .ptswpf-action-pan_tool {
color: white;
}
.ptswpf-mode-pan img.ptswpf-image {
cursor: grab;
}
.ptswpf-mode-zoom-in .ptswpf-action-zoom_in {
color: white;
}
.ptswpf-mode-zoom-in img.ptswpf-image {
cursor: zoom-in;
}
.ptswpf-mode-zoom-out .ptswpf-action-zoom_out {
color: white;
}
.ptswpf-mode-zoom-out img.ptswpf-image {
cursor: zoom-out;
}
.ptswpf-frame {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
touch-action: none;
z-index: 4;
}
.ptswpf-frame-left {
left: -100%;
z-index: 3;
}
.ptswpf-frame-right {
left: 100%;
z-index: 3;
}
.ptswpf-frame-loading-img {
display: block;
position: absolute;
left: calc(50% - 5em);
top: calc(50% - 5em);
width: 10em;
height: 10em;
}
/*** module: node_modules/absol-form/css/statusbar.css ***/
.as-status-bar {
background-color: rgb(240, 240, 240);
position: relative;
min-height: 1.2em;
color: black;
}
button.as-status-bar-item {
border: none;
background-color: transparent;
font-size: 0.8em;
height: 100%;
padding-left: 0.5em;
padding-right: 0.5em;
color: black;
outline: none;
}
button.as-status-bar-item:hover {
background-color: rgba(102, 102, 102, 0.1);
}
button.as-status-bar-item .mdi {
font-size: 1.2em;
}
/*
rgb(r, g, 255) * alpha + (1 - alpha) * rgb(0, 122, 204) = rgb(31, 137, 210)
=> 255 * alpha + 204 - 204 * alpha = 210
=> (255 - 204)alpha = 210-204
=> alpha = (210-204)/(255-204)
*/
.as-status-bar-left {
/* background: rgba(red, green, 255, 0.11764705882352941); */
position: absolute;
left: 0;
top: 0;
bottom: 0;
}
.as-status-bar-right {
position: absolute;
right: 0;
top: 0;
bottom: 0;
padding-right: 0.5em;
line-height: 1.2;
}
/*** module: node_modules/absol-form/css/flexformeditor.css ***/
.absol-frame .as-flex-form-editor {
width: 100%;
height: 100%;
position: relative;
}
.as-flex-form-editor {
padding-right: 20px;
box-sizing: border-box;
}
.as-flex-form-editor-right-tab {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 20px;
background-color: rgba(169, 169, 170, 0.11659);
box-sizing: border-box;
box-shadow: -1px 0 1px rgba(0,0,0, 0.3);
z-index: 1;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
}
.as-flex-form-editor-right-tab-top {
transform-origin: 50% 10px;
transform: rotate(90deg);
height: 20px;
white-space: nowrap;
}
.as-flex-form-editor-right-tab-btn {
height: 20px;
box-sizing: border-box;
}
.as-flex-form-editor-frame-view {
width: 100%;
height: 100%;
}
/*** module: node_modules/absol-form/css/fdeditor.css ***/
.fde-editor {
display: flex;
flex-direction: column;
align-items: stretch;
color: white;
width: 100%;
height: 100%;
box-sizing: border-box;
}
.fde-editor-body {
flex-grow: 1;
position: relative;
}
.fde-content {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 14px;
caret-color: transparent;
}
.fde-foreground {
}
.fde-viewport {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
padding: 5px;
box-sizing: border-box;
}
.fde-body {
position: relative;
}
.fde-content {
color: black;
box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.5);
display: inline-block;
outline: none;
}
.fde-foreground:not(.fd-focus) .fde-virtual-caret {
display: none;
}
.fd-block-component .fd-text-ctn {
color: transparent;
}
.fd-block-component ::selection {
background-color: transparent;
}
.as-label.fd-component label {
cursor: text;
white-space: pre-wrap;
}
.fde-space {
position: relative;
}
.fde-foreground {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 5;
}
.fd-component.as-base-component.as-image span {
position: absolute;
left: calc(50% - 15px);
top: calc(50% - 15px);
text-align: center;
width: 30px;
height: 30px;
line-height: 30px;
display: inline-block;
color: transparent;
}
.fd-block-component ::selection {
background-color: transparent !important;
}
.fd-component.as-base-component.as-image img {
user-select: none;
}
.fd-date-input .as-date-input-text::before,
.fd-component.as-date-time-input .as-date-time-input-text::before {
content: attr(data-text);
line-height: 2em;
}
.fd-component.as-label.fd-empty .fd-text-ctn::after {
content: attr(data-place-holder);
}
.fd-component.as-label.fd-empty .fd-text-ctn {
color: rgb(162, 162, 162, 0.5);
}
.fd-component.as-select-list-text .fd-text-ctn::before {
content: attr(data-text);
color: rgb(162, 162, 162, 0.5);
}
.fd-component.as-date-in-year-input .as-date-time-input-text {
font-size: inherit;
outline: none;
width: calc(100% - 2em - 1px);
height: 100%;
border: none;
display: block;
padding: 0 0 0 var(--as-input-horizontal-padding);
-webkit-user-select: auto;
user-select: auto;
-webkit-user-drag: none;
color: inherit;
box-sizing: border-box;
}
.fd-component.as-date-in-year-input .as-date-time-input-text::before,
.fd-component.as-date-n-level-input .as-date-input-text::before {
content: attr(data-text);
display: inline-block;
vertical-align: middle;
}
.fd-component.as-date-in-year-input .as-date-time-input-text::after,
.fd-component.as-date-n-level-input .as-date-input-text::after {
height: 100%;
content: "";
display: inline-block;
vertical-align: middle;
}
.fd-component.as-time-range-24-input .as-time-input-text::before {
content: attr(data-text);
}
.fd-component.as-time-range-24-input .as-time-input-text {
padding-left: var(--as-input-horizontal-padding);
display: inline-block;
vertical-align: middle;
}
.fd-component.as-time-range-24-input .ac-time-input::before {
content: "";
height: 100%;
display: inline-block;
vertical-align: middle;
}
.fd-component.absol-textarea2 {
outline: none;
border: solid 1px #d6d6d6;
border-radius: 2px;
padding: var(--as-input-vertical-padding) var(--as-input-horizontal-padding);
font-size: var(--as-input-font-size);
font-family: var(--as-input-font-family);
}
.as-grid-layout.fd-component:not(:empty) > .fd-text-ctn {
display: none;
}
.fde-virtual-caret {
position: absolute;
color: #1e65ea;
border-left: 2px solid currentColor;
animation: blink-caret 1s linear infinite;
}
.fde-virtual-selected-range {
background-color: rgba(72, 129, 239, 0.5);
position: absolute;
/*backdrop-filter: invert(100%);*/
}
.fde-content ::selection {
background-color: transparent;
/*color: white;*/
}
@keyframes blink-caret {
0% {
opacity: 1;
}
1% {
opacity: 0;
}
50% {
opacity: 0;
}
51% {
opacity: 1;
}
100% {
opacity: 1;
}
}
.fde-anchor-editor {
position: absolute;
}
.fde-anchor-editor-size-box {
position: absolute;
left: -1px;
top: -1px;
right: -1px;
bottom: -1px;
border: solid 2px #FFC83D;
}
.fde-anchor-editor-move,
.fde-anchor-editor-resize-width,
.fde-anchor-editor-resize-height,
.fde-anchor-editor-resize-width-height {
display: none;
position: absolute;
pointer-events: all;
}
.fde-anchor-editor-resize-width::before,
.fde-anchor-editor-resize-height::before,
.fde-anchor-editor-resize-width-height::before {
content: "";
display: block;
position: absolute;
left: calc(50% - 3px);
top: calc(50% - 3px);
width: 6px;
height: 6px;
background-color: #FFC83D;
}
.fde-anchor-editor.fde-option-move .fde-anchor-editor-move,
.fde-anchor-editor.fde-option-width .fde-anchor-editor-resize-width,
.fde-anchor-editor.fde-option-height .fde-anchor-editor-resize-height,
.fde-anchor-editor.fde-option-width.fde-option-height .fde-anchor-editor-resize-width-height {
display: block;
}
.fde-anchor-editor-move {
left: 0;
bottom: 100%;
width: 20px;
height: 20px;
text-align: center;
background-color: #FFC83D;
color: white;
font-size: 18px;
line-height: 20px;
cursor: move;
}
.fde-anchor-editor-resize-width {
z-index: 1;
right: -2px;
top: 0;
height: 100%;
width: 4px;
cursor: ew-resize;
}
.fde-anchor-editor-resize-height {
z-index: 1;
left: 0;
bottom: -2px;
height: 4px;
width: 100%;
cursor: ns-resize;
}
.fde-anchor-editor-resize-width-height {
z-index: 1;
right: -3px;
bottom: -3px;
height: 6px;
width: 6px;
cursor: nwse-resize;
}
.fd-component.as-flexicon-button::after {
content: attr(data-text);
}
.fd-component.absol-number-input .fd-text-ctn::before {
content: attr(data-value);
color: black;
display: inline-block;
line-height: 28px;
}
.fd-component.absol-number-input .absol-number-input-text-container {
padding-left: var(--as-input-horizontal-padding);
}
/*** module: node_modules/absol-form/css/linearanchor.css ***/
.as-linear-anchor-box {
display: block;
box-sizing: content-box;
}
.as-linear-anchor-box:not(.as-width-auto) > .as-base-component {
width: 100%;
}
.as-linear-anchor-box:not(.as-height-auto) > .as-base-component {
height: 100%;
}
/*** module: node_modules/absol-form/css/chainanchor.css ***/
.as-chain-anchor-box {
display: inline-block;
}
.as-chain-anchor-box.as-v-align-top {
vertical-align: top;
}
.as-chain-anchor-box.as-v-align-center {
vertical-align: middle;
}
.as-chain-anchor-box.as-v-align-bottom {
vertical-align: bottom;
}
.as-chain-anchor-box>.as-base-component{
width: 100%;
height: 100%;
}
/*** module: node_modules/absol-sheet/css/formarrayeditor.css ***/
.asht-form-array-editor {
font-size: 14px;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
line-height: 1.8;
}
.asht-form-array > tbody > tr > td:first-child {
padding-right: 20px;
}
.asht-form-array-break td {
position: relative;
height: 9px;
}
.asht-form-array-break td::before {
content: "";
position: absolute;
left: 5px;
top: 4px;
right: 5px;
border-top: 1px solid #dddddd;
}
/*** module: node_modules/absol-form/css/launcher.css ***/
.af-launcher {
font-size: 14px;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
display: flex;
align-items: stretch;
flex-direction: column;
outline: none;
position: relative;
background-color: white;
--f-launcher-site-left-width-percent: 20;
--f-launcher-client-width: 0px;
--f-launcher-client-height: 0px;
--f-launcher-site-right-width: 200px;
--f-launcher-site-left-width: 200px;
}
.absol-frame > .af-launcher {
width: 100%;
height: 100%;
}
.af-launcher-header {
}
.af-launcher-body {
flex-grow: 1;
display: flex;
align-items: stretch;
}
.af-launcher-footer {
}
.af-launcher-site-left {
display: flex;
align-items: stretch;
flex-direction: column;
padding-right: 4px;
}
.af-launcher-tab-bar-left, .af-launcher-tab-bar-right {
background-color: rgba(169, 169, 170, 0.11659);
width: 20px;
position: relative;
}
.af-launcher-tab-bar-left-top {
position: absolute;
left: 0;
top: -20px;
width: 500px;
height: 20px;
z-index: 2;
transform-origin: 0 100%;
transform: rotate(90deg);
}
/*.af-launcher-tab-bar-left-top > button {*/
/* transform: rotate(180deg);*/
/*}*/
.af-launcher-tab-bar-right-top {
position: absolute;
transform: rotate(90deg);
left: 0;
top: -20px;
width: 500px;
height: 20px;
z-index: 2;
transform-origin: 0 100%;
}
/*.af-launcher-tab-bar-right-top>button {*/
/* */
/*}*/
.af-launcher-tab-bar-bottom {
background-color: rgba(169, 169, 170, 0.11659);
height: 20px;
}
.af-launcher-site-right:empty, .af-launcher-site-left:empty {
display: none;
}
.af-launcher-site-right {
padding: 0 0 0 4px;
display: flex;
box-sizing: border-box;
flex-direction: column;
}
.af-launcher-site-left > div {
width: var(--f-launcher-site-left-width);
}
.af-launcher-site-right > div {
width: var(--f-launcher-site-right-width);
}
.af-launcher-site-middle {
flex-grow: 1;
}
.af-launcher-resizer-left {
position: absolute;
z-index: 300;
top: 0;
bottom: 0;
left: calc(var(--f-launcher-client-width) * var(--f-launcher-site-left-width-percent) / 100 - 1px);;
padding: 0 1px;
cursor: col-resize;
user-select: none;
-webkit-user-select: none;
}
.af-launcher-resizer-left::before {
content: "";
display: block;
position: absolute;
height: 100%;
box-sizing: border-box;
border-left: 1px solid transparent;
}
.af-launcher-main-tab-frame > div,
.af-launcher-main-tab-frame > pre
{
width: 100%;
height: 100%;
}
.af-launcher-main-tab-view {
width: 100%;
height: 100%;
box-sizing: border-box;
border: 1px solid #dddddd;
}
.af-launcher-resizer {
position: absolute;
}
.af-launcher-resizer[data-target="site-right-width"] {
top: 0;
bottom: 0;
right: calc(var(--f-launcher-site-right-width) + 2px);
z-index: 50;
cursor: col-resize;
width: 4px;
}
.af-launcher-resizer[data-target="site-left-width"] {
top: 0;
bottom: 0;
left: calc(var(--f-launcher-site-left-width) + 2px);
z-index: 50;
cursor: col-resize;
width: 4px;
}
.af-launcher-resize-modal {
z-index: 51;
}
.af-launcher-resize-modal[data-of="width"] {
cursor: col-resize;
}
.af-float-window {
font-size: 12px;
border: 1px solid #dddddd;
}
.af-launcher-site-right .af-float-window ,
.af-launcher-site-left .af-float-window {
box-shadow: none;
flex-grow: 1;
}
.af-launcher-site-right .af-float-window.af-minimize {
flex-grow: unset;
}
.af-float-window .absol-search-text-input {
font-size: inherit;
border-radius: 0;
}
.af-float-window.af-minimize {
flex-grow: unset;
}
.af-float-window.af-minimize .as-window-box-body{
display: none;
}
/*** module: node_modules/absol-form/css/componentpicker.css ***/
.as-window-box-body .as-component-picker {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.as-component-picker {
overflow-y: auto;
}
.as-component-picker-foreground {
position: fixed;
z-index: 1000;
cursor: none;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
/* background: rgba(169, 169, 169, 0.1); */
}
.as-component-picker-higne {
position: relative;
left: 0;
top: 0;
}
.as-component-picker-add-box-container {
position: absolute;
left: 0;
top: 0;
}
.as-component-picker-add-box {
position: relative;
width: 2em;
height: 2em;
background: white;
border: 1px solid #d6d6d6;
text-align: center;
opacity: 0.7;
}
.as-component-picker-add-box.as-can-drop {
opacity: 1;
-webkit-box-shadow: 0px 0px 5px 3px rgba(40, 141, 224, 0.6);
-moz-box-shadow: 0px 0px 5px 3px rgba(40, 141, 224, 0.6);
box-shadow: 0px 0px 5px 3px rgba(40, 141, 224, 0.6);
}
.as-component-picker-add-box-plus {
position: absolute;
left: -0.5em;
top: -0.5em;
width: 1em;
height: 1em;
text-align: center;
z-index: 1;
}
.as-component-picker-add-box-plus span {
/* font-size: 0.5em; */
vertical-align: top;
}
.as-component-picker-add-box > svg,
.as-component-picker-add-box > span {
width: 1.25em;
height: 1.25em;
font-size: 1.25em;
line-height: 1.6;
}
/*** module: node_modules/absol-form/css/imagefileinput.css ***/
.asf-image-file-input {
position: relative;
border: 1px solid #d6d6d6;
cursor: pointer;
}
.asf-image-file-input-img{
position: absolute;
left: 10%;
right: 10%;
top: 10%;
bottom: 10%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: 0.7;
}
.asf-image-file-input:hover .asf-image-file-input-img{
opacity: 1;
}
.asf-image-file-input:hover{
border-color: #aaaaaa;
}
.asf-image-file-input.as-has-file .asf-image-file-input-img{
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 1;
}
.asf-image-file-input.as-has-file:hover .asf-image-file-input-img{
opacity: 0.8;
}
/*** module: node_modules/absol-form/css/arrayoffragment.css ***/
.as-array-of-fragment {
overflow: auto;
position: relative;
}
.as-array-of-fragment-item {
display: block;
}
/*** module: node_modules/absol-form/css/editablearrayoffragment.css ***/
.as-editable-array-of-fragment.as-disabled > .as-editable-array-of-fragment-bottom,
.as-editable-array-of-fragment.as-disabled > .as-editable-array-of-fragment-item-list > .as-editable-array-of-fragment-item > .as-editable-array-of-fragment-remove-btn-ctn {
display: none;
}
.as-editable-array-of-fragment.as-disabled > .as-editable-array-of-fragment-item-list > .as-editable-array-of-fragment-item {
padding-right: 0;
}
.as-editable-array-of-fragment.as-disabled {
padding-bottom: 0;
}
.as-editable-array-of-fragment {
padding-bottom: 40px;
position: relative;
min-width: calc(var(--button-min-width) + 20px);
--as-aof-item-spacing: 10px;
}
.as-editable-array-of-fragment-list {
overflow: auto;
padding-top: 5px;
}
.as-editable-array-of-fragment-item:not(:last-child) {
margin-bottom: var(--as-aof-item-spacing);
padding-bottom: 10px;
}
.as-editable-array-of-fragment-item:not(:last-child)::after {
content: "";
position: absolute;
left: 50px;
right: 50px;
bottom: 0;
border-bottom: 1px dashed #a5a6a5;
}
.as-editable-array-of-fragment-bottom {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 35px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}
.as-editable-array-of-fragment-bottom > .as-flexicon-button {
height: 30px;
min-width: var(--button-min-width);
}
.as-editable-array-of-fragment-item {
padding-right: 40px;
display: block;
position: relative;
}
.as-editable-array-of-fragment-remove-btn-ctn {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 40px;
text-align: center;
}
.as-editable-array-of-fragment-remove-btn-ctn::before {
content: "";
height: 100%;
vertical-align: middle;
display: inline-block;
}
.as-editable-array-of-fragment-remove-btn-ctn > button {
display: inline-block;
vertical-align: middle;
height: 30px;
border: none;
background-color: transparent;
outline: none;
font-size: 14px;
}
.as-editable-array-of-fragment-remove-btn-ctn button .mdi-delete {
color: rgb(255, 70, 71);
}
body:not(.bsc-white) {
--button-min-width: 110px;
}
/*** module: node_modules/absol-form/css/listeditor.css ***/
.as-list-editor-add-row {
cursor: pointer;
}
table.as-list-editor {
border-collapse: collapse;
}
table.as-list-editor,
table.as-list-editor>thead>tr>td,
table.as-list-editor>tbody>tr>td {
border: 1px solid #d6d6d6;
}
.as-list-editor-text,
.as-list-editor-value {
outline: none;
padding: 0.2em 1em;
}
.as-list-editor-cell.empty-cell {
background-color: rgba(255, 20, 20, 0.3);
}
.as-list-editor-cell.duplicate-cell {
background-color: rgba(235, 229, 151, 0.3);
}
.as-list-editor-quick-menu-trigger {
border: none;
width: 1.5em;
height: 1.5em;
font-size: 1em;
padding: 0;
border-radius: 0;
margin: 0;
}
/*** module: node_modules/absol-form/css/propertyeditor.css ***/
.as-property-editor {
padding: 0.357em 0;
}
.as-property-editor > .as-basic-table{
width: 100%;
}
.as-property-editor .as-color-picker-button {
height: 2em;
}
.as-basic-table {
border-collapse: collapse;
box-sizing: border-box;
}
.as-basic-table > thead {
font-style: italic;
background: #f5f5f5;
}
.as-basic-table > tbody > tr > td,
.as-basic-table > thead > tr > td {
border: 1px solid #aaaaaa;
padding: 0.25em;
}
.as-form-property-tab > .as-basic-table {
width: calc(100% - 10px);
margin: 5px;
}
.as-basic-table > tbody > tr > td > input[type="text"],
.as-basic-table > tbody > tr > td > textarea {
font-size: 1em;
width: 100%;
box-sizing: border-box;
border: solid 1px #d6d6d6;
outline: none;
}
.as-basic-table > tbody > tr > td > textarea {
width: 100% !important;
}
.as-basic-table > tbody > tr > td>* {
font-size: inherit;
}
.as-property-editor-text-align-input {
font-size: 1.5em;
width: 1.2em;
height: 1.2em;
padding: 0;
margin: 0;
box-sizing: content-box;
border: solid 1px #ddd;
background-color: rgba(169, 169, 172, 0);
outline: none;
}
.as-window-box-body> .as-property-editor{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
box-sizing: border-box;
}
.as-property-editor tr[data-type="measurePosition"] .absol-number-input,
.as-property-editor tr[data-type="measureSize"] .absol-number-input{
width: 5em;
}
.as-property-editor tr[data-type="Permission"] button:not(:disabled) {
cursor: pointer;
}
.as-property-editor-text-decoration-input {
border: none;
height: 25px;
box-sizing: border-box;
padding: 0 10px;
background-color: transparent;
}
.as-property-editor-text-decoration-input:hover{
background-color: rgba(150, 150, 200, 0.3);
}
/*** module: node_modules/absol-form/css/layoutsizeeditor.css ***/
.as-size-box-editor {
padding: 0.35em;
border: 1px solid black;
font-size: 12px;
display: table;
width: 100%;
box-sizing: border-box;
}
.as-size-box-editor-title{
width: 0;
overflow: visible;
white-space: nowrap;
color: rgb(169, 169, 169);
}
.as-size-box-editor-position-top,
.as-size-box-editor-position-bottom {
height: 1.2em;
text-align: center;
display: table-row;
}
.as-size-box-editor-position-top>*,
.as-size-box-editor-position-bottom>* {
display: table-cell;
}
.as-size-box-editor-position-top>span,
.as-size-box-editor-position-bottom>span {
font-size: inherit;
}
.as-size-box-editor-top-text{
outline: none;
}
.as-size-box-editor-position-top>span {
font-size: inherit;
}
.as-size-box-editor-position-mid {
display: table-row;
}
.as-size-box-editor-position-left,
.as-size-box-editor-position-right {
display: table-cell;
width: 0;
padding-left: 0.2em;
padding-right: 0.2em;
vertical-align: middle;
}
.as-size-box-editor-position-left>span,
.as-size-box-editor-position-right>span {
font-size: inherit;
}
.as-size-box-editor-position-center {
display: table-cell;
width: 100%;
box-sizing: border-box;
background-color: rgba(255, 0, 0, 0.3);
}
/*** module: node_modules/absol-form/css/clangblockly.css ***/
:root {
--sb-color: #5BA55B;
}
.sb-quick-menu {
max-height: calc(100vh - 80px);
overflow-y: auto;
}
.sb-menu-selection-title {
font-size: 12px;
color: rgb(120, 120, 120);
padding: 5px 10px 5px 10px;
font-weight: bold;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.sb-token-selection {
display: inline-block;
vertical-align: middle;
background-color: rgba(255, 255, 255, 0.5);
box-sizing: border-box;
padding: 2px 3px 2px 2px;
border-radius: 0.3em;
color: black;
cursor: pointer;
user-select: none;
white-space: nowrap;
}
.sb-token-selection:active {
background-color: rgba(255, 255, 255, 0.8);
}
.sb-inline-text {
display: inline-block;
line-height: 2em;
white-space: pre;
}
.sb-token-selection::after {
content: "▼";
margin-left: 1em;
white-space: pre;
font-size: 0.7em;
display: inline-block;
vertical-align: middle;
color: #606060;
}
.sb-identifier-input {
display: inline-block;
vertical-align: middle;
background-color: rgba(255, 255, 255, 0.5);
box-sizing: border-box;
padding: 2px 3px 2px 2px;
border-radius: 0.3em;
color: black;
user-select: none;
border: none;
outline: none;
}
.sb-identifier-input-dialog {
padding: 5px;
background-color: white;
}
.sb-variable {
padding-top: 5px;
padding-bottom: 5px;
--sb-color: #a5a15b;
}
.sb-block-sub-ctn.as-quick-menu-attached > .sb-block > svg > .sb-block-bound {
stroke-width: 2;
stroke: #f9bf2f;
}
.sb-block {
font-size: 14px;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
display: inline-block;
padding-right: 10px;
padding-left: 10px;
position: relative;
z-index: 1;
overflow: visible;
box-sizing: border-box;
color: white;
min-height: 2em;
min-width: 4em;
vertical-align: middle;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
pointer-events: none;
}
.sb-block > * {
z-index: 10;
position: relative;
}
.sb-block-img {
position: absolute;
left: -10px;
top: 0;
height: calc(100% + 5px);
width: calc(100% + 10px);
z-index: 0;
pointer-events: none;
}
.sb-block-bound {
stroke: rgba(255, 255, 255, 0.5);
stroke-width: 1;
fill: var(--sb-color);
fill-rule: evenodd;
-webkit-box-shadow: inset 1px 1px 1px 2px rgba(255, 255, 255, 0.75);
box-shadow: inset 1px 1px 1px 2px rgba(255, 255, 255, 0.75);
}
.sb-block > span {
display: inline-block;
vertical-align: middle;
margin-top: 5px;
margin-bottom: 5px;
}
.sb-block-sub-ctn {
min-height: 1.5em;
/*background-color: rgba(84, 221, 242, 0.5);*/
min-width: 2.5em;
box-sizing: border-box;
}
/* handle event*/
.sb-block-bound,
.sb-block button,
.sb-block input,
.sb-block .sb-token-selection,
.sb-block .as-preinput {
pointer-events: all;
}
/**************************************************************************/
.sb-numeric-literal {
padding-top: 5px;
padding-bottom: 5px;
--sb-color: #0c7668;
padding-left: 15px;
}
.sb-numeric-literal .absol-number-input {
background-color: white;
width: calc(var(--text-width) + 15px);
}
.sb-numeric-literal {
}
/**************************************************************************/
.sb-string-literal {
padding-top: 5px;
padding-bottom: 5px;
--sb-color: #0c6b76;
padding-left: 15px;
white-space: nowrap;
}
.sb-string-literal > .mdi {
pointer-events: none;
}
.sb-string-literal .sb-string-input {
display: inline-block;
}
.sb-object-property .as-preinput {
background-color: rgba(255, 255, 255, 0.2);
padding: 0 0.3em;
vertical-align: middle;
line-height: 1.5;
outline: none;
display: inline-block;
white-space: pre;
min-width: 3em;
}
/**************************************************************************/
.sb-boolean-literal {
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
--sb-color: #919f8e;
}
.sb-boolean-literal .sb-token-selection {
color: darkred;
}
.sb-boolean-literal[data-value="true"] .sb-token-selection {
color: #1e65ea;
}
/**************************************************************************/
.sb-identifier {
--sb-color: rgb(24, 109, 160);
display: flex;
align-items: center;
}
.sb-sub-ctn > .sb-identifier > .sb-identifier-name {
pointer-events: none;
}
/**************************************************************************/
.sb-if-statement {
padding-top: 0;
display: block;
padding-bottom: 5px;
--sb-color: #5B80A5;
position: relative;
}
.sb-if-statement-do,
.sb-if-statement-else,
.sb-if-statement-else-if,
.sb-if-statement-if {
display: flex;
}
.sb-if-statement-do > .sb-inline-text,
.sb-if-statement-else > .sb-inline-text {
width: 2.2em;
}
.sb-if-statement-do > .sb-block-sub-ctn,
.sb-if-statement-else > .sb-block-sub-ctn {
padding-bottom: 5px;
}
.sb-if-statement-if > .sb-inline-text,
.sb-if-statement-else-if > .sb-inline-text {
width: 4.5em;
}
.sb-if-statement-else {
padding-top: 5px;
}
.sb-if-statement-option-btn {
position: absolute;
top: 7px;
left: 30px;
z-index: 11;
}
.sb-if-statement-option-btn:hover,
.sb-function-option-btn:hover,
.sb-call-expression-option-btn:hover,
.sb-member-chain-expression-option-btn:hover,
.sb-option-btn:hover {
color: white;
}
.sb-function-option-btn, .sb-if-statement-option-btn, .sb-call-expression-option-btn,
.sb-member-chain-expression-option-btn,
.sb-option-btn {
width: 17px;
height: 17px;
font-size: 12px;
background-color: #0266b9;
border: 1px solid #d6d6d6;
color: #d6d6d6;
border-radius: 4px;
padding: 0;
}
.sb-option-btn .mdi::before {
display: block;
}
/************************************************************/
.sb-while-statement {
--sb-color: #5ca55b;
padding-top: 0;
display: block;
padding-bottom: 5px;
position: relative;
}
.sb-while-statement-test {
display: flex;
align-items: stretch;
}
.sb-while-statement-test > .sb-inline-text {
width: 4.5em;
}
.sb-while-statement-test > .sb-block-sub-ctn {
}
.sb-while-statement-do {
white-space: nowrap;
}
.sb-while-statement-do > .sb-inline-text {
margin-right: 0.2em;
vertical-align: top;
}
.sb-while-statement-do > .sb-block-sub-ctn {
display: inline-block;
white-space: normal;
vertical-align: top;
}
/************************************************************/
.sb-assign-statement {
--sb-color: #A55B80;
display: flex;
align-items: stretch;
flex-wrap: nowrap;
}
.sb-for-count-statement-body-ctn > .sb-block.sb-assign-statement,
.sb-for-of-statement-body-ctn > .sb-block.sb-assign-statement,
.sb-for-in-statement-body-ctn > .sb-block.sb-assign-statement {
display: flex;
}
.sb-assign-statement-front {
padding-top: 5px;
}
.sb-assign-statement-front > .sb-inline-text {
margin-right: 20px;
}
.sb-assign-statement-left-ctn {
margin-right: 20px;
margin-bottom: 5px;
display: inline-block;
vertical-align: middle;
}
.sb-block > .sb-block-sub-ctn.sb-assign-statement-right-ctn {
vertical-align: middle;
margin-left: 20px;
display: inline-flex;
align-items: stretch;
}
.sb-assign-statement-left-ctn > .sb-identifier .sb-token-selection {
pointer-events: none;
}
/**************************************/
.sb-binary-expression,
.sb-unary-expression {
display: flex;
align-items: center;
padding-top: 5px;
padding-bottom: 5px;
--sb-color: rgba(91, 103, 165, 1);
}
.sb-binary-expression-left-ctn,
.sb-binary-expression-right-ctn,
.sb-unary-expression-argument-ctn {
display: inline-block;
vertical-align: middle;
}
.sb-binary-expression-left-ctn {
margin-right: 10px;
margin-left: 10px;
}
.sb-binary-expression-right-ctn, .sb-unary-expression-argument-ctn {
margin-left: 20px;
}
/**************************************/
.sb-add-expression {
--sb-color: rgba(91, 103, 165, 0.5);
cursor: pointer;
}
.sb-add-expression:active {
--sb-color: rgba(91, 103, 165, 0.3);
}
.sb-add-statement {
--sb-color: rgba(91, 128, 165, 0.5);
cursor: pointer;
}
.sb-add-statement:active {
--sb-color: rgba(91, 128, 165, 0.3);
}
.sb-add-argument-declaration {
--sb-color: rgba(153, 91, 165, 0.5);
}
.sb-add-argument-declaration:active {
--sb-color: rgba(153, 91, 165, 0.3);
}
.sb-add-variable-declaration {
--sb-color: rgba(165, 161, 91, 0.5);
}
.sb-add-statement, .sb-add-expression, .sb-add-variable-declaration, .sb-add-argument-declaration, .sb-add-referent {
font-weight: bold;
}
.sb-add-referent {
--sb-color: rgba(165, 138, 91, 0.5);
}
.sb-add-referent:active {
--sb-color: rgba(165, 138, 91, 0.3);
}
/*********** FOR_COUNT_STATEMENT ***********************************/
.sb-for-count-statement,
.sb-for-of-statement,
.sb-for-in-statement {
padding-bottom: 5px;
display: block;
--sb-color: #16a416;
}
.sb-for-of-statement {
--sb-color: #1b691b;
}
.sb-for-in-statement {
--sb-color: #44be44;
}
.sb-for-count-statement-for-ctn,
.sb-for-count-statement-from-ctn,
.sb-for-count-statement-to-ctn,
.sb-for-of-statement-of-ctn,
.sb-for-of-statement-for-ctn,
.sb-for-in-statement-for-ctn,
.sb-for-in-statement-in-ctn {
display: inline-block;
vertical-align: middle;
margin: 5px 5px 5px 20px;
}
.sb-for-count-statement-body-ctn,
.sb-for-of-statement-body-ctn,
.sb-for-in-statement-body-ctn {
display: block;
padding-bottom: 5px;
}
.sb-for-count-statement-body-ctn > .sb-block,
.sb-for-of-statement-body-ctn > .sb-block,
.sb-for-in-statement-body-ctn > .sb-block {
display: block;
}
.sb-break-statement {
--sb-color: green;
}
/******** function **********************************************/
.sb-function {
--sb-color: #995BA5;
display: block;
padding-bottom: 5px;
}
.sb-function-type::before {
content: "proceduce";
}
.sb-function[data-function-type="function"] > .sb-function-head .sb-function-type::before {
content: "function";
}
.sb-function-head {
padding-top: 5px;
padding-bottom: 5px;
}
.sb-function-head-left > * {
margin-right: 10px;
}
.sb-function-head-left {
display: inline-block;
vertical-align: middle;
}
.sb-function-argument-ctn {
min-height: 1.5em;
min-width: 3em;
padding-bottom: 5px;
display: inline-block;
vertical-align: middle;
}
.sb-function-argument-ctn > .sb-block {
display: block;
}
.sb-function-option-btn {
display: inline-block;
vertical-align: middle;
margin-right: 1em;
}
.sb-function-statement-body-ctn {
padding-bottom: 5px;
}
.sb-function-statement-body-ctn > .sb-variable-declaration {
display: flex;
}
.sb-function[data-function-type="function"] {
padding-bottom: 0;
}
.sb-function-statement-return-row {
padding-left: calc(1em + 17px);
min-height: 20px;
white-space: nowrap;
display: none;
}
.sb-function[data-function-type="function"] > .sb-function-statement-return-row {
display: block;
}
.sb-function-statement-return-row > .sb-inline-text,
.sb-function-statement-return-row > .sb-block-sub-ctn {
display: inline-block;
vertical-align: top;
}
.sb-function-statement-return-row > .sb-inline-text {
line-height: 2;
margin-right: 1em;
}
/*******************************************************/
.sb-argument-declaration {
}
.sb-argument-declaration > input,
.sb-argument-declaration > span:not(:last-child) {
margin-right: 10px;
}
.sb-argument-declaration:not(.sb-has-type-parameters) .sb-argument-declaration-of-text,
.sb-argument-declaration:not(.sb-has-type-parameters) .sb-argument-declaration-of {
display: none;
}
/*******************************************************/
.sb-call-expression-statement.sb-call-expression {
--sb-color: #6d41a2;
display: block;
}
/*******************************************************/
.sb-variable-declaration {
--sb-color: #AA5588;
display: flex;
align-items: stretch;
}
.sb-variable-declaration:not(.sb-has-init) .sb-variable-declaration-right {
display: none;
}
.sb-variable-declaration-left {
padding-right: 20px;
}
.sb-variable-declaration-left::before {
content: "";
display: inline-block;
vertical-align: middle;
height: 30px;
}
.sb-variable-declaration-left > input,
.sb-variable-declaration-left > span:not(:last-child),
.sb-variable-declaration-left > .sb-token-selection {
margin-right: 10px;
}
.sb-block.as-selected.as-last-selected > .sb-block-img > .sb-block-bound {
stroke: yellow;
stroke-width: 2;
}
/***********************************************************************************************************************/
.sb-call-expression {
position: relative;
--argument-text-width: 50px;
--sb-color: #4141a2;
}
.sb-call-expression[data-arguments-length="0"] > .sb-call-expression-with-ctn {
display: none;
}
.sb-call-expression-option-btn {
position: absolute;
top: 5px;
left: 4.2em;
z-index: 11;
}
.sb-call-expression-callee-row {
white-space: nowrap;
pointer-events: none;
}
/*.sb-call-expression-callee-ctn {*/
/* pointer-events: initial;*/
/*}*/
.sb-call-expression-callee-row > .sb-inline-text:first-child {
width: calc(var(--argument-text-width) + 1.5em);
vertical-align: top;
pointer-events: none;
}
.sb-call-expression-callee-row > .sb-inline-text:first-child::before {
content: "call";
}
.sb-call-expression-callee-ctn {
min-height: 30px;
display: inline-block;
vertical-align: top;
}
.sb-call-expression-param {
white-space: nowrap;
}
.sb-call-expression-param-name,
.sb-call-expression-param-value-ctn {
display: inline-block;
}
.sb-call-expression-param-name {
width: var(--argument-text-width);
}
.sb-call-expression-with-ctn {
white-space: nowrap;
}
.sb-call-expression-argument-list-ctn {
display: inline-block;
vertical-align: middle;
margin-left: 1em;
}
.sb-call-expression[data-ast-type="NewExpression"] {
--sb-color: #a07c41;
}
.sb-call-expression[data-ast-type="NewExpression"] > .sb-call-expression-callee-row > .sb-inline-text:first-child::before {
content: "new";
}
/******************************/
.sb-member-chain-expression {
padding: 5px 30px 5px 15px;
position: relative;
--sb-color: #3e5f2a;
}
.sb-member-chain-expression-object,
.sb-member-chain-expression-access-member {
display: inline-block;
vertical-align: middle;
}
.sb-member-chain-expression-option-btn {
position: absolute;
right: 5px;
top: calc(50% - 9px);
}
.sb-member-chain-expression-property-ctn,
.sb-member-chain-expression-object-ctn {
display: inline-block;
vertical-align: middle;
}
.sb-member-chain-expression-property-ctn.sb-computed {
padding-left: 5px;
}
.sb-member-chain-expression-property-ctn > .sb-block-sub-ctn {
display: inline-block;
vertical-align: middle;
}
.sb-member-chain-expression-property-ctn.sb-computed::before {
content: "[";
padding-right: 15px;
padding-left: 10px;
}
.sb-member-chain-expression-property-ctn.sb-computed::after {
content: "]";
padding-left: 10px;
}
.sb-member-chain-expression-property-ctn.sb-computed::before,
.sb-member-chain-expression-property-ctn.sb-computed::after {
font-size: 20px;
display: inline-block;
vertical-align: middle;
line-height: 1;
text-rendering: auto;
padding-bottom: 3px;
}
/***********************************************************************************************************************/
.sb-array-expression {
--sb-color: #38949b;
display: flex;
align-items: stretch;
}
.sb-array-expression-text {
padding-right: 20px;
}
.sb-array-expression-text::before {
content: "array with";
}
.sb-array-element-wrapper {
display: block;
}
.sb-array-element-wrapper::before {
display: inline-block;
width: 3em;
overflow: hidden;
text-overflow: ellipsis;
content: "[" attr(data-idx) "]";
vertical-align: middle;
text-align: right;
padding-right: 1em;
box-sizing: border-box;
}
.sb-array-element-wrapper > * {
display: inline-block;
vertical-align: middle;
}
/***********************************************************************************************************************/
.sb-object-expression {
--sb-color: #296b9d;
}
.sb-object-expression > .sb-sub-ctn {
/*margin-left: 30px;*/
display: block;
}
.sb-add-object-property {
display: block;
--sb-color: rgba(71, 153, 169, 0.5);
}
.sb-add-object-property:active {
--sb-color: rgba(71, 153, 169, 0.3);
}
.sb-object-expression > .sb-inline-text {
font-weight: bold;
}
.sb-object-property {
--sb-color: #277e95;
display: block;
}
.sb-object-property[data-key-type="Identifier"] > .sb-object-property-key > .sb-string-input,
.sb-object-property[data-key-type="Identifier"] > .sb-object-property-key > .mdi {
display: none;
}
.sb-object-property[data-key-type="StringLiteral"] > .sb-object-property-key > input {
display: none;
}
.sb-object-property-key > span,
.sb-object-property-key > .sb-string-input {
display: inline-block;
vertical-align: middle;
}
.sb-object-property-key > .sb-string-input {
margin-top: 5px;
margin-bottom: 5px;
}
.sb-object-property-key > .sb-option-btn {
display: inline-block;
vertical-align: middle;
margin-right: 0.5em;
}
.sb-object-property-key {
display: inline-block;
vertical-align: top;
padding: 5px 0;
}
.sb-object-property > .sb-sub-ctn {
display: inline-block;
vertical-align: top;
margin-left: 1em;
}
/***********************/
.sb-return-statement {
--sb-color: #ab3939;
display: block;
}
.sb-return-statement-left, .sb-return-statement-argument-ctn {
display: inline-block;
vertical-align: top;
}
.sb-return-statement-left {
margin-right: 2em;
}
.sb-function[data-function-type="procedure"] .sb-return-statement-argument-ctn {
display: none;
}
/*********************/
.sb-null-literal {
--sb-color: #8e581e;
}
.sb-null-literal .sb-inline-text {
font-weight: bold;
}
/***********************************************************************************************************************/
.sb-blockly-editor,
.sc-javascript-editor {
display: flex;
align-items: stretch;
flex-direction: column;
border: 1px solid #d6d6d6;
box-sizing: border-box;
outline: none;
}
.sb-blockly-editor-header,
.sc-javascript-editor-header {
border-bottom: 1px solid #d6d6d6;
background-color: #F8F8F8;
}
.sb-blockly-editor-body,
.sc-javascript-editor-body {
overflow: hidden;
flex-grow: 1;
position: relative;
z-index: 100; /*fix background of block*/
}
.sb-blockly-editor-content{
position: absolute;
padding: 10px 10px 10px 5px;
left: 0;
top: 0;
width: 5000px;
pointer-events: none;
}
.sb-blockly-editor-content::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -100;
/*background-color: #2d3434;*/
}
.sb-blockly-editor-content > .sb-block {
display: inline-block;
}
.sc-javascript-editor-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
.as-quick-menu-trigger > .sb-identifier .sb-identifier-name {
pointer-events: none;
}
.sb-blockly-editor-v-scrollbar,
.sb-blockly-editor-h-scrollbar {
position: absolute;
right: 0;
bottom: 0;
z-index: 10;
background-color: rgba(180, 180, 180, 0.2);
visibility: hidden;
}
.sb-blockly-editor-v-scrollbar.as-overflow,
.sb-blockly-editor-h-scrollbar.as-overflow {
visibility: visible;
}
.sb-blockly-editor-v-scrollbar {
width: 10px;
top: 0;
}
.sb-blockly-editor-h-scrollbar {
position: absolute;
height: 10px;
left: 0;
}
/************************************************************************************/
/************************************************************************************/
.as-message-dialog.sc-type-selection-dialog {
z-index: 1000;
width: 500px;
max-width: 50vw;
}
.sc-type-selection-dialog .as-message-dialog-body {
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
.sc-type-selection-dialog .absol-search-text-input {
margin: 5px;
}
.sc-type-selection-dialog .as-toc-item-quick-menu-ctn {
display: none;
}
.as-message-dialog-list-ctn {
overflow-y: auto;
max-height: calc(100vh - 150px);
}
.as-toc-item.sc-is-array .as-toc-item-ext-icon-ctn {
position: relative;
}
.as-toc-item.sc-is-array .as-toc-item-ext-icon-ctn::before {
content: "[";
font-size: 18px;
display: inline-block;
position: absolute;
left: 0;
top: 0;
}
.as-toc-item.sc-is-array .as-toc-item-ext-icon-ctn::after {
content: "]";
font-size: 18px;
display: inline-block;
position: absolute;
right: 0;
top: 0;
}
.sc-type-selection-dialog .as-toc-item.sc-selected {
background-color: #dddddd;
}
.sc-expression-input-dialog .as-preinput,
.sc-statement-input-dialog .as-preinput {
min-height: 2em;
min-width: 200px;
max-width: 70vw;
white-space: pre-wrap;
border: 1px solid #dddddd;
display: inline-block;
outline: none;
box-sizing: border-box;
padding: 0.25em;
}
.sc-expression-input-dialog,
.sc-statement-input-dialog {
background-color: white;
padding: 5px;
white-space: nowrap;
}
.sc-expression-input-dialog > *,
.sc-statement-input-dialog > * {
vertical-align: middle;
}
.sc-expression-input-dialog > *:not(:first-child),
.sc-statement-input-dialog > *:not(:first-child) {
margin-left: 5px;
}
/*****************************************************/
.sb-string-input {
position: relative;
min-height: 1.5em;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
background-color: rgba(255, 255, 255, 0.2);
}
.sb-string-input-content {
position: absolute;
left: 0;
top: 0;
min-height: 1.5em;
white-space: pre;
font-size: 14px;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
box-sizing: border-box;
padding: 0 0.25em;
outline: none;
line-height: 20px;
}
/*****************************************************/
.sb-blockly-clipboard-dialog .as-message-dialog-body {
padding: 10px 5px 10px 15px;
overflow: auto;
max-height: calc(90vh - 100px);
}
.sb-blockly-clipboard-content * {
pointer-events: none !important;
}
.sb-blockly-clipboard-content .sb-add-statement,
.sb-blockly-clipboard-content .sb-add-argument-declaration,
.sb-blockly-clipboard-content .sb-add-referent,
.sb-blockly-clipboard-content .sb-add-expression {
display: none;
}
/*************************/
.sb-sc-lang-editor-dialog {
background-color: white;
box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.75);
-webkit-box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.75);
padding: 5px;
}
.sb-sc-lang-editor-dialog-editor-ctn {
width: 960px;
max-width: 90vw;
height: calc(80vh - 200px);
box-shadow: 0px 0px 0px 1px #5d807e;;
-webkit-box-shadow: 0px 0px 0px 1px #5d807e;;
-moz-box-shadow: 0px 0px 0px 1px #5d807e;;
}
.sb-sc-lang-editor-dialog-error-message {
border-top: 1px solid #dddddd;
height: 5em;
padding: 5px 0;
box-sizing: border-box;
font-family: Consolas, serif;
white-space: pre;
overflow: auto;
}
/*** module: node_modules/absol-form/css/remoteformpreview.css ***/
.af-remote-form-preview {
display: flex;
flex-direction: column;
}
.af-remote-form-preview-body {
flex-grow: 1;
overflow: auto;
}
.af-remote-form-preview-body > div {
width: auto;
height: auto;
}
.af-remote-form-preview-header {
background-color: rgba(167, 167, 167, 0.1);
}
/*** module: node_modules/absol-form/css/processflowdiagram.css ***/
.absol-single-page-scroller-viewport > .as-process-flow-diagram-editor:first-child:last-child {
width: 100%;
height: 100%;
box-sizing: border-box;
}
body.pfde-hanging-tool-dragging,
body.pfde-hanging-tool-dragging .pfde-hanging-tool-active {
cursor: grabbing;
}
.pfde-hanging-tool-active {
cursor: grab;
}
.pfde-hanging-tool-active .as-cde-node-layer,
.pfde-hanging-tool-active .as-cde-line-layer path {
pointer-events: none;
}
.pfde-selecting-area {
position: absolute;
border: 2px solid rgba(72, 129, 239, 0.8);
background-color: rgba(72, 129, 239, 0.2);
z-index: 2;
box-sizing: border-box;
}
.pfde-block {
position: absolute;
}
.pfdeb-start-background {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.pfde-block .as-cde-node-type-icon {
font-size: 20px;
margin-right: 5px;
}
.pfdeb-start-background-left {
box-sizing: border-box;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 60px;
background-color: white;
border-left: 1px solid black;
border-top: 1px solid black;
border-bottom: 1px solid black;
}
.as-cde-intermediate-point-circle {
fill: var(--line-color);
stroke: none;
opacity: 0.5;
}
.pfde-draw-line-tool-active .as-cde-intermediate-point {
cursor: move;
}
.as-cde-intermediate-point-circle-highlight {
stroke: none;
fill: none;
}
.as-cde-intermediate-point.as-selected .as-cde-intermediate-point-circle-highlight {
fill: rgb(79, 235, 207);
}
.as-cde-intermediate-point.as-selected.as-focus .as-cde-intermediate-point-circle-highlight {
fill: rgb(253, 194, 23);
}
.pfde-graphic-canvas {
position: absolute;
z-index: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
user-select: none;
--webkit-user-select: none;
}
.pfde-line-layer {
}
.pfde-intermediate-point-layer {
}
.pfde-draw-line-tool-active {
cursor: crosshair;
}
.pfde-block-go-to-btn {
}
.as-cde-node-header {
z-index: 3;
position: relative;
}
.as-cde-node-header .mdi-flag-checkered {
color: #0057fa;
}
.as-cde-node-header .mdi-flag-off-outline {
color: #fa0000;
}
.as-cde-node-header .mdi-ray-start-arrow {
color: #f6ac00;
}
.pfde-block.as-hovering .pfde-block-pin-to-connect-ctn {
display: block;
}
.pfde-block-pin-to-connect-ctn {
display: none;
position: absolute;
left: -18px;
top: -18px;
bottom: -18px;
right: -18px;
}
.pfde-block-pin-to-connect {
position: absolute;
height: 10px;
width: 10px;
border-radius: 50%;
background-color: #35eedf;
}
.pfde-block-pin-to-connect:hover {
background-color: #f8ed0a;
}
.pfde-block-pin-to-connect.as-left {
left: 0;
top: calc(50% - 5px);
}
.pfde-block-pin-to-connect.as-right {
right: 0;
top: calc(50% - 5px);
}
.pfde-block-pin-to-connect.as-top {
top: 0;
left: calc(50% - 5px);
}
.pfde-block-pin-to-connect.as-bottom {
bottom: 0;
left: calc(50% - 5px);
}
.pfde-block[data-tag="Success"] .pfde-block-go-to-btn,
.pfde-block[data-tag="Fail"] .pfde-block-go-to-btn {
display: none;
}
.pfde-block-go-to-btn {
cursor: pointer;
}
.pfde-new-point {
pointer-events: none;
}
/*** module: node_modules/absol-form/css/tokenizeinput.css ***/
.as-tokenize-input {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
line-height: 28px;
min-height: 30px;
box-sizing: border-box;
border-radius: var(--as-input-border-radius);
border-color: var(--as-input-border-color);
border-style: solid;
outline: none;
border-width: 1px;
padding-left: var(--as-input-horizontal-padding);
position: relative;
}
.as-tokenize-input .as-token {
white-space: pre;
}
.as-tokenize-input .as-type-number {
color: #0289f6;
}
.as-tokenize-input:focus .as-type-symbol.as-highlight {
color: #ff16ae;
}
.as-tokenize-input .as-type-constance{
color: #6c3910;
}
/*** module: node_modules/absol-form/css/scexpressioninput.css ***/
.as-sc-expression-input {
border-color: var(--as-input-border-color);
border-style: solid;
box-sizing: border-box;
border-width: 1px;
border-radius: var(--as-input-border-radius);
font-size: 14px;
position: relative;
}
.as-sc-expression-input-content {
min-height: 28px;
outline: none;
line-height: 28px;
padding-left: calc(18px + var(--as-input-horizontal-padding));
white-space: pre;
}
.as-sc-expression-input-content .as-token[data-type="number"] {
color: #0289f6;
}
.as-sc-expression-input-content .as-token[data-type="string"] {
color: darkgreen;
}
.as-sc-expression-input-icon-ctn {
position: absolute;
left: 0;
top: 0;
bottom: 0;
pointer-events: none;
font-size: 1.5em;
line-height: 28px;
}
.as-sc-expression-input-icon-ctn .mdi-function-variant {
color: rgba(169, 169, 170);
}
.as-sc-expression-input-icon-ctn .mdi-alert-circle {
color: red;
opacity: 0.8;
display: none;
}
.as-sc-expression-input.as-error .as-sc-expression-input-icon-ctn .mdi-alert-circle {
display: inline-block;
}
.as-sc-expression-input.as-error .as-sc-expression-input-icon-ctn .mdi-function-variant {
display: none;
}
.as-token.as-unexpected-token {
background-color: red;
animation-name: error_blink;
animation-duration: 1s;
animation-iteration-count: infinite;
}
@keyframes error_blink {
0% {
background-color: red
}
50% {
background-color: transparent
}
100% {
background-color: red
}
}
/*** module: node_modules/absol-form/css/kfeditor.css ***/
.kf-editor {
display: flex;
flex-direction: column;
box-sizing: border-box;
border: 1px solid #dddddd;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
.kfe-header {
border-bottom: solid 1px #dddddd
}
.kfe-body {
flex-grow: 1;
overflow-y: auto;
}
.kfe-main {
position: relative;
min-height: 100%;
overflow: auto;
}
.kfe-content {
outline: none;
white-space: pre;
}
.kfe-content::before {
content: " ";
display: block;
}
.kfe-content ::selection {
background-color: transparent;
/*color: white;*/
}
.kfe-content p:empty::before,
.kfe-content td:empty::before,
.kfe-content th:empty::before {
content: "\200B";
display: inline-block;
width: 1em;
height: 1em;
}
.kfe-range-ctn {
position: absolute;
overflow: hidden;
left: 0;
right: 0;
top: 0;
bottom: 0;
pointer-events: none;
z-index: 100;
}
.kfe-range {
position: absolute;
background-color: rgba(148, 148, 154, 0.5);
}
.kfe-range-ctn.as-focus .kfe-range {
background-color: rgba(72, 129, 239, 0.5);
}
.kf-caret {
position: absolute;
color: #1e65ea;
border-left: 2px solid currentColor;
animation: blink-caret 1s linear infinite;
}
body > .kf-editor {
width: 90vw;
height: 90vh;
}
.kfe-content label {
box-shadow: 0px 0px 1px 2px rgba(1, 127, 253, 0.7);
user-select: auto;
min-width: 1em;
min-height: 1.5em;
display: inline-block;
cursor: inherit;
}
.kf-grid {
display: grid;
}
.kf-grid-item {
}
.kfe-content .kf-grid-item {
box-shadow: 0 0 0px 1px rgba(70, 73, 73, 0.2);
}
/*** module: node_modules/absol-card/css/boardcard.css ***/
.cd-context-menu {
font-size: 1rem;
}
.cd-image-holder img[src="#"],
.cd-image-holder img:not([src]) {
display: none !important;
}
.cd-image-holder {
overflow: hidden
}
.cd-image-holder img[src="#"] + .cd-image-holder-icon::after,
.cd-image-holder img:not([src]) + .cd-image-holder-icon::after {
content: "\F21F";
font: normal normal normal 24px/1 "Material Design Icons";
-webkit-font-smoothing: antialiased;
text-rendering: auto;
-moz-osx-font-smoothing: grayscale;
}
.cd-taskcard-context-btn-ctn button:hover,
.cd-representative-board-context-btn-ctn button:hover,
.cd-list-board-context-btn-ctn button:hover {
background-color: #91e4fb;
}
.cd-list-board-quick-menu,
.tl-card-quick-menu {
font-size: 12px;
}
.tl-card img {
user-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
pointer-events: none;
}
.tl-card-title {
font-weight: bold;
}
.tl-card-body {
padding: 10px;
}
.tl-card-header-icon,
.cd-representative-board-header-icon {
height: 30px;
width: 30px;
line-height: 30px;
vertical-align: middle;
display: inline-block;
text-align: center;
margin: 5px;
}
.tl-card.cd-representative-board{
width: 250px;
display: inline-block;
vertical-align: top;
}
.tl-card.cd-representative-board .tl-card-title {
height: unset;
}
.tl-card.cd-representative-board .tl-card-header {
height: unset;
min-height: 41px;
}
.tl-card.cd-representative-board .tl-card-header::before {
height: 40px;
}
/*** module: node_modules/absol-card/css/boardmanager.css ***/
/*** module: node_modules/absol-card/css/boardgroup.css ***/
.cd-board-group .cd-representative-board {
width: 100%;
}
.cd-board-group-body .cd-representative-board {
margin-bottom: 10px;
}
/*** module: node_modules/absol-card/css/tlcard.css ***/
.tl-card {
border-radius: 4px;
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
background-color: white;
--background-yiq-color: black;
--background-low-yiq-color: rgb(33, 33, 34);
}
.tl-card-header {
position: relative;
min-height: 30px;
box-sizing: border-box;
padding-left: 5px;
color: var(--background-yiq-color);
}
.tl-card-header:before {
content: "";
display: inline-block;
height: 40px;
vertical-align: middle;
}
.tl-card.tl-has-context-menu .tl-card-context-btn-ctn {
display: block;
}
.tl-card-context-btn-ctn {
position: absolute;
right: 5px;
top: 5px;
height: 30px;
width: 30px;
box-sizing: border-box;
display: none;
}
.tl-card-context-btn-ctn > button {
color: var(--background-low-yiq-color);
}
.tl-card-title {
padding-top: 5px;
padding-bottom: 5px;
vertical-align: middle;
display: inline-block;
text-overflow: ellipsis;
max-width: calc(100% - 40px);
}
.tl-card-title > span {
display: inline-block;
vertical-align: middle;
}
.tl-card-body {
/*border-top: 1px solid #ddd;*/
padding: 10px;
}
.tl-card-body:empty {
display: none;
}
.tl-card-footer {
border-top: 1px solid #ddd;
height: 30px;
padding-left: 5px;
}
.tl-card-footer:before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.tl-card-footer-icon {
display: inline-block;
vertical-align: middle;
width: 25px;
height: 25px;
text-align: center;
font-size: 20px;
line-height: 25px;
color: rgb(255, 80, 80);
}
.tl-card-status-ctn {
display: inline-block;
vertical-align: middle;
white-space: normal;
}
.tl-card:not(.tl-has-status):not(.tl-has-priority) .tl-card-footer {
display: none;
}
.tl-card:not(.tl-has-priority) .tl-card-priority {
display: none;
}
.tl-card-loading-icon-ctn {
position: absolute;
left: 0;
right: 0;
text-align: center;
top: 15px;
z-index: 1;
pointer-events: none;
}
.tl-card-loading-icon {
width: 50px;
height: 50px;
}
.tl-card-has-star.tl-card-has-star .tl-card-title::after {
content: " star";
font-family: 'Material Icons';
color: #ffa834;
font-size: var(--icon-font-size);
-webkit-font-smoothing: antialiased;
display: inline-block;
vertical-align: middle;
padding-left: 5px;
}
/*.wrapper {*/
/* text-align: center;*/
/*}*/
/*.wrapper::before {*/
/* content: "";*/
/* display: inline-block;*/
/* vertical-align: middle;*/
/* height: 100%;*/
/*}*/
/*.content{*/
/* display: inline-block;*/
/* vertical-align: middle;*/
/*}*/
/*** module: node_modules/absol-card/css/tl.css ***/
/***
Trello like stylesheet
***/
.tl-transparent-btn {
border: none;
background-color: transparent;
outline: none;
border-radius: 3px;
height: 30px;
width: 30px;
font-size: 16px;
padding: 0;
}
.tl-transparent-btn:hover {
background-color: rgba(169, 169, 169, 0.1);
}
.tl-transparent-btn:active {
background-color: rgba(169, 169, 169, 0.3);
}
/*** module: node_modules/absol-card/css/tllist.css ***/
:root {
--tl-list-max-height: unset;
}
.tl-list {
box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.75);
border-radius: 4px;
width: 250px;
display: inline-block;
vertical-align: top;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
background-color: rgb(235, 235, 235);
--background-yiq-color: black;
--background-low-yiq-color: rgb(33, 33, 34);
}
.tl-list-header {
height: 30px;
padding-left: 10px;
position: relative;
color: var(--background-yiq-color);
}
.tl-list-header:before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.tl-list-title {
display: inline-block;
vertical-align: middle;
}
.tl-list.tl-has-context-menu .tl-list-context-btn-ctn {
display: block;
}
.tl-list-context-btn-ctn {
position: absolute;
right: 5px;
top: 5px;
height: 30px;
width: 30px;
box-sizing: border-box;
display: none;
}
.tl-list-context-btn-ctn > button {
color: var(--background-low-yiq-color);
}
.tl-list:not(.tl-has-add-btn) .tl-list-add-item-btn-ctn {
display: none;
}
.tl-list-add-item-btn-ctn {
padding: 10px;
}
.tl-list-add-item-btn {
text-align: center;
line-height: 30px;
background-color: rgb(214, 214, 214);
border-radius: 4px;
font-weight: bold;
cursor: pointer;
height: 30px;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
}
.tl-list-add-item-btn:hover {
background-color: rgb(205, 204, 205);
}
.tl-list-add-item-btn:active {
background-color: rgb(190, 190, 190);
}
.tl-list-body {
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
overflow-y: auto;
overflow-x: hidden;
}
.tl-list-body > .tl-card {
margin-bottom: 10px;
}
.tl-list-tail {
text-align: right;
padding-bottom: 5px;
}
.tl-list-tail:empty {
display: none;
}
.tl-list-body > .tl-card {
margin-bottom: 10px;
}
/*** module: node_modules/absol-card/css/tlboardtable.css ***/
/***
Trello like stylesheet
***/
.am-mobile-theme .tl-board-table{
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
}
.tl-board-table {
--tl-board-table-body-height: unset;
--tl-board-table-body-width: unset;
--tl-board-table-item-margin: 10px;
box-sizing: border-box;
}
.tl-board-table.cd-header-hidden > .tl-board-table-header {
display: none;
}
.tl-board-table-body {
padding-left: calc(2 * var(--tl-board-table-item-margin));
padding-right: calc(2 * var(--tl-board-table-item-margin));
box-sizing: border-box;
height: 100%;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.tl-board-table.cd-board-mode .tl-board-table-body {
white-space: normal;
overflow-x: hidden;
overflow-y: auto;
}
.tl-board-table:not(.cd-header-hidden) .tl-board-table-body {
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
box-sizing: border-box;
padding-top: 5px;
height: calc(100% - 30px);
}
.tl-board-table-body > .cd-board-group:not(:last-child),
.tl-board-table-body > .tl-board-table-add-btn:not(:last-child) {
margin-right: var(--tl-board-table-item-margin);
vertical-align: top;
white-space: normal;
}
.tl-board-table.cd-board-mode .tl-board-table-body {
white-space: normal;
padding-bottom: 10px;
}
.tl-board-table-add-btn {
display: inline-block;
vertical-align: top;
width: 250px;
font-family: Arial, Helvetica, sans-serif;
}
.tl-board-table.cd-header-hidden .tl-board-table-body {
height: 100%;
}
.tl-board-table .tl-list-body {
/* border , bottom, padding, header+button, title */
max-height: calc(var(--tl-board-table-body-height) - 1px - 20px - 80px - 10px);
}
.am-mobile-theme .tl-board-table .tl-list-body {
max-height: calc(var(--tl-board-table-body-height) - 1px - 5px - 80px - 10px);
}
.tl-board-table-body > .cd-representative-board {
margin-bottom: var(--tl-board-table-item-margin);
margin-right: var(--tl-board-table-item-margin);
}
@media (orientation: portrait) {
.am-mobile-theme:not(.as-has-board-table-drag) .tl-board-table .tl-board-table-body:not(.am-h-snap-scroller) {
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
}
.am-mobile-theme .tl-board-table {
--tl-board-table-item-margin: 20px;
}
.am-mobile-theme .tl-board-table-body > .tl-board-table-add-btn,
.am-mobile-theme .tl-board-table-body > .cd-board-group,
.am-mobile-theme .tl-board-table-body > .cd-representative-board {
width: calc(var(--tl-board-table-body-width) - 4 * var(--tl-board-table-item-margin));
box-sizing: border-box;
}
.am-mobile-theme .tl-board-table-body:not(.am-h-snap-scroller) > .tl-board-table-add-btn,
.am-mobile-theme .tl-board-table-body:not(.am-h-snap-scroller) > .cd-board-group,
.am-mobile-theme .tl-board-table-body:not(.am-h-snap-scroller) > .cd-representative-board {
scroll-snap-align: center;
}
.am-mobile-theme .tl-board-table-body > .cd-representative-board,
.am-mobile-theme .tl-board-table.cd-board-mode .tl-board-table-body > .tl-board-table-add-btn {
margin-left: 0;
margin-right: 0;
}
}
.tl-board-table-add-btn {
width: 250px;
height: 30px;
line-height: 30px;
text-align: center;
background-color: rgb(214, 214, 214);
border-radius: 4px;
font-weight: bolder;
cursor: pointer;
}
.tl-board-table:not(.tl-has-add-btn) .tl-board-table-add-btn {
display: none;
}
/*** module: node_modules/absol-card/css/listboard.css ***/
.cd-list-board-plus-card {
text-align: center;
line-height: 30px;
background-color: rgb(214, 214, 214);
border-radius: 4px;
font-weight: bold;
cursor: pointer;
height: 30px;
}
/*** module: node_modules/absol-card/css/monthtable.css ***/
.cd-month-table {
font-size: 14px;
overflow-x: visible;
font-family: Arial, Helvetica, sans-serif;
--scroll-width: 17px;
}
.cd-month-table-header {
display: table;
border-spacing: 0;
border-collapse: collapse;
table-layout: fixed;
width: 100%;
background-color: rgb(220, 241, 222);
box-sizing: border-box;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
}
.cd-month-table-header>.cd-day-of-week-row {
display: table-row;
}
.cd-month-table-header>.cd-day-of-week-row>.cd-day-of-week-cell {
height: 2em;
width: 14.2857142857%;
display: table-cell;
line-height: 2;
padding-left: 0.8em;
box-sizing: border-box;
border-bottom: 1px solid rgb(229, 229, 229);
}
.cd-month-table-body {
width: calc(100% + var(--scroll-width));
height: calc(100% - 2em);
overflow-y: scroll;
padding-bottom: 5px;
}
.cd-month-table-content {
display: table;
min-height: calc(100% - 5px);
width: 100%;
border-spacing: 0;
border-collapse: collapse;
table-layout: fixed;
box-sizing: border-box;
position: relative;
}
.cd-month-table-content>.cd-week-row {
display: table-row;
height: 8em;
}
.cd-month-table-content-week:first-child .cd-month-table-day {
border-top: none;
}
.cd-month-table-content>.cd-week-row>.cd-day-cell {
width: 14.2%;
box-sizing: border-box;
border: solid 1px rgb(229, 229, 229);
display: table-cell;
padding-bottom: 35px;
padding-top: 30px;
vertical-align: top;
}
.cd-month-table-day-nav {
padding-left: 0.357143em;
padding-top: 0.357143em;
pointer-events: none;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
box-sizing: border-box;
height: 2em;
width: 5em;
}
.cd-month-table-footer {
border-top: 1px solid rgb(229, 229, 229);
box-sizing: border-box;
}
.cd-month-table-day-nav>div {
display: inline-block;
vertical-align: middle;
}
.cd-month-table-item-place-holder {
height: 20px;
display: block;
position: relative;
margin-left: 0px;
margin-right: 0px;
}
.cd-month-table-item-place-holder.cd-cloned {
position: absolute;
top: 30px;
left: 0px;
right: auto;
z-index: 200;
}
.cd-month-table-item-place-holder.cd-cloned .cd-month-table-item {
border: 1px solid rgb(119, 119, 241);
background-color: rgb(114, 206, 243);
}
.cd-month-table-item-place-holder:not(:last-child) {
margin-bottom: 5px;
}
.cd-month-table-item-place-holder>.cd-month-table-item {
position: absolute;
left: 5px;
top: 0;
z-index: 3;
}
/*** module: node_modules/absol-card/css/htimetableitem.css ***/
.cd-month-table-item {
position: relative;
min-width: calc(100% - 10px);
height: 20px;
box-sizing: border-box;
border: 1px solid rgb(192, 192, 192);
background-color: white;
cursor: pointer;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
font-size: 12px;
white-space: nowrap;
overflow: hidden;
}
.cd-month-table-item.cd-status-over-due {
border-left: solid 3px rgb(255, 95, 95);
}
.cd-month-table-item.cd-active {
background-color: rgb(230, 230, 255);
}
.cd-month-table-item-flag-ctn {
display: inline-table;
height: 100%;
vertical-align: middle;
}
.cd-month-table-item-flag-row {
display: table-row;
height: 100%;
}
.cd-month-table-item-flag {
display: table-cell;
vertical-align: middle;
height: 100%;
width: 20px;
box-sizing: border-box;
border-right: solid 1px rgb(192, 192, 192);
text-align: center;
font-size: 14px;
color: rgb(69, 69, 70);
}
.cd-month-table-item:not(.cd-continue-left) .cd-month-table-item-left-icon-ctn,
.cd-month-table-item:not(.cd-continue-right) .cd-month-table-item-right-icon-ctn {
display: none;
}
.cd-month-table-item.cd-continue-left {
padding-left: 10px;
}
.cd-month-table-item.cd-continue-right {
padding-right: 10px;
}
.cd-month-table-item-left-icon-ctn,
.cd-month-table-item-right-icon-ctn {
top: calc(50% - 10px);
position: absolute;
}
.cd-month-table-item-left-icon-ctn::before,
.cd-month-table-item-right-icon-ctn::after {
content: "";
display: inline-block;
height: 20px;
vertical-align: middle;
}
.cd-month-table-item-left-icon-ctn span,
.cd-month-table-item-right-icon-ctn span {
line-height: 1;
display: inline-block;
vertical-align: middle;
}
.cd-month-table-item-left-icon-ctn {
left: 0;
}
.cd-month-table-item-right-icon-ctn {
right: 0;
}
.cd-month-table-item-name {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
}
.cd-moving-activity * {
cursor: move !important;
}
.cd-month-table-item-left-drag-line,
.cd-month-table-item-right-drag-line {
position: absolute;
top: 0px;
bottom: 0px;
box-sizing: border-box;
z-index: 2;
width: 5px;
/* cursor: ew-resize; */
}
.cd-month-table-item-left-drag-line::before,
.cd-month-table-item-right-drag-line::before {
content: "";
position: absolute;
top: 2px;
bottom: 2px;
left: 2px;
border-left: 1px solid rgb(70, 70, 72);
}
.cd-month-table-item-left-drag-line {
left: -1px;
}
.cd-month-table-item-right-drag-line {
right: -1px;
}
.cd-month-table-item.cd-continue-left .cd-month-table-item-left-drag-line,
.cd-month-table-item.cd-continue-right .cd-month-table-item-right-drag-line,
.cd-month-table-item:not(:hover) .cd-month-table-item-right-drag-line,
.cd-month-table-item:not(:hover) .cd-month-table-item-left-drag-line,
.cd-month-table-item-place-holder.cd-cloned .cd-month-table-item-right-drag-line,
.cd-month-table-item-place-holder.cd-cloned .cd-month-table-item-left-drag-line {
display: none;
}
/*** module: node_modules/absol-card/css/vtimetableitem.css ***/
.cd-v-time-table-item {
position: relative;
box-sizing: border-box;
border: 1px solid rgb(192, 192, 192);
background-color: white;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
font-size: 12px;
}
.cd-v-time-table-item.cd-active {
background-color: rgb(230, 230, 255);
}
.cd-v-time-table-item-top-drag-line,
.cd-v-time-table-item-bottom-drag-line {
position: absolute;
left: 0;
right: 0;
height: 5px;
/* cursor: ns-resize; disable*/
}
.cd-v-time-table-item-top-drag-line::before,
.cd-v-time-table-item-bottom-drag-line::before {
content: "";
position: absolute;
left: 2px;
right: 2px;
top: 2px;
border-top: 1px solid rgb(70, 70, 72);
box-sizing: border-box;
}
.cd-v-time-table-item-top-drag-line {
top: -1px;
}
.cd-v-time-table-item-bottom-drag-line {
bottom: -1px;
}
/* .cd-month-table-item.cd-continue-left .cd-month-table-item-left-drag-line,
.cd-month-table-item.cd-continue-right .cd-month-table-item-right-drag-line,*/
.cd-v-time-table-item:not(:hover) .cd-v-time-table-item-bottom-drag-line,
.cd-v-time-table-item:not(:hover) .cd-v-time-table-item-top-drag-line
/* .cd-month-table-item-place-holder.cd-cloned .cd-month-table-item-right-drag-line,
.cd-month-table-item-place-holder.cd-cloned .cd-month-table-item-left-drag-line */
{
display: none;
}
.cd-v-time-table-item-name-ctn {
position: absolute;
top: 3px;
left: 2px;
right: 2px;
z-index: 2;
overflow: hidden;
bottom: 2px;
}
.cd-v-time-table-item-name{
text-overflow: ellipsis;
}
/*** module: node_modules/absol-card/css/cactivitytooltip.css ***/
.cd-activity-tooltip.cd-hidden{
opacity: 0;
visibility: hidden;
z-index: -10000;
}
.cd-activity-tooltip {
font-family: Arial, Helvetica, sans-serif;
position: fixed;
z-index: 100;
left: 120px;
top: 50px;
padding: 5px;
border-radius: 3px;
background-color: white;
-webkit-box-shadow: 3px 3px 9px 0px rgba(0, 0, 0, 0.29);
-moz-box-shadow: 3px 3px 9px 0px rgba(0, 0, 0, 0.29);
box-shadow: 3px 3px 9px 0px rgba(0, 0, 0, 0.29);
max-width: 45vw;
max-height: 45vh;
box-sizing: border-box;
pointer-events: none;
}
.cd-activity-tooltip-header-time {
font-size: 10px;
font-weight: bold;
}
.cd-activity-tooltip-name {
font-size: 12px;
line-height: 2;
text-overflow: ellipsis;
max-width: 300px;
white-space: nowrap;
overflow: hidden;
}
.cd-activity-tooltip-desc{
font-size: 9px;
color: rgb(130, 130, 132);
font-style: italic;
margin-bottom: 0.5em;
text-overflow: ellipsis;
max-width: 300px;
white-space: nowrap;
overflow: hidden;
}
.cd-activity-tooltip-board .mdi-square {
color: rgb(0, 120, 189);
}
.cd-activity-tooltip-board,
.cd-activity-tooltip-list,
.cd-activity-tooltip-card
{
font-size: 10px;
text-overflow: ellipsis;
max-width: calc(300px - 1em);
white-space: nowrap;
overflow: hidden;
}
.cd-activity-tooltip-board .mdi,
.cd-activity-tooltip-list .mdi ,
.cd-activity-tooltip-card .mdi{
font-size: 14px;
vertical-align: middle;
}
.cd-activity-tooltip-board span:not(.mdi)::before,
.cd-activity-tooltip-list span:not(.mdi)::before {
content: " ";
}
.cd-activity-tooltip-board .mdi-card-bulleted{
color: #17667c;
}
/*** module: node_modules/absol-card/css/cweekrow.css ***/
/*** module: node_modules/absol-card/css/cdaycell.css ***/
.cd-day-cell {
position: relative;
box-sizing: border-box;
border: solid 1px rgb(229, 229, 229);
font-family: Arial, Helvetica, sans-serif;
}
.cd-day-cell-nav {
position: absolute;
pointer-events: none;
left: 5px;
right: 5px;
top: 5px;
overflow: hidden;
height: 30px;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
.cd-day-cell-number {
width: 1.5em;
height: 1.5em;
display: inline-block;
line-height: 1.5;
vertical-align: middle;
text-align: center;
}
.cd-day-cell-mmmdd {
font-weight: bold;
color: white;
}
.cd-day-cell.cd-today .cd-day-cell-number {
border-radius: 50%;
background-color: rgb(135, 210, 142);
color: white;
}
.cd-day-cell.cd-first-day-of-month .cd-day-cell-mmmdd {
color: black;
}
.cd-day-cell:not(.cd-selected):not(.cd-first-day-of-month) .cd-day-cell-mmmdd,
.cd-day-cell.cd-selected .cd-day-cell-number,
.cd-day-cell.cd-first-day-of-month .cd-day-cell-number {
display: none;
}
.cd-day-cell.cd-selected {
background-color: rgb(0, 114, 198);
}
.cd-day-cell.cd-selected.cd-today .cd-day-cell-mmmdd {
color: rgb(155, 231, 148);
}
.cd-day-cell.cd-today .cd-day-cell-number {
border-radius: 50%;
background-color: rgb(135, 210, 142);
color: white;
}
.cd-day-cell.cd-in-next-month .cd-day-cell-number,
.cd-day-cell.cd-in-prev-month .cd-day-cell-number {
color: rgb(150, 150, 150);
}
/*** module: node_modules/absol-card/css/cdayofweekrow.css ***/
.cd-day-of-week-cell.cd-today {
background-color: rgba(100, 255, 100, 0.3);
}
/*** module: node_modules/absol-card/css/weektable.css ***/
.cd-week-table {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
--scroll-width: 17px;
}
.cd-week-table.cd-mobile {
--scroll-width: 0px;
}
.cd-week-table-empty-day {
display: table-cell;
width: 3em;
background-color: white;
border: none;
}
.cd-week-table-header {
display: table;
border-spacing: 0;
border-collapse: collapse;
table-layout: fixed;
width: 100%;
background-color: rgb(220, 241, 222);
box-sizing: border-box;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
}
.cd-week-table-header > .cd-day-of-week-row {
display: table-row;
}
.cd-week-table-header > .cd-day-of-week-row > .cd-day-of-week-cell {
height: 2em;
/*width: calc(14.2857142857% - 0.428571429em);*/
width: auto;
display: table-cell;
line-height: 2;
padding-left: 0.8em;
box-sizing: border-box;
border-bottom: 1px solid rgb(229, 229, 229);
}
.cd-week-table-header-day {
height: 2em;
width: calc(14.2857142857% - 0.428571429em);
display: table-cell;
line-height: 2;
padding-left: 0.8em;
box-sizing: border-box;
}
.cd-week-table-multiday {
display: table;
border-spacing: 0;
border-collapse: collapse;
width: 100%;
min-height: 3em;
box-sizing: border-box;
position: relative;
table-layout: fixed;
}
.cd-week-table-multiday .cd-week-row {
display: table-row;
}
.cd-week-table-multiday .cd-day-cell {
display: table-cell;
width: auto;
box-sizing: border-box;
border-left: solid 1px rgb(229, 229, 229);
border-right: solid 1px rgb(229, 229, 229);
border-top: none;
border-bottom: none;
padding-bottom: 5px;
padding-top: 30px;
vertical-align: top;
}
.cd-week-table-body {
position: relative;
width: calc(100% + var(--scroll-width));
height: calc(100% - 2em);
overflow-y: scroll;
padding-bottom: 5px;
border-top: solid 1px rgb(229, 229, 229);
border-bottom: solid 1px rgb(229, 229, 229);
}
.cd-week-table-body .cd-now-line {
position: absolute;
z-index: 30;
left: 3em;
right: 0;
top: 0;
}
.cd-week-table-content {
display: table;
width: 100%;
border-spacing: 0;
border-collapse: collapse;
table-layout: fixed;
box-sizing: border-box;
position: relative;
margin-top: -1px;
}
.cd-week-table-hour {
display: table-row;
height: 4em;
}
.cd-week-table-hour-day {
box-sizing: border-box;
display: table-cell;
width: auto;
border: solid 1px rgb(229, 229, 229);
position: relative;
}
.cd-week-table-hour-day::before {
box-sizing: border-box;
content: "";
position: absolute;
left: 0;
right: 0;
height: calc(50% + 0.5px);
top: 0;
}
.cd-week-table-hour-day::after {
box-sizing: border-box;
content: "";
position: absolute;
left: 0;
right: 0;
height: calc(50% + 0.5px);
bottom: 0;
border-top: 1px dashed rgb(239, 239, 239);
}
.cd-week-table-hour-value {
display: table-cell;
box-sizing: border-box;
width: 3em;
border: solid 1px rgb(229, 229, 229);
text-align: right;
padding-right: 0.2em;
user-select: none;
}
.cd-week-table-hour-value-number {
display: inline-block;
position: relative;
vertical-align: middle;
padding-right: 1em;
}
.cd-week-table-hour-value-apm {
position: absolute;
top: -0.2em;
right: 0;
font-size: 0.5em;
}
.cd-week-table-hour-value::before {
height: 4em;
content: "";
display: inline-block;
vertical-align: middle;
}
.cd-week-table-multiday-cell.cd-today .cd-month-table-day-number {
border-radius: 50%;
background-color: rgb(135, 210, 142);
color: white;
}
.cd-week-table-day-item-place-holder {
position: relative;
height: 20px;
margin-left: -0.5px;
margin-right: -0.5px;
}
.cd-week-table-day-item-place-holder:not(:last-child) {
margin-bottom: 5px;
}
.cd-week-table-day-item-place-holder > .cd-month-table-item {
position: absolute;
left: 5px;
top: 0;
z-index: 3;
}
.cd-week-table-day-item-place-holder.cd-cloned {
position: absolute;
z-index: 200;
}
.cd-week-table-day-item-place-holder.cd-cloned .cd-month-table-item {
border: 1px solid rgb(119, 119, 241);
background-color: rgb(114, 206, 243);
}
.cd-week-table-hour-item-place-holder {
left: 2px;
right: 2px;
top: -0.5px;
bottom: -0.5px;
/*collapse boder*/
--child-width: 100%;
position: absolute;
pointer-events: none;
z-index: 2;
}
.cd-week-table-hour-item-place-holder > .cd-v-time-table-item {
width: calc(var(--child-width) - 2px);
height: 100%;
pointer-events: all;
position: absolute;
}
.cd-week-table-multiday-cell:not(.cd-selected) .cd-month-table-day-mmmdd,
.cd-week-table-multiday-cell.cd-selected .cd-month-table-day-number {
display: none;
}
.cd-week-table-multiday-cell.cd-today .cd-month-table-day-mmmdd {
color: rgb(155, 231, 148);
}
.cd-week-table-multiday-cell.cd-selected,
.cd-week-table-hour-day.cd-selected,
.cd-week-table-hour-day.cd-selected-before::before,
.cd-week-table-hour-day.cd-selected-after::after{
background-color: rgb(0, 114, 198) !important;
}
.cd-week-table-hour.cd-off .cd-week-table-hour-day::before,
.cd-week-table-hour.cd-off .cd-week-table-hour-day::after,
.cd-week-table-hour.cd-off-half-after .cd-week-table-hour-day::after,
.cd-week-table-hour.cd-off-half-before .cd-week-table-hour-day::before,
.cd-week-table-content.cd-off-day-0 .cd-week-table-hour-day.cd-day-0::before,
.cd-week-table-content.cd-off-day-0 .cd-week-table-hour-day.cd-day-0::after,
.cd-week-table-content.cd-off-day-6 .cd-week-table-hour-day.cd-day-6::before,
.cd-week-table-content.cd-off-day-6 .cd-week-table-hour-day.cd-day-6::after {
background-color: rgb(245, 245, 255);
}
/*** module: node_modules/absol-card/css/nowline.css ***/
.cd-now-line {
--color: rgb(86, 153, 255);
height: 2px;
position: relative;
--today-left: 0;
--day-length: 14.2857142857%;
overflow: visible;
stroke-dasharray: 1;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAYAAAB/qH1jAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAE0lEQVQI12MIm/H/PwgzwAC6AADwzguxN1ApdQAAAABJRU5ErkJggg==');
image-rendering: optimizeSpeed;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: pixelated;
image-rendering: optimize-contrast;
-ms-interpolation-mode: nearest-neighbor;
pointer-events: none;
}
.cd-now-line.cd-current-week::before {
content: "";
position: absolute;
left: calc(var(--today-left) - 6px);
box-sizing: border-box;
border-top: 2px solid var(--color);
width: var(--day-length);
}
.cd-now-line.cd-current-week::after {
content: "";
position: absolute;
top: calc(50% - 6px);
height: 12px;
width: 12px;
border: solid 2px white;
border-radius: 50%;
background-color: var(--color);
box-sizing: border-box;
left: calc(var(--today-left) - 6px);
}
/*** module: node_modules/absol-card/css/dbwidget.css ***/
.db-widget {
box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
background-color: white;
overflow: visible;
z-index: 10;
}
.db-widget.db-active {
z-index: 20;
}
.db-widget-place-preview {
z-index: 1;
background-color: rgb(150, 150, 150);
}
.db-widget,
.db-widget-place-preview {
position: absolute;
--grid-x: 0;
--grid-y: 0;
--grid-width: 0;
--grid-height: 0;
left: calc(var(--grid-x) * var(--gridster-cell-width) + 10px);
top: calc(var(--grid-y) * var(--gridster-cell-height) + 10px);
width: calc(var(--grid-width) * var(--gridster-cell-width) - 12px);
height: calc(var(--grid-height) * var(--gridster-cell-height) - 12px);
}
.db-widget:not(.db-moving) {
transition: top 0.1s, left 0.1s;
}
.db-widget.db-position-anim {
transition: top 0.1s, left 0.1s;
}
.db-widget-resize {
position: absolute;
left: 100%;
top: 100%;
width: 12px;
height: 12px;
background-color: white;
cursor: nwse-resize;
user-select: none;
}
.db-widget-header {
height: 30px;
position: relative;
padding-left: 20px;
min-width: 130px;
}
.db-widget-header-right {
position: absolute;
right: 0;
top: 0;
bottom: 0;
padding-right: 2px;
}
.db-widget-header-right > button {
width: 26px;
height: 26px;
display: inline-block;
vertical-align: middle;
margin-left: 5px;
}
.db-widget-header-right > button.db-widget-filter-btn {
display: none;
}
.db-widget-filter-btn {
border-radius: 50%;
color: white;
background-color: rgb(205, 205, 205);
}
.db-widget-filter-btn:hover {
background-color: rgb(123, 104, 238);
}
.db-widget-filter-btn > span::before {
transform: translateY(0.1em);
}
.db-widget-header::before,
.db-widget-header-right::after,
.db-widget-resize-move::before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.db-widget-header .mdi-drag-vertical {
display: inline-block;
vertical-align: middle;
font-size: 20px;
color: rgb(70, 70, 72);
pointer-events: none;
}
.db-widget-resize-move {
user-select: none;
cursor: move;
}
.db-widget-title {
display: inline-block;
vertical-align: middle;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-weight: bold;
font-size: 1.1em;
}
.db-widget-body {
box-sizing: border-box;
padding: 5px;
border-top: 1px solid #dddddd;
overflow: auto;
width: 100%;
height: calc(100% - 30px);
}
.db-widget-resize-n,
.db-widget-resize-s,
.db-widget-resize-e,
.db-widget-resize-w,
.db-widget-resize-ne,
.db-widget-resize-nw,
.db-widget-resize-se,
.db-widget-resize-sw {
position: absolute;
z-index: 10;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
.db-widget-resize-n,
.db-widget-resize-s {
left: 2px;
right: 2px;
height: 4px;
}
.db-widget-resize-n {
top: -2px;
cursor: n-resize;
}
.db-widget-resize-s {
bottom: -4px;
cursor: s-resize;
}
.db-widget-resize-e,
.db-widget-resize-w {
top: 2px;
bottom: 2px;
width: 4px;
}
.db-widget-resize-e {
right: -4px;
cursor: e-resize;
}
.db-widget-resize-w {
left: -2px;
cursor: w-resize;
}
.db-widget-resize-ne,
.db-widget-resize-nw,
.db-widget-resize-sw {
height: 4px;
width: 4px;
}
.db-widget-resize-ne {
cursor: ne-resize;
top: -2px;
right: -2px;
}
.db-widget-resize-nw {
cursor: nw-resize;
top: -2px;
left: -2px;
}
.db-widget-resize-se {
cursor: se-resize;
bottom: -5px;
right: -5px;
width: 10px;
height: 10px;
}
.db-widget-resize-se .mdi {
display: block;
position: absolute;
right: 5px;
bottom: 4px;
font-size: 16px;
vertical-align: bottom;
line-height: 16px;
pointer-events: none;
}
.db-widget-resize-sw {
cursor: sw-resize;
bottom: -2px;
left: -2px;
}
.db-widget-header .as-spinner-ico {
width: 30px;
height: 30px;
display: inline-block;
vertical-align: middle;
position: absolute;
right: 35px;
top: 0;
}
/*** module: node_modules/absol-card/css/dbgridster.css ***/
.db-gridster {
position: relative;
--gridster-cell-size: 50px;
--gridster-cell-width: var(--gridster-cell-size);
--gridster-cell-height: var(--gridster-cell-size);
overflow: auto;
}
.db-gridster-scroll-holder {
position: absolute;
width: 1px;
height: 1px;
top: 0;
}
/*** module: node_modules/absol-card/css/workcalendar.css ***/
cd-work-calendar{
--scroll-width: 17px;
}
.cd-work-calendar-header {
display: inline-block;
vertical-align: middle;
padding-left: 20px;
padding-right: 10px;
box-sizing: border-box;
}
.cd-work-calendar-filter {
display: inline-block;
vertical-align: middle;
padding-top: 5px;
padding-bottom: 5px;
}
.cd-work-calendar-filter > label {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.cd-work-calendar-filter:not(:last-child) {
margin-right: 20px;
}
.cd-work-calendar-header .absol-selectmenu {
vertical-align: middle;
}
.cd-work-calendar-date {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.cd-work-calendar-date > button {
vertical-align: middle;
border: none;
padding: 0;
height: 30px;
background-color: transparent;
min-width: 10px;
text-align: center;
outline: none;
color: rgb(150, 150, 160);
}
.cd-work-calendar-date > button:hover{
color: rgb(80, 80, 90);
}
.cd-work-calendar-date > button:active{
color: black;
}
.cd-work-calendar-date > .as-date-input {
margin-left: 10px;
}
.cd-work-calendar-date > button.cd-prev > span,
.cd-work-calendar-date > button.cd-prev-2 > span,
.cd-work-calendar-date > button.cd-next > span,
.cd-work-calendar-date > button.cd-next-2 > span {
font-size: 16px;
}
.cd-work-calendar-date > button.cd-today {
padding-left: 5px;
padding-right: 5px;
}
.cd-work-calendar-frame {
padding: 10px 17px 0 10px;
box-sizing: border-box;
}
.cd-work-loading-modal img {
border-radius: 5px;
-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
background: white;
}
/*** module: node_modules/absol-tutor/css/puncturedmodal.css ***/
:root {
--punctured-x: 0px;
--punctured-y: 0px;
--punctured-width: 100vw;
--punctured-height: 100vh;
}
.atr-punctured-modal {
position: fixed;
z-index: 200000000;
background-color: inherit;
}
.atr-punctured-modal.as-non-interact {
pointer-events: none;
}
.atr-punctured-modal.as-transparent {
opacity: 0;
}
.atr-punctured-modal.as-hidden {
visibility: hidden;
}
.atr-punctured-modal.as-animation {
transition: opacity 0.2s;
}
.atr-punctured-modal-a {
left: 0;
top: 0;
width: calc(var(--punctured-x) + var(--punctured-width));
height: var(--punctured-y);
}
.atr-punctured-modal.as-animation .atr-punctured-modal-a {
transition: width 0.2s, height 0.2s;
}
.atr-punctured-modal-b {
right: 0;
top: 0;
left: calc(var(--punctured-x) + var(--punctured-width));
height: calc(var(--punctured-y) + var(--punctured-height));
}
.atr-punctured-modal.as-animation .atr-punctured-modal-b {
transition: left 0.2s, height 0.2s;
}
.atr-punctured-modal-c {
right: 0;
bottom: 0;
top: calc(var(--punctured-y) + var(--punctured-height));
left: var(--punctured-x);
}
.atr-punctured-modal.as-animation .atr-punctured-modal-c {
transition: top 0.2s, left 0.2s;
}
.atr-punctured-modal-d {
left: 0;
bottom: 0;
width: var(--punctured-x);
top: var(--punctured-y);
}
.atr-punctured-modal.as-animation .atr-punctured-modal-d {
transition: top 0.2s, width 0.2s;
}
.atr-punctured-modal > :not(.atr-punctured-modal) {
pointer-events: none;
}
/*** module: node_modules/absol-tutor/css/clickico.css ***/
.atr-click-icon-arrow {
fill: #04c7ff;
stroke: black;
stroke-width: 5;
}
.atr-click-icon-arrow {
animation:atr-click-arrow-anim 2s linear infinite;
}
.atr-click-icon-effect {
animation: atr-click-effect-anim 2s linear infinite;
}
@keyframes atr-click-effect-anim {
0%{
opacity: 0;
}
90%{
opacity: 0;
}
95%{
opacity: 1;
}
99%{
opacity: 1;
}
100%{
opacity: 0;
}
}
@keyframes atr-click-arrow-anim {
0%{
fill: #04c7ff;
}
90%{
fill: #04c7ff;
}
95%{
fill: #b6dbff;
}
99%{
fill: #b6dbff;
}
100%{
fill: #04c7ff;
}
}
/*** module: node_modules/absol-tutor/css/scrollbarico.css ***/
.atr-scroll-bar-icon {
}
.atr-scroll-bar-icon-bar,
.atr-scroll-bar-icon-btn-down,
.atr-scroll-bar-icon-btn-up {
animation-duration: 5s;
animation-iteration-count: infinite;
}
.atr-scroll-bar-icon.atr-down .atr-scroll-bar-icon-bar {
animation-name: atr-scroll-bar-icon-bar-down-anim;
}
.atr-scroll-bar-icon.atr-up .atr-scroll-bar-icon-bar {
animation-name: atr-scroll-bar-icon-bar-up-anim;
}
.atr-scroll-bar-icon.atr-down .atr-scroll-bar-icon-btn-down,
.atr-scroll-bar-icon.atr-up .atr-scroll-bar-icon-btn-up {
animation-name: atr-scroll-bar-icon-btn-anim;
}
@keyframes atr-scroll-bar-icon-bar-down-anim {
0%, 10% {
transform: translateY(0px);
}
30%, 100% {
transform: translateY(100px);
}
}
@keyframes atr-scroll-bar-icon-bar-up-anim {
0%, 10% {
transform: translateY(30px);
}
30%, 100% {
transform: translateY(-70px);
}
}
@keyframes atr-scroll-bar-icon-btn-anim {
10%, 29% {
fill: red;
}
30%, 100% {
fill: black;
}
}
/*** module: node_modules/absol-tutor/css/blinkmask.css ***/
.atr-blink-mask {
position: fixed;
background: #ffe807;
z-index: 1099999999;
pointer-events: none;
opacity: 0;
-webkit-box-shadow: 0px 0px 0px 2px rgba(255, 10, 10, 1);
-moz-box-shadow: 0px 0px 0px 2px rgba(255, 10, 10, 1);
box-shadow: 0px 0px 0px 2px rgba(255, 10, 10, 1);
}
.atr-blink-mask.as-anim {
animation-name: blink;
animation-duration: 1.6s;
animation-iteration-count: infinite;
/*animation-timing-function: linear;*/
}
.atr-blink-mask.as-transparent {
animation-name: none;
opacity: 0;
}
@keyframes blink {
0% {
opacity: 0;
}
12% {
opacity: 0.5;
}
25% {
opacity: 0;
}
37% {
opacity: 0.5;
}
50% {
opacity: 0;
}
100% {
opacity: 0;
}
}
/*** module: node_modules/absol-tutor/css/explain.css ***/
.atr-explain-modal .atr-punctured-modal {
backdrop-filter: blur(0.04em);
-webkit-backdrop-filter: blur(0.04em);
background-color: rgba(169, 169, 169, 0.40);
}
.atr-explain-text {
color: white;
font-size: 1.25em;
margin: 0;
}
.atr-explain-text p{
font-size: inherit;
margin: 0;
}
/*** module: node_modules/absol-tutor/css/basecommand.css ***/
.atr-transparent-modal {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 99999999;
}
.atr-on-top {
z-index: 1000000001 !important;
}
.atr-on-top-1 {
z-index: 1000000001 !important;
}
.atr-transparent-modal.as-hidden {
visibility: hidden;
}
.atr-toast-message .toast-body {
padding-left: 0.75em;
padding-right: 0.75em;
}
.atr-tab-button-disabled-close .absol-tabbar-button-icon-container {
pointer-events: none !important;
}
.atr-tab-button-disabled-close .absol-tabbar-button-close {
color: #dddddd !important;
}
.atr-scroll-icon-ctn {
position: fixed;
left: 50px;
top: 50px;
background-color: #ffea17;
pointer-events: none;
opacity: 0.7;
}
.atr-scroll-icon-ctn > svg {
width: 17px;
height: auto;
z-index: 1000000005;
display: block;
}
.atr-scroll-only * {
pointer-events: none;
}
.atr-scroll-tooltip {
position: fixed;
z-index: 1000000009;
}
.atr-scroll-tooltip {
animation: scroll-move 1s linear infinite alternate;
}
@keyframes scroll-move {
0% {
transform: translateY(0);
}
100% {
transform: translateY(40px);
}
}
.atr-confirm-toast-footer {
padding: 5px;
text-align: center;
}
.atr-confirm-toast-footer button{
height: 30px;
}
.as-toast pre{
padding: initial;
margin: initial;
overflow: initial;
background-color: transparent;
border: none;
}
/*** module: node_modules/absol-tutor/css/spliteditor.css ***/
.atr-split-editor {
width: 100%;
height: 100%;
}
.atr-split-editor-ace {
margin: 0;
width: 100%;
height: 100%;
/*height: calc(100% - 25px);*/
}
.atr-split-editor .as-form-cmd-tool {
border-bottom: 1px solid #ddd;
box-sizing: border-box;
}
.attr-split-editor-window .absol-onscreen-window-head-bar-button-minimize,
.attr-split-editor-window .absol-onscreen-window-head-bar-button-dock {
display: none;
}
.attr-split-editor-window {
z-index: 1000000000;
}
/*** module: node_modules/absol-tutor/css/ace.css ***/
.ace_doc-tooltip .ace_storage,
.ace_doc-tooltip .ace_keyword {
color: blue;
}
.atr-ace-tooltip-desc {
margin: 0;
max-width: 500px;
white-space: pre-wrap;
}
.atr-ace-tooltip-define {
max-width: 500px;
white-space: pre-wrap;
}
/*** module: node_modules/absol-tutor/css/tutormaster.css ***/
:root {
--tutor-master-x: 0.2;
--tutor-master-y: 0.2;
--tutor-master-width: 120px;
--tutor-master-height: 40px;
}
.atr-tutor-master {
position: fixed;
z-index: 1000000000;
left: calc((100vw - var(--tutor-master-width) - 4px) * var(--tutor-master-x) + 2px);
top: calc((100vh - var(--tutor-master-height) - 4px) * var(--tutor-master-y) + 2px);
background-color: white;
padding-left: 40px;
height: 40px;
border-radius: 5px;
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
box-sizing: border-box;
min-width: 120px;
white-space: nowrap;
overflow: hidden;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
.atr-tutor-master-head {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 40px;
text-align: center;
border-right: 1px solid #ddd;
box-sizing: border-box;
background-color: rgba(169, 169, 169, 0.15);
}
.atr-tutor-master-head > svg {
width: 30px;
height: 30px;
display: inline-block;
vertical-align: middle;
}
.atr-tutor-master-head > svg path {
fill: #04c7ff;
}
.atr-tutor-master-cmd-ctn {
height: 40px;
width: 40px;
}
.atr-tutor-master-head::before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.atr-tutor-master .as-from-tool-button {
width: 40px;
height: 40px;
font-size: 20px;
border-radius: 0;
}
.atr-tutor-master .as-from-tool-button.as-active {
color: #4f72f5;
}
.atr-has-tutor-master .as-toast-list.as-se,
.atr-has-tutor-master .as-toast-list.as-sw {
bottom: 50px;
}
.atr-has-tutor-master .ace_tooltip,
.atr-has-tutor-master .ace_editor.ace_autocomplete {
z-index: 1100000000;
}
/*** module: node_modules/absol-tutor/css/fragmanager.css ***/
.atr-flag-manager .as-property-editor {
overflow: auto;
box-sizing: border-box;
width: 100%;
height: 100%;
text-align: center;
}
input.atr-flag-name {
outline: none;
border: 1px solid #dddddd;
height: 30px;
box-sizing: border-box;
width: 220px;
}
/*** module: node_modules/absol-tutor/css/inspector.css ***/
.atr-inspector-rect {
position: fixed;
pointer-events: none;
border: 1px solid #3a5b48;
z-index: 1100000000;
box-sizing: border-box;
background-color: rgba(0, 150, 150, 0.03);
transition: left 0.1s, top 0.1s, width 0.1s, height 0.1s;
}
.atr-inspector-rect-text {
position: absolute;
left: -1px;
bottom: calc(100% + 1px);
padding: 2px;
background-color: rgba(25, 80, 25, 0.5);
color: yellow;
box-sizing: border-box;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
.atr-inspector-rect.atr-bottom .atr-inspector-rect-text {
top: calc(100% + 1px);
bottom: unset;
}
.atr-inspector-rect.atr-left .atr-inspector-rect-text {
right: -1px;
left: unset;
}
.atr-inspector-tree-footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 16px;
line-height: 16px;
font-size: 12px;
color: #aaa;
background-color: #eee;
}
.atr-inspector-tree-ctn {
position: absolute;
top: 20px;
left: 0;
right: 0;
bottom: 16px;
overflow-y: auto;
font-size: 12px;
}
.atr-inspector-tree-ctn .absol-exp-node.as-active{
background-color: darkslategray;
color: white;
}
.atr-inspector-tree-ctn .absol-exp-node.as-active .absol-exp-node-name{
color: white;
}
/*** module: node_modules/absol-debug/css/dconsole.css ***/
.ad-console {
overflow-y: auto;
position: relative;
box-sizing: border-box;
padding: 5px;
}
.ad-console.ad-standard-alone {
position: fixed;
bottom: 5px;
left: 5px;
right: 5px;
height: 30vh;
background-color: white;
border: 1px solid #ddd;
z-index: 10000;
}
button.ad-console-toggle{
position: fixed;
right: 15px;
bottom: 15px;
z-index: 20000;
border-radius: 50%;
padding: 0;
width: 3em;
height: 3em;
outline: none;
}
.ad-console::after {
content: "console";
display: inline-block;
padding: 5px;
pointer-events: none;
color: gray;
position: absolute;
right: 0;
top: 0;
}
.ad-log-group:not(:first-child),
.ad-log-error:not(:first-child) {
border-top: 1px rgba(128, 128, 128, 0.41) solid;
}
.ad-log-group-trace {
color: aquamarine;
display: block;
text-align: right;
}
.ad-log-error {
}
.ad-log-error-message {
color: red;
}
.ad-log-error-at {
color: #013d3d;
}
.ad-log-error-stack {
white-space: pre-wrap;
}
/*** module: node_modules/absol-debug/css/dstring.css ***/
.ad-string{
white-space: pre;
padding: 0;
margin: 0;
}
/*** module: node_modules/absol-poser/css/config_format.css ***/
:root {
--body-height: calc(100vh);
--font-size-right-mouse-menu: 14px;
--font-size-label: 14px;
--font: 14px "Helvetica Neue",Helvetica,Arial,sans-serif;
--font-size-title: 14px;
--font-weight-title: bold;
--font-size-table-header: 12px;
--font-weight-table-header: bold;
--control-height: 30px;
--control-verticle-distance-1: 5px;
--control-horizontal-distance-1: 5px;
--control-verticle-distance-2: 10px;
--control-horizontal-distance-2: 10px;
--control-border: 1px solid #d6d6d6;
--control-border-alert: 1px solid red;
--switch-fontsize: 18px;
--footer-margin: 100px;
--fontsize-label-top-control: 12px;
--a-color: #1464f6;
--disabled-backgroudcolor: #ebebe4;
--searchbox-width: 200px;
--button-height: 30px;
--button-min-width: 110px;
--button-round-coner: 3px;
--button-border: 1px solid #c0c0c0;
--button-background-color_1: #ebebeb;
--button-background-color_2: #d6d6d6;
--button-background-color_3: #c9f1fd;
--button-background-color_4: #91e4fb;
--button-title-font-size: 12px;
--button-title-font-weight: bold;
--icon-fontsize: 20px;
--icon-fontsize-cover: 30px;
--icon-background-cover-hover: #91e4fb;
--icon-horizontal-distance: 20px;
--icon-remove-background-cover-hover: red;
--icon-remove-color-hover: white;
--table-title-font-size: 12px;
--table-title-font-weight: bold;
--table-first-row-color: xxx;
--table-odd-row-color: white;
--table-even-row-color: #f7f6f6;
--table-last-row-color: xxx;
--table-row-distance: 10px;
--table-background-color: #f7f6f6;
--table-edit-background-color: xxx;
--table-view-background-color: #f7f6f6;
--table-disable-background-color: xxx;
--table-row-height: 40px;
--table-row-boder-size: 0px;
--table-row-boder-color: xxx;
--tab-padding-top: 20px;
--tab-padding-left: 20px;
--tab-padding-right: 20px;
--chat-bar-col-width: 0px;
--chat-desktop-list-message-width: 360px;
--chat-desktop-gallery: 340px;
--chat-mobile-list-message-width: 100%;
/* menu new theme */
--main-menu-width: unset;
--header-height: 50px;
--menu-background-color: rgb(35, 49, 81);
--menu-background-hover: rgb(18, 25, 41);
--header-background-color: rgb(35, 49, 81);
--tab-button-background-color: rgb(35, 49, 81);
--tab-button-background-color-hover: rgb(59, 77, 121);
--tab-button-font-color-hover: white;
--tab-active-background-color: white;
--tab-active-font-color: rgb(28, 120, 179);
--menu-font-color: rgb(92, 209, 246);
--menu-font-color-hover: white;
--tab-font-color: rgb(92, 209, 246);
--tab-font-color-hover: white;
--logo-background: rgb(18, 25, 41);
--main-menu-item-height: 40px;
--backgroud-image-body: url(https://data.1freewallpapers.com/download/cool-nature.jpg);
--icon-close-table-font-size: 18px;
}
/*** module: node_modules/absol-poser/css/common.css ***/
:root {
--ap-select-distance: 20px;
--ap-true-anwser-text-length: 100px;
--ap-focus-node-background-color: rgba(185, 235, 20, 0.3);
--ap-focus-block-border-color: rgb(250, 174, 0);
}
.ap-block {
font-size: 14px;
background-color: white;
border: 1px solid #dadce0;
border-radius: 4px;
padding: 15px 30px 10px 30px;
color: #202124;
box-sizing: border-box;
font: var(--font);
}
.ap-width-s .ap-block {
padding-left: 10px;
padding-right: 10px;
}
.ap-field-name {
width: 130px;
display: inline-block;
padding: 5px 0 5px 0;
vertical-align: middle;
}
.ap-button {
font-size: 14px;
height: var(--icon-fontsize-cover);
width: var(--icon-fontsize-cover);
background-color: transparent;
padding: 0;
vertical-align: middle;
border: none;
border-radius: var(--button-round-coner);
outline: none;
}
.ap-button:not(:disabled):hover {
background-color: var(--icon-background-cover-hover);
}
/*.ap-button:not(:disabled):active {*/
/* background-color: rgba(169, 169, 169, 0.2);*/
/*}*/
.ap-button > span {
font-size: var(--icon-fontsize);
}
.ap-button > svg {
width: 1.5em;
height: 1.5em;
}
.ap-button:not(:disabled) > span.mdi-delete-variant {
color: red;
}
.ap-button:disabled > span {
color: #c4c4c4;
}
.ap-button:disabled > svg > path {
fill: #c4c4c4;
}
.ap-input {
padding: var(--as-input-vertical-padding) var(--as-input-horizontal-padding);
border: var(--control-border);
border-radius: var(--button-round-coner);
outline: none;
font-family: inherit;
font-size: inherit;
box-sizing: border-box;
}
.ap-text-input {
font-family: inherit;
}
input[type=number].ap-input::-webkit-outer-spin-button,
input[type=number].ap-input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type=number].ap-input[readonly] {
background-color: var(--disabled-backgroudcolor);
}
input[type=number].ap-input {
-webkit-appearance: none;
-moz-appearance: textfield;
padding-left: var(--as-input-horizontal-padding);
outline: none;
text-align: right;
}
.ap-input.as-preinput {
min-height: var(--control-height);
box-sizing: border-box;
background-color: white;
}
pre.ap-input {
margin: 0;
white-space: pre-wrap;
}
.absol-exp-tree.ap-focus > .absol-exp-node {
background-color: var(--ap-focus-node-background-color);
}
.ap-block.ap-focus {
-webkit-box-shadow: 0 0 0 2px var(--ap-focus-block-border-color);
box-shadow: 0 0 0 3px var(--ap-focus-block-border-color);
}
/*** module: node_modules/absol-poser/css/question.css ***/
.ap-editable-question {
position: relative;
min-height: 50px;
}
.ap-editable-question div {
font: inherit;
}
.ap-editable-question-header {
display: flex;
flex-wrap: wrap;
padding-bottom: var(--control-verticle-distance-2);
}
.ap-editable-question-index {
/*flex-grow: 1;*/
margin-bottom: 10px;
padding-right: 25px;
}
.ap-editable-question-type {
margin-bottom: 10px;
}
.ap-editable-question .as-ribbon-button.ap-editable-question-type-input {
background-color: white;
}
.ap-editable-question-type-input {
height: 30px;
border: 1px solid #d6d6d6;
border-radius: 3px;
width: 240px;
text-align: left;
position: relative;
}
.ap-editable-question-type-input .mdi-chevron-down {
display: none;
}
.ap-editable-question-type-input:hover svg.dropdown {
width: 10px;
height: 10px;
fill: black;
}
input[type=number].ap-editable-question-index-input {
-webkit-appearance: none;
-moz-appearance: textfield;
width: 60px;
height: 30px;
border: solid 1px #d6d6d6;
background-color: white;
box-sizing: border-box;
border-radius: 3px;
font-size: inherit;
font-family: inherit;
padding-left: var(--as-input-horizontal-padding);
outline: none;
}
.ap-editable-question-content-ctn,
.ap-editable-question-description-ctn {
display: flex;
padding-bottom: var(--control-verticle-distance-2);
}
.ap-editable-question-description,
.ap-editable-question-content {
margin: 0;
font-family: inherit;
font-size: inherit;
flex-grow: 1;
padding: 5px;
border: 1px solid #d6d6d6;
box-sizing: border-box;
outline: none;
}
.ap-editable-question:not(.ap-has-image) > .ap-editable-image-ctn {
display: none;
}
.ap-editable-question.ap-has-image .ap-editable-question-image-btn-ctn {
display: none;
}
.ap-editable-question-image-btn-ctn {
padding-left: 130px;
}
/*.ap-editable-answer-draggable-ctn:hover .ap-editable-answer-ctn-drag-zone {*/
/* opacity: 1;*/
/*}*/
.ap-editable-image-ctn {
padding: 0 10px 0 var(--as-input-horizontal-padding);
}
.ap-editable-image-ctn::before {
content: "";
display: block;
border-top: 1px solid #ddd;
height: var(--control-horizontal-distance-1);
}
.ap-editable-image-ctn > image {
display: inline-block;
vertical-align: top;
}
.ap-editable-image-remove-btn {
display: inline-block;
vertical-align: top;
position: relative;
border-radius: 50%;
border: none;
color: grey;
font-size: 1.3em;
padding: 0;
left: -0.75em;
top: -0.75em;
width: 1.5em;
height: 1.5em;
background-color: rgb(217, 217, 217);
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
}
.ap-editable-answer-list-header {
position: relative;
height: 2em;
display: none;
}
.ap-width-s .ap-editable-answer-list-header {
display: none;
}
.ap-editable-answer-list-header-true-answer-text {
position: absolute;
right: calc(var(--icon-fontsize-cover) * 2 - 5px);
bottom: 0;
width: calc(var(--ap-true-anwser-text-length) + 10px);
text-align: center;
}
.ap-editable-answer-list {
padding-top: var(--control-verticle-distance-1);
padding-bottom: var(--control-verticle-distance-1);
}
.ap-editable-answer-note {
min-height: 80px;
max-height: 300px;
overflow-y: auto;
}
.ap-editable-answer-note-ctn {
padding-bottom: var(--control-verticle-distance-2);
}
.ap-editable-question-footer {
display: flex;
}
.ap-editable-question-footer > div:first-child {
flex-grow: 1;
}
.ap-editable-question-footer > div > * {
display: inline-block;
vertical-align: middle;
}
.ap-editable-question-footer .ap-button {
margin-right: var(--control-horizontal-distance-2);
}
.ap-editable-question-footer label {
margin-right: 1.5em;
font-weight: normal;
}
.ap-editable-question-point {
width: 70px;
}
.ap-editable-question.ap-editable-question-type-paragraph .ap-editable-question-point-ctn,
.ap-editable-question.ap-editable-question-type-short-answer .ap-editable-question-point-ctn,
.ap-editable-question.ap-editable-question-type-linear-scale .ap-editable-question-point-ctn {
/*display: none;*//* design change */
}
.ap-editable-question.ap-editable-question-type-multiple-choice .ap-editable-answer-list-header,
.ap-editable-question.ap-editable-question-type-checkboxes .ap-editable-answer-list-header {
display: block;
}
.ap-question-header {
display: flex;
font-weight: bold;
padding-bottom: var(--control-verticle-distance-2);
}
.ap-question-idx {
width: 30px;
color: #c0c0c0;
}
.ap-question-body:not(:last-child) {
padding-bottom: var(--control-verticle-distance-2);
}
.ap-question-body > * {
width: 100%;
}
.ap-question-description {
padding-bottom: var(--control-verticle-distance-2);
white-space: pre-wrap;
}
.ap-question-image-ctn img {
object-fit: contain;
max-width: 100%;
max-height: 50vh;
margin-bottom: var(--control-verticle-distance-1);
}
.ap-multiple-choice-answer.ap-readonly .ap-choice-answer-select {
pointer-events: none;
}
.ap-paragraph-answer.ap-readonly {
pointer-events: none;
}
.ap-question-score-ctn {
display: flex;
}
.ap-question-score-ctn > div:first-child {
flex-grow: 1;
}
.ap-question-score-ctn input {
width: 60px;
}
.ap-editable-text-answer-content-ctn.ap-input pre {
border: none;
border-radius: initial;
}
.ap-linear-scale-answer.ap-readonly .absol-radio-button {
pointer-events: none;
}
.ap-editable-question.ap-read-only .ap-editable-answer-ctn .as-board-drag-zone {
visibility: hidden;
}
.ap-editable-question.ap-read-only .as-message-input-attachment-add-btn,
.ap-editable-question.ap-read-only .as-message-input-attach-preview-close-btn {
display: none;
}
.ap-editable-question.ap-read-only .ap-editable-question-type-input .absol-selectmenu-btn,
.ap-editable-question.ap-read-only .ap-editable-question-footer button,
.ap-editable-question.ap-read-only .ap-editable-question-image-btn-ctn,
.ap-editable-question.ap-read-only .ap-editable-ad-image-btn,
.ap-editable-question.ap-read-only .ap-more-radio-answer-content-ctn span {
display: none;
}
.ap-editable-question.ap-read-only .ap-editable-question-type-input,
.ap-editable-question.ap-read-only .ap-editable-question-footer .absol-switch,
.ap-editable-question.ap-read-only .ape-radio-answer-list {
pointer-events: none;
}
.ap-editable-question-type {
margin-right: 25px;
}
.ap-editable-question-option-ctn {
flex-grow: 1;
}
.ap-editable-question-option-ctn > div {
display: inline-block;
vertical-align: middle;
margin-right: 25px;
}
.ap-editable-question-option-ctn > div > label:first-child {
margin-right: 0.6em;
}
/*** module: node_modules/absol-poser/css/textanswer.css ***/
.ap-editable-text-answer {
padding-left: calc(var(--ap-select-distance) * 2);
padding-right: calc(var(--icon-fontsize-cover) + var(--control-horizontal-distance-2) + var(--ap-true-anwser-text-length));
position: relative;
}
.ap-editable-text-answer-content-ctn {
position: relative;
padding-right: calc(var(--icon-fontsize-cover) + var(--control-horizontal-distance-1) * 2);
}
.ap-input.ap-editable-text-answer {
padding: 0;
}
.ap-editable-text-answer .as-preinput {
min-height: calc(var(--control-height) - 2px);
box-sizing: border-box;
padding: var(--as-input-vertical-padding) var(--as-input-horizontal-padding);
outline: none;
display: block;
}
.ap-editable-text-answer-btn-ctn {
position: absolute;
top: 0;
right: var(--control-horizontal-distance-1);
bottom: 0;
}
.ap-editable-text-answer-btn-ctn::after {
content: "";
height: 100%;
}
.ap-editable-text-answer-btn-ctn::after,
.ap-editable-text-answer-btn-ctn > button {
display: inline-block;
vertical-align: middle;
}
.ap-editable-text-answer:not(.ap-has-image) .ap-editable-image-ctn {
display: none;
}
.ap-editable-text-answer.ap-has-image .ap-editable-text-answer-btn-ctn {
display: none;
}
.ap-editable-text-answer.ap-has-image .ap-editable-text-answer-content-ctn {
padding-right: var(--as-input-horizontal-padding);
}
.ap-editable-text-select-ctn {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: calc(var(--ap-select-distance) * 2 - 16px);
white-space: nowrap;
text-align: center;
pointer-events: none;
}
.ap-editable-text-select-ctn::before,
.ap-editable-text-true-answer-select-ctn:before {
content: "";
height: 100%;
}
.ap-editable-text-true-answer-select-ctn {
position: absolute;
right: var(--icon-fontsize-cover);
top: 0;
bottom: 0;
width: var(--ap-true-anwser-text-length);
text-align: center;
white-space: nowrap;
}
.ap-editable-text-select-ctn > *,
.ap-editable-text-true-answer-select-ctn > *,
.ap-editable-text-select-ctn::before,
.ap-editable-text-true-answer-select-ctn:before {
display: inline-block;
vertical-align: middle;
}
.ap-width-s .ap-editable-text-true-answer-select-ctn {
display: block;
position: relative;
padding-top: var(--control-verticle-distance-1);
padding-bottom: var(--control-verticle-distance-1);
padding-left: calc(var(--ap-select-distance) * 2);
text-align: left;
}
.ap-width-s .ap-editable-text-answer {
padding-right: 0;
}
.ap-editable-text-true-answer-label{
display: none;
cursor: pointer;
}
.ap-width-s .ap-editable-text-true-answer-label{
display: inline-block;
}
.ap-editable-short-text-answer,
.ap-editable-long-text-answer {
display: flex;
}
.ap-editable-short-text-answer-text-field {
flex-grow: 1;
position: relative;
height: 28px;
}
.ap-editable-short-text-answer-text-field::before,
.ap-editable-long-text-answer-text-field > div::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 5px;
border-bottom: 1px solid rgb(129, 129, 130);
}
.ap-editable-long-text-answer-text-field,
.ap-editable-linear-scale-answer-range-input-ctn {
flex-grow: 1;
}
.ap-editable-long-text-answer-text-field > div {
position: relative;
height: 30px;
}
.ap-editable-linear-scale-answer-range,
.ap-editable-linear-scale-answer-title-min {
padding-bottom: var(--control-verticle-distance-2);
}
/*** module: node_modules/absol-poser/css/linearscale.css ***/
.ap-editable-linear-scale-answer-range,
.ap-editable-linear-scale-answer-title-min,
.ap-editable-linear-scale-answer-title-max {
display: flex;
}
.ap-editable-linear-scale-answer-title-input-ctn {
flex-grow: 1;
}
.ap-editable-linear-scale-answer-title-input-ctn > input {
box-sizing: border-box;
width: 100%;
}
.ap-linear-scale-answer-table {
display: block;
max-width: 100%;
padding-right: 125px;
padding-left: 95px;
text-align: right;
}
.ap-linear-scale-answer-table-title-ctn-left {
position: absolute;
right: 100%;
top: 0;
bottom: 0;
white-space: nowrap;
}
.ap-linear-scale-answer-table-title-ctn-left >div{
text-align: left;
}
.ap-linear-scale-answer-table-title-ctn-right {
position: absolute;
left: 100%;
top: 0;
bottom: 0;
white-space: nowrap;
text-align: left;
}
.ap-linear-scale-answer-table-title-ctn-right >div{
text-align: left;
}
.ap-linear-scale-answer-table-col {
display: inline-block;
vertical-align: middle;
position: relative;
min-width: 25px;
}
.ap-linear-scale-answer-table-col > div,
.ap-linear-scale-answer-table-title-ctn-left > div {
height: 30px;
display: block;
padding-left: 2px;
padding-right: 2px;
}
.ap-linear-scale-answer-table-col > div {
text-align: center;
}
/*.ap-linear-scale-answer {*/
/* display: table;*/
/*}*/
/*.ap-linear-scale-answer-header,*/
/*.ap-linear-scale-answer-select {*/
/* display: table-row;*/
/*}*/
/*.ap-linear-scale-answer-header > div,*/
/*.ap-linear-scale-answer-select > div {*/
/* display: table-cell;*/
/*}*/
/*.ap-linear-scale-answer-header > div:not(:first-child):not(:last-child),*/
/*.ap-linear-scale-answer-select > div:not(:first-child):not(:last-child) {*/
/* padding-bottom: var(--control-verticle-distance-1);*/
/* text-align: center;*/
/*}*/
/*.ap-linear-scale-answer-header > div:not(:first-child):not(:last-child) span {*/
/* display: inline-block;*/
/* width: 25px;*/
/* text-align: center;*/
/*}*/
/*.ap-linear-scale-answer-min-title,*/
/*.ap-linear-scale-answer-select-label-ctn {*/
/* padding-right: 10px;*/
/* text-align: left;*/
/*}*/
/*.ap-width-xs .ap-editable-linear-scale-answer-range-input-ctn > * {*/
/* display: block;*/
/* width: 70px;*/
/*}*/
/*.ap-width-xs .ap-editable-linear-scale-answer-range-input-ctn > *:not(:last-child) {*/
/* margin-bottom: var(--control-verticle-distance-1);*/
/*}*/
/*** module: node_modules/absol-poser/css/editableanswerctn.css ***/
.ap-editable-answer-ctn {
background-color: white;
display: block;
position: relative;
padding: 5px calc(var(--control-horizontal-distance-1) + var(--icon-fontsize-cover)) 5px calc(24px + var(--control-horizontal-distance-2));
}
.ap-editable-answer-ctn.as-board-moving{
transform: none;
box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.75);
}
.ap-editable-answer-ctn-drag-zone {
position: absolute;
left: 0;
top: 5px;
bottom: 5px;
white-space: nowrap;
width: 24px;
text-align: center;
cursor: move;
/*opacity: 0;*/
}
.ap-editable-answer-ctn-drag-zone > i {
display: inline-block;
vertical-align: middle;
font-size: 24px;
}
.ap-editable-answer-ctn-drag-zone:before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.ap-editable-answer-ctn-remove-bt-ctn{
position: absolute;
top: 0;
bottom: 0;
right: 0;
white-space: nowrap;
}
.ap-editable-answer-ctn-remove-bt-ctn>button,
.ap-editable-answer-ctn-remove-bt-ctn::after{
display: inline-block;
vertical-align: middle;
}
.ap-editable-answer-ctn-remove-bt-ctn::after{
content: "";
height: 100%;
}
/*** module: node_modules/absol-poser/css/radioanswer.css ***/
.ap-more-radio-answer-content-ctn > a {
padding-left: 40px;
padding-right: 10px;
display: inline-block;
vertical-align: middle;
line-height: var(--control-height);
color: var(--a-color);
cursor: pointer;
}
.ap-more-radio-answer-content-ctn > input {
flex-grow: 1;
height: var(--control-height);
box-sizing: border-box;
}
.ap-more-radio-answer-content-ctn {
display: flex;
align-items: center;
}
.ap-more-radio-answer:not(.ap-has-adding-other) .ap-more-radio-answer-content-ctn > a {
color: #dadce0;
pointer-events: none;
}
.ap-choice-answer {
position: relative;
padding-top: var(--control-verticle-distance-1);
padding-bottom: var(--control-verticle-distance-2);
padding-left: calc(var(--ap-select-distance) * 2);
}
.ap-choice-answer-select {
position: absolute;
left: 0;
top: calc(var(--control-verticle-distance-1) - 4px);
bottom: var(--control-verticle-distance-2);
}
.ap-choice-answer-select::before {
content: "";
height: 100%;
}
.ap-choice-answer-select > *,
.ap-choice-answer-select::before {
display: inline-block;
vertical-align: middle;
}
.ap-choice-answer-select .mdi{
font-size: 1.5em;
display: none;
position: relative;
}
.ap-choice-answer-content-ctn {
}
.ap-choice-answer-content {
white-space: pre-wrap;
}
.ap-choice-answer-content span{
cursor: default;
}
.ap-choice-answer-content-ctn.ap-empty .ap-choice-answer-content-placeholder {
display: block;
}
.ap-choice-answer-content-placeholder {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
padding-left: var(--as-input-horizontal-padding);
color: rgb(127, 127, 127);
pointer-events: none;
display: none;
}
.ap-choice-answer-content-placeholder::before {
content: "";
height: 100%;
}
.ap-choice-answer-content-placeholder > *,
.ap-choice-answer-content-placeholder::before {
display: inline-block;
vertical-align: middle;
}
.ap-choice-answer-image-ctn {
padding-top: var(--control-verticle-distance-1);
}
.ap-choice-answer-image-ctn > img {
object-fit: contain;
max-width: 100%;
max-height: 50vh;
margin-bottom: var(--control-verticle-distance-1);
margin-right: var(--control-verticle-distance-1);
}
.ap-choice-answer:not(.ap-has-image) .ap-choice-answer-image-ctn {
display: none;
}
/*** module: node_modules/absol-poser/css/section.css ***/
.ap-editable-section-idx {
padding-bottom: var(--control-verticle-distance-2);
flex-grow: 1;
}
.ap-editable-section-content {
position: relative;
padding-right: calc(var(--icon-fontsize-cover) + var(--control-horizontal-distance-2));
}
.ap-editable-section-image-btn-ctn {
position: absolute;
right: 0;
top: 0;
bottom: 0;
white-space: nowrap;
}
.ap-editable-section-image-btn-ctn:before {
content: "";
height: 100%;
}
.ap-editable-section-image-btn-ctn > *,
.ap-editable-section-image-btn-ctn:before {
display: inline-block;
vertical-align: middle;
}
.ap-editable-section-name-ctn,
.ap-editable-section-description-ctn {
display: flex;
padding-bottom: var(--control-verticle-distance-2);
}
.ap-editable-section-name,
.ap-editable-section-description {
flex-grow: 1;
}
.ap-editable-section:not(.ap-has-image) .ap-editable-image-ctn {
display: none;
}
.ap-editable-section.ap-has-image .ap-editable-section-image-btn-ctn {
display: none;
}
.ap-editable-section.ap-has-image .ap-editable-section-content {
padding-right: 0;
}
.ap-width-s .ap-editable-section-image-btn-ctn {
position: relative;
display: block;
padding-left: 130px;
}
.ap-section {
}
.ap-section-header {
display: flex;
font-weight: bold;
font-size: 1.5em;
padding-bottom: var(--control-verticle-distance-2);
}
.ap-section-idx {
width: 30px;
color: #c0c0c0;
}
.ap-section-name-ctn {
flex-grow: 1;
}
.ap-section-description {
white-space: pre-wrap;
padding-bottom: var(--control-verticle-distance-2);
}
.ap-section-image-ctn > img {
object-fit: contain;
max-width: 100%;
max-height: 50vh;
margin-bottom: var(--control-verticle-distance-1);
}
/*** module: node_modules/absol-poser/css/posereditor.css ***/
.ap-poser-editor {
display: flex;
flex-direction: column;
--ap-tree-editor-width: 390px;
--separator-line-color: darkblue;
}
.ap-poser-editor-header {
border-bottom: 1px solid #dddddd;
}
.ap-poser-editor-body {
overflow: hidden;
flex-grow: 1;
position: relative;
}
.ap-poser-editor.ap-open-tree-editor .ap-poser-editor-data {
left: var(--ap-tree-editor-width);
}
.ap-poser-editor.ap-open-tree-editor button[data-cmd="edit_tree"] {
color: #1464f6;
}
.ap-poser-editor-tree-editor-ctn {
position: absolute;
top: 0;
bottom: 0;
width: var(--ap-tree-editor-width);
right: 100%;
transition: right 0.2s;
}
.ap-poser-editor-tree-editor-ctn > .ap-question-tree-editor {
height: 100%;
}
.ap-question-tree-editor::after {
content: "";
display: block;
height: 2px;
}
.ap-poser-editor.ap-open-tree-editor .ap-poser-editor-tree-editor-ctn {
right: calc(100% - var(--ap-tree-editor-width));
}
.ap-poser-editor-data {
position: relative;
padding: 5px;
background-color: #ede7f6;
left: 0;
transition: left 0.2s;
overflow-y: auto;
overflow-x: hidden;
width: 100%;
height: 100%;
box-sizing: border-box;
}
.ap-poser-editor-data > .ap-block {
margin-bottom: 5px;
}
.ap-poser-editor-footer {
}
.ap-poser-editor.ap-width-s {
--ap-tree-editor-width: 100%;
}
.ap-poser-editor.ap-width-s * {
}
.ap-poser-editor.ap-without-tool {
}
.ap-poser-editor.ap-without-scroller {
display: block;
}
.ap-poser-editor.ap-without-scroller .ap-poser-viewer-body {
flex-grow: unset;
}
.ap-poser-editor.ap-without-tool .as-form-cmd-tool {
display: none;
}
.ap-poser-editor.ap-without-tool .ap-poser-editor-tree-editor-ctn {
display: none;
}
.ap-poser-editor.ap-without-section .ap-editable-section {
display: none;
}
.ap-editable-section .ap-editable-section-tool {
display: inline-block;
vertical-align: middle;
}
.ap-editable-section,
.ap-block.ap-section,
.ap-block.ap-question {
position: relative;
}
.ap-editable-section:not(:first-child),
.ap-section-group:not(:first-child),
.ap-evaluation .ap-section:not(:first-child) {
margin-top: 40px;
}
.ap-editable-section::before,
.ap-block.ap-section::before {
display: inline-block;
content: "";
border-top: 6px solid var(--separator-line-color);
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
right: 0;
border-radius: 4px 4px 0 0;
}
.ap-poser-editor:not(.ap-without-section) .ap-editable-question.ap-last-question::after,
.ap-evaluation:not(.ap-without-section) .ap-question.ap-last-question::after,
.ap-poser-viewer:not(.ap-without-section) .ap-section-group .ap-question:last-child::after {
display: inline-block;
content: "";
border-bottom: 4px solid var(--separator-line-color);
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-radius: 0 0 4px 4px;
}
.ap-editable-section-idx > input {
margin-right: 25px;
}
.ap-editable-section[data-idx="1"] button[data-action="merge_with_above"] {
display: none;
}
.ap-editable-section-header {
display: flex;
}
.ap-poser-editor button[data-action="delete"] {
color: red;
}
.ap-poser-editor.ap-without-section button[data-cmd="new_section"] {
display: none;
}
.ap-poser-editor.ap-read-only button[data-cmd="delete"],
.ap-poser-editor.ap-read-only button[data-cmd="new_section"],
.ap-poser-editor.ap-read-only button[data-cmd="new_question"] {
display: none;
}
.ap-editable-question-tool {
white-space: nowrap;
}
.ap-editable-question-tool > * {
display: inline-block;
vertical-align: middle;
}
.ap-editable-question-tool > div > label {
margin-right: 1em;
}
/*** module: node_modules/absol-poser/css/questiontreeeditor.css ***/
.ap-question-tree-editor {
font-size: 14px;
user-select: none;
touch-action: none;
-webkit-user-select: none;
-moz-user-select: none;
position: relative;
}
.ap-question-tree-exp-scroller {
overflow-y: auto;
height: 100%;
}
.ap-question-tree-editor .as-exp-group {
width: 100%;
}
.ap-question-tree-editor {
position: relative;
}
.absol-exp-tree.ap-question-tree-editor-cloned-node {
position: absolute;
left: 0;
width: 100%;
top: 0;
background-color: white;
box-shadow: 4px 5px 10px 3px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 4px 5px 10px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 4px 5px 10px 3px rgba(0, 0, 0, 0.5);
opacity: 0.8;
}
.absol-exp-tree.ap-moving {
opacity: 0.2;
}
.ap-question-tree-editor{
--new-pos-y: 0px ;
}
.ap-question-tree-editor .as-exp-group{
position: relative;
}
.ap-question-tree-editor.ap-dragging.ap-changed .as-exp-group::after {
position: absolute;
left: 0;
top: calc(var(--new-pos-y) - 1px);
width: 100%;
content: "";
display: block;
border-top: 2px solid #1464f6;
}
/*
.ap-question-tree-editor > div {
width: 100%;
overflow-x: hidden;
}
.ap-question-tree-editor > div > button {
width: 100%;
}*/
/*** module: node_modules/absol-poser/css/print.css ***/
/*.as-printer{*/
/* z-index: 1000 !important;*/
/* opacity: 1 !important;*/
/* visibility: visible !important;*/
/* pointer-events: all !important;*/
/*}*/
.as-printer * {
user-select: inherit !important;
}
.as-printer-content .ap-editable-section-tool,
.as-printer-content .ap-editable-question-tool,
.as-printer-content .ap-editable-section-image-btn-ctn,
.as-printer-content .ap-poser-editor .absol-selectmenu-btn,
.as-printer-content .ap-editable-question-image-btn-ctn button,
.as-printer-content .ap-editable-image-ctn button,
.as-printer-content .ap-editable-answer-ctn-remove-bt-ctn,
.as-printer-content .ap-editable-text-answer-btn-ctn,
.as-printer-content .ap-editable-answer-ctn-drag-zone,
.as-printer-content .ap-more-radio-answer,
.as-printer-content .ap-editable-answer-note-ctn.ap-empty-filed,
.as-printer-content .ap-editable-question-required-ctn.ap-empty-field,
.as-printer-content .ap-editable-question-required,
.as-printer-content .ap-poser-editor-header,
.as-printer-content .ap-poser-editor-tree-editor-ctn,
.as-printer-content .as-message-input-attach-preview-name{
display: none !important;
}
.as-printer-content .absol-selectmenu {
border: none;
}
.as-printer-content .as-message-input-attach-preview-image {
border-radius: 10px;
}
.as-printer-content .ap-poser-editor {
height: auto !important;
}
.as-printer-content .ap-poser-editor-data {
padding: 0;
overflow: inherit;
width: auto;
height: auto;
background-color: transparent;
}
.as-printer-content .ap-poser-editor {
display: block;
}
.as-printer-content .ap-input,
.as-printer-content .ap-poser-editor .as-preinput {
border: none !important;
padding-left: 0 !important;
background-color: transparent !important;
}
.as-printer-content .ap-editable-question-type-input {
font-size: 14px !important;
border: none;
}
.as-printer-content .ap-block {
display: inline-block;
width: 100%;
position: relative;
page-break-inside: avoid !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.as-printer-content .ap-editable-answer-ctn {
padding-right: 0 !important;
}
.as-printer-content .ap-editable-answer-list-header-true-answer-text,
.as-printer-content .ap-editable-text-true-answer-select-ctn {
right: 0;
}
.as-printer-content .ap-editable-text-answer {
padding-right: var(--ap-true-anwser-text-length)
}
.as-printer-content .ap-editable-answer-ctn {
padding-left: 0;
}
/*** module: node_modules/absol-poser/css/poserviewer.css ***/
.ap-poser-viewer {
display: flex;
}
.ap-poser-viewer-body {
overflow-y: auto;
flex-grow: 1;
padding: 5px;
background-color: #ede7f6;
}
.ap-poser-viewer-body > .ap-section-group:not(:last-child) {
margin-bottom: 10px;
}
.ap-poser-viewer .ap-block:not(:last-child) {
margin-bottom: 5px;
}
.ap-poser-viewer.ap-without-section .ap-section .ap-section-idx,
.ap-poser-editor.ap-without-section .ap-editable-section-idx,
.ap-evaluation.ap-without-section .ap-section .ap-section-idx {
display: none;
}
.ap-poser-viewer.ap-without-section .ap-block.ap-section {
display: none;
}
.ap-poser-viewer.ap-read-only input,
.ap-poser-viewer.ap-read-only .ap-question-body{
/*pointer-events: none;*/
}
/*** module: node_modules/absol-poser/css/poserevaluation.css ***/
.ap-evaluation > .ap-block:not(:last-child) {
margin-bottom: var(--control-verticle-distance-2);
}
.ap-evaluation:not(.ap-has-note) > .ap-question-note-ctn,
.ap-evaluation.ap-read-only:not(.ap-has-feedback) .ap-question-feedback-ctn {
display: none;
}
.ap-question-note-ctn > pre {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
white-space: pre-wrap;
}
.ap-result-answer, .ap-correct-answer {
/*color: #e20404;*/
position: relative;
z-index: 1;
}
.ap-result-answer .ap-choice-answer-content-ctn,
.ap-correct-answer .ap-choice-answer-content-ctn {
position: relative;
z-index: 3;
}
.ap-correct-answer::before {
content: "";
display: block;
position: absolute;
left: calc(var(--ap-select-distance) * 2 - 10px);
top: 0;
bottom: 2px;
right: 0;
background: rgb(214, 214, 214);
z-index: 0;
border-radius: 4px;
}
.ap-evaluation .ap-correct-answer.ap-result-answer::before {
background: rgb(174, 221, 148);
}
.ap-evaluation .ap-result-answer.ap-correct-answer .ap-choice-answer-select label,
.ap-evaluation .ap-result-answer:not(.ap-correct-answer) .ap-choice-answer-select label {
display: none;
}
.ap-evaluation .ap-result-answer.ap-correct-answer .ap-choice-answer-select .mdi-check-bold,
.ap-evaluation .ap-result-answer:not(.ap-correct-answer) .ap-choice-answer-select .mdi-close-thick {
display: inline-block;
}
.ap-evaluation .ap-result-answer .mdi-check-bold {
color: rgb(98, 156, 68);
}
.ap-evaluation .ap-result-answer .mdi-close-thick {
color: rgb(230, 22, 16);
}
.ap-evaluation .ap-result-answer:not(.ap-correct-answer) {
color: rgb(230, 22, 16);
}
.ap-evaluation.ap-read-only .ap-question-designed-score .ap-input,
.ap-evaluation.ap-read-only .ap-question-evaluated-score .ap-input,
.ap-evaluation.ap-read-only .ap-question-note-ctn .ap-input,
.ap-evaluation.ap-read-only .ap-question-feedback-ctn .ap-input {
border: none;
background-color: transparent;
padding-top: 0;
padding-bottom: 0;
margin: 0;
}
.ap-evaluation.ap-read-only .ap-choice-answer-content-ctn.ap-empty {
pointer-events: none;
}
.ap-evaluation.ap-read-only .ap-question-evaluated-score .ap-input {
font-weight: bold;
}
.ap-evaluation[data-type="multiple_choice"][data-evaluated-score="0"] .ap-question-content-ctn,
.ap-evaluation[data-type="multiple_choice"][data-evaluated-score="0"] .ap-question-description {
color: rgb(230, 22, 16);
}
.ap-evaluation.ap-without-section .ap-section {
display: none;
}
/*** module: node_modules/pizo/css/ModuleView.css ***/
.quantumWizTextinputPaperinputInput {
display: inline-block;
font-size: 1em;
padding: 0.4286em;
width: 3em;
text-align: right;
border: solid 0.0714rem var(--color-input-color);
}
.fake-text {
visibility: hidden;
position: absolute;
top: -71.3571em;
left: -71.3571em;
font: 500 1.7857rem Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
}
.background-opacity {
opacity: 0.5;
position: fixed;
pointer-events: none;
z-index: 100;
max-width: 100%;
background-color: white;
overflow: hidden;
}
.background-opacity-1 {
opacity: 0.5;
position: fixed;
z-index: 100;
background-color: white;
}
.pac-container.pac-logo {
z-index: 9999999999;
}
.delete-zone {
border: 0.1429rem dashed #0087F7;
text-align: center;
position: fixed;
}
.delete-zone-icon {
font-size: 4.2857em;
display: inline-block;
}
.detele-zone-label {
font-size: 2.1429em;
display: inline-block;
vertical-align: top;
}
.focus-blast .delete-zone {
border-style: solid;
}
.focus-blast .delete-zone .delete-zone-icon {
opacity: 0.5;
}
.focus-blast .delete-zone .detele-zone-label {
opacity: 0.5;
}
.focus-blast.move-hover-zone .move-hover-zone-center {
border: 0.0714rem solid blue;
}
.focus-blast.move-hover-zone-topbot .move-hover-zone-middle {
border: 4px solid blue;
}
.move-hover-zone-left {
display: inline-block;
height: 100%;
}
.move-hover-zone-right {
display: inline-block;
height: 100%;
}
.move-hover-zone-center {
display: inline-block;
height: 100%;
}
.move-hover-zone {
display: inline-block;
}
.move-hover-zone-topbot {
display: block;
}
.move-hover-zone-middle {
opacity: 1;
}
/* ------------------------------------------
Reset ♥
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
---------------------------------------------*/
table.sortTable {
max-width: 100%;
}
/* .absol-single-page-scroller{
width: 500px;
margin: auto;
} */
table.sortTable,
table.sortTableClone {
background: #fff;
/* margin: 0 auto; */
position: relative;
font-size: 1em;
border-spacing: 0;
border-collapse: separate;
/* overflow: hidden; */
}
table.sortTableClone {
left: 0;
font-size: 1em;
position: absolute;
z-index: 1000;
}
table.sortTable th,
table.sortTable td,
table.sortTableClone th,
table.sortTableClone td {
padding: 0.35714285714em;
text-align: left;
border-top: 1px solid var(--color-input-color);
position: relative;
height: --table-row-height;
}
table.sortTable th,
table.sortTableClone th {
background: #36304a;
vertical-align: top;
color: #fff;
position: sticky;
position: -webkit-sticky;
top: 0px;
z-index: 4;
}
table.sortTable td,
table.sortTableClone td {
vertical-align: middle;
}
table.sortTable thead:first-child tr th,
table.sortTable thead:first-child tr td,
table.sortTableClone thead:first-child tr th,
table.sortTableClone thead:first-child tr td {
border-top: 0;
}
table.sortTable tbody+tbody,
table.sortTableClone tbody+tbody {
border-top: 1px solid #ddd;
}
table.sortTable th+th,
table.sortTable td+td,
table.sortTable th+td,
table.sortTable td+th,
table.sortTableClone th+th,
table.sortTableClone td+td,
table.sortTableClone th+td,
table.sortTableClone td+th {
border-left: 1px solid #ddd;
}
table.sortTable thead:first-child tr:first-child th,
table.sortTable tbody:first-child tr:first-child th,
table.sortTable tbody:first-child tr:first-child td,
table.sortTableClone thead:first-child tr:first-child th,
table.sortTableClone tbody:first-child tr:first-child th,
table.sortTableClone tbody:first-child tr:first-child td {
border-top: 0;
}
table.sortTable tbody {
position: relative;
}
table.sortTable td.postionStickyCell,
table.sortTable th.postionStickyCell {
position: sticky;
position: -webkit-sticky;
left: 0;
z-index: 1;
}
table.sortTable th.postionStickyCell {
z-index: 3;
}
/*-----------------------------------
Markup free clearing
Details: http: //perishablepress.com/press/2009/12/06/new-clearfix-hack
-------------------------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html .clearfix {
height: 1%;
}
/* IE6 */
*:first-child+html .clearfix {
min-height: 1%;
}
/* IE7 */
/* Syntax highlighting */
.c {
color: #998;
font-style: italic;
}
/* Comment */
.err {
color: #a61717;
background-color: #e3d2d2;
}
/* Error */
.k {
font-weight: bold;
}
/* Keyword */
.o {
font-weight: bold;
}
/* Operator */
.cm {
color: #998;
font-style: italic;
}
/* Comment.Multiline */
.cp {
color: #999;
font-weight: bold;
}
/* Comment.Preproc */
.c1 {
color: #998;
font-style: italic;
}
/* Comment.Single */
.cs {
color: #999;
font-weight: bold;
font-style: italic;
}
/* Comment.Special */
.gd {
color: #000;
background-color: #fdd;
}
/* Generic.Deleted */
.gd .x {
color: #000;
background-color: #faa;
}
/* Generic.Deleted.Specific */
.ge {
font-style: italic;
}
/* Generic.Emph */
.gr {
color: #a00;
}
/* Generic.Error */
.gh {
color: #999;
}
/* Generic.Heading */
.gi {
color: #000;
background-color: #dfd;
}
/* Generic.Inserted */
.gi .x {
color: #000;
background-color: #afa;
}
/* Generic.Inserted.Specific */
.go {
color: #888;
}
/* Generic.Output */
.gp {
color: #555;
}
/* Generic.Prompt */
.gs {
font-weight: bold;
}
/* Generic.Strong */
.gu {
color: #aaa;
}
/* Generic.Subheading */
.gt {
color: #a00;
}
/* Generic.Traceback */
.kc {
font-weight: bold;
}
/* Keyword.Constant */
.kd {
font-weight: bold;
}
/* Keyword.Declaration */
.kp {
font-weight: bold;
}
/* Keyword.Pseudo */
.kr {
font-weight: bold;
}
/* Keyword.Reserved */
.kt {
color: #458;
font-weight: bold;
}
/* Keyword.Type */
.m {
color: #099;
}
/* Literal.Number */
.s {
color: #d14;
}
/* Literal.String */
.na {
color: #008080;
}
/* Name.Attribute */
.nb {
color: #0086b3;
}
/* Name.Builtin */
.nc {
color: #458;
font-weight: bold;
}
/* Name.Class */
.no {
color: #008080;
}
/* Name.Constant */
.ni {
color: #800080;
}
/* Name.Entity */
.ne {
color: #900;
font-weight: bold;
}
/* Name.Exception */
.nf {
color: #900;
font-weight: bold;
}
/* Name.Function */
.nn {
color: #555;
}
/* Name.Namespace */
.nt {
color: #000080;
}
/* Name.Tag */
.nv {
color: #008080;
}
/* Name.Variable */
.ow {
font-weight: bold;
}
/* Operator.Word */
.w {
color: #bbb;
}
/* Text.Whitespace */
.mf {
color: #099;
}
/* Literal.Number.Float */
.mh {
color: #099;
}
/* Literal.Number.Hex */
.mi {
color: #099;
}
/* Literal.Number.Integer */
.mo {
color: #099;
}
/* Literal.Number.Oct */
.sb {
color: #d14;
}
/* Literal.String.Backtick */
.sc {
color: #d14;
}
/* Literal.String.Char */
.sd {
color: #d14;
}
/* Literal.String.Doc */
.s2 {
color: #d14;
}
/* Literal.String.Double */
.se {
color: #d14;
}
/* Literal.String.Escape */
.sh {
color: #d14;
}
/* Literal.String.Heredoc */
.si {
color: #d14;
}
/* Literal.String.Interpol */
.sx {
color: #d14;
}
/* Literal.String.Other */
.sr {
color: #009926;
}
/* Literal.String.Regex */
.s1 {
color: #d14;
}
/* Literal.String.Single */
.ss {
color: #990073;
}
/* Literal.String.Symbol */
.bp {
color: #999;
}
/* Name.Builtin.Pseudo */
.vc {
color: #008080;
}
/* Name.Variable.Class */
.vg {
color: #008080;
}
/* Name.Variable.Global */
.vi {
color: #008080;
}
/* Name.Variable.Instance */
.il {
color: #099;
}
/* Literal.Number.Integer.Long */
.module-delete-container {
display: inline-block;
position: relative;
padding: 10px;
border: 1px solid #888;
border-radius: 4px;
max-height: 90vh;
overflow: auto;
background-color: #fefefe;
box-shadow: 4px 4px 10px 0px black;
}
.module-delete-button>button {
text-align: center;
padding: 0;
margin: 0;
background-color: #ebebeb;
border: solid 0.0714rem #c0c0c0;
border-radius: 0.2em;
font-size: 1em;
overflow: hidden;
line-height: 2em;
box-sizing: content-box;
height: 2em;
white-space: nowrap;
width: 90px;
}
.module-delete-button>button:hover {
background-color: rgb(213, 213, 213);
cursor: pointer;
}
.module-delete-button>button:not(:first-child) {
margin-left: 30px;
}
.module-delete-header {
/*display: -webkit-box;*/
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
align-items: stretch;
font-weight: bold;
}
.module-delete-header-title {
font-size: 1.14285714286em;
padding-top: 0.5em;
padding-bottom: 0.5em;
flex-grow: 2;
display: flex;
/*display: -webkit-box;*/
display: -ms-flexbox;
overflow: hidden;
position: relative;
min-width: 20em;
}
.module-delete-header-close-container {
font-size: 1em;
display: flex;
/*display: -webkit-box;*/
display: -ms-flexbox;
flex-shrink: 0;
margin: auto;
}
.module-delete-button {
text-align: center;
margin-bottom: 20px;
}
.module-delete-content {
margin-top: 24px;
margin-bottom: 20px;
}
.module-delete-header-close.material-icons {
font-weight: bold;
}
.module-delete-header-close.material-icons:hover {
color: red;
cursor: pointer;
}
/*
.pagination {
display: flex;
justify-content: center;
position: absolute;
transform: translateX(-50%) translateY(10px);
left: 50%;
} */
.container-sortTable {
overflow: auto;
height: 100%;
display: inline-block;
}
.pagination {
display: flex;
/*display: -webkit-box;*/
display: -ms-flexbox;
justify-content: center;
padding-top: 5px;
padding-bottom: 5px;
}
.pagination-container {
padding: 5px 0;
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.1);
background-color: #fff;
display: inline-flex;
position: relative;
overflow: hidden;
}
.pagination-hover-overlay {
background-color: #00c1dd;
width: 40px;
height: 40px;
border-radius: 5px;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition-duration: 0.5s;
left: 60px;
opacity: 0;
}
.pagination .icon-pagination {
color: rgba(51, 61, 69, 0.5);
font-size: 11px;
width: 40px;
height: 40px;
display: flex;
/*display: -webkit-box;*/
display: -ms-flexbox;
align-items: center;
justify-content: center;
position: relative;
z-index: 3;
background-color: #fff;
}
.pagination-prev {
margin-right: 5px;
margin-left: 10px;
cursor: pointer;
}
.pagination-prev .icon-pagination-prev {
transform: rotate(0deg);
}
.pagination-prev .icon-pagination-prev>i,
.pagination-next .icon-pagination-next>i {
font-size: 2em;
}
.pagination-next {
margin-left: 10px;
margin-right: 5px;
cursor: pointer;
}
.pagination-next .icon-pagination-next {
transform: rotate(180deg);
}
.pagination-page-number {
display: none;
border-radius: 5px;
padding: 5px;
color: #333d45;
min-width: 30px;
align-items: center;
justify-content: center;
transition-duration: 0.5s;
position: relative;
z-index: 2;
font-weight: 700;
font-size: 18px;
cursor: pointer;
-moz-box-sizing: unset;
box-sizing: unset;
-webkit-box-sizing: unset;
}
.pagination-wrapper .pagination-page-number.active {
display: flex;
/*display: -webkit-box;*/
display: -ms-flexbox;
}
.pagination-page-number:hover {
color: #fff;
}
.pagination-page-number.active {
color: #fff;
}
.pagination-wrapper {
display: flex;
/*display: -webkit-box;*/
display: -ms-flexbox;
}
/*
.pagination-align{
position: absolute;
transform: translateX(-50%);
left: 50%;
width: 100%;
height: 72px;
background-color: white;
} */
.button-hidden-swipe {
/* position: absolute;
right: 0;
z-index: -1;*/
height: 100%;
display: inline-block;
overflow: hidden;
transition: width 0.2s ease-out;
transition: width 0.2s ease-in;
}
.button-hidden-swipe-container-left {
position: absolute;
left: 0;
z-index: -1;
top: 0;
height: 100%;
}
.button-hidden-swipe-container-right {
position: absolute;
right: 0;
z-index: -1;
top: 0;
height: 100%;
}
.button-hidden-swipe-icon {
max-width: 100%;
}
.button-hidden-swipe-text {}
.button-hidden-swipe-detail-content {
max-width: 100%;
display: inline-block;
position: absolute;
overflow: hidden;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-weight: bolder;
text-align: center;
}
.button-hidden-swipe-detail {
position: relative;
text-align: center;
display: table;
padding-left: 10px;
padding-right: 10px;
-moz-box-sizing: unset;
box-sizing: unset;
-webkit-box-sizing: unset;
}
.button-hidden-swipe-detail>i {
display: table-row;
font-size: 24px;
line-height: 25px;
}
.button-hidden-swipe-detail>span {
display: table-row;
white-space: nowrap;
}
.button-hidden-swipe-calcWidth {
display: inline;
}
.button-hidden-swipe-activeAll {
position: absolute;
right: 0;
max-width: unset !important;
}
.button-hidden-swipe-activeAll-width {
width: 100% !important;
}
.tableview-choice-container-content {
display: grid;
grid-template-columns: auto auto auto auto;
align-items: center;
background-color: white;
width: 50vw;
height: 50vh;
position: relative;
}
.tableview-choice-container-content .absol-checkbox {
text-align: center;
}
.tableview-choice-container-button {
position: absolute;
top: 10px;
right: 10px;
}
.tableview-choice-container-tab {
border-bottom: solid 0.0714rem #ccc;
background: #f3f3f3;
display: -ms-flexbox;
display: flex;
}
.tableview-choice-container-tab-label {
padding: 0.7143em;
width: 100%;
}
.tableview-choice-container-tab-button {
display: inline-block;
width: 6em;
margin: 5px;
}
.searchheader-input {
flex-grow: 2;
display: flex;
align-items: center;
border: none;
position: absolute;
width: calc(100% - 4px);
}
.searchheader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
align-items: stretch;
position: relative;
height: 18px;
margin-top: 5px;
}
/*** module: node_modules/pizo/css/tablesort.css ***/
.arrow_up {
position: absolute;
transform: scale(1.06);
display: block;
top: 2px;
}
.arrow_down {
position: absolute;
transform: scale(1.06);
top: calc(50% + 1px);
}
.sort-container {
display: none;
}
.has-sort .sort-container {
display: flex;
position: relative;
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 20px;
min-height: 20px;
}
.downgrade .sort-container .arrow_up>path {
fill: #fff !important;
}
.upgrade .sort-container .arrow_down>path {
fill: #fff !important;
}
.has-sort {
position: relative;
}
.margin-div-cell {
width: 1.71428571429em;
display: inline-block;
}
.more-icon-container {
font-size: 16px;
position: absolute;
vertical-align: middle;
cursor: pointer;
display: inline-block;
top: 50%;
width: 20px;
height: 30px;
transform: translateX(-100%) translateX(-0.71428571428rem) translateY(-50%);
}
.more-button {
position: absolute;
top: 50%;
transform: translateY(-50%) translateY(-2px);
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
font-size: 20px;
}
table.sortTable tr.more-child>td>div>i.more-button,
table.sortTableClone tr.more-child>td>div>i.more-button {
transform: translateY(-50%) translateY(-2px) rotateZ(90deg);
}
.container-view {
display: inline-block;
}
table.sortTable td.margin-left-has-icon {
padding-left: 2.5em;
}
table.sortTable.padding-High-table tbody td:first-child {
padding-left: 2.85714285714em;
}
.drag-icon-button {
cursor: context-menu;
}
table.sortTable>tbody>tr.parent {
opacity: 1;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-o-user-select: none;
position: relative;
/* transform: scale(1); */
/* transform: none; */
/* transition: all 0.5s cubic-bezier(.36,-0.64,.34,1.76); */
}
table.sortTable>tbody>tr {
opacity: 0;
/* transform: rotateX(-90deg); */
/* transition: all 0.5s cubic-bezier(.36,-0.64,.34,1.76); */
}
table.sortTable>tbody>tr.hideTranslate.parent {
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
transform: translateX(100%);
}
.disPlayNone {
display: none !important;
}
.absol-frame-view-frame-container:not(.absol-active) {
visibility: unset;
}
/* table.sortTable tr:nth-child(even) {
background-color: #f5f5f5;
} */
table.sortTable .slip-reordering {
z-index: 9999 !important;
}
.container-header {
/*display: -webkit-box;*/
display: -ms-flexbox;
display: flex;
width: 100%;
align-items: stretch;
}
.container-header>span {
flex-grow: 2;
display: flex;
align-items: center;
}
table.sortTable .parent:nth-child(odd) td {
background-color: #f5f5f5;
}
table.sortTable .parent:nth-child(even) td {
background-color: #fff;
}
table.sortTable tr.parent:hover td {
background-color: rgb(191 191 191);
}
/*** module: node_modules/pizo/css/FormatFunction.css ***/
.lds-roller {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(2);
}
.lds-roller div {
animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
transform-origin: 40px 40px;
}
.lds-roller div:after {
content: " ";
display: block;
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
background: #fff;
margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
top: 63px;
left: 63px;
}
.lds-roller div:nth-child(2) {
animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
top: 68px;
left: 56px;
}
.lds-roller div:nth-child(3) {
animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
top: 71px;
left: 48px;
}
.lds-roller div:nth-child(4) {
animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
top: 72px;
left: 40px;
}
.lds-roller div:nth-child(5) {
animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
top: 71px;
left: 32px;
}
.lds-roller div:nth-child(6) {
animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
top: 68px;
left: 24px;
}
.lds-roller div:nth-child(7) {
animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
top: 63px;
left: 17px;
}
.lds-roller div:nth-child(8) {
animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
top: 56px;
left: 12px;
}
@keyframes lds-roller {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.container-wheel{
width: 100vw;
height: 100vh;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.502);
}
/*** module: node_modules/pizo/css/EditHelpContainer.css ***/
.b-article__wrapper.os-host.os-theme-dark.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden.os-host-overflow.os-host-overflow-y.os-host-transition .cke_inner.cke_reset {
/*display: -webkit-box;*/
display: -ms-flexbox;
display: flex;
height: 100% !important;
align-items: stretch;
-webkit-flex-direction: column;
/* Safari */
flex-direction: column;
}
.b-article__wrapper.os-host.os-theme-dark.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden.os-host-overflow.os-host-overflow-y.os-host-transition .cke_top.cke_reset_all {
display: flex;
flex-shrink: 0;
}
.b-article__wrapper.os-host.os-theme-dark.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden.os-host-overflow.os-host-overflow-y.os-host-transition .cke_contents.cke_reset {
flex-grow: 2;
display: flex;
height: unset !important;
}
.b-article__wrapper.os-host.os-theme-dark.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden.os-host-overflow.os-host-overflow-y.os-host-transition .cke_bottom.cke_reset_all {
flex-shrink: 0;
}
.material-icons-add::before {
content: "add";
}
.material-icons-edit::before {
content: "edit";
}
.material-icons-delete::before {
content: "delete";
}
.b-workZone__content.m-workZone__content__nav .header-display-visible .sortTable>thead {
display: table-header-group;
}
.title-label {}
.alias-label {
color: #3071a9;
font-size: 0.8em;
}
.b-workZone__content.m-workZone__content__nav .sortTable>tbody>tr:hover {
background-color: #00000080;
}
.b-workZone__content.m-workZone__content__nav .header-display-visible .sortTable>tbody>tr.choice-event-category {
background-color: #000000;
}
.b-workZone__layout .sortTable>tbody>tr.choice-list-category {
background-color: #000000;
}
.list-linkChoice-container {
width: 80vw;
height: 80vh;
min-width: 800px;
min-height: 600px;
background-color: #263238;
top: unset;
left: unset;
bottom: unset;
right: unset;
position: unset;
display: flex;
flex-direction: column;
}
.list-linkChoice-container table.sortTable .parent td {
background-color: unset;
}
.btn.hasTooltip {
position: absolute;
transform: translate(-100%);
}
.input-search-list {
padding: 5px;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
flex-grow: 2;
display: flex;
}
.btn-wrapper.input-append {
margin: 10px;
position: relative;
/*display: -webkit-box;*/
display: -ms-flexbox;
display: flex;
align-items: stretch;
flex-grow: 2;
}
#matd .sortTable>thead>tr>th {
min-width: unset !important;
}
.pizo-new-category-container-alias-active {
/*display: -webkit-box;*/
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
align-items: stretch;
}
.pizo-new-category-container-alias {
flex-grow: 2;
display: flex;
}
.pizo-new-state-publish {
display: flex;
flex-shrink: 0;
margin: auto;
padding-left: 30px;
padding-right: 10px;
}
.pizo-new-category-container-publish-container-label {
margin-right: 10px;
vertical-align: bottom;
}
div.tick-element:before {
content: "check";
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 1.2857em;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
div.cross-element:before {
content: "close";
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 1.2857em;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.b-workZone__layout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
align-items: stretch;
}
.b-workZone__content.m-workZone__content__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
font-family: Arial, Helvetica, sans-serif;
}
.pizo-list-realty-button-element {
text-align: center;
padding: 0;
margin: 0;
background-color: #ebebeb;
border: solid 0.0714rem #c0c0c0;
border-radius: 0.2em;
font-size: 1em;
overflow: hidden;
line-height: 2em;
box-sizing: content-box;
height: 2em;
white-space: nowrap;
}
.pizo-list-realty-button .pizo-list-realty-button-element:not(:first-child) {
margin-left: 0.3571em;
}
.pizo-list-realty-button-element>span {
display: inline-block;
vertical-align: middle;
height: 2em;
box-sizing: border-box;
line-height: 2em;
text-align: center;
font-size: 1em;
text-align: center;
margin-left: 0.7em;
margin-right: 0.7em;
line-height: inherit;
}
.b-workZone__side.m-workZone__side__nav table.sortTable>tbody>tr>td:first-child,
table.sortTableClone>tbody>tr>td:first-child {
border-left: unset;
}
.b-workZone__side.m-workZone__side__nav table.sortTable th,
.b-workZone__side.m-workZone__side__nav table.sortTable td,
.b-workZone__side.m-workZone__side__nav table.sortTableClone th,
.b-workZone__side.m-workZone__side__nav table.sortTableClone td {
border-bottom: unset;
}
.b-workZone__side.m-workZone__side__nav table.sortTable th,
table.sortTableClone th {
background-color: #36304a;
vertical-align: middle;
color: #fff;
position: sticky;
position: -webkit-sticky;
top: 0px;
z-index: 4;
}
.pizo-new-category-container-alias.hasErrorElement {
background-color: #000000;
}
.pizo-new-realty-location-detail-row-label-important {
color: #d93025;
}
.cke_button_label.cke_button__linkdb_label {
display: block;
}
.cke_button_label.cke_button__note_label {
display: block;
}
.setting-page-container {
z-index: 10;
position: absolute;
width: 100%;
height: calc(100% - 2px);
background-color: white;
display: flex;
flex-direction: column;
}
.setting-page-container-title {
display: flex;
flex-shrink: 0;
justify-content: flex-end;
padding: 10px;
}
.setting-page-container-title-label {
display: flex;
flex-shrink: 0;
font-size: 20px;
align-items: center;
padding: 10px;
color: #eeeeee;
background-color: #263238;
width: 100px;
}
.setting-page-container-title-input {
padding: 5px;
margin: 10p;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
}
.setting-page-container-header,
.setting-page-container-footer {
width: 100%;
height: 50%;
display: flex;
flex-grow: 2;
background-color: #263238;
flex-direction: column;
}
.setting-page-container-header-label,
.setting-page-container-footer-label {
display: flex;
flex-shrink: 0;
font-size: 20px;
align-items: center;
padding: 10px;
color: #eeeeee;
}
.setting-page-container-header-editor,
.setting-page-container-footer-editor {
flex-grow: 2;
display: flex;
}
.setting-page-container-header-editor>div,
.setting-page-container-footer-editor>div {
width: 100%;
height: 100%;
}
.setting-page-container .cke_inner.cke_reset {
/*display: -webkit-box;*/
display: -ms-flexbox;
display: flex;
height: 100% !important;
align-items: stretch;
-webkit-flex-direction: column;
/* Safari */
flex-direction: column;
}
.setting-page-container .cke_top.cke_reset_all {
display: flex;
flex-shrink: 0;
}
.setting-page-container .cke_contents.cke_reset {
flex-grow: 2;
display: flex;
height: unset !important;
}
.setting-page-container .cke_bottom.cke_reset_all {
flex-shrink: 0;
}
.b-article .b-article__headerLayout-edit {
color: #eeeeee;
}
.os-host-bottom {
position: relative;
overflow: visible!important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
flex-shrink: 0;
display: flex;
}
.b-article__wrapper.os-host-bottom.os-theme-dark.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden.os-host-overflow.os-host-overflow-y.os-host-transition .cke.cke_reset.cke_chrome.cke_ltr.cke_browser_webkit {
height: calc(100% - 2px);
width: calc(100% - 2px);
}
.b-article__wrapper.os-host-bottom.os-theme-dark.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden.os-host-overflow.os-host-overflow-y.os-host-transition .cke_inner.cke_reset {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100% !important;
align-items: stretch;
-webkit-flex-direction: column;
flex-direction: column;
}
/*** module: node_modules/pizo/css/NewCategory.css ***/
.pizo-new-category-container-name-container-input,
.pizo-new-category-container-alias-container-input,
.pizo-new-category-container-code-container-input,
.pizo-new-category-container-note-container-input,
.pizo-new-category-container-username-container-input,
.pizo-new-state-selectbox-container-input {
border: solid 0.0714rem var(--color-input-color);
font-size: 1em;
padding: 0.4286em;
flex-grow: 2;
display: flex;
justify-content: center;
overflow: hidden;
position: relative;
color: black;
background-color: white;
}
.pizo-new-category-container-name-container-label,
.pizo-new-category-container-alias-container-label,
.pizo-new-category-container-code-container-label,
.pizo-new-category-container-username-container-label,
.pizo-new-category-container-note-container-label,
.pizo-new-state-selectbox-container-label {
font-size: 1em;
display: flex;
align-items: center;
flex-shrink: 0;
width: 8em;
padding-right: 0.7143em;
}
.pizo-new-category-container-name-container,
.pizo-new-category-container-alias-container,
.pizo-new-category-container-code-container,
.pizo-new-category-container-username-container,
.pizo-new-category-container-note-container,
.pizo-new-state-selectbox-container {
display: flex;
/*display: -webkit-box;*/
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
align-items: stretch;
}
.pizo-new-category-container-name,
.pizo-new-category-container-alias,
.pizo-new-category-container-code,
.pizo-new-category-container-username,
.pizo-new-category-container-note,
.pizo-new-state-selectbox {
padding: 5px;
padding-right: 0;
}
.pizo-new-category-container {
width: 60%;
}
.pizo-new-catergory-container>div:first-child {
padding-top: 0;
}
.pizo-new-catergory-container>div:last-child {
padding-bottom: 0;
}
.label-used-error,
.label-invalid-error {
display: none;
}
.hasErrorElement.used-error .label-used-error,
.hasErrorElement.invalid-error .label-invalid-error {
display: inline;
width: 232px;
margin-left: 10px;
margin-right: 10px;
margin-top: auto;
margin-bottom: auto;
}
/*** module: node_modules/pizo/css/HelpContainer.css ***/
.b-workZone__content.m-workZone__content__nav .absol-tabbar-button {
display: flex;
flex-shrink: 0;
justify-items: center;
align-items: center;
margin-top: 10px;
margin-left: 10px;
padding-left: 1em;
padding-right: 1em;
background-color: rgb(45, 45, 45);
color: rgb(200, 200, 200);
margin-right: 1px;
border: none;
outline: none;
font-size: 1em;
border-bottom: 2px #546e7a solid;
}
.b-workZone__content.m-workZone__content__nav .absol-tabbar-button::before {}
.b-workZone__content.m-workZone__content__nav .absol-tabbar-button#tabbuton-matd::before {
content: "list";
}
.b-workZone__content.m-workZone__content__nav .absol-tabbar-button#tabbuton-matd2::before {
content: "gavel";
}
.b-workZone__content.m-workZone__content__nav .absol-tabbar-button#tabbuton-matd3::before {
content: "search";
}
.b-tabs__selectorItems {
white-space: nowrap;
position: relative;
width: 100%;
margin-top: 0;
box-sizing: content-box;
}
.b-workZone__content.m-workZone__content__nav .absol-tabview .absol-tabbar-button {
height: 100%;
}
.b-workZone__content.m-workZone__content__nav .absol-tabview .absol-tabbar {
border-bottom: none;
height: 40px;
}
.b-workZone__content.m-workZone__content__nav .absol-tabbar-button .absol-tabbar-button-icon-container {
display: none;
}
.b-workZone__side.m-workZone__side__nav {
background-color: #263238;
height: 100%;
position: relative;
vertical-align: top;
display: flex;
flex-shrink: 0;
}
table.b-workZone__layout {
border-spacing: 0;
width: 100%;
height: 100%;
position: relative;
}
.b-workZone__content.m-workZone__content__nav .absol-tabview .absol-tabbar-button.absol-tabbar-button-active {
border-bottom: 2px #546e7a solid;
}
.m-workZone__side__nav {
width: 30%;
padding-right: 1px;
}
.b-workZone__side {
padding-left: 1px;
padding-right: 1px;
margin: 0;
}
.b-workZone__layout .absol-tabview {
position: static;
}
.b-workZone__layout .absol-tabview-container {
height: calc(100% - 40px);
top: 40px;
left: unset;
right: unset;
bottom: unset;
overflow: unset;
}
.b-workZone__layout .header-display-visible table.sortTable .parent td {
background-color: unset;
}
.b-workZone__layout .sortTable {
width: 100%;
border-radius: 0;
background-color: unset;
color: #eeeeee;
}
.b-workZone__layout .sortTable td {
border-top: 1px solid #000000;
padding: 7px;
}
.b-workZone__content.m-workZone__content__nav .sortTableClone {
width: 100%;
border-radius: 0;
background-color: unset;
color: #eeeeee;
}
.b-workZone__content.m-workZone__content__nav .sortTableClone>thead {
display: none;
}
.b-workZone__layout .sortTableClone td {
border-top: 1px solid #000000;
padding: 7px;
}
.b-workZone__side.m-workZone__side__article {
background-color: #263238;
width: unset;
height: 100%;
flex-grow: 2;
display: flex;
}
.b-workZone__content#workZone_article__content {
height: 100%;
width: 100%;
}
.b-pageContent__side #internal_wrapper * {
box-sizing: content-box;
}
.b-breadCrumbs__items {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.b-breadCrumbs__item {
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 0;
font-size: 1em;
}
.b-article__headerSide.m-article__headerSide__nav {
font-size: 1em;
padding: 5px 10px;
padding-bottom: 20px;
padding-top: 0;
flex-grow: 2;
display: flex;
/*display: -webkit-box;*/
display: -ms-flexbox;
overflow: hidden;
position: relative;
}
.b-article__headerSide.m-article__headerSide__buttons {
font-size: 1em;
padding: 8px 26px;
display: flex;
/*display: -webkit-box;*/
display: -ms-flexbox;
flex-shrink: 0;
width: fit-content;
}
.b-article__headerLayout {
/*display: -webkit-box;*/
display: -ms-flexbox;
display: flex;
width: 100%;
align-items: stretch;
background-color: #263238;
}
.b-controlButtons__item {
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 0 8px 0 0;
position: relative;
font-size: 1em;
white-space: pre;
cursor: pointer;
}
.b-controlButtons__item:hover {
background-color: #b0bec5;
color: #ffffff;
}
li.b-controlButtons__item {
overflow: hidden;
}
.m-controlButtons__item__print {
margin: 0;
}
.b-controlButtons__items {
margin: 0;
list-style-type: none;
padding: 0;
}
.b-article {
/*display: -webkit-box;*/
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
padding: 0;
position: relative;
flex-direction: column;
overflow: auto;
font-family: Arial;
}
.b-article__headerLayout-edit#article__header {
display: flex;
/*display: -webkit-box;*/
display: -ms-flexbox;
flex-shrink: 0;
}
.b-controlButtons__item>span {
vertical-align: initial;
padding: 5px;
}
.b-controlButtons__item>i {
vertical-align: middle;
font-size: 22px;
cursor: pointer;
}
.cke_screen_reader_only {
top: 0;
}
.os-host,
.os-host-textarea {
position: relative;
overflow: visible!important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
flex-grow: 2;
display: flex;
/*display: -webkit-box;*/
display: -ms-flexbox;
min-height: 600px;
}
.b-article__wrapper.os-host.os-theme-dark.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden.os-host-overflow.os-host-overflow-y.os-host-transition .cke.cke_reset.cke_chrome.cke_ltr.cke_browser_webkit {
height: calc(100% - 2px);
width: calc(100% - 2px);
}
.header-display-visible {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
}
.js-stools-container-bar {
display: flex;
flex-shrink: 0;
position: sticky;
}
.header-display-visible .container-sortTable {
flex-grow: 2;
display: flex;
margin: 10px;
width: calc(100% - 20px);
height: calc(100% - 20px);
}
.absol-tab-frame-small {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
}
.container-content-information {
flex-grow: 2;
display: flex;
font-family: sans-serif, Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 12px;
color: #333;
background-color: #fff;
margin: 1em;
overflow: auto;
}
.container-content-information h1,
.container-content-information h2,
.container-content-information h3,
.container-content-information h4,
.container-content-information h5,
.container-content-information h6 {
font-weight: normal;
line-height: 1.2;
}
.container-content-information h3 {
display: block;
font-size: 1.17em;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}
.cke_editable {
cursor: text;
}
.cke_editable {
font-size: 16px;
line-height: 1.6;
word-wrap: break-word;
}
.container-content-information ul {
list-style-type: disc;
}
.container-content-information li {
display: list-item;
text-align: -webkit-match-parent;
}
.container-content-information .cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders {
margin: 20px;
margin-top: 0px;
width: 100%;
}
@media print {
html,
body,
:root {
padding: 0;
margin: 0;
height: unset;
width: unset;
border: none;
overflow: unset;
}
}
@media print {
table {
width: 100%;
}
}
@media print {
table {
page-break-inside: auto
}
tr {
page-break-inside: avoid;
page-break-after: auto
}
}
.b-controlButtons__item.m-controlButtons__item__print>i {
vertical-align: top;
padding-top: 2px;
}
.cke_show_borders table.cke_show_border,
.cke_show_borders table.cke_show_border>tr>td,
.cke_show_borders table.cke_show_border>tr>th,
.cke_show_borders table.cke_show_border>tbody>tr>td,
.cke_show_borders table.cke_show_border>tbody>tr>th,
.cke_show_borders table.cke_show_border>thead>tr>td,
.cke_show_borders table.cke_show_border>thead>tr>th,
.cke_show_borders table.cke_show_border>tfoot>tr>td,
.cke_show_borders table.cke_show_border>tfoot>tr>th {
border: #d3d3d3 1px dotted;
}
.container-content-information tr,
.container-content-information td {
border: 1px solid black;
}
.container-content-information td {
padding: 5px;
}
.container-content-information table {
border-collapse: separate;
border-spacing: 2px;
}
.container-content-information table[align] {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
-webkit-border-horizontal-spacing: 0px;
-webkit-border-vertical-spacing: 0px;
margin-inline-start: auto;
margin-inline-end: auto;
}
.container-content-information table[style] {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
-webkit-border-horizontal-spacing: 0px;
-webkit-border-vertical-spacing: 0px;
margin-inline-start: auto;
margin-inline-end: auto;
}
.b-article .pizo-new-category-container-name {
position: sticky;
top: 0;
display: flex;
/* display: -webkit-box; */
display: -ms-flexbox;
flex-shrink: 0;
background-color: #263238;
z-index: 10;
color: #eeeeee;
padding: 5px 10px;
padding-left: 15px;
}
.b-workZone__layout_helpcontainer_view .b-article__headerLayout#article__header {
background-color: white;
margin: 10px;
margin-bottom: 0;
width: unset;
}
.b-workZone__layout_helpcontainer_view .container-content-information {
margin-right: 10px;
margin-left: 10px;
margin-top: 0;
margin-bottom: 0;
}
.b-workZone__layout_helpcontainer_view .b-breadCrumbs__item {
font-size: 18px;
font-weight: bold;
padding: 10px;
padding-bottom: 0;
}
.container-content-information-bottom {
flex-shrink: 0;
display: flex;
background-color: white;
margin: 10px;
margin-top: 0;
padding-bottom: 10px;
padding-top: 10px;
}
.b-controlButtons__item.m-controlButtons__item__next {
position: absolute;
right: 10px;
}
.b-controlButtons__item.m-controlButtons__item__prev {
margin-left: 10px;
}
.b-workZone__layout_helpcontainer_view a {
color: #17a2b8;
}
.b-workZone__layout_helpcontainer_view .b-breadCrumbs__items {
display: flex;
}
.b-workZone__layout_helpcontainer_view .b-article__headerSide.m-article__headerSide__nav {
flex-direction: column;
}
.b-breadCrumbs__location {
display: flex;
margin: 10px;
}
.b-breadCrumbs__location_title {
white-space: nowrap;
margin-left: 50px;
}
.b-breadCrumbs__location_content {
margin-left: 10px;
}
/*** module: node_modules/pizo/css/CardDone.css ***/
.bsc-white .sortTable thead th,
.bsc-white .sortTableClone thead th {
text-align: center;
background-color: #d6d6d6;
color: black;
border: unset;
font-size: var(--font-size-table-header);
font-weight: var(--font-weight-table-header);
padding: 10px;
}
.bsc-white table.sortTable th,
.bsc-white table.sortTable td,
.bsc-white table.sortTableClone th,
.bsc-white table.sortTableClone td {
border-bottom: 1px solid #ddd;
}
.bsc-white table.sortTable,
.bsc-white table.sortTableClone {
border-top: 0;
border-right: 1px solid #ddd;
}
.bsc-white table.sortTable>tbody>tr>td:first-child,
.bsc-white table.sortTableClone>tbody>tr>td:first-child {
border-left: 1px solid #ddd;
}
/*** module: node_modules/pizo/css/form_create_edit.css ***/
/*////////////////////////////////////////////////////////////*/
.freebirdMaterialHeaderbannerLabelTextContainer {
color: #fff;
min-width: 0%;
}
.icon-ceneter {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.PageView {
width: 100%;
margin: auto;
}
.freebirdFormeditorViewHeaderInlineDocTitle .quantumWizTextinputPaperinputPlaceholder {
color: rgba(255, 255, 255, 0.38);
font: 500 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
top: 6px;
}
.freebirdFormeditorViewHeaderTopRow .quantumWizTextinputPaperinputInput {
color: #333;
font: 500 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
height: 30px;
}
.freebirdFormeditorViewHeaderTopRow .quantumWizTextinputPaperinputPlaceholder {
color: rgba(0, 0, 0, 0.38);
}
.freebirdFormeditorViewHeaderTopRow .quantumWizTextinputPaperinputMainContent {
height: unset;
top: -5px;
}
.freebirdFormeditorViewHeaderTopRow .quantumWizTextinputPaperinputEl {
padding-bottom: unset;
}
.freebirdHeaderMastWithOverlay .quantumWizTextinputPaperinputUnderline {
background-color: rgba(0, 0, 0, 0);
}
.freebirdFormeditorViewHeaderInlineDocTitle .quantumWizTextinputPaperinputEl {
width: 100%;
}
.freebirdFormeditorViewHeaderHeaderMast {
z-index: 1001;
width: 100%;
}
.freebirdFormeditorViewHeaderTopRow {
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
}
.freebirdFormeditorViewHeaderLeft {
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
}
.freebirdFormeditorViewTabTabWrapper {
bottom: 0;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
box-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
left: 0;
position: absolute;
right: 0;
}
.freebirdFormeditorViewTabMargin {
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
height: 0;
box-pack: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 0;
}
.freebirdSolidBackground {
background-color: rgb(103, 58, 183);
color: rgba(255, 255, 255, 1);
}
.freebirdFormeditorViewTabTabContainer {
margin: auto;
position: relative;
max-width: 90vw;
min-width: 770px;
width: calc(60% + 2px);
}
.freebirdFormeditorViewTabTabs {
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
}
.freebirdFormeditorViewTabLightTabList {
background-color: #fff;
border: solid 1px rgb(30, 30, 32);
}
/* .absol-static-tabbar .absol-static-tabbar-button {
height: 48px;
width: 150px;
} */
.freebirdFormeditorViewTabInlineTabContent {
margin-left: 20px;
}
.freebirdFormeditorViewEditingsurfaceEl {
width: 100%;
}
.freebirdFormeditorViewEditingsurfaceCentered {
margin: auto;
padding-bottom: 10px;
max-width: 90vw;
min-width: 770px;
width: 60%;
}
.freebirdFormeditorViewEditingsurfacePanel {
display: none;
}
.freebirdFormeditorViewEditingsurfaceisSelected {
display: block;
}
.freebirdFormeditorViewFatDesktop {
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
height: 0;
box-pack: end;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
position: relative;
width: 100%;
}
.freebirdFormeditorViewFatDesktop .freebirdFormeditorViewFatPositioner {
top: 44px;
right: -69px;
position: absolute;
-webkit-transition: all .3s cubic-bezier(0.4, 0.0, 0.2, 1);
transition: all .3s cubic-bezier(0.4, 0.0, 0.2, 1);
}
.freebirdFormeditorViewFatPositioner {
width: 52px;
}
.freebirdFormeditorViewFatDesktop .freebirdFormeditorViewFatMenuItem:first-child {
margin-top: 8px;
}
.freebirdFormeditorViewFatDesktop .freebirdFormeditorViewFatMenuItem {
height: 36px;
padding: 2px;
}
.freebirdFormeditorViewFatMenuItem {
opacity: .54;
}
.freebirdFormeditorViewFatCard {
background-color: #fff;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
-webkit-border-radius: 2px;
border-radius: 2px;
}
.freebirdFormeditorViewTabPointsBadge {
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
height: 100%;
box-pack: end;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.freebirdFormeditorViewTabPointLabel {
color: #757575;
font: 500 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
}
.freebirdFormeditorViewTabTitleLabel {
font: 500 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
margin-right: 10px;
margin-top: auto;
margin-bottom: auto;
}
.freebirdFormeditorViewTabTitleLabel:not(:first-child) {
margin-left: 20px;
}
.freebirdFormeditorViewTabPointValue {
-webkit-border-radius: 3px;
border-radius: 3px;
font-weight: 700;
padding: 3px 6px;
}
.freebirdThemedText {
color: rgb(103, 58, 183);
}
.freebirdFormeditorViewTabMobilePointLabel {
display: none;
}
.quantumWizTabsPapertabsTabList {
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
position: relative;
width: 100%;
}
.freebirdFormeditorViewTabSchemaEditorTab.exportTab,
.freebirdFormeditorViewTabProcessEditorTab.exportTab,
.freebirdFormeditorViewTabSurveyResultsViewTab.exportTab,
.freebirdFormeditorViewTabResponsesViewTab.exportTab {
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
-webkit-box-flex: 0;
box-flex: 0;
-webkit-flex-grow: 0;
flex-grow: 0;
}
.quantumWizTabsPapertabsTab {
-webkit-user-select: none;
-webkit-transition: color .1s;
transition: color .1s;
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
border: 0;
color: rgba(0, 0, 0, 0.54);
cursor: pointer;
font-size: 14px;
font-weight: 500;
line-height: 48px;
min-width: 4em;
outline: none;
overflow: hidden;
position: relative;
text-align: center;
text-transform: uppercase;
-webkit-tap-highlight-color: transparent;
}
.quantumWizTabsPapertabsTab.isSelected {
color: #4285f4;
}
.quantumWizTabsPapertabsTabContent {
display: inline-block;
white-space: nowrap;
}
.isSelected .quantumWizTabsPapertabsTabContent {
color: rgb(103, 58, 183);
}
.quantumWizTabsPapertabsTabContent {
-webkit-align-self: center;
align-self: center;
padding: 0 24px;
}
.quantumWizTabsPapertabsTab.isStatic .quantumWizTabsPapertabsStaticTabIndicator {
display: block;
}
.freebirdThemedTab {
background-color: rgb(103, 58, 183);
}
.freebirdThemedTab .quantumWizTabsPapertabsStaticTabIndicator {
background-color: rgb(103, 58, 183);
}
.quantumWizTabsPapertabsStaticTabIndicator {
background-color: #4285f4;
bottom: 0;
display: none;
height: 2px;
position: absolute;
width: 100%;
}
.quantumWizTabsPapertabsTabIndicator {
background-color: #4285f4;
bottom: 0;
height: 2px;
position: absolute;
will-change: left, width;
left: 269px;
width: 102px;
}
.freebirdThemedTab .exportIndicator {
background-color: rgb(103, 58, 183);
}
.freebirdFormeditorViewTabTabList.exportTabList {
box-pack: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.freebirdFormeditorViewHeaderDocTitle {
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
min-width: 1em;
transition: width 0.25s;
}
.freebirdFormeditorViewHeaderDocTitle .quantumWizTextinputPaperinputContentArea {
top: 5px;
}
.freebirdHeaderMastWithOverlay .freebirdMutedText {
color: rgba(255, 255, 255, 0.7);
}
.freebirdFormeditorViewHeaderSaveIndicator {
cursor: default;
font: 400 12px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-style: italic;
margin: 0 16px;
min-width: 80px;
-webkit-user-select: none;
width: 180px;
}
.freebirdFormeditorViewHeaderBottomRow {
padding: 8px 20px 0 48px;
}
.freebirdFormeditorViewHeaderHeaderActions {
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
padding-right: 2px;
}
.freebirdFormeditorViewHeaderSendButton.freebirdFormeditorViewHeaderHeaderMenu,
.freebirdFormeditorViewHeaderHeaderActions .freebirdFormeditorViewHeaderPreviewButton,
.freebirdFormeditorViewHeaderHeaderActions .freebirdFormeditorViewHeaderSettingsButton,
.freebirdFormeditorViewHeaderHeaderActions .freebirdFormeditorViewHeaderCustomThemeButton {
display: block;
}
.freebirdFormeditorViewHeaderHeaderActions .absol-selectlist-item-text {
color: #000;
}
.freebirdFormeditorViewHeaderSendButton.freebirdFormeditorViewHeaderHeaderMenu {
background: #fff;
}
.freebirdFormeditorViewHeaderHeaderMenu {
margin: 0 10px;
}
.quantumWizButtonPaperbuttonFocusOverlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: transparent;
}
.quantumWizButtonPapericonbuttonDark {
color: rgba(255, 255, 255, 0.749);
fill: rgba(255, 255, 255, 0.749);
}
.quantumWizButtonPapericonbuttonEl {
-webkit-user-select: none;
-webkit-transition: background .3s;
transition: background .3s;
border: 0;
-webkit-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
display: inline-block;
-webkit-flex-shrink: 0;
flex-shrink: 0;
height: 48px;
outline: none;
overflow: hidden;
position: relative;
text-align: center;
-webkit-tap-highlight-color: transparent;
width: 48px;
z-index: 0;
margin-top: auto;
margin-bottom: auto;
}
.freebirdFormeditorViewPagePageCard {
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
min-width: 250px;
word-wrap: break-word;
}
.freebirdFormeditorViewPagePageHeader {
-webkit-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
background-color: #fff;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
height: 40px;
overflow-y: visible;
padding-right: 2px;
}
.freebirdMaterialHeaderbannerLabelContainer {
-webkit-box-align: stretch;
box-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
}
.freebirdMaterialHeaderbannerSectionText {
font: 400 16px/24px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
padding: 8px 8px 8px 42px;
}
.freebirdMaterialHeaderbannerSectionTriangleContainer {
-webkit-flex-shrink: 0;
flex-shrink: 0;
overflow: hidden;
position: relative;
width: 18px;
}
.freebirdMaterialHeaderbannerSectionTriangle {
height: 100%;
overflow: visible;
position: absolute;
width: 90%;
}
.freebirdSolidFill {
fill: rgb(103, 58, 183);
stroke: rgb(103, 58, 183);
}
.freebirdMaterialHeaderbannerSectionTriangle>polygon {
stroke-width: 1;
}
.freebirdFormeditorViewPageSectionTitleRow .quantumWizTextinputPapertextareaInput {
font-size: 20px;
line-height: 135%;
width: 100%;
font-weight: bold;
}
.freebirdFormeditorViewCursorColor {
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
position: relative;
}
.freebirdFormeditorViewItemInactive .freebirdFormeditorViewCursorColor {
background-color: #4d90fe;
width: 3px;
}
.freebirdFormeditorViewItemcardRoot:hover {
-webkit-box-shadow: 0px 0px 0px 1px green;
-moz-box-shadow: 0px 0px 0px 1px green;
box-shadow: 0px 0px 0px 1px green;
}
.freebirdFormviewerViewItemList {
counter-reset: number;
}
.freebirdFormeditorViewItemcardRoot {
counter-increment: number;
margin-top: 1px;
}
.freebirdFormeditorViewItemTitleRowContain::before {
content: counter(number);
font-size: 4em;
font-weight: bold;
color: #000;
opacity: 0.5;
transition: 0.25s;
position: relative;
top: 7px;
}
.freebirdFormeditorViewPagePageFields:hover {
-webkit-box-shadow: 0px 0px 0px 1px green;
-moz-box-shadow: 0px 0px 0px 1px green;
box-shadow: 0px 0px 0px 1px green;
}
.freebirdFormeditorViewItemInactive.freebirdFormeditorViewItemcardRoot {
border: unset;
}
.freebirdFormeditorViewItemInactive.freebirdFormeditorViewPagePageFields {
border: unset;
}
.point-dame .absol-icon-button-icon-container {
margin-top: 4px;
}
.OrtherInput {
width: 50%;
display: inline-block;
}
.OrtherInput .quantumWizTextinputPapertextareaInput {
color: rgba(0, 0, 0, 0.54);
}
.freebirdFormeditorViewItemInactive .freebirdFormeditorViewItemContentWrapper {
-webkit-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.3);
}
.freebirdFormeditorViewItemInactive .freebirdMaterialIcon {
visibility: visible;
}
.freebirdFormeditorViewItemInactive .freebirdFormeditorViewQuestionFooterFooterRow {
visibility: visible;
}
.freebirdFormeditorViewItemInactive .freebirdFormeditorViewItemTypechooserTypeChooser {
display: inline-block;
}
.freebirdFormeditorViewCursorColorContainer {
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
}
.freebirdFormeditorViewCursorRoot {
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
height: 100%;
left: 0;
padding-right: 13px;
position: absolute;
width: 3px;
z-index: 1;
}
.freebirdFormeditorViewPagePageFields {
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
background-color: #fff;
position: relative;
}
.freebirdFormeditorViewPageTitleAndDescription {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
outline: none;
padding-top: 16px;
padding-bottom: 24px;
width: 100%;
}
.freebirdFormeditorViewItemTitleInputWrapper {
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
width: 100%;
}
.freebirdFormeditorViewItemRoot {
background-color: #fff;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-flex-direction: column;
flex-direction: column;
outline: none;
}
.freebirdFormeditorViewItemRoot:last-child {
border-bottom: none;
}
.freebirdFormeditorViewItemContentWrapper {
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
position: relative;
-webkit-transition: box-shadow .25s cubic-bezier(0.0, 0.0, 0.2, 1);
transition: box-shadow .25s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.item-dlg-dragHandle {
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
box-pack: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 24px;
position: relative;
}
.freebirdFormeditorViewItemContent {
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
width: 100%;
}
.freebirdFormeditorViewItemTitleRow {
-webkit-box-align: end;
box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 42px;
}
.freebirdFormeditorViewItemTitleInput {
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
position: relative;
transition: 0.25s;
margin-right: 42px;
margin-left: 5px;
}
.freebirdFormeditorViewItemTitleInput .quantumWizTextinputPapertextareaInput,
.freebirdFormeditorViewItemTitleInput .quantumWizTextinputPapertextareaInput,
.freebirdFormeditorViewItemTitleSizer {
font-size: 16px;
line-height: 135%;
font-weight: bold;
}
.freebirdFormeditorViewQuestionBodyRadioBody,
.freebirdFormeditorViewQuestionBodyCheckboxBody,
.freebirdFormeditorViewQuestionBodySelectBody {
margin-right: 0;
}
.docssharedWizOmnilistItemRoot.freebirdFormeditorViewOmnilistItemRoot {
padding-right: 42px;
}
.freebirdMaterialIconIconEl {
direction: ltr;
text-align: left;
height: 24px;
overflow: hidden;
width: 24px;
display: inline-block;
position: relative;
cursor: move;
opacity: .3;
}
.freebirdMaterialIcon {
visibility: hidden;
}
.freebirdFormeditorViewOmnilistMorselAddImageButton {
height: 48px;
opacity: .54;
}
.freebirdFormeditorViewOmnilistItemRoot .docssharedWizOmnilistItemPrimaryContent {
-webkit-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.freebirdFormeditorViewOmnilistItemRoot .freebirdFormeditorViewItemDuplicateButton {
margin-top: auto;
margin-bottom: auto;
height: 30px;
width: 30px;
}
.freebirdFormeditorViewOmnilistItemRoot .freebirdFormeditorViewItemPictureButton {
margin-top: auto;
margin-bottom: auto;
height: 30px;
width: 30px;
}
.freebirdFormeditorViewItemRoot .freebirdFormeditorViewItemCheckButton {
margin-top: auto;
margin-bottom: auto;
height: 30px;
width: 30px;
}
.docssharedWizOmnilistItemPrimaryContent {
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.freebirdFormeditorViewOmnilistItemRoot .omnilist-draghandle-container {
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
height: 30px;
margin: auto;
}
.freebirdMaterialScalecontentContainerSelection {
-webkit-box-align: stretch;
box-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-flex-direction: column;
flex-direction: column;
text-align: center;
position: relative;
width: min-content;
}
.docssharedWizOmnilistItemRoot .omnilist-draghandle {
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
cursor: move;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex-shrink: 0;
flex-shrink: 0;
font-weight: bold;
opacity: .3;
width: 42px;
visibility: hidden;
}
.docssharedWizOmnilistItemRoot .quantumWizTogglePaperradioEl {
margin-top: auto;
margin-bottom: auto;
margin-left: 10px;
}
.docssharedWizOmnilistItemRoot .quantumWizTextinputPapertextareaEl {
/* margin: auto;
margin-left: .75em;
padding-top: 5px; */
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
box-pack: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin-left: 10px;
min-width: 0%;
min-height: 30px;
}
.freebirdFormeditorViewItemMinimized {
padding: 0 24px 20px 42px;
font-size: 16px;
}
.freebirdFormeditorViewItemInactive .docssharedWizOmnilistItemRoot .docssharedWizOmnilistItemPrimaryContent:hover .omnilist-draghandle {
visibility: visible;
}
.freebirdFormeditorViewQuestionBodyQuestionBody {
margin-bottom: 20px;
margin-top: 10px;
}
.freebirdFormeditorViewQuestionBodyShortTextBody,
.freebirdFormeditorViewQuestionBodyLongTextBody,
.freebirdFormeditorViewQuestionBodyTimeBody,
.freebirdFormeditorViewQuestionBodyScaleBody,
.freebirdFormeditorViewQuestionBodyDateBody,
.freebirdFormeditorViewQuestionBodyFileUploadBody,
.freebirdFormeditorViewQuestionBodyDrawingBody {
margin-left: 42px;
}
.freebirdFormeditorViewQuestionBodyLongtextbodyRoot {
width: 100%;
}
.freebirdFormeditorViewQuestionBodyLongtextbodyLongTextInput {
width: unset;
}
.freebirdFormeditorViewItemTitleRow .freebirdFormeditorViewQuestionBodyLongtextbodyLongTextInput {
width: 100%;
}
.freebirdFormeditorViewQuestionBodyShorttextbodyShortTextInput {
width: 50%;
}
.freebirdFormeditorViewItemOverflowButton,
.freebirdFormeditorViewItemDeleteButton,
.freebirdFormeditorViewItemDuplicateButton,
.freebirdFormeditorViewItemPictureButton {
-webkit-flex-shrink: 0;
flex-shrink: 0;
opacity: .54;
}
.freebirdFormeditorViewQuestionFooterFooterRow {
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
border-top: 1px solid #e0e0e0;
height: 64px;
box-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-left: 42px;
padding-right: 2px;
visibility: hidden;
}
.freebirdFormeditorViewQuestionFooterFooterLeft {
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
height: 44px;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden;
}
.freebirdFormeditorViewQuestionFooterAssessmentIcons {
-webkit-align-self: baseline;
align-self: baseline;
}
.freebirdFormeditorViewQuestionFooterPointsText {
color: #444;
cursor: default;
font-size: 14px;
padding-left: 2px;
}
.freebirdFormeditorViewQuestionFooterFooterRight {
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
box-pack: end;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.freebirdFormeditorViewQuestionFooterFooterSeparator {
border-left: 1px solid #e0e0e0;
height: 32px;
margin: 0 16px;
width: 0;
}
.freebirdFormeditorViewQuestionFooterToggleLabel {
color: #444;
cursor: default;
font-weight: 600;
margin-right: 8px;
-webkit-user-select: none;
vertical-align: bottom;
}
.quantumWizTogglePapertoggleEl {
-webkit-user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-box-sizing: content-box;
box-sizing: content-box;
cursor: pointer;
display: inline-block;
outline: none;
position: relative;
vertical-align: middle;
z-index: 0;
}
.freebirdFormeditorViewQuestionFooterRequiredToggleContainer .quantumWizTogglePapertoggleEl {
margin-bottom: 0px;
}
.freebirdFormeditorViewPagePageBreakGap {
-webkit-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
height: 96px;
}
.freebirdFormeditorViewPagePageBreakGap {
-webkit-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
height: 96px;
}
.freebirdFormeditorViewPageGoToPageSelectLabel {
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
color: rgba(0, 0, 0, 0.54);
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
font: 400 14px/20px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
}
.freebirdFormeditorViewItemTypechooserTypeChooser {
display: -webkit-inline-block;
display: none;
position: relative;
}
.freebirdFormeditorViewQuestionFooterRequiredToggleContainer {
margin-right: 16px;
}
.absol-switch-slider {
-webkit-transition: unset;
transition: unset;
}
.blueBackground {
background-color: white;
border-color: #46b8da;
color: #5bc0de;
}
.whiteBackground {
background-color: #673ab7;
border-color: #ffffff;
color: #ffffff;
}
.whiteBackground .absol-icon-button-icon-container {
background-color: unset;
}
.whiteBackground .absol-icon-button-icon-container>i {
color: #ffffff;
;
}
.whiteBackground .absol-icon-button-text-container {
border-left: unset;
margin: auto;
vertical-align: unset;
}
.blueBackground .absol-icon-button-icon-container {
background-color: unset;
}
.blueBackground .absol-icon-button-icon-container>i {
color: #5bc0de;
}
.blueBackground .absol-icon-button-text-container {
border-left: unset;
}
.freebirdFormeditorViewQuestionBodySelectBody .freebirdFormeditorViewOmnilistItemRoot .docssharedWizOmnilistItemPrimaryContent .freebirdFormeditorViewItemDuplicateButton {
display: none;
}
.freebirdFormeditorViewItemInactive .freebirdFormeditorViewQuestionBodySelectBody .freebirdFormeditorViewOmnilistItemRoot .docssharedWizOmnilistItemPrimaryContent .freebirdFormeditorViewItemDuplicateButton {
display: inline-block;
}
.freebirdFormeditorViewQuestionBodySelectBody .freebirdFormeditorViewOmnilistItemRoot .docssharedWizOmnilistItemPrimaryContent .freebirdFormeditorViewItemPictureButton {
visibility: hidden;
}
.freebirdFormeditorViewItemInactive .freebirdFormeditorViewQuestionBodySelectBody .freebirdFormeditorViewOmnilistItemRoot:hover .docssharedWizOmnilistItemPrimaryContent .freebirdFormeditorViewItemPictureButton {
visibility: visible;
}
.freebirdFormeditorViewQuestionBodySelectBody .freebirdFormeditorViewOmnilistItemRoot .docssharedWizOmnilistItemPrimaryContent .quantumWizTextinputPapertextareaEl .quantumWizTextinputPapertextareaMainContent .quantumWizTextinputPapertextareaUnderline {
visibility: hidden;
}
.freebirdFormeditorViewItemInactive .freebirdFormeditorViewQuestionBodySelectBody .freebirdFormeditorViewOmnilistItemRoot:hover .docssharedWizOmnilistItemPrimaryContent .quantumWizTextinputPapertextareaEl .quantumWizTextinputPapertextareaMainContent .quantumWizTextinputPapertextareaUnderline {
visibility: visible;
}
.docssharedWizOmnilistGhostitemRoot {
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
height: 30px;
margin-left: 52px;
}
.freebirdFormeditorViewOmnilistGhostitemAddOtherSection {
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
}
.freebirdFormeditorViewOmnilistGhostitemAddOther {
color: #1a73e8;
font-size: 13px;
font-weight: 500;
line-height: normal;
margin: 8px 2px;
}
.freebirdFormeditorViewAssessmentHeader {
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
font-size: 16px;
font-weight: 500;
min-height: 2em;
padding-bottom: 24px;
padding-left: 42px;
padding-right: 42px;
padding-top: 0;
}
.freebirdFormeditorViewAssessmentTitleRow {
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
box-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
padding-left: 42px;
}
.freebirdFormeditorViewAssessmentHeaderWrapper {
padding-bottom: 24px;
}
.freebirdFormeditorViewAssessmentFooterFooterRow {
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
border-top: 1px solid #e0e0e0;
height: 64px;
box-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-left: 42px;
padding-right: 2px;
}
.feedBack {
border: none;
height: 44px;
margin-bottom: 10px;
}
.feedBack .absol-icon-button-icon-container {
margin-top: 1px;
}
.feedBack .material-icons {
font-size: 21px;
}
.feedBack .quantumWizButtonPaperbuttonEl {
text-transform: none;
}
.feedBack .quantumWizButtonPaperbuttonEl .absol-icon-button-text-container>span {
margin: 0px;
}
.freebirdFormeditorViewAssessmentTitleInput {
font-size: 16px;
margin: auto;
margin-right: 48px;
min-width: 60%;
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
width: min-content;
position: relative;
margin-left: 5px;
}
.freebirdFormeditorViewAssessmentTitleRowContent {
margin-right: 24px;
position: relative;
display: inline-block;
}
.freebirdFormeditorViewAssessmentWidgetsPointsContainer {
margin-bottom: 0px;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
}
.freebirdFormeditorViewAssessmentWidgetsPointsInput {
max-width: 250px;
margin: 0 .5em;
}
.freebirdFormeditorViewAssessmentWidgetsPointsInput .quantumWizTextinputPaperinputInput {
font-size: 14px;
text-align: right;
}
.freebirdFormeditorViewPageTitleInput,
.freebirdFormeditorViewPageDescriptionInput {
display: block;
width: 100%;
margin-top: 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 8px;
}
.freebirdFormeditorViewPageSectionTitleRow,
.freebirdFormeditorViewPageSectionDescriptionRow {
padding-right: 24px;
padding-left: 42px;
}
.freebirdFormeditorViewPageTitleInput,
.freebirdFormeditorViewPageDescriptionInput {
display: block;
width: 100%;
margin-top: 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.freebirdFormeditorViewPageTitleInput .quantumWizTextinputPapertextareaPlaceholder {
font-size: 34px;
}
.freebirdFormeditorViewAssessmentAssessmentBodyContent {
margin-top: 10px;
margin-left: 44px;
margin-right: 24px;
}
.freebirdFormeditorViewAssessmentAnswersListItemContent {
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
min-height: 30px;
overflow: hidden;
padding: 0 10px;
}
.freebirdFormeditorViewAssessmentAnswersListItem {
cursor: pointer;
font-size: 13px;
font-weight: 400;
margin: 1px 0;
}
.freebirdFormeditorViewOmnilistMorselTypeIndicator {
font-size: 13px;
font-weight: 400;
margin-right: 10px;
pointer-events: none;
}
.freebirdFormeditorViewAssessmentAnswersListIsCorrect .freebirdFormeditorViewAssessmentAnswersListCorrectnessLabel {
display: inline-block;
}
.isChecked {
background-color: #f1f8e9;
}
.freebirdFormeditorViewAssessmentAnswersListItemContent:hover {
border-left: 2px solid rgba(0, 0, 0, 0.26);
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 8px;
border-color: green;
}
.freebirdFormeditorViewAssessmentAnswersListItem .quantumWizButtonEl {
display: none;
}
.isChecked .quantumWizButtonEl {
display: inline-block;
}
.quantumWizMenuPapermenuiconbuttonEl {
width: 40px;
height: 40px;
}
.quantumWizDialogEl {
-webkit-flex-shrink: 1;
flex-shrink: 1;
max-height: 100%;
}
.quantumWizDialogPaperdialogEl {
-webkit-box-align: stretch;
box-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-transition: -webkit-transform .225s cubic-bezier(0.0, 0.0, 0.2, 1);
transition: -webkit-transform .225s cubic-bezier(0.0, 0.0, 0.2, 1);
-webkit-transition: transform .225s cubic-bezier(0.0, 0.0, 0.2, 1);
transition: transform .225s cubic-bezier(0.0, 0.0, 0.2, 1);
position: relative;
background-color: #fff;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24);
max-width: 24em;
outline: 1px solid transparent;
overflow: hidden;
}
.freebirdFormeditorDialogReorderDialog {
height: auto;
max-width: 100%;
width: 440px;
}
.freebirdFormeditorDialogReorderDialogContent,
.freebirdFormeditorDialogReorderDialog .quantumWizDialogPaperdialogTitleBar {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.freebirdFormeditorDialogReorderDialog .quantumWizDialogPaperdialogTitleBar {
font-weight: 400;
}
.freebirdMaterialScalecontentContainer {
justify-content: center;
padding-left: 42px;
padding-right: 24px;
-webkit-box-align: stretch;
box-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-box-orient: vertical;
box-orient: vertical;
text-align: center;
}
.freebirdMaterialScalecontentRangeLabelColumn {
-webkit-box-align: stretch;
box-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-flex-direction: column;
flex-direction: column;
text-align: center;
max-width: 120px;
}
.freebirdMaterialScalecontentContainerMain {
-webkit-box-align: stretch;
box-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-box-orient: vertical;
box-orient: vertical;
text-align: center;
}
.freebirdMaterialScalecontentRangeLabelColumn .quantumWizTextinputPapertextareaInput {
max-width: 120px;
text-align: center;
}
.freebirdMaterialScalecontentRangeLabel {
line-height: 135%;
min-width: 0%;
word-wrap: break-word;
width: 120px;
}
.freebirdMaterialScalecontentColumn {
-webkit-box-align: stretch;
box-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
box-flex: 1;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-flex-direction: column;
flex-direction: column;
text-align: center;
margin-top: auto;
}
.freebirdMaterialScalecontentLabel,
.freebirdMaterialScalecontentRangeLabelContainer,
.freebirdMaterialScalecontentRangeLabelPlaceholder,
.freebirdMaterialScalecontentColumn .freebirdMaterialScalecontentInput {
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
box-pack: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
min-height: 3em;
}
.freebirdMaterialScalecontentRangeLabelContainer {
margin-top: auto;
margin-bottom: 7px;
}
.freebirdMaterialScalecontentLabel {
padding-left: 5px;
padding-right: 5px;
min-height: 24px;
}
.freebirdMaterialScalecontentContainerSelection:first-child .freebirdMaterialScalecontentLabel {
padding-left: 0px;
}
.freebirdMaterialScalecontentContainerSelection:last-child .freebirdMaterialScalecontentLabel {
padding-right: 0px;
}
.freebirdMaterialScalecontentColumn .freebirdMaterialScalecontentInput {
background-color: #fafafa;
}
.freebirdMaterialScalecontentLabel .quantumWizTextinputPapertextareaInput {
text-align: center;
width: 100%;
}
.quantumWizDialogPaperdialogTitleBar {
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
-webkit-flex-shrink: 0;
flex-shrink: 0;
padding: 24px 24px 20px 24px;
}
.quantumWizDialogPaperdialogTitleText {
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
flex-shrink: 1;
overflow: hidden;
word-wrap: break-word;
font: 500 20px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
}
.quantumWizDialogPaperdialogContent {
-webkit-box-flex: 2;
box-flex: 2;
-webkit-flex-grow: 2;
flex-grow: 2;
-webkit-flex-shrink: 2;
flex-shrink: 2;
display: block;
font: 400 14px/20px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
padding: 0 24px;
}
.freebirdFormeditorDialogReorderDialogContent {
padding: 0;
}
.freebirdFormeditorDialogReorderDialogContent {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.quantumWizCommonPositioningScrollableHost {
position: relative;
}
.freebirdFormeditorDialogReorderText {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
}
.freebirdFormeditorDialogReorderSection .freebirdFormeditorDialogReorderTitle {
font-size: 16px;
font-weight: 550;
}
.freebirdFormeditorDialogReorderSection .freebirdFormeditorDialogReorderPosition {
color: rgba(0, 0, 0, 0.54);
font: 400 13px/20px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
line-height: 18px;
}
.freebirdFormeditorDialogReorderSectionBody {
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
height: 64px;
}
.docssharedWizOmnilistMorselRoot {
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
}
.freebirdFormeditorDialogReorderSection:first-child {
border-top: none;
}
.freebirdFormeditorDialogReorderSection {
border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.freebirdFormeditorDialogReorderSection:hover .docssharedWizOmnilistItemPrimaryContent .omnilist-draghandle-container .docssharedWizOmnilistItemDragHandle {
visibility: visible;
}
.freebirdFormeditorDialogReorderSection .omnilist-draghandle {
padding: 0 4px;
visibility: inherit;
width: 60px;
}
.freebirdFormeditorDialogReorderSection:hover,
.freebirdFormeditorDialogReorderSection.isFocused {
border-left: 4px solid #4285f4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
.freebirdFormeditorDialogReorderSection:hover .omnilist-draghandle,
.freebirdFormeditorDialogReorderSection.isFocused .omnilist-draghandle {
padding-left: 0px;
}
.absol-tooltip-root {
z-index: 9999;
}
.freebirdFormeditorDialogReorderSection:first-child .leftControl {
color: rgba(0, 0, 0, 0.54);
pointer-events: none;
}
.freebirdFormeditorDialogReorderSection:last-child .rightControl {
color: rgba(0, 0, 0, 0.54);
pointer-events: none;
}
.quantumWizDialogPaperdialogBottomButtons {
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
-webkit-flex-shrink: 0;
flex-shrink: 0;
box-pack: end;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
padding: 24px 24px 16px 24px;
}
.quantumWizButtonPaperbuttonEl {
-webkit-user-select: none;
-webkit-transition: background .2s .1s;
transition: background .2s .1s;
border: 0;
-webkit-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 550;
min-width: 4em;
outline: none;
overflow: hidden;
position: relative;
text-align: center;
text-transform: uppercase;
-webkit-tap-highlight-color: transparent;
z-index: 0;
}
.quantumWizDialogPaperdialogBottomButtons {
padding: 16px;
}
.quantumWizButtonPaperbutton2El2 {
line-height: 20px;
min-width: 88px;
}
.quantumWizDialogPaperdialogDialogButton.quantumWizButtonPaperbuttonEl.quantumWizButtonPaperbutton2El2,
.quantumWizDialogPaperdialogBottomButtons .quantumWizButtonPaperbuttonEl.quantumWizButtonPaperbutton2El2 {
min-width: 64px;
}
.freebirdFormeditorViewMediaEditMenuButton {
position: absolute;
top: -12px;
left: -12px;
-webkit-user-select: none;
-webkit-transition: background .3s;
transition: background .3s;
border: 0;
-webkit-border-radius: 50%;
border-radius: 50%;
color: #444;
cursor: pointer;
display: inline-block;
fill: #444;
-webkit-flex-shrink: 0;
flex-shrink: 0;
height: 48px;
outline: none;
overflow: hidden;
-webkit-tap-highlight-color: transparent;
width: 48px;
z-index: 1;
background-color: #f5f5f5;
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}
.freebirdFormeditorViewMediaEditMenuButtonClose {
position: absolute;
top: -7px;
right: -12px;
-webkit-user-select: none;
-webkit-transition: background .3s;
transition: background .3s;
border: 0;
-webkit-border-radius: 50%;
border-radius: 50%;
color: #444;
cursor: pointer;
display: inline-block;
fill: #444;
-webkit-flex-shrink: 0;
flex-shrink: 0;
height: 36px;
outline: none;
overflow: hidden;
-webkit-tap-highlight-color: transparent;
width: 36px;
z-index: 1;
background-color: #f5f5f5;
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
display: none;
}
.freebirdFormeditorViewItemInactive .freebirdFormeditorViewMediaEditMenuButtonClose {
display: inline-block;
}
.absol-width-height-resizer-anchor-bot-right,
.absol-width-height-resizer-anchor-bot-left,
.absol-width-height-resizer-anchor-top-right,
.absol-width-height-resizer-anchor-top-left {
display: none;
}
.hasFocus .absol-width-height-resizer-anchor-bot-right,
.hasFocus .absol-width-height-resizer-anchor-bot-left,
.hasFocus .absol-width-height-resizer-anchor-top-right,
.hasFocus .absol-width-height-resizer-anchor-top-left {
display: unset;
}
.freebirdFormeditorViewMediaEditMenuButton {
display: none;
}
.freebirdFormeditorViewItemInactive .image-autoresize-create:not(.hasFocus) .freebirdFormeditorViewMediaEditMenuButton {
display: inline-block;
}
.infotext {
display: table-cell;
vertical-align: top;
padding-top: 7px;
height: 30px;
padding: 0.5em;
}
.properties {
display: table-cell;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 1em;
padding: 0.5em;
vertical-align: middle;
resize: none;
width: 374px;
height: 30px;
margin-left: 10px;
}
.container-form {
display: table-row;
min-width: 374px;
}
.point-dame .freebirdMaterialIcon {
background-color: #673ab7;
}
.point-dame .freebirdFormeditorViewItemTitleRowContain::before {
top: 0px;
}
.absol-context-hinge-fixed-container {
z-index: 1002;
}
.vertical-center {
left: 50%;
transform: translate(50%, 0);
}
.disable {
opacity: .5;
pointer-events: none;
}
.visible .disable {
opacity: 1;
pointer-events: unset;
}
.selected .freebirdFormeditorViewItemPictureButton {
visibility: visible !important;
}
/*** module: node_modules/pizo/css/test_question.css ***/
.modal-upload-XML {
width: 66vw;
height: 85vh;
min-width: 520px;
min-height: 320px;
max-width: 1052px;
max-height: 650px;
background-color: white;
}
.quantumWizButtonPaperbutton2El2 .quantumWizButtonPaperbuttonLabel {
margin: 8px;
}
.quantumWizButtonPaperbuttonLabel {
display: inline-block;
margin: .5em;
}
.modal-upload-XML-header {
padding: 17px 20px;
position: relative;
}
.modal-upload-XML-header-text {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
display: inline-block;
font-size: 20px;
vertical-align: top;
}
.modal-upload-XML-header-icon-close {
overflow: hidden;
position: absolute;
right: 15px;
top: 15px;
cursor: pointer;
height: inherit;
margin: 0;
width: inherit;
user-select: none;
}
.modal-upload-XML-body {
position: relative;
height: calc(100% - 61px);
/*display: -webkit-box;*/
display: -ms-flexbox;
display: flex;
width: 100%;
align-items: stretch;
flex-direction: column;
}
.modal-upload-XML-body-navigation {
height: 50px;
border-bottom: 1px solid #e1e1e1;
-moz-box-shadow: 0 1px 5px 1px #e1e1e1;
-webkit-box-shadow: 0 1px 5px 1px #e1e1e1;
box-shadow: 0 1px 5px 1px #e1e1e1;
z-index: 1;
}
.modal-upload-XML-body-drop {
position: relative;
overflow: hidden;
height: 100%;
width: 100%;
}
.modal-upload-XML-body-drop-area-main {
height: 100%;
}
.modal-upload-XML-body-drop-area-main-form {
/*display: -webkit-box;*/
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
align-items: stretch;
flex-direction: column;
}
.modal-upload-XML-body-drop-area-main-form-content {
border: #ddd 4px dashed;
border-radius: 2px;
text-align: center;
position: relative;
margin-bottom: 0px;
padding: 10px;
flex-grow: 2;
display: flex;
flex-direction: column;
align-items: center;
}
.modal-upload-XML-body-db-area-main-form {
display: none;
width: 100%;
height: 100%;
}
.modal-upload-XML-body-db-area-main-form-search {
font-size: 13px;
text-align: left;
position: relative;
margin: 15px 0 4px 20px;
}
.modal-upload-XML-body-db-area-main-form-search-input {
-webkit-transition: all .218s;
-moz-transition: all .218s;
-o-transition: all .218s;
transition: all .218s;
margin: 4px 15px 5px 0;
vertical-align: middle;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
border: 1px solid #d9d9d9;
border-top: 1px solid #c0c0c0;
font-size: 13px;
height: 25px;
padding: 1px 8px;
width: 410px;
padding-left: 50px;
}
.modal-upload-XML-body-db-area-main-form-search-filter {
border: 1px solid #dae4f6;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: inline-block;
height: 23px;
left: 22px;
outline: medium none;
position: absolute;
top: 6px;
background-color: #c6dafc;
border-color: #c6dafc;
left: 2px;
}
.modal-upload-XML-body-db-area-main-form-search-filter-text {
display: inline-block;
font-size: 12px;
line-height: 23px;
padding: 0 3px;
vertical-align: top;
}
.modal-upload-XML-body-db-area-main-form-files {
bottom: 0;
border-top: 1px solid #e1e1e1;
font-size: 13px;
left: 0;
overflow-y: auto;
right: 0;
height: calc(100% - 122px);
overflow-x: hidden;
overflow-y: auto;
background-color: #eee;
}
.modal-upload-XML-body-drop-area {
width: calc(100% - 40px);
height: calc(100% - 20px);
display: inline-block;
padding: 20px;
padding-bottom: 0;
}
.modal-upload-XML-body-drop-area-main-form-input {
display: none;
}
.modal-upload-XML-body-drop-area-main-form-button {
font-size: 16px;
vertical-align: top;
}
.modal-upload-XML-body-drop-area-main-process-bar {
width: 50%;
position: absolute;
bottom: 10px;
left: 50%;
transform: translate(-50%, 0);
}
.modal-upload-XML-body-drop-area-main-form-tutorial {
font-size: 20pt;
color: #ccc;
padding: 0 10px;
position: absolute;
left: 50%;
top: 40%;
transform: translate(-50%, -50%);
}
.modal-upload-XML-body-db-area-main-form-files-list {
padding: 16px 8px 8px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 100%;
}
.modal-upload-XML-body-db-area-main-form-files-list-title {
padding-bottom: 8px;
padding-top: 8px;
}
.modal-upload-XML-body-db-area-main-form-files-list-content {
display: inline-block;
margin-bottom: 8px;
width: 100%;
}
.modal-upload-XML-body-db-area-main-form-files-list-item {
display: inline-block;
position: relative;
touch-action: pan-x pan-y;
vertical-align: top;
margin-top: 16px;
margin-right: 20px;
width: calc(25% - 20px);
}
.modal-upload-XML-body-db-area-main-form-files-list-img {
height: auto;
width: 100%;
}
.modal-upload-XML-body-db-area-main-form-files-list-label {
border-bottom-left-radius: 1px;
border-bottom-right-radius: 1px;
height: 30px;
width: 100%;
position: relative;
white-space: nowrap;
-webkit-box-align: end;
box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
border-top: 1px solid #e1e1e1;
}
.modal-upload-XML-body-db-area-main-form-files-list-icon {
margin: 8px;
margin-top: auto;
margin-bottom: auto;
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 16px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
vertical-align: middle;
display: inline-block;
background-color: #6846b6;
color: white;
}
.modal-upload-XML-body-db-area-main-form-files-list-labelText {
margin: auto;
min-width: 60%;
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
width: min-content;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: calc(100% - 54px);
}
.XML-autoresize {
max-height: calc(100% - 20px);
vertical-align: middle;
margin-left: 10px;
margin-right: 10px;
height: calc(100% - 20px);
max-width: calc(100% - 20px);
display: inline-block;
}
.absol-width-height-resizer-content {
width: unset;
}
#fileElemXML {
display: none;
}
.modal-upload-XML-body-navigation-bar {
background: transparent;
border: none;
float: left;
height: 14px;
margin: 0 18px;
padding: 16px 4px 7px;
position: static;
user-select: none;
border-left: 0;
border-right: 0;
border-top: 0;
font-weight: bold;
padding-bottom: 18px;
user-select: none;
color: #2222229e;
}
.modal-upload-XML-body-navigation-bar:hover {
border-bottom: 2px solid #4d90fe;
}
.modal-upload-XML-body-navigation-bar-button {
display: inline-block;
font-size: 14px;
vertical-align: middle;
user-select: none;
font-weight: 600;
}
.modal-upload-XML-body-drop-save {
position: relative;
padding: 10px 0;
display: flex;
flex-shrink: 0;
}
.fit-content-XML {
width: auto;
}
.selected-modal {
border-bottom: 2px solid #4d90fe;
color: #222;
}
.on-hold {
box-shadow: 2px 2px 10px;
-webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .25);
-moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .25);
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .25);
}
.on-hold .modal-upload-XML-body-db-area-main-form-files-list-label {
background-color: #4285f4;
}
.on-hold .modal-upload-XML-body-db-area-main-form-files-list-label {
color: white;
}
.freebirdCommonSidebarSidebar.freebirdCommonSidebarIsVisible {
-webkit-transform: translateX(0);
transform: translateX(0);
z-index: 1002;
}
.freebirdCommonSidebarSidebar {
background-color: #fff;
bottom: 0;
-webkit-box-shadow: 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12), 0 4px 5px -2px rgba(0, 0, 0, 0.2);
box-shadow: 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12), 0 4px 5px -2px rgba(0, 0, 0, 0.2);
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-flex-direction: column;
flex-direction: column;
height: 100%;
max-width: 100%;
overflow: hidden;
position: fixed;
right: 0;
-webkit-transition: -webkit-transform 300ms ease-out;
transition: transform 300ms ease-out;
-webkit-transform: translateX(100%);
transform: translateX(100%);
width: 26%;
min-width: 300px;
z-index: 3;
}
.freebirdCommonSidebarHeader {
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
-webkit-flex-shrink: 0;
flex-shrink: 0;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 15px;
box-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
/* padding: 0 0 0 20px; */
text-transform: uppercase;
}
.freebirdCommonSidebarContent {
overflow-x: hidden;
overflow-y: auto;
-webkit-transition: width 300ms ease-out;
transition: width 300ms ease-out;
word-break: break-word;
white-space: pre;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-shrink: 0;
flex-shrink: 0;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 15px;
box-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.freebirdFormeditorQuestionimportHelpText {
font: 400 13px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 300;
margin-top: 12px;
}
.freebirdCommonSidebarIsExpanded .freebirdCommonSidebarContent {
width: 100%;
height: calc(100% - 48px);
}
.freebirdFormeditorQuestionimportHeader {
-webkit-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
/*display: -webkit-box;*/
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-flex-direction: column;
flex-direction: column;
box-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 20px;
white-space: normal;
width: 100%;
}
.freebirdFormeditorQuestionimportTitle {
font: 600 15px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
width: 100%;
word-wrap: break-word;
}
.freebirdFormeditorQuestionimportImportedQuestions {
-webkit-box-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
overflow-y: auto;
white-space: normal;
height: calc(100% - 113px);
}
.freebirdFormeditorQuestionimportCheckbox {
font: 400 13px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
margin: 12px;
}
.freebirdFormeditorQuestionimportSection {
margin-top: 32px;
}
.freebirdFormeditorQuestionimportChangeFormButton {
color: #1a73e8;
font-size: 13px;
font-weight: 500;
line-height: normal;
margin: 8px 2px;
}
.freebirdFormeditorQuestionimportSearch {
font-size: 13px;
text-align: left;
position: relative;
margin-top: 10px;
width: 100%;
}
.freebirdFormeditorQuestionimportSearchInput {
-webkit-transition: all .218s;
-moz-transition: all .218s;
-o-transition: all .218s;
transition: all .218s;
margin: 4px 15px 5px 0;
vertical-align: middle;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
border: 1px solid #d9d9d9;
border-top: 1px solid #c0c0c0;
font-size: 13px;
height: 25px;
width: 410px;
padding-left: 50px;
}
.freebirdFormeditorQuestionimportSearchFilter {
border: 1px solid #dae4f6;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: inline-block;
height: 23px;
left: 22px;
outline: medium none;
position: absolute;
top: 6px;
background-color: #c6dafc;
border-color: #c6dafc;
left: 2px;
}
.freebirdFormeditorQuestionimportSearchFilterText {
display: inline-block;
font-size: 12px;
line-height: 23px;
padding: 0 3px;
vertical-align: top;
}
.freebirdFormeditorViewHeaderSendButton.freebirdFormeditorViewHeaderHeaderMenu.freebirdFormeditorSidebarQuestionimportImportButtonWrapper {
-webkit-box-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
margin-bottom: 10px;
margin-left: 20px;
margin-right: 20px;
margin-top: 10px;
background: #4285f4;
color: #fff;
}
.grid {
width: 100%;
display: inline-block;
position: relative;
}
.grid-item {
height: 50%;
display: inline-block;
position: relative;
}
.modal-upload-XML-body-drop-area-main-gallery {
width: 100%;
height: calc(100% - 70px);
position: absolute;
top: 45px;
overflow: auto;
}
.back-white-convert .full-size {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.pizo-container-icon-radiobutton {
position: absolute;
left: 7px;
background-color: white;
top: 7px;
display: flex;
border-radius: 50%;
padding: 2px;
}
.pizo-container-icon-radiobutton>i {
color: white;
}
.checked-pizo .pizo-container-icon-radiobutton>i {
color: #122246;
}
/*** module: node_modules/pizo/css/test.css ***/
.modal-upload-image {
width: 66vw;
height: 85vh;
min-width: 520px;
min-height: 320px;
max-width: 1052px;
max-height: 650px;
background-color: white;
}
.modal-upload-image-header {
padding: 17px 20px;
height: 20px;
position: relative;
}
.modal-upload-image-header-text {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
display: inline-block;
font-size: 20px;
vertical-align: top;
}
.modal-upload-image-header-icon-close {
overflow: hidden;
position: absolute;
right: 15px;
top: 15px;
cursor: pointer;
height: inherit;
margin: 0;
width: inherit;
user-select: none;
}
.modal-upload-image-body {
position: relative;
height: calc(100% - 55px);
}
.modal-upload-image-body-navigation {
height: 50px;
border-bottom: 1px solid #e1e1e1;
-moz-box-shadow: 0 1px 5px 1px #e1e1e1;
-webkit-box-shadow: 0 1px 5px 1px #e1e1e1;
box-shadow: 0 1px 5px 1px #e1e1e1;
z-index: 1;
}
.modal-upload-image-body-drop {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
top: 51px;
}
.modal-upload-image-body-drop-area-main {
height: 100%;
}
.modal-upload-image-body-drop-area-main-form {
border: #ddd 4px dashed;
border-radius: 2px;
text-align: center;
position: relative;
display: none;
margin: 20px;
padding: 10px;
height: calc(100% - 54px);
}
.modal-upload-image-body-drop-area {
height: calc(100% - 72px);
}
.modal-upload-image-body-drop-area-main-form-button {
font-size: 16px;
}
.modal-upload-image-body-drop-area-main-process-bar {
width: 50%;
position: absolute;
bottom: 10px;
left: 50%;
transform: translate(-50%, 0);
}
.modal-upload-image-body-drop-area-main-form-tutorial {
font-size: 20pt;
color: #ccc;
padding: 0 10px;
position: absolute;
left: 50%;
top: 40%;
transform: translate(-50%, -50%);
}
#drop-area.highlight {
border-color: purple;
}
#gallery {
margin-top: 10px;
height: calc(100% - 45px);
width: 100%;
position: relative;
overflow: auto;
}
.image-autoresize {
max-height: calc(100% - 20px);
vertical-align: middle;
margin-left: 10px;
margin-right: 10px;
height: calc(100% - 20px);
max-width: calc(100% - 20px);
display: inline-block;
}
.absol-width-height-resizer-content {
width: unset;
}
#fileElem {
display: none;
}
.modal-upload-image-body-navigation-bar {
background: transparent;
border: none;
float: left;
height: 14px;
margin: 0 18px;
padding: 16px 4px 7px;
position: static;
user-select: none;
border-bottom: 2px solid #4d90fe;
border-left: 0;
border-right: 0;
border-top: 0;
color: #222;
font-weight: bold;
padding-bottom: 18px;
user-select: none;
}
.modal-upload-image-body-navigation-bar-button{
display: inline-block;
font-size: 14px;
vertical-align: middle;
user-select: none;
font-weight: 600;
}
.modal-upload-image-body-drop-save{
padding-left: 20px;
position: absolute;
bottom: 10px;
}
.margin-align{
margin-left: 100px;
position: relative;
width: calc(100% - 100px);
margin-bottom: 0;
}
.full-size{
width: auto;
margin: 2px;
height: calc(100% - 7px);
}
/*** module: node_modules/pizo/css/ModuleImage.css ***/
.image-show {
width: 100vw;
height: 100vh;
background-color: #3e4041;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.image-show__title {
background-color: #545454;
color: white;
font-size: 1.1429em;
padding-left: 1em;
height: 2.1429em;
position: relative;
}
.image-show__close>.fa-close:before,
.image-show__close>.quote-base__close-icon {
color: white;
padding: 0em;
content: "close";
}
.fl-r {
float: right;
}
i.btn.material-icons.fa-chevron-right.unclickable,
i.btn.material-icons.fa-chevron-left.unclickable {
pointer-events: none;
cursor: default;
color: rgb(152, 152, 152);
}
.clickable,
.txt-clickable,
.chat-message__actions__btn,
.chat-resend,
.sticker-selector__menu__item,
.slideshow__bottom__dot {
cursor: pointer;
-webkit-app-region: no-drag;
}
.image-placeholder,
.media-store-preview-item__picture,
.image-show__thumb,
.card--group-photo__row__item img.card--group-photo__row__item__photo,
img.chat-message-picture__photo,
.chat-message-picture__gif__thumb,
.chat-message-picture__photo>img,
.quote-banner-thumb,
.link-placeholder,
.link-thumb,
.link-thumb.default,
.thumb-img-suggest,
.card--link-img,
.card--link-img.default,
.media-item__file-type.photo,
.cb-info-file-item-overlay__check,
.quote-base__close-icon,
.file-tick__icon-setting {
display: inline-block;
font: normal normal normal 1rem/1 'zalo-font';
font-size: inherit;
text-rendering: auto;
text-shadow: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.image-show__body {
flex-grow: 2;
display: flex;
justify-content: center;
overflow: hidden;
position: relative;
}
.image-show__btnc {
position: absolute;
top: calc((100% - 5.7857rem)/2 - 2.7143rem);
z-index: 10;
display: flex;
align-items: center;
pointer-events: none;
}
.image-show__btnc__left {
left: 0em;
opacity: 1;
}
.image-show__btnc__left.hide {
opacity: 0;
transition: opacity 1s linear;
}
.image-show__wrapper__img {
width: auto;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
object-fit: contain;
}
.image-show__btnc__right {
right: 50px;
opacity: 1;
}
.image-show__btnc__right.hide {
opacity: 0;
transition: opacity 1s linear;
}
.image-show__btnc__fullscreen {
position: absolute;
bottom: 0;
right: 0.6429em;
}
.image-show__btn {
width: 6.4286em;
height: 8.5714em;
color: white;
opacity: 0.2;
}
.image-show__btn.clickable {
opacity: 0.6;
pointer-events: auto;
}
.image-show__bottom__ctrl>.btn:hover,
.image-show__bottom__ctrl>a>.btn:hover {
color: #0068ff;
}
.image-show__btn.clickable:hover {
opacity: 0.8;
}
.image-show__btn__inside {
background-color: black;
border-radius: 50%;
width: 3.5714em;
height: 3.5714em;
margin-top: 50%;
margin-left: 1.4286em;
line-height: 3.5714em;
font-size: 1.6429em;
text-align: center;
}
.image-show__btn__inside>.fa-chevron-left {
margin-top: 24px;
transform: translateX(0.3571rem);
font-size: 32px;
}
.fa-chevron-left:before {
content: "arrow_back_ios";
}
.z-fh {
max-height: 100%;
}
.fadeIn,
.fadeInShort,
.fadeInImageShow {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.image-show__img {
object-fit: contain;
transition: transform 0.1s ease-out;
max-width: 100%;
user-select: none;
cursor: default;
vertical-align: middle;
display: inline-block;
}
.fadeInImageShow {
-webkit-animation-duration: .4s;
animation-duration: .4s;
}
.flx-fix,
header,
.chat-info-general__options,
.chat-info-general__section__header,
.avatar,
.thumb-img-suggest,
.chat-date>span,
.card--link-img,
.card--link-img.default,
.chat-onboard__icon {
flex: 0 0 auto;
}
.image-show__btn {
width: 6.4286em;
height: 8.5714em;
color: white;
opacity: 0.2;
}
.image-show__btn__inside>.fa-chevron-right {
margin-top: 24px;
margin-left: 0.1429em;
font-size: 32px;
}
.fa-chevron-right:before {
content: "arrow_forward_ios";
}
.image-show__icon-fullscreen {
font-size: 2.8571em;
color: white;
opacity: 1;
}
.image-show__icon-fullscreen.hide {
opacity: 0;
transition: opacity 1s linear;
}
.fa-fullscreen-icon:before {
content: "web";
}
.image-show__bottom {
background-color: #545454;
height: 3.5714em;
position: relative;
}
.image-show__bottom__sender {
width: 30%;
}
.avatar {
position: relative;
color: white;
contain: layout size style;
}
.avatar--xs {
width: 40px;
height: 40px;
font-size: 1.2143em;
}
.dib,
.chat-box-member__info,
.image-show__bottom__sender>.avatar,
.image-show__bottom__sender__info,
.chat-input__img-preview__thumb {
display: inline-block;
}
.fl-l,
.image-show__bottom__sender>.avatar,
.image-show__bottom__sender__info,
.chat-input__img-preview__thumb {
float: left;
}
.image-show__bottom__sender>.avatar {
margin-top: 0.3929em;
margin-right: 1em;
margin-left: 1em;
}
.image-show__bottom__sender__info {
color: white;
font-size: 0.9286em;
width: calc(100% - 6.4286rem);
}
.bg-center,
.link-thumb,
.link-thumb.default,
.avatar-img,
.avatar-img.avatar-number-m,
#zalo,
.thumb-img-suggest,
.chat-input__img-preview__thumb,
.card--link-img,
.card--link-img.default,
.message-view__blur,
.message-info_num,
.sticker-selector__menu__item,
.gif__thumb {
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
}
.avatar-img,
.avatar-img.avatar-number-m {
border-radius: 100%;
}
.avatar--xs>.avatar-img {
width: 40px;
height: 40px;
background-color: #c9d4e5;
}
.truncate,
.chat-box-member__info__name,
.item-title-name,
.item-message,
.file-banner-content__sender-name,
.file-banner-content__full-name,
.cb-info-file-item__send-date,
.cb-info-file-item__file-size,
.cb-info-file-item__suggest-preview-file,
.cb-info-file-item__suggest-preview-folder,
.cb-info-file-item__error-msg,
.search-result-file__send-date,
.search-result-file__file-size,
.search-result-file__suggest-preview-file,
.search-result-file__suggest-preview-folder,
.search-result-file__file-name,
.search-result-file__file-name-seg,
.file-progress-row__start-text,
.file-progress-row__end-text,
.quote-file__name,
.quote-file__text,
.file-suggest-item__name,
.file-suggest-item__size,
.file-suggest-item__conversation,
.file-star-msg-content__title,
.file-star-msg-content__size,
.file-message__content-title,
.file-message__content-error,
.fmsg-send-time__error-msg {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
word-wrap: break-word;
}
.image-show__bottom__sender__info>div:first-child {
margin-top: 0.4286em;
margin-bottom: 0.1429em;
}
.image-show__bottom__ctrl {
width: 400px;
margin: 0rem auto;
padding-top: 1em;
text-align: center;
}
.btn {
cursor: pointer;
margin: 0em;
color: #83878d;
}
.image-show__bottom__ctrl>.btn,
.image-show__bottom__ctrl>a>.btn {
color: white;
margin: 0;
padding-right: 1.4286em;
}
.image-show__bottom__ctrl>.btn.fa-chevron-left,
.image-show__bottom__ctrl>a>.btn.fa-chevron-left {
padding-right: 0.5714em;
}
.image-placeholder:before,
.media-store-preview-item__picture:before,
.image-show__thumb:before,
.card--group-photo__row__item img.card--group-photo__row__item__photo:before,
img.chat-message-picture__photo:before,
.chat-message-picture__gif__thumb:before,
.chat-message-picture__photo>img:before,
.quote-banner-thumb:before,
.link-placeholder:before,
.link-thumb:before,
.link-thumb.default:before,
.thumb-img-suggest:before,
.card--link-img:before,
.card--link-img.default:before,
.media-item__file-type.photo:before,
.cb-info-file-item-overlay__check:before,
.quote-base__close-icon:before,
.file-tick__icon-setting:before {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 1.7143em;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
}
.image-show__bottom__ctrl>.btn.fa-chevron-right,
.image-show__bottom__ctrl>a>.btn.fa-chevron-right {
padding-left: 0.6429em;
padding-right: 0.5714em;
}
#image-show-forward {
padding-right: 0;
}
#image-show-forward>i {
padding: 0 0.8571em;
position: relative;
}
.fa-share-photoview:before {
content: "share";
}
#image-show-download {
padding-right: 0;
}
.image-show__bottom__ctrl>.btn.fa-download,
.image-show__bottom__ctrl>.btn.fa-rotate-left,
.image-show__bottom__ctrl>.btn.fa-rotate-right,
.image-show__bottom__ctrl>a>.btn.fa-download,
.image-show__bottom__ctrl>a>.btn.fa-rotate-left,
.image-show__bottom__ctrl>a>.btn.fa-rotate-right,
.image-show__bottom__ctrl>a>.btn.fa-more-option,
.image-show__bottom__ctrl>.btn.fa-more-option {
padding-left: 0.8571em;
padding-right: 0.8571em;
}
.fa-download:before {
content: "vertical_align_bottom";
}
.fa-rotate-left:before {
content: "rotate_left";
}
.fa-rotate-right:before {
content: "rotate_right";
}
.fa-more-option:before {
content: "more_vert";
}
.image-show__thumb__legend {
bottom: 5em;
color: white;
padding-left: 0.0714em;
margin-bottom: 1.4286em;
margin-left: 0.2143em;
font-size: 1em;
background: #3e4041;
display: flex;
justify-content: center;
margin: 0.7143rem 0.5714em;
}
.image-show__thumb {
position: relative;
user-select: none;
object-fit: cover;
margin: 0.2857em;
border-radius: 0.2143em;
filter: brightness(50%);
width: 5.7143em;
height: 5.7143em;
}
.image-show__thumb-container.selected .image-show__thumb,
.image-show__thumb.chat-message.first-selected,
.image-show__thumb.chat-message.last-selected {
box-shadow: 0rem 0rem 0rem 0.1429rem rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0rem 0rem 0rem 0.1429rem rgba(255, 255, 255, 0.5);
-webkit-box-shadow: 0rem 0rem 0rem 0.1429rem rgba(255, 255, 255, 0.5);
filter: brightness(100%);
}
.image-show__thumb-container.selected .image-show__thumb {
width: 7.1429em;
height: 7.1429em;
}
.image-show__thumb-container {
display: flex;
justify-content: center;
}
.flx-al-e {
align-items: flex-end;
}
.flx,
.snippet,
.item-setting-action,
header,
#groupNameInput--change,
.item-setting,
.chat-info-general__action__item,
.chat-info-general__section__header,
.group-setting,
.mg-item,
.card,
.card-content,
.modal,
.tab-content,
.file-banner-content,
.file-banner-content__thumb-container,
.empty-btn,
.rl-msg,
.rl-msg .rl-msg-content,
.cb-info-file-item__thumb-container,
.search-result-file__thumb-container,
.search-result-file__file-name,
.file-progress-row,
.file-actions-row,
.file-suggest-item,
.file-suggest-item__left-container,
.file-suggest-item__right-container,
.file-layout,
.file-layout__thumb-container,
.file-layout__right-container,
.file-layout__top-container,
.file-layout__bot-container,
.file-star-msg-content,
.file-star-msg-content__right-block,
.fmsg-send-time,
.entry-content-v2,
.zl-label-add-more,
.zl-modal,
.pr-status-content,
.header-title-container {
display: -webkit-flex;
display: flex;
flex-flow: row nowrap;
}
.flx,
.snippet,
.item-setting-action,
header,
#groupNameInput--change,
.item-setting,
.chat-info-general__action__item,
.chat-info-general__section__header,
.group-setting,
.mg-item,
.card,
.card-content,
.modal,
.tab-content,
.file-banner-content,
.file-banner-content__thumb-container,
.empty-btn,
.rl-msg,
.rl-msg .rl-msg-content,
.cb-info-file-item__thumb-container,
.search-result-file__thumb-container,
.search-result-file__file-name,
.file-progress-row,
.file-actions-row,
.file-suggest-item,
.file-suggest-item__left-container,
.file-suggest-item__right-container,
.file-layout,
.file-layout__thumb-container,
.file-layout__right-container,
.file-layout__top-container,
.file-layout__bot-container,
.file-star-msg-content,
.file-star-msg-content__right-block,
.fmsg-send-time,
.entry-content-v2,
.zl-label-add-more,
.zl-modal,
.pr-status-content,
.header-title-container {
display: flex;
}
.image-show__list {
padding: 0em;
overflow-x: hidden;
overflow-y: scroll;
display: inline;
-ms-overflow-style: none;
scrollbar-width: none;
transform: translateX(1.2143rem);
margin-left: -1.2143em;
}
.timeline-slider {
position: relative;
cursor: pointer;
width: 1.6429em;
display: flex;
justify-content: center;
}
.timeline-slider__track {
position: absolute;
height: 100%;
top: 0.1429em;
}
.timeline-slider__pivot {
position: absolute;
width: 0.8571em;
height: 0.8571em;
background: #7a787b;
left: 0.4643em;
border-radius: 50%;
pointer-events: none;
}
.timeline-slider__pivot--left {
bottom: calc(0% - 0.8571rem);
}
.timeline-slider__pivot {
position: absolute;
width: 0.8571em;
height: 0.8571em;
background: #7a787b;
left: 0.4643em;
border-radius: 50%;
pointer-events: none;
}
.timeline-slider__pivot--right {
bottom: calc(100% - 0.8571rem);
}
.timeline-slider__handle {
position: absolute;
background: white;
border-radius: 50%;
}
.timeline-slider__track__progress {
position: absolute;
height: 100%;
width: 0.1429em;
background: #7a787b;
}
.timeline-slider__tooltip {
position: absolute;
top: -0.3571em;
right: -6.4286em;
z-index: 1;
background: white;
text-align: center;
font-size: 0.8571em;
width: 6.0714em;
}
.fadeInImageShowNoAnimation {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.image-show__meta-wrapper {
text-align: left;
position: absolute;
z-index: 1;
bottom: 5em;
max-width: 60%;
max-height: 6.7857em;
min-height: 1.7143em;
cursor: default;
display: flex;
flex-direction: column;
align-items: center;
border-radius: 0.7143em;
background: rgba(0, 0, 0, 0.5);
padding: 0.0714rem 0.7143em;
opacity: 1;
transition: opacity 1s linear;
}
.image-show__caption {
color: rgba(255, 255, 255, 0.9);
margin: 0.5rem 0;
overflow-y: auto;
word-break: break-word;
}
.displayNone {
display: none !important;
}
.timeLineContainerCheck {
display: flex;
padding: 1.0714rem 0rem 0rem 1.0714em;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
.transformX-100 {
transform: translateX(-100%);
}
/*** module: node_modules/absol-photoswipeviewer/photoswipeviewer.css ***/
.ptswpv,
.ptswpv * {
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
outline: none;
}
.ptswpv {
position: fixed;
left: -10000px;
top: -1000px;
background-color: rgba(36, 36, 37, 0);
opacity: 0;
transition: background-color 0.3s ease-in;
}
.ptswpv.full {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
z-index: 1003;
opacity: 1;
background-color: rgba(36, 36, 37, 1);
}
.ptswpv.prepare-hide {
background-color: rgba(36, 36, 37, 0);
}
.ptswpv.prepare-show .ptswpv-top-bar,
.ptswpv.prepare-hide .ptswpv-top-bar {
visibility: hidden;
}
.ptswpv-frame {
width: 100%;
height: 100%;
position: relative;
outline: none;
}
.ptswpv-viewing-container {
width: 100%;
height: 100%;
position: relative;
}
.ptswpv-top-bar {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 20;
background-color: rgba(0, 0, 0, 0, 0.2);
text-align: right;
height: 44px;
padding-top: 10px;
padding-right: 20px;
}
.ptswpv-top-bar .ptswpv-transp-btn {
height: 44px;
width: 44px;
}
.ptswpv-transp-btn {
background-color: transparent;
color: rgb(169, 169, 169);
border: none;
outline: none;
}
.ptswpv-transp-btn:hover {
color: white;
}
.ptswpv-tool-mode-pan .ptswpv-viewing-container{
cursor: grab;
}
.ptswpv-tool-mode-pan .ptswpv-btn-pan_tool {
color: white;
}
.ptswpv-tool-mode-zoom-in .ptswpv-viewing-container{
cursor: zoom-in;
}
.ptswpv-tool-mode-zoom-in .ptswpv-btn-zoom_in {
color: white;
}
.ptswpv-tool-mode-zoom-out .ptswpv-viewing-container{
cursor: zoom-out;
}
.ptswpv-tool-mode-zoom-out .ptswpv-btn-zoom_out {
color: white;
}
.ptswpv-viewing-img {
position: absolute;
}
.ptswpv-viewing-img.transition-all {
transition: all 0.3s;
}
.ptswpv-renderer {
position: fixed;
left: -10000px;
top: -1000px;
z-index: -100000;
opacity: 0;
pointer-events: none;
}
a.ptswpv-download {
display: none;
}
/*** module: adapt/windowbox.css ***/
.absol-window {
color: rgb(222, 220, 220);
background-color: rgb(35, 35, 40);
border-radius: 0.5em;
box-shadow: 0.2em 0.2em 0.9em 0 rgba(7, 7, 7, 1);
min-height: 5em;
}
.absol-window button {
font-size: 1em;
}
.absol-window-button:disabled,
.absol-window-button:disabled:hover {
color: rgb(60, 60, 62);
background-color: rgba(70, 70, 73, 0.5);
}
.absol-window-button {
color: rgb(220, 220, 255);
height: 2em;
background-color: rgb(70, 70, 73);
padding-left: 1em;
padding-right: 1em;
border-radius: 0.3em;
}
.absol-window-button:hover {
background-color: rgb(90, 90, 95);
}
.absol-window-button:active {
background-color: rgb(100, 100, 110);
}
.absol-window-title-bar {
background-color: rgb(50, 50, 52);
border-radius: 0.5em 0.5em 0 0;
height: 2.5em;
position: relative;
}
span.absol-window-title-text {
line-height: 1.4em;
font-size: 1.4em;
margin-left: 0.6em;
}
.absol-window-tile-button-container {
position: absolute;
right: 1em;
top: 0.3em;
bottom: 0.2em;
}
.absol-window-tile-button-container button {
width: 1.8em;
height: 1.8em;
margin-left: 0.3em;
background-color: rgb(90, 90, 95);
border-radius: 0.2em;
color: rgb(220, 220, 230);
}
.absol-window-tile-button-container button:hover {
background-color: rgb(110, 110, 114);
}
.absol-window-tile-button-container button:active {
background-color: rgb(132, 132, 136);
}
.absol-window-exit-btn {
background-color: rgb(200, 50, 50);
}