/* Minification failed. Returning unminified contents.
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,22): run-time error CSS1039: Token not allowed after unary operator: '-corporatecolor2'
(25,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor'
(47,22): run-time error CSS1039: Token not allowed after unary operator: '-background'
(58,22): run-time error CSS1039: Token not allowed after unary operator: '-background'
(186,24): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor'
(202,24): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor'
(211,24): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor'
(225,24): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor'
(235,24): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor'
(246,22): run-time error CSS1039: Token not allowed after unary operator: '-background'
(269,35): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor'
(282,31): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor'
(290,31): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor'
(304,17): run-time error CSS1039: Token not allowed after unary operator: '-corporatecolor1'
(325,22): run-time error CSS1039: Token not allowed after unary operator: '-background'
(331,22): run-time error CSS1039: Token not allowed after unary operator: '-background'
(362,32): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor'
(374,17): run-time error CSS1039: Token not allowed after unary operator: '-textcolor'
(380,35): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor'
(391,17): run-time error CSS1039: Token not allowed after unary operator: '-background'
(392,24): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor'
(393,23): run-time error CSS1039: Token not allowed after unary operator: '-corporatecolor1'
(401,18): run-time error CSS1039: Token not allowed after unary operator: '-corporatecolor1'
(410,18): run-time error CSS1039: Token not allowed after unary operator: '-corporatecolor1'
(415,29): run-time error CSS1039: Token not allowed after unary operator: '-corporatecolor1'
(419,23): run-time error CSS1039: Token not allowed after unary operator: '-background'
(420,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor'
(424,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor'
(429,27): run-time error CSS1039: Token not allowed after unary operator: '-selected'
(430,17): run-time error CSS1039: Token not allowed after unary operator: '-background'
(434,17): run-time error CSS1039: Token not allowed after unary operator: '-textcolor'
(439,33): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor'
(443,34): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor'
(447,17): run-time error CSS1039: Token not allowed after unary operator: '-textcolor'
(453,17): run-time error CSS1039: Token not allowed after unary operator: '-textcolor'
(459,17): run-time error CSS1039: Token not allowed after unary operator: '-textcolor'
(463,29): run-time error CSS1039: Token not allowed after unary operator: '-corporatecolor1'
(467,18): run-time error CSS1039: Token not allowed after unary operator: '-corporatecolor1'
(473,24): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor'
(476,28): run-time error CSS1039: Token not allowed after unary operator: '-background'
(480,28): run-time error CSS1039: Token not allowed after unary operator: '-zebrastriping'
(486,17): run-time error CSS1039: Token not allowed after unary operator: '-background'
(491,29): run-time error CSS1039: Token not allowed after unary operator: '-corporatecolor1'
(495,28): run-time error CSS1039: Token not allowed after unary operator: '-background'
(499,23): run-time error CSS1039: Token not allowed after unary operator: '-corporatecolor1'
(503,17): run-time error CSS1039: Token not allowed after unary operator: '-background'
(508,23): run-time error CSS1039: Token not allowed after unary operator: '-corporatecolor1'
(514,24): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor'
(522,23): run-time error CSS1039: Token not allowed after unary operator: '-corporatecolor1'
(523,24): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor'
(528,17): run-time error CSS1039: Token not allowed after unary operator: '-background'
(533,17): run-time error CSS1039: Token not allowed after unary operator: '-textcolor'
(546,22): run-time error CSS1039: Token not allowed after unary operator: '-background'
(547,24): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor'
(561,22): run-time error CSS1039: Token not allowed after unary operator: '-zebrastriping'
(567,24): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor'
(576,43): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor'
(580,28): run-time error CSS1039: Token not allowed after unary operator: '-zebrastriping'
(601,28): run-time error CSS1039: Token not allowed after unary operator: '-zebrastriping'
(606,28): run-time error CSS1039: Token not allowed after unary operator: '-zebrastriping'
(608,24): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor'
(612,24): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor'
(635,22): run-time error CSS1039: Token not allowed after unary operator: '-zebrastriping'
(636,28): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor'
(638,17): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor'
(642,28): run-time error CSS1039: Token not allowed after unary operator: '-corporatecolor1'
(646,28): run-time error CSS1039: Token not allowed after unary operator: '-corporatecolor1'
(652,28): run-time error CSS1039: Token not allowed after unary operator: '-corporatecolor1'
(653,24): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor'
(660,24): run-time error CSS1039: Token not allowed after unary operator: '-corporatecolor1'
(661,22): run-time error CSS1039: Token not allowed after unary operator: '-background'
(667,24): run-time error CSS1039: Token not allowed after unary operator: '-corporatecolor1'
(710,22): run-time error CSS1039: Token not allowed after unary operator: '-background'
(802,26): run-time error CSS1039: Token not allowed after unary operator: '-background'
(834,26): run-time error CSS1039: Token not allowed after unary operator: '-background'
(843,43): run-time error CSS1039: Token not allowed after unary operator: '-bordercolor'
 */
