/* Minification failed. Returning unminified contents.
(453,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(493,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
 */
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(//fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Udc1UAw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(//fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0ddc1UAw.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(//fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Vdc1UAw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(//fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0adc1UAw.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(//fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Wdc1UAw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(//fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Xdc1UAw.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(//fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Zdc0.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(//fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(//fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKXGUdhvIqOjjg.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(//fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKXGUdhnIqOjjg.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(//fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKXGUdhoIqOjjg.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(//fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKXGUdhkIqOjjg.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(//fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKXGUdhlIqOjjg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(//fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKXGUdhrIqM.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(//fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWiUNhmIqOjjg.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(//fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWiUNhvIqOjjg.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(//fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWiUNhnIqOjjg.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(//fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWiUNhoIqOjjg.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(//fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWiUNhkIqOjjg.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(//fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWiUNhlIqOjjg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(//fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWiUNhrIqM.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(//fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(//fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(//fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(//fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(//fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(//fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(//fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* light */
@font-face {
    font-family: 'Open Sans Light';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
}

/*@font-face {
    font-family: 'Open Sans',sans-serif;
    src: url('../gstaticfonts/opensans-regular-webfont.woff2') format('woff2'), 
    url('../gstaticfonts/opensans-regular-webfont.woff') format('woff'),
    url('../gstaticfonts/OpenSans-Regular.ttf') format('truetype');
}*/
.k-input-label {
    font-size: 14px;
    margin-left: 0.25rem;
    margin-bottom: 0;
}

.k-input-solid, .k-picker-solid {
    background-color: white;
}

.k-checkbox:checked {
    border-color: #1d3051;
    color: #fff;
    background-color: #1d3051;
}

    .k-checkbox:checked:disabled,
    .k-checkbox:indeterminate:disabled,
    .k-checkbox.k-checked.k-disabled,
    .k-checkbox.k-indeterminate.k-disabled {
        border-color: #1d3051;
        color: #fff;
        background-color: #1d3051;
        opacity: 1;
    }

.k-grid {
    font-size: 14px;
}

.k-table-md {
    font-size: 14px;
}

    .k-table-md .k-table-th {
        font-size: 13px;
    }

    .k-table-md .k-table-th, .k-table-md .k-table-td {
        padding-block: 5px;
        padding-inline: 14px;
    }

div.k-grid-norecords {
    justify-content: center;
}

.k-pager-md .k-pager-sizes .k-dropdown-list,
.k-pager-md .k-pager-sizes .k-dropdown,
.k-pager-md .k-pager-sizes .k-dropdownlist,
.k-pager-md .k-pager-sizes > select {
    width: 6em;
}

.k-grid-md .k-grid-header .k-grid-filter, .k-grid-md .k-grid-header .k-header-column-menu, .k-grid-md .k-grid-header .k-grid-header-menu {
    padding: 6px;
    width: calc(1.4285714286em + 10px);
    height: calc(1.4285714286em + 10px);
    bottom: calc(-4px + 0.2857142857em);
}

.k-textbox,
.k-dropdownlist,
.k-datepicker,
.k-textarea,
.k-multiselect,
.k-numerictextbox {
    border: 1px solid #DFE1E5 !important;
}

.k-input-solid.k-focus,
.k-picker-solid:focus {
    border-bottom-color: #2e7d32 !important;
}

.k-window-titlebar {
    border-bottom: 1px solid #1D3051;
    padding: 20px !important;
    font-size: 21px;
    color: #1D3051;
}

.k-window-content, .k-prompt-container {
    padding-block: 1rem;
}

.k-grid .k-master-row .k-grid-content-sticky {
    border-color: #DFE1E5;
}

.k-grid-header .k-table-th.k-grid-header-sticky,
.k-grid-header td.k-grid-header-sticky,
.k-grid-header .k-table-td.k-grid-header-sticky,
.k-grid-header .k-grid-header-sticky.k-sorted {
    border-color: #DFE1E5;
}

* {
    font-family: 'Open Sans', Segoe UI, sans-serif;
}

:root {
    --primary-color: #5bad27;
}

html {
    font-size: 0.9rem;
    /*  -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
}

a, a:hover {
    text-decoration: none;
}

.app-outlet {
    margin-left: 40px;
    overflow-y: auto;
    display: -ms-flexbox;
    margin-top: 55px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 20px;
    right: 0;
    background-color: #ECEFF5;
}

#app-outlet > section,
#app-outlet > section > section {
    min-height: 100%;
}

#page {
    background-color: #ECEFF5;
}

.primary-color {
    color: var(--primary-color) !important;
}

.full-width {
    width: 100%;
}

.admin-toolbar {
    margin: 10px 0px;
}

.admin-toolbar-title {
    font-size: 20px;
}

.admin-toolbar-icon {
    margin-right: 5px;
}

.p-btn {
    height: 2.5rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2549019608);
    border-radius: 2rem;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 600;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    padding-block: 8px;
    padding-inline: 16px;
    font-size: 14px;
    line-height: 1.4285714286;
}

    .p-btn:focus {
        outline: 1px;
    }


    .p-btn.primary-btn {
        background-color: #1D3051;
        color: #FFFFFF;
        border: 1px solid #1D3051;
    }

        .p-btn.primary-btn:active {
            background-color: #FFFFFF;
            color: #1D3051;
            border: 1px solid #1D3051;
        }

    .p-btn.secondary-btn {
        background-color: #FFFFFF;
        color: #1D3051;
        border: 1px solid #1D3051;
    }

        .p-btn.secondary-btn:active {
            background-color: #1D3051;
            color: #FFFFFF;
            border: 1px solid #1D3051;
        }

    .p-btn.p-disabled {
        opacity: 0.8;
        pointer-events: none;
    }

    .p-btn:disabled {
        opacity: 0.8;
        pointer-events: none;
    }

    .p-btn.p-grid-btn {
        width: 2.5rem;
    }

.p-grid-actions {
    display: inline-flex;
    width: 100%;
    justify-content: flex-end;
    gap: 0.75rem;
    align-items: center;
}

.p-title-continer {
    display: flex;
    align-items: center;
    height: 100%;
}

.p-title {
    font: normal normal bold 24px/60px Open Sans;
    letter-spacing: 0.72px;
    color: #ABB3C1;
    text-transform: uppercase;
}


.p-back-btn {
    height: 30px;
    width: 30px;
    cursor: pointer;
    margin-right: 0.5rem;
}

.p-action-buttons {
    height: 60px;
    text-align: right;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 2px;
    padding-top: 5px;
}

    .p-action-buttons > .p-btn {
        margin-left: 1rem;
    }

.p-modal-action-buttons {
    height: 45px;
    text-align: right;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 5px;
    padding-top: 5px;
}

    .p-modal-action-buttons > .p-btn {
        margin-left: 1rem;
    }

.p-text-link {
    cursor: pointer;
}

    .p-text-link:hover {
        opacity: 0.7;
    }

.confirmation-modal {
    width: 30em;
}

.confirmation-body {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.confirmation-footer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: flex-end;
}

.list-icon {
    font-size: 14px;
}

.center {
    text-align: center !important;
}

.icons {
    display: flex;
}

.icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.5rem;
    cursor: pointer;
}

@media screen and (max-width: 780px) {
    .app-outlet {
        margin-left: 0;
    }

    .logo-link {
        font-size: 14px !important;
    }

   

    


    /*.k-tabstrip .k-item {
        width: 100%;
    }*/

    .sm-right {
        float: right;
        display: inline;
    }

    .hide1 {
        display: none;
    }

    .k-primaryLogin {
        float: right;
        margin-left: 10px;
        background-color: #5BAD27 !important;
        border-color: #5BAD27 !important;
    }

    #profile-menu-content {
        margin: 12px 10px 0 5px;
    }

    .toggled {
        display: none;
    }

    .user-full-name {
        display: none;
    }

    .text-logo {
        display: none;
    }

    li.borderLeft {
        padding-top: 0;
    }

    .padingAdminTiles {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .footer, .owner-cap-no-authorization, .cookie-cosent {
        left: 0;
    }

    .borders {
        border-left: 0;
        border-right: 0;
    }

    .apv-logo {
        padding: 0 0 0 0 !important;
    }

    .fa-2x {
        font-size: 2em;
    }

    .nav-link div.user-info {
        display: inline-block;
        vertical-align: middle;
        padding-left: 10px;
    }

    div.user-info span.username {
        font-weight: bold;
    }

    div.user-info span, div.user-info em {
        display: block;
    }


    .caretdownPos {
        padding-right: 0;
    }

    .profileDropdown {
        margin-left: -100px;
    }

    .bar-notification {
        left: 0;
    }

        .bar-notification .close {
            right: 2px;
        }

    .avatar-img {
        margin-left: 0;
    }

    .save-button {
        width: calc(50% - 7px);
    }

    .cancel-button {
        width: calc(50% - 7px);
        margin-right: 0;
    }

    /*********TOOLBAR**************/

    .toolbar {
        margin-top: 0;
        background-color: white;
    }

        .toolbar > div > h3 {
            font-size: 20px;
        }

    .toolbar-down {
        top: 55px;
        position: fixed;
        width: 100%;
        padding-right: 20px;
        z-index: 1000;
        border-bottom: .5px solid #95989a;
        padding-bottom: 10px;
        transition: top .2s ease-in-out;
    }

    .top-header-hidden {
        top: -55px;
    }

    .app-outlet-no-margin {
        margin-top: 0;
    }


    .settings-left {
        width: 100%;
        margin-right: 0;
    }

    .input-global-search {
        width: 150px;
    }

    .input-global-search-options {
        left: -31px;
        width: 240px !important;
    }

        .input-global-search-options div.k-list-scroller ul li {
            width: auto;
        }

    .common-load-data-kendo-window {
        width: 500px;
        max-height: 700px;
    }

    .mobile-description-3 {
        display: -webkit-box;
        margin: 0 auto;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .right-panel {
        width: 100%;
    }

    .web-slider-container {
        display: none;
    }

    .pac-card {
        margin: 10px 0;
        position: relative;
        box-shadow: none;
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) {
    #pushnote {
        bottom: 0;
        left: 0;
        width: 100%;
        border-radius: 0;
    }

    #pushicon {
        font-size: 1.4em;
    }

    .noteimage {
        width: 30px;
        height: 30px;
    }

    #pushnote h4 {
        font-size: 14px;
    }

    #pushnote h5 {
        font-size: 12px;
    }

    .push-menu-notification {
        width: 100%;
        right: 0;
    }

    .k-button, .user-group-lastsync {
        margin-bottom: 5px;
    }

    h5 {
        margin-top: 0;
    }

    .toolbar-buttons {
        width: 100%;
        float: none !important;
        display: inline-block;
    }

        .toolbar-buttons .pull-right {
            margin-right: -10px;
        }

    .btn-tooltip-popup {
        display: none !important;
    }

    .is-creator-true {
        padding-left: 0;
    }

    .is-creator-false {
        padding-right: 0;
    }

    .disc-addnew {
        padding-right: 0;
        padding-left: 0;
    }

        .disc-addnew .disc-row {
            padding: 10px 20px;
        }

    .common-kendo-window {
        width: 300px
    }

    .overview-title {
        text-align: left;
    }

    .disc-full-creatorname {
        display: none;
    }

    .common-load-data-kendo-window {
        width: 300px;
        max-height: 500px;
    }

    .attachmentDropzoneInfo {
        display: none;
    }

    .attachmentHint {
        display: none;
    }

    .showFiles {
        right: 2px;
        top: 82px;
    }

    .k-textbox-inline {
        width: 100% !important;
        margin-bottom: 5px;
    }

    .actions-by-period-filter {
        width: 100%;
    }

    .living-versus-done-filter {
        width: 100%;
    }

    .finter-stat-row {
        display: block;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .search-create-form {
        position: relative;
    }

        .search-create-form.two-lines {
            height: 65px;
        }

    span.search-and-create-input {
        width: 100%;
        margin-right: 0;
        position: absolute;
        left: 0;
        top: 35px;
    }
}

