/*
 * IEMS look for page markup written for Bootstrap 3 / Notebook (panels, grid, forms, tables, tabs, modals).
 * Replaces app.v1.css, theme.css, general.css and the theme-N files. Pages converted to the IEMS
 * components don't use these classes; the rest keep working and look the same as the new screens.
 */

/* page wrapper used by every legacy template */
#content{display:block}
#content>.vbox,#content .vbox,#content .hbox,#content .stretch{display:block;height:auto!important;width:auto}
#content .scrollable{overflow:visible!important;height:auto!important}
#content .scrollable.padder,#content>.vbox>.scrollable{padding:0!important}
#content .wrapper{padding:20px}
#content .wrapper-md{padding:20px}
#content p{margin:0 0 10px}
#content h1,#content h2,#content h3,#content h4,#content h5,#content h6{margin:0 0 12px;color:var(--ink);font-weight:700;line-height:1.3}
#content h1{font-size:26px}#content h2{font-size:22px}#content h3{font-size:19px}#content h4{font-size:16px}#content h5{font-size:14px}#content h6{font-size:12px}
#content ul,#content ol{padding-left:20px;margin:0 0 10px}
#content ul.nav,#content ul.list-unstyled,#content ul.pagination,#content ul.pager,#content ul.dropdown-menu,#content ul.breadcrumb,#content ul.list-group,#content ul.list-inline{padding-left:0;margin-bottom:0}
#content hr,.modal hr{border:0;border-top:1px solid var(--line);margin:16px 0}
#content small,.small{font-size:85%}
#content b,#content strong{font-weight:700}
#content label{font-size:12px;font-weight:700;color:var(--mut);margin-bottom:6px;display:inline-block;max-width:100%}
#content table{border-collapse:collapse;border-spacing:0}
#content img{max-width:100%}
#content fieldset{border:0;min-width:0}
#content legend{font-size:16px;font-weight:700;margin-bottom:12px;border-bottom:1px solid var(--line);width:100%;padding-bottom:8px}
:where(#content) a{color:var(--pur2)}:where(html[data-theme=dark] #content) a{color:#9fd3e6}
#content .m-b-md:first-child>h3.m-b-none:empty{display:none}
#content>.vbox>.scrollable>.m-b-md:first-child{margin-bottom:0!important}
.lead{font-size:16px;color:var(--ink2)}
.page-header{border-bottom:1px solid var(--line);padding-bottom:10px;margin:0 0 20px}

/* grid: 20px gutters like the IEMS layout */
.container,.container-fluid{width:100%;margin:0 auto;padding:0 10px}
.row{margin-left:-10px;margin-right:-10px}
.row:before,.row:after,.clearfix:before,.clearfix:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.panel-body:before,.panel-body:after,.btn-toolbar:before,.btn-toolbar:after{content:" ";display:table}
.row:after,.clearfix:after,.form-horizontal .form-group:after,.panel-body:after,.btn-toolbar:after{clear:both}
[class*="col-xs-"],[class*="col-sm-"],[class*="col-md-"],[class*="col-lg-"]{position:relative;min-height:1px;padding-left:10px;padding-right:10px}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}
.col-xs-1{width:8.3333%}.col-xs-2{width:16.6667%}.col-xs-3{width:25%}.col-xs-4{width:33.3333%}.col-xs-5{width:41.6667%}.col-xs-6{width:50%}.col-xs-7{width:58.3333%}.col-xs-8{width:66.6667%}.col-xs-9{width:75%}.col-xs-10{width:83.3333%}.col-xs-11{width:91.6667%}.col-xs-12{width:100%}
@media(min-width:768px){
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}
.col-sm-1{width:8.3333%}.col-sm-2{width:16.6667%}.col-sm-3{width:25%}.col-sm-4{width:33.3333%}.col-sm-5{width:41.6667%}.col-sm-6{width:50%}.col-sm-7{width:58.3333%}.col-sm-8{width:66.6667%}.col-sm-9{width:75%}.col-sm-10{width:83.3333%}.col-sm-11{width:91.6667%}.col-sm-12{width:100%}
.col-sm-offset-1{margin-left:8.3333%}.col-sm-offset-2{margin-left:16.6667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.3333%}.col-sm-offset-6{margin-left:50%}
}
@media(min-width:992px){
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}
.col-md-1{width:8.3333%}.col-md-2{width:16.6667%}.col-md-3{width:25%}.col-md-4{width:33.3333%}.col-md-5{width:41.6667%}.col-md-6{width:50%}.col-md-7{width:58.3333%}.col-md-8{width:66.6667%}.col-md-9{width:75%}.col-md-10{width:83.3333%}.col-md-11{width:91.6667%}.col-md-12{width:100%}
.col-md-offset-1{margin-left:8.3333%}.col-md-offset-2{margin-left:16.6667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.3333%}
}
@media(min-width:1200px){
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}
.col-lg-1{width:8.3333%}.col-lg-2{width:16.6667%}.col-lg-3{width:25%}.col-lg-4{width:33.3333%}.col-lg-5{width:41.6667%}.col-lg-6{width:50%}.col-lg-7{width:58.3333%}.col-lg-8{width:66.6667%}.col-lg-9{width:75%}.col-lg-10{width:83.3333%}.col-lg-11{width:91.6667%}.col-lg-12{width:100%}
.col-lg-offset-1{margin-left:8.3333%}.col-lg-offset-2{margin-left:16.6667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.3333%}
}
@media(max-width:767px){.hidden-xs{display:none!important}}
@media(min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}
@media(min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}
@media(min-width:1200px){.hidden-lg{display:none!important}}
.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none!important}
@media(max-width:767px){.visible-xs{display:block!important}}
@media(min-width:768px) and (max-width:991px){.visible-sm{display:block!important}}
@media(min-width:992px) and (max-width:1199px){.visible-md{display:block!important}}
@media(min-width:1200px){.visible-lg{display:block!important}}