/* Theme related coloring */
/* Replace the color codes with IPWS client colors */
/* This should be combined with a replacement of the client logo*/

/* Global CSS variables */
:root {
    --corporatecolor1: #147CC0;
    --corporatecolor2: #1d1952;
    /* Optional variables below to customize the IPWS design */
    --background: #ffffff;
    --bordercolor: #333333;
    --textcolor: #333333;
    --zebrastriping: #f2f2f2;
    --selected: #777777;
}



/* Text background on slide */
.slide-title {
    background: var(--corporatecolor2) !important; /* RGBA equivalent of primary color */
}

#slideshow, .bordered {
    border: 1px solid var(--bordercolor);
}

.webstdlink {
    font-weight: normal !important;
}

.header-ipws a,
.header-ipws a:hover {
    text-decoration: none;
    outline: none;
}

.q-action .q-action_Hub {
    display: block;
}

.q-form-control-wrapper.totals {
    min-height: 30px;
}

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

.contentborder {
    border-right: 1px solid #c3c8d2 !important;
}

.footerborder {
    width: 100%;
    padding: 6px 0;
    height: 30px;
    background: var(--background);
    text-align: center
}

.map-img {
    width: 100%;
    margin: 12px 0 6px 0;
    border: 1px solid #c2c8d2;
    max-width: 1700px;
    border-radius: 6px;
}


/* Grid Layout */

.ipws-layout {
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
}

.ipws-content > form {
    height: 100%;
    visibility: visible;
}

.content-loading .ipws-content > form {
    visibility: hidden;
}

.ipws-grid {
    display: -ms-grid;
    -ms-grid-columns: auto 1fr 1fr;
    -ms-grid-rows: auto auto 1fr auto;
    display: grid;
    grid-template-columns: auto 1fr 1fr;
    grid-template-rows: auto auto 1fr auto;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
}

.ipws-headerbar {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    -ms-grid-column-span: 2;
    grid-column: 2 / 4;
    grid-row: 1;
}

.ipws-menu {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-column-span: 3;
    grid-column: 1;
    grid-row: 1/4;
    overflow: auto;
}

.ipws-content {
    -ms-grid-column: 2;
    -ms-grid-row: 3;
    -ms-grid-column-span: 2;
    grid-column: 2/4;
    grid-row: 3;
    overflow-y: auto;
    overflow-x: hidden;
}

.ipws-footer {
    -ms-grid-column: 1;
    -ms-grid-row: 4;
    -ms-grid-column-span: 3;
    grid-column: 1 / 4;
    grid-row: 4;
}

.ipws-title {
    -ms-grid-column: 2;
    -ms-grid-row: 2;
    -ms-grid-column-span: 1;
    grid-column: 2;
    grid-row: 2;
}

.ipws-actions {
    -ms-grid-column: 3;
    -ms-grid-row: 2;
    -ms-grid-column-span: 1;
    grid-column: 3;
    grid-row: 2;
}

/* Grid change to hide refresh */
.gridholder .k-pager-wrap .k-i-refresh {
    display: none;
}

/* Sub Layouts */

