div.module-page {height:0px;}.module-content .question-area .calendar-item{display:flex;jusitfy-content:center;gap:1rem;}.module-content .question-area .calendar-item{display:flex;jusitfy-content:center;gap:1rem;}.module-content .question-area .calendar-item .label{width:100%;}.module-content .question-area .calendar-item .calculated-date{width:120px;}.module-content .question-area oneflow-dateselection input{    border-radius:4px;    padding-left:0.5rem;}.module-content .question-area .calendar-item calendar-event {     padding-top:4px;}.module-content .question-area .calendar-item oneflow-checkbox .checkbox{padding-top:12px;}.module-content .question-area .calendar-item oneflow-checkbox .checkmark{position:relative;top:unset;display:inline-block;border-radius: 25px;}.module-content .question-area .calendar-item oneflow-checkbox input:checked ~ .checkmark {color: white;background-color:var(--fg-color-cyan);border-color:var(--fg-color-cyan);}.module-content .question-area .calendar-item oneflow-checkbox .checkmark:after {border: solid white;border-width: 0 3px 3px 0;}.card .button{min-width:unset;background-color:lightgray;color:white;padding:0.7rem;margin:0.5rem;}.circlenumber {    display:flex;    justify-content:center;    align-items:center;    border-radius: 50%;    width: 1.1rem;    height: 1.1rem;    padding: 2px;    background-color: black;    color: white;    text-align: center;    font-size: .8rem;}.circletick {  display:inline-block;  position: relative;  background: white;  border: 3px solid var(--fg-color-cyan);  border-radius: 50%;  width: 2rem;  height: 2rem;  min-width:2rem;}.circletick.small{width:1.5rem;height:1.5rem;min-width:1.5rem;  border: 1px solid var(--fg-color-cyan);  border-radius: 50%;}.circletick.completed {  position: relative;  background-color: var(--fg-color-cyan);  border: 3px solid var(--fg-color-cyan);  border-radius: 50%;}.circletick .checkmark {  position: absolute;  transform: rotate(45deg) translate(-50%, -50%);  left: 32%;  top: 46%;  height: 33%;  width: 16%;  border-bottom: 3px solid var(--fg-color-cyan);  border-right: 3px solid var(--fg-color-cyan);}.circletick.completed  .checkmark{  border-bottom: 3px solid white;  border-right: 3px solid white;}.dateselection .inputArea {  position: relative;}.dateselection input.error {  border-color: var(--control-error-color);}.dateselection .selectionArea {  position: absolute;  right: -42px;  left: 0px;  top: 41px;  background-color: var(--control-bg-solid-color);  border-color: var(--control-border-color);  overflow-x: hidden;  overflow-y: auto;  display: none;  z-index: 100;  padding: 0px;  margin: 0px;  margin-top: -1px;  border: 2px solid var(--control-border-color);  width: 254px;}.dateselection .selectionArea .header {  width: 100%;  padding: 4px;}.dateselection .selectionArea .header .year {  margin-left: 8px;  cursor: pointer;}.dateselection .selectionArea .header .month {  margin-left: 4px;  cursor: pointer;}.dateselection .selectionArea .header .monthSelection {  margin-right: 12px;  float: right;  width: 24px;  height: 24px;  text-align: center;  vertical-align: middle;  cursor: pointer;}.dateselection .selectionArea .header .monthSelection:hover {  color: var(--control-selection-color);}.dateselection .selectionArea table {  float: none;  table-layout: fixed;  width: 100%;}.dateselection .selectionArea input {  border-color: var(--control-border-color);  height: 32px;  border-style: none;  padding-left: 28px;}.dateselection .selectionArea thead {  font-weight: bold;  background-color: var(--control-bg-solid-color);}.dateselection .selectionArea tbody {  background-color: var(--control-bg-color);}.dateselection .selectionArea td {  text-align: center;  min-width: 32px;  height: 32px;  box-sizing: border-box;}.dateselection .selectionArea td.current {  background-color: var(--theme-color);  color: var(--control-selection-color);}.dateselection .selectionArea td.selected {  border: 2px solid var(--theme-color);}.dateselection .selectionArea td.outside {  opacity: 0.3;}.dateselection .selectionArea td:hover {  cursor: pointer;  background-color: var(--control-bg-color-hover);  opacity: 1;  color: var(--control-color);}.dateselection button {  position: absolute;  top: 4px;  width: 32px;  height: 32px;  opacity: 1;  min-width:32px;  margin:unset;}.dateselection button:focus {  /*        outline:2px solid red;*/}.dateselection button.dropDownArrow {  right: -34px;}.dateselection button.dropDownClear {  right: -4px;}.module-content ul.dot-list{list-style-type:disc;}.module-content ul.dot-list > li:first-child{color:var(--fg-color-gray);font-weight:normal;}.email-holder {background-color:#eff3f4;margin-top:1rem;margin-bottom:1rem;padding:1rem;}.email-holder button{margin-bottom:0px;}.email-holder .email {padding:1rem;background-color:white;border:1px solid white;border-radius:8px;}.email-holder .email .email-header {border: solid: 1px solid black;margin-bottom:2rem;}.email-holder .email-header div:first-child{div class="flex";line-height:1.5rem;color:white;background-color:#303c4b;padding:1rem;border:solid 1px #303c4b;border-radius:8px 8px 0px 0px;display:flex;gap:1rem;margin-left:-1rem;margin-right:-1rem;margin-top:-1rem;}.email-holder .email-header div:first-child p{color:white;margin:0;padding:0;}.email-holder .email-header div:first-child i{margin-right:1rem;}.email-holder .email .email-header label{color:#9ca6b2;margin:0;padding:0;margin-right:1rem;}.email-holder .email .email-body {color:black;}.email-holder .email .email-footer {border-top:1px solid #eff3f4;margin-top:2rem;}.page.module{display:flex;overflow-y:scroll;}.page.module .champion-sidebar{position:sticky;top:0;}.module .module-body{display:flex;flex-direction:row;margin:1rem;}.module .module-sidebar{width:auto;margin-left:1rem;}.module .module-sidebar > div {position:sticky;top:0px;}.module-content{padding:6rem;padding-top:3rem;padding-right:4rem;margin:1rem;margin-left:0px;box-sizing: border-box;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);background-color:white;}.module-content > p {color:var(--fg-color-gray);line-height:1.5rem;}.module-content a {color:#95a0ad;font-weight:bold;}.module-content a.button{font-weight:unset;}.module-content a.button.disabled {pointer-events:none;background-color:lightgray;}.module-content ul {list-style:none;padding-bottom:0.3rem;padding-top:0.5rem;}.module-content ul li span.circlenumber{position:absolute;left:-2rem;}.module-content ul li:first-child{font-weight:bold;color:black;}.module-content ul li{font-weight:normal;color:var(--fg-color-gray);position:relative;line-height:1.5rem;}.module-content .question-area{background-color:#eff3f4;padding:1.5rem;border-radius:0px;padding-bottom:2rem;margin:0px;}.module-content .question-area textarea {background-color:white;}.module-content .question-area p{color:black;}.module-content .question-area .oneflow-formfield{margin:0px;}.module-content .question-area h2{margin:0px;margin-bottom:2rem;font-size:1.2rem;font-weight:bold;}.module-header {display:flex;align-items: center;justify-content: stretch;flex-wrap:nowrap;background-color:white;padding:2rem;margin:2rem;box-sizing: border-box;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);}.module-header div:nth-child(2){padding-right:2rem;padding-left:2.5rem;text-align:left;width:100%;}.module-header > img{max-width:268px;width:268px;}.module-header > div:last-child {max-width:200px;min-width:150px;width:200px;text-align:center;}.module-heading {position:relative;display:flex;flex-wrap:nowrap;align-items:center;margin-bottom:2rem;margin-left:-3.6rem;}.module-heading .circletick{margin-right:1.0rem;}.module-heading h1{padding:0px;margin:0px;font-family:'GT';font-weight:normal;}.module-menu {box-sizing: border-box;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);background-color:white;width:300px;}.module-menu ul {list-style:none;margin:0;padding:0;margin-top:1rem;white-space:nowrap;}.module-menu ul li {padding-left:3rem;line-height:3rem;border-bottom:1px solid #f2f2f2;position:relative;font-size:14px;padding-right:2rem;color:#616a75;}.module-menu ul li p {margin:0;padding:0;color:#95a0ad;font-size:0.8rem;font-weight:normal;display:block;line-height:0;margin-top:-0.5rem;margin-bottom:1rem;}.module-menu ul li.active {color:#3b4655;font-weight:bold;}.module-menu ul li.completed:not(.active){color:#a5afba;}.module-menu ul li:hover:not(.active){cursor:pointer;background-color:#f2f2f2;}.module-menu ul li .circletick {position:absolute;top:.6rem;left:.5rem;min-width:1.5rem;width:1.5rem;height:1.5rem;border-width:2px;}.module-menu ul li:has(p) .circletick {top:1rem;}.module-menu ul li.completed .circletick {background-color:var(--bg-color-cyan);}.module-menu ul li.completed .circletick .checkmark{border-color:white;}.module-menu ul li.incomplete:not(.active) .circletick  {border-color:lightgray;}.module-menu ul li.incomplete:not(.active) .checkmark:not(.active) {border-color:lightgray;}.module-menu ul li .arrow {position:absolute;top:0rem;right:.5rem;border-width:2px;font-size:1.5rem;}.multientry .inputline {  display: flex;  flex-wrap: nowrap;}.multientry .inputline button {  margin:0px;  min-width:32px;  margin-top: 4px;  border: 1px solid var(--control-border-color);  width: 32px;  height: 32px;  border-radius: 4px;  margin-left: 4px;  margin-right: 0px;}.multientry .inputline button:hover {  background-color: var(--control-bg-color-hover);}.multientry entryarea {  margin-top: 4px;  display: flex;  flex-wrap: wrap;}.multientry entryarea > oneflow-tag {  margin-bottom: 4px;  margin-left: 4px;  margin-top: 2px;}.oneflow-formfield .arraygroup{ padding-top: 0px;  pointer-events: all;  position:relative;}.oneflow-formfield .arraygroup table {width:100%;}.oneflow-formfield .arraygroup table td {padding:4px;}.oneflow-formfield .arraygroup table thead tr:first-child {font-weight:bold;}.oneflow-formfield .arraygroup table thead > tr > td {text-align:center;}.oneflow-formfield .arraygroup table tbody > tr > td:first-child {text-align:right;}.oneflow-formfield .arraygroup table tbody > tr > td:not(:first-child) {text-align:center;}.oneflow-formfield .arraygroup .errortext {  left: 0px;  top: -4px;}.oneflow-formfield .arraygroup label { position: absolute; top: 12px;}oneflow-arraygroup table > tbody > tr > td > .arraycheckbox {height: 36px;width:36px; pointer-events: all;position:relative;display:inline-block;}oneflow-arraygroup table > tbody > tr > td > .arraycheckbox input {  position: absolute;  opacity: 0;  cursor: pointer;  height: 32px;  width: 32px;  z-index: -100;}oneflow-arraygroup table > tbody > tr > td > .arraycheckbox  .arraycheckmark {  position: absolute;  top: 4px;  left: 0;  height: 32px;  width: 32px;  border: solid 2px;  border-radius:8px;  background-color: var(--control-bg-color);  border-color: var(--control-border-color);}oneflow-arraygroup table > tbody > tr > td > .arraycheckbox .arraycheckmark:hover {  background-color: var(--control-bg-color-hover);  cursor: pointer;}oneflow-arraygroup table > tbody > tr > td > .arraycheckbox input:checked ~ .arraycheckmark {  color: var(--control-bg-color);}oneflow-arraygroup table > tbody > tr > td > .arraycheckbox .arraycheckmark:after {  content: "";  position: absolute;  display: none;}oneflow-arraygroup table > tbody > tr > td > .arraycheckbox input:checked ~ .arraycheckmark:after {  display: block;}oneflow-arraygroup table > tbody > tr > td > .arraycheckbox .arraycheckmark:after {  left: 10px;  top: 2px;  width: 10px;  height: 20px;  border: solid var(--theme-color);  border-width: 0 3px 3px 0;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}.oneflow-formfield .percentgroup{ padding-top: 24px;  pointer-events: all;  position:relative;}oneflow-percentgroup.oneflow-formfield > span.errortext{top:unset;}.oneflow-formfield .percentgroup table {width:100%;}.oneflow-formfield .percentgroup table td {padding:4px;}.oneflow-formfield .percentgroup input {text-align:right;}.oneflow-formfield .percentgroup table tbody > tr > td:first-child {text-align:right;}.oneflow-formfield .percentgroup table tbody > tr > td:not(:first-child) {width:80px;}.oneflow-formfield .percentgroup .errortext {right: 0px;bottom:0px;}.oneflow-formfield .percentgroup .total > td{font-size:18px;text-align:right;}.oneflow-formfield .percentgroup .total > td:last-child{padding:0;margin:0;}.oneflow-formfield .percentgroup .total.inbalance{color:red;}.oneflow-formfield .percentgroup label { position: absolute; top: 12px;}.question-area {display:block;background-color:white;padding:24px;margin:12px;border-radius:8px;}.question-area p {line-height: initial;}.statBox {    margin-bottom: 20px;    padding-top: 0px;    width: 100%;    height: auto;    border-width: 0px;    background-color: white;    box-shadow: 5px 5px 3px rgba(0,0,0,0.3);    -moz-box-shadow: 5px 5px 3px rgba(0,0,0,0.3);    -webkit-box-shadow: 5px 5px 3px rgba(0,0,0,0.3);    -o-box-shadow: 5px 5px 3px rgba(0,0,0,0.3);    border-radius: 10px;}.statBox .heading{font-size:1.2rem;text-weight:bold;}.statBox .headerbox {    margin-bottom: 0px;    padding-top: 0px;    height: auto;    border-width: 0px;    border-radius: 10px 10px 0 0;    padding:20px;    text-align:center;}.statBox .guagebackground {    margin:0;    margin-top:5px;    padding-top: 0px;    width: 100%;    height: 25px;    background-color:#f7f8fa;    border-width: 0px;    border-radius: 25px 25px 25px 25px;    margin-bottom:1rem;}.statBox .list > p{font-size:0.8rem;}.statBox .gaugefill {    margin: 0;    padding-top: 0px;    height: 25px;    border-width: 0px;    border-radius: 25px 0px 0px 25px;    float:left;}.statBox .percentage {   float:left;   font-size:16px;   padding-top:4px;    padding-left:5px;}.statBox .green{    color:#8ec33f}.statBox .bg-green {    background-color: #8ec33f}.statBox .orange {    color: #ffc20e}.statBox .bg-orange {    background-color: #ffc20e}.statBox .red {    color: #e74d3d}.statBox .bg-red {    background-color: #e74d3d}.statBox .padding20{    padding:20px;}.statBox .text-light{color:#FFFFFF;}.statBox hr {    border: 0;    height: 1px;    background-color:lightgray;    padding:0;    margin: 0;    margin-top:5px;    margin-bottom:5px;}.statBox p {    padding: 0;    margin: 0;}.survey{padding:2rem;background-color:white;margin-bottom:2rem;}.module-content .question-area .task-item{display:flex;jusitfy-content:center;gap:1rem;}.module-content .question-area .task-item{display:flex;jusitfy-content:center;gap:1rem;}.module-content .question-area .task-item .label{width:100%;}.module-content .question-area .task-item oneflow-checkbox[checked] + p {text-decoration: line-through;}.module-content .question-area .task-item oneflow-checkbox .checkbox{padding-top:12px;}.module-content .question-area .task-item oneflow-checkbox[has-errors] .checkmark{border-color:red;}.module-content .question-area .task-item oneflow-checkbox .checkmark{position:relative;top:unset;display:inline-block;border-radius: 25px;}.module-content .question-area .task-item oneflow-checkbox input:checked ~ .checkmark {color: white;background-color:var(--fg-color-cyan);border-color:var(--fg-color-cyan);}.module-content .question-area .task-item oneflow-checkbox .checkmark:after {border: solid white;border-width: 0 3px 3px 0;}.time-inputs {  display: flex;  gap: 10px; /* Add space between the fields */}.time-input {  display: inline-block;  margin-right: 10px; /* Add space between the fields */}.training{margin:1rem;}.training .tr-text-image-column{border-radius:8px;display:flex;flex-wrap:no-wrap;background-color:white;align-items: center; justify-content: center;background-color:white;}.training .tr-text-image-column > div:first-child h3{padding:0;margin:0;font-weight:700;border:none;}.training .tr-text-image-column > div:first-child{margin:3rem;width:50%;}.training .tr-text-image-column > div:last-child{width:50%;padding:1rem;background-color:#e8e6fe;  display: flex;align-self:stretch;}.training .tr-text-image-column > div:last-child.purple{background-color:#ab85e8;}.training .tr-text-image-column > div:last-child.light-purple{background-color:#e5daf8;}.training .tr-quote{padding:24px;margin-bottom:24px;border-radius:8px;display:flex;flex-wrap:no-wrap;background-color:white;align-items: center; justify-content: center;background-color:white;}.training .tr-quote > div:last-child h3{padding:0;margin:0;font-weight:700;border:none;}.training .tr-quote > div:last-child{margin:3rem;width:50%;}.training .tr-quote > div:last-child q{font-weight:500;color:green;font-size:1.5rem;}.training .tr-quote > div:last-child q span{color:initial;}.training .tr-quote > div:first-child{width:50%;padding:1rem;background-color:white;  display: flex;align-self:stretch;}.training .image-holder{display:flex;align-items: center; justify-content: center;}.training .image-holder img{max-width:100%;height:auto;}.training .cards{display:flex;gap:1rem;}.training .card{flex:1;background-color:white; position: relative;display:flex;flex-direction:column;border-radius:8px;}.training .card.top-border{border: 4px solid green; border-bottom: none; border-left:none; border-right:none;  border-radius: 8px 8px 0 0;  overflow: hidden;}.training .card.top-border.red{border-color: red;}.training .card .card-header{padding:2rem;padding-bottom:0rem;}.training .card .card-header img{max-width:48px;margin-bottom:12px;}.training .card .card-header h3{padding:0;margin:0;font-weight:700;border:none;}.training .card .card-body{padding:2rem;padding-top:0;}.training .card .card-footer {margin-top:auto;  display: flex;align-items:flex-end;}.training .card .card-footer img{max-width:100%;height:auto;}.training .text-block{padding:2rem;background-color:white;border-radius:8px;}.training oneflow-resource{background-color:white;margin-top:-12px;}.video-thumbnail{max-width:150px;height:auto;margin-left:74px;width:150px;background-color:white;border:1px solid gray;padding:1rem;}a{color:#303c4b;}a:visited{color:#303c4b;}block-expander{    display:block;    position:relative;    cursor:pointer;    font-size:14px;    font-weight:700;    background-color:white;    border: 1px solid rgba(0, 0, 0, 0.1);     box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);     padding:12px;    margin-top:12px;}block-expander h2{padding:0;margin:0;}block-expander::after{transition:all 0.2s ease-out;position:absolute;right:12px;top:12px;font-size:24px;text-decoration:none;display:inline:block;content:'►'}block-expander.closed::after{transform:rotate(90deg);}block-expander.open::after{transform:rotate(270deg);}.expander.open{}.expander.closed{}.expander {  max-height: 0;  overflow: hidden;  transition: max-height 0.2s ease-out;}.expander .text-block{   background-color:white;    padding:12px;    padding-top:24px;  border:1px solid rgba(0,0,0,0.1);}blockquote{background-color:whitesmoke;border-left:4px solid var(--fg-color-cyan);padding:1rem;padding-left:1rem;}blockquote p{padding:0;margin:0;}body{     font-family: Inter, sans-serif;    color:#303c4b;    background-color:var(--bg-color-page);}button{    display: block;    margin-top: 25px;    margin-bottom: 25px;    padding:12px;    padding-left:24px;    padding-right:24px;    border-radius: 4px;    font-size:1rem;    background-color: var(--bg-color-cyan);    font-family: Inter, sans-serif;    text-align: center;    color:white;    border: 0;    cursor: pointer;      min-width:124px;    text-decoration: none; }button i{margin-right:1rem;}button.danger{background-color:var(--bg-color-danger);}button.danger:hover{background-color:var(--bg-color-danger-highlight);}button:hover{    background-color: var(--bg-color-cyan-highlight);    opacity: 1;    background-clip: border-box;    -webkit-text-fill-color: inherit;    mix-blend-mode: normal;}button:disabled{opacity:0.2;pointer-events:none;}a.button{    position:relative;    margin-top: 25px;    margin-bottom: 25px;    padding:12px;    padding-left:24px;    padding-right:24px;    border-radius: 4px;    background-color: var(--bg-color-cyan);    font-family: Inter, sans-serif;    color:white;    border: 0;    cursor: pointer;      min-width:124px;    text-decoration: none;      display: inline-flex;align-items: center; gap:0.5rem;    font-size:1rem;   justify-content:center;}[hidden]{display:none;}a.button:hover{    background-color: var(--bg-color-cyan-highlight);    opacity: 1;    background-clip: border-box;    -webkit-text-fill-color: inherit;    mix-blend-mode: normal;}a.button:disabled{opacity:0.2;pointer-events:none;}a:button.disabled{pointer-events:none;background-color:black;}a.button[locked]::after{content: url('/Asset/Get/lock.svg');opacity:1;position:absolute;top:-2rem;left:-1.75rem;width:1.5rem;height:1.5rem;}a.button.bg-color-white{    background-color:white;    color:var(--fg-color-cyan);    border:1px solid var(--bg-color-cyan);}a.button.bg-color-white:hover{    background-color:var(--bg-color-cyan);;    color:white;    border:1px solid var(--bg-color-cyan);}calendar-event {position:relative;min-width:160px;}calendar-event  > div{z-index:1000;position:absolute;top:32px;left:0px;width:196px;border:2px solid lightgray;border-top:1px solid lightgray;display:none}calendar-event  > div.show{display:block;}calendar-event a:hover{background-color:whitesmoke;}calendar-event a{display:flex;line-height:32px;align-items:center;text-decoration:none;padding-left:10px;background-color:white;}calendar-event button{margin:0;background:white;border-radius:8px;}calendar-event button{color:black;width:100%;display:flex;background:white;align-items:center;font-size:14px;padding:8px;border: 2px solid lightgray;line-height:14px;height:unset;}calendar-event button:hover{background-color:whitesmoke;}calendar-event img{width:18px;height:18px;margin-right:12px;}  oneflow-cardlist .cardarea .card.user {      max-width:400px;      border-radius:8px;}oneflow-cardlist .cardarea .card > p.tag {display:flex;flex-wrap: wrap;gap:4px;font-size:0.8rem;}oneflow-cardlist .cardarea .card > p.role{display:flex;flex-wrap: wrap;gap:4px;font-size:0.8rem;}oneflow-cardlist .cardarea .card > p.role > span{padding:4px;background-color:#95a0ad;border-radius:4px;color:white;}  oneflow-cardlist .cardarea .card > p.tag > span{padding:4px;background-color:#95a0ad;border-radius:4px;color:white;font-size:0.8rem;}  oneflow-cardlist .cardarea .card > p.team> span{padding:4px;background-color:#95a0ad;border-radius:4px;font-size:0.8rem;color:white;}  oneflow-cardlist .cardarea .card > p.location > span{font-size:0.8rem;padding:4px;background-color:#95a0ad;border-radius:4px;color:white;}.content{box-sizing:border-box;overflow-y:scroll;padding:2rem;width:100%;height:100vh;scroll-behavior: smooth;}.download-container{background-color:#eff3f4;padding:1rem;margin-top:1rem;margin-bottom:1rem;display:inline-block;}.download-container a.button{margin-bottom:0px;}.download-container .container{display:flex;gap:1rem;}.download-container .container img{display:block;max-height:150px;background-color:e0e8e9;width:auto;margin-bottom:0.5rem;}.download-container .container label{font-weight:bold;color:black;}.download-container .container label span{color:#aeb7c1;}.flex {display:flex;}.flex.gap {gap:0.8rem;}.flex.gap-double {gap:1.5rem;}.flex.column-mode{flex-direction:column;}.flex.stretch{align-items: stretch;}.flex-columns{flex-wrap:nowrap;}.flex.columns > div{flex-grow:1;width:100%;}.flex.columns-3 > * {   flex-grow:1;    flex-shrink:1;   width:30%;}.flex.columns-2 > * {   flex-grow:1;    flex-shrink:1;   width:50%;}.flex.columns.shrink > div{flex-grow:1;flex-shrink:1;width:unset;}.flex.columns > div > p:first-child{margin-top:0;}.flex.shadow{box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);}.flex.bottommargin{margin-bottom:50px;}.flex.right{justify-content:right;}.flex.left{justify-content:left;}.flex.vertical-center{align-items: center;}.flex.nowrap{flex-wrap:nowrap;}.flex.wrap{flex-wrap:wrap;}.flex.center{justify-content:center;}.flex.space-even{justify-content:space-evenly;}.flex.space-between{justify-content:space-between;}.flex.self-center{align-self:center;}.pull-right{margin-left:auto;}.text-center{text-align:center;}.content > form, .content.wizard > section > form {background-color:white;padding:24px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);border-radius:12px;}hr{border:none;border-bottom: 1px solid rgba(179, 182, 183, 0.4)}html { scroll-behavior: smooth;}.public .widget-container .info-widget img.w250{max-width:250px;margin-left:-50px;margin-right:-50px;}.public .widget-container .info-widget img.wf250{max-width:250px;}.public .widget-container .info-widget img.w350{max-width:350px;margin-left:-100px;margin-right:-100px;}    img.shadow{box-shadow: 1px 1px 5px 3px rgb(179 182 183 / 43%);}.insights .teams{display:block;background-color:whitesmoke;border-radius:25px;padding:1rem;}.insights h2{font-weight:400;font-size:1.0rem;margin:0px;padding:0px;margin-bottom:0.5rem;}.insights .teams p label{font-weight:400;font-size:.8rem;display:block; white-space: nowrap;}.insights .teams p{ font-weight:800; white-space: nowrap;}.insights .team,.strategy,.champion{display:flex;gap:1rem;}.insights .team,.strategy,.champion > p{margin-top:0px;}.insights .strategies .strategy p{margin:0px;padding:0px;font-weigth:600;margin-bottom:0.5rem;}.insights .champion > div > p{font-size:.8rem;font-weight:400;margin:0;padding:0;}.insights .strategies .strategy p  span{ white-space: initial;}.insights .champion{background-color:white;padding:1rem;border-radius:8px;margin-bottom:1rem;}html, body { height:100%; margin 0; padding:0; }main{    display:grid;    height: 100%;    grid-template-rows: 64px 1fr;}.page-layout-header{background-color:var(--theme-color-primary);display:flex;align-items:center;grid-row:1;gap:12px;}.page-layout-content{grid-row:2;overflow-y:scroll;}.page-layout-content .content{height:100%;overflow-y:unset;}.page-layout-header .logo img{height:48px;width:auto;}.page-layout-header .home-icon{opacity:0.8;cursor:pointer;}.page-layout-header .home-icon:hover{opacity:1;}.page-layout-header .home-icon img{height:48px;width:auto;}.page-layout-header .back-icon{color:white;opacity:0.8;font-size:42px;margin-left:12px;cursor:pointer;}.page-layout-header .back-icon:hover{opacity:1;}.page-layout-header .menu-divider{width:2px;opacity:0.2;height:100%;background-color:white;}.page-layout-header .username{margin-left:auto;margin-right:24px;align-item:end;display:flex;align-items:center;color:white;}.page-layout-header .username p{color:white;padding:0;margin:0;}.page-layout-header .username img{height:32px;opacity:0.8;margin-right:12px;}.layout {  display: grid;  background-color:#eff3f4;  height: 100vh;  grid-template-columns: 2fr;  grid-template-rows: auto 1fr auto;  grid-template-areas: "page-header" "page" "page-footer";  margin: 0;  padding: 0; }.page{}.page-header{background-color:white;height:80px;}.page-footer{display:none;}.split-columns{display:flex;height:100%;}.split-columns .left-pane{padding-left:24px;padding-right:24px;background-color:white;width:10%;align-items: stretch;}.split-columns .center-pane{padding-left:24px;padding-right:24px;background-color:white;width:50%;align-items: stretch;}.split-columns .right-pane{padding-left:24px;padding-right:24px;background-color:#eff3f4;width:40%;align-items: stretch;}.layout {  display: grid;  background-color:#eff3f4;  height: 100vh;  grid-template-columns: 2fr;  grid-template-rows: auto 1fr auto;  grid-template-areas: "page-header" "page" "page-footer";  margin: 0;  padding: 0; }.page{}.page-header{background-color:white;height:80px;}.page-footer{display:none;}.split-columns{display:flex;height:100%;}.split-columns .left-pane{padding-left:24px;padding-right:24px;background-color:white;width:70%;align-items: stretch;}.split-columns .right-pane{padding-left:24px;padding-right:24px;background-color:#eff3f4;width:30%;align-items: stretch;}.theme .menu{ display:flex; flex-wrap:wrap; gap:36px; background-color:var(--theme-color-primary); padding:24px; border-radius:12px; padding-bottom:36px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);}.theme .menu > section{  display:flex;  flex-wrap:wrap;  align-content:flex-start;  gap:16px; padding:0px; padding-top:36px;}.theme .menu-block{ background-color:var(--theme-color-primary); padding:12px; position:relative; margin-bottom:0px; margin-top:36px; border-radius:20px; padding-top:36px; gap:16px; display:flex; flex-direction:column;}.theme .menu-block  > a{ min-width:272px; height:36px; display:flex; margin:0px; white-space:nowrap; text-decoration:none;}.menu-block > a:hover{ text-decoration:none;}.theme .menu .menu-block h2{ font-size:18px; position:absolute; color:var(--theme-color-secondary); left:0px; top:-40px; padding:4px; padding-top:12px; padding-left:24px; padding-bottom:12px;  border-top-left-radius: 20px;  border-top-right-radius: 20px; }.theme .menu .menu-block .menu-item{display:flex;flex-direction:row;align-items:start;justify-content:start;position:relative;background-color:var(--theme-color-primary);padding:16px;border-radius:20px;border: 1px solid hsl(247, 55%, 26%);  box-shadow:         1px 1px 2px rgba(255, 255, 255, 0.6),           -1px -1px 2px rgba(0, 0, 0, 0.2);  transition: filter 0.3s ease;  width:300px;}.theme .menu .menu-block .menu-item:hover{display:flex;cursor:pointer;flex-direction:row;align-items:start;justify-content:start;position:relative;background-color:var(--theme-color-primary);padding:16px;border-radius:20px;border: 1px solid hsl(233, 58%, 46%);  box-shadow:         1px 1px 2px rgba(255, 255, 255, 0.8),           -1px -1px 2px rgba(0, 0, 0, 0.2);   filter: brightness(1.2);}.theme .menu .menu-block .menu-item p{padding:0;padding-left:24px;margin:0;display:flex;}.theme .menu .menu-block .menu-item .menu-icon{opacity:0.8;}.theme .menu .menu-block .menu-item .menu-icon .iconSymbol img{filter: brightness(0) invert(1);width:32px;height:32px;}.theme .menu .menu-block .menu-item .menu-text{color:white;}.theme .menu .menu-block .menu-item .menu-info{color:var(--theme-color-secondary);font-size:12px;text-wrap:wrap;}a[is=oneflow-linkbox] {position:relative;padding: 12px 32px;height:150px;border-right: 1px solid #eff3f4;outline-color: #95a0ad;outline-offset: 0px;outline-style: none;outline-width: 1px;background-color:white;box-sizing: border-box;font-family: Inter, sans-serif;color: #95a0ad;flex: 0 0 300px;text-decoration:none;display:flex;justify-content:center;align-items:center;}a[is=oneflow-linkbox] > p {font-size:1rem;min-width:150px;max-width:150px;}a[is=oneflow-linkbox] >img  {    max-width:100px;}a[is=oneflow-linkbox] > p.large {font-size:1.4rem;width:70%;}oneflow-percentcircle {}oneflow-percentcircle .single-chart {  justify-content: space-around;}oneflow-percentcircle .circular-chart {  display: block;  margin: 10px auto;  max-width: 80%;}oneflow-percentcircle .circle-bg {  fill: none;  stroke: #eee;  stroke-width: 3.8;}oneflow-percentcircle .circle {  fill: none;  stroke-width: 2.8;  stroke-linecap: round;  animation: progress 1s ease-out forwards;}@keyframes progress {  0% {    stroke-dasharray: 0 100;  }}oneflow-percentcircle .circular-chart.orange .circle {  stroke: #ff9f00;}oneflow-percentcircle .circular-chart.green .circle {  stroke: #4CC790;}oneflow-percentcircle .circular-chart.blue .circle {  stroke: #3c9ee5;}oneflow-percentcircle .circular-chart.black .circle {  stroke: #000000;}oneflow-percentcircle .circular-chart.purple .circle {  stroke: #7f47dd;}oneflow-percentcircle .percentage {  fill: #666;  font-family: sans-serif;  font-size: 0.5em;  text-anchor: middle;}oneflow-resource{display:flex;align-items:center;flex-wrap:nowrap;font-size:1.2rem;width:100%;margin-bottom:0.2rem;background-color:#eff3f4;padding:8px;color:#303c4b;}oneflow-resource:hover{background-color:lightgray;cursor:pointer;}oneflow-resource label:hover{cursor:pointer;}oneflow-resource > div:first-child{width:3rem;height:3rem;background-color:var(--bg-color-cyan);margin-right:1rem;}oneflow-resource > div > div{color:#95a0ad;font-size:0.75rem;line-height:1rem;}oneflow-resource > div:first-child > img{padding:0.5rem;width:2rem;height:2rem;}.public{margin:0;padding:0;display: grid;grid-template-rows: 96px 1fr;height: 100vh;background-color:white;}.public .header{margin:0;padding:0; height: 96px;  box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, .07);}.public .header-container{margin-left:auto;margin-right:auto;max-width:1400px;padding-left:12px;padding-right:12px;display:flex;align-items:center;justify-content:space-between;}.public .header img{max-height:60px;padding-right:12px;cursor:pointer;}.public .header .menu-options{display:flex;justify-content:center;align-items:center;align-item:right;gap:24px;font-size:14px;font-weight:500;color:#303c4b;font-family:Inter, sans-serif;}.public a{text-decoration:none;}.public a:hover{color:#817fbd;}.public a.button{min-width:unset;border: 2px solid #47c0c2;}.public a.button:hover{color:white;background-color:#817fbd;border-color:#817fbd;}.public a.button.outline{background-color:white;color: #47c0c2;}.public a.button.outline:hover{background-color:#47c0c2;color:white;border-color:#47c0c2;}.public .content{margin:0;padding:0px;overflow-y:auto;height:calc(100vh - 96px);}.public section{    padding-top: 80px;    padding-bottom: 80px;    margin-bottom:48px;    padding-left:24px;    padding-right:24px;}.public section .block{margin-left:auto;margin-right:auto;max-width:1200px;}.public section .block p{padding-left:10px;padding-right:10px;padding-top:0px;padding-bottom:96px;font-size:18px;}.public section .block p a{font-weight:600;text-decoration:none;}.public section .block p a:hover{font-weight:600;text-decoration:underline;}.public section.grey{    background-color: #f7f8f9;    background-image: url("/Asset/Get/bg-grey.png");    background-position: 0 0;    background-size: 125px;    margin-bottom: 0;    font-family: Inter, Arial, sans-serif;}.public section.blue{    background-color: #25235a;    background-image: url("/asset/get/home-flowers.png"), url("/asset/get/home-blob.png");    background-position: 100% 70%, 1000px;    background-repeat: no-repeat, no-repeat;    background-size: 206px, contain;}.public section.blue p{color:white;padding-bottom:unset;}.public section.blue h1{color:white;}.public .text-center{text-align:center;}.public .columns{margin-left:auto;margin-right:auto;max-width:1200px;width:100%;display:flex;gap:24px;justify-content:space-evenly;align-items:center;}.public .column{flex:1 1 0;}.public .column.align-top{align-self:start;}.public .column img{ max-width: 100%; height: auto; }.public .content p{    color: #4c5e72;    margin-top: 40px;    font-family: Inter, Arial, sans-serif;    font-size: 18px;    font-weight: 300;    line-height: 28px;}.public h1.heading{    color: #303c4b;    font-family: GTBL, Arial, sans-serif;    font-size: 52px;    line-height: 52px;}.public h1.heading-3{    color: #303c4b;    text-align: center;    margin-bottom: 20px;    font-family: GTBL, Arial, sans-serif;    font-size: 34px;    font-weight: 900;}.public .widget-container{margin-top:48px;margin-bottom:48px;width:100%;display:flex;flex-wrap:wrap;gap:24px;align-items: stretch;}.public .widget-container .info-widget{display:flex;justify-content:center;align-items:center;flex:1 1 450px;padding:12px;background-color:white;    box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, .07);}.public .widget-container .info-widget img{max-width:150px;height:auto;}.public .widget-container .info-widget .info-widget-heading{    color: #303c4b;    text-align: left;    margin-bottom: 20px;    font-family: GTBL, Arial, sans-serif;    font-size: 28px;    font-weight: 900;}.public .widget-container .info-widget > div{text-align:left;padding:12px;}.public section .block .widget-container p{padding:0;}.public .widget-container .info-widget .info-widget-heading p{    color: #4c5e72;    margin-top: 40px;    font-family: Inter, Arial, sans-serif;    font-size: 18px;    font-weight: 300;    line-height: 28px;}.public .widget-container .testimony-widget{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 1 450px;padding:48px;background-color:#26245a;color:white;    box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, .07);}.public .widget-container .testimony-widget p{margin:0;    text-align: left;    border-left-style: none;    border-left-width: 0;    padding: 0;    font-size: 21px;    font-weight: 300;    line-height: 28px;    color:white;    margin-bottom:12px;}.public .widget-container .testimony-widget > p span.testimony-quote-symbol:first-child{font-size:90px;display:block;line-height:unset;font-family:GTBL;}.public .widget-container .testimony-widget p.testimony-name{line-height: unset;font-weight:800;align-self:end;margin-bottom:0;}.public .widget-container .testimony-widget p.testimony-company{line-height: unset;align-self:end;}.public .footer-socials > img{max-width:200px;height:100%;}.public .footer-socials > p{    line-height:initial;    padding:0;    color: #b3b3b3;    margin-top: 0;    font-size: 12px;    margin-bottom:48px;}.public .footer-socials a:hover{filter: hue-rotate(59deg);}.public .footer-socials a img{width:36px;height:36px;}.public .footer-links h2{    font-weight:800;    color: #303c4b;    text-align: left;    text-transform: uppercase;    margin-top: 20px;    margin-bottom: 20px;    font-family: Inter, Arial, sans-serif;    font-size: 12px;    line-height: 1.5;}.public .footer-links a{    color: #4c5e72;    text-align: left;    margin-bottom: 20px;    font-family: Inter, Arial, sans-serif;    font-size: 12px;    text-decoration: none;    display: block;}.public .footer-links a:hover{color:#303c4b;text-decoration: none;}.public h1.heading-3.text-left{text-align:left;}.public .text-left{text-align:left;}.public .text-right{text-align:right;}.menu-icon {    display: none;    font-size: 24px;    cursor: pointer;}.public .text-center{text-align:center;}/* Hide the checkbox */.menu-toggle {    display: none;}.public nav{display:flex;flex-wrap:nowrap;}.public .menu-buttons{margin-left:12px;display:flex;gap:12px;}.public .menu-options a{text-wrap:nowrap;}@media (max-width: 1100px) {.public .header img{margin-top:18px;}.public .header .menu-options  {        display: none;        flex-direction: column;        width: 100%;    }   .public  .menu-options a {        margin: 10px 0;    }   .public .menu-icon {        display: block;    }    /* Show menu when checkbox is checked */.menu-toggle:checked + .menu-icon + .menu-options {position:fixed;right:0px;top:66px;display:flex;flex-direction:column;width:300px;background-color:white;gap:4px;    }}.card.resource{display:flex;gap:1rem;position:relative;}.card.resource img{max-width:150px;height:auto;}.card.resource img:hover {        box-shadow: 0px 0px 5px 1px #888888;        padding: 0;        margin: 0;        background-color: white;        z-index: 11001;        transform-origin:left top;        transition: transform .2s,box-shadow .2s;        transition: transform .2s,margin .2s;        transform: scale(2, 2);    }.card.resource div p{margin-top:1rem;padding:0;}.card.resource .description{font-weight:bold;font-size:1.2rem;margin-bottom:0px;}.card.resource .overviewtext{margin-top:0.5rem;font-size:0.8rem;}small{color:gray;}.spacer24{margin-top:24px;}.spacer48{margin-top:48px;}spacer96{margin-top:96px;}.survey-content{width:100%;padding:2rem;margin:1rem;box-sizing: border-box;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);background-color:white;}#survey-links{text-align:center;display:flex;padding:1rem;flex-direction:column;justify-content:center;align-items:center;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);background-color:whitesmoke;border-radius:8px;}#survey-links h2{font-size:2rem;font-weight:bold;text-align:center;}#survey-links button{margin-left:auto;margin-right:auto;}#survey-links .counts{display:flex;flex-direction:row;gap:2rem;align-items:center;justify-content:space-evenly;}#survey-links > div > p.expires{margin-top:-32px;margin-bottom:32px;}#survey-links .counts > div{width:200px;text-align:center;background-color:white;padding:2rem;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);border-radius:8px;}#survey-links .counts > div p{font-size:1.2rem;font-weight:400;}#survey-links .counts > div p.count{font-size:2rem;font-weight:bold;}#survey-links > div > p > span {font-size:1.2rem;}#survey-links > div > p > span > button{display:inline-block;width:32px;min-width:unset;padding:0.5rem;margin-left:0.5rem;text-align:center;}.timelineheading{font-size:1.5rem;font-weight:300;color:white;margin-top:0px;}.timelinebarsection{background-color:#7f47dd;padding:2rem;}.timeline{display:flex;text-align:left;gap:24px;}.timeline timeline-bar{font-size:12px;font-weight:800;}.timeline timeline-bar p{font-size:12px;font-weight:500;text-align:right;padding:0;margin:0;padding-top:4px;}.timeline timeline-bar h5{font-size:1em;padding:0;margin:0;margin-bottom:4px;text-transform:uppercase;color:whitesmoke;}.timeline timeline-bar.cyan{color:var(--fg-color-cyan);}.timeline #timeline-setup{width:20%;}.timeline #timeline-8weekchallenge{width:60%;}.timeline #timeline-wrapup{width:20%;}.timeline timeline-bar .outside{width:100%;height:8px;position:relative;background-color:red;opacity:1;}.timeline timeline-bar .outside.cyan{background-color:#996ce4;}.timeline timeline-bar .inside.cyan{background-color:var(--bg-color-cyan);}.timeline timeline-bar .inside{top:0;left:0;height:8px;width:0px;position:absolute;line-height:inherit;}.timeline timeline-bar .outside.rounded{border-radius:16px!important;}.timeline timeline-bar .inside.rounded{border-radius:16px!important;}h2 {    margin-bottom: 20px;    color: #303c4b;    font-size: 1.25rem;    line-height: 30px;    font-weight: 300;    font-family: Inter, sans-serif;}.opacity50percent{background-color:rgba(255,255,255,0.5);}.opacity50percent > img{opacity:0.5;}.opacity50percent > p{opacity:0.5;}[hidden]{display:none;}.hidden{display:none;}a.hidden{display:none;}.disable-view{pointer-events:none;}.oneflow-linkbox.completed::before {      border:1px solid white;      content: "completed";      padding:4px;      color:white;      background-color:rgba(71,192,194,1);      position: absolute;      top: 50%;      left: 50%;      transform: translate(-50%, -50%);      font-weight: bold;      font-size: 1.2em;      border-radius: 0.5rem;      z-index: 2;      text-transform: uppercase;      pointer-events: none;  }.wizard{padding:24px;height:100%;border-radius:24px;}.wizard [hidden]{display:none;}.content.wizard{height:100%;}wizard .hidden{display:none;}.wizard.theme h1{margin-top:24px;color:var(--theme-color-primary);}.wizard.theme h2{color:var(--theme-color-primary);font-size:24px;}.button-group{margin-top:24px;display:flex;justify-content:space-between;gap:24px;}.button-group.left-align{justify-content:start;}.button-group button{min-width:150px;}.wizard table tr td:first-child{font-weight:bold;text-align:right;}.wizard table tr td{padding:8px;}:root {    --theme-color-primary: #130f41;    --theme-color-secondary: #8ec240;    --theme-background-light: white;    --theme-background-dark: #222222;    --theme-900: #00274D;    --theme-700: #004A90;    --theme-500: #276EB1;    --theme-300: #6EACE7;    --theme-100: #E6F2FF;    --text-color-dark: white;    --text-color-light: #222222;}/* general themed items */:root{    --grey-900: #222222;    --grey-700: #5B5A5D;    --grey-500: #919596;    --grey-300: #D7DDDF;    --grey-100: #EDEDED;}.theme h1 {    font-family: "Inter", sans-serif;    font-size: 32px;    font-weight: bold;    line-height: 110%;}.theme .panel-primary>.panel-heading{  background-color: var(--theme-color-primary); color:var(--text-color-dark); padding:24px; font-family: "Inter", sans-serif;}.theme .panel-title{font-weight:500;}.theme .btn-primary{  background-color:var(--theme-100);}.theme h2 {    font-family: "Inter", sans-serif;    font-size: 30px;    font-weight: bold;    line-height: 110%;}.theme h3 {    font-family: "Inter", sans-serif;    font-size: 24px;    font-weight: bold;    line-height: 110%;}.theme h4 {    font-family: "Inter", sans-serif;    font-size: 20px;    font-weight: bold;    line-height: 110%;}.theme .dropshadow{    box-shadow: 4px 4px 4px #10192811;}.theme .card{    border-radius: 20px;    background-color:var(--theme-background-light);    color:var(--grey-900);}.theme .color-subtext{    color:var(--grey-700);}.theme .title{ font-size:16px; color:#00274c; font-family: "Inter", sans-serif; font-weight:400; border-bottom: 1px solid var(--grey-100); white-space: nowrap; margin-bottom:12px; font-weight:500;}.theme .subTitle{ font-size:12px; color:var(--grey-500); font-family:"Inter", sans-serif;  white-space: nowrap;}.theme .color-emphasis{    color:var(--theme-300);}.theme .spacing{   gap:16px; }.theme .status-widget span, .theme .table-widget td, .theme .table-widget th, .theme .menu-block {font-family: "Inter", sans-serif;}.theme table th{ background-color: var(--theme-300); color:var(--text-color-dark);}.theme p {    font-family: "Inter", sans-serif;}    .theme p.lead {        font-size: 18px;        line-height: 145%;    }    theme p.body400 {        font-size: 16px;        line-height: 170%;        font-weight: 400;    }    theme p.body500 {        font-size: 16px;        line-height: 170%;        font-weight: 500;    }    theme p.body600 {        font-size: 16px;        line-height: 170%;        font-weight: 600;    }    theme p.small400 {        font-size: 12px;        line-height: 170%;        font-weight: 400;    }    theme p.small500 {        font-size: 12px;        line-height: 170%;        font-weight: 500;    }    theme p.small600 {        font-size: 12px;        line-height: 170%;        font-weight: 600;    }:root {  --theme-color: darkslategray;  --theme-highlight-color: #558f8f;  --font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;  --control-font-family: var(--font-family);  --font-size: 18px;  --control-font-size: 18px;  --control-error-font-size: 10px;  --control-large-font-size: 24px;  --control-medium-font-size: 20px;  --control-error-color: #ff0000;  --error-text: rgba(255,0,0,.5);  --control-shadow: 5px 5px 5px 0px gray;  --breakpoint-mobile: 768px;  /* Default to light if no prefers-color-scheme */  --theme-bg-color: #eef5f5;  --color: #000000;  --background-color: rgba(250,250,250,1);  --border-color: #c9c9c9;  --font-color: rgba(50,50,50,1);  --body-bg-color: rgba(215,215,215,1);  --control-color-disabled: #B0B0B0;  --control-bg-color: white;  --control-card-bg-color: #F5F5F5;  --control-bg-color-focus: rgba(240,240,240,0.4);  --control-bg-color-hover: rgba(240,240,240,0.9);  --control-bg-color-disabled: #D0D0D0;  --control-bg-solid-color: #E0E0E0;  --control-selection-color: #ffffff;  --control-selection-bg-color: #404040;  --control-selection-bg-color-hover: #202020;  --control-border-color: rgba(230,230,230,1);  --control-border-color-focus: rgba(240,240,240,0.8);  --control-font-color: #404040;  --control-label-color: #505050;  --delete-bg-color: #dc3545;}:root {--fg-color-cyan:#47c0c2;--bg-color-cyan:#47c0c2;--bg-color-navy:#130f41;--bg-color-cyan-highlight:#53e3e5;--fg-color-gray:#303c4b;--bg-color-page:#eff3f4;--bg-color-danger:maroon;--bg-color-danger-highlight:red;}.fg-color-cyan { color: var(--fg-color-cyan); }.bg-color-cyan { background-color: var(--bg-color-cyan) ;}.bg-color-page { background-color: var(--bg-color-page);}.bg-color-white { background-color:white;}h1{ margin-top: 48px;margin-bottom: 24px;font-family: 'GTBL', sans-serif;color: #303c4b;font-size: 28px;line-height: 32px;}h3 {    margin-top: 20px;    margin-bottom: 20px;    color: #303c4b;    font-size: 1.25rem;    line-height: 30px;    font-weight: 300;    margin-bottom: 0px;    padding: 0 0 4px;    border-bottom: 1px solid rgba(179, 182, 183, 0.4);    font-family: Inter, sans-serif;}oneflow-cardlist {  display: grid;  height: calc(100%);  grid-template-columns: 1fr;  grid-template-rows: auto 1fr;  margin: 0;  padding: 0; }  oneflow-cardlist .header {    padding: 4px; }    oneflow-cardlist .header .searchbar {      display: flex;      gap:8px;      flex-wrap: nowrap; }      oneflow-cardlist .header .searchbar oneflow-textbox {        width: 100%; }      oneflow-cardlist .header .searchbar button {        margin-top: 14px;        margin-left: - 8px;        margin-right: 0px;        padding: 4px;        font-size: 18px;        min-width:32px;        width: 32px;        height: 32px; }  oneflow-cardlist .cardarea {    padding: 4px;    overflow: auto;    display: flex;    flex-wrap: wrap;    gap: 12px;    align-items: flex-start;    align-content: flex-start; }    oneflow-cardlist .cardarea > p {      margin: 0px;      font-size: 14px;      padding: 0px;      opacity: .6; }    oneflow-cardlist .cardarea button {      width: 100%; }    oneflow-cardlist .cardarea blockquote {      width: 100%;      padding: 8px;      margin: 4px;      background-color: var(--control-bg-solid-color); }    oneflow-cardlist .cardarea .card {      padding: 12px;      background-color: var(--control-card-bg-color);      color: var(--control-font-color);      font-size: var(--control-font-size);      font-family: var(--control-font-family);      flex-basis: 250px;      flex-shrink: 1;      flex-grow: 1; }    oneflow-cardlist .cardarea .card > p {      margin:4px;      margin-left:0px; }      oneflow-cardlist .cardarea .card > label {        font-size: 12px;        color: var(--control-label-color); }      oneflow-cardlist .cardarea .card .buttonbar {        margin-top: 12px;        margin-bottom: 4px;        display: flex;        gap: 8px; }        oneflow-cardlist .cardarea .card .buttonbar button {          padding: 8px;          flex: 0 1 32px; }          oneflow-cardlist .cardarea .card .buttonbar button:hover:not([disabled]) {            cursor: pointer; }    oneflow-cardlist .cardarea .card .overview {      font-size: 12px;      color: var(--control-label-color);      padding-left: 8px;      padding-right: 8px;      padding-top: 4px; }    oneflow-cardlist .cardarea .card.access {      cursor: pointer; }    oneflow-cardlist .cardarea .card.access:hover {      background-color: var(--control-bg-color-hover); }oneflow-statisticsbox {padding: 35px 30px 38px;border-right: 1px solid #eff3f4;outline-color: #95a0ad;outline-offset: 0px;outline-style: none;outline-width: 1px;background-color:white;box-sizing: border-box;font-family: Inter, sans-serif;color: #95a0ad;flex: 1;display:flex;flex-direction:column;align-self: stretch;justify-content:center;}oneflow-statisticsbox > label {margin:0;padding:0;line-height:1.5rem;font-weight: 400;font-size:1rem;margin-bottom:14px;color: #303c4b;text-align:center;}oneflow-statisticsbox > p {    display: block;    margin-top: 12px;    margin-bottom: 12px;    color: #47c0c2;    font-size: 2.5rem;    line-height: 1.3rem;    font-weight: 400;    text-align: center;    letter-spacing: -1px;}oneflow-statisticsbox > p > span{margin-left:12px;font-size:1rem;} p { font-family: Inter, sans-serif;       color:var(--fg-color-gray);      font-size:1rem;}p.large { font-size:1.5rem; }p.double { font-size:2rem; }p.tripple { font-size:3rem; }.sidebar-layout{height:100vh;display:flex;height:100%;flex-wrap:nowrap;}.sidebar{overflow: auto;background-color:var(--bg-color-navy);width:300px;display:flex;flex-wrap:wrap;height:100vh;align-items:stretch;padding-left:12px;padding-right:12px;font-size:14px;}.sidebar::-webkit-scrollbar {  width: 2px;}.sidebar::-webkit-scrollbar-track {  background-color:var(--bg-color-navy);} .sidebar::-webkit-scrollbar-thumb {  background: lightblue;}.sidebar::-webkit-scrollbar-thumb:hover {    background: lightblue;}.sidebar .start{width:100%;align-self:flex-start;}.sidebar .end{width:100%;align-self:flex-end;}.sidebar .title{width:100%;padding-top:15px;padding-bottom:70px;}.sidebar .title img{max-width:285px;height:auto;}.sidebar .menuitems{width:100%;color:white;}.sidebar .menuitems ul{padding:0;margin:0;list-style-type: none;}.sidebar .menuitems ul>li{display:flex;align-items:center;margin-bottom:10px;padding:10px;border-radius:4px;cursor:pointer;}.sidebar .menuitems ul>li[hidden]{display:none;}.sidebar .menuitems ul>li:hover{background-color: rgba(149, 160, 173, 0.2);}.sidebar .menuitems ul>li>img{margin-right:12px;opacity:0.6;}.sidebar .menuitems ul>li:hover>img{opacity:1;}.sidebar .menuitems ul>li.active img{opacity:1;}.sidebar .menuitems ul>li.active{background-color: rgba(149, 160, 173, 0.2);pointer-events:none;cursor:default;}.sidebar a{color:unset;}.sidebar a:visited{color:unset;}.sidebar a:hover{color:unset;}.sidebar a { text-decoration:none;}.sidebar a.button{color:white;}.sidebar .button{width:100%;max-width:240px;padding-left:0px;padding-right:0px;}.sidebar .menuitems{ align-self: flex-end;}.sidebar .user{ align-self: flex-end;display:flex;border-top:solid;border-color:#6f6c89;margin-left:-12px;margin-right:-12px;padding:12px;padding:top:20px;}.sidebar .user>p {font-size:14px;color:white;}.sidebar .user > img{opacity:0.5;margin-right:12px;}.oneflow-button:hover:not([disabled]) {        transition: all .5s;        background-color: var(--control-bg-color-hover);    }a.oneflow-button {    text-decoration:none;}h1 + .oneflow-formfield, h2 + .oneflow-formfield, h3 + .oneflow-formfield, h4 + .oneflow-formfield, h5 + .oneflow-formfield, h6 + .oneflow-formfield {  margin-top: 24px; }[hide]{    display:none;}input[type=file] {    width: 100%;    max-width: 400px;    border: 1px solid var(--control-border-color);}input[type=file]::-webkit-file-upload-button {        visibility: hidden;    }input[type=file]::before {        content: 'Select file';        display: inline-block;        background: var(--control-bg-color);        border: 1px solid #999;        border-radius: 3px;        padding: 5px 8px;        outline: none;        white-space: nowrap;        -webkit-user-select: none;        cursor: pointer;        text-shadow: 1px 1px #fff;        font-weight: 700;        font-size: 10pt;    }input[type=file]:hover::before {        border-color: black;    }input[type=file]:active::before {        background: var(--control-bg-color);    }input[type=file]  button {        margin-left: 12px;    }.oneflow-formfield {  position: relative;  margin: 0px;  margin-top: 12px;  margin-bottom: 24px;  margin-right: 24px;  padding: 0px;  display: block;  color: var(--control-font-color);}  .oneflow-formfield.placeholder {    margin-top: 0px; }    .oneflow-formfield.placeholder label {      visibility: hidden;      transition: none;      opacity: 0; }      .oneflow-formfield.placeholder label.drop {        transition: none;        visibility: unset;        opacity: .5; }  .oneflow-formfield[hide] {    display: none; }  .oneflow-formfield .inputArea {    position: relative; }  .oneflow-formfield[hidden] {    display: none; }  .oneflow-formfield label {    z-index: 1;    margin-top: -16px;    font-family: var(--control-font-family);    font-size: 14px;    color: var(--control-label-color);    opacity: 1;    transition: all ease-in .2s;    pointer-events: none; }    .oneflow-formfield label.allowDrop {      position: absolute; }    .oneflow-formfield label.drop {      margin-top: 12px;      transition: all ease-in .2s;      opacity: .5;      padding-left: 4px; }  .oneflow-formfield input.error {    border-color: var(--control-error-color); }  .oneflow-formfield input[type=text], .oneflow-formfield input[type=number], .oneflow-formfield input[type=password] {    outline: none;    font-size: var(--control-font-size);    font-family: var(--control-font-family);    background-color: var(--control-bg-color);    border: 0px none;    border-bottom-width: 1px;    border-bottom-style: solid;    border-color: #696969;    /*border-radius: 8px;*/    padding: 0px;    padding-left: 4px;    padding-right: 4px;    margin: 0px;    height: 36px;    width: 100%;    color: var(--control-font-color); }  .oneflow-formfield input:focus {    border-bottom-width: 3px;    border-bottom-color: var(--theme-color);    margin-bottom: -2px;    transition: all linear .1s; }  .oneflow-formfield input[type=file] {    margin-top: 8px; }  .oneflow-formfield input::placeholder {    opacity: .5; }  .oneflow-formfield input[type=color] {    outline: none;    background-color: var(--body-bg-color);    border: 0px none;    /*border-radius: 8px;*/    padding: 0px;    padding-left: 4px;    padding-right: 4px;    margin: 0px;    margin-top: 8px;    height: 42px;    width: 100%; }  .oneflow-formfield input[type=text]::selection {    color: var(--control-selection-color);    background: var(--control-selection-bg-color); }  .oneflow-formfield input[type=text]:focus {    border-color: var(--control-border-color-focus);    border-bottom-color: var(--theme-color);    outline: none; }  .oneflow-formfield .errortext {    position: absolute;    padding: 0;    margin: 0;    /*right: -12px;*/    top: 38px;    color: var(--control-error-color);    font-family: var(--control-font-family);    font-size: var(--control-error-font-size); }  .oneflow-formfield button {    border-style: none;    background-color: transparent;    border-color: var(--control-border-color);    border-width: 0px;    padding: 0px;    font-size: var(--control-font-size);    color: var(--control-font-color);    opacity: .6;    border-radius: 8px 8px 0 0;    margin-right: 24px;    margin-left: 0px;    user-select: none; }  .oneflow-formfield button.bordered {    border-style: solid;    border-width: 2px;    opacity: .6;    padding: 4px;    padding-left: 8px;    padding-right: 8px;    margin-right: 1px;    background-color: var(--control-bg-solid-color); }  .oneflow-formfield button:focus {    outline: 0; }  .oneflow-formfield button:hover {    opacity: 1; }.oneflow-formfield .image {  /*height: 36px;*/  padding-top: 24px;}.oneflow-formfield .image {  /*height: 36px;*/  padding-top: 24px;}.oneflow-formfield .image > label {  position: absolute;  top: 12px;}.oneflow-formfield .image button {  margin-top: 6px;  color: var(--control-font-color);  width: 42px;  border-radius: 4px;  cursor: pointer;  border: 1px solid var(--control-border-color);  min-width:42px;}.oneflow-formfield .image .images {  margin-top: 4px;  display: flex;  gap: 12px;  flex-wrap: wrap;}.oneflow-formfield .image .images .imageholder {  position: relative;  flex-grow: 0;  flex-shrink: 0;  border: 2px solid var(--control-border-color);}.oneflow-formfield .image .images .imageholder[deleted] {  border: 2px solid var(--control-error-color);}.oneflow-formfield .image .images .imageholder button {  position: absolute;  bottom: 4px;  right: -16px;  width: 32px;  height: 32px;  background-color: var(--control-bg-color);}.oneflow-formfield .image .images .imageholder img {  display: block;  max-width: 150px;  max-height: 150px;  width: auto;  height: auto;}.oneflow-formfield .image .fileSelectionArea {  display: flex;  flex-wrap: nowrap;}.oneflow-formfield .image .fileSelectionArea input {  width: 100%;  max-width: 400px;  border: 1px solid var(--control-border-color);  height:28px;}.oneflow-formfield .image .fileSelectionArea input::-webkit-file-upload-button {  visibility: hidden;}.oneflow-formfield .image .fileSelectionArea input::before {  content: "Select images";  display: inline-block;  background: var(--control-bg-color);  border: 1px solid #999;  border-radius: 3px;  padding: 5px 8px;  outline: none;  white-space: nowrap;  -webkit-user-select: none;  cursor: pointer;  text-shadow: 1px 1px #fff;  font-weight: 700;  font-size: 10pt;}.oneflow-formfield .image .fileSelectionArea input:hover::before {  border-color: black;}.oneflow-formfield .image .fileSelectionArea input:active::before {  background: var(--control-bg-color);}.oneflow-formfield .image .fileSelectionArea button {  margin-left: 12px;}.oneflow-formfield .image > label {  position: absolute;  top: 12px;}.oneflow-formfield .image button {  margin-top: 6px;  color: var(--control-font-color);  width: 32px;  height:32px;  min-width:32px;  border-radius: 4px;  cursor: pointer;  border: 1px solid var(--control-border-color);}.oneflow-formfield .image .images {  margin-top: 4px;  display: flex;  gap: 12px;  flex-wrap: wrap;}.oneflow-formfield .image .images .imageholder {  position: relative;  flex-grow: 0;  flex-shrink: 0;  border: 2px solid var(--control-border-color);}.oneflow-formfield .image .images .imageholder[deleted] {  border: 2px solid var(--control-error-color);}.oneflow-formfield .image .images .imageholder button {  position: absolute;  bottom: 4px;  right: 4px;  width: 32px;  height: 32px;  margin:0px;  background-color: var(--control-bg-color);}.oneflow-formfield .image .images .imageholder img {  display: block;  max-width: 150px;  max-height: 150px;  width: auto;  height: auto;}.oneflow-formfield .image .fileSelectionArea {  display: flex;  flex-wrap: nowrap;}.oneflow-formfield .image .fileSelectionArea input {  width: 100%;  max-width: 400px;  border: 1px solid var(--control-border-color);}.oneflow-formfield .image .fileSelectionArea input::-webkit-file-upload-button {  visibility: hidden;}.oneflow-formfield .image .fileSelectionArea input::before {  content: "Select images";  display: inline-block;  background: var(--control-bg-color);  border: 1px solid #999;  border-radius: 3px;  padding: 5px 8px;  outline: none;  white-space: nowrap;  -webkit-user-select: none;  cursor: pointer;  text-shadow: 1px 1px #fff;  font-weight: 700;  font-size: 10pt;}.oneflow-formfield .image .fileSelectionArea input:hover::before {  border-color: black;}.oneflow-formfield .image .fileSelectionArea input:active::before {  background: var(--control-bg-color);}.oneflow-formfield .image .fileSelectionArea button {  margin-left: 12px;}.oneflow-formfield .switch {  padding-top: 24px;  /* Rounded sliders */}.oneflow-formfield .switch .errortext {  left: 0px;  top: -4px;}.oneflow-formfield .switch .label {  position: absolute;  top: 12px;}.oneflow-formfield .switch .toggle {  pointer-events: all;  position: relative;  display: inline-block;  width: 60px;  height: 34px;}.oneflow-formfield .switch .toggle input {  opacity: 0;  width: 0;  height: 0;}.oneflow-formfield .switch .slider {  position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #ccc;  transition: 0.4s;}.oneflow-formfield .switch .slider:before {  position: absolute;  content: "";  height: 26px;  width: 26px;  left: 4px;  bottom: 4px;  background-color: white;  transition: 0.4s;}.oneflow-formfield .switch input:checked + .slider {  background-color: var(--theme-color);}.oneflow-formfield .switch input:focus + .slider {  box-shadow: 0 0 1px var(--theme-color);}.oneflow-formfield .switch input:checked + .slider:before {  transform: translateX(26px);}.oneflow-formfield .switch .slider.round {  border-radius: 34px;}.oneflow-formfield .switch .slider.round:before {  border-radius: 50%;}.oneflow-formfield oneflow-label label {  padding-left: 4px;  font-family: var(--control-font-family);  font-size: 14px;  color: var(--control-label-color);}.oneflow-formfield textarea {    font-size: var(--control-font-size);    font-family: var(--control-font-family);    background-color: var(--control-bg);    border: 1px solid;    border-color: #808080;    padding: 0px;    padding-left: 4px;    padding-right: 4px;    margin: 0px;    width: 100%;    resize: none;    padding-top: 8px;    margin-top: 8px;}textarea.error {        color: var(--control-error-color);    }}.oneflow-formfield textarea::selection {    color: var(--control-selection-color);    background: var(--control-selection-bg-color);}.oneflow-formfield textarea:focus {    border-color: var(--control-border-color-focus);    outline: none;}oneflow-formfield.calendarentry {    display: block;}oneflow-formfield.calendarentry > label {        display: block;        margin: 0 0 18px 0;        font-family: var(--control-font-family);        font-size: var(--control-font-size);        color: var(--control-label-color);        opacity: 1;}.oneflow-formfield .checkbox {  height: 36px;  padding-top: 24px;  pointer-events: all;  position:relative;}.oneflow-formfield .checkbox .errortext {  left: 0px;  top: -4px;}.oneflow-formfield .checkbox label {  position: absolute;  top: 12px;}.oneflow-formfield .checkbox input {  position: absolute;  opacity: 0;  cursor: pointer;  height: 32px;  width: 32px;  z-index: 50;}.oneflow-formfield .checkbox .checkmark {  position: absolute;  top: 24px;  left: 0;  height: 32px;  width: 32px;  border: solid 2px;  background-color: var(--control-bg-color);  border: 1px solid var(#696969);}.oneflow-formfield .checkbox .checkmark:hover {  background-color: var(--control-bg-color-hover);  cursor: pointer;}.oneflow-formfield .checkbox input:checked ~ .checkmark {  color: var(--control-bg-color);}.oneflow-formfield .checkbox .checkmark:after {  content: "";  position: absolute;  display: none;}.oneflow-formfield .checkbox input:checked ~ .checkmark:after {  display: block;}.oneflow-formfield .checkbox .checkmark:after {  left: 10px;  top: 2px;  width: 10px;  height: 20px;  border: solid var(--theme-color);  border-width: 0 3px 3px 0;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}.oneflow-formfield.dropdownlist .inputArea {  position: relative;}.oneflow-formfield.dropdownlist input.error {  border-color: var(--control-error-color);}.oneflow-formfield.dropdownlist .selectionArea {  position: absolute;  /*width:100%;*/  right: 0px;  left: 0px;  /*right: -42px;*/  left: 0px;  background-color: var(--control-bg-color);  border-color: var(--control-border-color);  max-height: 300px;  overflow-x: hidden;  overflow-y: auto;  display: none;  z-index: 100;  padding: 0px;  margin: 0px;  margin-top: -1px;  min-height: 44px;  border: 1px solid var(--control-border-color);}.oneflow-formfield.dropdownlist .selectionArea input {  height: 32px;  border-style: none;  padding-left: 28px;}.oneflow-formfield.dropdownlist .selectionArea .searchBox {  border-bottom: solid 1px var(--control-border-color);}.oneflow-formfield.dropdownlist .selectionArea .searchBoxIcon {  position: absolute;  left: 4px;  top: 8px;}.oneflow-formfield.dropdownlist .selectionArea p {  margin: 2px;  padding: 2px;}.oneflow-formfield.dropdownlist .selectionArea p.hidden {  display: none;}.oneflow-formfield.dropdownlist .selectionArea p.selected {  background-color: var(--control-selection-bg-color);  color: var(--control-selection-color);}.dropdownlist .selectionArea p.selected:hover {  color: var(--control-selection-color);  background-color: var(--control-selection-bg-color);}.oneflow-formfield.dropdownlist .selectionArea p:hover {  cursor: pointer;  background-color: var(--control-bg-color-hover);  /*color: var(--control-color);*/}.oneflow-formfield.dropdownlist button {  background-color: var(--control-bg-color);  opacity: 1;  position: absolute;  top: 4px;  width: 32px;  height: 32px;}.oneflow-formfield.dropdownlist button{width:32px;min-width:32px;padding:0px;margin:0px;}.oneflow-formfield.dropdownlist button.dropDownArrow {  right: -36px;}.oneflow-formfield.dropdownlist button.dropDownClear {  right: -12px;}.oneflow-formfield.dropdownlist .cardarea {  padding: 4px;  overflow: auto;  display: flex;  flex-wrap: wrap;  gap: 12px;  align-items: flex-start;  align-content: flex-start;}.oneflow-formfield.dropdownlist .cardarea > p {  margin: 0px;  font-size: 14px;  padding: 0px;  opacity: 0.6;}.oneflow-formfield.dropdownlist .cardarea button {  width: 100%;}.oneflow-formfield.dropdownlist .cardarea blockquote {  width: 100%;  padding: 8px;  margin: 4px;  background-color: var(--control-bg-solid-color);}.oneflow-formfield.dropdownlist .cardarea .card {  padding: 12px;  background-color: var(--control-card-bg-color);  color: var(--control-font-color);  font-size: var(--control-font-size);  font-family: var(--control-font-family);  flex-basis: 250px;  flex-shrink: 1;  flex-grow: 1;}.oneflow-formfield.dropdownlist .cardarea .card label {  font-size: 12px;  color: var(--control-label-color);}.oneflow-formfield.dropdownlist .cardarea .card .buttonbar {  margin-top: 12px;  margin-bottom: 4px;  display: flex;  gap: 8px;}.oneflow-formfield.dropdownlist .cardarea .card .buttonbar button {  padding: 8px;  flex: 0 1 32px;}.oneflow-formfield.dropdownlist .cardarea .card .buttonbar button:hover:not([disabled]) {  cursor: pointer;}.oneflow-formfield.dropdownlist .cardarea .card .overview {  font-size: 12px;  color: var(--control-label-color);  padding-left: 8px;  padding-right: 8px;  padding-top: 4px;}.oneflow-formfield.dropdownlist .cardarea .card .subject {  opacity: 0.5;  font-size: 15px;}.oneflow-formfield.fileupload .errortext {  top: 54px;}.oneflow-formfield.file {  /*height: 36px;*/  padding-top: 24px;}.oneflow-formfield.file > label {  position: absolute;  top: 12px;}.oneflow-formfield.file button {  margin-top: 6px;  color: var(--control-font-color);  width: 42px;  border-radius: 4px;  cursor: pointer;  border: 1px solid var(--control-border-color);}.oneflow-formfield.file .files {  margin-top: 4px;  display: flex;  gap: 12px;  flex-wrap: wrap;}.oneflow-formfield.file .files .fileHolder {  position: relative;  flex-grow: 0;  flex-shrink: 0;  border: 2px solid var(--control-border-color);  width: 138px;  height: 96px;  text-align: left;  display: block;}.oneflow-formfield.file .files .fileHolder .icon {  padding: 4px;  font-size: 86px;}.oneflow-formfield.file .files .fileHolder[deleted] {  border: 2px solid var(--control-error-color);}.oneflow-formfield.file .files .fileHolder button {  opacity: 0.9;  position: absolute;  left: 100px;  width: 32px;  height: 32px;  background-color: var(--control-bg-color);}.oneflow-formfield.file .files .fileHolder button.fileDeleteButton {  bottom: 4px;}.oneflow-formfield.file .files .fileHolder button.fileDownloadButton {  top: 0px;}.oneflow-formfield.file .fileSelectionArea {  display: flex;  flex-wrap: nowrap;}.oneflow-formfield.file .fileSelectionArea input {  width: 100%;  max-width: 400px;  border: 1px solid var(--control-border-color);}.oneflow-formfield.file .fileSelectionArea input::-webkit-file-upload-button {  visibility: hidden;}.oneflow-formfield.file .fileSelectionArea input::before {  content: "Select files";  display: inline-block;  background: var(--control-bg-color);  border: 1px solid #999;  border-radius: 3px;  padding: 5px 8px;  outline: none;  white-space: nowrap;  -webkit-user-select: none;  cursor: pointer;  text-shadow: 1px 1px #fff;  font-weight: 700;  font-size: 10pt;}.oneflow-formfield.file .fileSelectionArea input:hover::before {  border-color: black;}.oneflow-formfield.file .fileSelectionArea input:active::before {  background: var(--control-bg-color);}.oneflow-formfield.file .fileSelectionArea button {  margin-left: 12px;}.oneflow-formfield.multiplechoice .errortext {  top: -12px;}.oneflow-formfield.multiplechoice label {  margin: 0;  font-family: var(--control-font-family);  font-size: var(--control-font-size);  color: var(--control-label-color);  opacity: 1;  position: relative;  margin-bottom: 12px;  display: block;}.oneflow-formfield.multiplechoice div {  padding-left: 12px;  /* Customize the label (the container) */}.oneflow-formfield.multiplechoice div label {  font-family: var(--control-font-family);  color: var(--control-label-color);  pointer-events: unset;}.oneflow-formfield.multiplechoice div .containercheckbox {  display: block;  position: relative;  padding-left: 35px;  margin-bottom: 12px;  cursor: pointer;  font-size: var(--control-font-size);  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}.oneflow-formfield.multiplechoice div .containercheckbox input {  position: absolute;  opacity: 0;  cursor: pointer;  height: 0;  width: 0;}.oneflow-formfield.multiplechoice div .containercheckbox .checkmark {  position: absolute;  top: 0;  left: 0;  height: 25px;  width: 25px;  background-color: var(--control-bg-color);  border: 1px solid #696969;}.oneflow-formfield.multiplechoice div .containercheckbox .checkmark.error {  border: 1px solid var(--control-error-color);}.oneflow-formfield.multiplechoice div .containercheckbox:hover input ~ .checkmark {  background-color: var(--control-bg-color-hover);}.oneflow-formfield.multiplechoice div .containercheckbox input:checked ~ .checkmark {  background-color: var(--control-bg-color);}.oneflow-formfield.multiplechoice div .containercheckbox .checkmark:after {  content: "";  position: absolute;  display: none;}.oneflow-formfield.multiplechoice div .containercheckbox input:checked ~ .checkmark:after {  display: block;}.oneflow-formfield.multiplechoice div .containercheckbox .checkmark:after {  left: 9px;  top: 5px;  width: 5px;  height: 10px;  border: solid var(--theme-color);  border-width: 0 3px 3px 0;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}.oneflow-formfield.multiplechoice div .containerradio {  display: block;  position: relative;  padding-left: 35px;  margin-bottom: 12px;  cursor: pointer;  font-size: var(--control-font-size);  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  /* Hide the browser's default radio button */  /* Create a custom radio button */  /* On mouse-over, add a grey background color */  /* When the radio button is checked, add a blue background */  /* Create the indicator (the dot/circle - hidden when not checked) */  /* Show the indicator (dot/circle) when checked */  /* Style the indicator (dot/circle) */}.oneflow-formfield.multiplechoice div .containerradio input {  position: absolute;  opacity: 0;  cursor: pointer;  height: 0;  width: 0;}.oneflow-formfield.multiplechoice div .containerradio .checkmark {  position: absolute;  top: 0;  left: 0;  height: 25px;  width: 25px;  background-color: var(--control-bg-color);  border: 1px solid #696969;  border-radius: 50%;}.oneflow-formfield.multiplechoice div .containerradio .checkmark.error {  border: 1px solid var(--control-error-color);}.oneflow-formfield.multiplechoice div .containerradio:hover input ~ .checkmark {  background-color: var(--control-bg-color-hover);}.oneflow-formfield.multiplechoice div .containerradio input:checked ~ .checkmark {  background-color: var(--theme-color);}.oneflow-formfield.multiplechoice div .containerradio .checkmark:after {  content: "";  position: absolute;  display: none;}.oneflow-formfield.multiplechoice div .containerradio input:checked ~ .checkmark:after {  display: block;}.oneflow-formfield.multiplechoice div .containerradio .checkmark:after {  top: 9px;  left: 9px;  width: 8px;  height: 8px;  border-radius: 50%;  background: white;}.oneflow-formfield.slider > .slider-container {  display: flex;}.oneflow-formfield.slider > .slider-container > i.star{font-size:30px;color:goldenrod;padding-right:4px;padding-top:4px;}.oneflow-formfield.slider > .slider-container > input[type=range] {  -webkit-appearance: none;  min-width: 16px;  max-width: 160px;  width: 100%;  height: 2px;  background-color: #d3d3d3;  outline: none;  margin: 11px 0;  cursor: pointer;}.oneflow-formfield.slider > .slider-container > input[type=range]::-moz-range-thumb {  width: 8px;  height: 24px;  border-radius: 4px;  background-color: var(--theme-color);  border: 2px solid var(--theme-color);  box-sizing: border-box;}.oneflow-formfield.slider > .slider-container > input[type=range]::-webkit-slider-thumb {  -webkit-appearance: none;  appearance: none;  width: 8px;  height: 24px;  border-radius: 4px;  background-color: var(--theme-color);  border: 2px solid var(--theme-color);  box-sizing: border-box;}.oneflow-formfield.slider > .slider-container > input[type=range].no-value::-moz-range-thumb {  background-color: grey;  border-color: grey;}.oneflow-formfield.slider > .slider-container > input[type=range].no-value::-webkit-slider-thumb {  background-color: grey;  border-color: grey;}.oneflow-formfield.slider > .slider-container > input[type=range]:focus {  outline: none;}.oneflow-formfield.slider > .slider-container > input[type=range]:hover::-moz-range-thumb {  background-color: white;  border-color: var(--theme-color);}.oneflow-formfield.slider > .slider-container > input[type=range]:hover::-webkit-slider-thumb {  background-color: white;  border-color: var(--theme-color);}.oneflow-formfield.slider > .slider-container > span {  margin-left: 12px;}.oneflow-formfield.slider.error > .slider-container > input[type=range] {  background-color: var(--control-error-color);}.oneflow-formfield.slider .errortext {  top: unset;  bottom: 0px;  right: unset;}.oneflow-formfield.timeselection .inputArea {  position: relative;}.oneflow-formfield.timeselection .selectionArea {  position: absolute;  left: 0px;  top: 40px;  border-color: var(--control-border-color);  z-index: 100;  padding: 0px;  margin: 0px;  border: 2px solid var(--control-border-color);  width: 100%;  background-color: var(--control-bg-color);  padding: 4px;  display: none;  user-select: none;  max-width: 510px;}.oneflow-formfield.timeselection .selectionArea h1 {  font-size: 14px;  padding: 0px;  margin: 0px;  border: none;  margin-top: 4px;  font-weight: 400;}.oneflow-formfield.timeselection .selectionArea p {  box-sizing: border-box;  padding: 2px;  margin: 0px;  line-height: 28px;  border: 1px solid var(--control-border-color);  flex: 0 1 6.6666%;}.oneflow-formfield.timeselection .selectionArea p.current {  background-color: var(--theme-color);  color: var(--control-selection-color);}.oneflow-formfield.timeselection .selectionArea p.selected {  border: 1px solid var(--theme-color);}.oneflow-formfield.timeselection .selectionArea p:hover {  cursor: pointer;  background-color: var(--control-bg-color-hover);  opacity: 1;  color: var(--control-color);}.oneflow-formfield.timeselection .selectionArea .hours {  display: flex;  flex-flow: row wrap;  text-align: center;}.oneflow-formfield.timeselection .selectionArea .minutes {  display: flex;  flex-flow: row wrap;  text-align: center;}.oneflow-formfield.timeselection .selectionArea .seconds {  display: flex;  flex-flow: row wrap;  text-align: center;}.oneflow-formfield.timeselection .selectionArea .ampm {  margin-top: 4px;  display: flex;  flex-flow: row wrap;  text-align: center;}.oneflow-formfield.timeselection .selectionArea .ampm p {  width: 32px;}.oneflow-formfield.timeselection button {  position: absolute;  top: 0px;  width: 32px;  height: 32px;  min-width:32px;  margin:0px;}.oneflow-formfield.timeselection button.dropDownArrow {  right: -34px;}.oneflow-formfield.timeselection button.dropDownClear {  right: -4px;}.oneflow-formfield.userlist .inputArea {  position: relative;}.oneflow-formfield.userlist input.error {  border-color: var(--control-error-color);}.oneflow-formfield.userlist .passwordArea {  margin-top: 24px;}.oneflow-formfield.userlist .selectionArea {  position: absolute;  /*width:100%;*/  right: 0px;  left: 0px;  /*right: -42px;*/  left: 0px;  background-color: var(--control-bg-color);  border-color: var(--control-border-color);  max-height: 300px;  overflow-x: hidden;  overflow-y: auto;  display: none;  z-index: 100;  padding: 0px;  margin: 0px;  margin-top: -1px;  min-height: 44px;  border: 1px solid var(--control-border-color);}.oneflow-formfield.userlist .selectionArea input {  height: 32px;  border-style: none;  padding-left: 28px;}.oneflow-formfield.userlist .selectionArea .searchBox {  border-bottom: solid 1px var(--control-border-color);}.oneflow-formfield.userlist .selectionArea .searchBoxIcon {  position: absolute;  left: 4px;  top: 8px;}.oneflow-formfield.userlist .selectionArea p {  margin: 2px;  padding: 2px;  font-family: "Segoe UI";}.oneflow-formfield.userlist .selectionArea p.hidden {  display: none;}.oneflow-formfield.userlist .selectionArea p.selected {  background-color: var(--control-selection-bg-color);  color: var(--control-selection-color);}.oneflow-formfield.userlist .selectionArea p.selected:hover {  color: var(--control-selection-color);  background-color: var(--control-selection-bg-color);}.oneflow-formfield.userlist .selectionArea p:hover {  cursor: pointer;  background-color: var(--control-bg-color-hover);  /*color: var(--control-color);*/}.oneflow-formfield.userlist .authorisedArea span {  font-size: var(--control-font-size);  color: var(--control-font-color);}.oneflow-formfield.userlist .btnRemoveAuthorisation {  background-color: var(--control-bg-color);  border: 1px solid var(--control-border-color);  opacity: 1;  border-radius: 4px;  margin: 0px;  margin-left: 8px;  padding: 0px;  width: 24px;  height: 24px;  margin-top: -4px;  cursor: pointer;}.oneflow-formfield.userlist .btnRemoveAuthorisation:hover {  transition: all 0.5s;  background-color: var(--control-bg-color-hover);}.oneflow-formfield.userlist .passwordArea button {  background-color: var(--control-bg-color);  border: 1px solid var(--control-border-color);  opacity: 1;  border-radius: 0px;  position: relative;  width: 100px;  height: 32px;}.oneflow-formfield.userlist .passwordArea button:hover {  transition: all 0.5s;  background-color: var(--control-bg-color-hover);}.oneflow-formfield.userlist button {  background-color: var(--control-bg-color);  opacity: 1;  position: absolute;  top: 4px;  width: 32px;  height: 32px;}.oneflow-formfield.userlist button.dropDownArrow {  right: -42px;}.oneflow-formfield.userlist button.dropDownClear {  right: -12px;}.module-content oneflow-checkbox {height:24px;width:24px;}.module-content oneflow-checkbox .checkbox{height:24px;width:24px;}.module-content oneflow-checkbox .checkbox input{height:24px;width:24px;}.module-content oneflow-checkbox .checkbox .checkmark{height:24px;width:24px;}.module-content oneflow-checkbox .checkbox .checkmark::after{left: 7px;top: 1px;width: 7px;height: 15px;}