@media (max-width: 350px) {
    .apv-logo {
        display: none !important;
    }
}


.bar-notification {
    display: none;
    position: fixed;
    z-index: 1000;
    width: 100%;
    padding: 15px 25px 15px 10px;
    line-height: 16px;
    color: #fff;
    opacity: 0.95;
}

    .bar-notification.success {
        background-color: #5BAD27;
    }

    .bar-notification.error {
        background-color: #E6051B;
    }

    .bar-notification.warning {
        background-color: #DC8D26;
    }

    .bar-notification .content {
        margin: 0 10px 0 0;
    }

        .bar-notification .content a {
            color: #fff;
            text-decoration: underline;
        }

    .bar-notification .close {
        position: absolute;
        top: 0;
        right: 45px;
        width: 32px;
        height: 32px;
        margin: 7px;
        background-color: #fff;
        color: #000;
        cursor: pointer;
        opacity: 0.5;
    }

.floating-points {
    position: relative;
    width: calc(100% - 6px);
}

    .floating-points div {
        width: 6px;
        height: 6px;
        position: absolute;
        left: -6px;
        top: 1px;
        background-color: #666;
        border-radius: 50%;
        animation: move 4s infinite cubic-bezier(.2, .64, .81, .23);
    }

        .floating-points div:nth-child(2) {
            animation-delay: 150ms;
        }

        .floating-points div:nth-child(3) {
            animation-delay: 300ms;
        }