sub-layout-vertical, sub-layout-horizontal {
    display: flex;
    width: 100%;
    height: 100%;
}

sub-layout-vertical {
    flex-direction: row;
}

sub-layout-horizontal {
    flex-direction: column;
}

content-auto-height {
    height: auto;
}

content-height-one {
    flex: 1;
}

/* Layout styling */

.ipws-menu {
    border-color: var(--bordercolor);
    margin: 20px 0 0 20px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-radius: 0 0 0 12px;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 95%, rgba(239,239,239,1) 100%);
}

.nav-area {
    min-width: 24rem;
    max-width: 24rem;
    padding: 0 10px;
}

.ipws-content {
    border-color: var(--bordercolor);
    margin: 0 20px 0 0;
    padding: 12px;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-radius: 0 0 0 0;
}

.ipws-actions {
    border-color: var(--bordercolor);
    border-style: solid;
    border-width: 0 1px 1px 0;
    margin: 0 20px 0 0;
    padding: 0 12px 0 0;
    display: flex;
    flex-direction: row-reverse;
}

#qaction_Retrieve {
    display: none;
}

.ipws-headerbar {
    border-color: var(--bordercolor);
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 20px 20px 0 0;
    border-radius: 0 12px;
}

.ipws-title {
    padding: 0;
    margin: 0 0 0 12px;
    border-color: var(--bordercolor);
    border-style: solid;
    border-width: 0 0 1px 0;
}

#brand-area {
    width: 225px;
    height: 45px;
    position: absolute;
    top: 4px;
    left: calc(50% - 122px);
    background: var(--background);
    padding: 0 12px;
    box-sizing: content-box;
}

#brand-area img {
    width: 225px;
    height: 45px;
}
#main-nav:not(.k-panelbar) {
    display: none;
}

#main-nav .k-panelbar .k-item.k-state-expanded,
#main-nav .k-panelbar .k-item.k-state-active {
    border-bottom: 0 !important;
}

#main-nav .k-panelbar-header.k-state-active ul li:first-child {
    padding-top: 0;
}

#main-nav ul.k-panelbar-group.k-group.k-panel {
    border-bottom: 1px solid var(--bordercolor) !important;
}

#main-nav .k-panelbar-header:last-child ul.k-panelbar-group.k-group.k-panel {
    border-width: 0 !important;
}

#main-nav.k-panelbar .k-item.k-state-active > .k-link {
    border-bottom: 0;
}

#main-nav .k-panelbar .k-item.k-state-expanded,
#main-nav .k-panelbar .k-item.k-state-active {
    border-bottom-color: var(--bordercolor);
}

#main-nav.k-panelbar .k-item:last-child > .k-link {
    border: none;
}

#main-nav.k-panelbar .k-item > .k-link {
    border-bottom-color: var(--bordercolor);
}

#main-nav ul.k-panelbar-group li {
    padding: 6px 0 0 32px;
}

#main-nav ul.k-panelbar-group li:last-child {
    padding-bottom: 6px;
}

#main-nav .activeMenuLink {
    font-style: italic;
    font-weight: bold!important;
    color: var(--corporatecolor1);
}

li.info-bullet {
    padding-left: 16px !important;
}

.linktrack {
    font-weight: normal !important;
}

.linkonly {
    font-weight: bold !important;
    margin-left: 22px !important;
}

.linkonly:hover {
    cursor: pointer!important;
}

.k-panelbar .k-group > .k-item > .k-link:hover, .k-panelbar .k-group > .k-item > .k-link.k-state-hover {
    background: var(--background);
    cursor: pointer;
}

.textControls {
    float: right;
    background: var(--background);
    margin: -8px 16px 24px 0;
    padding: 0 6px;
}

.textControls .ZoomIn,
.textControls .ZoomOut {
    margin-right: 8px;
}

.ipws-actions button {
    background: none;
}

.ipws-actions .btn-label {
    display: none;
}

span.tsp-selector {
    padding: 0.4rem 1.6rem 0.4rem 0.8rem;
}

span.tsp-selector:hover {
    cursor: pointer;
}

