:root {
    --state-rejected-color: #ee6257;
    --state-new-color: #fff2af;
    --state-paused-color: #87cbff;
    --state-ready-color: #ffb415;
    --state-ongoing-color: rgb(169, 196, 97);
    --state-finished-color: #0eb46a;

    --state-planned-color: var(--state-ready-color);
    --state-completed-color: var(--state-finished-color);

    --state-new-hover-color: #f4e7a6;
    --state-paused-hover-color: #7bb9e8;
    --state-ready-hover-color: #9f9f9f;
    --state-ongoing-hover-color: #e69c15;
    --state-finished-hover-color: #105731;
    --state-rejected-hover-color: #e0e0e0;

    --splash-loader-bg:#444444;
    --splash-loader-color1:#583787;
    --splash-loader-color2: #9b59e5;
    --splash-loader-color3: #dac3ff;

    --navbar-left-active-bg: #9b59e5;
    --navbar-left-hover-bg: #5A5A5A;
    --navbar-left-color: #DDDDDD;
    --navbar-left-toggle-bg: #303030;

    /*--navbar-left-active-bg: linear-gradient(to bottom, rgba(227,74,172,1) 0%, rgba(179,61,138,1) 100%);*/

    /*--xs-navbar-top-bg: #b17cbb;*/
    /*--xs-navbar-top-divider-border-color: transparent;*/
    /*--xs-navbar-top-li-border-color: transparent;*/
    /*--xs-navbar-top-level2-bg: #93569e;*/
    /*--xs-navbar-top-toggle-color: white;*/
    /*--navbar-top-active-bg: linear-gradient(to bottom, rgba(227,74,172,1) 0%, rgba(179,61,138,1) 100%);*/


}