@keyframes move {
    0% {
        left: 0;
    }

    75% {
        left: 100%;
    }

    100% {
        left: 100%;
    }
}

.footer {
    background: #c1c1c1;
    height: 20px;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 40px;
    padding-left: 10px;
    font-size: 10px;
    color: #4a4a4a;
    margin: 0 auto;
    border-width: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.header-top {
    background: #fff;
    width: 100%;
    height: 55px;
    top: 0;
    border-bottom: 0.5px solid rgba(0,0,0,.2);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    position: fixed;
    z-index: 1000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    transition: top .2s ease-in-out;
}

.branding {
    padding: 0 0 0 4px;
    height: 55px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

    .branding > a {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        height: 2.0rem;
    }

.apv-logo {
    text-align: center;
    margin: 0 auto;
    padding: 0 0 0 17px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 55px !important;
}

    .apv-logo:hover {
        text-decoration: none;
        cursor: default;
    }

.text-logo {
    vertical-align: middle;
    padding-left: 10px;
    color: #95989a;
    text-transform: uppercase;
    font-size: 17px;
}

.header-right {
    height: 55px;
    float: right;
    padding-right: 10px;
    display: inline-block;
}

    .header-right .header-icon {
        float: right;
        margin: 17.5px 10px 0px 0px;
        height: 20px;
        display: inline-block;
    }

    .header-right .header-icon > i {
        font-size: 20px;
    }

.profile-menu {
    margin-top: 12.5px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    cursor: pointer;
    float: right;
}

.avatar-img {
    margin-left: 10px;
    height: 30px;
    cursor: pointer;
}

.language-selector {
    margin: 17.5px 10px;
    height: 20px;
    float: right;
    cursor: pointer;
}

.login-button {
    margin: 10px 0px;
    float: right;
    height: 35px;
    align-items: baseline;
}



#status.offline {
    color: red;
}

#status.online {
    color: #5bad27;
    opacity: 1;
}

/*******************************/

.user-full-name {
    color: black;
    padding-right: 5px;
    padding-left: 9px;
    font-weight: bold;
}