.dialogcontrols .q-icon:before {
    color:#022cc0;
}

.border-top {
    border-top: 1px solid var(--bordercolor);
    padding-top: 12px;
    margin-top: 6px;
}

/* Typography */
.ipws-title h1 {
    font-weight: bold;
    font-size: 14px;
}

.ipws-heading a {
    color: var(--textcolor);
    font-size: 13px;
    font-weight: bold;
}

.ipws-heading {
    border-bottom: 1px solid var(--bordercolor);
    padding-bottom: 4px;
}

.k-grid {
    user-select: none;
}

/* Theme */

.grid-header {
    color: var(--background);
    border-color: var(--bordercolor);
    background: var( --corporatecolor1);
    padding-left: 0.6rem;
    font-weight: bold;
}

.k-calendar .k-month .k-link,
.k-calendar .k-calendar-td:not(.k-weekend) .k-link,
.k-calendar .k-nav-today {
    color: var( --corporatecolor1);
}

.q-form-control-wrapper .q-icon:hover::before,
.q-wrapper-form .q-icon:hover::before,
table td .q-icon:hover::before,
.q-form-control-wrapper .k-icon:not(.k-tooltip-icon):hover::before,
.q-wrapper-form .k-icon:not(.k-tooltip-icon):hover::before,
table td .k-icon:not(.k-tooltip-icon):hover::before {
    color: var( --corporatecolor1);
}

.k-calendar .k-header,
.k-calendar .k-calendar-header {
    background-color: var( --corporatecolor1);
}

.k-window .k-window-titlebar {
    background: var( --background);
    border: 1px solid var(--bordercolor);
}

.k-popup:not(.k-tooltip) {
    border: 1px solid var(--bordercolor);
}

.q-modal-content .k-grid tr:hover td,
.q-modal-content .k-grid tr.k-state-selected td {
    background-color:var(--selected)!important;
    color: var(--background);
}

.k-window-titlebar .k-window-title {
    color: var(--textcolor)!important;
    font-weight: bold;
}

.q-wrapper-modal .q-modal-footer .q-button-secondary {
    border-left: 1px solid var(--bordercolor);
}

.q-wrapper-modal .q-modal-footer .q-button-secondary {
    border-right: 1px solid var(--bordercolor);
}

.k-window .k-window-actions .k-button {
    color: var(--textcolor);
}

.k-window .k-window-actions .k-button:hover,
.k-window .k-window-actions .k-button:active,
.k-window .k-window-actions .k-button:focus {
    color: var(--textcolor)!important;
}

.k-window .k-window-actions .k-button:hover .k-icon,
.k-window .k-window-actions .k-button:active .k-icon,
.k-window .k-window-actions .k-button:focus .k-icon {
    color: var(--textcolor) !important;
}

a.k-button, .q-button, button, .k-button, .k-button:hover, .k-button:focus {
    background-color: var( --corporatecolor1);
}

.k-window-buttongroup .q-button-primary, .k-dialog-buttongroup .q-button-primary, .q-modal-footer .q-button-primary {
    color: var( --corporatecolor1) !important;
}

#lightboxWindow_QIPWSActionHubDialog .q-modal-content {
    border-width: 0 1px 0 1px;
    border-style: solid;
    border-color: var(--bordercolor);
}
.q-modal-content .k-grid tr td {
    background-color: var(--background);
}

.q-modal-content .k-grid tr:nth-child(2n+1) td {
    background-color: var(--zebrastriping);
}

.q-modal-content .gridholder a.k-grid-filter span:before,
.q-modal-content .q-wrapper-grid a.k-grid-filter span:before,
.k-grid th.k-header .k-grid-filter.k-state-active .k-icon:before {
    color: var(--background);
}

.k-popup:not(.k-tooltip) .k-list .k-item.k-state-selected.k-state-hover, 
.k-popup:not(.k-tooltip) .k-list .k-item.k-state-selected:hover {
    background-color: var( --corporatecolor1);
}

.k-grid {
    background-color: var(--background);
}

.k-grid-header {
    background: var( --corporatecolor1);
}