app-audits-state.cursor-pointer .label:hover { box-shadow:1px 1px 5px black; text-decoration:none; }
.label.label-state { text-shadow:none; display:inline-block; vertical-align:middle; line-height:30px; border-radius:3px; }
td .label.label-state,
a .label.label-state { display:block; }
a.current .label.label-state { box-shadow:1px 1px 10px black; border:3px solid black; }
a.inactive:not(.current) .label.label-state { background:#eeeeee; color: #acacac; text-decoration:none !important; box-shadow:none; }
a.inactive .cursor-pointer,
a.inactive:hover { cursor:not-allowed !important; text-decoration:none; }
.label.label-new { background: var(--state-new-color); color:black; }
.label.label-ready { background: var(--state-ready-color); color:white; }
.label.label-ongoing { background: var(--state-ongoing-color); color:black; }
.label.label-finished { background: var(--state-finished-color); color:white; }
.label.label-rejected { background:var(--state-rejected-color); color:white; }

.label.label-planned { background: var(--state-planned-color); color:white; }
.label.label-completed { background: var(--state-completed-color); color:white; }

.btn .label { border:1px solid rgba(128,128,128,0.5); text-shadow:none; }

.la-dashboard-audits .x-dashboard-audits-item { text-align:left; background:white; border:1px solid #aaaaaa; padding:var(--padding-2); margin-bottom:var(--margin-1); border-radius:var(--radius) }
.la-dashboard-audits .x-idx { position:absolute; left:-1px; top:-1px; height:14px; background:#333333; color:white; border-radius:4px 0 4px 0; line-height:14px; font-size:12px; display:inline-block; padding:0 4px; font-weight:bold; border:1px solid #333333;}
.la-dashboard-thing_checks { margin-top:var(--margin-2) }
.la-dashboard-thing_checks .x-dashboard-thing_checks-item { position:relative; text-align:left; background:white; border:1px solid #aaaaaa; padding:var(--padding-1); margin-bottom:var(--margin-1); border-radius:var(--radius) }
.la-matrix .table { table-layout:auto; }
.la-matrix { position:relative; }
/*.la-matrix:after { content: ""; display: block; position: absolute; top: 0; right: 0; height: 100%; width: 40px; pointer-events: none; box-shadow: inset -38px 0 27px -32px rgba(0, 0, 0, 0.5); }*/
/*.la-matrix:before { content: ""; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 40px; pointer-events: none; box-shadow: inset 38px 0 27px -32px rgba(0, 0, 0, 0.5); }*/
.la-matrix-inner { overflow-x:scroll; /*border:1px solid #555555;*/ }

.table tr.audit-state-ongoing td { background: #a2c5604d; }
.table tr.audit-state-ready td { background: #ffad004d; }
.table tr.audit-state-rejected td { background: #ff4f5212; }
.table tr.audit-state-finished td { background: #00b86b26; }


app-audits-state { line-height:5px; display:inline-block; vertical-align: middle; }
.la-audit-state { white-space:nowrap; word-spacing:-3px; display:inline-block; line-height:5px;vertical-align:middle; }
.la-audit-state > span { display: inline-block; width:15px; height:15px; background:#aaaaaa; vertical-align:middle; opacity:0.3 }
.la-audit-state .x-state-rejected { background: var(--state-rejected-color) }
.la-audit-state .x-state-new { background: var(--state-new-color) }
.la-audit-state .x-state-ongoing { background: var(--state-ongoing-color) }
.la-audit-state .x-state-ready { background: var(--state-ready-color) }
.la-audit-state .x-state-finished { background: var(--state-finished-color) }
.la-audit-state.audit-state-rejected .x-state-rejected,
.la-audit-state.audit-state-new .x-state-new,
.la-audit-state.audit-state-ongoing .x-state-ongoing,
.la-audit-state.audit-state-finished .x-state-finished,
.la-audit-state.audit-state-ready .x-state-ready { border:3px solid black; opacity:1; /*width:19px; height:19px;*/ }

.la-audit-state-icon { display:inline-block; border:3px solid black; width:18px; height:18px; margin-right:10px; vertical-align: middle; }
.la-audit-state-icon.audit-state-icon-rejected { background:var(--state-rejected-color)}
.la-audit-state-icon.audit-state-icon-ready { background:var(--state-ready-color)}
.la-audit-state-icon.audit-state-icon-ongoing { background:var(--state-ongoing-color)}
.la-audit-state-icon.audit-state-icon-finished { background:var(--state-finished-color)}
.la-audit-state-icon.audit-state-icon-completed { background:var(--state-completed-color)}
.la-audit-state-icon.audit-state-icon-planned { background:var(--state-planned-color)}

app-dispositions-state { line-height:5px; display:inline-block; vertical-align: middle; }
.la-disposition-state { white-space:nowrap; word-spacing:-3px; display:inline-block; line-height:5px;vertical-align:middle; }
.la-disposition-state > span { display: inline-block; width:15px; height:15px; background:#aaaaaa; vertical-align:middle; opacity:0.3 }
.la-disposition-state .x-state-rejected { background: var(--state-rejected-color) }
.la-disposition-state .x-state-new { background: var(--state-new-color) }
.la-disposition-state .x-state-paused { background: var(--state-paused-color) }
.la-disposition-state .x-state-ongoing { background: var(--state-ongoing-color) }
.la-disposition-state .x-state-ready { background: var(--state-ready-color) }
.la-disposition-state .x-state-finished { background: var(--state-finished-color) }
.la-disposition-state.disposition-state-rejected .x-state-rejected,
.la-disposition-state.disposition-state-new .x-state-new,
.la-disposition-state.disposition-state-ongoing .x-state-ongoing,
.la-disposition-state.disposition-state-finished .x-state-finished,
.la-disposition-state.disposition-state-paused .x-state-paused,
.la-disposition-state.disposition-state-ready .x-state-ready { display:inline-block; border:3px solid black; opacity:1; /*width:19px; height:19px;*/ }

.la-disposition-state-icon { display:inline-block; border:3px solid black; width:18px; height:18px; margin-right:10px; vertical-align: middle; }
.la-disposition-state-icon.disposition-state-icon-rejected { background:var(--state-rejected-color)}
.la-disposition-state-icon.disposition-state-icon-ready { background:var(--state-ready-color)}
.la-disposition-state-icon.disposition-state-icon-ongoing { background:var(--state-ongoing-color)}
.la-disposition-state-icon.disposition-state-icon-finished { background:var(--state-finished-color)}
.la-disposition-state-icon.disposition-state-icon-paused { background:var(--state-paused-color)}

.la-audit-state-single .la-disposition-state > span { display:none; }

app-thingchecks-state { line-height:5px; }
.la-thing_checks-state { white-space:nowrap; word-spacing:-3px; display:inline-block; line-height:5px; vertical-align:middle; }
.la-thing_checks-state > span { display: inline-block; width:15px; height:15px; background:#aaaaaa; vertical-align:middle; opacity:0.2; }
.la-thing_checks-state .x-state-planned { background: var(--state-planned-color);  }
.la-thing_checks-state .x-state-completed { background: var(--state-completed-color); }
.la-thing_checks-state .x-state-rejected { background: var(--state-rejected-color); }
.la-thing_checks-state.thing_checks-state-planned .x-state-planned,
.la-thing_checks-state.thing_checks-state-rejected .x-state-rejected,
.la-thing_checks-state.thing_checks-state-completed .x-state-completed { border:3px solid black; opacity:1; /*height:19px; width:19px;*/ }

.divider:first-child, .divider:last-child,
.divider + .divider { display:none; }



*[class^="show-kr-role-"], *[class*=" show-kr-role-"] { display:none !important; }

.kr-role-subject .hide-kr-role-subject { display:none !important; }
.kr-role-customer .hide-kr-role-customer { display:none !important; }
.kr-role-office .hide-kr-role-office { display:none !important; }
.kr-role-field .hide-kr-role-field { display:none !important; }
.kr-role-admin .hide-kr-role-admin { display:none !important; }

.kr-role-subject .show-kr-role-subject-block { display:block !important; }
.kr-role-customer .show-kr-role-customer-block { display:block !important; }
.kr-role-office .show-kr-role-office-block { display:block !important; }
.kr-role-field .show-kr-role-field-block { display:block !important; }
.kr-role-admin .show-kr-role-admin-block { display:block !important; }

.kr-role-subject .show-kr-role-subject-inline-block { display:inline-block !important; }
.kr-role-customer .show-kr-role-customer-inline-block { display:inline-block !important; }
.kr-role-office .show-kr-role-office-inline-block { display:inline-block !important; }
.kr-role-field .show-kr-role-field-inline-block { display:inline-block !important; }
.kr-role-admin .show-kr-role-admin-inline-block { display:inline-block !important; }

.kr-role-subject .show-kr-role-subject-inline-block-xs-block { display:inline-block !important; }
.kr-role-customer .show-kr-role-customer-inline-block-xs-block { display:inline-block !important; }
.kr-role-office .show-kr-role-office-inline-block-xs-block { display:inline-block !important; }
.kr-role-field .show-kr-role-field-inline-block-xs-block { display:inline-block !important; }
.kr-role-admin .show-kr-role-admin-inline-block-xs-block { display:inline-block !important; }

.kr-role-subject .show-kr-role-subject-inline { display:inline !important; }
.kr-role-customer .show-kr-role-customer-inline { display:inline !important; }
.kr-role-office .show-kr-role-office-inline { display:inline !important; }
.kr-role-field .show-kr-role-field-inline { display:inline !important; }
.kr-role-admin .show-kr-role-admin-inline { display:inline !important; }


@media (max-width: 767px) {
    .kr-role-subject .show-kr-role-subject-inline-block-xs-block { display:block !important; }
    .kr-role-customer .show-kr-role-customer-inline-block-xs-block { display:block !important; }
    .kr-role-office .show-kr-role-office-inline-block-xs-block { display:block !important; }
    .kr-role-field .show-kr-role-field-inline-block-xs-block { display:block !important; }
    .kr-role-admin .show-kr-role-admin-inline-block-xs-block { display:block !important; }
}