.caretdownPos {
    color: #4a4a4a;
    padding-right: 10px;
}

.hoverHeaderLinks:hover {
    background-color: #f8f9fa !important;
}

.btn.btn-icon.bars-btn {
    /*width: 40px;*/
    height: 44px;
    vertical-align: text-bottom;
    background-color: transparent;
    font-size: large;
    border: none !important;
}

.bars-btn {
    color: #4a4a4a;
    margin-left: 0;
    margin-right: 0;
    border: none !important;
    padding: 0 10px !important;
}

.btn-icon {
    min-width: 0;
    border: none !important;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10px;
    background-clip: padding-box;
    border: none !important;
    border-radius: 0;
    margin: 0;
    padding: 0;
    box-shadow: 0 2px 4px #636363;
}

    .dropdown-menu > li {
        padding-left: 15px;
        padding-right: 15px;
    }

        .dropdown-menu > li:hover {
            background-color: black;
            opacity: 0.7;
        }



.dropdown-item {
    border-bottom: .5px solid #cccccc;
    height: 30px;
    line-height: 30px;
    display: block;
    width: 100%;
    padding: 0 5px;
    background-color: #ffffff;
    color: #5A5A59;
}

    .dropdown-item:focus {
        color: #5BAD27 !important;
    }

.menu-dropdown {
    background: #f6f6f6;
    border: 1px solid #E1DFDF;
    -webkit-box-shadow: 0 2px rgba(0, 0, 0, .08);
    box-shadow: 0 2px rgba(0, 0, 0, .08);
    font-size: 11px;
    z-index: 2;
    position: relative !important;
}


.import-container {
    height: 50rem;
    width: 70rem;
    position: relative;
}

.import-table-container {
    width: 100%;
    padding: 0;
    height: 33.7rem;
    overflow-y: auto;
    margin-top: 1rem;
    scroll-padding-top: 10px;
}

    .import-table-container::-webkit-scrollbar-track {
        margin-top: 3.5rem !important;
    }

.import-table-row {
    width: 10%;
}

.import-table-column {
    width: 20%;
}

.import-table-error {
    width: 70%;
}

.import-table {
    width: 100%;
    text-align: center;
    border-collapse: separate;
    border-spacing: 0;
}

    .import-table th {
        background-color: #1D3051;
        color: #FFFFFF;
        border-top: 1px solid;
        border-bottom: 1px solid;
        border-right: 1px solid;
        padding: 7px;
    }

        .import-table th:last-child {
            border-right: none;
        }

    .import-table td {
        border-bottom: 1px solid rgba(0,0,0,0.12);
        border-right: 1px solid rgba(0,0,0,0.12);
        padding: 5px;
    }

        .import-table td:first-child {
            border-left: 1px solid rgba(0,0,0,0.12);
        }

    .import-table thead th {
        position: sticky;
        top: 0;
    }

.import-info-message {
    padding: 1rem 0.5rem 0rem 0.5rem;
    font-size: 21px;
}

    .import-info-message .import-failed {
        color: red;
    }

    .import-info-message .import-success {
        color: green;
    }

.import-buttons-container {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: flex-end;
}
.lv {
    min-height: 30px;
}

.lv-header {
    display: inline-flex;
    align-items: center;
    border-top: 1px solid #c1bcbc;
    border-left: 1px solid #c1bcbc;
    border-right: 1px solid #c1bcbc;
    height: 31px;
    width: 100%;
    font-size: 12px;
}

.lv-header.lv-scroll-space {
    width: calc(100% - 10px);
}

    .lv-header.lv-bg-footer {
        background-color: #c1bcbc;
    }

    .lv-header.lv-two-lines {
        height: 61px;
    }

        .lv-header.lv-two-lines .lv-header-item {
            height: 100%;
            line-height: 50px;
        }

        .lv-header.lv-two-lines .lv-header-vertial-group .lv-header-item {
            height: 30px;
            line-height: 20px;
        }

    .lv-header .lv-header-item.lv-ignore-two-lines {
        line-height: 20px;
    }

.lv-header-vertial-group {
    border-right: 1px solid #e6e6e6;
}

    .lv-header-vertial-group:last-child {
        border-right: none;
    }

    .lv-header-vertial-group .lv-header-item {
        float: left;
    }

    .lv-header-vertial-group > .lv-header-item:first-child {
        border-bottom: 1px solid #e6e6e6;
        border-right: none;
    }

    .lv-header-vertial-group > .lv-header-group {
        width: 100%;
    }

.lv-header-group {
    display: inline-flex;
    height: 100%;
    border-right: 1px solid #e6e6e6;
}

    .lv-header-group:last-child {
        border-right: none;
    }