.k-grid .k-header .k-icon {
    color: var(--background);
}

.k-grid-header .k-link .k-icon.k-i-sort-desc-sm,
.k-grid-header .k-link .k-icon.k-i-sort-asc-sm {
    background: var( --corporatecolor1)!important;
}

.k-grid-header-wrap, .k-grid-header-locked,
.k-grid th.k-header,
.k-grid-header {
    border-color: var(--bordercolor);
}

.k-grid {
    border-color: transparent;
}

.k-grid th {
    background: var( --corporatecolor1)!important;
    border-color: var(--bordercolor);
}

.k-grid-header .k-link:link, .k-grid-header .k-link:visited,
.k-grid th.k-header .k-link{
    color: var(--background);
}

.k-grid tr td.actionarea:hover .q-icon:before,
.k-grid tr:hover td.actionarea .q-icon:before{
    color: var(--textcolor)!important;
}

.k-grid tr td.data-field-static,
.k-grid tr:hover td.data-field-static,
.k-grid tr:hover td.data-field-static:hover,
.k-grid tr td.readonly,
.k-grid tr:hover td.readonly,
.k-grid tr:hover td.readonly:hover,
.k-grid tr:not(.k-detail-row):not(.k-grouping-row):not(.k-filter-row):not(.k-state-selected):hover td.count-column:not(.actionarea),
.k-grid tr:not(.k-detail-row):not(.k-grouping-row):not(.k-filter-row):not(.k-state-selected):hover td.k-hierarchy-cell:not(.actionarea),
.k-grid tr:not(.k-detail-row):not(.k-grouping-row):not(.k-filter-row):not(.k-state-selected):hover td.data-field-static:not(.actionarea),
.k-grid tr:not(.k-detail-row):not(.k-grouping-row):not(.k-filter-row):not(.k-state-selected):hover td.readonly:not(.actionarea){
    background: var(--background)!important;
    border-color: var(--bordercolor);
    cursor: default;
}

.k-grid tr:nth-child(2n+1) td.data-field-static,
.k-grid tr:nth-child(2n+1) td.data-field-static:hover,
.k-grid tr:nth-child(2n+1):hover td.data-field-static,
.k-grid tr:nth-child(2n+1) td.readonly,
.k-grid tr:nth-child(2n+1) td.readonly:hover,
.k-grid tr:nth-child(2n+1):hover td.readonly,
.k-grid tr:nth-child(2n+1):not(.k-detail-row):not(.k-grouping-row):not(.k-filter-row):not(.k-state-selected):hover td.count-column:not(.actionarea),
.k-grid tr:nth-child(2n+1):not(.k-detail-row):not(.k-grouping-row):not(.k-filter-row):not(.k-state-selected):hover td.k-hierarchy-cell:not(.actionarea),
.k-grid tr:nth-child(2n+1):not(.k-detail-row):not(.k-grouping-row):not(.k-filter-row):not(.k-state-selected):hover td.data-field-static:not(.actionarea),
.k-grid tr:nth-child(2n+1):not(.k-detail-row):not(.k-grouping-row):not(.k-filter-row):not(.k-state-selected):hover td.readonly:not(.actionarea){
    background: var(--zebrastriping)!important;
    cursor: default;
}

.k-grid .k-pager-wrap,
.k-grid {
    border-color: var(--bordercolor);
}

.k-grid .k-pager-wrap {
    border-width: 1px 0 0 0!important;
}

.k-grid tr td,
.k-grid tr.k-state-selected td.k-state-focused{
    box-shadow: inset -0.1rem 0.1rem var(--bordercolor);
}

.k-grid-content {
    background-color: var(--zebrastriping);
}