/*
 * Page forms and grids: any box whose direct children are Bootstrap columns lays them out as a wrapping flex row
 * with a 20px gap, so fields line up like the UI kit whatever padding hacks (pl0, p0, clear:left) the markup has.
 */
:is(#content,.modal) :is(div,section,form,fieldset,article,header,footer):has(> [class*="col-xs-"],> [class*="col-sm-"],> [class*="col-md-"],> [class*="col-lg-"]){display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:20px;row-gap:0;margin-left:0;margin-right:0}
:is(#content,.modal) :is(div,section,form,fieldset,article,header,footer):has(> [class*="col-xs-"],> [class*="col-sm-"],> [class*="col-md-"],> [class*="col-lg-"])::before,
:is(#content,.modal) :is(div,section,form,fieldset,article,header,footer):has(> [class*="col-xs-"],> [class*="col-sm-"],> [class*="col-md-"],> [class*="col-lg-"])::after{display:none}
:is(#content,.modal) :is(div,section,form,fieldset,article,header,footer):has(> [class*="col-xs-"],> [class*="col-sm-"],> [class*="col-md-"],> [class*="col-lg-"])>:is(h1,h2,h3,h4,h5,h6,p,hr,table,ul,ol,header,section,.clearfix,.form-heading,.table-responsive,.panel,.alert,div:not([class*="col-"]):not(.btn-group):not(.input-group)){flex:0 0 100%;max-width:100%}
:is(#content,.modal) [class*="col-xs-"],:is(#content,.modal) [class*="col-sm-"],:is(#content,.modal) [class*="col-md-"],:is(#content,.modal) [class*="col-lg-"]{float:none;padding-left:0!important;padding-right:0!important;flex:0 0 100%;max-width:100%;min-width:0}
:is(#content,.modal) .pull-right[class*="col-"]{margin-left:auto}
:is(#content,.modal) .col-xs-1{flex-basis:calc(8.3333% - 18.3333px);max-width:calc(8.3333% - 18.3333px)}:is(#content,.modal) .col-xs-2{flex-basis:calc(16.6667% - 16.6667px);max-width:calc(16.6667% - 16.6667px)}:is(#content,.modal) .col-xs-3{flex-basis:calc(25.0% - 15.0px);max-width:calc(25.0% - 15.0px)}:is(#content,.modal) .col-xs-4{flex-basis:calc(33.3333% - 13.3333px);max-width:calc(33.3333% - 13.3333px)}:is(#content,.modal) .col-xs-5{flex-basis:calc(41.6667% - 11.6667px);max-width:calc(41.6667% - 11.6667px)}:is(#content,.modal) .col-xs-6{flex-basis:calc(50.0% - 10.0px);max-width:calc(50.0% - 10.0px)}:is(#content,.modal) .col-xs-7{flex-basis:calc(58.3333% - 8.3333px);max-width:calc(58.3333% - 8.3333px)}:is(#content,.modal) .col-xs-8{flex-basis:calc(66.6667% - 6.6667px);max-width:calc(66.6667% - 6.6667px)}:is(#content,.modal) .col-xs-9{flex-basis:calc(75.0% - 5.0px);max-width:calc(75.0% - 5.0px)}:is(#content,.modal) .col-xs-10{flex-basis:calc(83.3333% - 3.3333px);max-width:calc(83.3333% - 3.3333px)}:is(#content,.modal) .col-xs-11{flex-basis:calc(91.6667% - 1.6667px);max-width:calc(91.6667% - 1.6667px)}:is(#content,.modal) .col-xs-12{flex-basis:calc(100.0% - 0.0px);max-width:calc(100.0% - 0.0px)}
@media(min-width:768px){:is(#content,.modal) .col-sm-1{flex-basis:calc(8.3333% - 18.3333px);max-width:calc(8.3333% - 18.3333px)}:is(#content,.modal) .col-sm-2{flex-basis:calc(16.6667% - 16.6667px);max-width:calc(16.6667% - 16.6667px)}:is(#content,.modal) .col-sm-3{flex-basis:calc(25.0% - 15.0px);max-width:calc(25.0% - 15.0px)}:is(#content,.modal) .col-sm-4{flex-basis:calc(33.3333% - 13.3333px);max-width:calc(33.3333% - 13.3333px)}:is(#content,.modal) .col-sm-5{flex-basis:calc(41.6667% - 11.6667px);max-width:calc(41.6667% - 11.6667px)}:is(#content,.modal) .col-sm-6{flex-basis:calc(50.0% - 10.0px);max-width:calc(50.0% - 10.0px)}:is(#content,.modal) .col-sm-7{flex-basis:calc(58.3333% - 8.3333px);max-width:calc(58.3333% - 8.3333px)}:is(#content,.modal) .col-sm-8{flex-basis:calc(66.6667% - 6.6667px);max-width:calc(66.6667% - 6.6667px)}:is(#content,.modal) .col-sm-9{flex-basis:calc(75.0% - 5.0px);max-width:calc(75.0% - 5.0px)}:is(#content,.modal) .col-sm-10{flex-basis:calc(83.3333% - 3.3333px);max-width:calc(83.3333% - 3.3333px)}:is(#content,.modal) .col-sm-11{flex-basis:calc(91.6667% - 1.6667px);max-width:calc(91.6667% - 1.6667px)}:is(#content,.modal) .col-sm-12{flex-basis:calc(100.0% - 0.0px);max-width:calc(100.0% - 0.0px)}}
@media(min-width:992px){:is(#content,.modal) .col-md-1{flex-basis:calc(8.3333% - 18.3333px);max-width:calc(8.3333% - 18.3333px)}:is(#content,.modal) .col-md-2{flex-basis:calc(16.6667% - 16.6667px);max-width:calc(16.6667% - 16.6667px)}:is(#content,.modal) .col-md-3{flex-basis:calc(25.0% - 15.0px);max-width:calc(25.0% - 15.0px)}:is(#content,.modal) .col-md-4{flex-basis:calc(33.3333% - 13.3333px);max-width:calc(33.3333% - 13.3333px)}:is(#content,.modal) .col-md-5{flex-basis:calc(41.6667% - 11.6667px);max-width:calc(41.6667% - 11.6667px)}:is(#content,.modal) .col-md-6{flex-basis:calc(50.0% - 10.0px);max-width:calc(50.0% - 10.0px)}:is(#content,.modal) .col-md-7{flex-basis:calc(58.3333% - 8.3333px);max-width:calc(58.3333% - 8.3333px)}:is(#content,.modal) .col-md-8{flex-basis:calc(66.6667% - 6.6667px);max-width:calc(66.6667% - 6.6667px)}:is(#content,.modal) .col-md-9{flex-basis:calc(75.0% - 5.0px);max-width:calc(75.0% - 5.0px)}:is(#content,.modal) .col-md-10{flex-basis:calc(83.3333% - 3.3333px);max-width:calc(83.3333% - 3.3333px)}:is(#content,.modal) .col-md-11{flex-basis:calc(91.6667% - 1.6667px);max-width:calc(91.6667% - 1.6667px)}:is(#content,.modal) .col-md-12{flex-basis:calc(100.0% - 0.0px);max-width:calc(100.0% - 0.0px)}}
@media(min-width:1200px){:is(#content,.modal) .col-lg-1{flex-basis:calc(8.3333% - 18.3333px);max-width:calc(8.3333% - 18.3333px)}:is(#content,.modal) .col-lg-2{flex-basis:calc(16.6667% - 16.6667px);max-width:calc(16.6667% - 16.6667px)}:is(#content,.modal) .col-lg-3{flex-basis:calc(25.0% - 15.0px);max-width:calc(25.0% - 15.0px)}:is(#content,.modal) .col-lg-4{flex-basis:calc(33.3333% - 13.3333px);max-width:calc(33.3333% - 13.3333px)}:is(#content,.modal) .col-lg-5{flex-basis:calc(41.6667% - 11.6667px);max-width:calc(41.6667% - 11.6667px)}:is(#content,.modal) .col-lg-6{flex-basis:calc(50.0% - 10.0px);max-width:calc(50.0% - 10.0px)}:is(#content,.modal) .col-lg-7{flex-basis:calc(58.3333% - 8.3333px);max-width:calc(58.3333% - 8.3333px)}:is(#content,.modal) .col-lg-8{flex-basis:calc(66.6667% - 6.6667px);max-width:calc(66.6667% - 6.6667px)}:is(#content,.modal) .col-lg-9{flex-basis:calc(75.0% - 5.0px);max-width:calc(75.0% - 5.0px)}:is(#content,.modal) .col-lg-10{flex-basis:calc(83.3333% - 3.3333px);max-width:calc(83.3333% - 3.3333px)}:is(#content,.modal) .col-lg-11{flex-basis:calc(91.6667% - 1.6667px);max-width:calc(91.6667% - 1.6667px)}:is(#content,.modal) .col-lg-12{flex-basis:calc(100.0% - 0.0px);max-width:calc(100.0% - 0.0px)}}
:is(#content,.modal) .row{margin-left:0;margin-right:0}
:is(#content,.modal) :is(input,select,textarea,.form-control,.btn,img)[class*="col-"]{flex:0 0 100%!important;max-width:100%!important;width:100%}
:is(#content,.modal) :is(input,select,textarea,.form-control)[class*="col-"]{padding-left:13px!important;padding-right:13px!important}
:is(#content,.modal) :is(.btn,img)[class*="col-"]{flex:0 0 auto!important;width:auto}
:is(#content,.modal) [class*="col-"]:is([style*="margin-left: -"],[style*="margin-left:-"]){margin-left:0!important}
:is(#content,.modal) [class*="col-"]:is([style*="margin-right: -"],[style*="margin-right:-"]){margin-right:0!important}


/* panels become IEMS cards */
.panel{background:var(--sf);border:1px solid var(--line);border-radius:var(--r);margin-bottom:var(--gap);min-width:0}
.panel>.panel-heading,.panel-heading{padding:18px 24px;border-bottom:1px solid var(--line);font-size:16px;font-weight:700;color:var(--ink);background:transparent;border-radius:var(--r) var(--r) 0 0}
.panel-heading .panel-title,.panel-title{font-size:16px;font-weight:700;margin:0}
.panel-heading .nav-tabs{margin:-18px -24px;padding:0 16px;border-bottom:0}
.panel-body{padding:24px}
.panel-footer{padding:14px 24px;border-top:1px solid var(--line);background:var(--sf2);border-radius:0 0 var(--r) var(--r)}
.panel>.table,.panel>.table-responsive{margin-bottom:0}
.panel>.table-responsive:last-child,.panel>.table:last-child{border-radius:0 0 var(--r) var(--r);overflow:hidden}
.panel-group .panel{margin-bottom:12px}
.panel.no-border{border:0}
.panel .panel{border-radius:16px}
.panel-primary>.panel-heading{background:var(--pur);color:#fff;border-color:var(--pur)}
.panel-success>.panel-heading{background:var(--mint-bg);color:var(--mint-ink)}
.panel-info>.panel-heading{background:var(--sky-bg);color:var(--sky-ink)}
.panel-warning>.panel-heading{background:var(--amber-bg);color:var(--amber-ink)}
.panel-danger>.panel-heading{background:var(--coral-bg);color:var(--coral-ink)}
.well{background:var(--sf2);border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:20px}
.jumbotron{background:var(--sf2);border-radius:var(--r);padding:28px;margin-bottom:20px}
.form-heading,header.form-heading,.panel-heading.form-heading{display:flex;align-items:center;gap:10px;font-size:15px!important;font-weight:800;color:var(--ink);letter-spacing:-.01em;margin:4px 0 16px!important}
.form-heading>i,.form-heading>.fa,.form-heading>svg{color:var(--brand-o);font-size:17px}
:is(#content,.modal) .form-heading:not(:first-child){border-top:1px solid var(--line);padding-top:20px!important;margin-top:4px!important}
.portlet{border-radius:var(--r)}

/* forms */
.form-group,.form-group.m-b,.form-group.m-b-md,.form-group.m-b-sm{margin-bottom:16px}
.form-group.m0,.form-group.mbn,.form-group.m-b-none{margin-bottom:0}
.form-group>label,#content .form-group>label{display:block;margin-bottom:8px}
.form-control{display:block;width:100%;height:42px;border-radius:12px;border:1.5px solid var(--line2);background:var(--sf);color:var(--ink);padding:0 13px;font-size:14px;font-family:var(--font);outline:0;transition:border-color .15s;box-shadow:none}
.form-control:focus{border-color:var(--pur)}
.form-control::placeholder{color:var(--mut);opacity:1}
textarea.form-control{height:auto;min-height:96px;padding:10px 13px;line-height:1.5;resize:vertical}
select.form-control{appearance:none;-webkit-appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236c8390' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}
select.form-control[multiple]{height:auto;min-height:96px;padding:8px;background-image:none}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:var(--sf2);color:var(--ink2);cursor:not-allowed}
input.form-control[readonly].flatpickr-input{cursor:pointer}
.input-sm,.form-control.input-sm,.input-group-sm>.form-control{height:34px;border-radius:10px;font-size:13px;padding:0 10px}
.input-lg,.form-control.input-lg{height:48px;font-size:15px}
input[type=file].form-control{padding:8px 10px;height:auto}
input[type=checkbox]:not(.checkbox-input):not(.switch-label input),input[type=radio]:not(.radio-input){accent-color:var(--pur);width:17px;height:17px;vertical-align:-3px;margin:0 6px 0 0;cursor:pointer}
input[type=color]{height:42px;padding:4px;border-radius:12px;border:1.5px solid var(--line2);background:var(--sf)}
.checkbox,.radio{display:block;margin:0 0 10px}
.checkbox label,.radio label,.checkbox-inline,.radio-inline{font-size:14px!important;font-weight:600!important;color:var(--ink)!important;cursor:pointer;display:inline-flex!important;align-items:center;gap:6px;margin:0 14px 0 0}
.help-block{display:block;margin-top:6px;font-size:12px;color:var(--mut)}
.has-error .form-control{border-color:var(--coral)}.has-success .form-control{border-color:var(--mint)}
.has-error .help-block,.has-error .control-label{color:var(--coral-ink)}
.control-label{font-size:12px;font-weight:700;color:var(--mut)}
.form-horizontal .control-label{padding-top:12px}
.form-inline .form-group{display:inline-block;margin:0 10px 10px 0;vertical-align:middle}
.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}
.form-inline label{margin-right:6px}
.input-group{position:relative;display:flex;align-items:stretch;width:100%}
.input-group>.form-control{flex:1 1 auto;width:1%;min-width:0;border-radius:0}
.input-group>.form-control:first-child{border-radius:12px 0 0 12px}.input-group>.form-control:last-child{border-radius:0 12px 12px 0}
.input-group>.form-control:only-child{border-radius:12px}
.input-group-addon{display:flex;align-items:center;padding:0 12px;background:var(--sf2);border:1.5px solid var(--line2);color:var(--mut);font-weight:700;font-size:13px;white-space:nowrap}
.input-group-addon:first-child{border-right:0;border-radius:12px 0 0 12px}.input-group-addon:last-child{border-left:0;border-radius:0 12px 12px 0}
.input-group-btn{display:flex}
.input-group-btn>.btn{height:100%;min-height:42px;border-radius:0}
.input-group-btn:first-child>.btn{border-radius:12px 0 0 12px}.input-group-btn:last-child>.btn{border-radius:0 12px 12px 0}
.input-group .choices{flex:1 1 auto;min-width:0}
/* Notebook custom checkbox: <label class="i-checks"><input type=checkbox><i></i> text</label> */
.i-checks{display:inline-flex!important;align-items:center;gap:8px;cursor:pointer;font-size:14px!important;font-weight:600!important;color:var(--ink)!important;margin:0 14px 6px 0!important}
.i-checks input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.i-checks input+i{width:20px;height:20px;border-radius:7px;border:2px solid var(--line2);background:var(--sf);display:inline-grid;place-items:center;flex:none;transition:.15s}
.i-checks input[type=radio]+i{border-radius:50%}
.i-checks input:checked+i{background:var(--pur);border-color:var(--pur);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E");background-size:13px;background-repeat:no-repeat;background-position:center}
.i-checks input:focus-visible+i{outline:2px solid var(--pur2);outline-offset:2px}
.i-checks input:disabled+i{opacity:.5}
.i-switch{position:relative;display:inline-block;width:42px;height:24px;margin:0;cursor:pointer}
.i-switch input{position:absolute;opacity:0}
.i-switch i{position:absolute;inset:0;border-radius:12px;background:var(--line2);transition:.2s}
.i-switch i:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}
.i-switch input:checked+i{background:var(--mint)}.i-switch input:checked+i:before{left:21px}

/* buttons: same shapes as the IEMS buttons */
.btn{height:42px;padding:0 18px;border-radius:13px;font-weight:700;font-size:14px;line-height:1.2;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border:1px solid transparent;cursor:pointer;text-decoration:none;vertical-align:middle;text-shadow:none;user-select:none;background:var(--pur);color:#fff;font-family:var(--font)}
.btn:hover,.btn:focus{text-decoration:none;filter:brightness(1.08)}
.btn-primary:hover,.btn-success:hover,.btn-info:hover,.btn-danger:hover,.btn-dark:hover,.btn-primary:focus,.btn-success:focus,.btn-info:focus,.btn-danger:focus{color:#fff}
.btn:active{transform:translateY(1px)}
.btn[disabled],.btn.disabled,fieldset[disabled] .btn{opacity:.55;cursor:not-allowed;pointer-events:none}
.btn .fa,.btn .i{font-size:15px}
.btn-default,.btn-white{background:var(--sf);border-color:var(--line2);color:var(--ink)}
.btn-default:hover,.btn-default:focus,.btn-white:hover,.btn-white:focus,.btn-default.active,.open>.btn-default{background:var(--sf);border-color:var(--pur2);color:var(--ink);filter:none}
.btn-primary{background:var(--pur);color:#fff}
.btn-success{background:var(--mint);color:#fff}
.btn-info{background:var(--sky);color:#fff}
.btn-warning{background:var(--sun);color:#15303c}.btn-warning:hover,.btn-warning:focus{color:#15303c}
.btn-danger{background:var(--coral);color:#fff}
.btn-dark{background:var(--navy);color:#fff}
.btn-link{background:transparent;color:var(--pur2);border-color:transparent}.btn-link:hover{color:var(--pur);filter:none;text-decoration:underline}
.btn-lg,.btn-group-lg>.btn{height:48px;padding:0 22px;font-size:15px;border-radius:14px}
.btn-sm,.btn-group-sm>.btn{height:34px;padding:0 12px;font-size:13px;border-radius:10px}
.btn-xs,.btn-group-xs>.btn{height:28px;padding:0 9px;font-size:12px;border-radius:8px}
.btn-block{display:flex;width:100%}
.btn-s-md{min-width:120px}.btn-s-sm{min-width:90px}.btn-s-lg{min-width:160px}
.btn-icon{width:42px;padding:0}.btn-icon.btn-sm{width:34px}
.btn-rounded{border-radius:999px}
.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}
.btn-group>.btn{border-radius:0;margin-left:-1px}
.btn-group>.btn:first-child{border-radius:13px 0 0 13px;margin-left:0}.btn-group>.btn:last-child,.btn-group>.dropdown-toggle{border-radius:0 13px 13px 0}
.btn-group>.btn:only-child{border-radius:13px}
.btn-toolbar{display:flex;flex-wrap:wrap;gap:8px}
.caret{display:inline-block;width:0;height:0;border-top:5px solid;border-right:5px solid transparent;border-left:5px solid transparent;vertical-align:middle}
.close{float:right;font-size:22px;font-weight:700;line-height:1;color:var(--mut);background:none;border:0;cursor:pointer;opacity:.8;width:34px;height:34px;border-radius:10px;display:grid;place-items:center}
.close:hover{opacity:1;background:var(--sf2);color:var(--ink)}
.dt-buttons .dt-button,.dt-button{height:34px;padding:0 12px;border-radius:10px;background:var(--sf);border:1px solid var(--line2);color:var(--ink);font-weight:700;font-size:13px;margin:0 6px 6px 0;display:inline-flex;align-items:center;gap:6px;cursor:pointer;background-image:none!important;box-shadow:none!important;text-shadow:none!important}
.dt-buttons .dt-button:hover,.dt-button:hover{border-color:var(--pur2)!important;background:var(--sf)!important}

/* tables */
.table{width:100%;max-width:100%;margin-bottom:20px;background:transparent;font-size:13.5px;color:var(--ink)}
.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:12px 14px;vertical-align:middle;border-top:0;border-bottom:1px solid var(--line);text-align:inherit}
.table>thead>tr>th,.table>thead>tr>td{background:var(--sf2);color:var(--mut);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid var(--line)}
.table>tbody>tr>th{font-weight:700}
.table>tfoot>tr>td,.table>tfoot>tr>th{font-weight:700;background:var(--sf2)}
.table>tbody>tr:last-child>td,.table>tbody>tr:last-child>th{border-bottom:0}
.table-striped>tbody>tr:nth-of-type(odd)>td,.table-striped>tbody>tr:nth-of-type(odd)>th{background:color-mix(in srgb,var(--sf2) 55%,transparent)}
.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background:var(--lav)}
.table-bordered{border:1px solid var(--line);border-radius:14px;border-collapse:separate!important;overflow:hidden}
.table-bordered>thead>tr>th,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td{border-right:1px solid var(--line)}
.table-bordered>thead>tr>th:last-child,.table-bordered>tbody>tr>td:last-child,.table-bordered>tbody>tr>th:last-child,.table-bordered>tfoot>tr>td:last-child{border-right:0}
.table-condensed>tbody>tr>td,.table-condensed>thead>tr>th{padding:8px 10px}
.table-responsive{overflow-x:auto;min-height:.01%;-webkit-overflow-scrolling:touch}
.table .btn{vertical-align:middle}
.table>tbody>tr.success>td{background:var(--mint-bg)}.table>tbody>tr.danger>td{background:var(--coral-bg)}.table>tbody>tr.warning>td{background:var(--amber-bg)}.table>tbody>tr.info>td{background:var(--sky-bg)}
.table>tbody>tr.active>td{background:var(--lav)}
.th-sortable{cursor:pointer}
.highlight_row>td{background:var(--amber-bg)!important}
.bg-deafulter>td,.bg-deafulter{background:var(--coral-bg)!important}

/* DataTables */
.dataTables_wrapper{position:relative;clear:both}
.dataTables_wrapper .dataTables_filter{float:right;margin-bottom:12px}
.dataTables_wrapper .dataTables_filter label,.dataTables_wrapper .dataTables_length label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--mut);margin:0}
.dataTables_wrapper .dataTables_filter input{height:38px;border-radius:12px;border:1.5px solid var(--line2);background:var(--sf);padding:0 12px 0 36px;font-size:13.5px;color:var(--ink);outline:0;margin:0!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236c8390' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;background-size:16px}
.dataTables_wrapper .dataTables_filter input:focus{border-color:var(--pur)}
.dataTables_wrapper .dataTables_length{float:left;margin-bottom:12px}
.dataTables_wrapper .dataTables_info{float:left;padding-top:14px;font-size:12.5px;color:var(--mut);font-weight:600}
.dataTables_wrapper .dataTables_paginate{float:right;padding-top:10px;display:flex;gap:4px;flex-wrap:wrap}
.dataTables_wrapper .dataTables_paginate .paginate_button,.dataTables_wrapper .dataTables_paginate a{min-width:34px;height:34px;padding:0 10px;border-radius:10px!important;border:1px solid var(--line2)!important;background:var(--sf)!important;color:var(--ink)!important;font-weight:700;font-size:13px;display:inline-grid;place-items:center;cursor:pointer;margin:0!important;text-decoration:none!important}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background:var(--pur)!important;border-color:var(--pur)!important;color:#fff!important}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{border-color:var(--pur2)!important;background:var(--sf)!important;color:var(--ink)!important}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled{opacity:.45;cursor:default}
.dataTables_wrapper .dataTables_processing{background:var(--sf);border:1px solid var(--line);border-radius:12px;color:var(--ink);font-weight:600}
.dataTables_wrapper .dt-buttons{float:left;margin-bottom:12px}
.dataTables_wrapper:after{content:"";display:table;clear:both}
table.dataTable{border-collapse:collapse!important;margin:0 0 6px!important;width:100%!important}
table.dataTable thead th,table.dataTable thead td{border-bottom:1px solid var(--line)!important}
table.dataTable.no-footer{border-bottom:1px solid var(--line)!important}
table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc{background-image:none!important;cursor:pointer}
table.dataTable thead .sorting_asc:after{content:" \2191";color:var(--brand-o)}table.dataTable thead .sorting_desc:after{content:" \2193";color:var(--brand-o)}

/* tabs and pills */
.nav{list-style:none;margin:0;padding:0}
.nav>li{position:relative;display:block}
.nav>li>a{position:relative;display:block;padding:10px 14px;text-decoration:none}
.nav-tabs{display:flex;flex-wrap:wrap;gap:2px;border-bottom:1px solid var(--line);margin-bottom:20px}
.nav-tabs>li>a{padding:12px 16px;font-size:13.5px;font-weight:700;color:var(--mut);border-bottom:2.5px solid transparent;margin-bottom:-1px;border-radius:10px 10px 0 0;display:flex;align-items:center;gap:6px}
.nav-tabs>li>a:hover{color:var(--ink);background:var(--sf2)}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:var(--ink);border-bottom-color:var(--brand-o);background:transparent}
.nav-pills{display:flex;flex-wrap:wrap;gap:6px}
.nav-pills>li>a{padding:8px 14px;border-radius:11px;font-weight:700;font-size:13px;color:var(--ink2);background:var(--sf2);border:1px solid var(--line)}
.nav-pills>li>a:hover{border-color:var(--pur2)}
.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{background:var(--pur);color:#fff;border-color:var(--pur)}
.nav-stacked{flex-direction:column}
.tab-content>.tab-pane:not(.active),.pill-content>.pill-pane:not(.active),.collapse:not(.in){display:none!important}.tab-content>.active{animation:rise .35s both}
.tab-content>.tab-pane.active:not(:has(> [class*="col-"])){display:block}
.pill-content>.pill-pane{display:none}.pill-content>.active{display:block}

/* dropdowns (Bootstrap JS) */
.dropdown,.dropup{position:relative}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:180px;padding:6px;margin:6px 0 0;list-style:none;font-size:14px;text-align:left;background:var(--sf);border:1px solid var(--line2);border-radius:14px}
.dropdown-menu.pull-right,.pull-right>.dropdown-menu{right:0;left:auto}
.open>.dropdown-menu{display:block;animation:rise .18s both}
.dropdown-menu>li>a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;clear:both;font-weight:600;color:var(--ink);white-space:nowrap;text-decoration:none}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background:var(--sf2);color:var(--ink);text-decoration:none}
.dropdown-menu>.active>a{background:var(--lav);color:var(--pur)}
.dropdown-menu .divider{height:1px;margin:6px 4px;overflow:hidden;background:var(--line)}
.dropdown-header{padding:8px 12px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}
.dropdown-menu .arrow{display:none}

/* modals (Bootstrap JS) */
.modal-open{overflow:hidden}
.modal{position:fixed;inset:0;z-index:1050;display:none;overflow-x:hidden;overflow-y:auto;outline:0;-webkit-overflow-scrolling:touch}
.modal.in{display:block}
.modal.fade .modal-dialog{transform:translateY(-14px) scale(.98);opacity:0;transition:transform .22s,opacity .22s}
.modal.in .modal-dialog{transform:none;opacity:1}
.modal-dialog{position:relative;width:auto;margin:6vh 16px;z-index:1051}
@media(min-width:768px){.modal-dialog{width:600px;margin:8vh auto}.modal-sm{width:380px}}
@media(min-width:992px){.modal-lg{width:900px}}
.modal-content{position:relative;background:var(--sf);border:1px solid var(--line2);border-radius:22px;outline:0;overflow:hidden;color:var(--ink)}
.modal-header{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line)}
.modal-header .close{order:2;margin-left:auto}
.modal-title{margin:0;font-size:17px;font-weight:800;color:var(--ink)}
.modal-body{position:relative;padding:22px}
.modal-footer{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:14px 22px;border-top:1px solid var(--line);background:var(--sf2)}
.modal-body:after{content:"";display:table;clear:both}
.modal-backdrop{position:fixed;inset:0;z-index:1040;background:rgba(6,18,24,.5)}
.modal-backdrop.fade{opacity:0;transition:opacity .2s}.modal-backdrop.in{opacity:1}
.fade{opacity:0;transition:opacity .15s linear}.fade.in{opacity:1}
.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}
.collapsing{position:relative;height:0;overflow:hidden;transition:height .3s}

/* labels, badges, alerts, progress */
.label{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;line-height:1;padding:5px 9px;border-radius:8px;white-space:nowrap;vertical-align:middle;background:var(--sf2);color:var(--mut)}
.label:empty{display:none}
.label-default{background:var(--sf2);color:var(--mut)}
.label-primary{background:var(--lav);color:var(--pur)}html[data-theme=dark] .label-primary{color:#9fd3e6}
.label-success{background:var(--mint-bg);color:var(--mint-ink)}
.label-info{background:var(--sky-bg);color:var(--sky-ink)}
.label-warning{background:var(--amber-bg);color:var(--amber-ink)}
.label-danger{background:var(--coral-bg);color:var(--coral-ink)}
.badge{display:inline-block;min-width:20px;padding:3px 7px;font-size:11px;font-weight:700;line-height:1.2;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background:var(--pur2);border-radius:10px}
.badge:empty{display:none}
.alert{display:block;padding:14px 16px;margin-bottom:20px;border:1px solid transparent;border-radius:14px;font-size:14px;font-weight:500;background:var(--sky-bg);color:var(--sky-ink)}
.alert-success{background:var(--mint-bg);color:var(--mint-ink)}
.alert-info{background:var(--sky-bg);color:var(--sky-ink)}
.alert-warning{background:var(--amber-bg);color:var(--amber-ink)}
.alert-danger{background:var(--coral-bg);color:var(--coral-ink)}
.alert .close{color:inherit;width:26px;height:26px;font-size:18px}
.progress{height:10px;overflow:hidden;background:var(--sf3);border-radius:6px;margin-bottom:12px}
.progress-sm{height:6px}.progress-xs{height:4px}
.progress-bar{float:left;width:0;height:100%;font-size:10px;line-height:10px;color:#fff;text-align:center;background:var(--pur2);border-radius:6px;transition:width .6s ease}
.progress-bar-success{background:var(--mint)}.progress-bar-info{background:var(--sky)}.progress-bar-warning{background:var(--sun)}.progress-bar-danger{background:var(--coral)}
.progress-striped .progress-bar{background-image:linear-gradient(45deg,rgba(255,255,255,.18) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.18) 75%,transparent 75%,transparent);background-size:16px 16px}

/* pagination, pager, breadcrumb, list group, media */
.pagination{display:inline-flex;flex-wrap:wrap;gap:4px;margin:12px 0;list-style:none;padding:0}
.pagination>li>a,.pagination>li>span{min-width:34px;height:34px;padding:0 10px;border-radius:10px;border:1px solid var(--line2);background:var(--sf);color:var(--ink);font-weight:700;font-size:13px;display:inline-grid;place-items:center;text-decoration:none}
.pagination>li>a:hover{border-color:var(--pur2)}
.pagination>.active>a,.pagination>.active>span{background:var(--pur);border-color:var(--pur);color:#fff}
.pagination>.disabled>a,.pagination>.disabled>span{opacity:.45;pointer-events:none}
.pagination-sm>li>a,.pagination-sm>li>span{height:30px;min-width:30px;font-size:12px}
.pager{display:flex;gap:8px;justify-content:space-between;list-style:none;padding:0;margin:12px 0}
.pager li>a,.pager li>span{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:12px;border:1px solid var(--line2);background:var(--sf);color:var(--ink);font-weight:700;font-size:13px;text-decoration:none}
.pager .disabled>a{opacity:.45;pointer-events:none}
.pager li{display:inline-block}.pager:after{content:"";display:table;clear:both}
.pager .previous,.pager .first{float:left;margin-right:8px}.pager .next,.pager .last{float:right;margin-left:8px}
.wizard .pager{margin-top:20px}
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:0;margin:0 0 16px;list-style:none;background:none;font-size:13px;font-weight:600;color:var(--mut)}
.breadcrumb>li{display:inline-flex;align-items:center;gap:6px}
.breadcrumb>li+li:before{content:"/";color:var(--line2);padding:0 2px}
.breadcrumb>li>a{color:var(--mut);text-decoration:none}.breadcrumb>li>a:hover{color:var(--pur)}
.breadcrumb>.active{color:var(--ink)}
.list-group{margin-bottom:20px;padding-left:0;list-style:none;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--sf)}
.list-group-item{position:relative;display:block;padding:12px 16px;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink);background:var(--sf)}
.list-group-item:last-child{border-bottom:0}
a.list-group-item:hover{background:var(--sf2);text-decoration:none}
.list-group-item.active{background:var(--lav);color:var(--pur);font-weight:700}
.list-inline{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.list-unstyled{list-style:none;padding-left:0}
.media{display:flex;gap:12px;align-items:flex-start;margin-top:12px}.media:first-child{margin-top:0}
.media-body{flex:1;min-width:0;overflow:hidden}
.media-heading{margin:0 0 4px;font-size:14px;font-weight:700}
.thumb-xs{width:24px;display:inline-block}.thumb-sm{width:36px;display:inline-block}.thumb-md{width:64px;display:inline-block}.thumb-lg{width:96px;display:inline-block}
.thumb-xs img,.thumb-sm img,.thumb-md img,.thumb-lg img{width:100%;height:auto}
.avatar{position:relative;display:block;border-radius:50%;white-space:nowrap}.avatar img{border-radius:50%;width:100%}
.img-circle{border-radius:50%}.img-rounded{border-radius:14px}.img-thumbnail{padding:4px;background:var(--sf);border:1px solid var(--line);border-radius:14px;max-width:100%}
.img-responsive,.img-full{display:block;max-width:100%;height:auto}

/* tooltips and popovers (Bootstrap JS) */
.tooltip{position:absolute;z-index:1070;display:block;font:600 12px/1.4 var(--font);opacity:0;pointer-events:none}
.tooltip.in{opacity:1}
.tooltip.top{margin-top:-4px;padding:5px 0}.tooltip.bottom{margin-top:4px;padding:5px 0}.tooltip.left{margin-left:-4px;padding:0 5px}.tooltip.right{margin-left:4px;padding:0 5px}
.tooltip-inner{max-width:240px;padding:6px 10px;color:#fff;text-align:center;background:var(--navy);border-radius:9px}
.tooltip-arrow{display:none}
.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:300px;padding:0;background:var(--sf);border:1px solid var(--line2);border-radius:14px;font-size:13px;color:var(--ink)}
.popover.top{margin-top:-8px}.popover.bottom{margin-top:8px}.popover.left{margin-left:-8px}.popover.right{margin-left:8px}
.popover-title{margin:0;padding:10px 14px;font-size:13px;font-weight:700;border-bottom:1px solid var(--line)}
.popover-content{padding:10px 14px}
.popover>.arrow{display:none}

/* Notebook spacing and text helpers */
.m-n{margin:0!important}#content .m{margin:15px}#content .m-xs{margin:5px}#content .m-sm{margin:10px}#content .m-lg{margin:30px}
.m-t{margin-top:15px}.m-t-xs{margin-top:5px}.m-t-sm{margin-top:10px}.m-t-md{margin-top:20px}.m-t-lg{margin-top:30px}.m-t-none{margin-top:0!important}
.m-b{margin-bottom:15px}.m-b-xs{margin-bottom:5px}.m-b-sm{margin-bottom:10px}.m-b-md{margin-bottom:20px}.m-b-lg{margin-bottom:30px}.m-b-none{margin-bottom:0!important}
.m-l{margin-left:15px}.m-l-xs{margin-left:5px}.m-l-sm{margin-left:10px}.m-l-none{margin-left:0!important}.m-l5{margin-left:5px!important}
.m-r{margin-right:15px}.m-r-xs{margin-right:5px}.m-r-sm{margin-right:10px}.m-r-none{margin-right:0!important}
.m0{margin:0!important}.mb10{margin-bottom:10px!important}.mbn{margin-bottom:0!important}.ml80{margin-left:80px}
.padder{padding-left:10px;padding-right:10px}.padder-v{padding-top:15px;padding-bottom:15px}
.p0{padding:0!important}.pl0{padding-left:0!important}.pr0{padding-right:0!important}.pt0{padding-top:0!important}.pb0{padding-bottom:0!important}.pn{padding:0!important}
.pt10{padding-top:10px!important}.pt20{padding-top:20px!important}.pad15{padding:15px!important}.pad-l{padding-left:35px!important}.p-t34{padding-top:34px!important}
#content .wrapper{padding:15px}#content .wrapper-xs{padding:5px}#content .wrapper-sm{padding:10px}#content .wrapper-lg{padding:30px}
.pull-left{float:left!important}.pull-right{float:right!important}.pull-none{float:none!important}
#content .clear{display:block;overflow:hidden}.c-b{clear:both!important}
#content .block{display:block}#content .inline{display:inline-block!important}#content .none{display:none}.hide,.hidden{display:none!important}#content .show{display:block!important}.invisible{visibility:hidden}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-justify{text-align:justify}
@media(max-width:767px){.text-center-xs{text-align:center!important}.pull-none-xs{float:none!important}}
.text-u-c{text-transform:uppercase}.text-ellipsis{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.font-bold,.f-b,.text-bold{font-weight:700!important}.font-thin{font-weight:300}
.f-s12{font-size:12px!important}.f-s14{font-size:14px!important}.f-s16{font-size:16px!important}.f-s18{font-size:18px!important}
.text-xs{font-size:11px}.text-sm{font-size:12px}.text-md{font-size:15px}.text-lg{font-size:18px}.text-small{font-size:10px!important}
.v-a,.v-middle{vertical-align:middle!important}.c-p{cursor:pointer!important}
.text-muted{color:var(--mut)!important}
.text-primary{color:var(--pur2)!important}html[data-theme=dark] .text-primary{color:#9fd3e6!important}
.text-success,.big-green{color:var(--mint-ink)!important}.text-info{color:var(--sky-ink)!important}.text-warning{color:var(--amber-ink)!important}
.text-danger,.text-red,.big-red{color:var(--coral-ink)!important}.text-blue{color:var(--sky-ink)!important}
.text-dark{color:var(--ink)!important}.text-white{color:#fff!important}.text-black{color:var(--ink)!important}
.big-green,.big-red{font-size:20px}
.bg-white{background:var(--sf)!important}.bg-light,.bg-light-lt,.bg-light.lt,.bg-light.dk{background:var(--sf2)!important;color:var(--ink)}
.bg-primary{background:var(--pur)!important;color:#fff}.bg-success{background:var(--mint)!important;color:#fff}.bg-info{background:var(--sky)!important;color:#fff}
.bg-warning{background:var(--sun)!important;color:#15303c}.bg-danger{background:var(--coral)!important;color:#fff}.bg-dark,.bg-black{background:var(--navy)!important;color:#fff}
.bg-empty{background:transparent!important}
#content .b{border:1px solid var(--line)}.b-a{border:1px solid var(--line)!important}.b-t{border-top:1px solid var(--line)!important}.b-b{border-bottom:1px solid var(--line)!important}.b-l{border-left:1px solid var(--line)!important}.b-r{border-right:1px solid var(--line)!important}
.b-light,.b-white{border-color:var(--line)!important}.b-2x{border-width:2px!important}.b-3x{border-width:3px!important}
.no-border{border-color:transparent!important;border-width:0!important}
#content .text-right{border-radius:12px}#content .r-2x{border-radius:16px}#content .rounded{border-radius:999px}
#content .line{height:1px;margin:12px 0;border-top:1px solid var(--line);overflow:visible!important}#content .line-dashed{border-style:dashed}#content .line-lg{margin:20px 0}
.box-shadow,.box-shadow1{box-shadow:none!important}
.h2{font-size:28px!important}.h3{font-size:22px}.h4{font-size:18px}
.animated{animation-duration:.4s;animation-fill-mode:both}
.fadeInRight,.fadeInUp,.fadeIn,.flipInY,.fadeInLeft,.fadeInDown{animation-name:rise}
.scroll-y{overflow-y:auto}.scroll-x{overflow-x:auto}
.w-full{width:100%}.h-full{height:100%}
.contain{overflow:hidden!important}

/* print helpers */
.no_screen{display:none}
@media print{.no_print,.noprint,.no-print,.hidden-print{display:none!important}.no_screen{display:block!important}.panel{border:0}#content .scrollable{overflow:visible!important}}