.lv-header-item {
    position: relative;
    cursor: default;
    padding: 5px;
    background-color: #c1bcbc;
    color: #fff;
    font-weight: 400;
    border-right: 1px solid #e6e6e6;
    line-height: 20px; /* 30px - 2x5px padding */
}

    .lv-header-item * {
        color: #fff;
    }

    .lv-header-item:last-child:not(.lv-border-separator) {
        border: none;
    }

    .lv-header-item.icon {
        padding-right: 23px;
    }

    .lv-header-item .lv-v-align {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
        height: 30px;
        line-height: 13px;
        position: relative;
        top: -5px;
    }

    .lv-header-item .two-lines {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .lv-lh-normal {
        line-height: normal !important;
    }

.lv-center-v {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.k-tooltip-content .lv-center-v {
    position: static;
    top: 0;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
}

.lv-border-separator {
    border-bottom: 1px solid #fff;
    border-right: none;
}

.lv-border-bottom {
    border-bottom: 1px solid #e6e6e6 !important;
}

.lv-header-item-icon {
    position: absolute;
    right: 5px;
    top: 5.5px;
    font-size: 18px;
    cursor: pointer;
    color: #444;
}

    .lv-header-item-icon:hover {
        opacity: 0.6;
    }

.lv-header-item-second-icon {
    right: 28px;
}

.lv-header-scrollable-group {
    overflow: hidden;
    border-right: 1px solid #e6e6e6;
}

    .lv-header-scrollable-group.none {
        display: none;
    }

    .lv-header-scrollable-group .lv-header-scrollable-group-content > .lv-header-group {
        width: 100%;
        display: flex;
    }

    .lv-header-scrollable-group.multi .lv-header-scrollable-group-content > .lv-header-group {
        width: calc(50% + 0.5px);
    }

    .lv-header-scrollable-group .lv-header-scrollable-group-content > .lv-header-item {
        width: 100%;
    }

    .lv-header-scrollable-group.multi .lv-header-scrollable-group-content > .lv-header-item {
        width: calc(50% + 0.5px);
    }

    .lv-header-scrollable-group.multi .lv-header-scrollable-group-content > :last-child {
        width: calc(50% - 0.5px);
    }

    .lv-header-scrollable-group .lv-header-vertial-group:last-child {
        border-right: none;
    }

    .lv-header-scrollable-group.multi .lv-header-scrollable-group-content > .lv-header-vertial-group {
        width: calc(50% + 0.5px);
    }

        .lv-header-scrollable-group.multi .lv-header-scrollable-group-content > .lv-header-vertial-group:last-child {
            width: calc(50% - 0.5px);
        }

.lv-header-scrollable-group-content {
    display: -webkit-inline-box;
    width: calc(100% + 1px);
    height: 100%;
}

.lv-center {
    text-align: center;
}

.lv-footer {
    display: flex;
    border-bottom: 1px solid #c1bcbc;
    font-size: 12px;
}

.lv-content {
    display: flex;
    align-items: center;
    min-height: 32px;   
    border-top: 1px solid #e6e6e6;
}

    .lv-content:first-child,
    .lv-content:first-child .lv-content-group.br-top {
        border-top: none;
    }

    .lv-content:last-child {
        border-bottom: 1px solid transparent;
    }

    .lv-content.lv-whisper {
        background-color: #eee;
    }

    .lv-content.lv-footer {
        border-bottom: none;
        border-top: #666 solid 1px;
        background-color: #c1bcbc;
        font-weight: bold;
    }

        .lv-content.lv-footer.lv-footer-no-border {
            border-top: none;
            border-bottom: 1px solid #e6e6e6;
        }

            .lv-content.lv-footer.lv-footer-no-border:nth-child(n) {
                border-bottom: none;
            }

        .lv-content.lv-footer.lv-dark {
            border-top: #666 solid 2px;
            background-color: #999;
            font-weight: bold;
        }

        .lv-content.lv-footer * {
            font-weight: bold;
        }

    .lv-content.lv-light {
        background-color: #d3d3d3;
        border-top: #c1bcbc 1px solid;
    }

    .lv-content.lv-footer.lv-footer-white-border {
        border-top: 1px solid #e6e6e6;
    }

    .lv-content.lv-no-border {
        border: none;
    }

.lv-content-group {
    min-height: 32px;
    display: flex;
}

    .lv-content-group.br-right {
        border-right: 1px solid #e6e6e6;
    }

    .lv-content-group.br-left {
        border-left: 1px solid #e6e6e6;
    }

    .lv-content-group.br-top {
        border-top: 1px solid #e6e6e6;
    }

.lv-content-group-item {
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
    min-height: 32px;
    padding: 1px 0px 1px 0px;
}

    .lv-content-group-item:last-child {
        border-bottom: 0px;
    }

    .lv-content-group-item.lv-light {
        background-color: #e4e2e2;
    }

.lv-content-item {
    padding: 2px 5px;
    position: relative;
    height: 28px;
    line-height: 28px;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .lv-content-item * {
        font-size: 11px;
    }

.lv-content-scrollable-group {
    overflow-x: hidden;
    min-height: 30px;
    display: flex;
    align-items: center;
}

    .lv-content-scrollable-group.none {
        display: none;
    }

    .lv-content-scrollable-group .lv-content-scrollable-group-content > .lv-content-group {
        width: 100%;
    }

    .lv-content-scrollable-group.multi .lv-content-scrollable-group-content > .lv-content-group {
        width: calc(50% + 0.5px);
    }

        .lv-content-scrollable-group.multi .lv-content-scrollable-group-content > .lv-content-group:last-child {
            width: calc(50% - 0.5px);
        }

    .lv-content-scrollable-group .lv-content-scrollable-group-content > .lv-content-item {
        width: 100%;
    }

    .lv-content-scrollable-group.multi .lv-content-scrollable-group-content > .lv-content-item {
        width: calc(50% + 0.5px);
    }

    .lv-content-scrollable-group.multi .lv-content-scrollable-group-content > :last-child {
        width: calc(50% - 0.5px);
    }

    .lv-content-scrollable-group .lv-content-scrollable-group-content > .lv-content-group > .lv-content-item {
        float: left;
    }

    .lv-content-scrollable-group.scroller {
        overflow-x: overlay;
    }

.lv-content-scrollable-group-content {
    display: -webkit-inline-box;
    width: 100%;
}

.lv-scroll {
    overflow-x: auto;
}

    .lv-scroll .scroll-300 {
        min-width: 300px;
    }
/* Icons (made with Icomoon.io) */

#side-menu-wrapper .icon {
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
}

.icon--arrow-left:before {
    content: '\e901';
}

.icon--menu:before {
    content: '\e903';
}

.icon--cross:before {
    content: '\e117';
}

.menu__back__arrow {
    color: #95ce70;
    font-size: 15px;
    -webkit-transition: color 0.1s;
    transition: color 0.1s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
}

    .menu__back__arrow:hover {
        color: #307a50;
    }

.menu {
    position: fixed;
    top: 120px;
    left: 0;
    width: 300px;
    height: calc(100vh - 120px);
    background: #1c1d22;
}

.menu__wrap {
    position: absolute;
    top: 40px;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    border-top: 1px solid #756e6e;
}

.menu__level {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    height: calc(100% - 47px);
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
}

    .menu__level:focus {
        outline: none;
    }

.menu__level--current {
    visibility: visible;
}

.menu__item {
    display: block;
    width: auto;
    border-bottom: 1px solid #756e6e;
    height: 40px;
}

    .menu__item:hover {
        background-color: #403f3f;
    }

.menu__link {
    position: relative;
    display: block;
    -webkit-transition: color 0.1s;
    transition: color 0.1s;
    color: #ffffff;
    padding-right: 34px;
    border-left: 4px solid transparent;
    text-transform: uppercase;
    height: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 40px;
}

    .menu__link[data-submenu]::after {
        font-weight: 600;
        position: absolute;
        right: 0;
        top: 10px;
        content: '\f141';
        font-family: 'Font Awesome 6 Free';
        color: #fff;
        padding: 0 10px;
    }

    .menu__link:hover {
        border-left: 4px solid #909090;
        color: #ffffff !important;
        text-decoration: none;
    }

    .menu__link:focus,
    .menu__link[data-submenu]:focus::after {
        color: #ffffff;
    }

    .menu__link span:active {
        pointer-events: none;
    }

.menu__link--current {
    border-left: 1px solid #5bad27 !important;
    border-left-width: 4px !important;
    margin: 0 0 0 0;
}

    .menu__link--current::before {
        content: none;
    }

[class^='animate-'],
[class*=' animate-'] {
    visibility: visible;
}

.animate-outToRight .menu__item {
    -webkit-animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
    animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

.animate-outToRight .menu__link__icon {
    visibility: visible;
    display: flex;
}

@-webkit-keyframes outToRight {
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes outToRight {
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.animate-outToLeft .menu__item {
    -webkit-animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
    animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

.animate-outToLeft .menu__link__icon {
    visibility: visible;
    display: flex;
}

@-webkit-keyframes outToLeft {
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes outToLeft {
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.animate-inFromLeft .menu__item {
    -webkit-animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
    animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

.animate-inFromLeft .menu__link__icon {
    visibility: visible;
    display: flex;
}

@-webkit-keyframes inFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes inFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate-inFromRight .menu__item {
    -webkit-animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
    animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

.animate-inFromRight .menu__link__icon {
    visibility: visible;
    display: flex;
}

@-webkit-keyframes inFromRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes inFromRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.menu__breadcrumbs {
    font-size: 0.65em;
    position: relative;
    height: 40px;
    padding: 0 10px 0 12px;
    line-height: 40px;
    white-space: nowrap;
    display: inline;
    padding-left: 40px;
}

    .menu__breadcrumbs a {
        font-weight: bold;
        display: inline-flex;
        cursor: pointer;
        vertical-align: middle;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #5c5edc;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        white-space: nowrap;
        position: relative;
        max-width: 100px;
    }

    .menu__breadcrumbs span {
        color: #95ce70;
        font-weight: bold;
    }

    .menu__breadcrumbs i,
    .menu__breadcrumbs div {
        display: none;
        visibility: hidden;
    }

    .menu__breadcrumbs a:last-child {
        cursor: default;
    }

    .menu__breadcrumbs a:first-child {
        cursor: pointer;
    }

    .menu__breadcrumbs a:hover,
    .menu__breadcrumbs span:hover,
    .menu__breadcrumbs a:focus,
    .menu__breadcrumbs span:focus {
        color: #307a50;
    }

    .menu__breadcrumbs a:last-child span:hover {
        color: #95ce70;
    }

    .menu__breadcrumbs a:not(:first-child)::before {
        content: '\f105';
        font-family: 'Font Awesome 6 Free';
        color: #95ce70;
        padding-left: 3px;
        padding-right: 3px;
    }

    .menu__breadcrumbs a,
    .menu__breadcrumbs a:focus,
    .menu__breadcrumbs a:not(:first-child):focus::after {
        color: #95ce70;
    }

        .menu__breadcrumbs a:not(:first-child):hover::after {
            color: #307a50;
        }

.menu__back {
    font-size: 1.05em;
    position: absolute;
    z-index: 100;
    top: 0.7em;
    right: 0;
    cursor: pointer;
    border: none;
    background: none;
    padding-right: 10px;
}

.menu__back--hidden {
    pointer-events: none;
    opacity: 0;
}

.menu__back:hover,
.menu__back:focus {
    color: #fff;
    outline: none;
}

/* Open and close buttons */

#side-menu-wrapper .action {
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: none;
    background: none;
}

    #side-menu-wrapper .action:focus {
        outline: none;
    }

.action--open {
    font-size: 1.5em;
    top: 1em;
    left: 1em;
    display: none;
    color: #fff;
    position: fixed;
    z-index: 1000;
}

.action--close {
    font-size: 1.1em;
    top: 1.25em;
    right: 1em;
    display: none;
    color: #45464e;
}

.nav-bar {
    position: relative;
    top: 0;
    height: 100%;
    background: transparent;
    margin-bottom: 0;
    border: 0;
}

#sidebar-wrapper {
    left: 0px;
    top: 55px;
    position: fixed;
    z-index: 1;
    height: 100%;
    width: 300px;
    background: #4a4a4a;
    padding-bottom: 10px;
    -webkit-box-shadow: 3px 0 6px rgba(0, 0, 0, .39);
    box-shadow: 3px 0 6px rgba(0, 0, 0, .39);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    #sidebar-wrapper::-webkit-scrollbar {
        width: 0.5em;
    }

    #sidebar-wrapper::-webkit-scrollbar-thumb {
        background-color: green !important;
    }

#side-menu-wrapper.menu__hidden .menu__link span,
#side-menu-wrapper.menu__hidden .menu__breadcrumbs,
#side-menu-wrapper.menu__hidden .menu__level:not(.animate-outToLeft):not(.animate-outToRight):not(.animate-inFromLeft):not(.animate-inFromRight),
#side-menu-wrapper.menu__hidden .menu__badge {
    display: none;
    visibility: hidden;
}

#side-menu-wrapper.menu__hidden .menu__level.menu__level--current:not(.animate-outToLeft):not(.animate-outToRight):not(.animate-inFromLeft):not(.animate-inFromRight) {
    display: block;
    visibility: visible;
    width: 40px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#side-menu-wrapper.menu__hidden .menu__link[data-submenu]::after {
    display: none;
    visibility: hidden;
}

.menu__level.menu__level--current {
    overflow-y: auto;
}

.menu_home {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 0;
}

    .menu_home .menu__link__icon {
        visibility: visible;
        display: flex;
    }

#side-menu-wrapper.menu__hidden {
    padding-left: 0;
}

    #side-menu-wrapper.menu__hidden i {
        left: -5px;
        top: auto;
        position: relative;
        visibility: visible;
        display: flex;
    }

    #side-menu-wrapper.menu__hidden span {
        visibility: hidden;
    }

        #side-menu-wrapper.menu__hidden span::after {
            visibility: hidden;
        }

    #side-menu-wrapper.menu__hidden #sidebar-wrapper {
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 40px;
    }

    #side-menu-wrapper.menu__hidden > #sidebar-wrapper > nav.nav-bar {
        overflow: hidden;
    }