.k-window-buttongroup .q-button-primary:hover, 
.k-dialog-buttongroup .q-button-primary:hover, 
.q-modal-footer .q-button-primary:hover, 
.k-window-buttongroup .q-button-secondary:hover, 
.k-dialog-buttongroup .q-button-secondary:hover, 
.q-modal-footer .q-button-secondary:hover, 
.k-window-buttongroup .k-button:hover, 
.k-dialog-buttongroup .k-button:hover, 
.q-modal-footer .k-button:hover, 
.k-window-buttongroup .q-button-primary:focus, 
.k-dialog-buttongroup .q-button-primary:focus, 
.q-modal-footer .q-button-primary:focus, 
.k-window-buttongroup .q-button-secondary:focus, 
.k-dialog-buttongroup .q-button-secondary:focus, 
.q-modal-footer .q-button-secondary:focus, 
.k-window-buttongroup .k-button:focus, 
.k-dialog-buttongroup .k-button:focus, 
.q-modal-footer .k-button:focus {
    background-color: var(--zebrastriping);
}

.q-dialog-filters,
.q-dialog-header {
    background-color: var(--zebrastriping);
    border-width: 0 1px 0 1px;
    border-color: var(--bordercolor);
}

.q-wrapper-modal .q-modal-footer {
    border-color: var(--bordercolor) !important;
    border-width: 1px;
    border-style: solid;
}

.q-statictext {
    font-weight: bold;
}

.ZoomIn:hover, .ZoomOut:hover {
    cursor: pointer;
}

.disabled {
    opacity: 0.5;  
}

.disabled:hover {
    cursor: default;
}

.clearButton,
.clearButton:hover {
    background: var(--zebrastriping);
    border: 1px solid var(--bordercolor);
    border-radius: 4px;
    color: var(--bordercolor);
}
.clearButton:focus,
.clearButton:active {
    background-color: var(--corporatecolor1);
}

#FilterButton {
    background-color: var(--corporatecolor1);
    margin-right: 8px;
}

#FilterButton:active,
#FilterButton:focus {
    background-color: var(--corporatecolor1);
    border-color: var(--bordercolor);
}

.q-form-control-wrapper .k-state-active,
.q-wrapper-form .k-state-active, table td .k-state-active,
.q-form-control-wrapper .k-state-focused,
.q-wrapper-form .k-state-focused, table td .k-state-focused {
    border-color: var(--corporatecolor1)!important;
    background: var(--background)!important;
}

.q-form-control-wrapper .k-state-hover,
.q-wrapper-form .k-state-hover,
table td .k-state-hover {
    border-color: var(--corporatecolor1) !important;
}

.q-form-control-wrapper .k-input:active,
.q-wrapper-form .k-input:active,
table td .k-input:active,
.q-form-control-wrapper .k-numeric-wrap:active,
.q-wrapper-form .k-numeric-wrap:active,
table td .k-numeric-wrap:active,
.q-form-control-wrapper .k-dropdown-wrap:active,
.q-wrapper-form .k-dropdown-wrap:active,
table td .k-dropdown-wrap:active,
.q-form-control-wrapper .k-autocomplete:active,
.q-wrapper-form .k-autocomplete:active,
table td .k-autocomplete:active,
.q-form-control-wrapper .k-multiselect-wrap:active,
.q-wrapper-form .k-multiselect-wrap:active, table td .k-multiselect-wrap:active,
.q-form-control-wrapper .k-numerictextbox:active, .q-wrapper-form .k-numerictextbox:active,
table td .k-numerictextbox:active, .q-form-control-wrapper .k-picker-wrap:active,
.q-wrapper-form .k-picker-wrap:active, table td .k-picker-wrap:active,
.q-form-control-wrapper .k-textbox:active, .q-wrapper-form .k-textbox:active,
table td .k-textbox:active, .q-form-control-wrapper .k-input:focus,
.q-wrapper-form .k-input:focus, table td .k-input:focus,
.q-form-control-wrapper .k-numeric-wrap:focus,
.q-wrapper-form .k-numeric-wrap:focus,
table td .k-numeric-wrap:focus,
.q-form-control-wrapper .k-dropdown-wrap:focus,
.q-wrapper-form .k-dropdown-wrap:focus,
table td .k-dropdown-wrap:focus,
.q-form-control-wrapper .k-autocomplete:focus,
.q-wrapper-form .k-autocomplete:focus, table td .k-autocomplete:focus,
.q-form-control-wrapper .k-multiselect-wrap:focus,
.q-wrapper-form .k-multiselect-wrap:focus,
table td .k-multiselect-wrap:focus,
.q-form-control-wrapper .k-numerictextbox:focus,
.q-wrapper-form .k-numerictextbox:focus,
table td .k-numerictextbox:focus,
.q-form-control-wrapper .k-picker-wrap:focus,
.q-wrapper-form .k-picker-wrap:focus,
table td .k-picker-wrap:focus,
.q-form-control-wrapper .k-textbox:focus,
.q-wrapper-form .k-textbox:focus,
table td .k-textbox:focus {
    background: var(--background) !important;
}
/* Text Sizes */
body.text-0,
body.text-0 li,
body.text-0 p,
body.text-0 span {
    font-size: 1.1rem !important;
}