.menu__link__icon {
    visibility: hidden;
    display: none;
    height: 40px;
    width: 40px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    top: 0;
    left: -5px;
    font-size: 20px;
}

.menu__level.menu__level--current .menu__link__icon {
    visibility: visible;
    display: flex;
}

#side-menu-wrapper li i {
    text-align: center;
}

.menu__link__icon:active,
.menu__badge:active,
.menu__badge__counter:active {
    pointer-events: none;
}

.menu__badge__counter {
    background-color: red;
    font: bold 9px Tahoma;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    border-radius: 10px;
    padding: 3px 7px;
}

.menu__badge {
    position: absolute;
    top: -6px;
    right: 5px;
}

.menu-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    white-space: nowrap;
    color: #ffffff;
    position: relative;
    font-weight: normal;
    display: block;
}

.menu__link .menu-ellipsis {
    padding-left: 35px;
}

#nav-main:focus,
#sidebar-wrapper:focus,
.badge.menucounter:focus {
    outline: none;
}

a.menu:hover {
    color: white !important
}

@media screen and (max-width: 780px) {
    .menu__hidden {
        display: none;
    }
}

.modal-container-s {
    width: 40em;
}

.modal-container-m {
    width: 60em;
}

.modal-container-l {
    width: 90em;
}

.modal-buttons-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: flex-end;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
    margin: 1em;
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #1e3050;
    border-radius: 20px;
}

.tooltip {
    position: fixed;
    pointer-events: none;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    visibility: visible;
    filter: alpha(opacity=0);
    opacity: 0;
}

.tooltip-inner {
    background-color: #FFFFFF;
    height: auto;
    max-width: 250px;
    padding-left: 9px;
    padding-right: 9px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 11px;
    color: #5BAD27;
    vertical-align: middle;
    padding-top: 5px;
    text-transform: uppercase;
    box-shadow: 0 3px 6px #4a4a4a;
}

.tooltip.right .tooltip-inner {
    margin-left: 10px;
}

.tooltip.left .tooltip-inner {
    margin-right: 10px;
}

.tooltip.top .tooltip-inner {
    margin-bottom: 10px;
}

.tooltip.bottom .tooltip-inner {
    margin-top: 10px;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #FFFFFF;
    margin-left: 10px;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #FFFFFF;
    margin-right: 10px;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #FFFFFF !important;
    margin-bottom: 10px;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #FFFFFF;
    margin-top: 10px;
}

.tooltip-text {
    display: none;
}

.k-tooltip-content {
    font-size: 12px;
}

.bs-tooltip-right .arrow::before {
    border-right-color: #fff !important;
}

.grid-administration-back-subdomains {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.grid-administration-subdomains {
    width: calc(100% - 30px - 1rem);
    height: 60px;
}

.validated-color {
    background-color: #ea4335;
    color: #fff;
}

.rec-color {
    background-color: #ff6d01;
    color: #fff;
}

.preprod-color {
    background-color: #fbbc04;
    color: #fff;
}

.prod-color {
    background-color: #34a853;
    color: #fff;
}

.grid-info-container {
    width: 30rem;
}

.grid-info-buttons {
    padding-top: 1rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: flex-end;
    margin-top: 1rem;
}

.gp-container {
    width: 70rem;
}

.gp-version {
    font-weight: 900;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-evenly;
}

.gp-et-vt-title {
    text-align: center;
    font-weight: 600;
}

.gp-data-continer {
    max-height: 30rem;
    overflow: auto;
}

.grid-publish-btn {
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    font-size: 18px;
    cursor: pointer;
}
.grid-table-container {
    margin-left: 10px;
}

.grid-table-icons {
    display: flex;
    float: right;
    margin-right: 10px;
}

.grid-lv {
    height: calc(100vh - 20rem);
}

.niv {
    height: 35px;
    display: flex;
    justify-content: space-between;
}

.lv-gg-niv1 {
    width: 27%;
}

.lv-gg-niv2 {
    width: 27%;
}

.lv-gg-do {
    width: 19%;
}

.lv-gg-constant {
    width: 27%;
}

.lv-gg-group {
    width: 30% !important;
}

.lv-gg-constant-long {
    width: 35%;
}

.lv-gg-gravity {
    width: 12.5%;
}

.lv-gg-pref {
    width: 12.5%;
}

.lv-gg-code {
    width: 15%;
}

.lv-gg-completable {
    width: 12.5%;
}

.lv-gg-mandatory-completion {
    width: 12.5%;
}

.lv-vt-group {
    width: 15% !important;
}

.lv-vt {
    width: 100%;
}

.lv-et-group {
    width: 27.5% !important;
}

    .lv-et-group.c-1 {
        width: 55% !important;
    }

    .lv-et-group.c-2 {
        width: 27.5% !important;
    }

.lv-et-aff {
    width: 25%;
}

.lv-et-comp {
    width: 25%;
}

.lv-et-md {
    width: 50%;
}

.lv-gg-static {
    width: 20% !important;
}

.lv-gg-scrollable {
    width: 80% !important;
}

.lv-scroller {
    height: 10px;
    overflow-y: auto;
    display: block;
}

    .lv-scroller > div {
        height: 10px;
    }

.lv-header-generic-grid .lv-header-item {
    background-color: #4285f4 !important;
}

.lv-header-visit-type {
    border-right: 1px solid #e6e6e6 !important;
}

    .lv-header-visit-type .lv-header-item,
    .lv-header-visit-type .lv-header-group {
        background-color: #ff6d01 !important;
    }

.lv-header-equipemnt-type,
.lv-header-equipemnt-type .lv-header-item {
    background-color: #34a853;
}

.lv-dropdown {
    border-radius: 3px 3px 0px 0rem;
    cursor: pointer;
    border-color: white;
}

    .lv-dropdown:focus-visible {
        border-color: #f4f1f1;
        border-radius: 3px 3px 0px 0rem;
        outline: none;
    }
.grid-container {
    background: #ffffff;
}

.grid-list {
    height: 60px;
}

.grid-create-container {
    width: 30em;
}

.grid-create-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: flex-end;
}

.grid-validate-container {
    width: 30em;
}

.grid-validate-buttons-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: flex-end;
}
.home-container {
    display: flex;
    flex-direction: column;
}

.home-choose-subdomain-container {
    border: 2px solid rgba(0, 0, 0, 0.2);
    padding: 1rem;
    text-align: center;
}

.analytics-container {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    margin-top: 5rem;
}

.icon-container {
    text-align: center;
    margin: 10px;
    flex: 1;
}

.blue-line {
    border-bottom: 4px solid #1D3051;
    width: 8rem;
    margin: 0 auto;
    margin-top: 0.5rem;
}

.number {
    font: normal normal bold 24px/35px Open Sans;
}

.text-under-number {
    word-wrap: break-word;
    text-align: center;
    overflow: hidden;
}

.kpi-icon {
    color: #1D3051;
}

.home-admin-links {
    display: flex;
    height: calc(100vh - 75px);
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    gap: 60px;
}
.criteria-not-configured {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.12);
}