body.text-0 h1 {
    font-size: 1.3rem!important;
}

body.text-0 h2 {
    font-size: 1.3rem!important;
}

body.text-0 h3 {
    font-size: 1.2rem!important;
}

body.text-0 .q-icon:before,
body.text-0 .q-form-control-wrapper .k-icon::before,
body.text-0 .q-wrapper-form .k-icon::before,
body.text-0 table td .k-icon::before,
body.text-0 .q-form-control-wrapper .q-icon::before,
body.text-0 .q-wrapper-form .q-icon::before,
body.text-0 table td .q-icon::before {
    font-size: 1.4rem !important;
}



body.text-2,
body.text-2 li, 
body.text-2 p,
body.text-2 span {
    font-size: 1.5rem !important;
}

body.text-2 h1 {
    font-size: 1.7rem!important;
}

body.text-2 h2 {
    font-size: 1.6rem!important;
}

body.text-2 h3 {
    font-size: 1.5rem !important;
}

body.text-2 .q-icon:before,
body.text-2 .q-form-control-wrapper .k-icon::before,
body.text-2 .q-wrapper-form .k-icon::before,
body.text-2 table td .k-icon::before,
body.text-2 .q-form-control-wrapper .q-icon::before,
body.text-2 .q-wrapper-form .q-icon::before,
body.text-2 table td .q-icon::before {
    font-size: 1.6rem !important;
}

body.text-1 h3 {
    font-size: 1.3rem;
}

/* Desktop styles */

@media (min-width: 768px) {
    .mobileClose,
    #mobileMenu {
        display: none;
    }
}


/* Mobile styles */

@media (max-width: 767px) {
    .textSetting {
        display: none;
    }

    .mobile-menu-hidden .ipws-menu {
        display: none;
    }

    #mobileMenu {
        left: 20px;
        position: absolute;
        top: 12px;
        background: var(--background);
        padding: 4px;
    }

    #mobileMenu:hover {
        cursor: pointer;
    }

    button.mt-16 {
        margin-top: 0 !important;
        margin-bottom: 6px !important;
    }

    .textControls {
        margin-right: 4px;
    }

    .textControls .ZoomOut {
        margin-right: 0;
    }

    .textControls .ZoomIn {
        margin-right: 4px;
    }

    #brand-area {
        left: calc(50% - 130px);
    }

    .ipws-menu {
        position: fixed;
        height: 100vh;
        background: var(--background);
        z-index: 99;
        top: 0;
        left: 0;
        grid-row: none;
        grid-column: none;
        margin: 0;
        border-radius: 0;
        border-bottom: 0;
        box-shadow: -3px 0px 5px 5px var(--bordercolor);
    }

    .ipws-menu .mobileClose {
        position: absolute;
        right: 10px;
    }

    .ipws-headerbar {
        border-width: 1px 1px 0 1px;
        margin: 20px 20px 0 20px;
        border-radius: 0;
    }

    .ipws-title {
        border-width: 0 0 1px 1px;
        margin-left: 20px;
        padding-left: 10px;
    }

    .ipws-content {
        border-width: 0 1px 1px 1px;
        margin: 0 20px 0 20px;
        border-radius: 0 0 0 12px;
    }
}