@charset "utf-8";

/* roboto-100 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: local(''),
        url('../../../fonts/roboto-v20-latin-100.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../../../fonts/roboto-v20-latin-100.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-100italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    src: local(''),
        url('../../../fonts/roboto-v20-latin-100italic.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../../../fonts/roboto-v20-latin-100italic.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-300 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local(''),
        url('../../../fonts/roboto-v20-latin-300.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../../../fonts/roboto-v20-latin-300.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-300italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: local(''),
        url('../../../fonts/roboto-v20-latin-300italic.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../../../fonts/roboto-v20-latin-300italic.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local(''),
        url('../../../fonts/roboto-v20-latin-regular.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../../../fonts/roboto-v20-latin-regular.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: local(''),
        url('../../../fonts/roboto-v20-latin-italic.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../../../fonts/roboto-v20-latin-italic.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local(''),
        url('../../../fonts/roboto-v20-latin-500.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../../../fonts/roboto-v20-latin-500.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: local(''),
        url('../../../fonts/roboto-v20-latin-500italic.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../../../fonts/roboto-v20-latin-500italic.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local(''),
        url('../../../fonts/roboto-v20-latin-700.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../../../fonts/roboto-v20-latin-700.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: local(''),
        url('../../../fonts/roboto-v20-latin-700italic.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../../../fonts/roboto-v20-latin-700italic.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-900 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: local(''),
        url('../../../fonts/roboto-v20-latin-900.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../../../fonts/roboto-v20-latin-900.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-900italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    src: local(''),
        url('../../../fonts/roboto-v20-latin-900italic.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../../../fonts/roboto-v20-latin-900italic.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-mono-regular - latin */
@font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    src: local(''),
        url('../../../fonts/roboto-mono-v13-latin-regular.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../../../fonts/roboto-mono-v13-latin-regular.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

.form_field.f-index button.gi>span::before,
html,
body {
    font-family: Roboto, Helvetica, Arial, sans-serif;
}


html,
body {
    height: 100%;
    background-color: grey;
}

* {
    margin: 0;
    padding: 0;
    font-family: Roboto, Helvetica, Arial, sans-serif;
}

u {
    text-decoration: underline;
}

@media screen {

    .dark,
    .love,
    .light {
        --cs-glow-color: rgba(255, 255, 255, .1);
        --cs-glass-color-top: rgba(255, 255, 255, .7);
        --cs-glass-color-bottom: rgba(255, 255, 255, .65);
        --cs-text-color: rgba(0, 0, 0, 0.8);
        --cs-icon-color: rgba(0, 0, 0, 0.8);
        --cs-link-color: rgba(0, 0, 0, 0.8);
        --cs-link-hover-color: rgba(0, 0, 0, 0.8);
        --cs-border-color: rgba(0, 0, 0, 0.12);
        --cs-bg-color: #fafafb;
        --cs-page-bg-color: #ffffff;
        --cs-hover-text-color: white;
        --cs-hover-bg-color: #0067b8;

        --cs-emphasis-bg-color: #ff8043;
        --cs-emphasis-text-color: white;

        --cs-selected-bg-color: #52515d;
        --cs-selected-text-color: white;

        --cs-breadcrumb-bg-color: #ff8043;
        --cs-breadcrumb-text-color: white;

        --cs-filtering-bg-color: #9063cd;
        --cs-filtering-text-color: white;

        --cs-background-image: url("../images/bgwhiteboard.png");
        --cs-text-color-mix: black;

        --cs-bg-color-mix: white;
        --cs-add-text-color: #2a6bbc;
        --cs-bg-color-dragging: #ff8043;
        --cs-text-color-dragging: #ffffff;
        --cs-bg-color-help: #ffffdd;
        --cs-bg-color-create: #009e00;
        --cs-text-color-create: white;
        --cs-bg-color-separator: #eaf1fb;
    }

    .love {
        --cs-breadcrumb-bg-color: #dc05a8;
        --cs-bg-color-dragging: #dc05a8;
        --cs-emphasis-bg-color: #dc05a8;
    }

    .dark {
        --cs-glow-color: rgba(82, 81, 93, .7);
        --cs-glass-color-top: rgba(0, 0, 0, .7);
        --cs-glass-color-bottom: rgba(0, 0, 0, .65);
        --cs-text-color: white;
        --cs-icon-color: white;
        --cs-link-color: white;
        --cs-link-hover-color: white;
        --cs-border-color: rgba(0, 0, 0, 0.24);
        --cs-bg-color: #52515d;
        --cs-hover-text-color: white;
        --cs-hover-bg-color: #1a5b9c;
        --cs-emphasis-bg-color: #ff8043;
        --cs-emphasis-text-color: white;
        --cs-page-bg-color: #52515d;
        --cs-background-image: url("../images/bgdarkboard.png");
        --cs-text-color-mix: white;
        --cs-bg-color-mix: black;
        --cs-add-text-color: #0fbd68;
        --cs-bg-color-dragging: #ff8043;
        --cs-text-color-dragging: #ffffff;
        --cs-bg-color-help: #62616d;
        --cs-bg-color-separator: #62616d;

        --cs-selected-bg-color: #ffa500;
        --cs-selected-text-color: white;
    }

    * {
        color: var(--cs-text-color);
    }

    .wrapper.help {
        --cs-emphasis-bg-color: #089f9f;
    }

    .wrapper.help>.body a {
        color: var(--cs-add-text-color);
        text-decoration: underline;
        font-weight: normal;
    }

    button.append:not(:hover):not(.focus)::before,
    button.append:not(:hover):not(.focus)>span {
        color: var(--cs-add-text-color);
    }

    .table>.thead>.tr>.th {
        background-color: color-mix(in srgb, var(--cs-bg-color) 95%, var(--cs-text-color-mix));
        --cs-table-bg-index-col: color-mix(in srgb, var(--cs-bg-color) 95%, var(--cs-text-color-mix));
    }

    .table>.thead>.tr>.th.filtering>.grid_th_wrapper{
        --cs-bg-color: var(--cs-filtering-bg-color);
        --cs-text-color: var(--cs-filtering-text-color);
        --cs-icon-color: var(--cs-filtering-text-color);        
    }

    .table>.thead>.tr>.th.filtering{
        background-color: var(--cs-border-color);
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.24) inset;
    }

    .table>.thead>.tr>.th.filtering>.grid_th_wrapper{
        border-radius: .25rem;
        margin: .1rem;
        background-color: var(--cs-bg-color);
        box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    }

    .table>.thead>.tr>.th.filtering>.grid_th_wrapper>.inline-menu-col>button{
        min-height: calc(var(--cs-form-field-h) - .2rem);
    }

    .table>.thead>.tr>.th.has-color {
        background-color: color-mix(in srgb, var(--cs-bg-color) 40%, white);
        --cs-table-bg-index-col: color-mix(in srgb, var(--cs-bg-color) 40%, white);
        --cs-text-color: color-mix(in srgb, var(--cs-table-bg-index-col) 24%, black);
    }

    .table>.thead>.tr>.th.has-color.expandable {
        background-color: color-mix(in srgb, var(--cs-bg-color) 60%, white);
        --cs-table-bg-index-col: color-mix(in srgb, var(--cs-bg-color) 60%, white);
    }

    .table>.tbody>.tr>.td {
        background-color: var(--cs-page-bg-color);
    }

    /*
    .searching>.global-search-box {
        background-color: rgba(255, 255, 255, 0.1);
        border-color: rgba(255, 255, 255, 0.7);
    }
*/
    .form_field.grid.f-grade {
        --cs-border-color: color-mix(in srgb, var(--cs-bg-color) 70%, #777);
    }

    .message_wrapper>.message {
        --cs-text-color: rgba(0, 0, 0, 0.7);
    }

    .message_wrapper>.message.error {
        --cs-text-color: rgba(255, 255, 255, 0.9);
    }

    .input-grade-picker button:hover {
        filter: brightness(1.1);
    }

    .grid_filter_list_box .depth1,
    .input-grade-picker button>span,
    .highlight {
        --cs-text-color: rgba(0, 0, 0, 0.7);
        --cs-hover-text-color: white;
    }

    .table>.thead>.tr>.th,
    .table.grid.has-border.fieldset,
    .table>.tbody>.tr>.td,
    body * {
        border-color: var(--cs-border-color);
    }

    .image_display_tab,
    .app-aside,
    .tokenize-popup,
    .sys_popup_frame,
    .chart-wrapper,
    .popup-layer>.wrapper,
    body {
        background-color: var(--cs-bg-color);
    }

    .doc_grid_form {
        background-color: color-mix(in srgb, var(--cs-page-bg-color) 50%, transparent);
    }

    .td {
        background-color: var(--cs-page-bg-color);
    }

    .td.f-index,
    .th {
        background-color: color-mix(in srgb, var(--cs-page-bg-color) 95%, var(--cs-text-color-mix));
    }

    .popup-layer.layer-sidebar>.wrapper>.ctrl {
        background: none;
    }

    button.focus,
    .td.form_field.f-tokenize li.Token:not(.grade):hover,
    .td.form_field.f-select p:hover,
    .td.form_field.f-text p:hover,
    .sidebar-toolbar.top-bar,
    .icon.focus,
    .form_field.focus.f-group button,
    .table>.tbody>.tr>.td.form_field.focus.f-group,
    .list-item-action:hover,
    button:hover {
        background-color: var(--cs-hover-bg-color);
        border-color: var(--cs-hover-bg-color);
    }

    .popup-layer.layer-sidebar>.wrapper>.ctrl>.btn-group {
        /*
    border-color: rgba(0,0,0,0.16);
    
    border-width: 1px;
    border-style: solid;
    */
        border-radius: var(--cs-br-sm);
        background-color: color-mix(in srgb, var(--cs-emphasis-bg-color) 30%, var(--cs-bg-color-mix));
        overflow: hidden;
    }

    .popup-layer.layer-sidebar.layer-help>.wrapper>.ctrl>.btn-group {
        background-color: transparent;
        border: none;
    }

    .popup-layer.layer-sidebar>.wrapper>.ctrl>.btn-group button:not(:hover)::after,
    .popup-layer.layer-sidebar>.wrapper>.ctrl>.btn-group button:not(:hover)::before,
    .popup-layer.layer-sidebar>.wrapper>.ctrl>.btn-group button:not(:hover) span {
        color: color-mix(in srgb, var(--cs-emphasis-bg-color) 30%, var(--cs-text-color-mix));
    }

    .wrapper>.top.dark,
    body.dark .top-bar.dark,
    body.love:not(.layout-popup) .top-bar.dark,
    body.light:not(.layout-popup) .top-bar.dark {
        background-color: #1a5b9c;
    }

    .active,
    .selected {
        background-color: var(--cs-selected-bg-color);
        color: var(--cs-selected-text-color);
    }

    .has-breadcrumb .menu-breadcrumb {
        --cs-bg-color: var(--cs-emphasis-bg-color);
        --cs-hover-bg-color: color-mix(in srgb, var(--cs-emphasis-bg-color) 80%, yellow);
        --cs-text-color: var(--cs-emphasis-text-color);
        --cs-icon-color: var(--cs-emphasis-text-color);
        background-color: var(--cs-bg-color);
    }

    .context-year.selected{
        --cs-bg-color: var(--cs-emphasis-bg-color);
        --cs-hover-bg-color: color-mix(in srgb, var(--cs-emphasis-bg-color) 80%, yellow);
        --cs-text-color: var(--cs-emphasis-text-color);
        --cs-icon-color: var(--cs-emphasis-text-color);
        background-color: var(--cs-bg-color);
    }

    .show-history>.history,
    .show-trash>.recycle,
    .active,
    .active::before,
    .active::after,
    .active *,
    .btn:hover,
    .tr.onfocus button.gi,
    .selected,
    .selected::before,
    .selected::after,
    .selected *,

    .td.form_field.f-tokenize li.Token:not(.grade):hover,
    .td.form_field.f-select p:hover,
    .td.form_field.f-text p:hover,
    button:hover,
    button:hover,
    button:hover *,
    button:hover::after,
    button:hover::before,

    .icon.focus,
    .btn.focus *,
    button.focus,
    .btn.focus,
    .form_field.f-group.focus>div * {
        --cs-text-color: var(--cs-hover-text-color);
        --cs-icon-color: var(--cs-hover-text-color);
        --cs-link-color: var(--cs-hover-text-color);
        --cs-link-hover-color: var(--cs-hover-text-color);
    }

    /*
    .btn.inline-row:not(:hover):not(.focus)::after,
    .btn.inline-row:not(:hover):not(.focus)::before {
        color: var(--cs-icon-color);
    }
*/
    .focus,
    .btn:hover {
        color: var(--cs-text-color);
    }

    /*
.input-grade-picker button>span,
.form_field.focus:not(.f-group),
.form_field.focus:not(.f-group) *,
.form_field.focus:not(.f-group)::before,
.form_field.focus:not(.f-group)::after{
    --cs-text-color: rgba(0,0,0,.8);
}
*/


    .form-control:focus,
    .input-credential-wrapper>.focus,
    .form_field.f-tokenize.focus,
    .form_field.f-select.focus,
    .form_field.f-select.focus,
    .form_field.f-textarea.focus,
    .form_field.f-text.focus,
    .form_field.f-url.focus {
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.24) inset;
        background-color: rgba(255, 255, 0, 0.3);
    }

    .f-grade.t-average .grade-wrapper,
    .input-grade-average {
        background-image: linear-gradient(red inherit);
        background-blend-mode: lighten;
    }

    .f-grade.t-average .grade-wrapper,
    .input-grade-average:hover {
        background-blend-mode: darken;
    }

    .dark .scrollable-element {
        scrollbar-color: dark;
    }

    button:hover>img,
    .dark .icon.app-menu>img {
        filter: grayscale(1) brightness(100);
    }

    .popup-layer.layer-form_field>div.wrapper>div.body>.form_field.popup>div.input_envelope,
    .controller_display_tab {
        background-image: var(--cs-background-image);
    }

    .app-header.dark>.top-bar button:hover {
        background-color: color-mix(in srgb, var(--cs-hover-bg-color) 84%, black);
    }

    .input-tokenize.Multi .ctrl>button:hover,
    .focus,
    button:not(:disabled):hover {
        opacity: 1;
    }

    ::-webkit-scrollbar {
        width: 9px;
    }

    ::-webkit-scrollbar-track {
        background: transparent;
    }

    ::-webkit-scrollbar-thumb {
        background-color: rgba(155, 155, 155, 0.5);
        border: transparent;
    }

    body.love .sudo>header>.top-bar,
    body.light .sudo>header>.top-bar {
        background-color: #ffd55c;
    }

    body.dark .sudo>header>.top-bar {
        background-color: #ea5456;
    }
} /*/var/www/html/clickschoolinfo/public/themes/modern/css/layout.css*/
*, ::after, ::before {
    box-sizing: border-box;
}

a {
    color: #346cb0;
    text-decoration: none;
    background-color: transparent;
}

.app {
    width: 100%;
    min-height: 100%;
    overflow-x: hidden;
}

.app-main {
    position: relative;
    padding-top: 3.5rem;
    padding-right: 0;
    padding-left: 0;
    overflow: hidden;
    height: 100%;
}

.app.main_wrapper.layout-sidebar>.app-main{
    padding-top: 0;
}

.app-aside {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    width: calc(100vw - 6rem);
    max-width: 24rem;
    transform: translate3d(-100%,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .2s ease-in-out;
}

.app.popup>.app-main{
    padding-top: 0;
    padding-left: 0;
}

.app.popup>.app-aside{
    display: none;
}

.app-aside-expand-md {
    top: auto;
    transform: translateZ(0);
}

.app-aside-light {
    color: inherit;
}
/*
.has-menu-side.has-compact-menu .top-bar-brand{
    justify-content: center;
}
*/
.aside-backdrop {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(20,20,31,.8);
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}

.aside-menu {
    position: relative;
    flex: 1;
    overflow-y: auto;
}
/*
.not-menu-side .app-aside{
    display: none;
}
*/
.aside-header {
    position: relative;
    display: block;
    box-shadow: 0 0 0 1px rgba(20,20,31,.05),0 1px 3px 0 rgba(20,20,31,.15);
    z-index: 3;
}

.aside-header .btn-account {
    padding: 1rem;
    width: 100%;
    justify-content: flex-start;
}

.app.has-compact-menu .aside-menu.overflow-hidden.ps {
    overflow: visible !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.menu-icon {
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

.menu-icon:empty::before {
    width: 1em;
    text-align: center;
    box-sizing: content-box;
}

@media (min-width: 768px) {
    /*
    .doc-page-wrapper {
      width: 215.9mm;
    }
    */
    .doc-mobile{
        display:none;
    }
    .has-menu-side.has-compact-menu .top-bar-brand,
    .app.has-compact-menu .app-aside {
        width: 4rem;
    }

    .app.has-compact-menu .app-aside + .app-main {
        padding-left: 4rem;
    }

    .spaced.wd-1   {width:0%;  min-width:0%;  }
    .spaced.wd-2   {width:1%;  min-width:1%;  }
    .spaced.wd-3   {width:2%;  min-width:2%;  }
    .spaced.wd-4   {width:3%;  min-width:3%;  }
    .spaced.wd-5   {width:4%;  min-width:4%;  }
    .spaced.wd-6   {width:5%;  min-width:5%;  }
    .spaced.wd-7   {width:6%;  min-width:6%;  }
    .spaced.wd-8   {width:7%;  min-width:7%;  }
    .spaced.wd-9   {width:8%;  min-width:8%;  }
    .spaced.wd-10  {width:9%;  min-width:9%;  }
    .spaced.wd-11  {width:10%; min-width:10%; }
    .spaced.wd-12  {width:11%; min-width:11%; }
    .spaced.wd-13  {width:12%; min-width:12%; }
    .spaced.wd-14  {width:13%; min-width:13%; }
    .spaced.wd-15  {width:14%; min-width:14%; }
    .spaced.wd-16  {width:15%; min-width:15%; }
    .spaced.wd-17  {width:16%; min-width:16%; }
    .spaced.wd-18  {width:17%; min-width:17%; }
    .spaced.wd-19  {width:18%; min-width:18%; }
    .spaced.wd-20  {width:19%; min-width:19%; }
    .spaced.wd-21  {width:20%; min-width:20%; }
    .spaced.wd-22  {width:21%; min-width:21%; }
    .spaced.wd-23  {width:22%; min-width:22%; }
    .spaced.wd-24  {width:23%; min-width:23%; }
    .spaced.wd-25  {width:24%; min-width:24%; }
    .spaced.wd-26  {width:25%; min-width:25%; }
    .spaced.wd-27  {width:26%; min-width:26%; }
    .spaced.wd-28  {width:27%; min-width:27%; }
    .spaced.wd-29  {width:28%; min-width:28%; }
    .spaced.wd-30  {width:29%; min-width:29%; }
    .spaced.wd-31  {width:30%; min-width:30%; }
    .spaced.wd-32  {width:31%; min-width:31%; }
    .spaced.wd-33  {width:32%; min-width:32%; }
    .spaced.wd-34  {width:33%; min-width:33%; }
    .spaced.wd-35  {width:34%; min-width:34%; }
    .spaced.wd-36  {width:35%; min-width:35%; }
    .spaced.wd-37  {width:36%; min-width:36%; }
    .spaced.wd-38  {width:37%; min-width:37%; }
    .spaced.wd-39  {width:38%; min-width:38%; }
    .spaced.wd-40  {width:39%; min-width:39%; }
    .spaced.wd-41  {width:40%; min-width:40%; }
    .spaced.wd-42  {width:41%; min-width:41%; }
    .spaced.wd-43  {width:42%; min-width:42%; }
    .spaced.wd-44  {width:43%; min-width:43%; }
    .spaced.wd-45  {width:44%; min-width:44%; }
    .spaced.wd-46  {width:45%; min-width:45%; }
    .spaced.wd-47  {width:46%; min-width:46%; }
    .spaced.wd-48  {width:47%; min-width:47%; }
    .spaced.wd-49  {width:48%; min-width:48%; }
    .spaced.wd-50  {width:49%; min-width:49%; }
    .spaced.wd-51  {width:50%; min-width:50%; }
    .spaced.wd-52  {width:51%; min-width:51%; }
    .spaced.wd-53  {width:52%; min-width:52%; }
    .spaced.wd-54  {width:53%; min-width:53%; }
    .spaced.wd-55  {width:54%; min-width:54%; }
    .spaced.wd-56  {width:55%; min-width:55%; }
    .spaced.wd-57  {width:56%; min-width:56%; }
    .spaced.wd-58  {width:57%; min-width:57%; }
    .spaced.wd-59  {width:58%; min-width:58%; }
    .spaced.wd-60  {width:59%; min-width:59%; }
    .spaced.wd-61  {width:60%; min-width:60%; }
    .spaced.wd-62  {width:61%; min-width:61%; }
    .spaced.wd-63  {width:62%; min-width:62%; }
    .spaced.wd-64  {width:63%; min-width:63%; }
    .spaced.wd-65  {width:64%; min-width:64%; }
    .spaced.wd-66  {width:65%; min-width:65%; }
    .spaced.wd-67  {width:66%; min-width:66%; }
    .spaced.wd-68  {width:67%; min-width:67%; }
    .spaced.wd-69  {width:68%; min-width:68%; }
    .spaced.wd-70  {width:69%; min-width:69%; }
    .spaced.wd-71  {width:70%; min-width:70%; }
    .spaced.wd-72  {width:71%; min-width:71%; }
    .spaced.wd-73  {width:72%; min-width:72%; }
    .spaced.wd-74  {width:73%; min-width:73%; }
    .spaced.wd-75  {width:74%; min-width:74%; }
    .spaced.wd-76  {width:75%; min-width:75%; }
    .spaced.wd-77  {width:76%; min-width:76%; }
    .spaced.wd-78  {width:77%; min-width:77%; }
    .spaced.wd-79  {width:78%; min-width:78%; }
    .spaced.wd-80  {width:79%; min-width:79%; }
    .spaced.wd-81  {width:80%; min-width:80%; }
    .spaced.wd-82  {width:81%; min-width:81%; }
    .spaced.wd-83  {width:82%; min-width:82%; }
    .spaced.wd-84  {width:83%; min-width:83%; }
    .spaced.wd-85  {width:84%; min-width:84%; }
    .spaced.wd-86  {width:85%; min-width:85%; }
    .spaced.wd-87  {width:86%; min-width:86%; }
    .spaced.wd-88  {width:87%; min-width:87%; }
    .spaced.wd-89  {width:88%; min-width:88%; }
    .spaced.wd-90  {width:89%; min-width:89%; }
    .spaced.wd-91  {width:90%; min-width:90%; }
    .spaced.wd-92  {width:91%; min-width:91%; }
    .spaced.wd-93  {width:92%; min-width:92%; }
    .spaced.wd-94  {width:93%; min-width:93%; }
    .spaced.wd-95  {width:94%; min-width:94%; }
    .spaced.wd-96  {width:95%; min-width:95%; }
    .spaced.wd-97  {width:96%; min-width:96%; }
    .spaced.wd-98  {width:97%; min-width:97%; }
    .spaced.wd-99  {width:98%; min-width:98%; }
    .spaced.wd-100 {width:99%; min-width:99%; }

/*
    .app-aside-light {
        border-right:1px solid rgba(20,20,31,.05)
    }
*/
    .doc_page.family.extended .table.family_candidate .doc_group_form{
      display: grid;
      grid-template-columns: 11rem 1fr;
      grid-template-rows: auto;
    }

    .doc_page.family.extended .table.family_candidate .doc_group_form>div:first-child{
        grid-column: 1;
        grid-row: 1 / 5;
    }

    .doc_page.family.extended .table.family_member .doc_group_form{
      display: grid;
      grid-template-columns: 11rem 1fr;
      grid-template-rows: auto;
    }

    .doc_page.family.extended .table.family_member .doc_group_form>div:first-child{
        grid-column: 1;
        grid-row: 1 / 5;
    }

    .doc_page.family.extended .table.family_candidate .doc_group_form>div:nth-child(n+6),
    .doc_page.family.extended .table.family_member .doc_group_form>div:nth-child(n+6){
        grid-column-start: 1;
        grid-column-end: 3;
    }


    .doc_page.enrollment.extended .table.student .doc_group_form{
      display: grid;
      grid-template-columns: 11rem 1fr;
      grid-template-rows: auto;
    }

    .doc_page.enrollment.extended .table.student .doc_group_form>div:first-child{
        grid-column: 1;
        grid-row: 1 / 5;
    }

    .doc_page.enrollment.extended .table.relationship .doc_group_form{
      display: grid;
      grid-template-columns: 11rem 1fr;
      grid-template-rows: auto;
    }

    .doc_page.enrollment.extended .table.relationship .doc_group_form>div:first-child{
        grid-column: 1;
        grid-row: 1 / 5;
    }

    .doc_page.enrollment.extended .table.student .doc_group_form>div:nth-child(n+6),
    .doc_page.enrollment.extended .table.relationship .doc_group_form>div:nth-child(n+6){
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .block_wrapper.person-profile .doc_group_form{
      display: grid;
      grid-template-columns: 11rem 1fr;
      grid-template-rows: auto;
    }

    .block_wrapper.person-profile .doc_group_form>div:first-child{
        grid-column: 1;
        grid-row: 1 / 5;
    }

    .block_wrapper.person-profile .doc_group_form>div:nth-child(n+6){
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .block_wrapper.person-profile div.doc_group_form > div:last-child > div:first-child {
      border-bottom-left-radius: 0;
    }

    .app-aside-expand-md+.app-main {
        padding-left:12rem
    }

    .top-bar-context>.top-bar-search{
        display: none;
    }

.top-bar-brand,
.app-aside-expand-md {
    width: 12rem;
}

.top-bar-brand {
    max-width: 15rem;
}
}

.app-aside-expand-md {
    top:3.5rem;
}

.top-bar {
    display: flex;
    width: 100%;
    min-height: 3.5rem;
    align-items: stretch;
}
/*
.top-bar button{
    border-radius: 0;
}
*/
.top-bar button:not(:disabled):hover {
    box-shadow: none;
}
/*
.top-bar button.focus:not(.views):not(:hover){    
    background-color: rgba(255,255,255,0.1);
    margin: -.2rem 0;
    border-radius: 0;    
}
*/
.btn.focus:not(:hover),
.top-bar button.focus:not(:hover){    
    /*box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;*/
    background-color: var(--cs-hover-bg-color);
    color: var(--cs-hover-text-color);
}

.top-bar>div {    
    display: flex;
}

.top-bar-list {
    flex: 1;    
}

.top-bar-list>div {
    margin: .2rem;    
}

.top-bar-item, 
.top-bar-list {
    display: flex;
    align-items: stretch;
}

.top-bar-item-full {
    flex: 1;
}

.app-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    min-height: 3.5rem;
    z-index: 10;
    display: flex;
    /*box-shadow: 0 0 0 1px rgba(20,20,31,.05),0 1px 3px 0 rgba(20,20,31,.15);*/
}

.top-bar-context{
    display: flex;
    font-size: 1rem;
    /*background-color: rgba(0,0,0,0.1);
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05) inset;*/
    border-radius: .3rem;    
}

.top-bar-brand>.top-bar-logo{
    width: 100%;
}
.top-bar-brand>.top-bar-context{
    display: none;
}

.top-bar-context>button{
    border-radius: .3rem;
}

.app-header-dark {
    background-color: #1a5b9c;
    color: hsla(0,0%,100%,.8);
}

.app-header-light {
    background-color: #f6f7f9;
    color: rgba(20,20,31,.4);
}

.top-bar-brand {
    margin-bottom: 0;
    font-size: 1.25rem;
    align-items: stretch;
    display: flex;    
}
/*
.app.has-compact-menu .top-bar-brand {
    background-color: rgba(0,0,0,.1);
}
*/
.sidebar-toolbar{
    flex-direction: row;
}
/*
.top-bar-brand button.menu{
    width: 4rem;
    height: 3.5rem;
}

.app.has-wide-menu .top-bar-brand button.menu{
    width: 3rem;
}

.top-bar-brand>span {
    padding: 0 .5rem 0 .5rem;
}
*/

@media (min-width: 768px) {
    .top-bar-brand {
        display:flex
    }
}

.form-control {
    display: block;
    width: 100%;
    height: calc(2.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--cs-text-color);
    /*background-color: #fff;*/
    /*background-clip: padding-box;*/
    border: 1px solid #c6c9d5;
    background-color: var(--cs-page-bg-color);  
    border: 1px solid var(--cs-border-color);
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
/*
.form-control:focus {
  color:var(--cs-emphasis-text-color);
  background-color: var(--cs-emphasis-bg-color);
  border-color: var(--cs-emphasis-text-color);
  outline: 0;
  box-shadow: none;
}
*/
.dropdown-menu {
    font-size: 1rem;
    color: #363642;
    text-align: left;
    list-style: none;
}

.popup-layer>.wrapper>.body>.list-group{
    border-radius: 0;
}

.btn-group.inline-menu>.btn{
    padding: 0;
    border-radius: 0;
    width: 2rem;
    /*height: 2rem;*/
}

.btn-group>.btn.icon-text::before,
.btn-group-vertical>.btn.icon-text::before,
.list-group-icon,
.dropdown-icon {
    margin-right: .25rem;
    min-width: 1.25rem;
}

.input_form>.footer .btn{
    margin:.5em;
}

@media (min-width: 768px) {
    .btn {
        font-size: .875rem;
        border-radius: var(--cs-br-sm);
    }

    .btn-group-sm>.btn,.btn.btn-sm {
        height: 1.8125rem;
        font-size: .8125rem
    }

    .btn-group-lg>.btn,.btn.btn-lg {
        height: 2.75rem;
        font-size: 1rem
    }

    .popup-wd-1   {max-width:  1em; min-width:  1em;}
    .popup-wd-2   {max-width:  2em; min-width:  2em;}
    .popup-wd-3   {max-width:  3em; min-width:  3em;}
    .popup-wd-4   {max-width:  4em; min-width:  4em;}
    .popup-wd-5   {max-width:  5em; min-width:  5em;}
    .popup-wd-6   {max-width:  6em; min-width:  6em;}
    .popup-wd-7   {max-width:  7em; min-width:  7em;}
    .popup-wd-8   {max-width:  8em; min-width:  8em;}
    .popup-wd-9   {max-width:  9em; min-width:  9em;}
    .popup-wd-10  {max-width: 10em; min-width: 10em;}
    .popup-wd-11  {max-width: 11em; min-width: 11em;}
    .popup-wd-12  {max-width: 12em; min-width: 12em;}
    .popup-wd-13  {max-width: 13em; min-width: 13em;}
    .popup-wd-14  {max-width: 14em; min-width: 14em;}
    .popup-wd-15  {max-width: 15em; min-width: 15em;}
    .popup-wd-16  {max-width: 16em; min-width: 16em;}
    .popup-wd-17  {max-width: 17em; min-width: 17em;}
    .popup-wd-18  {max-width: 18em; min-width: 18em;}
    .popup-wd-19  {max-width: 19em; min-width: 19em;}
    .popup-wd-20  {max-width: 20em; min-width: 20em;}
    .popup-wd-21  {max-width: 21em; min-width: 21em;}
    .popup-wd-22  {max-width: 22em; min-width: 22em;}
    .popup-wd-23  {max-width: 23em; min-width: 23em;}
    .popup-wd-24  {max-width: 24em; min-width: 24em;}
    .popup-wd-25  {max-width: 25em; min-width: 25em;}
    .popup-wd-26  {max-width: 26em; min-width: 26em;}
    .popup-wd-27  {max-width: 27em; min-width: 27em;}
    .popup-wd-28  {max-width: 28em; min-width: 28em;}
    .popup-wd-29  {max-width: 29em; min-width: 29em;}
    .popup-wd-30  {max-width: 30em; min-width: 30em;}
    .popup-wd-31  {max-width: 31em; min-width: 31em;}
    .popup-wd-32  {max-width: 32em; min-width: 32em;}
    .popup-wd-33  {max-width: 33em; min-width: 33em;}
    .popup-wd-34  {max-width: 34em; min-width: 34em;}
    .popup-wd-35  {max-width: 35em; min-width: 35em;}
    .popup-wd-36  {max-width: 36em; min-width: 36em;}
    .popup-wd-37  {max-width: 37em; min-width: 37em;}
    .popup-wd-38  {max-width: 38em; min-width: 38em;}
    .popup-wd-39  {max-width: 39em; min-width: 39em;}
    .popup-wd-40  {max-width: 40em; min-width: 40em;}
    .popup-wd-41  {max-width: 41em; min-width: 41em;}
    .popup-wd-42  {max-width: 42em; min-width: 42em;}
    .popup-wd-43  {max-width: 43em; min-width: 43em;}
    .popup-wd-44  {max-width: 44em; min-width: 44em;}
    .popup-wd-45  {max-width: 45em; min-width: 45em;}
    .popup-wd-46  {max-width: 46em; min-width: 46em;}
    .popup-wd-47  {max-width: 47em; min-width: 47em;}
    .popup-wd-48  {max-width: 48em; min-width: 48em;}
    .popup-wd-49  {max-width: 49em; min-width: 49em;}
    .popup-wd-50  {max-width: 50em; min-width: 50em;}
    .popup-wd-51  {max-width: 51em; min-width: 51em;}
    .popup-wd-52  {max-width: 52em; min-width: 52em;}
    .popup-wd-53  {max-width: 53em; min-width: 53em;}
    .popup-wd-54  {max-width: 54em; min-width: 54em;}
    .popup-wd-55  {max-width: 55em; min-width: 55em;}
    .popup-wd-56  {max-width: 56em; min-width: 56em;}
    .popup-wd-57  {max-width: 57em; min-width: 57em;}
    .popup-wd-58  {max-width: 58em; min-width: 58em;}
    .popup-wd-59  {max-width: 59em; min-width: 59em;}
    .popup-wd-60  {max-width: 60em; min-width: 60em;}
    .popup-wd-61  {max-width: 61em; min-width: 61em;}
    .popup-wd-62  {max-width: 62em; min-width: 62em;}
    .popup-wd-63  {max-width: 63em; min-width: 63em;}
    .popup-wd-64  {max-width: 64em; min-width: 64em;}
    .popup-wd-65  {max-width: 65em; min-width: 65em;}
    .popup-wd-66  {max-width: 66em; min-width: 66em;}
    .popup-wd-67  {max-width: 67em; min-width: 67em;}
    .popup-wd-68  {max-width: 68em; min-width: 68em;}
    .popup-wd-69  {max-width: 69em; min-width: 69em;}
    .popup-wd-70  {max-width: 70em; min-width: 70em;}
    .popup-wd-71  {max-width: 71em; min-width: 71em;}
    .popup-wd-72  {max-width: 72em; min-width: 72em;}
    .popup-wd-73  {max-width: 73em; min-width: 73em;}
    .popup-wd-74  {max-width: 74em; min-width: 74em;}
    .popup-wd-75  {max-width: 75em; min-width: 75em;}
    .popup-wd-76  {max-width: 76em; min-width: 76em;}
    .popup-wd-77  {max-width: 77em; min-width: 77em;}
    .popup-wd-78  {max-width: 78em; min-width: 78em;}
    .popup-wd-79  {max-width: 79em; min-width: 79em;}
    .popup-wd-80  {max-width: 80em; min-width: 80em;}
    .popup-wd-81  {max-width: 81em; min-width: 81em;}
    .popup-wd-82  {max-width: 82em; min-width: 82em;}
    .popup-wd-83  {max-width: 83em; min-width: 83em;}
    .popup-wd-84  {max-width: 84em; min-width: 84em;}
    .popup-wd-85  {max-width: 85em; min-width: 85em;}
    .popup-wd-86  {max-width: 86em; min-width: 86em;}
    .popup-wd-87  {max-width: 87em; min-width: 87em;}
    .popup-wd-88  {max-width: 88em; min-width: 88em;}
    .popup-wd-89  {max-width: 89em; min-width: 89em;}
    .popup-wd-90  {max-width: 90em; min-width: 90em;}
    .popup-wd-91  {max-width: 91em; min-width: 91em;}
    .popup-wd-92  {max-width: 92em; min-width: 92em;}
    .popup-wd-93  {max-width: 93em; min-width: 93em;}
    .popup-wd-94  {max-width: 94em; min-width: 94em;}
    .popup-wd-95  {max-width: 95em; min-width: 95em;}
    .popup-wd-96  {max-width: 96em; min-width: 96em;}
    .popup-wd-97  {max-width: 97em; min-width: 97em;}
    .popup-wd-98  {max-width: 98em; min-width: 98em;}
    .popup-wd-99  {max-width: 99em; min-width: 99em;}
    .popup-wd-100 {max-width:100em; min-width:100em;}
}



.card {
    border: none;
    box-shadow: 0 0 0 1px rgba(20,20,31,.05),0 1px 3px 0 rgba(20,20,31,.15);
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid rgba(20,20,31,.12);
    border-radius: .25rem;
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card-header {
    font-weight: 600;
}
.card-header {
    padding: 1rem;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 1px solid rgba(20,20,31,.12);
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1rem;
}

.card-subtitle, .card-text:last-child {
    margin-bottom: 0;
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
}
.card-footer {
    display: flex;
    align-items: stretch;
    padding: 1rem;
    background-color: transparent;
    border-top: 1px solid rgba(20,20,31,.12);
    justify-content: flex-end;
}

.card-footer > a,
.card-footer > button {
    margin: .25rem;
}

.card-footer-item-bordered:not(:last-child) {
    border-right: 1px solid rgba(20,20,31,.12);
}

.card-footer-item {
    padding: 1rem;
    flex: 1;
    text-align: center;
    outline: 0;
}

.popup-layer .card{
    border:none;
    margin:0;
}

.btn-icon {
    padding: 0;
    line-height: calc(1.5em + .75rem + 2px);
    border-radius: 2.25rem;
    width: calc(1.5em + .75rem + 2px);
    height: calc(1.5em + .75rem + 2px);
}

@media (min-width:768px) {
    .top-bar-brand>button{flex-grow:1;}
    .top-bar-brand>.top-bar-shortcut,
    .top-bar-brand>.menu-auth{display: none;}
    .btn-icon {
        line-height:calc(1.5em + .75rem);
        width:2.25rem;
        height:2.25rem
    }
    .btn-group-sm>.btn-icon.btn,
    .btn-icon.btn-sm {
        line-height:calc(1.5em + .5rem);
        width:1.8125rem;
        height:1.8125rem
    }
    .btn-group-lg>.btn-icon.btn,
    .btn-icon.btn-lg {
        line-height:calc(1.75em + 1rem);
        width:2.75rem;
        height:2.75rem
    }

    .top-bar-brand button.app-menu>img.logo-compact-mobile,
    .top-bar-brand button.app-menu>img.logo-compact,
    .top-bar-brand button.app-menu.compact>img.logo-wide{
        display:none;
    }

    .top-bar-brand button.app-menu.compact>img.logo-compact{
        display: inherit;
        width: 2rem;
        margin-left: 0;
    }
}

.btn-account > .has-badge, .btn-account > .user-avatar {
    margin-right: .75rem;
}
.user-avatar-md {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 2.25rem;
}
.user-avatar {
    position: relative;
    margin-bottom: 0;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    font-size: 2rem;
    vertical-align: middle;
    border-radius: 4rem;
}

.user-avatar audio, .user-avatar canvas, .user-avatar img, .user-avatar video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}
img, svg {
    vertical-align: middle;
}
img {
    border-style: none;
}

.app-header-dark .btn-context,
.app-header-dark .btn-account {
    color: #fff;
    border-left: 1px solid rgba(34,34,48,.12);
}

.app-header .btn-context{    
    min-width: 3.5rem;
    flex-grow: 1;
    margin: 0 .3rem;
    /*min-height: 3.1rem;*/
}

.app-header .btn-account {
    padding: 0 .5rem;
    min-width: 3.5rem;
    /*min-height: 2.9rem;
    margin: .3rem 1rem;*/
    border-radius: .5rem;
}

[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}
.btn-context,
.btn-account {
    position: relative;
    display: flex;
    margin: 0;
    border: 0;
    flex-wrap: none;
    align-items: center;
    background: none;
    color: inherit;
    appearance: none;
    cursor: pointer;
    transition: background-color .15s;
    outline: 0;
}
/*
.app-header .btn-context .context-summary{
    max-width: 20rem;
}
*/
.app-header .btn-account .account-summary {
    max-width: 10rem;
}

.btn-context .context-summary{
    display: flex;
    text-align: left;
    flex: 1;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
    height: 100%;    
}

.btn-context .context-summary>.context-year{
    line-height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-context.focus .context-summary>.context-year,
.btn-context:hover .context-summary>.context-year{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-context .context-summary>.context-course{
    display: flex;
    flex-direction: column;
    max-width: 16rem;
}

.btn-context .context-summary>.context-course>span:last-child{
    font-size: .8em;
    opacity: .6;
    margin-left: .3rem;
}

.btn-context .context-summary>.context-course>span:first-child{
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
}
.btn-context .context-summary>.context-course>span:first-child>span{
    margin:.1rem;
}

.btn-account .account-summary {
    margin-right: .75rem;
    display: block;
    text-align: left;
    flex: 1;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
}

.btn-context .context-name,
.btn-account .account-description, .btn-account .account-name {
    margin: 0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    line-height: 1rem;
}

.btn-context .context-name{
    padding: 0 .5rem;
}

.btn-context .context-name>span{
    margin: 0 .25rem;
}

.btn-account .account-description {
    font-size: .75rem;
    font-weight: 400;
    opacity: .8;
}

.btn-context .context-year{
    font-weight: 400;
    color:white;
    padding: 0 0.4em;    
    text-align: center;
    border-radius: .3em;
}

.btn-account .account-description>span {
    background-color: #47a447;
    color:white;
    padding: 0 0.4em;
    border-radius: 0.5em;
}

.btn-account .account-description, .btn-account .account-name {
    margin: 0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    line-height: 1rem;
}

.btn-context .context-name{
    margin: 0;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    line-height: 1rem;
    align-items: center;
}

ul.button-list{
    padding:0;
}

.avatar-group {
    display: inline-flex;
    align-items: center;
    flex-grow: 1;
}

.user-avatar {
    position: relative;
    margin-bottom: 0;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    font-size: 2rem;
    vertical-align: middle;
    border-radius: 4rem;
}

.user-avatar-sm {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
}
.user-avatar.focus,
.user-avatar:hover {
    z-index: 2;
}

.avatar-group .user-avatar.focus {
    box-shadow: 0 0 0 2px #1a5b9c;
}

.avatar-group .user-avatar {
    box-shadow: 0 0 0 2px #fff;
    background-color: white;
}

avatar img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}

.user-avatar.focus img{
    filter: grayscale(1);
}

.avatar-group .user-avatar + .user-avatar {
    display: inline-block;
    margin-left: -.5em;
}

.list-group-icon.active{
    border-radius: 0.2em;
    height: 1.5em;
    width: 1.5em;
    display: inline-flex;
    justify-content: center;
    background-color: #1a5b9c;
    align-items: center;
}

.list-group-item{
    background-color: transparent;
}

.context-wrapper{
    display: flex;
    flex-direction: column;
    height:100%;
    max-height: 24rem;    
    max-width: 24rem;
}

.list-group.context-course .list-group-text>span{
    margin: 0 .2em;
}

.btn-context .context-summary > .context-course > span:first-child > span.name{
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-grow: 1;
    text-align: left;    
}

.btn-context .context-summary > .context-course > span:first-child >span:first-child{
    background-color: var(--cs-emphasis-bg-color);
    color: var(--cs-emphasis-text-color);
    padding: 0 .25rem;
    border-radius: .25rem;
}

.btn-context .context-summary > .context-course > span:first-child >span:nth-child(2){
    background-color: var(--cs-hover-bg-color);
    color: var(--cs-hover-text-color);
    border-radius: .25rem;
    padding: 0 .25rem;
    border-radius: .25rem;    
}


.list-group.context-course .list-group-text>span:nth-child(2){
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-grow: 1;
    text-align: left;
}

.list-group.context-course{
    overflow-x: hidden;
    overflow-y: scroll;
    flex-grow: 1;
    max-width: 100%;
    min-width: 20rem;
}

.quick-view.person{
    display: flex;
}
.quick-view.person>.picture>img{
    display: flex;
    width: 4rem;
    height: 4rem;
    overflow: hidden;
    align-items: flex-start;
    border-radius: 50%;
    justify-content: center;
    margin:.4em;
}
.quick-view.person>.data{
    display:flex;
    flex-direction: column;
    justify-content: center;
}
.quick-view.person>.data>span{
    font-size: .7em;
    word-wrap: anywhere;
    padding: 0 1rem;
    margin: .25rem 0;
    line-height: 1;
}
.quick-view.person>.data>.field-shortname{
    font-size: 1.5em;
    padding: 0 0;
}

.wd-1   {width:1%;  min-width:1%;  }
.wd-2   {width:2%;  min-width:2%;  }
.wd-3   {width:3%;  min-width:3%;  }
.wd-4   {width:4%;  min-width:4%;  }
.wd-5   {width:5%;  min-width:5%;  }
.wd-6   {width:6%;  min-width:6%;  }
.wd-7   {width:7%;  min-width:7%;  }
.wd-8   {width:8%;  min-width:8%;  }
.wd-9   {width:9%;  min-width:9%;  }
.wd-10  {width:10%; min-width:10%; }
.wd-11  {width:11%; min-width:11%; }
.wd-12  {width:12%; min-width:12%; }
.wd-13  {width:13%; min-width:13%; }
.wd-14  {width:14%; min-width:14%; }
.wd-15  {width:15%; min-width:15%; }
.wd-16  {width:16%; min-width:16%; }
.wd-17  {width:17%; min-width:17%; }
.wd-18  {width:18%; min-width:18%; }
.wd-19  {width:19%; min-width:19%; }
.wd-20  {width:20%; min-width:20%; }
.wd-21  {width:21%; min-width:21%; }
.wd-22  {width:22%; min-width:22%; }
.wd-23  {width:23%; min-width:23%; }
.wd-24  {width:24%; min-width:24%; }
.wd-25  {width:25%; min-width:25%; }
.wd-26  {width:26%; min-width:26%; }
.wd-27  {width:27%; min-width:27%; }
.wd-28  {width:28%; min-width:28%; }
.wd-29  {width:29%; min-width:29%; }
.wd-30  {width:30%; min-width:30%; }
.wd-31  {width:31%; min-width:31%; }
.wd-32  {width:32%; min-width:32%; }
.wd-33  {width:33%; min-width:33%; }
.wd-34  {width:34%; min-width:34%; }
.wd-35  {width:35%; min-width:35%; }
.wd-36  {width:36%; min-width:36%; }
.wd-37  {width:37%; min-width:37%; }
.wd-38  {width:38%; min-width:38%; }
.wd-39  {width:39%; min-width:39%; }
.wd-40  {width:40%; min-width:40%; }
.wd-41  {width:41%; min-width:41%; }
.wd-42  {width:42%; min-width:42%; }
.wd-43  {width:43%; min-width:43%; }
.wd-44  {width:44%; min-width:44%; }
.wd-45  {width:45%; min-width:45%; }
.wd-46  {width:46%; min-width:46%; }
.wd-47  {width:47%; min-width:47%; }
.wd-48  {width:48%; min-width:48%; }
.wd-49  {width:49%; min-width:49%; }
.wd-50  {width:50%; min-width:50%; }
.wd-51  {width:51%; min-width:51%; }
.wd-52  {width:52%; min-width:52%; }
.wd-53  {width:53%; min-width:53%; }
.wd-54  {width:54%; min-width:54%; }
.wd-55  {width:55%; min-width:55%; }
.wd-56  {width:56%; min-width:56%; }
.wd-57  {width:57%; min-width:57%; }
.wd-58  {width:58%; min-width:58%; }
.wd-59  {width:59%; min-width:59%; }
.wd-60  {width:60%; min-width:60%; }
.wd-61  {width:61%; min-width:61%; }
.wd-62  {width:62%; min-width:62%; }
.wd-63  {width:63%; min-width:63%; }
.wd-64  {width:64%; min-width:64%; }
.wd-65  {width:65%; min-width:65%; }
.wd-66  {width:66%; min-width:66%; }
.wd-67  {width:67%; min-width:67%; }
.wd-68  {width:68%; min-width:68%; }
.wd-69  {width:69%; min-width:69%; }
.wd-70  {width:70%; min-width:70%; }
.wd-71  {width:71%; min-width:71%; }
.wd-72  {width:72%; min-width:72%; }
.wd-73  {width:73%; min-width:73%; }
.wd-74  {width:74%; min-width:74%; }
.wd-75  {width:75%; min-width:75%; }
.wd-76  {width:76%; min-width:76%; }
.wd-77  {width:77%; min-width:77%; }
.wd-78  {width:78%; min-width:78%; }
.wd-79  {width:79%; min-width:79%; }
.wd-80  {width:80%; min-width:80%; }
.wd-81  {width:81%; min-width:81%; }
.wd-82  {width:82%; min-width:82%; }
.wd-83  {width:83%; min-width:83%; }
.wd-84  {width:84%; min-width:84%; }
.wd-85  {width:85%; min-width:85%; }
.wd-86  {width:86%; min-width:86%; }
.wd-87  {width:87%; min-width:87%; }
.wd-88  {width:88%; min-width:88%; }
.wd-89  {width:89%; min-width:89%; }
.wd-90  {width:90%; min-width:90%; }
.wd-91  {width:91%; min-width:91%; }
.wd-92  {width:92%; min-width:92%; }
.wd-93  {width:93%; min-width:93%; }
.wd-94  {width:94%; min-width:94%; }
.wd-95  {width:95%; min-width:95%; }
.wd-96  {width:96%; min-width:96%; }
.wd-97  {width:97%; min-width:97%; }
.wd-98  {width:98%; min-width:98%; }
.wd-99  {width:99%; min-width:99%; }
.wd-100 {width:100%;min-width:100%;}

.mwd-1   {min-width:1%;}
.mwd-2   {min-width:2%;}
.mwd-3   {min-width:3%;}
.mwd-4   {min-width:4%;}
.mwd-5   {min-width:5%;}
.mwd-6   {min-width:6%;}
.mwd-7   {min-width:7%;}
.mwd-8   {min-width:8%;}
.mwd-9   {min-width:9%;}
.mwd-10  {min-width:10%;}
.mwd-11  {min-width:11%;}
.mwd-12  {min-width:12%;}
.mwd-13  {min-width:13%;}
.mwd-14  {min-width:14%;}
.mwd-15  {min-width:15%;}
.mwd-16  {min-width:16%;}
.mwd-17  {min-width:17%;}
.mwd-18  {min-width:18%;}
.mwd-19  {min-width:19%;}
.mwd-20  {min-width:20%;}
.mwd-21  {min-width:21%;}
.mwd-22  {min-width:22%;}
.mwd-23  {min-width:23%;}
.mwd-24  {min-width:24%;}
.mwd-25  {min-width:25%;}
.mwd-26  {min-width:26%;}
.mwd-27  {min-width:27%;}
.mwd-28  {min-width:28%;}
.mwd-29  {min-width:29%;}
.mwd-30  {min-width:30%;}
.mwd-31  {min-width:31%;}
.mwd-32  {min-width:32%;}
.mwd-33  {min-width:33%;}
.mwd-34  {min-width:34%;}
.mwd-35  {min-width:35%;}
.mwd-36  {min-width:36%;}
.mwd-37  {min-width:37%;}
.mwd-38  {min-width:38%;}
.mwd-39  {min-width:39%;}
.mwd-40  {min-width:40%;}
.mwd-41  {min-width:41%;}
.mwd-42  {min-width:42%;}
.mwd-43  {min-width:43%;}
.mwd-44  {min-width:44%;}
.mwd-45  {min-width:45%;}
.mwd-46  {min-width:46%;}
.mwd-47  {min-width:47%;}
.mwd-48  {min-width:48%;}
.mwd-49  {min-width:49%;}
.mwd-50  {min-width:50%;}
.mwd-51  {min-width:51%;}
.mwd-52  {min-width:52%;}
.mwd-53  {min-width:53%;}
.mwd-54  {min-width:54%;}
.mwd-55  {min-width:55%;}
.mwd-56  {min-width:56%;}
.mwd-57  {min-width:57%;}
.mwd-58  {min-width:58%;}
.mwd-59  {min-width:59%;}
.mwd-60  {min-width:60%;}
.mwd-61  {min-width:61%;}
.mwd-62  {min-width:62%;}
.mwd-63  {min-width:63%;}
.mwd-64  {min-width:64%;}
.mwd-65  {min-width:65%;}
.mwd-66  {min-width:66%;}
.mwd-67  {min-width:67%;}
.mwd-68  {min-width:68%;}
.mwd-69  {min-width:69%;}
.mwd-70  {min-width:70%;}
.mwd-71  {min-width:71%;}
.mwd-72  {min-width:72%;}
.mwd-73  {min-width:73%;}
.mwd-74  {min-width:74%;}
.mwd-75  {min-width:75%;}
.mwd-76  {min-width:76%;}
.mwd-77  {min-width:77%;}
.mwd-78  {min-width:78%;}
.mwd-79  {min-width:79%;}
.mwd-80  {min-width:80%;}
.mwd-81  {min-width:81%;}
.mwd-82  {min-width:82%;}
.mwd-83  {min-width:83%;}
.mwd-84  {min-width:84%;}
.mwd-85  {min-width:85%;}
.mwd-86  {min-width:86%;}
.mwd-87  {min-width:87%;}
.mwd-88  {min-width:88%;}
.mwd-89  {min-width:89%;}
.mwd-90  {min-width:90%;}
.mwd-91  {min-width:91%;}
.mwd-92  {min-width:92%;}
.mwd-93  {min-width:93%;}
.mwd-94  {min-width:94%;}
.mwd-95  {min-width:95%;}
.mwd-96  {min-width:96%;}
.mwd-97  {min-width:97%;}
.mwd-98  {min-width:98%;}
.mwd-99  {min-width:99%;}
.mwd-100 {min-width:100%;}

.col-wd-1   {min-width:1%;}
.col-wd-2   {min-width:2%;}
.col-wd-3   {min-width:3%;}
.col-wd-4   {min-width:4%;}
.col-wd-5   {min-width:5%;}
.col-wd-6   {min-width:6%;}
.col-wd-7   {min-width:7%;}
.col-wd-8   {min-width:8%;}
.col-wd-9   {min-width:9%;}
.col-wd-10  {min-width:10%;}
.col-wd-11  {min-width:11%;}
.col-wd-12  {min-width:12%;}
.col-wd-13  {min-width:13%;}
.col-wd-14  {min-width:14%;}
.col-wd-15  {min-width:15%;}
.col-wd-16  {min-width:16%;}
.col-wd-17  {min-width:17%;}
.col-wd-18  {min-width:18%;}
.col-wd-19  {min-width:19%;}
.col-wd-20  {min-width:20%;}
.col-wd-21  {min-width:21%;}
.col-wd-22  {min-width:22%;}
.col-wd-23  {min-width:23%;}
.col-wd-24  {min-width:24%;}
.col-wd-25  {min-width:25%;}
.col-wd-26  {min-width:26%;}
.col-wd-27  {min-width:27%;}
.col-wd-28  {min-width:28%;}
.col-wd-29  {min-width:29%;}
.col-wd-30  {min-width:30%;}
.col-wd-31  {min-width:31%;}
.col-wd-32  {min-width:32%;}
.col-wd-33  {min-width:33%;}
.col-wd-34  {min-width:34%;}
.col-wd-35  {min-width:35%;}
.col-wd-36  {min-width:36%;}
.col-wd-37  {min-width:37%;}
.col-wd-38  {min-width:38%;}
.col-wd-39  {min-width:39%;}
.col-wd-40  {min-width:40%;}
.col-wd-41  {min-width:41%;}
.col-wd-42  {min-width:42%;}
.col-wd-43  {min-width:43%;}
.col-wd-44  {min-width:44%;}
.col-wd-45  {min-width:45%;}
.col-wd-46  {min-width:46%;}
.col-wd-47  {min-width:47%;}
.col-wd-48  {min-width:48%;}
.col-wd-49  {min-width:49%;}
.col-wd-50  {min-width:50%;}
.col-wd-51  {min-width:51%;}
.col-wd-52  {min-width:52%;}
.col-wd-53  {min-width:53%;}
.col-wd-54  {min-width:54%;}
.col-wd-55  {min-width:55%;}
.col-wd-56  {min-width:56%;}
.col-wd-57  {min-width:57%;}
.col-wd-58  {min-width:58%;}
.col-wd-59  {min-width:59%;}
.col-wd-60  {min-width:60%;}
.col-wd-61  {min-width:61%;}
.col-wd-62  {min-width:62%;}
.col-wd-63  {min-width:63%;}
.col-wd-64  {min-width:64%;}
.col-wd-65  {min-width:65%;}
.col-wd-66  {min-width:66%;}
.col-wd-67  {min-width:67%;}
.col-wd-68  {min-width:68%;}
.col-wd-69  {min-width:69%;}
.col-wd-70  {min-width:70%;}
.col-wd-71  {min-width:71%;}
.col-wd-72  {min-width:72%;}
.col-wd-73  {min-width:73%;}
.col-wd-74  {min-width:74%;}
.col-wd-75  {min-width:75%;}
.col-wd-76  {min-width:76%;}
.col-wd-77  {min-width:77%;}
.col-wd-78  {min-width:78%;}
.col-wd-79  {min-width:79%;}
.col-wd-80  {min-width:80%;}
.col-wd-81  {min-width:81%;}
.col-wd-82  {min-width:82%;}
.col-wd-83  {min-width:83%;}
.col-wd-84  {min-width:84%;}
.col-wd-85  {min-width:85%;}
.col-wd-86  {min-width:86%;}
.col-wd-87  {min-width:87%;}
.col-wd-88  {min-width:88%;}
.col-wd-89  {min-width:89%;}
.col-wd-90  {min-width:90%;}
.col-wd-91  {min-width:91%;}
.col-wd-92  {min-width:92%;}
.col-wd-93  {min-width:93%;}
.col-wd-94  {min-width:94%;}
.col-wd-95  {min-width:95%;}
.col-wd-96  {min-width:96%;}
.col-wd-97  {min-width:97%;}
.col-wd-98  {min-width:98%;}
.col-wd-99  {min-width:99%;}
.col-wd-100 {min-width:100%;}

.col-wd-1:not(.grow):not(.col-fld-grow)   {max-width:1%;}
.col-wd-2:not(.grow):not(.col-fld-grow)   {max-width:2%;}
.col-wd-3:not(.grow):not(.col-fld-grow)   {max-width:3%;}
.col-wd-4:not(.grow):not(.col-fld-grow)   {max-width:4%;}
.col-wd-5:not(.grow):not(.col-fld-grow)   {max-width:5%;}
.col-wd-6:not(.grow):not(.col-fld-grow)   {max-width:6%;}
.col-wd-7:not(.grow):not(.col-fld-grow)   {max-width:7%;}
.col-wd-8:not(.grow):not(.col-fld-grow)   {max-width:8%;}
.col-wd-9:not(.grow):not(.col-fld-grow)   {max-width:9%;}
.col-wd-10:not(.grow):not(.col-fld-grow)  {max-width:10%;}
.col-wd-11:not(.grow):not(.col-fld-grow)  {max-width:11%;}
.col-wd-12:not(.grow):not(.col-fld-grow)  {max-width:12%;}
.col-wd-13:not(.grow):not(.col-fld-grow)  {max-width:13%;}
.col-wd-14:not(.grow):not(.col-fld-grow)  {max-width:14%;}
.col-wd-15:not(.grow):not(.col-fld-grow)  {max-width:15%;}
.col-wd-16:not(.grow):not(.col-fld-grow)  {max-width:16%;}
.col-wd-17:not(.grow):not(.col-fld-grow)  {max-width:17%;}
.col-wd-18:not(.grow):not(.col-fld-grow)  {max-width:18%;}
.col-wd-19:not(.grow):not(.col-fld-grow)  {max-width:19%;}
.col-wd-20:not(.grow):not(.col-fld-grow)  {max-width:20%;}
.col-wd-21:not(.grow):not(.col-fld-grow)  {max-width:21%;}
.col-wd-22:not(.grow):not(.col-fld-grow)  {max-width:22%;}
.col-wd-23:not(.grow):not(.col-fld-grow)  {max-width:23%;}
.col-wd-24:not(.grow):not(.col-fld-grow)  {max-width:24%;}
.col-wd-25:not(.grow):not(.col-fld-grow)  {max-width:25%;}
.col-wd-26:not(.grow):not(.col-fld-grow)  {max-width:26%;}
.col-wd-27:not(.grow):not(.col-fld-grow)  {max-width:27%;}
.col-wd-28:not(.grow):not(.col-fld-grow)  {max-width:28%;}
.col-wd-29:not(.grow):not(.col-fld-grow)  {max-width:29%;}
.col-wd-30:not(.grow):not(.col-fld-grow)  {max-width:30%;}
.col-wd-31:not(.grow):not(.col-fld-grow)  {max-width:31%;}
.col-wd-32:not(.grow):not(.col-fld-grow)  {max-width:32%;}
.col-wd-33:not(.grow):not(.col-fld-grow)  {max-width:33%;}
.col-wd-34:not(.grow):not(.col-fld-grow)  {max-width:34%;}
.col-wd-35:not(.grow):not(.col-fld-grow)  {max-width:35%;}
.col-wd-36:not(.grow):not(.col-fld-grow)  {max-width:36%;}
.col-wd-37:not(.grow):not(.col-fld-grow)  {max-width:37%;}
.col-wd-38:not(.grow):not(.col-fld-grow)  {max-width:38%;}
.col-wd-39:not(.grow):not(.col-fld-grow)  {max-width:39%;}
.col-wd-40:not(.grow):not(.col-fld-grow)  {max-width:40%;}
.col-wd-41:not(.grow):not(.col-fld-grow)  {max-width:41%;}
.col-wd-42:not(.grow):not(.col-fld-grow)  {max-width:42%;}
.col-wd-43:not(.grow):not(.col-fld-grow)  {max-width:43%;}
.col-wd-44:not(.grow):not(.col-fld-grow)  {max-width:44%;}
.col-wd-45:not(.grow):not(.col-fld-grow)  {max-width:45%;}
.col-wd-46:not(.grow):not(.col-fld-grow)  {max-width:46%;}
.col-wd-47:not(.grow):not(.col-fld-grow)  {max-width:47%;}
.col-wd-48:not(.grow):not(.col-fld-grow)  {max-width:48%;}
.col-wd-49:not(.grow):not(.col-fld-grow)  {max-width:49%;}
.col-wd-50:not(.grow):not(.col-fld-grow)  {max-width:50%;}
.col-wd-51:not(.grow):not(.col-fld-grow)  {max-width:51%;}
.col-wd-52:not(.grow):not(.col-fld-grow)  {max-width:52%;}
.col-wd-53:not(.grow):not(.col-fld-grow)  {max-width:53%;}
.col-wd-54:not(.grow):not(.col-fld-grow)  {max-width:54%;}
.col-wd-55:not(.grow):not(.col-fld-grow)  {max-width:55%;}
.col-wd-56:not(.grow):not(.col-fld-grow)  {max-width:56%;}
.col-wd-57:not(.grow):not(.col-fld-grow)  {max-width:57%;}
.col-wd-58:not(.grow):not(.col-fld-grow)  {max-width:58%;}
.col-wd-59:not(.grow):not(.col-fld-grow)  {max-width:59%;}
.col-wd-60:not(.grow):not(.col-fld-grow)  {max-width:60%;}
.col-wd-61:not(.grow):not(.col-fld-grow)  {max-width:61%;}
.col-wd-62:not(.grow):not(.col-fld-grow)  {max-width:62%;}
.col-wd-63:not(.grow):not(.col-fld-grow)  {max-width:63%;}
.col-wd-64:not(.grow):not(.col-fld-grow)  {max-width:64%;}
.col-wd-65:not(.grow):not(.col-fld-grow)  {max-width:65%;}
.col-wd-66:not(.grow):not(.col-fld-grow)  {max-width:66%;}
.col-wd-67:not(.grow):not(.col-fld-grow)  {max-width:67%;}
.col-wd-68:not(.grow):not(.col-fld-grow)  {max-width:68%;}
.col-wd-69:not(.grow):not(.col-fld-grow)  {max-width:69%;}
.col-wd-70:not(.grow):not(.col-fld-grow)  {max-width:70%;}
.col-wd-71:not(.grow):not(.col-fld-grow)  {max-width:71%;}
.col-wd-72:not(.grow):not(.col-fld-grow)  {max-width:72%;}
.col-wd-73:not(.grow):not(.col-fld-grow)  {max-width:73%;}
.col-wd-74:not(.grow):not(.col-fld-grow)  {max-width:74%;}
.col-wd-75:not(.grow):not(.col-fld-grow)  {max-width:75%;}
.col-wd-76:not(.grow):not(.col-fld-grow)  {max-width:76%;}
.col-wd-77:not(.grow):not(.col-fld-grow)  {max-width:77%;}
.col-wd-78:not(.grow):not(.col-fld-grow)  {max-width:78%;}
.col-wd-79:not(.grow):not(.col-fld-grow)  {max-width:79%;}
.col-wd-80:not(.grow):not(.col-fld-grow)  {max-width:80%;}
.col-wd-81:not(.grow):not(.col-fld-grow)  {max-width:81%;}
.col-wd-82:not(.grow):not(.col-fld-grow)  {max-width:82%;}
.col-wd-83:not(.grow):not(.col-fld-grow)  {max-width:83%;}
.col-wd-84:not(.grow):not(.col-fld-grow)  {max-width:84%;}
.col-wd-85:not(.grow):not(.col-fld-grow)  {max-width:85%;}
.col-wd-86:not(.grow):not(.col-fld-grow)  {max-width:86%;}
.col-wd-87:not(.grow):not(.col-fld-grow)  {max-width:87%;}
.col-wd-88:not(.grow):not(.col-fld-grow)  {max-width:88%;}
.col-wd-89:not(.grow):not(.col-fld-grow)  {max-width:89%;}
.col-wd-90:not(.grow):not(.col-fld-grow)  {max-width:90%;}
.col-wd-91:not(.grow):not(.col-fld-grow)  {max-width:91%;}
.col-wd-92:not(.grow):not(.col-fld-grow)  {max-width:92%;}
.col-wd-93:not(.grow):not(.col-fld-grow)  {max-width:93%;}
.col-wd-94:not(.grow):not(.col-fld-grow)  {max-width:94%;}
.col-wd-95:not(.grow):not(.col-fld-grow)  {max-width:95%;}
.col-wd-96:not(.grow):not(.col-fld-grow)  {max-width:96%;}
.col-wd-97:not(.grow):not(.col-fld-grow)  {max-width:97%;}
.col-wd-98:not(.grow):not(.col-fld-grow)  {max-width:98%;}
.col-wd-99:not(.grow):not(.col-fld-grow)  {max-width:99%;}
.col-wd-100:not(.grow):not(.col-fld-grow) {max-width:100%;}

@media (min-width: 768px) {
.awd-1,  .table.flex-strech>*>.tr>.col-wd-1   {min-width: 1rem; width: 1rem; }
.awd-2,  .table.flex-strech>*>.tr>.col-wd-2   {min-width: 2rem; width: 2rem; }
.awd-3,  .table.flex-strech>*>.tr>.col-wd-3   {min-width: 3rem; width: 3rem; }
.awd-4,  .table.flex-strech>*>.tr>.col-wd-4   {min-width: 4rem; width: 4rem; }
.awd-5,  .table.flex-strech>*>.tr>.col-wd-5   {min-width: 5rem; width: 5rem; }
.awd-6,  .table.flex-strech>*>.tr>.col-wd-6   {min-width: 6rem; width: 6rem; }
.awd-7,  .table.flex-strech>*>.tr>.col-wd-7   {min-width: 7rem; width: 7rem; }
.awd-8,  .table.flex-strech>*>.tr>.col-wd-8   {min-width: 8rem; width: 8rem; }
.awd-9,  .table.flex-strech>*>.tr>.col-wd-9   {min-width: 9rem; width: 9rem; }
.awd-10,  .table.flex-strech>*>.tr>.col-wd-10  {min-width:10rem; width:10rem; }
.awd-11,  .table.flex-strech>*>.tr>.col-wd-11  {min-width:11rem; width:11rem; }
.awd-12,  .table.flex-strech>*>.tr>.col-wd-12  {min-width:12rem; width:12rem; }
.awd-13,  .table.flex-strech>*>.tr>.col-wd-13  {min-width:13rem; width:13rem; }
.awd-14,  .table.flex-strech>*>.tr>.col-wd-14  {min-width:14rem; width:14rem; }
.awd-15,  .table.flex-strech>*>.tr>.col-wd-15  {min-width:15rem; width:15rem; }
.awd-16,  .table.flex-strech>*>.tr>.col-wd-16  {min-width:16rem; width:16rem; }
.awd-17,  .table.flex-strech>*>.tr>.col-wd-17  {min-width:17rem; width:17rem; }
.awd-18,  .table.flex-strech>*>.tr>.col-wd-18  {min-width:18rem; width:18rem; }
.awd-19,  .table.flex-strech>*>.tr>.col-wd-19  {min-width:19rem; width:19rem; }
.awd-20,  .table.flex-strech>*>.tr>.col-wd-20  {min-width:20rem; width:20rem; }
.awd-21,  .table.flex-strech>*>.tr>.col-wd-21  {min-width:21rem; width:21rem; }
.awd-22,  .table.flex-strech>*>.tr>.col-wd-22  {min-width:22rem; width:22rem; }
.awd-23,  .table.flex-strech>*>.tr>.col-wd-23  {min-width:23rem; width:23rem; }
.awd-24,  .table.flex-strech>*>.tr>.col-wd-24  {min-width:24rem; width:24rem; }
.awd-25,  .table.flex-strech>*>.tr>.col-wd-25  {min-width:25rem; width:25rem; }
.awd-26,  .table.flex-strech>*>.tr>.col-wd-26  {min-width:26rem; width:26rem; }
.awd-27,  .table.flex-strech>*>.tr>.col-wd-27  {min-width:27rem; width:27rem; }
.awd-28,  .table.flex-strech>*>.tr>.col-wd-28  {min-width:28rem; width:28rem; }
.awd-29,  .table.flex-strech>*>.tr>.col-wd-29  {min-width:29rem; width:29rem; }
.awd-30,  .table.flex-strech>*>.tr>.col-wd-30  {min-width:30rem; width:30rem; }
.awd-31,  .table.flex-strech>*>.tr>.col-wd-31  {min-width:31rem; width:31rem; }
.awd-32,  .table.flex-strech>*>.tr>.col-wd-32  {min-width:32rem; width:32rem; }
.awd-33,  .table.flex-strech>*>.tr>.col-wd-33  {min-width:33rem; width:33rem; }
.awd-34,  .table.flex-strech>*>.tr>.col-wd-34  {min-width:34rem; width:34rem; }
.awd-35,  .table.flex-strech>*>.tr>.col-wd-35  {min-width:35rem; width:35rem; }
.awd-36,  .table.flex-strech>*>.tr>.col-wd-36  {min-width:36rem; width:36rem; }
.awd-37,  .table.flex-strech>*>.tr>.col-wd-37  {min-width:37rem; width:37rem; }
.awd-38,  .table.flex-strech>*>.tr>.col-wd-38  {min-width:38rem; width:38rem; }
.awd-39,  .table.flex-strech>*>.tr>.col-wd-39  {min-width:39rem; width:39rem; }
.awd-40,  .table.flex-strech>*>.tr>.col-wd-40  {min-width:40rem; width:40rem; }
.awd-41,  .table.flex-strech>*>.tr>.col-wd-41  {min-width:41rem; width:41rem; }
.awd-42,  .table.flex-strech>*>.tr>.col-wd-42  {min-width:42rem; width:42rem; }
.awd-43,  .table.flex-strech>*>.tr>.col-wd-43  {min-width:43rem; width:43rem; }
.awd-44,  .table.flex-strech>*>.tr>.col-wd-44  {min-width:44rem; width:44rem; }
.awd-45,  .table.flex-strech>*>.tr>.col-wd-45  {min-width:45rem; width:45rem; }
.awd-46,  .table.flex-strech>*>.tr>.col-wd-46  {min-width:46rem; width:46rem; }
.awd-47,  .table.flex-strech>*>.tr>.col-wd-47  {min-width:47rem; width:47rem; }
.awd-48,  .table.flex-strech>*>.tr>.col-wd-48  {min-width:48rem; width:48rem; }
.awd-49,  .table.flex-strech>*>.tr>.col-wd-49  {min-width:49rem; width:49rem; }
.awd-50,  .table.flex-strech>*>.tr>.col-wd-50  {min-width:50rem; width:50rem; }
.awd-51,  .table.flex-strech>*>.tr>.col-wd-51  {min-width:51rem; width:51rem; }
.awd-52,  .table.flex-strech>*>.tr>.col-wd-52  {min-width:52rem; width:52rem; }
.awd-53,  .table.flex-strech>*>.tr>.col-wd-53  {min-width:53rem; width:53rem; }
.awd-54,  .table.flex-strech>*>.tr>.col-wd-54  {min-width:54rem; width:54rem; }
.awd-55,  .table.flex-strech>*>.tr>.col-wd-55  {min-width:55rem; width:55rem; }
.awd-56,  .table.flex-strech>*>.tr>.col-wd-56  {min-width:56rem; width:56rem; }
.awd-57,  .table.flex-strech>*>.tr>.col-wd-57  {min-width:57rem; width:57rem; }
.awd-58,  .table.flex-strech>*>.tr>.col-wd-58  {min-width:58rem; width:58rem; }
.awd-59,  .table.flex-strech>*>.tr>.col-wd-59  {min-width:59rem; width:59rem; }
.awd-60,  .table.flex-strech>*>.tr>.col-wd-60  {min-width:60rem; width:60rem; }
.awd-61,  .table.flex-strech>*>.tr>.col-wd-61  {min-width:61rem; width:61rem; }
.awd-62,  .table.flex-strech>*>.tr>.col-wd-62  {min-width:62rem; width:62rem; }
.awd-63,  .table.flex-strech>*>.tr>.col-wd-63  {min-width:63rem; width:63rem; }
.awd-64,  .table.flex-strech>*>.tr>.col-wd-64  {min-width:64rem; width:64rem; }
.awd-65,  .table.flex-strech>*>.tr>.col-wd-65  {min-width:65rem; width:65rem; }
.awd-66,  .table.flex-strech>*>.tr>.col-wd-66  {min-width:66rem; width:66rem; }
.awd-67,  .table.flex-strech>*>.tr>.col-wd-67  {min-width:67rem; width:67rem; }
.awd-68,  .table.flex-strech>*>.tr>.col-wd-68  {min-width:68rem; width:68rem; }
.awd-69,  .table.flex-strech>*>.tr>.col-wd-69  {min-width:69rem; width:69rem; }
.awd-70,  .table.flex-strech>*>.tr>.col-wd-70  {min-width:70rem; width:70rem; }
.awd-71,  .table.flex-strech>*>.tr>.col-wd-71  {min-width:71rem; width:71rem; }
.awd-72,  .table.flex-strech>*>.tr>.col-wd-72  {min-width:72rem; width:72rem; }
.awd-73,  .table.flex-strech>*>.tr>.col-wd-73  {min-width:73rem; width:73rem; }
.awd-74,  .table.flex-strech>*>.tr>.col-wd-74  {min-width:74rem; width:74rem; }
.awd-75,  .table.flex-strech>*>.tr>.col-wd-75  {min-width:75rem; width:75rem; }
.awd-76,  .table.flex-strech>*>.tr>.col-wd-76  {min-width:76rem; width:76rem; }
.awd-77,  .table.flex-strech>*>.tr>.col-wd-77  {min-width:77rem; width:77rem; }
.awd-78,  .table.flex-strech>*>.tr>.col-wd-78  {min-width:78rem; width:78rem; }
.awd-79,  .table.flex-strech>*>.tr>.col-wd-79  {min-width:79rem; width:79rem; }
.awd-80,  .table.flex-strech>*>.tr>.col-wd-80  {min-width:80rem; width:80rem; }
.awd-81,  .table.flex-strech>*>.tr>.col-wd-81  {min-width:81rem; width:81rem; }
.awd-82,  .table.flex-strech>*>.tr>.col-wd-82  {min-width:82rem; width:82rem; }
.awd-83,  .table.flex-strech>*>.tr>.col-wd-83  {min-width:83rem; width:83rem; }
.awd-84,  .table.flex-strech>*>.tr>.col-wd-84  {min-width:84rem; width:84rem; }
.awd-85,  .table.flex-strech>*>.tr>.col-wd-85  {min-width:85rem; width:85rem; }
.awd-86,  .table.flex-strech>*>.tr>.col-wd-86  {min-width:86rem; width:86rem; }
.awd-87,  .table.flex-strech>*>.tr>.col-wd-87  {min-width:87rem; width:87rem; }
.awd-88,  .table.flex-strech>*>.tr>.col-wd-88  {min-width:88rem; width:88rem; }
.awd-89,  .table.flex-strech>*>.tr>.col-wd-89  {min-width:89rem; width:89rem; }
.awd-90,  .table.flex-strech>*>.tr>.col-wd-90  {min-width:90rem; width:90rem; }
.awd-91,  .table.flex-strech>*>.tr>.col-wd-91  {min-width:91rem; width:91rem; }
.awd-92,  .table.flex-strech>*>.tr>.col-wd-92  {min-width:92rem; width:92rem; }
.awd-93,  .table.flex-strech>*>.tr>.col-wd-93  {min-width:93rem; width:93rem; }
.awd-94,  .table.flex-strech>*>.tr>.col-wd-94  {min-width:94rem; width:94rem; }
.awd-95,  .table.flex-strech>*>.tr>.col-wd-95  {min-width:95rem; width:95rem; }
.awd-96,  .table.flex-strech>*>.tr>.col-wd-96  {min-width:96rem; width:96rem; }
.awd-97,  .table.flex-strech>*>.tr>.col-wd-97  {min-width:97rem; width:97rem; }
.awd-98,  .table.flex-strech>*>.tr>.col-wd-98  {min-width:98rem; width:98rem; }
.awd-99,  .table.flex-strech>*>.tr>.col-wd-99  {min-width:99rem; width:99rem; }
.awd-100, .table.flex-strech>*>.tr>.col-wd-100 {min-width:100rem;width:100rem;}
.table.scheme-grid .tr>.col-wd-1  , .table.scheme-grid .tr>.col-wd-1   .input_envelope.input_text .input-display-wrapper>p{width:  1rem;min-width:  1rem;}
.table.scheme-grid .tr>.col-wd-2  , .table.scheme-grid .tr>.col-wd-2   .input_envelope.input_text .input-display-wrapper>p{width:  2rem;min-width:  2rem;}
.table.scheme-grid .tr>.col-wd-3  , .table.scheme-grid .tr>.col-wd-3   .input_envelope.input_text .input-display-wrapper>p{width:  3rem;min-width:  3rem;}
.table.scheme-grid .tr>.col-wd-4  , .table.scheme-grid .tr>.col-wd-4   .input_envelope.input_text .input-display-wrapper>p{width:  4rem;min-width:  4rem;}
.table.scheme-grid .tr>.col-wd-5  , .table.scheme-grid .tr>.col-wd-5   .input_envelope.input_text .input-display-wrapper>p{width:  5rem;min-width:  5rem;}
.table.scheme-grid .tr>.col-wd-6  , .table.scheme-grid .tr>.col-wd-6   .input_envelope.input_text .input-display-wrapper>p{width:  6rem;min-width:  6rem;}
.table.scheme-grid .tr>.col-wd-7  , .table.scheme-grid .tr>.col-wd-7   .input_envelope.input_text .input-display-wrapper>p{width:  7rem;min-width:  7rem;}
.table.scheme-grid .tr>.col-wd-8  , .table.scheme-grid .tr>.col-wd-8   .input_envelope.input_text .input-display-wrapper>p{width:  8rem;min-width:  8rem;}
.table.scheme-grid .tr>.col-wd-9  , .table.scheme-grid .tr>.col-wd-9   .input_envelope.input_text .input-display-wrapper>p{width:  9rem;min-width:  9rem;}
.table.scheme-grid .tr>.col-wd-10 , .table.scheme-grid .tr>.col-wd-10  .input_envelope.input_text .input-display-wrapper>p{width: 10rem;min-width: 10rem;}
.table.scheme-grid .tr>.col-wd-11 , .table.scheme-grid .tr>.col-wd-11  .input_envelope.input_text .input-display-wrapper>p{width: 11rem;min-width: 11rem;}
.table.scheme-grid .tr>.col-wd-12 , .table.scheme-grid .tr>.col-wd-12  .input_envelope.input_text .input-display-wrapper>p{width: 12rem;min-width: 12rem;}
.table.scheme-grid .tr>.col-wd-13 , .table.scheme-grid .tr>.col-wd-13  .input_envelope.input_text .input-display-wrapper>p{width: 13rem;min-width: 13rem;}
.table.scheme-grid .tr>.col-wd-14 , .table.scheme-grid .tr>.col-wd-14  .input_envelope.input_text .input-display-wrapper>p{width: 14rem;min-width: 14rem;}
.table.scheme-grid .tr>.col-wd-15 , .table.scheme-grid .tr>.col-wd-15  .input_envelope.input_text .input-display-wrapper>p{width: 15rem;min-width: 15rem;}
.table.scheme-grid .tr>.col-wd-16 , .table.scheme-grid .tr>.col-wd-16  .input_envelope.input_text .input-display-wrapper>p{width: 16rem;min-width: 16rem;}
.table.scheme-grid .tr>.col-wd-17 , .table.scheme-grid .tr>.col-wd-17  .input_envelope.input_text .input-display-wrapper>p{width: 17rem;min-width: 17rem;}
.table.scheme-grid .tr>.col-wd-18 , .table.scheme-grid .tr>.col-wd-18  .input_envelope.input_text .input-display-wrapper>p{width: 18rem;min-width: 18rem;}
.table.scheme-grid .tr>.col-wd-19 , .table.scheme-grid .tr>.col-wd-19  .input_envelope.input_text .input-display-wrapper>p{width: 19rem;min-width: 19rem;}
.table.scheme-grid .tr>.col-wd-20 , .table.scheme-grid .tr>.col-wd-20  .input_envelope.input_text .input-display-wrapper>p{width: 20rem;min-width: 20rem;}
.table.scheme-grid .tr>.col-wd-21 , .table.scheme-grid .tr>.col-wd-21  .input_envelope.input_text .input-display-wrapper>p{width: 21rem;min-width: 21rem;}
.table.scheme-grid .tr>.col-wd-22 , .table.scheme-grid .tr>.col-wd-22  .input_envelope.input_text .input-display-wrapper>p{width: 22rem;min-width: 22rem;}
.table.scheme-grid .tr>.col-wd-23 , .table.scheme-grid .tr>.col-wd-23  .input_envelope.input_text .input-display-wrapper>p{width: 23rem;min-width: 23rem;}
.table.scheme-grid .tr>.col-wd-24 , .table.scheme-grid .tr>.col-wd-24  .input_envelope.input_text .input-display-wrapper>p{width: 24rem;min-width: 24rem;}
.table.scheme-grid .tr>.col-wd-25 , .table.scheme-grid .tr>.col-wd-25  .input_envelope.input_text .input-display-wrapper>p{width: 25rem;min-width: 25rem;}
.table.scheme-grid .tr>.col-wd-26 , .table.scheme-grid .tr>.col-wd-26  .input_envelope.input_text .input-display-wrapper>p{width: 26rem;min-width: 26rem;}
.table.scheme-grid .tr>.col-wd-27 , .table.scheme-grid .tr>.col-wd-27  .input_envelope.input_text .input-display-wrapper>p{width: 27rem;min-width: 27rem;}
.table.scheme-grid .tr>.col-wd-28 , .table.scheme-grid .tr>.col-wd-28  .input_envelope.input_text .input-display-wrapper>p{width: 28rem;min-width: 28rem;}
.table.scheme-grid .tr>.col-wd-29 , .table.scheme-grid .tr>.col-wd-29  .input_envelope.input_text .input-display-wrapper>p{width: 29rem;min-width: 29rem;}
.table.scheme-grid .tr>.col-wd-30 , .table.scheme-grid .tr>.col-wd-30  .input_envelope.input_text .input-display-wrapper>p{width: 30rem;min-width: 30rem;}
.table.scheme-grid .tr>.col-wd-31 , .table.scheme-grid .tr>.col-wd-31  .input_envelope.input_text .input-display-wrapper>p{width: 31rem;min-width: 31rem;}
.table.scheme-grid .tr>.col-wd-32 , .table.scheme-grid .tr>.col-wd-32  .input_envelope.input_text .input-display-wrapper>p{width: 32rem;min-width: 32rem;}
.table.scheme-grid .tr>.col-wd-33 , .table.scheme-grid .tr>.col-wd-33  .input_envelope.input_text .input-display-wrapper>p{width: 33rem;min-width: 33rem;}
.table.scheme-grid .tr>.col-wd-34 , .table.scheme-grid .tr>.col-wd-34  .input_envelope.input_text .input-display-wrapper>p{width: 34rem;min-width: 34rem;}
.table.scheme-grid .tr>.col-wd-35 , .table.scheme-grid .tr>.col-wd-35  .input_envelope.input_text .input-display-wrapper>p{width: 35rem;min-width: 35rem;}
.table.scheme-grid .tr>.col-wd-36 , .table.scheme-grid .tr>.col-wd-36  .input_envelope.input_text .input-display-wrapper>p{width: 36rem;min-width: 36rem;}
.table.scheme-grid .tr>.col-wd-37 , .table.scheme-grid .tr>.col-wd-37  .input_envelope.input_text .input-display-wrapper>p{width: 37rem;min-width: 37rem;}
.table.scheme-grid .tr>.col-wd-38 , .table.scheme-grid .tr>.col-wd-38  .input_envelope.input_text .input-display-wrapper>p{width: 38rem;min-width: 38rem;}
.table.scheme-grid .tr>.col-wd-39 , .table.scheme-grid .tr>.col-wd-39  .input_envelope.input_text .input-display-wrapper>p{width: 39rem;min-width: 39rem;}
.table.scheme-grid .tr>.col-wd-40 , .table.scheme-grid .tr>.col-wd-40  .input_envelope.input_text .input-display-wrapper>p{width: 40rem;min-width: 40rem;}
.table.scheme-grid .tr>.col-wd-41 , .table.scheme-grid .tr>.col-wd-41  .input_envelope.input_text .input-display-wrapper>p{width: 41rem;min-width: 41rem;}
.table.scheme-grid .tr>.col-wd-42 , .table.scheme-grid .tr>.col-wd-42  .input_envelope.input_text .input-display-wrapper>p{width: 42rem;min-width: 42rem;}
.table.scheme-grid .tr>.col-wd-43 , .table.scheme-grid .tr>.col-wd-43  .input_envelope.input_text .input-display-wrapper>p{width: 43rem;min-width: 43rem;}
.table.scheme-grid .tr>.col-wd-44 , .table.scheme-grid .tr>.col-wd-44  .input_envelope.input_text .input-display-wrapper>p{width: 44rem;min-width: 44rem;}
.table.scheme-grid .tr>.col-wd-45 , .table.scheme-grid .tr>.col-wd-45  .input_envelope.input_text .input-display-wrapper>p{width: 45rem;min-width: 45rem;}
.table.scheme-grid .tr>.col-wd-46 , .table.scheme-grid .tr>.col-wd-46  .input_envelope.input_text .input-display-wrapper>p{width: 46rem;min-width: 46rem;}
.table.scheme-grid .tr>.col-wd-47 , .table.scheme-grid .tr>.col-wd-47  .input_envelope.input_text .input-display-wrapper>p{width: 47rem;min-width: 47rem;}
.table.scheme-grid .tr>.col-wd-48 , .table.scheme-grid .tr>.col-wd-48  .input_envelope.input_text .input-display-wrapper>p{width: 48rem;min-width: 48rem;}
.table.scheme-grid .tr>.col-wd-49 , .table.scheme-grid .tr>.col-wd-49  .input_envelope.input_text .input-display-wrapper>p{width: 49rem;min-width: 49rem;}
.table.scheme-grid .tr>.col-wd-50 , .table.scheme-grid .tr>.col-wd-50  .input_envelope.input_text .input-display-wrapper>p{width: 50rem;min-width: 50rem;}
.table.scheme-grid .tr>.col-wd-51 , .table.scheme-grid .tr>.col-wd-51  .input_envelope.input_text .input-display-wrapper>p{width: 51rem;min-width: 51rem;}
.table.scheme-grid .tr>.col-wd-52 , .table.scheme-grid .tr>.col-wd-52  .input_envelope.input_text .input-display-wrapper>p{width: 52rem;min-width: 52rem;}
.table.scheme-grid .tr>.col-wd-53 , .table.scheme-grid .tr>.col-wd-53  .input_envelope.input_text .input-display-wrapper>p{width: 53rem;min-width: 53rem;}
.table.scheme-grid .tr>.col-wd-54 , .table.scheme-grid .tr>.col-wd-54  .input_envelope.input_text .input-display-wrapper>p{width: 54rem;min-width: 54rem;}
.table.scheme-grid .tr>.col-wd-55 , .table.scheme-grid .tr>.col-wd-55  .input_envelope.input_text .input-display-wrapper>p{width: 55rem;min-width: 55rem;}
.table.scheme-grid .tr>.col-wd-56 , .table.scheme-grid .tr>.col-wd-56  .input_envelope.input_text .input-display-wrapper>p{width: 56rem;min-width: 56rem;}
.table.scheme-grid .tr>.col-wd-57 , .table.scheme-grid .tr>.col-wd-57  .input_envelope.input_text .input-display-wrapper>p{width: 57rem;min-width: 57rem;}
.table.scheme-grid .tr>.col-wd-58 , .table.scheme-grid .tr>.col-wd-58  .input_envelope.input_text .input-display-wrapper>p{width: 58rem;min-width: 58rem;}
.table.scheme-grid .tr>.col-wd-59 , .table.scheme-grid .tr>.col-wd-59  .input_envelope.input_text .input-display-wrapper>p{width: 59rem;min-width: 59rem;}
.table.scheme-grid .tr>.col-wd-60 , .table.scheme-grid .tr>.col-wd-60  .input_envelope.input_text .input-display-wrapper>p{width: 60rem;min-width: 60rem;}
.table.scheme-grid .tr>.col-wd-61 , .table.scheme-grid .tr>.col-wd-61  .input_envelope.input_text .input-display-wrapper>p{width: 61rem;min-width: 61rem;}
.table.scheme-grid .tr>.col-wd-62 , .table.scheme-grid .tr>.col-wd-62  .input_envelope.input_text .input-display-wrapper>p{width: 62rem;min-width: 62rem;}
.table.scheme-grid .tr>.col-wd-63 , .table.scheme-grid .tr>.col-wd-63  .input_envelope.input_text .input-display-wrapper>p{width: 63rem;min-width: 63rem;}
.table.scheme-grid .tr>.col-wd-64 , .table.scheme-grid .tr>.col-wd-64  .input_envelope.input_text .input-display-wrapper>p{width: 64rem;min-width: 64rem;}
.table.scheme-grid .tr>.col-wd-65 , .table.scheme-grid .tr>.col-wd-65  .input_envelope.input_text .input-display-wrapper>p{width: 65rem;min-width: 65rem;}
.table.scheme-grid .tr>.col-wd-66 , .table.scheme-grid .tr>.col-wd-66  .input_envelope.input_text .input-display-wrapper>p{width: 66rem;min-width: 66rem;}
.table.scheme-grid .tr>.col-wd-67 , .table.scheme-grid .tr>.col-wd-67  .input_envelope.input_text .input-display-wrapper>p{width: 67rem;min-width: 67rem;}
.table.scheme-grid .tr>.col-wd-68 , .table.scheme-grid .tr>.col-wd-68  .input_envelope.input_text .input-display-wrapper>p{width: 68rem;min-width: 68rem;}
.table.scheme-grid .tr>.col-wd-69 , .table.scheme-grid .tr>.col-wd-69  .input_envelope.input_text .input-display-wrapper>p{width: 69rem;min-width: 69rem;}
.table.scheme-grid .tr>.col-wd-70 , .table.scheme-grid .tr>.col-wd-70  .input_envelope.input_text .input-display-wrapper>p{width: 70rem;min-width: 70rem;}
.table.scheme-grid .tr>.col-wd-71 , .table.scheme-grid .tr>.col-wd-71  .input_envelope.input_text .input-display-wrapper>p{width: 71rem;min-width: 71rem;}
.table.scheme-grid .tr>.col-wd-72 , .table.scheme-grid .tr>.col-wd-72  .input_envelope.input_text .input-display-wrapper>p{width: 72rem;min-width: 72rem;}
.table.scheme-grid .tr>.col-wd-73 , .table.scheme-grid .tr>.col-wd-73  .input_envelope.input_text .input-display-wrapper>p{width: 73rem;min-width: 73rem;}
.table.scheme-grid .tr>.col-wd-74 , .table.scheme-grid .tr>.col-wd-74  .input_envelope.input_text .input-display-wrapper>p{width: 74rem;min-width: 74rem;}
.table.scheme-grid .tr>.col-wd-75 , .table.scheme-grid .tr>.col-wd-75  .input_envelope.input_text .input-display-wrapper>p{width: 75rem;min-width: 75rem;}
.table.scheme-grid .tr>.col-wd-76 , .table.scheme-grid .tr>.col-wd-76  .input_envelope.input_text .input-display-wrapper>p{width: 76rem;min-width: 76rem;}
.table.scheme-grid .tr>.col-wd-77 , .table.scheme-grid .tr>.col-wd-77  .input_envelope.input_text .input-display-wrapper>p{width: 77rem;min-width: 77rem;}
.table.scheme-grid .tr>.col-wd-78 , .table.scheme-grid .tr>.col-wd-78  .input_envelope.input_text .input-display-wrapper>p{width: 78rem;min-width: 78rem;}
.table.scheme-grid .tr>.col-wd-79 , .table.scheme-grid .tr>.col-wd-79  .input_envelope.input_text .input-display-wrapper>p{width: 79rem;min-width: 79rem;}
.table.scheme-grid .tr>.col-wd-80 , .table.scheme-grid .tr>.col-wd-80  .input_envelope.input_text .input-display-wrapper>p{width: 80rem;min-width: 80rem;}
.table.scheme-grid .tr>.col-wd-81 , .table.scheme-grid .tr>.col-wd-81  .input_envelope.input_text .input-display-wrapper>p{width: 81rem;min-width: 81rem;}
.table.scheme-grid .tr>.col-wd-82 , .table.scheme-grid .tr>.col-wd-82  .input_envelope.input_text .input-display-wrapper>p{width: 82rem;min-width: 82rem;}
.table.scheme-grid .tr>.col-wd-83 , .table.scheme-grid .tr>.col-wd-83  .input_envelope.input_text .input-display-wrapper>p{width: 83rem;min-width: 83rem;}
.table.scheme-grid .tr>.col-wd-84 , .table.scheme-grid .tr>.col-wd-84  .input_envelope.input_text .input-display-wrapper>p{width: 84rem;min-width: 84rem;}
.table.scheme-grid .tr>.col-wd-85 , .table.scheme-grid .tr>.col-wd-85  .input_envelope.input_text .input-display-wrapper>p{width: 85rem;min-width: 85rem;}
.table.scheme-grid .tr>.col-wd-86 , .table.scheme-grid .tr>.col-wd-86  .input_envelope.input_text .input-display-wrapper>p{width: 86rem;min-width: 86rem;}
.table.scheme-grid .tr>.col-wd-87 , .table.scheme-grid .tr>.col-wd-87  .input_envelope.input_text .input-display-wrapper>p{width: 87rem;min-width: 87rem;}
.table.scheme-grid .tr>.col-wd-88 , .table.scheme-grid .tr>.col-wd-88  .input_envelope.input_text .input-display-wrapper>p{width: 88rem;min-width: 88rem;}
.table.scheme-grid .tr>.col-wd-89 , .table.scheme-grid .tr>.col-wd-89  .input_envelope.input_text .input-display-wrapper>p{width: 89rem;min-width: 89rem;}
.table.scheme-grid .tr>.col-wd-90 , .table.scheme-grid .tr>.col-wd-90  .input_envelope.input_text .input-display-wrapper>p{width: 90rem;min-width: 90rem;}
.table.scheme-grid .tr>.col-wd-91 , .table.scheme-grid .tr>.col-wd-91  .input_envelope.input_text .input-display-wrapper>p{width: 91rem;min-width: 91rem;}
.table.scheme-grid .tr>.col-wd-92 , .table.scheme-grid .tr>.col-wd-92  .input_envelope.input_text .input-display-wrapper>p{width: 92rem;min-width: 92rem;}
.table.scheme-grid .tr>.col-wd-93 , .table.scheme-grid .tr>.col-wd-93  .input_envelope.input_text .input-display-wrapper>p{width: 93rem;min-width: 93rem;}
.table.scheme-grid .tr>.col-wd-94 , .table.scheme-grid .tr>.col-wd-94  .input_envelope.input_text .input-display-wrapper>p{width: 94rem;min-width: 94rem;}
.table.scheme-grid .tr>.col-wd-95 , .table.scheme-grid .tr>.col-wd-95  .input_envelope.input_text .input-display-wrapper>p{width: 95rem;min-width: 95rem;}
.table.scheme-grid .tr>.col-wd-96 , .table.scheme-grid .tr>.col-wd-96  .input_envelope.input_text .input-display-wrapper>p{width: 96rem;min-width: 96rem;}
.table.scheme-grid .tr>.col-wd-97 , .table.scheme-grid .tr>.col-wd-97  .input_envelope.input_text .input-display-wrapper>p{width: 97rem;min-width: 97rem;}
.table.scheme-grid .tr>.col-wd-98 , .table.scheme-grid .tr>.col-wd-98  .input_envelope.input_text .input-display-wrapper>p{width: 98rem;min-width: 98rem;}
.table.scheme-grid .tr>.col-wd-99 , .table.scheme-grid .tr>.col-wd-99  .input_envelope.input_text .input-display-wrapper>p{width: 99rem;min-width: 99rem;}
.table.scheme-grid .tr>.col-wd-100, .table.scheme-grid .tr>.col-wd-100 .input_envelope.input_text .input-display-wrapper>p{width:100rem;min-width:100rem;}


.table.grid>*>.tr>.ext.col-wd-1 {min-width:1em;  width:1em;}
.table.grid>*>.tr>.ext.col-wd-2 {min-width:2em;  width:2em;}
.table.grid>*>.tr>.ext.col-wd-3 {min-width:3em;  width:3em;}
.table.grid>*>.tr>.ext.col-wd-4 {min-width:4em;  width:4em;}
.table.grid>*>.tr>.ext.col-wd-5 {min-width:5em;  width:5em;}
.table.grid>*>.tr>.ext.col-wd-6 {min-width:6em;  width:6em;}
.table.grid>*>.tr>.ext.col-wd-7 {min-width:7em;  width:7em;}
.table.grid>*>.tr>.ext.col-wd-8 {min-width:8em;  width:8em;}
.table.grid>*>.tr>.ext.col-wd-9 {min-width:9em;  width:9em;}
.table.grid>*>.tr>.ext.col-wd-10{min-width:10em; width:10em;}
.table.grid>*>.tr>.ext.col-wd-11{min-width:11em; width:11em;}
.table.grid>*>.tr>.ext.col-wd-12{min-width:12em; width:12em;}
.table.grid>*>.tr>.ext.col-wd-13{min-width:13em; width:13em;}
.table.grid>*>.tr>.ext.col-wd-14{min-width:14em; width:14em;}
.table.grid>*>.tr>.ext.col-wd-15{min-width:15em; width:15em;}
.table.grid>*>.tr>.ext.col-wd-16{min-width:16em; width:16em;}
.table.grid>*>.tr>.ext.col-wd-17{min-width:17em; width:17em;}
.table.grid>*>.tr>.ext.col-wd-18{min-width:18em; width:18em;}
.table.grid>*>.tr>.ext.col-wd-19{min-width:19em; width:19em;}
.table.grid>*>.tr>.ext.col-wd-20{min-width:20em; width:20em;}
.table.grid>*>.tr>.ext.col-wd-21{min-width:21em; width:21em;}
.table.grid>*>.tr>.ext.col-wd-22{min-width:22em; width:22em;}
.table.grid>*>.tr>.ext.col-wd-23{min-width:23em; width:23em;}
.table.grid>*>.tr>.ext.col-wd-24{min-width:24em; width:24em;}
.table.grid>*>.tr>.ext.col-wd-25{min-width:25em; width:25em;}
.table.grid>*>.tr>.ext.col-wd-26{min-width:26em; width:26em;}
.table.grid>*>.tr>.ext.col-wd-27{min-width:27em; width:27em;}
.table.grid>*>.tr>.ext.col-wd-28{min-width:28em; width:28em;}
.table.grid>*>.tr>.ext.col-wd-29{min-width:29em; width:29em;}
.table.grid>*>.tr>.ext.col-wd-30{min-width:30em; width:30em;}
.table.grid>*>.tr>.ext.col-wd-31{min-width:31em; width:31em;}
.table.grid>*>.tr>.ext.col-wd-32{min-width:32em; width:32em;}

}

.table.scheme-grid .tr>.td button>span{
    width:100%;
}

.table.scheme-grid .tr > .td.t-icon-text button > span,
.table.scheme-grid .tr > .td.f-datetime button > span,
.table.scheme-grid .tr > .td.f-date button > span {
    width: calc(100% - 2rem);
}

.table.scheme-grid .tr>.td.align-center .input-display-wrapper>button>span{
    display: flex;
    justify-content: center;
}

.table.scheme-grid .tr>.td.align-center button>span>.caption-row{
    justify-content: center;
}

.table.scheme-grid .tr>.td button>span>.caption-row > span{
    overflow: hidden;
    align-items: center;
    display: flex;    
}

.table.scheme-grid .tr>.td button>span>.caption-row > span > span{
    width:100%;
}

.table.scheme-grid>.tbody>.tr>.td button>span>.caption-row > span > span,
.table.scheme-grid>.tbody>.tr>.td .input-display-wrapper>button>span{
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table.scheme-grid .tr>.td button>span>.caption-row > span > span{
    display:inline-block;
}

.table.scheme-doc:not(.multi-line)>.tbody>.tr>.td  .input_envelope.input_text .input-display-wrapper>p,
.table.scheme-grid>.tbody>.tr>.td .input_envelope.input_select .input-display-wrapper>p,
.table.scheme-grid>.tbody>.tr>.td .input_envelope.input_text .input-display-wrapper>p{
    overflow:hidden;
    display:inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stepper{
    position: fixed;
    bottom: 0;
    background-color: #fff;
    border-top: 1px solid #dee3e9;
    z-index: 1;
}

.page-sidebar {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  width: 22.5rem;
  max-width: 22.5rem;
  background-color: #fff;
  box-shadow: none;
  overflow: auto;  
  transform: translate3d(100%,0,0);
  transition: transform .2s ease-in-out;
}

.has-sidebar-open .page-sidebar {
  position: fixed;
  top: 0;
  transform: translateZ(0);
  overflow-y: hidden;
}

.sidebar-header {
  position: relative;
  display: none;
  align-items: center;
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(20,20,31,.05),0 1px 3px 0 rgba(20,20,31,.15);
}

.layout-sidebar  .sidebar-header{
    display:flex;
    flex-grow: 1;
}

.layout-sidebar .app-header > div > div:nth-child(n+2),
.layout-sidebar .app-aside{
    display: none;
}

#body-main>.layout-sidebar>.app-main{
    padding-left: 0;
}

.sidebar-backdrop {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(20,20,31,.38);
}

.has-sidebar-open .sidebar-backdrop {
  display: block;
  -webkit-animation: fadeInBackdrop .26s ease forwards;
  animation: fadeInBackdrop .26s ease forwards;
}

.sidebar-header>button.back{
    flex-direction: row;
    border-radius: 0;
    min-height: 48px;
}

.sidebar-section.loading{
    background-image: url("../images/rolling.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 3rem;
}

.popup-anchor-sidebar {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  width: 22.5rem;
  max-width: 22.5rem;
  background-color: #fff;
  box-shadow: none;
  overflow: auto;
  transform: translate3d(100%,0,0);
  transition: transform .2s ease-in-out;
}

.popup-anchor-sidebar-header {
  position: relative;
  display: flex;
  align-items: center;
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(20,20,31,.05),0 1px 3px 0 rgba(20,20,31,.15);
}

.popup-anchor-sidebar-backdrop {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(20,20,31,.38);
}

.has-popup-anchor-sidebar-open .popup-anchor-sidebar {
  position: fixed;
  top: 0;
  transform: translateZ(0);
}

.has-popup-anchor-sidebar-open .popup-anchor-sidebar-backdrop {
  display: block;
  -webkit-animation: fadeInBackdrop .26s ease forwards;
  animation: fadeInBackdrop .26s ease forwards;
}

.popup-anchor-sidebar-header>button.back{
    flex-direction: row;
    border-radius: 0;
    min-height: 48px;
}

.popup-anchor-sidebar-section.loading{
    background-image: url("../images/rolling.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 3rem;
}

.popup-anchor-sidebar-section-fill>.tokenize{
    max-width: 215.9mm;
}

#sys_popup_frame{
    padding:0;
    margin:0 auto;
}

button.list-group-item.active{
    border-color: unset;
}

.card.confirm>.card-body{
    padding: 0;
}

.card.confirm>.card-body>span{
    padding:1rem 1.5rem;
    display: block;
}

.card.confirm>.card-body>div.question,
.card.confirm>.card-body>div.message{
    padding: 1rem;
}

.card.confirm>.card-body>.list{
    padding:0.5rem;
    width: 100%;
    background-color: rgba(0,0,0,0.04);
    border-top: .1rem solid rgba(0,0,0,0.24);
    border-bottom: .1rem solid rgba(0,0,0,0.24);
    margin: 0;
    max-height: 10rem;
    overflow: auto;
}

.card.confirm>.card-body>.list ul{
    padding: 0;
    margin: 0;
}

.card.confirm>.card-body>.list>ul>li{
    border: .1rem solid rgba(0,0,0,0.24);
    border-radius: .3rem;
    margin:.3rem 0;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px inset;
    background-color: white;
    padding:.5rem;
}

.card.confirm>.card-body>.list>ul>li>ul>li:first-child{
    color: rgba(0,0,0,0.64);
    font-size: 0.7em;
}

.card.confirm>.card-body>.list>ul>li>ul>li:last-child{
}

.card.confirm>.card-body>.list .Token{
    border-radius: .4rem;
    margin:.3rem 0;
    border-width: .1rem;
    border-style: solid;
    padding: .2rem .4rem;
    max-height: 3.5rem;
    overflow: hidden;
    display:flex;
    align-items: center;
}

.card.confirm>.card-body>.list .tokenize-options{
    display: none;
}

.card.confirm .card-footer {
    border-top: none;
}

.sys_popup_frame.confirm #sys_popup_close{
    display: none;
}

.form-breadcrumb-bar{
    overflow: hidden auto;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(0,0,0,0.24);
    border-radius: .5rem;
    margin:1rem .5rem;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.form-breadcrumb-bar ul{
    display: flex;
    margin:0;
    padding:0;
    flex-direction: column;
}

.form-breadcrumb-bar ul>li{
    display: flex;
    margin: 0;
    padding:0;
}
/*
.form-breadcrumb-bar ul>li.depth1>button,
.form-breadcrumb-bar ul>li.depth1{
    border-radius: 0 .7rem .7rem 0;
}
*/
.form-breadcrumb{
    height:100%;
    overflow-x: hidden;
    overflow-y: scroll;    
}
.form-breadcrumb:not(.compact){
    min-width: 19rem;
}
.form-breadcrumb.compact{
    width: 8rem;
}

.form-breadcrumb.compact ul>li>button>span>span>span>span{
    display: none;
}
/*
.form-breadcrumb.compact ul>li.depth2.undone>button{
    padding-left:1.75rem;
}
*/
.form-breadcrumb.compact button.compass>span{
    display: none;
}

.form-breadcrumb.compact button.compass{
    justify-content: center;
}

.form-breadcrumb.compact button.compass::before {
  font-size: 1.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}

.form-breadcrumb.compact ul.breadcrumb>li>button{
    
}

.form-breadcrumb.compact ul.breadcrumb>li>button span.title,
.form-breadcrumb.compact ul.breadcrumb>li>button span.caption{
    display:none;
}

.form-breadcrumb-bar ul>li.depth2:not(.active){
    background-color: rgba(0,0,0,0.08);
}
/*
.form-breadcrumb-bar ul>li.active{
    margin: .1rem 0;
}
*/
.form-breadcrumb:not(.compact)>div>ul.breadcrumb>li.depth2{
  margin: .2rem .5rem;
  border-radius: .5rem;
  overflow: hidden;
}

.form-breadcrumb-bar ul>li.depth2.active{
    background-color: #f5a602;
}

.form-breadcrumb.compact>.form-breadcrumb-bar>ul.breadcrumb >li>button > span > span:nth-child(2) > span:first-child > span:first-child {
    background-color: transparent;
    border-radius: 1rem 0 0 1rem;
    margin-right:0;
}
/*
.form-breadcrumb.compact>.form-breadcrumb-bar ul.breadcrumb>li>button::after {
  border-width: 0;  
}
*/
.breadcrumb>li>button{
    width:100%;
}

.breadcrumb>li>button>span{
    display: flex;
    flex-direction: column;
    padding: 0;
}

.breadcrumb>li>button>span>span:first-child,
.breadcrumb>li>button>span>span:last-child{
    min-height: .5rem;
    flex-grow: 1;
    border-right: .1rem solid rgba(0,0,0,0.24);
}

.breadcrumb>li.depth2>button>span>span:first-child,
.breadcrumb>li.depth2>button>span>span:last-child {
    min-height: 0.5rem;
    flex-grow: 1;
    border-right: none;
    border-left: 0.1rem solid rgba(0,0,0,0.24);
}

body.sandbox .breadcrumb>li.depth1>button>span>span:first-child,
body.sandbox .breadcrumb>li.depth1>button>span>span:last-child{
    min-height: 1rem;
}

.breadcrumb>li:hover>button:not(:disabled)>span>span:first-child,
.breadcrumb>li:hover>button:not(:disabled)>span>span:last-child,
.breadcrumb>li.active>button>span>span:first-child,
.breadcrumb>li.active>button>span>span:last-child{
    border-right-color: rgba(255,255,255,0.24);
}

.breadcrumb>li.depth2:hover>button:not(:disabled)>span>span:first-child,
.breadcrumb>li.depth2:hover>button:not(:disabled)>span>span:last-child,
.breadcrumb>li.depth2.active>button>span>span:first-child,
.breadcrumb>li.depth2.active>button>span>span:last-child{
    border-left-color: rgba(255,255,255,0.24);
}

.breadcrumb>li>button>span>span:nth-child(2){
    display: flex;
    min-height: 2rem;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.breadcrumb>li>button>span>span:nth-child(2)>span:first-child{
    width:100%;
    display: flex;
    padding-right: 1rem;
}

.breadcrumb>li>button>span>span:nth-child(2)>span:first-child>span:first-child{
    padding: .3rem .5rem;
    margin-right: .3rem;
    margin-left: .3rem;
    height: 2rem;
    width:2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.breadcrumb>li.depth2>button>span>span:nth-child(2)>span:first-child>span:first-child{
    padding: .3rem .5rem;
    margin-right: .3rem;
    margin-left: .3rem;
    height: 2rem;
    width:3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.breadcrumb > li.depth1 > button > span > span:nth-child(2) > span:first-child > span:first-child {
    background-color: rgba(0,0,0,0.08);
}

.breadcrumb>li>button span.caption{
    display: flex;
    flex-direction: column;
    margin-right: 1rem;
    padding-left: 2.7rem;
    font-size: 0.7em;
}

.breadcrumb>li>button>span>span:nth-child(2)>span:last-child>span:last-child{
    display: none;
}

.breadcrumb>li.undone:not(.active)>button>span>span:nth-child(2)>span:last-child>span:last-child{
    opacity: .5;
    line-height: 1.2;
    display: flex;
}

.breadcrumb>li>button>span>span:nth-child(2)>span:last-child>span:first-child{
    opacity: 1;
    line-height: 1.2;
}

.breadcrumb>li>button::after {
    position: relative;
    left: -.9rem;
    width: 1.8rem;
    height: 1.8rem;
    min-width: 1.8rem;
    height-width: 1.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    padding: 0;
    margin-left:0;
}

.breadcrumb>li>button::after{
    border: .1rem solid rgba(0,0,0,0.24);
    border-radius: 50%;
}

.breadcrumb>li:hover>button:not(:disabled)::after,
.breadcrumb>li.active>button::after {
    border-color: white;
}
/*
.breadcrumb>.depth2>button{
    flex-direction: row-reverse;
}

.breadcrumb>li.depth2>button>span>span:nth-child(2)>span:first-child {
    padding-right: 0;
    padding-left: 1.5rem;
}

.breadcrumb>li.depth2>button>span>span:nth-child(2)>span:first-child>span:first-child {
    display: none;
}

.breadcrumb>.depth2>button::after {
    content: '\E069';
    left: 1rem;
}

.breadcrumb>.depth2.done>button::after {
    content: '\E030';
}
*/
.breadcrumb>li>button span.title{
    display: flex;
    align-items: center;  
    line-height: 1.1;
}

.breadcrumb>.current.done>button::after,
.breadcrumb>.done>button::after {
    content: '\E030';
}

.breadcrumb>.undone:not(.current)>button::after {
    content: '\E048';
}

.breadcrumb>.current>button::after {
    content: '\E069';
}

.breadcrumb > .done:not(:hover) > button::after {
  border-color: #71c532;
  background-color: #71c532;
  color: white;
}

.breadcrumb > .done.pass:not(:hover) > button::after {
  border-color: #71c532;
  background-color: transparent;
  color: #71c532;
}

.breadcrumb>.undone:not(:hover):not(.active)>button::after {
    color: rgba(0,0,0,0.48);
}

.breadcrumb>.done>button:hover>span{
    border-right:none;
}

.form-breadcrumb-bar>.title{
    font-weight: bold;
    background-color: rgba(0,0,0,0.05);
    min-height: 3rem;
    display: flex;
    justify-content: center;
    align-items: stretch;
    padding: 0;
    flex-direction: column;
    border-bottom: 1px solid rgba(0,0,0,0.24);
}

.form-breadcrumb-bar>.title>button{
    width: 100%;
    height: 100%;
    border-radius: 0;
    display: flex;
    flex-grow: 1;
}

.message p{
    line-height: 1.6;
}

.color-00c4cc {
  --tab-bg-color: #EFFEFF;
  --tab-hover-bg-color: #DFFDFF;
  --tab-border-color: #8FDDE0;
  --tab-emphasis-bg-color: #00C4CC;
}

.color-21a663 {
  --tab-bg-color: #EDFFF6;
  --tab-hover-bg-color: #DCFFED;
  --tab-border-color: #7DC9A2;
  --tab-emphasis-bg-color: #21A663;
}

.color-ff9900 {
  --tab-bg-color: #FFF8E8;
  --tab-hover-bg-color: #FFF0CF;
  --tab-border-color: #FFC977;
  --tab-emphasis-bg-color: #FF9900;
}

.color-ff5154 {
  --tab-bg-color: #FFF2F2;
  --tab-hover-bg-color: #FFE7E7;
  --tab-border-color: #FF9D9F;
  --tab-emphasis-bg-color: #FF5154;
}

.color-d269e6 {
  --tab-bg-color: #FDF5FF;
  --tab-hover-bg-color: #FBEAFF;
  --tab-border-color: #E49BF2;
  --tab-emphasis-bg-color: #D269E6;
}

.color-8b3dff {
  --tab-bg-color: #F7F2FF;
  --tab-hover-bg-color: #EBDFFF;
  --tab-border-color: B584FF;
  --tab-emphasis-bg-color: #8B3DFF;
}

.color-575efd {
  --tab-bg-color: #F6F7FF;
  --tab-hover-bg-color: #DBDFFF;
  --tab-border-color: 8B90FF;
  --tab-emphasis-bg-color: #575EFD;
}

.cpxff9f0a:not(:hover){--cell-border-color:#ff9f0a;--cell-emphasis-bg-color:#ff9f0a;--cell-emphasis-color:#ffffff;}
.cpx32d74b:not(:hover){--cell-border-color:#32d74b;--cell-emphasis-bg-color:#32d74b;--cell-emphasis-color:#ffffff;}
.cpx64d2ff:not(:hover){--cell-border-color:#64d2ff;--cell-emphasis-bg-color:#64d2ff;--cell-emphasis-color:#ffffff;}
.cpx0a84ff:not(:hover){--cell-border-color:#0a84ff;--cell-emphasis-bg-color:#0a84ff;--cell-emphasis-color:#ffffff;}
.cpx5e5ce6:not(:hover){--cell-border-color:#5e5ce6;--cell-emphasis-bg-color:#5e5ce6;--cell-emphasis-color:#ffffff;}
.cpxbf5af2:not(:hover){--cell-border-color:#bf5af2;--cell-emphasis-bg-color:#bf5af2;--cell-emphasis-color:#ffffff;}
.cpxff375f:not(:hover){--cell-border-color:#ff375f;--cell-emphasis-bg-color:#ff375f;--cell-emphasis-color:#ffffff;}
.cpxff453a:not(:hover){--cell-border-color:#ff453a;--cell-emphasis-bg-color:#ff453a;--cell-emphasis-color:#ffffff;}
.cpxffd60a:not(:hover){--cell-border-color:#ffd60a;--cell-emphasis-bg-color:#ffd60a;--cell-emphasis-color:#ffffff;}

.group-tab{
    display:flex;
    width: fit-content;
    border-radius: .5rem;
    overflow: hidden;
    margin: .75rem .75rem 0 .75rem;
    background-color: rgba(0,0,0,0.05);
}
/*/var/www/html/clickschoolinfo/public/themes/modern/css/sys_site.css*/
@media screen {

    :root {
        --cs-border-color: rgba(0, 0, 0, 0.24);
        --cs-su-base: 1;
        --cs-br-sm: .25rem;
        --cs-br-md: 1rem;
        --cs-br-lg: 2rem;
        --cs-form-field-h: 2.5rem;
    }

    a {
        color: var(--cs-link-color);
        cursor: pointer;
    }

    a:hover {
        color: var(--cs-link-hover-color);
    }

    a.add:visited,
    a.add {
        color: #0F9D58;
        text-decoration: none;
    }

    a.browse {
        justify-content: space-between;
        cursor: pointer;
    }

    a.link-text {
        text-decoration: none;
    }

    a.link-text:hover {
        color: #1a5b9c;
        background-color: transparent !important;
        text-decoration: none;
    }

    div.message.empty>.add:not(:hover)>span {
        color: var(--cs-link-color);
    }

    div.message.empty>.add:not(:hover) {
        border-color: #2fbd8c;
    }

    div {
        max-width: 100%;
    }

    .print_display {
        display: none
    }

    #sys_prompt_area,
    #sys_help_area,
    #sys_popup_anchor,
    #sys_signing_area,
    #sys_standby_area,
    #sys_popup_area {
        height: 100%;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.64);
    }

    #sys_standby_area.none {
        background-color: transparent;
    }

    #sys_prompt_frame>.popup-layer>.wrapper>.ctrl>div>button.close {
        display: none;
    }

    #sys_init_area {
        height: 100%;
        width: 100%;
        background-color: rgba(255, 255, 255, 0);
    }

    #sys_init_box {
        background-color: #0072c6;
        color: white;
        /*line-height: 28px;*/
        padding: 4px 8px 4px 32px;
        background-image: url("../images/white/clock.png?v=6abdc5c6c7845");
        background-position: 8px center;
        background-repeat: no-repeat;
    }

    .doc_message_updated {
        color: #0F9D58;
        background-image: url("../images/black.png?v=6abdc5c6c7845");
        background-position: 8px -3024px;
        background-repeat: no-repeat;
        height: 48px;
        line-height: 48px;
        padding-left: 64px;
        margin-bottom: 4px;
    }

    .doc_message_unupdated {
        color: #D24726;
        background-image: url("../images/black.png?v=6abdc5c6c7845");
        background-position: 8px -2976px;
        background-repeat: no-repeat;
        height: 48px;
        line-height: 48px;
        padding-left: 64px;
        margin-bottom: 4px;
    }

    /* CSS Document */
    * {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
        text-decoration: none;
    }

    *:focus {
        outline: 0 !important;
    }

    body {
        margin: 0pt 0pt 0pt 0pt;
        font-family: 'Roboto';
        font-size: 1rem;
        overflow: hidden;
        text-rendering: optimizelegibility;
    }

    input,
    select,
    div {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
    }

    button {
        cursor: pointer;
    }

    input:focus,
    select:focus,
    textarea:focus,
    button:focus {
        outline: none;
    }

    button:disabled {
        opacity: 0.64;
    }

    button:disabled:hover {
        cursor: default;
    }

    li.Token.activity.value-null,
    textarea:disabled {
        background-image: url("../images/cell_filler_texture.png?v=6abdc5c6c7845");
        background-color: transparent;
    }

    .cs_course_settings {
        background-image: linear-gradient(top, #C9C9C9 0%, #DDDDDD 6%);
        background-image: -o-linear-gradient(top, #C9C9C9 0%, #DDDDDD 6%);
        background-image: -moz-linear-gradient(top, #C9C9C9 0%, #DDDDDD 6%);
        background-image: -webkit-linear-gradient(top, #C9C9C9 0%, #DDDDDD 6%);
        background-image: -ms-linear-gradient(top, #C9C9C9 0%, #DDDDDD 6%);

        background-image: -webkit-gradient(linear,
                left top,
                left bottom,
                color-stop(0, #C9C9C9),
                color-stop(0.06, #DDDDDD));
    }

    .auth_menu_tab {
        display: flex;
        align-items: stretch;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.048);
        /* rgb(0, 114, 198);*/
        /*height: 32px;*/
    }

    .auth_menu_tab form {
        display: inline;
    }

    .auth_menu_tab select,
    .auth_menu_tab input {
        border: 1px solid rgba(0, 0, 0, 0.08);
        background-color: rgba(0, 0, 0, 0.024);
        color: rgba(0, 0, 0, 0.8);
        height: 100%;
        min-height: 32px;
    }

    .auth_menu_tab>div {
        display: flex;
    }

    .auth_menu_tab>div:nth-child(2) {
        flex-grow: 1;
    }

    /*
        .auth_box button{
            line-height: 32px;
        }*/

    #sys_context_bar {
        display: flex;
    }

    /*
    #sys_context_bar>div>button{
        border-radius: 0;
    }
    */
    .main_menu_tab {
        display: flex;
        align-items: stretch;
        width: 100%;
        /*background-color: rgba(0,0,0,0.04);*/
        padding-top: 2px;
    }

    .main_menu_tab form {
        width: 100%;
    }

    .main_menu_tab select {
        background: none;
        border: 1px solid rgba(0, 0, 0, 0.16);
    }

    .main_menu_tab>div {
        display: flex;
    }

    .main_menu_tab>div:first-child {
        width: 8px;
        /*border-bottom:1px solid rgba(0,0,0,0.12);*/
    }

    .main_menu_tab>div:last-child {
        flex-grow: 1;
        /*border-bottom:1px solid rgba(0,0,0,0.12);*/
        justify-content: flex-end;
    }

    #main_contextual {
        padding-top: 4px;
    }

    .controller_tab_bar {
        width: 100%;
        display: flex;
        align-items: stretch;
        padding: 4px 8px;
    }

    .controller_tab_bar>div {
        display: flex;
    }

    .controller_tab_bar>div:first-child {
        flex-grow: 1;
    }

    .menu-bar.h-menu,
    .controller_menu_tab {
        box-sizing: border-box;
        display: flex;
        align-items: stretch;
        padding: 0;
        margin: .5rem;
    }

    .menu-bar.h-menu>div,
    .controller_menu_tab>div {
        display: flex;
        margin: .1rem .2rem;
    }

    /*
    .controller_menu_tab button{
        display: flex;
        align-items: center;
    }
*/
    .controller_menu_tab_right_buttons>span {
        display: flex;
    }

    .controller_menu_tab_left_buttons {
        justify-content: flex-start;
    }

    .menu-breadcrumb>button {
        order: -1;
        border: none;
        margin-right: 1rem;
        margin: 0;
        border-radius: 0;
    }

    .menu-breadcrumb>button:nth-child(2) {
        border-left: 1px solid rgba(0, 0, 0, 0.24);
    }

    .btn.views+button {
        margin-left: .5rem;
    }

    /*
    .controller_menu_tab_left_buttons>button:first-child:not(.views) {
        margin-left: .5rem;
    }
*/
    .playback+.views {
        order: -1;
        background-color: #1c5a9a;
    }

    .controller_menu_tab_right_buttons {
        justify-content: flex-end;
    }

    .controller_menu_tab_right_buttons .btn-group {
        border-radius: .3rem;
        background-color: rgba(0, 0, 0, .06);
        margin: auto .5rem;
    }

    .playback {
        display: flex;
        font-size: .875rem;
        overflow: hidden;
        flex-grow: 1;
    }

    .input-date-picker>.playback {
        width: 100%;
        border-radius: 0;
        border-left: none;
        border-right: none;
    }

    .input-date-picker>.playback>button {
        height: 100%;
    }

    .playback select {
        border: none;
        background-color: transparent;
        text-align: center;
        flex-grow: 1;
    }

    .playback button {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    /*
    .playback button.prev {
        border-radius: .3rem 0 0 .3rem;
    }

    .playback button.next {
        border-radius: 0 .3rem .3rem 0;
    }
*/
    .controller_menu_tab_settings_buttons button {
        margin-right: 4px;
    }

    #controller_action {
        padding-top: 16px;
        background-color: #DBE6F4;
        padding-left: 16px;
    }

    #controller_nav_bar {
        padding-top: 16px;
        background-color: #DBE6F4;
        padding-left: 16px;
    }


    #controller_action h2 {
        padding: 0px;
        margin: 0px;
    }

    #controller_display_area {
        overflow: auto;
    }

    .footer-box {
        display: flex;
    }

    #controller_display_search {
        float: right;
        position: relative;
        top: 64px;
        margin-right: 16px;
    }

    input[disabled="disabled"].cs_button_action {
        color: #999 !important;
        background-image: none;
    }

    input[disabled="disabled"].cs_button_action:hover {
        border: 1px solid transparent;
        cursor: default;
    }


    #user_profiles-element label {
        font-size: 12pt;
        font-style: normal;
        color: #000000;
        margin-left: 12pt;
    }

    /*
    MENSAJES
    */
    ul,
    ol {
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
    }

    .message_maintenance {
        background-color: orange;
        color: white !important;
        padding: 1rem;
        border-radius: .5rem;
        margin: .5rem 0;
    }

    div.transaction_status_box li.message {
        padding: 0.5rem;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    }

    div.transaction_status_box li.message.info {
        background-color: #5E87d0;
        background-position: -10px -1302px;
        border: 1px solid #4E77c0;
    }

    div.message_wrapper>div {
        padding: .75rem;
        background-color: var(--cs-bg-color);
    }

    div.message_wrapper>div>span:first-child {
        font-weight: bold;
        padding-right: .5rem;
    }

    div.message_wrapper>div.message span.number {
        background-color: #f48225;
        color: white;
        padding: .3rem .5rem;
        margin-left: .3rem;
        border-radius: 1rem;
        min-width: 1.5rem;
        display: inline-flex;
        height: 1.5rem;
        justify-content: center;
        align-items: center;
    }

    /*
    div.message_wrapper>div {
        border: 1px solid rgba(0, 0, 0, 0.12);
        border-radius: 5px;        
    }
*/
    .controller_display_tab.grid>div.message_wrapper>div {
        border-width: 0;
        border-style: none;
        border-radius: 0;
    }

    .controller_display_tab.grid>div.message_wrapper>div:last-child {
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

    .grid_message_rel {
        background-color: #F5F5F5;
        padding: 7px 8px 8px 8px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.24);
        color: #292923;
    }

    .grid_message_rel span:first-child {
        font-weight: bold;
        background-color: rgba(0, 0, 0, 0.48);
        padding: 1px 4px;
        color: white;
        border-radius: 3px;
        margin-right: 4px;
    }

    .message.warning {
        background-color: #FFFFCC;
        border: 1px solid #cccc99;
        color: #292923;
    }

    ul.transaction-feedback>li.error {
        background-position: -6px -1686px;
    }

    .errors {
        color: #FF0000;
    }

    .message.fullwidth {
        border-left: none;
        border-right: none;
    }

    dt {
        margin-top: 8pt;
    }

    /*
    CERTIFICACION
    */
    .ts_document_header {
        text-align: center;
        height: 80pt;
    }

    /*
            PRINT FIELDS
    */
    #print_title {
        display: none;
    }

    #print_header {
        display: none;
    }


    /*
    CHECKBOX SPECIAL FORMS
    */
    #profiles-label label {
        width: 100%;
    }

    #fieldset-grades dl {
        padding-left: 12pt;
    }

    #fieldset-grades dt {
        border-bottom: 1px dashed #AAA;
        width: 480pt;
        display: table;
        float: left;
        height: 20pt;
        margin: 0pt 0pt 0pt 0pt;
        padding: 0pt 0pt 0pt 0pt;
    }

    #fieldset-grades dd {
        width: 48pt;
        display: table;
        margin: 0pt 0pt 0pt 0pt;
        padding: 0pt 0pt 0pt 0pt;
    }

    #fieldset-grades input[type=text] {
        border: 1px solid #AAA;
        text-align: right;
        width: 32pt;
        height: 18pt;
        margin: 2pt 0pt 2pt 0pt;
        padding: 0pt 4pt 0pt 0pt;
    }


    #fieldset-grades label {
        font-size: inherit;
        color: #000000;
        font-style: inherit;
    }

    #controller_display_seach {
        float: left;
        min-width: 240px;
        width: 33%;
        max-width: 320px;
    }

    #transaction_message {
        float: left;
        width: 100%;
        position: fixed;
        opacity: 0.9;
        filter: alpha(opacity=90)
    }

    #printer_context_box {
        display: none
    }

    .printer_context_box {
        display: none
    }

    #auth_password_reset {
        background-image: url(../images/black.png?v=6abdc5c6c7845);
        background-position: -16px -2080px;
        background-repeat: no-repeat;
        padding-left: 24px;
    }

    #auth_username {
        color: rgba(0, 0, 0, 0.8);
        text-decoration: none;
        padding-left: 20px;
        background-image: url(../images/black.png?v=6abdc5c6c7845);
        background-position: -16px -2032px;
        background-repeat: no-repeat;
        color: #0072C6;
    }

    .tooltipBox {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #D3D3D3;
        font-size: 13px;
        height: 24px;
        margin: 0;
        min-width: 35px;
        padding: 6px 1px 2px 3px;
        text-align: center;
        white-space: nowrap;
    }

    .tooltipBoxNub {
        bottom: 1px;
        height: 7px;
        left: 7px;
        position: relative;
        width: 0;
        z-index: 2;
    }

    .tooltipBoxNub s,
    .tooltipBoxNub i {
        border-color: #D3D3D3 transparent transparent;
        border-style: solid;
        border-width: 5px;
        display: block;
        position: relative;
    }

    .pluginCountBoxNub i {
        border-top-color: #FFFFFF;
        left: 0;
        top: -12px;
    }

    .cs_sys_nub_up {
        position: relative;
        z-index: 2;
        bottom: 14px;
        height: 7px;
        width: 0;
        overflow: visible;
    }

    .cs_sys_nub_up s {
        border-color: transparent transparent rgba(0, 0, 0, 0.2);
        border-style: solid;
        border-width: 14px;
        display: block;
        position: relative;
        top: -1px;
        left: -2px;
    }

    .cs_sys_nub_up i {
        border-color: transparent transparent rgb(255, 255, 255);
        border-style: solid;
        border-width: 12px;
        display: block;
        position: relative;
        left: 0px;
        top: -25px;
    }

    .cs_sys_globe_wraper {
        border: 2px solid rgba(0, 0, 0, 0.2);
        margin-top: 16px;
        margin-bottom: 0;
    }

    .cs_sys_globe_wraper:before {
        content: '';
        display: relative;
        float: left;
        margin-top: -12px;
        margin-left: 96px;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid rgba(0, 0, 0, 0.2);
    }

    .sys_popup_frame {
        border: 1px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
        z-index: 1000;
        transition: opacity 3s ease-in-out;
        opacity: 1;
    }

    div.popup-alert-wrapper {
        padding: 0.5em;
        max-width: 30rem;
        margin: 0 auto;
    }

    div.popup-alert-wrapper>div.head {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    div.popup-alert-wrapper>div.head>.title {
        font-weight: bold;
    }

    div.popup-alert-wrapper>div.head>.icon {
        font-size: 4em;
    }

    div.popup-alert-wrapper.caution>div.head {
        color: #D24726;
    }

    /*
    div.popup-alert-wrapper.wizard>div.head>.icon::before{
        content: '\E10D';
        color: #1a73e8;
    }    
    
    div.popup-alert-wrapper.success>div.head>.icon::before{
        content: '\E096';
        color: #39b54a;
    }

    div.popup-alert-wrapper.caution>div.head>.icon::before{
        content: '\E043';
        color: #D24726;
    }

    div.popup-alert-wrapper.actions>div.head>.icon::before{
        content: '\E10D';
        color: #1a73e8;
    }

    div.popup-alert-wrapper.info>div.head>.icon::before{
        content: '\E038';
        color: #0089cb;
    }
*/
    div.popup-alert-wrapper.caution div.message>span {
        margin: 0.7em 0;
    }

    div.popup-alert-wrapper.caution div.message>span:last-child {
        border-top: dashed 0.1em rgba(0, 0, 0, 0.24);
        padding-top: 0.5em;
    }

    div.popup-alert-wrapper.caution div.message>span:first-child {
        border-top: none;
        padding-top: 0;
    }

    div.popup-alert-wrapper.caution div.message>span>span {
        color: #D24726;
        margin: 0 0.2em;
        font-style: italic;
    }

    .popup-alert-wrapper.help p {
        line-height: 1.6;
    }

    .sys_popup_frame iframe {
        border: none;
        overflow: hidden;
    }

    /*
        .sys_button_close_popup{
            background-image:url(../images/black.png?v=6abdc5c6c7845);
            background-position:-12px -2364px;
            background-repeat:no-repeat;
            padding-left:18px;
            border:none;
            background-color: transparent;
            cursor:pointer;
            height: 100%;
            min-height: 24px;
            width: 24px;
            border-radius: 12px;
        }
    
        button.close{
            background-image:url(../images/black.png?v=6abdc5c6c7845);
            background-position:center -1690px;
            background-repeat:no-repeat;
        }
        button.close:hover,
        .sys_button_close_popup:hover{
            background-image:url(../images/white.png?v=6abdc5c6c7845);
        }
    
        button.icon-text.close{
            background-position-x: -10px;
        }
    */
    .sys_button_erase {
        background-image: url("../images/black/icon_erase.png?v=6abdc5c6c7845");
        background-position: center center;
        background-repeat: no-repeat;
        background-color: rgba(0, 0, 0, 0.12);
        padding-left: 20px;
        border: 1px solid rgba(0, 0, 0, 0.2);
        cursor: pointer;
        min-height: 25px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        vertical-align: top;
    }

    .sys_button_erase:hover {
        background: url("../images/white/icon_erase.png?v=6abdc5c6c7845");
        background-position: center center;
        background-repeat: no-repeat;
        background-color: rgb(53, 122, 232);
        color: #FFF;
    }

    /*
        .sys_button_clear{
            background-image:url(../images/black.png?v=6abdc5c6c7845);
            background-color:rgba(0,0,0,0.64);
            background-position:-10px -2364px;
            background-repeat:no-repeat;
            min-width: 28px;
            margin-left: 4px;
            border: none;
    
        }
    
        .sys_button_clear.active,
        .sys_button_clear:hover{
            background-image:url(../images/white.png?v=6abdc5c6c7845);
        }
    
        .sys_button_find{
            background: url("../images/black/icon_find.png?v=6abdc5c6c7845");
            background-position: center center;
            background-repeat: no-repeat;
            background-color:rgba(0,0,0,0.12);
            padding-left:25px;
            border: 1px solid rgba(0,0,0,0.2);
            cursor: pointer;
            min-height:25px;
            -moz-box-sizing:border-box;
            box-sizing:border-box;
            vertical-align: top;
        }
    
        .sys_button_find:hover{
            background: url("../images/white/icon_find.png?v=6abdc5c6c7845");
            background-position: center center;
            background-repeat: no-repeat;
            background-color: rgb(53, 122, 232);
            color:#FFF;
        }
    */

    .sys_input_find {
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.16) inset;
        height: 25px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 4px;
        vertical-align: top;
    }

    .sys_message_box_working {
        background-image: url(../images/searching.svg);
        background-position: center bottom;
        background-repeat: no-repeat;
        padding-top: 24px;
        text-align: center;
    }

    .cs_sys_ajax_loading,
    .sys_ajax_loading,
    .sys_working_bar {
        background-image: url(../images/searching.svg);
        background-position: center center;
        background-repeat: no-repeat;
        text-align: center;
        min-height: 3rem;
    }

    .sys_working_box {
        background-image: url(../images/searching.svg);
        background-position: center 4px;
        background-repeat: no-repeat;
        text-align: center;
        min-height: 24px;
        padding-top: 28px;
    }

    /*
    ICONS
    */
    .icon_view {
        background-image: url(../images/icon_view.png?v=6abdc5c6c7845);
        background-repeat: no-repeat;
    }

    .icon_download {
        background-image: url(../images/icon_download.png?v=6abdc5c6c7845);
        background-position: left center;
        background-repeat: no-repeat;
    }

    .icon_upload {
        background-image: url(../images/icon_upload.png?v=6abdc5c6c7845);
        background-position: left center;
        background-repeat: no-repeat;
    }

    .icon_list {
        background-image: url(../images/icon_list.png?v=6abdc5c6c7845);
        background-position: left center;
        background-repeat: no-repeat;
    }

    .icon_print {
        background-image: url(../images/icon_print.png?v=6abdc5c6c7845);
        background-position: left center;
        background-repeat: no-repeat;
    }

    .icon_lock {
        background-image: url(../images/lock.png?v=6abdc5c6c7845);
        background-position: left center;
        background-repeat: no-repeat;
    }

    .icon_unlock {
        background-image: url(../images/unlock.png?v=6abdc5c6c7845);
        background-position: left center;
        background-repeat: no-repeat;
    }


    .icon_word {
        background-image: url(../images/icon_word.png?v=6abdc5c6c7845);
        background-position: left center;
        background-repeat: no-repeat;
    }

    .icon_excel {
        background-image: url(../images/icon_excel.png?v=6abdc5c6c7845);
        background-position: left center;
        background-repeat: no-repeat;
    }

    .icon_pdf {
        background-image: url(../images/export_pdf.png?v=6abdc5c6c7845);
        background-position: left center;
        background-repeat: no-repeat;
    }

    .icon_email {
        background-image: url(../images/icon_email.png?v=6abdc5c6c7845);
        background-position: left center;
        background-repeat: no-repeat;
    }

    .icon_edit {
        background-image: url(../images/icon_edit.png?v=6abdc5c6c7845);
        background-position: left center;
        background-repeat: no-repeat;
    }

    .icon_restore {
        background-image: url(../images/icon_restore.png?v=6abdc5c6c7845);
        background-position: left center;
        background-repeat: no-repeat;
    }

    .icon_search {
        background-image: url(../images/icon_search.png?v=6abdc5c6c7845);
        background-position: left center;
        background-repeat: no-repeat;
    }

    .icon_delete {
        background-image: url(../images/icon_delete.png?v=6abdc5c6c7845);
        background-position: left center;
        background-repeat: no-repeat;
    }

    .icon_cancel {
        background-image: url(../images/icon_cancel.png?v=6abdc5c6c7845);
        background-position: left center;
        background-repeat: no-repeat;
    }

    /*
        #controller_footer_area button{
            border:none;
            cursor: pointer;
            line-height: 32px;
            padding: 0 4px;
            background-color: transparent;
        }

        #controller_footer_area button:hover{
            background-color: rgb(53, 122, 232);
        }*/
    .sys_button_success {
        background-color: rgb(73, 139, 0) !important;
        color: #FFF;
    }

    .cs_sys_link_more_right {
        background-image: url(../images/black/arrow_more_right.png?v=6abdc5c6c7845);
        background-position: right 8px center;
        background-repeat: no-repeat;
    }

    .cs_sys_link_more_right:hover {
        background-image: url(../images/white/arrow_more_right.png?v=6abdc5c6c7845);
        background-position: right 8px center;
        background-repeat: no-repeat;
    }

    .cs_sys_link_more_right_active {
        background-color: rgba(0, 0, 0, 0.08);
        background-image: url(../images/menu_arrow_left.png?v=6abdc5c6c7845);
        background-position: right 0px center;
        background-repeat: no-repeat;
        border-top: 1px solid rgba(0, 0, 0, 0.12);
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    }

    /*
    .cs_sys_link_more_right_active a{

    }

    .cs_sys_link_more_right_active:hover{
        background-image:url(../images/black/arrow_more_left.png?v=6abdc5c6c7845);
        background-position:right 8px center;
        background-repeat:no-repeat;
    }

    .cs_sys_link_more_right_active:hover a{
        color: #333 !important;
    }
    */
    button:hover {
        color: #FFF;
    }

    .calendar_events {
        background-color: #FFFFCC;
    }

    .password_display_tab,
    .login_display_tab,
    .splash_display_tab {
        display: flex;
        height: 100%;
        flex-direction: column;
        background-image: url(../images/bg_dot.png?v=6abdc5c6c7845);
        background-color: #EEEEEE;
    }

    .splash_display_tab>div:first-child,
    .splash_display_tab>div:last-child {
        flex-grow: 1;
    }

    a.button-splash-back {
        color: rgb(0, 114, 198);
        background-image: url(../images/black/arrow_more_left.png?v=6abdc5c6c7845);
        background-position: left 4px center;
        background-repeat: no-repeat;
        padding: 8px 16px 8px 24px;
        text-decoration: none;
        display: block;
    }

    div.zend_form_submit_wrapper {
        display: block;
        width: 100%;
    }

    div.zend_form_submit_wrapper dl.zend_form>* {
        display: none;
    }

    td.recaptcha_image_cell {
        background-color: transparent !important
    }

    #captcha-label {
        display: block;
        color: #C85305
    }

    #captcha-element {
        display: block;
    }

    div.zend_form_submit_wrapper dl.zend_form>*:last-child {
        display: block;
        text-align: right;
        padding-top: 24px;
    }

    .splash_box {
        width: 480px;
        margin: 0 auto;
        display: table;
        border: 1px solid rgba(0, 0, 0, 0.16);
        background-image: url(../images/schoolpattern.png?v=6abdc5c6c7845);
        background-position: left top;
        background-color: #f5f5f5;
    }

    .splash_box>div:first-child {
        margin: 8px;
        background-image: url(../../../images/logoh.png?v=6abdc5c6c7845);
        background-position: left top;
        background-repeat: no-repeat;
        padding-top: 32px;
    }

    .splash_box h1 {
        text-align: center;
        margin-top: 4px;
        font-family: sans;
        font-weight: normal;
        color: #004188;
    }

    .splash_box a {
        color: rgb(0, 114, 198);
        text-decoration: none;
    }

    .splash_box button,
    .splash_box input[type="button"],
    .splash_box input[type="submit"] {
        padding: 8px 24px;
        border: 2px solid rgba(0, 0, 0, 0.24);
        border-radius: 4px;
        /*background-color: rgba(0,0,0,0.08);*/
    }

    .forgot_box {
        width: 480px;
        margin: 0 auto;
        border: 1px solid rgba(0, 0, 0, 0.16);
        display: table;
        background-image: url(../images/schoolpattern.png?v=6abdc5c6c7845);
        background-position: left top;
        background-color: #f5f5f5;
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.16);
    }

    /*
    input[type="email"]{
        width:100%;
        border:1px solid rgb(213, 175, 66);
        font-size: 16pt;
        padding:2px 2px 2px 40px;
        background-image:url(../images/black.png?v=6abdc5c6c7845);
        background-position: -4px -2888px;
        background-repeat: no-repeat;
        background-color:rgba(252, 222, 68, 0.48);
    }*/

    .password_box {
        width: 600px;
        margin: 0 auto;
        border: 1px solid rgba(0, 0, 0, 0.16);
        display: table;
        background-image: url(../images/schoolpattern.png?v=6abdc5c6c7845);
        background-position: left top;
        background-color: #f5f5f5;
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.16);
    }

    .request_success {
        display: table;
        margin-bottom: 24px;
        background-image: url(../images/checked.png?v=6abdc5c6c7845);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 24px;
        margin: 24px auto;
    }

    .password_success {
        text-align: center;
        display: table;
        margin-bottom: 24px;
        background-image: url(../images/checked.png?v=6abdc5c6c7845);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 24px;
        margin: 24px auto;
    }

    .password_logout {
        text-decoration: none;
        line-height: 48px;
        text-align: center;
        display: block;
        background-color: #46A85E;
        color: white;
        background-image: url(../images/white/arrow_more_right.png?v=6abdc5c6c7845);
        background-repeat: no-repeat;
        background-position: right 8px center;
    }

    .password_logout:hover {
        background-color: #56B86E;
    }

    /*
    #header_area{
        background-image:url(../images/schoolpattern.png?v=6abdc5c6c7845);
        background-position: left top;
        background-color: #f5f5f5;
    }
    */
    .login_box {
        width: 480px;
        margin: 0 auto 48px;
        padding: 8px 8px 0 8px;
        display: table;
        border: 1px solid rgba(0, 0, 0, 0.16);
        background-image: url(../images/schoolpattern.png?v=6abdc5c6c7845);
        background-position: left top;
        background-color: #f5f5f5;
    }

    .login_box p {
        color: rgba(0, 0, 0, 0.64);
    }

    #recaptcha_response_field {
        background-color: rgba(252, 222, 68, 0.24);
        border: 1px solid #4d90fe !important;
        font-size: 20pt;
        padding: 8px;
        box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
        border-radius: 4px;
    }

    .login_box dd {}

    .password_box input[type="text"],
    #_username {
        width: 100%;
        border: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.24);
        font-size: 20pt;
        padding: 2px 2px 2px 40px;
        background-image: url(../images/black.png?v=6abdc5c6c7845);
        background-position: -4px -2789px;
        background-repeat: no-repeat;
        background-color: transparent;
        /*color: rgb(23, 76, 0);*/
        /*box-shadow: inset 0 0 1px 2px rgba(0, 0, 0, 0.064);*/
    }

    .password_box input[type="password"] {
        width: 100%;
        border: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.24);
        font-size: 20pt;
        padding: 2px 2px 2px 4px;
        background-color: transparent;
    }

    .password_box_header {
        background-image: url(../images/black.png?v=6abdc5c6c7845);
        background-position: -4px -2064px;
        background-repeat: no-repeat;
        background-color: transparent;
        padding-left: 48px;
        line-height: 48px;
    }

    .login_box input[type="password"] {
        width: 100%;
        border: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.24);
        font-size: 20pt;
        padding: 2px 2px 2px 40px;
        background-image: url(../images/black.png?v=6abdc5c6c7845);
        background-position: -4px -2838px;
        background-repeat: no-repeat;
        background-color: transparent;
        /* color: rgb(23, 76, 0); */
        /* box-shadow: inset 0 0 1px 2px rgba(0, 0, 0, 0.064); */
    }

    .cs_text_error_message {
        color: #C85305;
        font-size: 86%;
        line-height: 178%;
        margin-top: 18px;
        margin-bottom: 12px;
        white-space: normal;
    }

    .cs_input>div {
        display: flex;
        align-items: stretch;
        width: 100%;
    }

    .input_textarea>div {
        cursor: text;
    }

    .cs_input>div>div {
        flex: 1;
    }

    .flag-tardy_excuse>td:first-child .gi:first-child,
    .flag-tardy>td:first-child .gi:first-child {
        background-image: url(../images/tardy.png?v=6abdc5c6c7845);
        background-position: 16px center;
        background-repeat: no-repeat;
    }

    .flag-tardy_excuse.grid_row_locked>td:first-child .gi:first-child,
    .grid_row_locked.flag-tardy_excuse>td:first-child .gi:first-child,
    .flag-tardy.grid_row_locked>td:first-child .gi:first-child,
    .grid_row_locked.flag-tardy>td:first-child .gi:first-child {
        background: url("../images/tardy.png?v=6abdc5c6c7845"), url("../images/black/locked.png?v=6abdc5c6c7845");
        background-position: 16px center, left center;
        background-repeat: no-repeat, no-repeat;
    }

    .flag-leave_excuse>td:first-child .gi:first-child,
    .flag-leave>td:first-child .gi:first-child {
        background-image: url(../images/leave.png?v=6abdc5c6c7845);
        background-position: 16px center;
        background-repeat: no-repeat;
    }

    .flag-leave_excuse.grid_row_locked>td:first-child .gi:first-child,
    .grid_row_locked.flag-leave_excuse>td:first-child .gi:first-child,
    .flag-leave.grid_row_locked>td:first-child .gi:first-child,
    .grid_row_locked.flag-leave>td:first-child .gi:first-child {
        background: url("../images/leave.png?v=6abdc5c6c7845"), url("../images/black/locked.png?v=6abdc5c6c7845");
        background-position: 16px center, left center;
        background-repeat: no-repeat, no-repeat;
    }

    .flag_excuse>td:first-child .gi:first-child {
        background-image: url(../images/message.png?v=6abdc5c6c7845);
        background-position: 16px center;
        background-repeat: no-repeat;
    }

    .flag_excuse.grid_row_locked>td:first-child .gi:first-child,
    .grid_row_locked.flag_excuse>td:first-child .gi:first-child {
        background: url("../images/message.png?v=6abdc5c6c7845"), url("../images/black/locked.png?v=6abdc5c6c7845");
        background-position: 16px center, left center;
        background-repeat: no-repeat, no-repeat;
    }

    .grid_popup_cell_options .cs_sys_button_toogle:disabled {
        border: medium none;
        background-color: #F74E1E;
        color: #FFF;
    }


    ul.input-flags {
        padding: 6px 0;
    }

    ul.transaction-feedback {
        padding-left: 0;
    }

    ul.transaction-feedback>li>button {
        border: 1px solid rgba(0, 0, 0, 0.24);
    }

    .password-card {
        width: 600px;
        margin: 32px auto;
    }

    .password-card input {
        padding: 4px 4px;
        border: 1px solid rgba(0, 0, 0, 0.12);
    }

    .card h3 {
        text-decoration: none;
        font-weight: bold;
    }

    .password-card h2 {
        background-image: url(../images/black/key.png?v=6abdc5c6c7845);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 24px;
        margin-top: 0;
        margin-bottom: 16px;
    }

    .password-card label {
        font-size: small;
    }

    .password-rules {
        flex-grow: 1;
        padding-left: 24px;
    }

    .password-rules ul {
        list-style-type: none;
        padding-left: 24px;
        margin-top: 16px;
        padding: 0;
    }

    .password-rules ul li {
        line-height: 24px;
        background-image: url(../images/checked.png?v=6abdc5c6c7845);
        background-repeat: no-repeat;
        background-position: left 4px;
        padding-left: 20px;
        filter: grayscale(1);
        opacity: 0.64;
    }

    .password-rules ul li.success {
        filter: grayscale(0);
        opacity: 1;
    }

    button.button-submit,
    input.button-submit {
        /*border: 1px solid rgba(0, 0, 0, 0.12);*/
        color: white;
        /*border-radius: 3px;*/
        cursor: pointer;
    }

    button.quit {
        background-position: 110% -1018px;
    }

    /*
    button.g-recaptcha{
        padding: 0 8px;
    }
    */
    button.submit,
    button.continue,
    button.download.ready,
    button.save,
    button.continue.done {
        --cs-bg-color: var(--cs-bg-color-create);
    }

    button.download.ready,
    button.save,    
    button.g-recaptcha,
    .menu_button.continue,
    button.end,
    .button-submit.continue {
        color: var(--cs-text-color);
        background-color: var(--cs-bg-color);
    }

    button.button-submit.cancel,
    input.button-submit.cancel {
        background-color: #F6584C;
        /*
        background-image:url(../images/white/arrow_more_left.png?v=6abdc5c6c7845);
        background-position: left 6px center;
        background-repeat: no-repeat;*/
        opacity: 0.48;
    }

    button.button-submit.close,
    input.button-submit.close {
        color: rgba(0, 0, 0, 0.72);
        opacity: 0.48;
    }

    button.button-submit.close:hover,
    input.button-submit.close:hover {
        opacity: 1;
        color: white;
        background-color: #d24726;
    }

    button.cancel:hover {
        opacity: 1;
    }

    input.warning {
        border: 1px solid rgba(255, 0, 0, 0.24) !important;
        background-color: rgba(255, 0, 0, 0.12) !important;
    }

    button.ready {
        box-shadow: none !important;
    }

    .unready button.ready {
        background-color: rgba(0, 0, 0, 0.48);
    }

    .unready button.ready:hover {
        background-color: #fa575d;
    }

    .ready button.ready,
    .unready button.g-recaptcha,
    .delay button.g-recaptcha,
    .delay button.ready {
        display: none;
    }

    a.button-submit.cancel {
        color: rgba(0, 0, 0, 0.8);
        background-image: url(../images/black/arrow_more_left.png?v=6abdc5c6c7845);
        background-position: left 4px center;
        background-repeat: no-repeat;
        text-decoration: none;
    }

    a.button-submit.cancel:hover {
        color: white;
        background-color: #F6584C;
        background-image: url(../images/white/arrow_more_left.png?v=6abdc5c6c7845);
        background-position: left 4px center;
        background-repeat: no-repeat;
        text-decoration: none;
        border-radius: 4px;
    }

    a.button-submit.back {
        color: rgba(0, 0, 0, 0.8);
        background-image: url(../images/black/arrow_more_left.png?v=6abdc5c6c7845);
        background-position: left 4px center;
        background-repeat: no-repeat;
        text-decoration: none;
    }

    a.button-submit.back:hover {
        text-decoration: underline;
        box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.24);
        border-radius: 4px;
    }

    /*
    .login_box .button-submit{
        float:right;
    }
    */
    .success-card {
        width: 480px;
        padding: 40px;
        margin: 32px auto;
    }

    .success-card h2 {
        background-image: url(../images/checked.png?v=6abdc5c6c7845);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 24px;
        margin-top: 0;
        margin-bottom: 16px;
    }

    .schedule_break>div {
        background-color: rgba(200, 200, 200, 0.64);
        display: flex;
        align-items: center;
        text-align: center;
        padding: 0 6px;
    }

    .schedule_type0 {
        background-color: #ffe599;
    }

    div.main_wrapper.popup {
        width: 100%;
        height: 100%;
    }

    /*
    body.computer div.main_wrapper.not-popup{
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 48px 1fr;
        transition: background-color 1200ms linear;
        min-width: 760px;
    }
    */
    /*
    body.mobile .menu-auth-top{
        flex-direction: column;
    }

    div.main_wrapper.sandbox{
      width: 100%;
      height: 100%;
      display: grid;
      grid-template-columns: 100%;
      grid-template-rows: 32px 1fr;
      transition: background-color 1200ms linear;
    }    */

    #main_display.has-header {
        width: 100%;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 48px 1fr;
    }

    #main_display.has-footer {
        width: 100%;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 1fr 40px;
    }

    #main_display.has-header.has-footer {
        width: 100%;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 40px 1fr 40px;
    }

    .search_box_wrapper {
        margin-right: 4px;
        margin-left: 4px;
        border: 1px solid rgba(0, 0, 0, 0.32);
        box-shadow: 1px 1px 2px inset rgba(0, 0, 0, 0.12);
        flex-grow: 1;
        padding-right: 1px;
        border-radius: 3px;
        background-color: rgba(255, 255, 0, 0.12);
    }


    .search-top.searching input.search-input {
        background-color: rgba(255, 255, 0, 0.32);
        border-radius: 0;
    }

    .search_box_wrapper {
        display: flex;
        align-items: stretch;
        width: 100%;
    }

    .search_box_wrapper .sys_button_clear {
        background-color: transparent;
        border: none;
    }

    .search_box_wrapper .input_search_keywords {
        border: none;
        background-color: transparent;
        flex-grow: 1;
        min-width: 48px;
    }

    .search_box_wrapper .sys_button_find {
        border: none;
        background-color: transparent;
        width: 28px;
        border-radius: 14px;
    }

    .toggle-down {
        border-right: 6px solid #FF9D02;
    }

    .toggle-options {
        display: none;
    }

    .toggle-options-visible .toggle-options {
        display: flex;
    }

    .message_protected {
        background: #FFFFCC url(../images/black/locked.png?v=6abdc5c6c7845) no-repeat scroll 10px center !important;
        border-bottom: 1px solid #cccc99 !important;
        color: #292923 !important;
        padding: 8px 8px 8px 32px;
        font-size: small;
    }

    .planner_wrapper {
        max-width: 610pt;
    }

    .planner_wrapper h3 {
        text-align: center;
    }

    /*.controller_display_tab.splash,*/
    .controller_display_tab.note_student,
    .controller_display_tab.planner_student,
    .controller_display_tab.planner_period,
    .controller_display_tab.attendance_period {
        background-image: url(../images/bg_dot.png?v=6abdc5c6c7845);
        background-position: left top;
        background-color: #ffe0ff;
    }

    .splash.backup .doc_frame {
        background-image: url(../images/restoredb.png?v=6abdc5c6c7845);
        background-position: center 6mm;
        background-color: transparent;
        background-repeat: no-repeat;
        box-shadow: none;
    }

    .splash .doc_section>div:last-child {
        padding-bottom: 0;
    }

    /*
    .splash.backup .doc_locked{
        display: none;
    }
    */

    .splash .doc_header {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border: none;
        padding-top: 40mm;
    }

    .splash .doc_document {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border: none;
    }

    .view_calendar h3 {
        text-align: center;
        text-transform: capitalize;
    }

    .schedule-group td {
        vertical-align: top;
    }

    .left-side .cs_fragment_controls {
        flex-direction: row-reverse;
        text-align: left;
    }

    .right-side .cs_fragment_controls {
        flex-direction: row;
        text-align: right;
    }

    .calendar_wrapper {
        min-height: 48px;
    }

    .sys_popup_box_frame.iframe {
        padding: 0;
    }

    .sys_popup_box_frame p {
        margin: 6px 0;
    }

    .popup-menu-bottom {
        display: flex;
        justify-content: space-around;
        align-items: flex-start;
        margin: .5rem;
    }

    /*
    .popup-menu-bottom>button{
        margin-right: 1rem;
    }
    */
    .popup-menu-bottom button {
        cursor: pointer;
        margin: 0 .25rem;
    }

    button.menu_button_close {
        background-color: #D96565;
        color: #FFF !important;
        border: 1px solid #B94545;
    }

    button.menu_button_close:hover {
        background-color: #B94545;
        color: #FFF;
        border: 1px solid #A93535;
    }

    button.menu_button_continue {
        background-color: #46a85e;
        color: #FFF !important;
        border: 1px solid #26883e;
    }

    button.menu_button_continue:hover {
        background-color: #36984e;
        color: #FFF;
        border: 1px solid #16782e;
    }

    .message.error ul {
        list-style-type: disc;
        padding-left: 24px;
    }

    .message.error li {
        color: #b94545;
    }

    .link {
        cursor: pointer;
    }

    .request_result {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .request_result>p {
        margin: 4px;
    }

    .request_counters {
        display: block;
        margin-top: 4px;
    }

    /*
    .request_result>p:first-child{
        font-size: 120%;
    }

    .request_result.abort,
    div.popup-alert-wrapper .abort{
        color: rgba(0,0,0,0.8);
        background-image: url("../images/abort.png?v=6abdc5c6c7845");
        background-position: 8px 12px;
        background-repeat: no-repeat;
        min-height: 64px;
        padding-left: 64px;
    }

    .request_result.complete,
    div.popup-alert-wrapper .complete{
        color: rgba(0,0,0,0.8);
        background-image: url("../images/complete.png?v=6abdc5c6c7845");
        background-position: 8px 12px;
        background-repeat: no-repeat;
        min-height: 64px;
        padding-left: 64px;
    }

    .request_result.success,
    div.popup-alert-wrapper .success{
        color: #0F9D58;
        background-image: url("../images/done.png?v=6abdc5c6c7845");
        background-position: left top;
        background-repeat: no-repeat;
        min-height: 54px;
        padding-left: 64px;
    }

    .request_result.fail,
    div.popup-alert-wrapper .fail{
        color: #D24726;
        background-image: url("../images/fail.png?v=6abdc5c6c7845");
        background-position: 3px 3px;
        background-repeat: no-repeat;
        min-height: 54px;
        padding-left: 64px;
    }
*/
    span.request_counter {
        margin-right: 1em;
        display: inline-flex;
    }


    span.request_counter>span:last-child {
        display: inline-flex;
        flex-direction: column;
        font-size: x-small;
    }

    span.request_counter>span:last-child>span:last-child {
        min-height: 0.5em;
        border-radius: 2em;
        min-width: 4em;
    }

    span.request_counter.warning>span:last-child>span:last-child {
        background-color: orange;
    }

    span.request_counter.fail>span:last-child>span:last-child {
        background-color: #D24726;
    }

    span.request_counter.success>span:last-child>span:last-child {
        background-color: #0F9D58;
    }

    span.request_counter>span:first-child {
        font-size: 1.5em;
        margin-right: 0.3em;
    }

    .request_feedback {
        font-size: small;
        padding: 4px 4px;
        /*border-width:1px; border-style: solid solid none solid; border-color: rgba(0,0,0,0.24);*/
    }

    .request_feedback>div {
        padding-left: 32px;
        margin-bottom: 2px;
    }

    .request_feedback .error,
    .request_feedback .fail {
        background-image: url("../images/icon_out_of_service.png?v=6abdc5c6c7845");
        background-position: 16px 3px;
        background-repeat: no-repeat;
        color: #D24726;
    }

    .request_feedback>.error * {
        color: #D24726;
    }

    div.request_feedback>div.error>span {
        color: #D24726;
    }


    .request_feedback .caution {
        background-image: url("../images/warning.png?v=6abdc5c6c7845");
        background-position: 8px 0;
        background-repeat: no-repeat;
        color: #a22706;
    }


    div.popup-layer>div.wrapper.help>div.body {
        min-height: 3rem;
        /*max-width: 16rem;*/
    }

    /*
    div.wrapper.help>div.body *{
        font-weight: lighter;
    }
    */
    div.wrapper.help>div.body br {
        margin: 1rem;
    }

    /*
        .request_result.caution,
        div.popup-alert-wrapper .caution{
            background-image: url("../images/caution.png?v=6abdc5c6c7845");
            background-position: left top;
            background-repeat: no-repeat;
            min-height: 48px;
            padding-left: 54px;
        }
    */
    .policy.caution {
        background-image: url("../images/caution.png?v=6abdc5c6c7845");
        background-position: 16px center;
        background-repeat: no-repeat;
        min-height: 48px;
        padding-left: 54px;
    }

    .caution>ul {
        list-style: circle;
        padding-left: 16px;
    }

    .caution>ul>li {
        margin-top: 6px;
    }

    .request_result.signing,
    div.popup-alert-wrapper .signing {
        background-image: url("../images/caution.png?v=6abdc5c6c7845");
        background-position: left top;
        background-repeat: no-repeat;
        min-height: 48px;
        padding-left: 54px;
    }

    .signing input {
        width: 60%;
        border: 1px solid rgba(0, 0, 0, 0.48);
        height: 32px;
        margin-top: 8px;
        background-color: rgba(255, 255, 0, 0.48);
        padding: 4px;
        text-align: center;
        font-size: 120%;
    }

    .signing input[type="text"]:disabled {
        background-color: rgba(0, 0, 0, 0.08);
    }

    .signing .wait {
        color: #C85305;
    }

    .sys_popup_box_frame>div>span:first-child {
        font-weight: bold;
        display: block;
    }

    .request_result.info {
        background-image: url("../images/info.png?v=6abdc5c6c7845");
        background-position: left top;
        background-repeat: no-repeat;
        min-height: 48px;
        padding-left: 64px;
    }

    .request_result.popup {
        background-image: url("../images/gopopup.png?v=6abdc5c6c7845");
        background-position: left top;
        background-repeat: no-repeat;
        min-height: 48px;
        padding-left: 64px;
    }

    div.standby-layer div.clock,
    .request_result.clock,
    div.popup-frame .clock,
    div.popup-alert-wrapper .clock {
        background-image: url("../images/clock.png?v=6abdc5c6c7845");
        background-position: left top;
        background-repeat: no-repeat;
        min-height: 48px;
        padding-left: 64px;
    }

    .popup-alert-wrapper .message {
        padding: .5em;
        border-radius: .5em;
        text-align: center;
    }

    div.popup-menu-bottom>button {
        border: .1rem solid rgba(0, 0, 0, 0.16);
        /*box-shadow: 1px 1px 1px 2px rgba(0,0,0,0.08);*/
        /*background-color: rgba(0,0,0,0.08);*/
    }

    .keyword {
        font-weight: bold;
    }

    .nav_wrap.role>ul>li>a>span:first-child {
        padding-right: 16px;
    }

    .nav_wrap.role>ul>li>a>span:last-child {
        background-color: #47a447;
        padding: 2px 4px;
        color: white;
        border-radius: 12px;
    }

    #main_header {
        width: 100%;
        display: flex;
        flex-direction: column;
    }



    .popup_tabs>ul {
        display: flex;
    }

    .popup_tabs>ul>li {
        display: inline-block;
        border: 1px solid rgba(0, 0, 0, 0.24);
        line-height: 30px;
    }

    .popup_tabs>ul>li:last-child {
        flex-grow: 1;
        border-top: none;
        border-right: none;
    }

    .popup_tabs>ul>li:first-child {
        border-top: none;
        border-left: none;
    }

    .popup_tabs>ul>li:first-child.active {
        border-left: 1px solid rgba(0, 0, 0, 0.24);
    }

    .popup_tabs>ul>li button {
        border: none;
        padding: 0 16px;
        cursor: pointer;
        height: 32px;
        border-radius: 0;
    }

    .popup_tabs>ul>li.active {
        border-color: rgba(0, 0, 0, 0.24);
        border-bottom-color: rgba(0, 0, 0, 0.24);
        border-top-color: rgba(0, 0, 0, 0.24);
        border-bottom: none;
        color: rgba(0, 0, 0, 0.96);
        background-color: rgba(255, 255, 255, 0.24);
        border-top: 2px solid #1a5b9c;
    }

    /*
    .popup_tabs > ul > li.active button {
        background-color: transparent;
    }*/

    .popup_tabs>ul>li.active button:hover {
        color: black;
        box-shadow: none;
    }

    .popup_wrapper_tabs {
        border-left: 1px solid rgba(0, 0, 0, 0.24);
        border-right: 1px solid rgba(0, 0, 0, 0.24);
        border-bottom: 1px solid rgba(0, 0, 0, 0.24);
    }

    .popup_wrapper_tabs div.input-group-check {
        margin: 12px 16px;
    }

    .tbl_print_settings {
        width: 100%;
    }

    .tbl_print_settings th {
        border-bottom: 1px solid rgba(0, 0, 0, 0.48);
        vertical-align: bottom;
    }

    .tbl_print_settings td {
        border-bottom: 1px solid rgba(0, 0, 0, 0.24);
        padding: 0 0;
        margin: 0 0;
    }

    .tbl_print_settings td>input {
        margin: 2px auto;
    }

    [data-readonly="1"] .input_date div.input_options,
    [data-readonly="1"] a.tokenize_del_btn,
    [data-readonly="1"] a.menu_button_remove,
    [data-readonly="1"] a.menu_button_add_row,
    [data-readonly="1"] a.grid_add_row,
    [data-readonly="1"] input.grid_button_table_options {
        display: none !important;
    }

    span.box_align_middle {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    span.box_vertical_bottom,
    span.box_vertical_center {
        display: flex;
        flex-direction: column;
    }

    span.box_vertical_center span {
        line-height: 1;
    }

    span.box_align_middle>span:first-child,
    span.box_align_middle>span:last-child,
    span.box_vertical_bottom>span:first-child,
    span.box_vertical_center>span:first-child,
    span.box_vertical_center>span:last-child {
        flex-grow: 1;
    }

    /*
    span.box_vertical_center>span:nth-child(2){
        padding:0 4px;
    }
    */
    .transaction_status_box {
        transition: opacity 1s ease-in-out;
        opacity: 1;
    }

    /*
    .transaction_status_box>ul>li:last-child{
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }
    */
    .transaction_status_box.hidden {
        opacity: 0;
    }

    .splash_wrapper {
        display: block;
        width: 100%;
        height: 100%
    }

    /*
    .doc_section>div:last-child .form_document{
        background-image:url(../images/powered.png?v=6abdc5c6c7845);
        background-position: center bottom 8px;
        background-repeat: no-repeat;
        padding-bottom: 48px;
    }
    */
    .header_continue {
        text-align: center;
        font-size: 12pt;
        color: rgba(0, 0, 0, 0.64);
    }

    .controller_menu_bottom_center_buttons {
        text-align: center;
    }

    .controller_menu_bottom_center_buttons button {
        margin: 0 auto;
    }

    div.progress_circle {
        position: relative;
        margin: 0 auto;
        width: 120px;
        height: 40px;
        cursor: pointer;
        border-radius: 2px;
        background-color: rgba(0, 0, 0, 0.08);
        display: flex;
        box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.08);

    }

    div.progress_circle canvas {
        display: block;
        position: absolute;
        top: 4px;
        left: 4px;
    }

    div.progress_circle span {
        color: rgba(0, 0, 0, 0.32);
        display: inline-block;
        line-height: 40px;
        text-align: center;
        font-family: sans-serif;
        font-size: 10pt;
    }

    div.progress_circle span.percent {
        width: 40px;
        border-top-left-radius: 16px;
        border-bottom-left-radius: 16px;
        font-size: 8pt;
    }

    div.progress_circle span.label {
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px;
        flex-grow: 1;
        text-align: left;
        padding-left: 8px;
    }

    div.progress_circle.p100 span.percent {
        display: none;
    }

    div.progress_circle.p100 span.label {
        flex-grow: 1;
        text-align: center;
        padding-left: 0px;
        border-radius: 2px;
    }

    div.progress_circle.p100 span {
        color: white;
        background-color: #2cbe4e;
        background-image: url(../images/white/arrow_more_down.png?v=6abdc5c6c7845);
        background-position: center 80px;
        background-repeat: no-repeat;

        animation-name: anim;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-timing-function: cubic-bezier(.8, 0, .2, 1);
        text-shadow: 0 0 3px rgba(0, 0, 0, 0.24);
    }


    @keyframes anim {
        to {
            background-color: #4cDe6e;
        }
    }

    div.progress_circle.p100 canvas {
        display: none;
    }

    div.info ul {
        margin-top: 12px;
    }

    div[data-available="0"] div.input_envelope,
    div[data-available="0"] div.input-tokenize,
    div[data-available="0"] a.menu_button_add_row {
        visibility: hidden;
    }

    .top_message {
        width: 100%;
        position: fixed;
        padding: 12px 8px 8px 16px;
        z-index: 1;
    }

    .top_message.caution {
        background-color: #FCF7B6;
        border-bottom: 1px solid #D7D889;
        color: #474746;
    }

    /*
    span.person-candidate{
        display: flex;
    }*/

    span.person-candidate>span {
        margin-left: 4px;
        display: inline-block;
    }

    span.person-candidate>span:last-child {
        text-align: center;
        padding-right: 8px;
        padding-left: 24px;
        height: 20px;
        line-height: 20px;
        color: white;
        border-radius: 14px;
        margin-top: 4px;
        margin-right: 24px;
    }

    .pcolorNaN,
    .pcolor00,
    .pcolor10 {
        background-image: url(../images/white/incomplete.png?v=6abdc5c6c7845);
        background-position: 4px center;
        background-repeat: no-repeat;
        background-color: #EB4841;
    }

    .pcolor20,
    .pcolor30 {
        background-color: #EB4841;
        background-image: url(../images/smiles.png?v=6abdc5c6c7845);
        background-position: left 0px;
        background-repeat: no-repeat;
    }

    .pcolor40,
    .pcolor50 {
        background-color: #F48847;
        background-image: url(../images/smiles.png?v=6abdc5c6c7845);
        background-position: left -28px;
        background-repeat: no-repeat;
    }

    .pcolor60,
    .pcolor70 {
        background-color: #FFC84A;
        background-image: url(../images/smiles.png?v=6abdc5c6c7845);
        background-position: left -56px;
        background-repeat: no-repeat;
    }

    .pcolor80,
    .pcolor90 {
        background-color: #A6C34C;
        background-image: url(../images/smiles.png?v=6abdc5c6c7845);
        background-position: left -84px;
        background-repeat: no-repeat;
    }

    .pcolor100 {
        background-image: url("../images/white.png?v=6abdc5c6c7845");
        background-position: -10px -62px;
        background-repeat: no-repeat;
        background-color: #4EC04E;
    }

    div.doc_frame {
        transition: background-image 5s ease-in-out;
    }

    /*
    div[data-complete="1"]{
        background-image: linear-gradient(rgba(0,255,0,0.08) , rgba(0,255,0,0));
        transition: background-image 5s ease-in-out;
    }

    div[data-complete=""]{
        background-image: linear-gradient(rgba(255,165,0,0.12) , rgba(255,165,0,0));
        transition: background-image 5s ease-in-out;
    }*/

    .not-header .doc_envelope {
        /*padding-top: 32px;*/
    }

    b {
        height: 0;
    }

    .slide_wrapper {
        display: block;
        width: 100%;
        height: 100%
    }

    .slide_wrapper {
        display: block;
        width: 100%;
        height: 100%
    }

    .slide_display_tab {
        display: flex;
        height: 100%;
        flex-direction: column;
        overflow: auto;
    }

    div.screen-filler {
        background-position: right center;
        background-repeat: no-repeat;
        background-size: cover;
        flex-grow: 1;
        padding: 2rem 0;
        width: 52%;
    }


    body.self-shop-auth3 div.screen-filler {
        background-size: contain;
        background-color: #1a5b9c;
    }

    div.screen-filler.oops {
        background-image: url(../images/nothing.png?v=6abdc5c6c7845);
        background-color: rgba(0, 154, 55, 0.04);
        background-size: contain;
    }

    div.screen-main {
        display: flex;
        flex-direction: column;
        width: 48%;
    }

    .slide_display_tab div.screen-main {
        padding: 2rem 0;
    }

    .flex-spacer {
        flex-grow: 1;
    }

    /*
    .slide_display_tab>div:first-child{
        flex-grow: 0.8;
    }*/
    .slide_display_tab>div:last-child {
        flex-grow: 1;
        display: flex;
        align-items: stretch;
        justify-content: space-between;
    }

    /*
    div.screen-wrapper{
        background-color:white;
    }
    */
    div.header.app {
        display: flex;
        box-sizing: border-box;
        text-align: left;
        top: 0;
        width: 100%;
        z-index: 1999;
        justify-content: space-around;
        padding: 0 3rem;
    }

    div.screen-filler>div>div.header.app {
        justify-content: space-between;
    }

    /*
        .slide_box{
            margin: 0 auto;
        }
    */
    .slide_box button.wait {
        background-color: transparent;
        color: black;
        border-radius: 4px;
        cursor: wait;
        display: none;
        background-image: url(../images/rolling.svg);
        background-position: 5px center;
        background-repeat: no-repeat;
        opacity: 1;
        padding-left: 1.2rem;
    }

    .delay button.wait {
        display: inline-block;
        box-shadow: none !important;
    }

    .delay button.wait:hover {
        background-color: rgba(0, 0, 0, 0.08);
        box-shadow: 1px 1px 1px inset rgba(0, 0, 0, 0.24);
    }

    /*
    .slide_box.auth input.code
    {
        width:100%;
        font-size: 16pt;
        color:rgb(60, 40, 20);
        border: none;
        background-color: transparent;
    }
    */
    div.input-code-wrapper {
        display: flex;
        border: 1px solid rgba(160, 160, 160, 0.64);
        background-color: #f0f5f2;
        border-radius: 3px;
    }

    div.input-credential-wrapper {
        background-color: white;
        margin-top: 12px;
        border-radius: 10px;
        border: 1px solid rgba(160, 160, 160, 0.64);
        overflow: hidden;
    }

    div.input-credential-wrapper.disabled {
        background-color: whitesmoke;
    }

    div.input-credential-wrapper>div {
        display: flex;
        flex-direction: column;
        min-height: 4rem;
        background-color: transparent;
        transition: background-color 1000ms linear, box-shadow 1s;
    }

    div.input-credential-wrapper>div+div {
        border-top: 1px solid rgba(160, 160, 160, 0.64);
    }

    div.input-credential-wrapper>div.empty>div:first-child {
        height: 0;
        opacity: 0;
        overflow: hidden;
        transition: height 1s ease, opacity 1s ease-in;
    }

    div.input-credential-wrapper>div.warning>div:first-child,
    div.input-credential-wrapper>div.error>div:first-child,
    div.input-credential-wrapper>div.focus>div:first-child {
        height: 1.5rem;
        opacity: 1;
    }

    div.input-credential-wrapper>div.empty>div:last-child {
        align-items: center;
    }

    div.input-credential-wrapper>div>div>label {
        transition: opacity .5s ease 0s;
        border-radius: .5em;
        font-size: 0.8em;
        padding: 0 .5em;
    }

    div.input-credential-wrapper>div.focus>div>label {
        display: inline-block;
    }

    div.input-credential-wrapper>div.focus>div>label>span {
        color: rgba(0, 0, 0, 0.64);
    }

    div.input-credential-wrapper>div>div>label>span:last-child>span:last-child {
        font-weight: bold;
    }

    div.input-credential-wrapper>div.warning {
        border-color: rgba(255, 165, 0, 0.48) !important;
        background-color: rgba(255, 165, 0, 0.08) !important;
    }

    /*
        div.input-credential-wrapper>div:first-child{
            border-top-left-radius: .5em;
            border-top-right-radius: .5em;
        }
    
        div.input-credential-wrapper>div:last-child{
            border-bottom-left-radius: .5em;
            border-bottom-right-radius: .5em;
            border-bottom: 1px solid rgba(160, 160, 160,0.64);
        }
    */
    div.input-username-wrapper {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    div.input-password-wrapper {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    /*
        div.input-credential-wrapper > div.input-mail-wrapper > div > input {
            background-image:url(../images/icons/icon-mail.svg);
            background-position: 8px center;
            background-repeat: no-repeat;
            font-size: medium;
        }
    */
    div.input-password-wrapper>div:last-child {
        display: flex;
    }

    /*
    div.input-credential-wrapper>div>div>input{
        width:100%;
        height: 100%;
        font-size: 16pt;
        color:rgb(60, 40, 20);
        border: none;
        background-color: transparent;
        min-width: 120px;
    }
    */

    div.slide_box.auth .input-wrapper {
        padding: 0 .5em;
        flex-grow: 1;
    }


    div.slide_box.auth .input-wrapper>input {
        flex-grow: 1;
        font-size: 16pt;
        border: none;
        background-color: transparent;
        min-width: 120px;
        width: 100%;
        margin: 0 .5rem;
    }

    /*
        input.password[type="text"]{
            color:rgba(0,0,0,0.24) !important;
        }
    */
    input:autofill {
        background: transparent;
    }


    div.input-password-wrapper.view {
        background-image: url(../images/bg_dot.png?v=6abdc5c6c7845);
    }

    .slide-footer>div.nav-bar>button {
        border: 0.1rem solid rgba(0, 0, 0, 0.12);
        margin: .5rem;
    }

    .message.icon-text {
        padding: 1em;
        border-radius: 0.5rem;
        font-size: .9em;
    }

    .message.icon-text .title {
        font-weight: bold;
    }

    p.icon-text.message {
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

    .message.none {
        padding: 0;
    }

    /*
    .message>span:first-child{
        margin-right: 8px;
    }
    */
    .message span {
        line-height: 1.3;
    }

    .message.caution,
    .message.sec {
        --cs-bg-color: #FFF2BE;
        color: rgba(0, 0, 0, 0.64);
    }

    .message.error {
        --cs-bg-color: #f8d4d4;
    }

    .message.error::before,
    .message.error span {
        color: #96282b;
    }

    .popup-form-request-status .message.error {
        background-color: transparent;
    }

    .popup-form-request-status .message.rejected::before,
    .popup-form-request-status .message.rejected>span,
    .popup-form-request-status .message.error::before,
    .popup-form-request-status .message.error>span {
        color: #d24726;
    }

    ul.transaction-feedback>li {
        max-width: 20rem;
    }

    ul.transaction-feedback>li::before {
        font-size: 2rem;
    }

    ul.transaction-feedback>li::after {
        content: '\E02A';
        align-self: self-start;
        cursor: pointer;
    }

    ul.transaction-feedback>li.message>a:hover {
        background-color: rgba(0, 0, 0, 0.24);
        color: white;
    }

    ul.transaction-feedback>li.message>a {
        background-color: rgba(0, 0, 0, 0.12);
        color: white;
    }

    .message.info,
    .message.rel {
        --cs-bg-color: #c9eff9;
        color: rgba(0, 0, 0, 0.64);
    }

    /*
    .message + .message {
        margin-top:.5rem;
    }
    */
    .message.success {
        --cs-bg-color: #cfedd3;
    }

    .message.process {
        --cs-bg-color: #dfebfc;
    }

    ul.transaction-feedback>li.message.success {
        background-color: #66c87e;
        color: white;
    }

    ul.transaction-feedback>li.message.info {
        background-color: #5e87d0;
        color: white;
    }

    ul.transaction-feedback>li.message.error {
        background-color: #e97575;
        color: white;
    }

    ul.transaction-feedback>li.message {
        border-radius: 6px;
        display: flex;
        align-items: center;
    }

    ul.transaction-feedback a {
        display: inline-block;
        margin-left: 16px;
        color: white;
        border: 1px solid rgba(0, 0, 0, 0.12);
        border-radius: 4px;
        padding: 0 8px;
        background-color: rgba(0, 0, 0, 0.08);
        text-decoration: none;
        /*line-height: 28px;*/
    }

    /*
    .controller_menu_bottom a.menu_button,
    .controller_menu_bottom button{
        padding: 8px 24px;
    }
    */
    ul.password-requirement {
        display: inline-block;
    }

    ul.password-requirement>li {
        margin-top: 4px;
        border-radius: 4px;
        padding: 4px 4px 4px 20px;
        background-image: url(../images/black/active.png?v=6abdc5c6c7845);
        background-position: left center;
        background-repeat: no-repeat;
        opacity: 0.8;
    }

    ul.password-requirement>li.done {
        opacity: 1;
        color: #0F9D58;
        background-image: url(../images/checked.png?v=6abdc5c6c7845);
    }

    .retype-disabled .password-retype {
        opacity: 0.2;
    }

    .retype-enabled .password-retype {
        opacity: 1;
    }

    /*
    .forgot-password-valid .forgot-password-requirements{
        display: none;
    }
    */
    input[type="password"].success {
        border-color: #0F9D58 !important;
    }

    .password-reset-title {
        background-image: url(../images/password_reset.png?v=6abdc5c6c7845);
        background-position: left center;
        background-repeat: no-repeat;
        color: #0877c7;
        padding: 8px 4px 8px 54px;
    }

    .button-root {
        background-color: #999;
        background-image: url("../images/white.png?v=6abdc5c6c7845");
        background-position: -8px -1882px;
        padding: 2px 8px 2px 24px !important;
        background-repeat: no-repeat;
        border: none;
        margin-left: 2px;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12) inset;
        opacity: 0;
    }

    .button-root.active {
        background-color: #47a447;
        opacity: 1;
    }

    div.transaction_status_frame {
        position: fixed;
        z-index: 2;
        padding: 0 1rem;
    }

    /*.slide_wrapper.login div.slide_display_tab,
    div.slide_wrapper.admission-request.request div.slide_display_tab{
        background-image:url(../images/bg_dot.png?v=6abdc5c6c7845);
    }
    */
    .slide_wrapper h1.title {
        color: rgba(0, 0, 0, 0.72);
    }

    .logo-top {
        margin-left: 16px;
    }

    /*
    .slide_wrapper.login{
        background-image:url(../images/schoolpattern.png?v=6abdc5c6c7845);
        background-position: left top;
        background-color: #fafafa;
    }*/

    .button-popup {
        border: none;
        text-align: left;
        background-color: transparent;
    }

    /*
    button.button-popup-enrollment,
    button.button-popup-group,
    button.button-popup-course,
    button.button-popup-year{

    }

    button.button-popup.focus>span{
        color:white;
    }

    button.button-popup.focus,
    button.button-popup.active{
        background-color: #1a5b9c;
        color: white;
        border-width: 0 1px 0 1px;
        border-style: solid;
        border-color: rgba(0,0,0,0.24);
        background-position: right -1210px;
    }*/

    div.icon.list>a,
    div.popup_anchor_options>ul>li>button>span {
        white-space: nowrap;
    }

    #sys_popup_anchor_body a:hover {
        background-color: #1a5b9c;
        color: white;
    }

    #sys_popup_anchor_body {
        background-color: #EEE;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    }

    #sys_popup_anchor_title button {
        display: block;
    }

    #sys_popup_anchor_footer {
        display: flex;
    }

    #sys_popup_anchor_footer>span:first-child {
        flex-grow: 1;
    }

    #sys_popup_anchor_footer button {
        padding: 5px 16px;
        border-width: 0 1px 0 1px;
        border-style: solid;
        border-color: rgba(0, 0, 0, 0.24);
    }

    #sys_popup_anchor_wrapper {
        z-index: 2;
    }

    div.icon.list a {
        text-decoration: none;
        padding-left: 28px !important;
        background-image: url("../images/black.png?v=6abdc5c6c7845");
        background-repeat: no-repeat;
        color: rgba(0, 0, 0, 0.8);
    }

    div.icon.list li>a {
        display: block;
    }

    span.icon.list-h {
        display: flex;
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    }

    span.icon.list-h>a {
        width: 50%;
    }

    ol.list>li a:hover,
    div.icon.list a:hover {
        background-image: url("../images/white.png?v=6abdc5c6c7845");
        color: white;
        background-color: #1a5b9c;
    }

    div.icon.list a.about-me {
        background-position: -8px -2024px;
    }

    button.change,
    div.icon.list a.password-change {
        background-position: -8px -296px;
    }

    div.icon.list a.theme-settings {
        background-position: -8px -1738px
    }

    .button-group {
        border-radius: 4px;
        background-color: rgba(0, 0, 0, 0.08);
        display: inline-flex;
        order: 99;
    }

    .button-group>button {
        margin: 0;
        border-radius: 0;
        /*box-shadow: 0px 0px 2px rgba(0,0,0,0.48) inset;*/
        border-right: 1px solid rgba(0, 0, 0, 0.16);
    }

    span.popup_title {
        margin-left: .7rem;
    }

    span.popup_title>span {
        padding: .2rem .5rem;
        border: 1px solid rgba(0, 0, 0, 0.1);
        background-color: rgba(0, 0, 0, .08);
        height: 100%;
    }

    .button-group {
        background-color: rgba(0, 0, 0, 0.16);
    }

    /*
        .button-group.view-mode{
            border-radius: 6px;
        }
    
        .button-group.view-mode>button:last-child{
            border-right: none;
        }
    
        .button-group>button:first-child{
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }
    
        .button-group>span{
            padding:0 6px;
            border-right: 1px solid rgba(0,0,0,0.16);
            box-shadow: 2px 1px 8px inset rgba(0,0,0,0.12);
        }
    
        .button-group>button:last-child{
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }
    */
    .requirement_person li.progress-1 span.token-caption-wrapper {
        color: #47a447;
        background-image: url("../images/icon_in_service.png?v=6abdc5c6c7845");
        background-position: left 2px;
        background-repeat: no-repeat;
        padding-left: 14px;
    }

    .requirement_person li.progress-0 span.token-caption-wrapper {
        background-image: url("../images/icon_remove_row.png?v=6abdc5c6c7845");
        background-position: left center;
        background-repeat: no-repeat;
        padding-left: 14px;
        color: #f6584c;
    }

    .enlistment li.status-1 span.token-caption-wrapper {
        background-image: url("../images/indicator_high.png?v=6abdc5c6c7845");
        background-position: 3px 5px;
        background-repeat: no-repeat;
        padding-left: 16px;
    }

    .enlistment li.status-2 span.token-caption-wrapper {
        background-image: url("../images/indicator_medium.png?v=6abdc5c6c7845");
        background-position: 3px 5px;
        background-repeat: no-repeat;
        padding-left: 16px;
    }

    .enlistment li.status-3 span.token-caption-wrapper {
        background-image: url("../images/indicator_low.png?v=6abdc5c6c7845");
        background-position: 3px 5px;
        background-repeat: no-repeat;
        padding-left: 16px;
    }

    .enlistment li.status-null span.token-caption-wrapper {
        background-image: url("../images/caution1.png?v=6abdc5c6c7845");
        background-position: 3px 5px;
        background-repeat: no-repeat;
        padding-left: 16px;
        color: rgba(0, 0, 0, 0.48);
    }


    .popup-list {
        min-height: 3rem;
        min-width: 16rem;
        overflow-x: hidden;
        overflow-y: auto;
        display: block;
        background-color: rgba(0, 0, 0, 0.06);
        border-top: .1rem solid rgba(0, 0, 0, 0.12);
        border-bottom: .1rem solid rgba(0, 0, 0, 0.12);
        flex-grow: 1;
    }

    div.log-record {
        background-color: #FFFFCC;
        max-width: 18rem;
        padding: .5rem;
        min-height: 5rem;
    }

    div.log-record ul {
        padding: 0;
    }

    div.alert-wrapper,
    div.confirm-wrapper {
        max-width: 24rem;
        padding: .2rem;
        min-height: 5rem;
    }

    div.card.alert-wrapper .card-footer {
        padding: 0;
        justify-content: flex-end;
        border-width: 0;
    }

    div.confirm-wrapper.delete>div:first-child {
        display: flex;
        align-items: center;
    }

    #body-button-year,
    #body-button-role,
    #body-button-course {
        max-height: 24rem;
        overflow-x: hidden;
        overflow-y: auto;
        min-width: 12rem;
    }

    div.slide-footer>div {
        margin-top: 24px;
    }

    div.slide_box {
        max-width: 600px;
        padding: 0 1rem 0 1rem;
        margin: 0 auto;
    }

    div.menu-group-separator {
        text-align: left;
        padding-left: 16px;
        font-weight: bold;
        background-color: rgba(0, 0, 0, 0.16);
        line-height: 28px;
    }

    /*
        div.doc_page{
            display: flex;
            flex-direction:column;
        }
    */
    div.controller_menu_bottom.nav {
        display: flex;
        width: 100%;
        margin-top: 28px;
    }

    div.controller_menu_bottom.nav>span:nth-child(2) {
        flex-grow: 1;
    }

    div.controller_menu_bottom.nav>span>button {
        box-shadow: none;
    }

    div.slide_box.splash div.slide-body {
        padding-top: 12px;
    }

    div.slide_box.splash h1 {
        display: none;
    }

    div.form-steps {
        display: flex;
        width: 100%;
        height: 12px;
        margin-top: 16px;
        margin-bottom: 8px;
    }

    div.form-steps>span:last-child {
        flex-grow: 1;
        color: rgba(0, 0, 0, 0.5);
        padding-left: 1rem;
    }

    div.form-steps>a {
        text-decoration: none;
        border: 1px solid rgba(0, 0, 0, 0.12);
        border-radius: 50%;
        display: inline-block;
        width: 12px;
        text-align: center;
        line-height: 10px;
        margin-left: 4px;
        margin-right: 4px;
        color: rgba(0, 0, 0, 0.8);
        background-color: #f0f0f0;
        font-size: 0;
    }

    div.form-steps>a.active {
        background-color: #4bbb2d;
        color: white;
    }

    div.step-0 div.controller_menu_bottom button.back {
        display: none;
    }

    div.form-step>p {
        margin-top: .5rem;
        margin-bottom: .5rem;
        line-height: 1.6;
    }

    div.form-step>img {
        display: block;
        max-height: 6rem;
    }

    div.form-step>h2 {
        font-weight: bold;
        margin-top: 1rem;
        font-size: 1.4em;
    }

    div.form-step>h2>span {
        color: rgba(0, 0, 0, 0.72);
    }

    div.form-step>h2>span:nth-child(2) {
        background-color: #4bbb2d;
        color: white;
        padding: 0 .5rem;
        border-radius: 16px;
    }

    div.slide-title {
        margin-bottom: 1rem;
        display: flex;
    }

    div.slide_box h1 {
        font-weight: normal;
        text-align: center;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    div.slide_box.blue h1 {
        color: #1a5b9c;
        display: inline;
        font-weight: bold;
        font-size: 1.6em;
    }

    div.slide_box img.custom-logo {
        max-width: 320px;
        max-height: 160px;
        display: block;
        margin: 4px auto;
    }

    /*
    div.controller_menu_tab>div>button.continue{
        font-size:14pt;
    }
    */
    div.popup-layer.gap>div.beeper {
        position: absolute;
    }

    div.popup-layer.gap>div.beeper,
    div.popup-layer.side>div.beeper,
    div.popup-layer.stack>div.beeper {
        background-position: center center;
        background-repeat: no-repeat;
        width: 22px;
        height: 12px;
        min-width: 22px;
        min-height: 12px;
        z-index: 1;
    }

    div.popup-layer.side.middle>div.beeper {
        background-position: center center;
        background-repeat: no-repeat;
        width: 12px;
        height: 22px;
        min-width: 12px;
        min-height: 22px;
    }

    /*
    div.popup-layer.gap>div.wrapper>div.top{
        min-height: 14px;
    }
    div.popup-layer.side>div.wrapper>div.top,
    div.popup-layer.stack>div.wrapper>div.top{
        min-height: 8px;
    }
    */
    /*
    div.popup-layer.side>div.beeper{
        background-position:center center;
        background-repeat:no-repeat;
        width:12px;
        height:22px;
        min-width:12px;
        min-height:22px;
        display: none;
    }
    */
    div.popup-layer.popup-frame-Dropdown.stack>div.beeper {
        display: none;
    }

    div.popup-layer>div.wrapper.tokenize>div.top {
        display: none;
    }

    div.popup-layer.side>div.beeper,
    div.popup-layer.stack>div.beeper {
        position: absolute;
    }

    /*
    div.popup-layer.stack.down>div.beeper{
        background-image:url(../images/nub_up.png?v=6abdc5c6c7845);
    }

    div.popup-layer.stack.up>div.beeper{
        background-image:url(../images/nub_down.png?v=6abdc5c6c7845);
    }

    div.popup-layer.side>div.beeper{
        background-image:url(../images/nub_left.png?v=6abdc5c6c7845);
    }

    div.popup-layer.side.rev>div.beeper{
        background-image:url(../images/nub_right.png?v=6abdc5c6c7845);
    }
    */
    div.layer {
        position: absolute;
    }

    div.popup-layer {
        display: flex;
        flex-direction: column;
        background-color: transparent;
    }

    div.popup-layer.layer-sidebar {
        background-color: rgba(0, 0, 0, 0);
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 100%;
        opacity: 0;
    }

    div.popup-layer.lmod {
        background-color: rgba(0, 0, 0, 0.1);
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    div.popup-layer.lmod>div.wrapper {
        border-radius: .5rem;
    }

    div.popup-layer.layer-sidebar.end {
        left: 0%;
        background-color: rgba(0, 0, 0, .24);
        opacity: 1;
        transition: left .5s ease, opacity .6s ease-in-out, background-color .4s ease .5s;
    }

    /*
    div.popup-layer.layer-sidebar.end:not(.layer-DropDownPopup){
        left:0%;
        background-color: rgba(0,0,0,.24);
        opacity: 1;
        transition: left .5s ease, opacity .6s ease-in-out, background-color .4s ease .5s;        
    }
    
    div.popup-layer.layer-sidebar.layer-DropDownPopup{
        left:0%;
        background-color: rgba(0,0,0,.24);
        opacity: 1;        
    }
    */
    div.popup-layer.up {
        flex-direction: column-reverse;
    }

    .popup-layer.layer-sidebar {
        justify-content: flex-end;
        align-items: flex-end;
    }

    div.popup-layer>div.wrapper {
        display: flex;
        flex-direction: column;
        box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.32);
        border-radius: 6px;
        max-height: 100%;
        overflow: hidden;
    }

    /*
    div.popup-layer>div.wrapper.ready{
        height:100%;
    }*/

    div.popup-layer.ltip.stack.up>div.wrapper {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    div.popup-layer.ltip.stack.down>div.wrapper {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }


    div.popup-layer.ltip.stack.down>div.beeper:not([style*="display: none"])+div.wrapper {
        border-radius: .5rem;
    }

    div.popup-layer.ltip.stack.down>div.beeper:not([style*="display: none"])+div.wrapper>.body {
        border-radius: .5rem .5rem 0 0;
    }

    div.popup-layer.ltip.stack.up>div.beeper:not([style*="display: none"])+div.wrapper>.body {
        border-radius: 0 0 .5rem .5rem;
    }

    /*
    div.popup-layer.ltip.side.up>div.wrapper {
        border-bottom-left-radius: 0;
    }

    div.popup-layer.ltip.side.down>div.wrapper {
        border-top-left-radius: 0;
    }

    div.popup-layer.ltip.side.up.rev>div.wrapper {
        border-bottom-right-radius: 0;
    }

    div.popup-layer.ltip.side.down.rev>div.wrapper {
        border-top-right-radius: 0;
    }
*/
    /*
    div.popup-layer>div.wrapper>div.footer>*:first-child{
        border-bottom-left-radius: 5px;
    }

    div.popup-layer>div.wrapper>div.footer>*:last-child{
        border-bottom-right-radius: 5px;
    }*/

    div.wrapper.grade {
        min-width: 20rem;
        max-width: 24rem;
    }

    div.wrapper.grade>div.ctrl>*:last-child,
    div.wrapper.grade>div.ctrl>*:first-child,
    div.wrapper.grade {
        border-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    div.popup-layer>div.wrapper>div.top {
        display: flex;
    }

    div.popup-layer>div.wrapper>div.top>div:first-child {
        flex-grow: 1;
    }

    /*
    div.popup-layer>div.wrapper.rev>div.top{
        flex-direction: row-reverse;
    }
    */

    .popup-layer>div.wrapper>div.body {
        flex-grow: 1;
        display: flex;
        overflow-x: hidden;
        overflow-y: auto;
        flex-direction: column;
    }

    .popup-layer.layer-sidebar>.wrapper>.body>.title+div {
        flex-grow: 1;
        overflow: hidden;
    }

    .popup-layer>.wrapper.picture>.body {
        justify-content: center;
        align-items: center;
    }

    .input_form>.body {
        flex-grow: 1;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .input_form_wrapper.grade>.input_form {
        overflow: visible;
    }

    .popup-layer.layer-sidebar>.wrapper>.body>div>.input_form>.body {
        flex-grow: unset;
    }

    .popup-layer.layer-sidebar>.wrapper>.body>div>.input_form>.footer .anchor_form_menu_bottom>div:first-child {
        justify-content: flex-start;
    }

    div.popup-layer>div.wrapper>div.ctrl {
        display: flex;
        /*
        justify-content: flex-end;
        border-top-width: 1px;
        border-top-style: solid;        */
    }

    div.popup-layer>div.wrapper>div.ctrl>.btn-group {
        align-items: center;
    }

    div.popup-layer.layer-grade:not(.layer-sidebar)>div.wrapper>div.ctrl>div:first-child {
        /*border: 1px solid rgba(0,0,0,0.1);        
        background-color: rgba(0,0,0,0.06);*/
        border-radius: 6px;
        overflow: hidden;
    }

    div.popup-layer.layer-grade>div.wrapper>div.ctrl>div button {
        margin: 2px;
    }

    body.layout-sidebar>.main_wrapper>.top-bar>.toolbar>div>button.popup::after,
    div.popup-layer.layer-sidebar>div.wrapper>div.ctrl>div button.popup::after {
        content: '\E131';
    }

    div.popup-layer.layer-sidebar>div.wrapper>div.ctrl>div button.close::before {
        content: '\E00D';
    }

    .ctrl>.toolbar>div {
        display: flex;
    }

    .ctrl>.toolbar>div:nth-child(2) {
        flex-grow: 1;
    }

    div.popup-layer.layer-sidebar>div.wrapper>div.ctrl {
        order: -1;
        min-height: 3.5rem;
        justify-content: flex-start;
        padding: 0;
    }

    .popup-layer>.wrapper>.ctrl.not-toolbar {
        display: none;
    }

    .app.main_wrapper.layout-popup {
        display: flex;
        flex-direction: column;
    }

    .popup-layer.layer-sidebar>.wrapper>.ctrl>.toolbar {
        min-height: 3.5rem;
        justify-content: flex-start;
        flex-direction: row-reverse;
        padding: 0;
        display: flex;
        flex-grow: 1;
    }

    .ctrl>.toolbar {
        padding: 0.2rem;
        display: flex;
        flex-grow: 1;
    }

    /*
    .ctrl >.toolbar button{
        border-radius: 0;
    }

    div.popup-layer>div.wrapper>div.ctrl>button.delete{
        font-size: 0;
        border-radius: 50%;
        margin-left: 6px;
    }
*/
    div.popup-layer>div.wrapper>div.ctrl>button:hover {
        opacity: 1;
    }

    .popup-layer.down>div.wrapper.col-settings>div.ctrl,
    .popup-layer.up>div.wrapper>div.ctrl {
        order: -1;
    }

    .popup-label:not(.f-grade) {
        padding: .5rem;
        margin: .5rem;
        /*border-radius: .5rem;        */
        /*background-color: color-mix(in srgb, var(--cs-emphasis-bg-color) 30%, var(--cs-bg-color-mix));*/
        color: color-mix(in srgb, var(--cs-emphasis-bg-color) 30%, var(--cs-text-color-mix));
    }

    .popup-label span {
        margin: .1rem;
    }

    .popup-layer.up>div.wrapper .popup-label,
    .popup-layer.down>div.wrapper .popup-label {
        border-top: none;
    }

    .popup-label>span>span:first-child {
        font-weight: bold;
    }

    .grid_popup_col_options.anchor-f-attendance>.popup-label>span {
        display: flex;
        flex-direction: row;
    }

    .grid_popup_col_options.anchor-f-attendance>.popup-label>span::before {
        content: '\E016';
    }

    .grid_popup_col_options.anchor-f-attendance>.popup-label>span>span {
        margin: 0 .2rem;
    }

    .popup-layer>div.wrapper.photo {
        border-radius: 5px;
    }

    /*
    .popup-layer>div.wrapper.photo>div.ctrl{
        display:none;
    }
    */

    div.task-time-box {
        background-image: url(../images/clock.png?v=6abdc5c6c7845);
        background-repeat: no-repeat;
        background-position: top left;
        padding-left: 54px;
        min-height: 48px;
        font-size: 16pt;
        line-height: 48px;
        margin-top: 32px;
    }

    .controller_display_tab.loading>div.grid_envelope {
        opacity: 0.24;
    }

    a.vertical-label {
        padding-top: 0px;
        display: flex;
        align-items: flex-end;
    }

    a.vertical-label>img {
        margin: 0 auto;
    }

    div.calendar-header {
        padding: 8px 12px;
    }

    div.calendar-header>span {
        display: inline-block;
    }

    div.calendar-header>span>span {
        line-height: 24px;
        display: inline-block;
        color: rgba(0, 0, 0, 0.72);
    }

    div.calendar-header>span>span:first-child {
        font-size: 120%;
        font-weight: bold;
        border-radius: 12px;
        padding: 0 12px;
    }

    div.calendar-header>span>span:last-child {
        font-style: italic;
        font-weight: normal;
        padding-left: 24px;
    }

    div.box-calendar-session-rows>ol>li {
        background-color: #0072c6;
        padding: 2px 4px;
        border-radius: 5px;
        margin-bottom: 2px;
    }

    div.box-calendar-session-rows>ol>li>a>span {
        color: white;
    }

    div.box-calendar-session-rows>ol>li>a>span:first-child {
        font-weight: bold;
    }

    div.gradebook.principal-progress>div.controller_menu_tab,
    div.gradebook.progress>div.controller_menu_tab {
        background-color: rgb(228, 228, 100);
    }

    .block_wrapper.comment h2 {
        background-position: -14px -6108px;
    }

    /*
    .form_field.readonly{
        opacity:.9;
    }
    */
    /*
        .form_field.readonly>label{
            font-style: italic;
        }
    */
    .search-top {
        display: flex;
        width: 100%;
        height: 100%;
        padding: 0 8px;
    }

    .search-top span {
        flex-grow: 1;
    }

    .search-top input.search-input {
        flex-grow: 1;
        border: 1px solid rgba(0, 0, 0, 0.24);
        padding: 0 4px 0 16px;
        box-shadow: 1px 1px 1px inset rgba(0, 0, 0, 0.12);
    }

    .search-top button.clear {
        min-width: 28px;
        border-left: 1px solid rgba(0, 0, 0, 0.16);
        border-bottom: 1px solid rgba(0, 0, 0, 0.16);
        border-top: 1px solid rgba(0, 0, 0, 0.16);
        border-right: none;
    }

    .search-top button.search {
        min-width: 28px;
        border-right: 1px solid rgba(0, 0, 0, 0.16);
        border-bottom: 1px solid rgba(0, 0, 0, 0.16);
        border-top: 1px solid rgba(0, 0, 0, 0.16);
        border-left: none;
    }

    .search-top.empty button.clear,
    .search-top.empty button.search {
        display: none;
    }

    .search-top.empty input.search-input {
        background-color: rgba(255, 255, 255, 0.24);
    }

    div.main_wrapper.gradebook-objective button.formula {
        display: none;
    }

    div.header-help {
        background-image: url("../images/help_center.png?v=6abdc5c6c7845");
        background-position: center center;
        background-repeat: no-repeat;
        min-height: 160px;
    }

    button.global-help {
        background-position-y: -7642px;
    }

    div.layer.top-layer>div>div:first-child,
    div.layer.top-layer>div>div:last-child {
        flex-grow: 1;
    }

    div.popup-layer.help {
        background-color: transparent;
        border-width: 0;
    }

    div.theme-selector>div {
        margin: 2px;
        display: inline-block;
        border-radius: 8px;
    }

    div.theme-selector>div>button {
        border-radius: 8px;
        min-height: 3rem;
        background-color: transparent;
        border: 0.05rem solid rgba(0, 0, 0, 0.16);
        padding: 1rem;
    }

    div.theme-selector>div.light>button {
        background-color: #f0f0f0;
    }

    div.theme-selector>div.dark>button {
        background-color: black;
    }

    div.theme-selector>div.love>button {
        background-color: #f7cdf5;
    }

    div.theme-selector>div>button:hover {
        background-color: #1a5b9c;
        border: 1px solid rgba(0, 0, 0, 0.32);
    }

    /*
    .popup-layer.side.down div.ctrl>button:first-child{
        border-bottom-left-radius: .4rem
    }

    .popup-layer.side.down div.ctrl>button:last-child{
        border-bottom-right-radius: .4rem
    }

    .popup-layer.side.up div.ctrl>button:first-child{
        border-top-left-radius: .4rem
    }

    .popup-layer.side.up div.ctrl>button:last-child{
        border-top-right-radius: .4rem
    }
    */
    div.upload_display_tab {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    div.upload_uploading_rolling {
        background-image: url("../images/rolling.svg");
        background-repeat: no-repeat;
        background-size: 4rem;
        height: 4rem;
        padding-left: 5rem;
        text-align: left;
        margin: 0 auto;
        background-position: left center;
        display: flex;
        align-items: center;
    }

    .popup-lock>div:first-child {
        display: block;
        background-color: var(--cs-bg-color);
        border-style: solid;
        border-width: 1px;
        border-radius: .5rem;
    }

    .menu-tab-upload {
        margin: 4px;
        display: flex;
        align-items: center;
        justify-content: end;
    }

    .context-box-right {
        display: flex;
    }

    /*
    .context-box-right button {
        border-radius: 0;
    }
*/
    /*
    div.popup-layer > div.wrapper > div.body>div>div:last-child,
    div.popup-layer > div.wrapper > div.body>div:last-child{
        flex-grow:1;
    }*/
}

:root {
    --text1: 'Hola mundo';
}

#main_display_content {
    overflow: hidden;
    height: 100%;
    /*
    background-color: rgba(0,0,0,0.05);
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
    border-width: 1px 0 0 1px;
    border-style: solid none none solid;
    */
    /*
    display: flex;
    flex-direction: column;*/
}

#body_tab_content {
    /*display: flex;*/
    /*
    border-top-width: 1px;
    border-top-style: solid;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
    */
    flex-grow: 1;
    /*background-image: url("../images/bgwhiteboard.png?v=6abdc5c6c7845");
    background-color: white;    */
}

/*
.main_wrapper.grid .controller_menu_bottom_wrapper{
    margin-top: 1.5rem;
    margin-bottom:2rem;
}
*/
.grid_table_options_bottom {
    margin-top: .3em;
    margin-bottom: 2rem;
}

#intro {
    position: fixed;
    z-index: 10001;
    width: 100%;
    height: 100%;
    background-color: white;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    background-image: url("../images/bg_dot.png?v=6abdc5c6c7845");
    opacity: 1;
    display: none;
}

#intro.intro-exit {
    opacity: 0;
    transition: opacity 3s ease-in-out;
}

#main_wrapper {
    opacity: 1;
    transition: opacity 6s ease-in-out;
}

#main_wrapper.has-intro {
    opacity: 0;
    transition: opacity 6s ease-in-out;
}

#intro-header {
    background-image: url("../images/introbg.svg");
    width: 100%;
    flex-grow: 1;
    max-height: 44%;
    display: flex;
    border-bottom: 0.1rem solid #f0f4f8;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    background-color: white;
}

#intro-logo {
    background-image: url("../images/logo3.svg");
    background-size: cover;
    height: 5rem;
    width: 24rem;
}

#intro-title {
    font-size: 2rem;
    flex-grow: 1;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    color: #1a5b9c;
    padding: 0 3rem;
    border-radius: 0 0 1rem 1rem;
    border-top: 0.5rem solid #575e6a;
    flex-direction: column;
}

#intro-title * {
    color: #575e6a;
    display: block;
}

#intro-title>*:first-child {
    color: #1a5b9c;
    font-size: 4rem;
}

#intro-topics {
    list-style: circle;
    font-size: 2rem;
    color: #1a5b9c;
    width: 24rem;
}

#intro-body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/*
body{
    filter: grayscale(.6);
}
*/

.theme-selector {
    padding: .5rem;
}

.sidebar-header>div:last-child {
    flex-grow: 1;
    height: 100%;
    display: flex;
    justify-content: flex-end;
}

.sidebar-header>div:last-child>.popup_title {
    padding: 0 1rem;
    margin-top: .5rem;
    margin-right: .5rem;
    margin-bottom: .5rem;
}

#main_auth>div,
#main_auth {
    height: 100%;
}

/*
.tokenize-signing>span:first-child {
    border-bottom: 1px solid rgba(0,0,0,0.32);
    min-height: 100px !important;
    background-repeat: no-repeat;
    background-size: contain !important;
}
*/
.popup-menu-bottom.choose-one {
    flex-direction: column;
    align-items: stretch;
}

div.popup-menu-bottom.choose-one>button {
    padding: 1rem;
    height: auto;
    margin: .5rem 0;
}


ul.form-summary {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

ul.form-summary>li {
    /*border-top-width: .1rem;
    border-top-style: solid;*/
    display: flex;
    /*flex-direction: column;    */
    padding: .5rem 0;
}

ul.form-summary>li>span {
    display: flex;
    flex-direction: column;
    margin: .5rem 0;
}

ul.form-summary>li>span:first-child {
    font-weight: bold;
    margin-right: .5rem;
}

.blink::after {
    content: "";
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background: var(--cs-text-color);
    -webkit-animation: blink 1s infinite;
    animation: blink 1s infinite;
    margin-left: .3rem;
}

@-webkit-keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.block_wrapper.transaction-total {
    border: .1rem solid rgba(0, 0, 0, 0.24);
    border-radius: .5rem;
    overflow: hidden;
}

.block_wrapper.transaction-total .doc_grid_form,
.block_wrapper.transaction-total .doc_grid_form .form_field.doc,
.block_wrapper.transaction-total .block-head>span.title {
    /*background-color: white;*/
    border: none;
}

.block_wrapper.transaction-total label {
    display: none;
}

.block_wrapper.transaction-total p {
    padding-left: 2rem;
    font-size: 2rem;
}

.block_wrapper.transaction-total .form_field.field-paymentamount label {
    display: flex;
    align-items: center;
}

.block_wrapper.transaction-total .form_field.field-paymentamount {
    flex-direction: row;
    padding: 1rem .5rem .5rem .5rem;
}

.block_wrapper.transaction-total .form_field.field-paymentamount p,
.block_wrapper.transaction-total .form_field.field-paymentamount label {
    font-size: 2rem;
    margin-right: 1rem;
}

.block_wrapper.transaction-total .form_field.field-paymentamount label span {
    word-wrap: break-word;
}

/*
span.f-tokenize.has-color>span{
    border:1px solid rgba(0,0,0,0.12);
    margin: 1px 2px;
    border-radius: 1rem;
    padding: 0 .4rem 0 .2rem;
}
span.f-tokenize.has-color>span:nth-child(9n + 1) {background-color: #ffecce;}
span.f-tokenize.has-color>span:nth-child(9n + 2) {background-color: #d6f7db;}
span.f-tokenize.has-color>span:nth-child(9n + 3) {background-color: #e0f6ff;}
span.f-tokenize.has-color>span:nth-child(9n + 4) {background-color: #cee7ff;}
span.f-tokenize.has-color>span:nth-child(9n + 5) {background-color: #dfdffa;}
span.f-tokenize.has-color>span:nth-child(9n + 6) {background-color: #f3defd;}
span.f-tokenize.has-color>span:nth-child(9n + 7) {background-color: #ffd7df;}
span.f-tokenize.has-color>span:nth-child(9n + 8) {background-color: #ffdad8;}
span.f-tokenize.has-color>span:nth-child(9n + 9) {background-color: #fff7ce;}
*/
.label>.percent>span {
    line-height: 1.3;
}

.label>.percent>span:first-child {
    /*background-color: rgb(28, 90, 154);*/
    padding: .4rem .2rem;
    border-radius: .5rem;
    color: white;
    margin-bottom: .5rem;
}

.emphasis {
    background-color: var(--cell-emphasis-bg-color);
    color: var(--cell-emphasis-color);
}

.layer-sidebar>.wrapper>.body>.input_form_wrapper {
    max-width: unset;
}

.controller_menu_tab_left_buttons>.views {
    order: -1;
}

ol.terms {
    list-style: decimal;
    text-align: left;
    max-height: 12rem;
    overflow: hidden scroll;
}

ol.terms>li>ul {
    list-style: circle;
    padding-left: 0;
}

.store.showcase {
    display: flex;
}

.store.showcase>div {
    max-width: 20rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: .5rem;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.24);
    margin: .5rem;
}

.store.showcase>div>div:first-child>img {
    width: 100%;
}

.store.showcase>div>div:last-child {
    padding: 1rem;
}

.list-item-action {
    position: relative;
    padding: .5rem 1rem;
    text-decoration: none;
}

.menu-vertical {
    align-items: stretch;
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
}

.menu-h>span::before,
.menu-vertical>*::before {
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: .6rem;
    min-width: 2rem;
    min-height: 2rem;
}

.menu-vertical>*:not(.active)::before {
    color: color-mix(in oklab, var(--cs-bg-color) 40%, black);
    background-color: var(--cs-bg-color);
}

/*.menu-main.menu-side>.menu-vertical>.focus::before,*/
.menu-vertical>.focus:not(:hover):not(.selected):not(.remove) {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    --cs-bg-color: #fbfbaf;
    background-color: var(--cs-bg-color);
}

.menu-vertical>.focus:not(:hover):not(.selected):not(.remove)::after,
.menu-vertical>.focus:not(:hover):not(.selected):not(.remove) span {
    color: color-mix(in oklab, var(--cs-bg-color) 40%, black);
}

/*
.menu-vertical>.focus:not(:hover):not(.selected):not(.remove)::before,
.menu-vertical>.focus:not(:hover):not(.selected):not(.remove) *{
    color: rgba(0,0,0,.8);
}
*/
/*
.menu-vertical>*:nth-child(9n + 1):not(.active):not(.remove):not(.selected):not(.focus):not(:hover)::before{--cs-bg-color: #ffecce;}
.menu-vertical>*:nth-child(9n + 2):not(.active):not(.remove):not(.selected):not(.focus):not(:hover)::before{--cs-bg-color: #d6f7db;}
.menu-vertical>*:nth-child(9n + 3):not(.active):not(.remove):not(.selected):not(.focus):not(:hover)::before{--cs-bg-color: #e0f6ff;}
.menu-vertical>*:nth-child(9n + 4):not(.active):not(.remove):not(.selected):not(.focus):not(:hover)::before{--cs-bg-color: #cee7ff;}
.menu-vertical>*:nth-child(9n + 5):not(.active):not(.remove):not(.selected):not(.focus):not(:hover)::before{--cs-bg-color: #dfdffa;}
.menu-vertical>*:nth-child(9n + 6):not(.active):not(.remove):not(.selected):not(.focus):not(:hover)::before{--cs-bg-color: #f3defd;}
.menu-vertical>*:nth-child(9n + 7):not(.active):not(.remove):not(.selected):not(.focus):not(:hover)::before{--cs-bg-color: #ffd7df;}
.menu-vertical>*:nth-child(9n + 8):not(.active):not(.remove):not(.selected):not(.focus):not(:hover)::before{--cs-bg-color: #ffdad8;}
.menu-vertical>*:nth-child(9n + 9):not(.active):not(.remove):not(.selected):not(.focus):not(:hover)::before{--cs-bg-color: #fff7ce;}
*/

.menu-vertical>*:nth-child(9n + 1):not(.active):not(.remove):not(.selected):not(.focus):not(:hover) {
    --cs-bg-color: #ffecce;
}

.menu-vertical>*:nth-child(9n + 2):not(.active):not(.remove):not(.selected):not(.focus):not(:hover) {
    --cs-bg-color: #d6f7db;
}

.menu-vertical>*:nth-child(9n + 3):not(.active):not(.remove):not(.selected):not(.focus):not(:hover) {
    --cs-bg-color: #e0f6ff;
}

.menu-vertical>*:nth-child(9n + 4):not(.active):not(.remove):not(.selected):not(.focus):not(:hover) {
    --cs-bg-color: #cee7ff;
}

.menu-vertical>*:nth-child(9n + 5):not(.active):not(.remove):not(.selected):not(.focus):not(:hover) {
    --cs-bg-color: #dfdffa;
}

.menu-vertical>*:nth-child(9n + 6):not(.active):not(.remove):not(.selected):not(.focus):not(:hover) {
    --cs-bg-color: #f3defd;
}

.menu-vertical>*:nth-child(9n + 7):not(.active):not(.remove):not(.selected):not(.focus):not(:hover) {
    --cs-bg-color: #ffd7df;
}

.menu-vertical>*:nth-child(9n + 8):not(.active):not(.remove):not(.selected):not(.focus):not(:hover) {
    --cs-bg-color: #ffdad8;
}

.menu-vertical>*:nth-child(9n + 9):not(.active):not(.remove):not(.selected):not(.focus):not(:hover) {
    --cs-bg-color: #fff7ce;
}

/*
.menu-vertical>*:nth-child(9n + 1):not(.active):not(.remove):not(.selected):not(.focus):not(:hover)::before{--cs-bg-color: #e6e3ff; --cs-icon-color: #7767f2;}
.menu-vertical>*:nth-child(9n + 2):not(.active):not(.remove):not(.selected):not(.focus):not(:hover)::before{--cs-bg-color: #ffd9e2; --cs-icon-color: #ff7d9d;}
.menu-vertical>*:nth-child(9n + 3):not(.active):not(.remove):not(.selected):not(.focus):not(:hover)::before{--cs-bg-color: #f5e0ff; --cs-icon-color: #c76cf5;}
.menu-vertical>*:nth-child(9n + 4):not(.active):not(.remove):not(.selected):not(.focus):not(:hover)::before{--cs-bg-color: #ffebad; --cs-icon-color: #feb404;}
.menu-vertical>*:nth-child(9n + 5):not(.active):not(.remove):not(.selected):not(.focus):not(:hover)::before{--cs-bg-color: #bff8fc; --cs-icon-color: #00cae0;}
.menu-vertical>*:nth-child(9n + 6):not(.active):not(.remove):not(.selected):not(.focus):not(:hover)::before{--cs-bg-color: #fbdfd4; --cs-icon-color: #fe9c75;}
.menu-vertical>*:nth-child(9n + 7):not(.active):not(.remove):not(.selected):not(.focus):not(:hover)::before{--cs-bg-color: #c1f7ec; --cs-icon-color: #00c8df;}
.menu-vertical>*:nth-child(9n + 8):not(.active):not(.remove):not(.selected):not(.focus):not(:hover)::before{--cs-bg-color: #c0f8fc; --cs-icon-color: #00c3dc;}
.menu-vertical>*:nth-child(9n + 9):not(.active):not(.remove):not(.selected):not(.focus):not(:hover)::before{--cs-bg-color: #e1e3fd; --cs-icon-color: #7067d0;}
*/
/*
.menu-vertical>*:nth-child(9n + 1):not(.active):not(.remove):not(.selected):not(.focus):not(:hover)::before{--cs-icon-color: #C93466; --cs-bg-color: #ffd9e1;}
.menu-vertical>*:nth-child(9n + 2):not(.active):not(.remove):not(.selected):not(.focus):not(:hover)::before{--cs-icon-color: #BF8000; --cs-bg-color: #ffe28c;}
.menu-vertical>*:nth-child(9n + 3):not(.active):not(.remove):not(.selected):not(.focus):not(:hover)::before{--cs-icon-color: #5442C7; --cs-bg-color: #e3e3ff;}
.menu-vertical>*:nth-child(9n + 4):not(.active):not(.remove):not(.selected):not(.focus):not(:hover)::before{--cs-icon-color: #008768; --cs-bg-color: #c1f7eb;}
.menu-vertical>*:nth-child(9n + 5):not(.active):not(.remove):not(.selected):not(.focus):not(:hover)::before{--cs-icon-color: #5D8500; --cs-bg-color: #e4f6bc;}
.menu-vertical>*:nth-child(9n + 6):not(.active):not(.remove):not(.selected):not(.focus):not(:hover)::before{--cs-icon-color: #008768; --cs-bg-color: #c1f7eb;}
.menu-vertical>*:nth-child(9n + 7):not(.active):not(.remove):not(.selected):not(.focus):not(:hover)::before{--cs-icon-color: #BF8000; --cs-bg-color: #ffebae;}
.menu-vertical>*:nth-child(9n + 8):not(.active):not(.remove):not(.selected):not(.focus):not(:hover)::before{--cs-icon-color: #C93466; --cs-bg-color: #ffd9e1;}
.menu-vertical>*:nth-child(9n + 9):not(.active):not(.remove):not(.selected):not(.focus):not(:hover)::before{--cs-icon-color: #BF8000; --cs-bg-color: #ffe28c;}
*/

.menu-vertical>button.icon-text {
    margin: .25rem .5rem;
    padding: 0;
    border-radius: .5rem;
}

.menu-vertical>.icon-text.remove::before,
.menu-vertical>.icon-text.selected::before,
.menu-vertical>.icon-text:hover::before {
    background-color: transparent;
    color: var(--cs-icon-color);
}

.menu-vertical>.icon-text.selected {
    padding: 0;
}

.menu-vertical>.icon-text.selected::before {
    background-color: rgba(0, 0, 0, 0.2);
    color: var(--cs-icon-color);
    border-radius: 0;
    height: 3.2rem;
    width: 2.7rem;
    display: inline-flex;
    margin: 0 .5rem 0 0;
}

body.has-menu-side.has-compact-menu div.menu-side>.menu-vertical>button.icon-text {
    margin: .25rem .3rem;
}

body.has-menu-side.has-compact-menu div.menu-side>.menu-vertical>.icon-text.selected::before {
    margin: 0;
    width: 100%;
}

.menu-vertical>.icon-text:hover::before {
    background-color: rgba(0, 0, 0, .1);
}

/*
.compact>.menu-vertical>.icon-text:not(.hover)::before{
    background-color: transparent;     
    color:rgba(0,0,0,0.8);
}
*/
.bulk-feedback {
    display: flex;
    flex-direction: column;
    min-width: 24rem;
}

.bulk-action {
    display: flex;
    flex-direction: column;
    border-width: 1px;
    border-style: solid;
    border-radius: .5rem;
    margin-top: 1rem;
    overflow: hidden;
}

.bulk-action>span {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    width: 100%;
    display: flex;
    padding: .5rem;
    /*background-color: var(--cs-bg-color);*/
}

.bulk-action>span>span:first-child {
    min-width: 3rem;
    text-align: center;
}

.bulk-action>span.delete {
    --cs-icon-color: #f75961;
    --cs-bg-color: #fcd9e1;
}

.bulk-action>span.insert {
    --cs-icon-color: #74a600;
    --cs-bg-color: #e4f6c0;
}

.bulk-action>span.update {
    --cs-icon-color: #ffa800;
    --cs-bg-color: #fef1c3;
}

.bulk-action>span.error {
    --cs-icon-color: #ef4b50;
    --cs-bg-color: #ffb3ba;
}

.bulk-action>span.skiped {
    --cs-icon-color: #635dd3;
    --cs-bg-color: #e3e4fd;
}

.tab.loading {
    background-image: url(../images/line-spinner.svg);
    background-size: 60px;
    background-position: center bottom;
}

#shop-gallery {
    aspect-ratio: 3 / 1;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: .5rem;
    border-radius: 1rem 1rem 0 0;
}

.m-box.message.icon-text::before,
.p-box.message.icon-text::before,
.doc-notices>.message.icon-text::before,
.message-list>.message.icon-text::before {
    margin: .5rem 1rem .5rem 0;
}

.confirm-wrapper .card-body.message::before,
.alert-wrapper .card-body.message::before,
.m-box.message.icon-text::before,
.p-box.message.icon-text::before,
.doc-notices>.message.icon-text::before,
.message-list>.message.icon-text::before,
div.popup-alert-wrapper>div.head>.icon::before {
    content: '';
    background-image: url(../images/info-stroke-loop.svg);
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 4rem;
    min-width: 4rem;
    background-size: contain;
    display: flex;
}

/*
.m-box.stack.message.icon-text::before{
    margin: .5rem 0;
}
*/
.alert-wrapper.caution .card-body.message::before,
.doc-notices>.message.icon-text.caution::before,
.m-box.message.icon-text.caution::before,
.p-box.message.icon-text.caution::before,
.message-list>.message.icon-text.caution::before,
div.popup-alert-wrapper.caution>div.head>.icon::before {
    background-image: url(../images/caution-stroke-loop.svg);
}

.popup-form-request-status>.body>.message::before {
    content: '';
    background-image: url(../images/caution-stroke-loop.svg);
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 3rem;
    min-width: 3rem;
    background-size: contain;
    margin: .5rem 1rem .5rem 0;
}

.m-box.message.icon-text.success::before,
.p-box.message.icon-text.success::before,
.doc-notices>.message.icon-text.success::before,
.popup-form-request-status.success>.body>.message.success::before {
    background-image: url(../images/checkok-stroke-loop.svg);
}

.m-box.message.icon-text.info::before,
.p-box.message.icon-text.info::before,
.popup-form-request-status.not-changes>.body>.message.not-changes::before {
    background-image: url(../images/info-stroke-loop.svg);
}

.popup-alert-wrapper.error>.head>.icon::before,
.m-box.message.icon-text.error::before,
.p-box.message.icon-text.error::before,
.popup-form-request-status.error>.body>.message.error::before {
    background-image: url(../images/error-stroke-loop.svg);
}

.m-box.message.icon-text.loading::before,
.m-box.message.icon-text.process::before {
    background-image: url(../images/spinner-stroke-loop.svg);
}

.m-box.message.icon-text.processing::before {
    background-image: url(../images/clock-stroke.svg);
}

.m-box.message.icon-text.bulk::before {
    background-image: url(../images/massive-stroke-loop.svg);
}

.p-box.message.icon-text.calendar::before,
.m-box.message.icon-text.calendar::before {
    background-image: url(../images/calendar-stroke-loop.svg);
}

.m-box.message.icon-text.help::before {
    background-image: url(../images/question-stroke-loop.svg);
}

body:not(.sandbox) #body_tab_content {
    flex-direction: column;
}

body:not(.sandbox) .form-breadcrumb-bar ul {
    flex-direction: row;
    margin: 0 .5rem;
    border-radius: .5rem .5rem 0 0;
    background-color: rgba(0,0,0,0.02);
    border-style: solid solid none solid;
    border-width: 1px 1px 0 1px;
    overflow: hidden;
}

body:not(.sandbox) .form-breadcrumb {
    height: unset;
    overflow: hidden;
}

body:not(.sandbox) .form-breadcrumb + .controller_display_tab {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

body:not(.sandbox) .form-breadcrumb-bar {
    margin: 0;
    border-radius: 0;
    border: none;
    background-color: var(--cs-bg-color);
}

body:not(.sandbox) .form-breadcrumb.depth2 {
    min-height: 7rem;
}

body:not(.sandbox) .form-breadcrumb-bar>.title {
    display: none;
}

body:not(.sandbox) .breadcrumb>li>button>span>span:nth-child(2)>span:first-child>span:last-child {
    max-width: 6rem;
    line-height: 1;
    font-size: .8rem;
    align-items: center;
    display: flex;
}

body:not(.sandbox) .breadcrumb>li>button>span>span:first-child,
body:not(.sandbox) .breadcrumb>li>button>span>span:last-child {
    border-width: 0;
}

li.breadcrumb-wrapper>ul {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.05);
}

body:not(.sandbox) li.breadcrumb-wrapper.expanded {
    display: flex;
    order: 100;
    width: 100%;
    margin: 0;
    border-radius: 0;
}

body:not(.sandbox) .form-breadcrumb:not(.compact) ul.breadcrumb>li {
    min-width: 12rem;
}

.breadcrumb>li.depth2>button>span>span:first-child,
.breadcrumb>li.depth2>button>span>span:last-child {
    min-height: 0;
}

.breadcrumb>li.depth2>button>span {
    margin: .2rem 0;
    border-radius: .5rem;
    font-size: .9em;
}

.form-breadcrumb:not(.compact) li.breadcrumb-wrapper.expanded>ul>li {
    margin: .3rem .5rem;
    border-radius: 2rem;
    overflow: hidden;
}

.form-breadcrumb:not(.compact) li.breadcrumb-wrapper.expanded>ul>li>button:after {
    left: -.4rem;
}

.p+p span,
.p span,
.p+p,
.p {
    line-height: 1.2;
}

.p+p button,
.p button {
    line-height: 1;
}

.controller_menu_tab_left_buttons>button.new:not(:hover):first-child {
    background-color: var(--cs-bg-color-create);
    color: var(--cs-text-color-create);
}

.controller_menu_tab_left_buttons>button.new:not(:hover):first-child::before,
.controller_menu_tab_left_buttons>button.new:not(:hover):first-child span {
    color: var(--cs-text-color-create);
}

.btn.clear {
    margin: .2rem;
    min-height: 1.8rem;
    height: 1.8rem;
    width: 1.8rem;
    padding: 0;
}

/*
body.layout-sidebar>.popup-layer.layer-sidebar>.wrapper>.ctrl{
    display: none;
}
*/

.popup-lock {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, .5);
}

.block-cluster .form_field.bulk-field.doc>label {
    display: flex;
}

.popup-layer.lmod.locked>.wrapper>.ctrl {
    display: none;
}

.popup-html-wrapper {
    height: 100%;
}
/*/var/www/html/clickschoolinfo/public/themes/modern/css/sandbox.css*/
body.sandbox #main_wrapper.not-menu{
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 32px 1fr;
}
/*/var/www/html/clickschoolinfo/public/themes/modern/css/menu.css*/
/*
 Buttons
*/
button{
    background-color: transparent;
    border-width:0;
    background-repeat: no-repeat;
    vertical-align: top;
}

button:not(:disabled):hover{
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

button:not(:disabled):hover>span{
    color:white;
}

/*
button.menu,
a.menu.inline-row{
    background-image:url(../images/black.png?v=6abdc5c6c7845);  
    background-position:center -4858px;
    background-repeat:no-repeat;    
    margin:0;    
    min-width: 28px;
}

div.input_inline_menu a.menu.inline-row{
    margin:0 6px;   
    opacity:0.5;    
}

a.menu.inline-row.focus,
a.menu.inline-row:hover{
    background-image:url(../images/white.png?v=6abdc5c6c7845);
    background-color: #1a5b9c;
    opacity:1;
}

a.menu.inline-row.focus{
    opacity:1;
    border-radius: 0;
}
*/
/*
div.grid-popup-row-menu>button.inline-row{
    display: flex;
    line-height: 28px;
    padding-left: 32px;
    text-decoration: none;
    font-size: small;
    min-width: 180px;
    color:rgba(0,0,0,0.8);
    margin: 0; 
    width: 100%;
}

div.grid-popup-row-menu>button.inline-row.tree>span{
    display: inline-block;
}

div.grid-popup-row-menu>button.inline-row.tree>span:nth-child(2){
    flex-grow: 1;
}

div.grid-popup-row-menu>button.inline-row.tree>span:last-child{
    background-image: url(../images/black.png?v=6abdc5c6c7845);
    background-position: center -1018px;  
    min-width: 16px;
    min-height: 28px;
    opacity: 0.3;
}

div.grid-popup-row-menu>button.inline-row.tree.focus>span:last-child,
div.grid-popup-row-menu>button.inline-row.tree:hover>span:last-child{
    background-image: url(../images/white.png?v=6abdc5c6c7845);
    opacity: 1;
}

a.inline-row{
    background-image: url(../images/black.png?v=6abdc5c6c7845);
    background-position: -10px -2458px;
    background-repeat: no-repeat;  
}

div.grid-popup-row-menu>button.inline-row.planning.tree{
    background-image: url(../images/black.png?v=6abdc5c6c7845), url(../images/black.png?v=6abdc5c6c7845);
    background-position: -10px -2746px, calc(100% + 12px) -1017px;
    background-repeat: no-repeat, no-repeat;
}

div.grid-popup-row-menu>button.inline-row.planning.tree.focus,
div.grid-popup-row-menu>button.inline-row.planning.tree:hover{
    background-image: url(../images/white.png?v=6abdc5c6c7845), url(../images/white.png?v=6abdc5c6c7845);
    background-position: -10px -2746px, calc(100% + 12px) -1017px;
    background-repeat: no-repeat, no-repeat;
}

div.grid-popup-row-menu>button.inline-row.admission.tree{
    background-image: url(../images/black.png?v=6abdc5c6c7845), url(../images/black.png?v=6abdc5c6c7845);
    background-position: -10px -2746px, calc(100% + 12px) -1017px;
    background-repeat: no-repeat, no-repeat;
}

div.grid-popup-row-menu>button.inline-row.admission.tree.focus,
div.grid-popup-row-menu>button.inline-row.admission.tree:hover{
    background-image: url(../images/white.png?v=6abdc5c6c7845), url(../images/white.png?v=6abdc5c6c7845);
    background-position: -10px -2746px, calc(100% + 12px) -1017px;
    background-repeat: no-repeat, no-repeat;
}
div.grid_pagination_control div.playback{    
    
}

a.inline-row:hover{
    background-image: url(../images/white.png?v=6abdc5c6c7845);
}

*/
/*
div.playback>button.goto{
    width: 2rem;
    border-radius: 0;
    min-height: 2rem;
}

div.playback>button.jump{
    padding: 0 2rem;
    border-left: .1em solid rgba(0,0,0,0.24);
    border-right: .1em solid rgba(0,0,0,0.24);
    flex-grow: 1;
}
*/
div.grid-popup-row-menu>button.restore{
    display: none;
}

div.grid-popup-row-menu.show-trash > button.restore {
  display: flex;
}

/*
a.inline-row.focus{
    background-image: url("../images/white.png?v=6abdc5c6c7845");    
    background-color: #1a5b9c;
    color:white;    
    border-radius: 0;
    opacity: 1;
}

button.report,
a.report{
    background-image:url(../images/black.png?v=6abdc5c6c7845);
    background-position: -10px -3370px;
    background-repeat:no-repeat;
}

a.report:hover{
    background-image:url(../images/white.png?v=6abdc5c6c7845);    
}
*/
/*
button.objective,
a.objective,
.menu_button_objective {
    background-image:url(../images/black.png?v=6abdc5c6c7845);
    background-position: -10px -1594px;
    background-repeat:no-repeat;
}

button.objective:hover,
a.objective:hover,
.menu_button_objective:hover {
    background-image:url(../images/white.png?v=6abdc5c6c7845);
}
*/
button.topic,
a.topic{
    background-position: -10px -4618px;
}

button.formula,
a.formula{
    background-position: -10px -7546px;
}
/*
button.gradebook,
a.gradebook,
.menu_button_gradebook,
.menu_button_scale {
    background-image:url(../images/black.png?v=6abdc5c6c7845);
    background-position:-10px -1258px;
    background-repeat:no-repeat;
}

button.gradebook:hover,
a.gradebook:hover,
.menu_button_gradebook:hover,
.menu_button_scale:hover {
    background-image:url(../images/white.png?v=6abdc5c6c7845);
}

a.payment{
    background-position:-10px  -7306px;
}
*/
tr[data-status="2"] a.payment,
tr[data-status="1"] a.payment{
    display:none !important;
}
/*
button.token,
a.token {
    background-position: -12px -1881px;
}

a.send, 
button.send,
.menu_button_send {
    background-image:url(../images/black.png?v=6abdc5c6c7845);
    background-position:-12px -3562px;
    background-repeat:no-repeat;
}

a.send:hover, 
button.send:hover,
.menu_button_send:hover {
    background-image:url(../images/white.png?v=6abdc5c6c7845);
}
*/
/*
.menu_button_send-form {
    background-image:url(../images/black.png?v=6abdc5c6c7845);
    background-position:-11px -3562px;
    background-repeat:no-repeat;
    margin-left:16px;    
}

.menu_button_send-form:hover {
    background-image:url(../images/white.png?v=6abdc5c6c7845);
}

a.clone{
    background-image: url(../images/black.png?v=6abdc5c6c7845);
    background-position: -10px -5914px;
    background-repeat: no-repeat;
}
*/
tr.grid_row_new .menu_button_token,
tr.grid_row_new .menu_button_send-form{
    display:none;
}
/*
.menu_button_attachment {
    background-image:url(../images/black.png?v=6abdc5c6c7845);    
    background-position:-10px -1450px;
    background-repeat:no-repeat;
}

.menu_button_attachment:hover{
    background-image:url(../images/white.png?v=6abdc5c6c7845);
}

a.planning,
button.planning,
a.planner,
.menu_button_planner {
    background-image:url(../images/black.png?v=6abdc5c6c7845);
    background-position:-10px -6922px;
    background-repeat:no-repeat;
}

a.planning:hover,
button.planning:hover,
a.planner:hover,
.menu_button_planner:hover {
    background-image:url(../images/white.png?v=6abdc5c6c7845);
}

button.activity{
    background-image:url(../images/black.png?v=6abdc5c6c7845);
    background-position:-10px -6922px;
    background-repeat:no-repeat;
}

button.activity:hover{
    background-image:url(../images/white.png?v=6abdc5c6c7845);
}

button.attendance,
a.attendance,
.menu_button_attendance {
    background-image:url(../images/black.png?v=6abdc5c6c7845);
    background-position:-10px -2602px;
    background-repeat:no-repeat;
}

button.attendance:hover,
a.attendance:hover,
.menu_button_attendance:hover {
    background-image:url(../images/white.png?v=6abdc5c6c7845);
}

button.schedule,
a.schedule,
.menu_button_schedule {
    background-image:url(../images/black.png?v=6abdc5c6c7845);
    background-position:-10px -2649px;
    background-repeat:no-repeat;
}

button.schedule:hover,
.menu_button_schedule:hover {
    background-image:url(../images/white.png?v=6abdc5c6c7845);
}

button.project{
    background-position:-10px -7594px;
}

.menu_button_students {
    background-image:url(../images/black.png?v=6abdc5c6c7845);
    background-position:-10px -2698px;
    background-repeat:no-repeat;
}

.menu_button_students:hover {
    background-image:url(../images/white.png?v=6abdc5c6c7845);
}

.menu_button_calendar {
    background-image:url(../images/black.png?v=6abdc5c6c7845);
    background-position:-10px -2217px;
    background-repeat:no-repeat;
}

.menu_button_calendar:hover {
    background-image:url(../images/white.png?v=6abdc5c6c7845);
}

.menu_button_function {
    background-image:url(../images/black.png?v=6abdc5c6c7845);
    background-position:-12px -1736px;
    background-repeat:no-repeat;
}

.menu_button_function:hover {
    background-image:url(../images/white.png?v=6abdc5c6c7845);
}

.menu_button_summary {
    background-image:url(../images/black/bars.png?v=6abdc5c6c7845);
    background-position:6px center;
    background-repeat:no-repeat;
}

.menu_button.menu_button_selected.menu_button_summary{
    background-image:url(../images/black/bars.png?v=6abdc5c6c7845);
    background-position:6px center;
    background-repeat:no-repeat;
}

.menu_button.menu_button_selected.menu_button_summary:hover,
.menu_button_summary:hover{
    background-image:url(../images/white/bars.png?v=6abdc5c6c7845);
    background-position:6px center;
    background-repeat:no-repeat;
}


.menu_button_list {
    background-image:url(../images/black/list.png?v=6abdc5c6c7845);
    background-position:6px center;
    background-repeat:no-repeat;
}

.menu_button.menu_button_selected.menu_button_list{
    background-image:url(../images/black/list.png?v=6abdc5c6c7845);
    background-position:6px center;
    background-repeat:no-repeat;
}

.menu_button.menu_button_selected.menu_button_list:hover,
.menu_button_list:hover {
    background-image:url(../images/white/list.png?v=6abdc5c6c7845);
    background-position:6px center;
    background-repeat:no-repeat;
}
*/
/*
.menu_button_new {
    background-image:url(../images/black.png?v=6abdc5c6c7845);
    background-position: -10px -346px;
    background-repeat:no-repeat;
}

.menu_button_new:hover {
    background-image:url(../images/white.png?v=6abdc5c6c7845);
}

button.save,
.menu_button_save{
    background-image:url(../images/white.png?v=6abdc5c6c7845)  !important;  
    background-position:-10px -394px;    
    background-color: #4bbb2d;
    background-repeat:no-repeat;
    color: white !important;
    padding-right: 16px;
}

button.save:hover,
.menu_button_save:hover{
    background-image:url(../images/white.png?v=6abdc5c6c7845);  
    background-color: #47bd2d;    
}
*/
/*
.menu_button_term{
    background-image: url("../images/black/periods.png?v=6abdc5c6c7845");
    background-position: 4px center;
    background-repeat: no-repeat;
    margin-right: 4px;
}

.menu_button_term:hover{
    background-image: url("../images/white/periods.png?v=6abdc5c6c7845");
    background-color: rgba(0,0,0,0.48);
}

.menu_button_term.active{
    background-image: url("../images/white/periods.png?v=6abdc5c6c7845");
    background-color: rgba(0,0,0,0.32);
    color: white;
}


.menu_button_cancel{
    background-image:url(../images/black.png?v=6abdc5c6c7845);  
    background-position:-10px  -440px;
    background-repeat:no-repeat; 
}

.menu_button_cancel:hover{
    background-image:url(../images/white.png?v=6abdc5c6c7845);   
}

.menu_button_deny{
    background-image:url(../images/deny.png?v=6abdc5c6c7845);  
    background-position:6px  center;
    background-repeat:no-repeat; 
}
*/
.menu_button_allow{
    background-image:url(../images/checked.png?v=6abdc5c6c7845);  
    background-position:6px  center;
    background-repeat:no-repeat; 
}

.menu_button_disabled.menu_button_delete{
    background-image:url(../images/icon_delete_disabled.png?v=6abdc5c6c7845);  
    background-position:6px  center;
    background-repeat:no-repeat; 
}
/*
button.print,
.menu_button_print{
    background-image:url(../images/black.png?v=6abdc5c6c7845);  
    background-position:-10px  -490px;
    background-repeat:no-repeat; 
}

ul:hover .drop-down>a.menu_button,
button.print:hover,
.menu_button_print:hover{
    background-image:url(../images/white.png?v=6abdc5c6c7845);  
}

div.controller_menu_bottom_wrapper button.print{
    background-image:url(../images/white.png?v=6abdc5c6c7845);  
    background-color: #0072c6;
    color:white;
}
*/
.menu_button_lock{
    background-position:-10px  -730px;
}

.menu_button_unlock{
    background-position:-10px  -778px;
}

div.grid-popup-row-menu button.remove,
div.grid-popup-row-menu a.remove{
    order: 99;
}
/*
button.restore,
a.restore{
    background-image:url(../images/black.png?v=6abdc5c6c7845);  
    background-position:-10px  -2506px;
    background-repeat:no-repeat; 
    order: 99;    
}

button.view,
a.view,
.menu_button_view{
    background-image:url(../images/black.png?v=6abdc5c6c7845);  
    background-position:-10px  -3419px;
    background-repeat:no-repeat; 
    cursor:pointer;
}
*/
button.view:hover,
a.view:hover,
.menu_button_view:hover{
    background-image:url(../images/white.png?v=6abdc5c6c7845);  
}

.menu_button_disabled.menu_button_view{
    background-image:url(../images/icon_view_disabled.png?v=6abdc5c6c7845);  
    background-position:6px  center;
    background-repeat:no-repeat; 
}

.menu_button_search{
    background-image:url(../images/black/icon_find.png?v=6abdc5c6c7845);  
    background-position:6px  center;
    background-repeat:no-repeat; 
}

.menu_button_disabled.menu_button_search{
    background-image:url(../images/icon_find_disabled.png?v=6abdc5c6c7845);  
    background-position:6px  center;
    background-repeat:no-repeat; 
}

.menu_button_prev{
    background-image:url(../images/black/arrow_more_left.png?v=6abdc5c6c7845);  
    background-position:6px  center;
    background-repeat:no-repeat; 
}

.menu_button_prev:hover{
    background-image:url(../images/white/arrow_more_left.png?v=6abdc5c6c7845);  
    background-position:6px  center;
    background-repeat:no-repeat;     
}

.menu_button_next{
    background-image:url(../images/black/arrow_more_right.png?v=6abdc5c6c7845);  
    background-position:6px  center;
    background-repeat:no-repeat; 
}

.menu_button_next:hover{
    background-image:url(../images/white/arrow_more_right.png?v=6abdc5c6c7845);  
    background-position:6px  center;
    background-repeat:no-repeat;     
}

.menu_button_change{
    background-image:url(../images/black/icon_change.png?v=6abdc5c6c7845);  
    background-position:6px  center;
    background-repeat:no-repeat; 
}

.menu_button_change:hover{
    background-image:url(../images/white/icon_change.png?v=6abdc5c6c7845);  
    background-position:6px  center;
    background-repeat:no-repeat; 
}

.picture_button_erase{
    background-image:url(../images/black/icon_erase.png?v=6abdc5c6c7845);  
    background-position:center  center;
    background-repeat:no-repeat;
    background-color: rgb(255, 118, 76);    
}

.menu_button_erase{
    background-image:url(../images/black/icon_erase.png?v=6abdc5c6c7845);  
    background-position:6px  center;
    background-repeat:no-repeat; 
}

.picture_button_erase:hover{
    background-image:url(../images/white/icon_erase.png?v=6abdc5c6c7845); 
    background-color: rgb(205, 68, 36); 
}

.menu_button_erase:hover{
    background-image:url(../images/white/icon_erase.png?v=6abdc5c6c7845);  
}
/*
.picture_button_camera,
button.camera{
    background-image:url(../images/black.png?v=6abdc5c6c7845);  
    background-position: -8px  -2936px;
    background-repeat:no-repeat; 
    background-color: rgba(255, 255, 0,0.32);
    padding: 0 28px;
    line-height: 32px;
}

button.camera:hover,
.picture_button_camera:hover{
    background-image:url(../images/white.png?v=6abdc5c6c7845);  
    background-color: rgba(40, 164, 205, 1);
}

button.camera.active{
    background-color: #2e2e2e;
}

.menu_button_camera{
    background-image:url(../images/black/camera.png?v=6abdc5c6c7845);  
    background-position:6px  center;
    background-repeat:no-repeat; 
}

.menu_button_camera:hover{
    background-image:url(../images/white/camera.png?v=6abdc5c6c7845);  
}

.menu_button_adds,
.menu_button_add{
    background-image:url(../images/white/plus.png?v=6abdc5c6c7845);  
    background-position:6px  center;
    background-repeat:no-repeat;   
    opacity: 0.64;
}

.menu_button_adds:hover,
.menu_button_add:hover{
    background-image:url(../images/white/plus.png?v=6abdc5c6c7845);  
    background-position:6px  center;
    background-repeat:no-repeat;
    opacity: 1.0;
}

.grid_button_comments_row,
.menu_button_comments{
    background-image:url(../images/black/comments.png?v=6abdc5c6c7845);  
    background-position:6px  center;
    background-repeat:no-repeat; 
}

.grid_button_comments_row:hover,
.menu_button_comments:hover{
    background-image:url(../images/white/comments.png?v=6abdc5c6c7845);  
    background-position:6px  center;
    background-repeat:no-repeat; 
}

.menu_button_disabled.menu_button_erase{
    background-image:url(../images/icon_erase_disabled.png?v=6abdc5c6c7845);  
    background-position:6px  center;
    background-repeat:no-repeat; 
}
*/
/*
button.logout,
.button-submit.logout,
.menu_button.logout,
.menu_button_logout{
    background-image:url(../images/white.png?v=6abdc5c6c7845) !important;  
    background-position: -8px  -7450px;    
    background-repeat: no-repeat; 
    background-color: rgb(246, 88, 76);
    color: white !important;
    min-width: 92px;
    padding-left: 32px;
}

.menu_button.logout:hover,
.menu_button_logout:hover{
    background-color: #d24726;
}
*/
.controller_menu_bottom a,
.controller_menu_bottom button{
    border:1px solid rgba(0,0,0,0.24);    
}
/*
.menu_button_profile{
    background-image:url(../images/black.png?v=6abdc5c6c7845);  
    background-position:-10px  -2024px;
    background-repeat:no-repeat; 
    background-color: transparent;
    color:#1a5b9c;
    overflow:hidden;
}

.menu_button_profile:hover{
    background-image:url(../images/white.png?v=6abdc5c6c7845);  
    background-color: #1a5b9c;
}

.menu_button_password{
    background-image:url(../images/black.png?v=6abdc5c6c7845);  
    background-position:-10px  -728px;
    background-repeat:no-repeat; 
    background-color: transparent;
    color:#1a5b9c;
    opacity:0.5;
    width: 20px;
}

.menu_button_password:hover{
    background-image:url(../images/white.png?v=6abdc5c6c7845);  
    background-color: #1a5b9c;
    opacity:1;
}
*/
/*
button.download,
a.download,
.menu_button_download{
    background-image:url(../images/black.png?v=6abdc5c6c7845);  
    background-position:-10px -634px;
    background-repeat:no-repeat; 
}

button.download:hover,
a.download:hover,
.menu_button_download:hover{
    background-image:url(../images/white.png?v=6abdc5c6c7845);  
}
*/
/*
button.download.calc{
    background-position: 0px -7402px;
    padding-left: 48px;
}

button.download.pdf{
    background-position: 0px -7354px;
    padding-left: 48px;
}

button.sign,
a.sign{
    background-image:url(../images/black.png?v=6abdc5c6c7845);  
    background-position:-10px -7064px;
    background-repeat:no-repeat; 
}

button.sign.active,
button.sign:hover,
a.sign:hover{
    background-image:url(../images/white.png?v=6abdc5c6c7845);  
}

button.feedback,
a.feedback{
    background-image:url(../images/black.png?v=6abdc5c6c7845);  
    background-position:-10px -1544px;
    background-repeat:no-repeat; 
}

button.feedback:hover,
a.feedback:hover{
    background-image:url(../images/white.png?v=6abdc5c6c7845);  
}

.menu_button_rm_filter{
    background-image:url(../images/black.png?v=6abdc5c6c7845);  
    background-position:-10px -3800px;
    background-repeat:no-repeat; 
}

.menu_button_rm_filter:hover{
    background-image:url(../images/white.png?v=6abdc5c6c7845);  
}

.button-picture-rotate{
    background-image:url(../images/black.png?v=6abdc5c6c7845);  
    background-position:center -4664px;
    background-repeat:no-repeat; 
    background-color: rgba(255,255,255,0.64);
}

.button-picture-rotate:hover{
    background-image:url(../images/white.png?v=6abdc5c6c7845);  
    background-color: rgba(0,0,0,0.48);
}


.picture_button_upload{
    background-image:url(../images/black.png?v=6abdc5c6c7845);  
    background-position:center -2268px;
    background-repeat:no-repeat; 
    background-color: rgb(93, 203, 89);
}

.picture_button_upload:hover{
    background-image:url(../images/white.png?v=6abdc5c6c7845);  
    background-color: rgb(53, 163, 49);
}
*/
/*
.menu_button_upload{
    background-image:url(../images/black.png?v=6abdc5c6c7845);  
    background-position:-10px -2268px;
    background-repeat:no-repeat; 
}

.menu_button_upload:hover{
    background-image:url(../images/white.png?v=6abdc5c6c7845);  
}

.menu_button_setup{
    background-image:url(../images/black.png?v=6abdc5c6c7845);  
    background-position:-10px -1738px;
    background-repeat:no-repeat; 
}

.menu_button_setup.active,
.menu_button_setup:hover{
    background-image:url(../images/white.png?v=6abdc5c6c7845);  
}

button.course,
.menu_button_courses{
    background-image:url(../images/black.png?v=6abdc5c6c7845);  
    background-position:-12px -6826px;
    background-repeat:no-repeat; 
}

.menu_button_courses.active,
.menu_button_courses:hover{
    background-image:url(../images/white.png?v=6abdc5c6c7845);  
}*/
/*
.menu_button.menu_button_edit{
    background-image:url(../images/black.png?v=6abdc5c6c7845);  
    background-position:-10px -2310px;
    background-repeat:no-repeat;
    padding-right: 12px;
}

.menu_button_edit.active,
.menu_button_edit:hover{
    background-image:url(../images/white.png?v=6abdc5c6c7845);  
}

.menu_button_identity{
    background-image:url(../images/black.png?v=6abdc5c6c7845);  
    background-position:-10px -3320px;
    background-repeat: no-repeat; 
}

.menu_button_identity:hover{
    background-image: url(../images/white.png?v=6abdc5c6c7845);  
}

.menu_button_suboption{
    background-image:url(../images/black.png?v=6abdc5c6c7845);  
    background-position:-10px -2458px;
    background-repeat: no-repeat; 
}

a.inline-row:hover,
a.inline-row:focus,
a.inline-row.focus{
    background-image: url(../images/white.png?v=6abdc5c6c7845);  
    color:white !important;
    background-color: #1a5b9c;
}

.menu_button_reports{
    background-image:url(../images/black.png?v=6abdc5c6c7845);  
    background-position:-10px -3272px;
    background-repeat:no-repeat; 
}

.menu_button_reports:hover{
    background-image:url(../images/white.png?v=6abdc5c6c7845);  
}

button.check-all.unchecked,
.unselect-all{
    background-position: -10px -5002px;
}

button.check-all.checked,
button.selection,
.select-all{
    background-position: -10px -4954px;
}
*/
/*
.menu_button_add{
    background-image:url(../images/black/add.png?v=6abdc5c6c7845);  
    background-position:6px center;
    background-repeat:no-repeat; 
}

.menu_button_add:hover{
    background-image:url(../images/white/add.png?v=6abdc5c6c7845);  
    background-position:6px center;
    background-repeat:no-repeat; 
}
*/
.grid_wrapper_empty .menu_button_add_row{
    display:none;
}

.toggle-options-visible .menu_button_add_row{
    height:100%;
}

.menu_button_add_row{
    background-color: rgba(0,0,0,0.12);
    background-image: url(../images/black/plus.png?v=6abdc5c6c7845);
    background-position: 12px center;
    background-repeat: no-repeat;
    min-width:49px;
    height:28px;
    border-style: none solid solid solid;
    border-width: 1px;
    border-color: rgba(0,0,0,0.24);
    border-radius: 0;
    min-width: 52px;
    line-height: 28px;
    opacity:0.48;
    transition: opacity 1s;/*, background-position 1s ease*/;
}

.menu_button_add_row:hover{
    background-color: #227446; 
    background-image: url(../images/white/plus.png?v=6abdc5c6c7845);    
    height:28px;
    line-height: 28px;
    opacity:1;
}    

.grid_wrapper_empty .grid_table_options_bottom{
    display: none;
}
/*
.menu_button_undo{
    background-image:url(../images/black.png?v=6abdc5c6c7845);  
    background-position:-8px -583px;
    background-repeat:no-repeat;
}

.menu_button_undo:hover{
    background-image:url(../images/white.png?v=6abdc5c6c7845);  
}

.menu_button_redo{
    background-image:url(../images/black.png?v=6abdc5c6c7845);  
    background-position:-5px -535px;
    background-repeat:no-repeat; 
}

.menu_button_redo:hover{
    background-image:url(../images/white.png?v=6abdc5c6c7845);  
}

.menu_button_history{
    background-image:url(../images/black.png?v=6abdc5c6c7845);  
    background-position: -10px -5242px;
    background-repeat:no-repeat; 
}
*/
/*
.menu_button_history.active,
.menu_button_history:hover{
    background-image:url(../images/white.png?v=6abdc5c6c7845);  
}
*/
.menu_button_trash_view{
    background-image:url(../images/black/trashview.png?v=6abdc5c6c7845);  
    background-position:6px center;
    background-repeat:no-repeat; 
}

.menu_button_trash_view:hover{
    background-image:url(../images/white/trashview.png?v=6abdc5c6c7845);  
    background-position:6px center;
    background-repeat:no-repeat; 
}

.menu_option_selected:hover,
.menu_option_selected{
    /*background-color: rgba(255,255,255,0.48);*/    
}

.menu_option_selected:hover, .menu_option_selected a{
    color: white;
}

.menu_button.focus,
.menu_button.active{
    color:white;
    background-color: #1a5b9c;
}

.menu_col_button{
    width: 100%;
    border: medium none;
    cursor: pointer;
    height: 28px;
    box-sizing: border-box;
}


.inline-menu-col button.check-all.average {
    width: 1.8rem;
    border: none;
    opacity: 0.5;
    height: 100%;
    justify-content: center;
    align-items: center;    
}

.menu_button_click-none {
    background-image:url(../images/black/uncheckall.png?v=6abdc5c6c7845);  
    background-position:center center;
    background-repeat:no-repeat;
    background-color: transparent;
    opacity: 0.5;    
}

.menu_button_click-none:hover{
    background-image:url(../images/white/uncheckall.png?v=6abdc5c6c7845);  
    background-position:center center;
    background-repeat:no-repeat; 
    opacity: 1;
}

.menu_button_accept{
    border: 1px solid rgba(0,0,0,0.24);
    background-color: #ddd;
}

.menu_button_popup_title{
    font-weight: bold;
    margin-left: 4px;
    padding: 0 12px;
    background-color: rgba(0,0,0,0.12);
    border-left: 1px solid rgba(0,0,0,0.16);    
}

.menu_button_progress{
    flex-grow: 1;
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 0;
    color: rgba(0,0,0,0.48);    
    /*
    background-image: linear-gradient(to right, #2cbe4e 0%,rgba(0,0,0,0.08) 1px, rgba(0,0,0,0.08));
    animation: Gradient 15s ease infinite;
    box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.08);*/
}

.menu_button_progress.p100{
    display:none;
    /*
    background-image:url(../images/go_right.svg);  
    background-color: #2cbe4e;
    background-position:center center;
    background-repeat:repeat-x;  
    text-align: right;*/
}

button.continue.p100{
    background-color:#0F9D58;
}

button.menu_button.part{
    opacity:0.64;
}

button.cancel {
    background-position:-12px -442px;
}


button.back {
    background-position:-12px -1066px;
}

.controller_menu_tab_left_buttons .menu_button_adds{
    background-color: #1a5b9c;
    border: 1px solid rgba(0,0,0,0.16);
    color: white;
}
/*
a.button-share.parents{
    margin-left:6px; 
    line-height:32px; 
    display:inline-block; 
    color:rgba(0,0,0,0.48); 
    text-decoration:none;
    background-position: -8px -2696px;
    background-image: url("../images/black.png?v=6abdc5c6c7845");
    background-repeat: no-repeat; 
    background-color: white;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: rgba(0,0,0,0.16);
    padding-left: 32px;
    padding-right: 16px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

a.button-share.parents:hover{
    background-image: url("../images/white.png?v=6abdc5c6c7845");    
    background-color: #0072c6;
    color:white;
}
*/
.controller_menu_footer_wrapper button{
    padding-left: 32px;
    padding-right: 32px;
    border-radius: 0 !important;
    margin-right: 24px;
}

.button-rm-filter{
    line-height: 20px;
    padding-left: 8px;
    padding-right: 8px;
    border:none;
    background-color: transparent;
    border-radius: 12px;
    opacity: 0.32;
    margin: 4px 0;
}

.button-rm-filter:hover{
    opacity: 1;
}

.popup_menu_bottom button{
    border-radius: 4px;
}

.popup_menu_bottom button:hover,
div.sandbox .controller_menu_bottom button, 
div.slide_box .controller_menu_bottom a, 
div.slide_box .controller_menu_bottom button {
    /*box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);*/
    border-radius: 4px;
}

/*
div.sandbox .controller_menu_bottom button, 
div.slide_box .controller_menu_bottom a, 
div.slide_box .controller_menu_bottom button{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    opacity: 0.5;
    border:1px solid rgba(0,0,0,0.24);
}
*/
.popup_menu_bottom{
    text-align: right;
}

span.menu-separator{
    display:flex;
    width:100%;
    min-height: 28px;
    background-color:rgba(0,0,0,0.12);
}

span.menu-separator>span{
    line-height: 28px;
}

div.menu-bar>a,
div.menu-bar>button{
    display: inline-block;
    opacity:0.92;
    cursor: pointer;
    border-radius: 3px;
}
/*
div.menu-side{    
    border-right: #ebecec;
    background-color: #e1e1e1;
}
*/
/*
div.menu-side>div{
    padding-top: 8px;
}
*/
/*
.grid-popup-row-menu>button.icon-text:first-child{
    margin-top: .5rem;
}

.grid-popup-row-menu>button.icon-text:last-child{
    margin-bottom: .5rem;
}
*/
.grid-popup-row-menu>button.icon-text{
    display: flex;
    align-items:center;
    border-radius: .4rem;
    /*padding: .7rem .5rem .7rem .5rem;*/
    line-height: 1.75em;
    /*width: calc(100% - 1rem);*/
    /*margin: .2rem .5rem;*/    
}

div.menu-side>div>button.icon-text{
    display: flex;
    align-items:center;
    border-radius: .4rem;
    /*padding: .7rem .5rem .7rem .5rem;*/
    line-height: 1.75em;
    /*width: 100%;*/
    /*margin-top: .2rem;    */
}
/*
.menu-vertical > button.v-log:not(:hover) {
    border-radius: 0;
    border-top-style: solid;
    border-top-width: 1px;
}
*/
div.menu-side>div{
    /*transition: width 0.5s ease-out;*/
    /*overflow: hidden;*/
    padding-bottom: 5rem;    
    /*
    margin-left: 0.3rem;
    margin-right: 0.3rem;*/
}
/*
div.menu-side>div>button{
    width: 100%;
    overflow:hidden;
}
*/
/*
div.menu-side.wide>div>button{
    transition: font-size 0.5s ease-out;
    transition: width 1s ease-out;
}

body.has-menu-side.has-compact-menu div.menu-side>div>button{
    transition: font-size 1s ease-out;
    transition: width 0.5s ease-out;
}

body.has-menu-side.has-compact-menu div.menu-side>div{
    width: 48px;    
}

body.has-menu-side.has-compact-menu div.menu-side>div>button.icon-text{
    width: 48px;    
}
*/
div.menu-side.wide>div>button>span{
    flex-grow:1;
}

div.menu-side>div>button>span{
    line-height: normal;    
}

body.has-menu-side.has-compact-menu div.menu-side>div>button>span{
    display: none;
}

body.has-menu-side.has-compact-menu div.menu-side > div > button::after{
    margin-left: 0;
}
/*
body.has-menu-side.has-compact-menu div.menu-side>div>button.icon-text{
    padding-right: 1rem;
}
*/
body.has-menu-side.has-compact-menu div.menu-side>div>button::before{
    display: flex;
    justify-content: center;
    font-size: 1.2em;
    opacity: 0.92;
    margin-right: 0;
    min-width: 2rem;
    min-height: 2rem;  
}

div.menu-side>div>button::before{
    color: color-mix(in oklab, var(--cs-bg-color) 40%, black);
    background-color: var(--cs-bg-color);
}
/*
body.has-menu-side.has-compact-menu div.menu-side>div>button:before{
    padding-right: 19px;
}
*/
body.has-menu-side.has-compact-menu div.menu-side>div>button.tree:before{
    padding-right: 0;
}

body.has-menu-side.has-compact-menu div.menu-side>div>button.tree{
    padding-right: 0;
}

div.menu-top>div>button{
    margin-left: 4px;
}

div.menu-top{
    padding-left:40px;
}

span.menu-side-anchor-wrapper{
    height: 100%;
    min-height: 35px;
    padding-left:10px;
}
/*
.menu-side-anchor{
    height: 100%;
    background-image: url(../images/black.png?v=6abdc5c6c7845);
    background-position: -8px -4858px;
    background-repeat: no-repeat;
    padding-left: 32px;
    line-height: 28px;
    display: block;
    margin-left: 10px;
}*/

.menu.compact{
    background-position: -8px -7786px;
}

div.main_wrapper.popup div.menu-main{
    display: none;
}
/*
a.people,
button.people,
a.person,
button.person,
a.employee,
button.employee,
a.student,
button.student{
    background-position:-12px -2698px;
}

a.teacher,
button.teacher{
    background-position:-12px -5625px;
}

a.font,
button.font{
    background-position:-12px -5962px;
}
*/
body.font1 a.icon-text.font1{
    border-left: 3px solid #1a5b9c;
}

body.font2 a.icon-text.font1{
    border-left: 3px solid #1a5b9c;
}

body.font3 a.icon-text.font3{
    border-left: 3px solid #1a5b9c;
}

body.font4 a.icon-text.font4{
    border-left: 3px solid #1a5b9c;
}
/*
a.home,
button.home{
    background-position:-12px -5722px;
}
*/
a.backup,
a.sandboxauth,
a.reg,
a.system,
button.system{
    background-position:-12px -1738px;
}
/*
a.note,
button.note{
    background-image: url("../images/black.png?v=6abdc5c6c7845"); 
    background-position:-12px -5145px;
    background-repeat: no-repeat;
}

a.note:hover,
button.note:hover{
    background-image: url("../images/white.png?v=6abdc5c6c7845"); 
}

a.school,
button.school{
    background-position:-12px -3658px;
}

a.group,
button.group{
    background-image: url("../images/black.png?v=6abdc5c6c7845"); 
    background-position:-12px -5194px;
    background-repeat: no-repeat;
}

a.group:hover,
button.group:hover{
    background-image: url("../images/white.png?v=6abdc5c6c7845"); 
}
*/
/*
div.context-box-right>button{
    margin:2px;
    line-height: 28px;
    min-height: 28px;
    vertical-align: top;
}
*/
button.academicyear,
button.calendar{
    background-position:-12px -2218px;    
}

a.course{
    background-position: -12px -6826px;
}

button.finish{
    background-color: #0072c6;
    color: white;    
}

div.gradebook-indicator div.menu-bar.main>button.settings,
div.gradebook-objective div.menu-bar.main>button.settings{
    display: none;
}

div.menu-tab-main{
    display: flex;
    width:100%;
    /*background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0, 0, 0, 0) 60%,rgba(0, 0, 0, 0.05) 90%,rgba(0, 0, 0, 0.1) 100%);    */
    height: 2.6rem;
    align-items: stretch;
    flex-direction: column;
}

div.menu-tab-main>*{
    flex-grow:1;
}

div.menu-tab-main>span{
    min-width: 12px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
}

div.menu-tab-main>span:last-child{
    flex-grow: 1;
}

div.menu-tab-main>.group>button{
    border-radius: 0;
    border-width: 0.05rem 0.05rem 0 0.05rem;
    border-style: solid;
    border-color: rgba(0,0,0,0.08);
    border-bottom: 1px solid rgba(0,0,0,0.08);    
    margin: 0;
    height:100%;
    padding: 0 .75rem;
}

div.menu-tab-main > .group > button:first-child {
    border-radius: .5rem 0 0 .5rem;
}

div.menu-tab-main > .group > button:last-child {
    border-radius: 0 .5rem .5rem  0;
}

div.menu-tab-main>.group>button.selected:hover,
div.menu-tab-main>.group>button.selected{    
    border-bottom: none;  
    margin-top: 0;
    border-color: rgba(0,0,0,0.24);
}

div.menu-tab-main>.group>button:hover{
    box-shadow: none;
}

div.main-display-top.not-tab{
    /*padding: 0 .4em;*/
    /*background-image: linear-gradient(#f6f7f9 20%, #efeff0);*/
    /*background-image: linear-gradient(rgba(0,0,0,0) 60%, rgba(0,0,0,0.04));*/
}

div.main-display-top.not-tab>div.menu-tab-main{
    display: none;
}

button.progress {
    background-position: -10px -7498px;
}
/*
.email {
    background-image: url(../images/black.png?v=6abdc5c6c7845);
    background-position: -10px -2890px;
    font-size: 16pt;
    padding-left: 32px;
    background-repeat: no-repeat;    
}
*/
div.main_wrapper.sandbox span.menu-side-anchor-wrapper{
    display: none;
}
/*/var/www/html/clickschoolinfo/public/themes/modern/css/grid.css*/
/*
    Document   : grid
    Created on : 28-jun-2012, 10:33:09
    Author     : Centinela
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root {
    display: block;
}

:root {
    --cell-border-color: rgba(0, 0, 0, .24);
}

.table.grid.fieldset>.tbody>.tr:hover,
.grid>.tbody>.tr[data-sub="sub"]:hover {
    background-color: transparent;
}

/*
.grid>.tbody>.tr:hover>.td>div>div>div>div>input,
.grid>.tbody>.tr:hover>.td>div>div>div>div>a,
.grid>.tbody>.tr:hover>.td>div>div>div>div>p{
    text-shadow: 2px 2px 2px rgba(0,0,0,0.32);
    transition: text-shadow 0.5s ease;
}
*/
/*
.grid-scheme>.tfoot>.tr>.td{
    border-right: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    vertical-align: bottom;
}
*/
.schedule-course .input_envelope,
.schedule-group .input_envelope,
.input_envelope.input_custom {
    height: auto;
}

.td.form_field.grid.schedule-course>div.input_filler {
    align-items: center;
    padding: 0 6px;
    display: flex;
    width: 100%;
}

/*
.td.filler.schedule-course{
    line-height: 28px;
    text-align: center;
}
*/
/*
.table.schedule-group .form_field.col-opt,
.table.schedule-group .td.form_field.f-index,
.table.schedule-group .th.form_field.col-index{
    display:none;
}
*/
.input_envelope.multi_line {
    height: auto;
    line-height: normal;
    overflow: auto;
}

.input_envelope.multi_line a,
.input_envelope.multi_line p {
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: normal;
}

.grid td a {
    text-decoration: none;
}

.inline-menu>a {
    cursor: pointer;
    text-decoration: none;
    min-width: 1rem;
    min-height: 1rem;
}

.grid>.thead>.tr .th {
    text-align: center;
    vertical-align: bottom;
    font-weight: normal;
}

.table>.thead>.tr .th:first-child {
    vertical-align: top;
}

/*
.table.grid>.tfoot>.tr>.td:first-child,
.table.grid>.thead>.tr>.th:first-child,
.table.grid>.tbody>.tr>.td:first-child,
.table.grid>colgroup>col:first-child{
    width: 3rem;
}
*/
div.group-wrapper.gradebook {
    margin-top: 4px;
    /*border-top: 1px solid lightgray;*/
}

div.group-wrapper.gradebook>div>.table>.thead,
div.group-wrapper.area>div>.table>.thead {
    display: none;
}

/*div.group-wrapper.gradebook>div:first-child>.table>.thead,*/
div.group-wrapper.gradebook>div:first-child>.table>.thead,
div.group-wrapper.gradebook>div.group-wrapper.area:first-child>div:first-child>.table>.thead {
    display: table-header-group;
}

div.group-wrapper>div:first-child>.table>.thead>.tr>.th {
    border-top: none;
    font-weight: bold;
}

/*
div.doc_page.historic div.group-wrapper>div:first-child>.table>.thead>.tr>.th:nth-child(2),
div.doc_page.historic div.group-wrapper>div:first-child>.table>.tbody>.tr>.td:nth-child(2){
    border-right: none;
}
*/
.table.area_student>.tbody>.tr>.td:nth-child(2) {
    text-transform: uppercase;
}

.table.area_student>.tbody>.tr>.td {
    background-color: rgba(0, 0, 0, 0.06);
    font-weight: bold;
}

/*
div.group-wrapper.gradebook>div.group-wrapper.area>div>.table>.thead>.tr>.th span{
    font-size: 0;
}*/
/*
div.group-wrapper.gradebook>div.group-wrapper.area:first-child>div>.table>.thead>.tr>.th span{
    font-size: small;
}
*/
div.group-wrapper.gradebook>div>.table>.tbody>.tr>.td:nth-child(2) span,
div.group-wrapper.gradebook>div.group-wrapper.area>div>.table>.thead>.tr>.th:nth-child(2) span {
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
}

div.group-wrapper.gradebook>div>.table>.thead>.tr>.th:first-child,
div.group-wrapper.gradebook>div.group-wrapper.area>div>.table>.thead>.tr>.th:first-child {
    border-right: none;
}

div.report.academicyear div.group-wrapper.gradebook>div:first-child>.table>.thead>.tr>.th span {
    font-weight: bold;
}

.table.scheme-doc.grid.has-border .td.f-index.bullet {
    border-right: none;
}

.grid_active_head_col {
    background-color: #4A7EB2;
    color: #FFF;
}

.grid_active_head_col .grid_col_filter {
    color: #FFF;
}

.grid_active_head_col .label-col.menu {
    background-image: url("../images/white/icon_col_options.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
}

.grid_active_head_col .grid_button_sortable {
    background-image: url("../images/icon_sortable_hover.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
}

.grid_active_head_col .grid_button_sortable_asc {
    background-image: url("../images/white/icon_col_sort_asc.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
}

.grid_active_head_col .grid_button_sortable_desc {
    background-image: url("../images/white/icon_col_sort_desc.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
}

.table>.tbody>.tr.onfocus>.td:first-child {
    background-color: var(--cs-emphasis-bg-color);
    transition: background-color 1s ease;
}

.table>.tbody>.tr.onfocus>.td:first-child .row-label {
    color: #FFF;
    transition: color 1s ease;
}

.grid_col_active input,
.grid_col_active a {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.16);
    transition: text-shadow 1s ease;
}

.grid_selected_head_row {
    background-color: #969698;
    color: #FFF;
}

.grid_comment_wrapper textarea {
    width: 99%;
    border: none;
    background-color: transparent;
    resize: vertical;
}

.grid_row_hidden.collapsed>.td {
    border: none !important;
}

.tr.empty,
.grid_row_hidden.collapsed {
    display: none;
}

/*
.grid_row_hidden_wrapper{
    background-color:rgba(0,0,0,0.05);
    border-right:1px dashed #AAA;
    border-top:1px solid rgba(0,0,0,0.12);
}
*/
.grid_button_missing_more {
    background-image: url("../images/black/icon_dots.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    padding-left: 24px !important;
    border: none;
    cursor: pointer;
    background-color: transparent;
    min-height: 24px
}

.grid_button_missing_more:hover {
    background-image: url("../images/white/icon_dots.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
}

.grid_button_more {
    background-image: url("../images/black/icon_dots.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    padding-left: 24px !important;
    border: none;
    cursor: pointer;
    background-color: transparent;
    min-height: 24px
}

.grid_button_more:hover {
    background-image: url("../images/white/icon_dots.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
}

/*
.grid_button_missing_comments{
    background-image: url("../images/black/no_comments.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    background-color: transparent;
    min-height: 24px
}

.grid_button_comments{
    background-image: url("../images/black/comments.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    border: none;
    cursor:pointer;
    background-color: transparent;
    min-height: 24px
}
*/
.grid_button_missing_comments {
    background-image: url(../images/black.png?v=6abdc5c6c7845);
    background-position: -10px -1496px;
    background-repeat: no-repeat;
    opacity: 0.4;
}

input[value=""].grid_button_missing_comments {
    background-position: center -1496px;
}

.grid_button_missing_comments.cs_row_expanded,
.grid_button_missing_comments:hover {
    background-image: url(../images/white.png?v=6abdc5c6c7845);
    opacity: 1;
}

.grid_button_missing_comments.cs_row_expanded {
    background-color: #ff9d02 !important;
    opacity: 1;
}

.grid_button_arrow {
    background-image: url("../images/black/icon_col_options.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
}

.grid_button_arrow:hover {
    background-image: url("../images/white/icon_col_options.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
}

.grid_button_arrow.cs_row_expanded {
    background-image: url("../images/black/icon_cell_options_up.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
}

.grid_button_arrow.cs_row_expanded:hover {
    background-image: url("../images/white/icon_cell_options_up.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
}


.grid_button_comments {
    background-image: url(../images/black.png?v=6abdc5c6c7845);
    background-position: center -1544px;
    background-repeat: no-repeat;
}

.input_inline_menu a.grid_button_comments {
    opacity: 1;
}

.grid_button_comments:hover {
    background-image: url(../images/white.png?v=6abdc5c6c7845);
}

.grid_button_comments.cs_row_expanded {
    background-image: url(../images/white/comments.png?v=6abdc5c6c7845);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #ff9d02 !important;
    opacity: 1;
}

col.selected,
.table:not(.select-all)>.tbody>.tr.expandable.expanded.highlight+.tr.collapsable>.td,
.table.select-all>.tbody>.tr:not(.highlight)>.td,
.table:not(.select-all)>.tbody>.tr.highlight>.td {
    background-color: transparent;
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -30vw 0
    }

    100% {
        background-position: 70vw 0
    }
}

.table.select-all>.tbody>.tr:not(.highlight),
.td.col-f-fieldset.highlight .doc_group_form>.doc_row_form,
.table:not(.select-all)>.tbody>.tr.expandable.expanded.highlight+.tr.collapsable,
.table:not(.select-all)>.tbody>.tr.highlight {
    background: #ffffcc;
}

.message.caution {
    background: linear-gradient(-45deg, #fff3c1, #fff381, #fff3c1, #fff371);
    background-size: 400% 400%;
    animation: gradient 12s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}


.td.grid_cell_sub.highlight {
    background-color: none;
}

.th.highlight>div>button:hover,
.th.highlight>div>button {
    color: rgba(0, 0, 0, 0.64);
}

.input_envelope>div.row-overview-wrapper {
    display: none;
}

/*
.input_highlight{
    background-color:rgba(255,255,0,0.32);
}*/
/*
.input_highlight{
    background-color: #4A7EB2;
    color: rgb(255, 255, 255);
}

.input_highlight .grid_button_browse,.input_highlight .grid_btn_move_right,.input_highlight .grid_btn_equal{
    color: rgb(255, 255, 255);
}
*/
.grid_form_tbl {
    border-left: 1px solid #666;
    border-top: 1px solid #666;
}

.grid_form_tbl>.tbody>.tr .td {
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
}

.grid_form_tbl>.thead>.tr .th {
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    text-align: center;
}

/*
.grid input[type="button"]:disabled{
    background-image: url("../images/cell_filler_texture.png?v=6abdc5c6c7845");
    background-color: transparent;
}
*/
.grid_cell_disabled {
    background-image: url("../images/cell_filler_texture.png?v=6abdc5c6c7845");
}

.grid_row_disabled .td {
    background: url("../images/b8.png?v=6abdc5c6c7845");
    color: #888;
}

.grid_row_disabled .grid_button_expand {
    display: none;
}

.grid_row_disabled .grid_button_enable {
    display: block;
}

.grid_row_enabled .grid_button_enable {
    display: none;
}

.grid_row_disabled .grid_button_disable {
    display: none;
}

.grid_row_enabled .grid_button_disable {
    display: block;
}

.grid_row_enabled .grid_button_expand {
    display: block;
}

.grid_button_expand {
    background-color: transparent;
    background-image: url("../images/icon_missing_desc.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    width: 100%;
}

.grid_button_expand:hover {
    background-image: url("../images/icon_with_desc.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
}

.grid_button_locked {
    background-image: url("../images/icon_locked.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    cursor: pointer;
    width: 18px;
    height: 18px;
    margin: 0 auto;
}

.grid_button_enable {
    background-color: #75BA45;
    background-image: url("../images/icon_add.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    width: 18px;
    border-radius: 9px;
    height: 18px;
    margin: 0 auto;
}

.grid_button_disable {
    background-color: #DDD;
    background-image: url("../images/icon_del.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    margin: 0 auto;
}

.grid_button_disable:hover {
    background-color: #FF3333;
}

div.grid_envelope div.grid_wrapper>.table1 a {
    padding-right: 8px;
}

.grid_button_cols_expand {
    background-image: url("../images/icon_cols_expand.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    display: inline-block;
    border: none;
    cursor: pointer;
}

.grid_button_cols_collapse {
    background-image: url("../images/icon_cols_collapse.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    display: inline-block;
    border: none;
    cursor: pointer;
}

.grid_row_disabled div.grid_envelope div.grid_wrapper>.table1_flag {
    text-decoration: underline;
    color: #666;
}

div.grid_envelope div.grid_wrapper>.table1_flag_notice {
    background-color: #E33A00;
    color: #FFF;
}

.grid_col_info {
    width: 20px;
    background-image: url("../images/icon_info.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 4px;
    margin-bottom: 4px;
    display: inline-block;
}

.grid_button_head {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: inline-block;
}

.grid_button_sortable {
    background-image: url("../images/black.png?v=6abdc5c6c7845");
    background-position: -14px top -922px;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: inline-block;
    padding-right: 20px;
}

div.grid_th_wrapperv .grid_button_sortable {
    background-position-x: center;
}

input[value=""].grid_button_sortable {
    background-position: center -922px;
    opacity: 0.48;
}

input[value=""].grid_button_sortable_desc {
    background-position: center -826px;
}

input[value=""].grid_button_sortable_asc {
    background-position: center -874px;
}

.top_link_sortable {
    display: inline-block;
    padding-left: 3px;
}

.grid_row_record_missing a {
    color: #AAAAAA;
}

.grid_message>span:first-child {
    font-weight: bold;
}

.grid_message.info {
    background: #D4EFFF url(../images/info.png?v=6abdc5c6c7845) no-repeat scroll 10px 10px !important;
    border: 1px solid #c4dFeF !important;
    color: #292923 !important;
    padding: 10px 8px 6px 32px;
}

.grid_message.caution {
    background: #fff4ba url(../images/caution.png?v=6abdc5c6c7845) no-repeat scroll 10px 6px !important;
    border: 1px solid #c3be81 !important;
    color: #292923 !important;
    padding: 8px 8px 6px 64px;
    min-height: 64px;
}

.grid_message.error {
    background-color: rgb(240, 208, 206);
    color: rgb(201, 85, 85);
    background-image: url("../images/icon_out_of_service.png?v=6abdc5c6c7845");
    background-repeat: no-repeat;
    background-position: 12px 10px;
    padding-left: 28px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.grid_tbl_col {}

.grid_tab_settings {
    background-image: url(../images/icon_settings.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: 6px center;
    padding-left: 24px !important;
}

.top_link_selected .grid_tab_settings {
    background-image: url(../images/icon_settings_active.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: 6px center;
    padding-left: 24px !important;
}

.grid_button_settings_off {
    background-image: url(../images/icon_settings_off.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding-left: 24px;
    cursor: pointer;
    margin-top: 12px;
    width: 24px;
}

div.grid_envelope div.grid_wrapper>.table1 th .grid_button_settings_off {
    display: none
}

div.grid_envelope div.grid_wrapper>.table1 .th:hover .grid_button_settings_off {
    display: inline-block
}

.grid_button_settings_on {
    background-image: url(../images/icon_settings_on.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding-left: 24px;
    cursor: pointer;
    margin-top: 6px;
    width: 24px;
}

.f-filler,
.filler {
    background-image: url(../images/cell_filler_texture.png?v=6abdc5c6c7845);
}

.margin {
    /*background-image: url(../images/cell_filler_texture.png?v=6abdc5c6c7845);*/
    /*border-right: 1px solid lightgray;*/
    /*border-bottom: 1px solid lightgray;*/
}

.f-header.col-f-filler.t-writable,
col.f-filler,
.f-filler.t-writable,
.f-filler.t-space {
    background-image: none;
    opacity: 1;
}

/*
.th.scroll-pad,
.th.col-t-fixed-elements{
    min-width: 16px;
}
*/
.td.col-t-fixed-elements,
col.t-fixed-elements {}

.grid_cell_filler>div>div>div,
.grid_cell_filler>div>div>div {
    text-align: center;
}

.grid_panel_header_settings {
    width: 92%;
    margin: 0 auto;
}

.grid_panel_settings {
    display: inline-block;
    position: fixed;
    width: 230px;
    padding: 0;
    background-color: #E0E0E0;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05) inset;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    border-right: 2px solid rgba(0, 0, 0, 0.12);
}

.grid_panel_display {
    margin-left: 0px;
    display: inline-block;
}

.grid_panel_display_slide {
    margin-left: 232px;
    display: inline-block;
    overflow-x: hidden;
}

.grid_label_filter {
    background-image: url("../images/filter.png?v=6abdc5c6c7845");
    background-position: left center;
    background-repeat: no-repeat;
    background-color: transparent;
    display: block;
    border: none;
    padding-left: 32px;
}



.grid_col_filter {
    text-decoration: none;
}

.grid_filter_selector {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.4);
    padding: 4px 4px 4px 0;
    margin: 0 auto;
    color: #050505;
    padding: 2px 2px;
    background: -moz-linear-gradient(top,
            #c2c0c2 0%,
            #b5b5b5);
    background: -webkit-gradient(linear, left top, left bottom,
            from(#c2c0c2),
            to(#b5b5b5));
    border: 1px solid rgba(0, 0, 0, 0.4);
}

.grid_cell_avg,
.grid_cell_avg input[type="button"] {
    background-color: rgba(0, 0, 0, 0.024);
}

.grid_comments_wrapper {
    border: 1px solid rgba(0, 0, 0, 0.32);
    margin-top: 0;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 2%;
    width: 95% !important;
    background-color: #FFF;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.grid_comments_wrapper textarea {
    border: none;
    width: 100%;
}

.grid_btn_move_right {
    background-image: url("../images/icon_small_arrow_right.png?v=6abdc5c6c7845");
    background-position: right center;
    background-repeat: no-repeat;
    background-color: transparent;
    display: block;
    border: none;
    cursor: pointer;
    width: 100%;
}

.grid_btn_equal {
    background-color: transparent;
    border: none;
    width: 100%;
}

.input_wrapper-browse input[type="button"] {
    width: 100%;
    border: none;
    cursor: pointer;
}


.input_wrapper-button input[type="button"] {
    width: 100%;
    border: none;
    cursor: pointer;
}

.input_wrapper input[type="button"] {
    cursor: pointer;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    ;
    min-width: 8px;
    max-width: 100%;
    width: 100%;
    /*background-color:transparent;*/
    display: block;
    margin: auto;
}

.input_wrapper input {
    border: none;
}

.input_wrapper .grid_button_remove_row,
.input_wrapper input[type="button"].grid_button_remove_row,
.input_wrapper input[type="button"].grid_button_comments,
.input_wrapper input[type="button"].grid_button_missing_comments {
    width: 28px;
    border-radius: 14px;
    display: inline-block;
}

.grid_row_error div.grid_envelope div.grid_wrapper>.table1 {
    color: #F00;
}

.grid_row_error .cs_input_error {
    border-color: rgb(219, 121, 114);
    background-color: rgb(240, 208, 206);
}

/*
.grid_popup_filter{
    border: 1px solid rgba(0, 0, 0, 0.12);
}*/

.grid_button_filter_apply {
    box-shadow: none;
    background-color: #4a7eb2;
    border: 1px solid lightgray;
    color: rgb(255, 255, 255);
    padding: 4px 4px;
    margin-right: 8px;
    cursor: pointer;
}

.grid_button_filter_close {
    box-shadow: none;
    background-color: rgb(230, 230, 230);
    border: 1px solid lightgray;
    color: rgb(17, 17, 17);
    padding: 4px 4px;
    margin-right: 12px;
    cursor: pointer;
}

.grid_button_filter_cancel {
    box-shadow: none;
    background-color: rgb(230, 230, 230);
    border: 1px solid lightgray;
    color: rgb(17, 17, 17);
    padding: 4px 4px;
    margin-right: 12px;
    cursor: pointer;
}

.grid_button_filter_cancel:hover {
    background-color: #D24726 !important;
}

button.label-col {
    flex-grow: 1;
    border-radius: 0;
    width: 100%;
    border: none;
    padding: 0;
}

.th.col-wd-1 button.label-col,
.th.col-wd-2 button.label-col {
    padding-left: 0;
}

button.label-col>span {
    font-size: 1em;
    white-space: nowrap;
    max-width: 100%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

button.label-col>span>span {
    margin: 0 .5rem;
}

.inline-menu-col {
    display: flex;
    width: 100%;
    align-items: flex-end;
}

.inline-menu-col>button {
    border-radius: 0;

}

.layout-datetime+.inline-menu-col,
.layout-term+.inline-menu-col,
.layout-vertical+.inline-menu-col {
    display: none;
}

.grid_popup_col_options:not(.expanded)>div>button.toggle-expand>span>span:first-child {
    display: none;
}

.grid_popup_col_options.expanded>div>button.toggle-expand>span>span:last-child {
    display: none;
}

.label-col.menu.focus,
.label-col.menu:hover {
    opacity: 1;
}

.grid_filter_list_box {
    min-height: 4rem;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, 0.064);
}

.grid_filter_list_box>div>div>div.depth1 {
    display: none;
}

.grid_filter_list_box .depth1 {
    display: none;
}

.grid_filter_list_box .depth1 {
    margin-left: 1.5rem;
}

.grid_filter_list_box .checked>.depth1,
.grid_filter_list_box .checked>div.filter-sub>.depth1 {
    display: flex;
}

.grid_filter_list_box>.ctrl {
    display: flex;
}

.grid_filter_list_box>div>div>div>div {
    display: flex;
}

.grid_filter_list_box button.list-item-action,
.grid_filter_list_box>div>div>div>div>button {
    border-width: 0 0 1px 0;
}

.btn.filter-required {
    padding: 0 .7rem 0 .3rem;
    font-size: 1.2rem;
    border-radius: 0;
    display: none;
    min-width: 2rem;
}

/*
.grid_filter_list_box.filterable-20 > div > div > div > div:not(.checked)>button.filter-required.unchecked::after{
    content: '\E044';
    padding-right: .2rem;
}

.grid_filter_list_box.filterable-20 > div > div > div > div:not(.checked)>button.filter-required.checked::before{
    content: '\E045';
    padding-left: .2rem;
}
*/
.grid_filter_list_box.filterable-20>div>div>div>div.checked>.filter-required {
    display: initial;
}

.grid_filter_list_box.filterable-20>div>div>div>div:not(.checked) {
    opacity: .5;
}

.grid_filter_list_box.filterable-20>div>div>div>div{
    display: flex;
    flex-direction: row;
}

.grid_filter_list_box.filterable-20>div>div>div>div>button.checkbox {
    max-width: 100%;
    overflow: hidden;
    flex-grow: 1;
}

/*
.grid_filter_list_box.filterable-20 > div > div > div > div>button.checkbox.checked{
    max-width: calc(100% - 2rem);    
}

.grid_filter_list_box.filterable-20 > div > div > div > div>button.checkbox::before {
    width: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}*/

.grid_filter_list_box.filterable-20>div>div>div>div>button.checkbox:not(.checked)::before {
    content: '\E0DD';
}

.grid_filter_list_box.filterable-20>div>div>div>div>button.checkbox.checked::before {
    content: '\E0DE';
}

/*.input_envelope>div>.input_wrapper>.input-display-wrapper>p,*/
.grid_filter_list_box.filterable-20>div>div>div>div>button.checkbox.checked>span {
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.checked>button.filter-required::after {
    content: '\E00E';
}

.checked>button.filter-required[data-filtering="1"]::before {
    content: '\E08D';
    font-size: .8em;
    padding: .2em;
    border-radius: 50%;
    color: #39b54a;
}

.checked>button.filter-required[data-filtering="2"]::before {
    content: '\E07E';
    font-size: .8em;
    padding: .2em;
    border-radius: 50%;
    color: #f6584c;
}

.grid_button_filter_options {
    box-shadow: none;
    background-color: rgb(230, 230, 230);
    background-image: -moz-linear-gradient(center top, rgb(230, 230, 230), rgb(220, 220, 220));
    border: 1px solid rgb(210, 210, 210);
    color: rgb(17, 17, 17);
    padding: 2px 2px;
    margin-right: 4px;
    cursor: pointer;
}

.grid_button_filter_options:hover {
    color: rgba(0, 0, 0, 0.6) !important;
}

.label-col.menu_push {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12);
    background-color: rgb(245, 245, 245);
    border: 1px solid rgba(0, 0, 0, 0.25);
    background-image: url("../images/white/icon_col_options.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 20px;
}

div.grid_envelope div.grid_wrapper>.table1 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

div.grid_envelope div.grid_wrapper>.table1>.tfoot .td {
    border-right: 1px solid rgba(0, 0, 0, 0.12);
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

div.grid_envelope div.grid_wrapper>.table1>.tbody>.tr>.td {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-right: 1px solid rgba(0, 0, 0, 0.12);
}

div.grid_envelope div.grid_wrapper>.table1>.tbody>.tr>.td:first-child {
    border-top: 1px solid rgb(229, 229, 229);
    border-right: 1px solid rgb(229, 229, 229);
    width: 50px;
}

/*
div.grid_envelope div.grid_wrapper>.table1>.tbody>.tr:first-child .td:first-child{
    border-top:1px solid rgba(0,0,0,0.12);
}
*/
div.grid_envelope div.grid_wrapper>.table1>.tbody>.tr>.td:first-child:hover .grid_button_row_options {
    display: block;
}

div.grid_envelope div.grid_wrapper>.table1>.thead>.tr .th {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    border-right: 1px solid rgb(229, 229, 229);
}

div.grid_envelope div.grid_wrapper>.table1 .grid_left_top_corner {}

div.grid_envelope div.grid_wrapper>.table1 th .grid_button_sortable {
    display: none
}

div.grid_envelope div.grid_wrapper>.table1 .th:hover .grid_button_sortable {
    display: inline-block
}

.grid_score {
    border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}

.grid_score>.tfoot .td {
    border-right: 1px solid rgba(0, 0, 0, 0.6);
    border-top: 1px solid rgba(0, 0, 0, 0.6);
}

.grid_score>.tbody>.tr>.td {
    border-top: 1px solid rgba(0, 0, 0, 0.6);
    border-right: 1px solid rgba(0, 0, 0, 0.6);
}

.grid_score>.tbody>.tr>.td:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.6);
    border-right: 1px solid rgba(0, 0, 0, 0.6);
}

.grid_score>.thead>.tr .th {
    /*border-bottom:1px solid rgba(0,0,0,0.6);*/
    border-right: 1px solid rgba(0, 0, 0, 0.6);
}

/*
.grid_button_row_options {
    background-image: url("../images/icon_col_options.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    border: 1px solid transparent;
    cursor: pointer;
    width: 14px;
    height: 20px;
    display:none;
}

.grid_button_row_options_on{
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12);
    background-color: rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(0, 0, 0, 0.25);
    background-image: url("../images/white/icon_col_options.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    width:16px;
    height:20px;
}

.grid_button_row_options_on_up{
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12);
    background-color: rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(0, 0, 0, 0.25);
    background-image: url("../images/white/icon_col_options_up.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    width:16px;
    height:20px;
}
*/
.grid_popup_row_options {
    cursor: default;
    margin: 0px;
    outline: medium none;
    padding: 0px 0px;
    /*position: absolute;
    z-index: 2;*/
}

.grid_menu_row_options {
    padding-left: 0;
    display: flex;
    margin: 0;
}

div.grid_box_col_options {
    min-width: 14rem;
    width: 100%;
}
/*
div.grid_box_col_options>button {
    margin-top: .2rem;
    border-radius: 0;
    display: flex;    
}
*/
/*
div.grid_box_col_options>button.input-checkbox{
    display: flex;
    width: 100%;
    text-align: left;
    border-radius: 0;
}
*/
div.grid_box_col_options>button:hover {
    box-shadow: none;
}

div.list-group.grid_popup_row_options {
    min-width: 16rem;
}

div.controller_menu_bottom_wrapper ul.grid_menu_row_options>li {
    padding: 0;
    margin-left: 12px;
    display: inline-block;
}

.grid_popup_row_options .grid_menu_row_options li>a:hover {
    background-color: #4a7eb2;
    color: #FFF;
}

.grid_menu_row_options li>a {
    color: #333;
    text-decoration: none;
    display: block;
    cursor: pointer;
    /*transition: color 1s, font-size 1s;*/
}

div.grid_options_bottom>ul>li>a {
    display: inline-block;
}

.grid_menu_row_options li a.active {
    background-color: #f74e1e;
    color: white;
}

.grid_menu_row_options li a:hover {
    color: #FFF;
}

.grid_col_tools {
    display: table;
    margin: 0 auto;
}

.grid .grid_col_tools {
    display: flex;
    height:100%;
}

.table.grid.consolidated .grid_col_tools {
    margin: 0 auto;    
    justify-content: center;
    align-items: center;    
    margin: .2rem 0 0 .2rem;
    height: calc(100% - .2rem);
    overflow: hidden;    
}

.table.grid.consolidated .grid_col_tools>button{
    height: 100%;
}

.table.grid.consolidated .grid_col_tools{
    border-radius: .3rem .25rem  .25rem  .25rem;    
}

.table.grid.consolidated .grid_col_tools:hover{
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    background-color: rgba(0,0,0,0.02);
}

.table.grid.consolidated.minimized-head .grid_col_tools{
    border-width: 0;
    margin: 0;
    height: 100%;
    border-radius: 0;
}

.table.grid.consolidated .grid_col_tools:has(>.active){
    background-color: rgba(0,0,0,0.05);
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.05) inset;
}

.grid_transaction_status {
    margin: 0;
    display: table;
    list-style-type: none;
    padding: 0px;
}

.grid_transaction_status li {
    color: #b94a48;
}

.grid_transaction_status li {
    border: none;
}

.grid_transaction_status:before {
    content: '';
    display: relative;
    float: left;
    margin-top: -6px;
    margin-left: 12px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #b94a48;
    z-index: 99999;
}


.grid_button_cell_options {
    background-image: url(../images/black/icon_col_options.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
}

.grid_button_cell_options:hover {
    background-image: url(../images/white/icon_col_options.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
}

.grid_button_cell_options_on {
    background-image: url(../images/black/icon_cell_options.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgb(245, 245, 245);
    border-left: 1px solid rgba(0, 0, 0, 0.4) !important;
}

.grid_button_cell_options_on:hover {
    background-image: url(../images/white/icon_cell_options.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
}

.grid_button_cell_options_on_up {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12);
    background-color: rgb(245, 245, 245);
    background-image: url("../images/black/icon_cell_options_up.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    border-left: 1px solid rgba(0, 0, 0, 0.4) !important;
    border-top: 1px solid rgba(0, 0, 0, 0.4) !important;
}

.grid_button_cell_options_on_up:hover {
    background-image: url(../images/white/icon_cell_options_up.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
}

.grid_popup_cell_options {
    cursor: default;
    outline: medium none;
    min-width: 16rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.grid_button_row_options,
.grid_button_table_options {
    background-image: url(../images/black.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center -1738px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    width: 100%;
    opacity: 0.24;
}

th .grid_button_row_options,
th .grid_button_table_options {
    opacity: 0;
}

.grid_button_table_options.active,
.grid_button_table_options:hover,
.grid_button_row_options:hover {
    background-image: url(../images/white.png?v=6abdc5c6c7845);
    background-color: #4a7eb2 !important;
    opacity: 1;
}

.grid_table_options_bottom {
    display: flex;
}

.grid_envelope .grid_table_options_bottom {
    /*margin-top:12px;*/
    /*margin-bottom: 64px;*/
}

.grid_table_options_bottom ul li {
    display: inline-block;
}

.grid_table_options_bottom ul li a:hover {
    background-color: #4a7eb2;
    color: white;
}

.grid_table_options_bottom ul li a.menu_button_new {
    border-left: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    border-right: 1px solid lightgray;
}


.grid_button_row_options_on_up,
.grid_button_row_options_on,
.grid_button_table_options_on_up,
.grid_button_table_options_on {
    background-image: url(../images/white.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center -1738px;
    background-color: #4a7eb2 !important;
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding-left: 24px;
    cursor: pointer;
    width: 100%;
    min-width: 48px;
}

.grid_button_row_options {
    background-image: url(../images/black/dots.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    border: none;
    padding-left: 0;
    cursor: pointer;
    width: 100%;
    opacity: 0.5;
}

.grid_button_row_options:hover {
    background-image: url(../images/white/dots.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1;
}

.grid_button_row_options_on_up,
.grid_button_row_options_on {
    background-image: url(../images/white/dots.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #4A7EB2;
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding-left: 0;
    cursor: pointer;
    width: 100%;
}


div.grid_envelope div.grid_wrapper>.table1 th .grid_button_table_options {
    display: none
}

div.grid_envelope div.grid_wrapper>.table1 .th:hover .grid_button_table_options {
    display: inline-block
}

.input_wrapper input[type="checkbox"] {
    margin-top: 4px;
}

.grid_button_find {
    background: url("../images/black/icon_find.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 24px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    cursor: pointer;
}

.grid_button_find:hover {
    background: url("../images/white/icon_find.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #4A7EB2;
    color: #FFF;
}

.grid_button_browse-display {
    background-color: transparent;
}

input.grid_button_browse {
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding-right: 24px;
    cursor: pointer;
    text-align: left;
}

input.grid_button_browse:hover {
    background: url("../images/white/icon_browse.png?v=6abdc5c6c7845");
    background-position: 4px center;
    background-repeat: no-repeat;
    background-color: #4A7EB2;
    color: #FFF;
    padding-left: 24px;
    padding-right: 4px;
}

a.grid_button_browse-display,
a.grid_button_browse {
    background-color: transparent;
    padding-right: 24px;
    padding-left: 4px;
    cursor: pointer;
    display: block;
}

a.grid_button_browse-display:hover,
a.grid_button_browse:hover {
    background: url("../images/white/icon_browse.png?v=6abdc5c6c7845");
    background-position: 4px 6px;
    background-repeat: no-repeat;
    background-color: #4A7EB2;
    color: #FFF;
    padding-left: 24px;
    padding-right: 4px;
}



.grid_search_box input {
    display: inline-block;
}

.grid_row_browse:hover {
    cursor: pointer;
}

.goto.prev {
    background-position: center -1065px;
}

.goto.pprev {
    background-position: center -5434px;
}

.goto.next {
    background-position: center -1017px;
}

.goto.nnext {
    background-position: center -5386px;
}

.goto.last {
    background-position: center -969px;
}

.goto.first {
    background-position: center -1113px;
}

.grid_pagination_control {
    display: flex;
    align-items: stretch;
    height: 100%;
}

.grid_pagination_control form {
    display: inline;
}

.grid_pagination_control select,
.grid_pagination_control input {
    border: none;
    background-color: transparent;
    min-width: 48px;
}

.grid_pagination_control>* {
    display: flex;
}

/*
.grid_pagination_sheets>*{
    border-top:1px solid lightgray;
}
*/
.menu-tab>button {
    text-decoration: none;
    text-align: center;
    display: inline-flex;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.48);
    align-items: center;
    justify-content: center;
}

div.grid_pagination_sheets .menu-tab>button.selected {
    border-color: lightgray;
    border-top: none;
    color: white;
    background-color: rgb(35, 91, 156);
}

div.grid_pagination_sheets .menu-tab>button:hover {
    color: white;
    background-color: #ef6d55;
}

.grid_button_search {
    background-image: url(../images/black/icon_find.png?v=6abdc5c6c7845);
    background-position: center center;
    background-repeat: no-repeat;
    padding-left: 24px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background-color: transparent;
}

.grid_button_search:hover {
    background-image: url(../images/white/icon_find.png?v=6abdc5c6c7845);
    background-position: center center;
    background-repeat: no-repeat;
}

.grid_cell_flag_en_servicio {
    background-image: url(../images/icon_in_service.png?v=6abdc5c6c7845);
    background-position: right bottom;
    background-repeat: no-repeat;
}

.grid_cell_flag_mantenimiento {
    background-image: url(../images/icon_repair.png?v=6abdc5c6c7845);
    background-position: right bottom;
    background-repeat: no-repeat;
}

.grid_cell_flag_fuera_de_servicio {
    background-image: url(../images/icon_out_of_service.png?v=6abdc5c6c7845);
    background-position: right bottom;
    background-repeat: no-repeat;
}

.grid_cell_flag_fuera_de_servicio p {
    color: #E00;
}


.grid_cell_flag_activo {
    background-image: url(../images/icon_in_service.png?v=6abdc5c6c7845);
    background-position: right bottom;
    background-repeat: no-repeat;
}

.grid_cell_flag_inactivo p {
    color: #AAA;
}

.grid_row_options_header {
    color: rgba(0, 0, 0, 0.6);
    width: 100%;
}

.grid_row_options_header_selected input {
    display: inline;
    width: 32px;
    border: none;
    background-color: transparent;
    margin-left: 6px;
}

.DRIVER .grid_transport_role input[type=button] {
    color: #003a7d;
    font-style: italic;

}

.ASSISTANT .grid_transport_role input[type=button] {
    color: #498b00;
    font-style: italic;


}

.DRIVER .grid_transport_role input[type=button]:hover,
.ASSISTANT .grid_transport_role input[type=button]:hover {
    color: #FFF;
}

/*
.DRIVER .tr>.td:first-child{
    background-image: url(../images/icon_driver.png?v=6abdc5c6c7845);
    background-position:right center;
    background-repeat:no-repeat;
    color:#003a7d;
}

.ASSISTANT .tr>.td:first-child{
    background-image: url(../images/icon_assistant.png?v=6abdc5c6c7845);
    background-position:right center;
    background-repeat:no-repeat;
    color:#498b00;
}
*/

.grid_browse_button {
    box-shadow: none;
    background-color: rgb(230, 230, 230);
    background-image: -moz-linear-gradient(center top, rgb(230, 230, 230), rgb(220, 220, 220));
    border: 1px solid rgb(210, 210, 210);
    color: rgb(17, 17, 17);
    padding: 4px;
    margin-right: 12px;
    cursor: pointer;
}

.tbody>.tr.deleted {
    opacity: 0.6;
    filter: grayscale(1);
}

.grid_tbl_empty {
    border-bottom: none;
}

div.grid_envelope div.grid_wrapper>.table1 input[type=button] {
    background-color: transparent;
    border: none;
    height: 100%;
    text-align: right;
    padding-right: 4px;
}

div.grid_envelope div.grid_wrapper>.table1 {
    display: block;
    height: 100%;
}

.grid_cell_header_visible_sortable .grid_button_sortable {
    display: inline-block !important;
}

.grid_button_add_row {
    background-image: url(../images/black/plus.png?v=6abdc5c6c7845);
    background-position: center center;
    background-repeat: no-repeat;
}

.grid_button_add_row:hover {
    background-color: #498b00;
    background-image: url(../images/white/plus.png?v=6abdc5c6c7845);
    background-position: center center;
    background-repeat: no-repeat;
}

.grid_button_more_row {
    background-image: url(../images/black/icon_dots.png?v=6abdc5c6c7845);
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
}

.grid_button_more_row:hover {
    background-image: url(../images/white/icon_dots.png?v=6abdc5c6c7845);
    background-position: center center;
    background-repeat: no-repeat;
}


.grid_button_del_row {
    background-image: url(../images/black/trash.png?v=6abdc5c6c7845);
    background-position: center center;
    background-repeat: no-repeat;
}

.grid_button_del_row:hover {
    background-color: rgb(206, 48, 36);
    background-image: url(../images/white/trash.png?v=6abdc5c6c7845);
    background-position: center center;
    background-repeat: no-repeat;
}

.grid_button_remove_row,
.grid_button_remove_row {
    background-image: url(../images/black.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center -1689px;
    opacity: 0.64;
}

.grid_button_remove_row:hover,
.grid_button_remove_row:hover {
    background-image: url(../images/white.png?v=6abdc5c6c7845);
    background-color: #dd4b39 !important;
    opacity: 1;
}



.grid_button_restore_row {
    background-image: url(../images/black/restore.png?v=6abdc5c6c7845);
    background-position: center center;
    background-repeat: no-repeat;
}

.grid_button_restore_row:hover {
    background-image: url(../images/white/restore.png?v=6abdc5c6c7845);
    background-position: center center;
    background-repeat: no-repeat;
}

.grid_button_unlock_row {
    background-image: url(../images/black/unlock.png?v=6abdc5c6c7845);
    background-position: center center;
    background-repeat: no-repeat;
}

.grid_button_unlock_row:hover {
    background-image: url(../images/white/unlock.png?v=6abdc5c6c7845);
    background-position: center center;
    background-repeat: no-repeat;
}

.grid_button_lock_row {
    background-image: url(../images/black/lock.png?v=6abdc5c6c7845);
    background-position: center center;
    background-repeat: no-repeat;
}

.grid_button_lock_row:hover {
    background-image: url(../images/white/lock.png?v=6abdc5c6c7845);
    background-position: center center;
    background-repeat: no-repeat;
}

/*
.grid_options_bottom{
    height:32px;
}
*/

.grid_wrapper.full>.grid_table_options_bottom>ul>li>button.append,
.grid_wrapper.full>.grid_options_bottom>ul>li>button.append {
    visibility: hidden;
}

.grid_options_bottom_selected {
    margin-top: 3px;
    display: none;
}

.grid_options_bottom_selected button {
    border: 1px solid rgba(0, 0, 0, 0.12);
    background-color: rgba(0, 0, 0, 0.08);
    width: 24px;
    height: 24px;
}

.grid_options_bottom_selected li {
    display: inline-block;
    margin-right: 6px;
}

.grid_popup_row_options .grid_menu_row_group,
.grid_options_bottom_selected .grid_menu_row_group {
    display: none;
}

.grid_menu_row_group {
    font-weight: bold;
    padding-left: 8px;
    line-height: 24px
}

.grid_popup_row_options .grid_menu_row_options,
.grid_options_bottom_selected .grid_menu_row_options {
    border-top: none;
}

.grid_has_rows_selected .grid_options_bottom_selected {
    display: inline-block;
    opacity: 0.32;
}

.grid_options_bottom_selected:hover {
    opacity: 1;
}

.grid_col_check {
    display: none;
}

.grid_pagination_control .grid_options_bottom {
    display: inline-block;
}

.grid_cell_options_fotter {
    padding-top: 8px;
}

.grid_cell_options_fotter input[type="button"] {
    border: 1px solid rgba(0, 0, 0, 0.4);
    margin-left: 6px;
}

/*
*------------------------------------------------------------------------------
* BEGIN VERTICAL GRID
*------------------------------------------------------------------------------
*/

/*
.cs_gridv>div {
    display: inline-block;
    vertical-align: top;
}


.cs_gridv>div>div {
    display: inline-block;
    width: 160px;
}


.cs_gridv>div>div>div {
    display: block;
    border-right: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.cs_gridv .grid_col_tools {
    display: inline-block;
}

.cs_gridv .grid_head_label_box {
    display: inline-block;
}
*/
/*
.cs_fragment_frame {
    padding: 4px 4px;
    min-width: 140px;
    border-radius: 0px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.12);
    transition: opacity 0.218s ease 0s;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background-color: rgb(245, 245, 245);


    cursor: default;
    margin: 0px;
    outline: medium none;
}

.cs_fragment {}

.cs_fragment>div {
    vertical-align: top;
}


.cs_fragment>div>div {}


.cs_fragment_row_text>div {
    height: 25px;
    vertical-align: top;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
}

.cs_fragment_row_text>div:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.cs_fragment_row_textarea>div {
    vertical-align: top;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}

.cs_fragment label {
    display: block;
    width: 100%;
    color: #000;
}

.cs_fragment_row_text label {
    display: block;
    width: 90%;
    color: #000;
    text-align: right;
    margin-right: 8%;
}

.cs_fragment_row_textarea label {
    text-decoration: underline;
    padding-left: 4px;
}

.cs_fragment_row_textarea .input_wrapper p {
    line-height: normal;
    padding: 4px 4px;
    font-style: italic;
}
*/


.grid_active_head_col label {
    color: #FFF;
}

.grid_popup_cell_options-comments textarea {
    resize: vertical;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    background-color: transparent;
    border: none;
    display: block;
    width: 100%;
    min-height: 140px;
}

.grid_popup_cell_options-comments .sys_button_close_popup {
    padding-left: 10px;
}

/*
.grid_wrapper_empty{
    border:1px solid rgba(0, 0, 0, 0.12);
}
*/
.grid_wrapper_empty .table.grid.doc {
    display: none;
}

.grid_msg_empty {
    display: none;
    padding: 6px 6px 6px 54px;
    color: rgba(0, 0, 0, 0.6);
}

.grid_msg_empty a {
    color: #03a345;
    text-decoration: none;
    cursor: pointer;
}

.grid_wrapper_empty .grid_msg_empty {
    display: block;
}

.doc_body>div.grid_wrapper.grid_wrapper_empty.snap {
    margin-top: 0;
    border-top: none;
}

.grid_wrapper h2 {
    font-weight: normal;
    margin-left: 4px;
    line-height: 20px;
    color: #093274;
    margin-top: 12px;
    margin-bottom: 4px;
    display: inline-flex;
}

div.grid_wrapper[data-available="0"] {
    display: none;
    cursor: not-allowed;
}

/*
.grid_envelope .grid_wrapper>div:first-child{
    display:none;
}
*/
.grid_envelope .grid_wrapper_empty>div:first-child {
    display: block;
}

.grid_envelope .grid_wrapper_empty {
    padding-left: 0;
}

.grid_envelope .grid_wrapper_empty table {
    display: table;
}

div.grid-popup-row-menu.grid_row_new>a.list,
div.grid-popup-row-menu.grid_row_new>a.objective,
div.grid-popup-row-menu.grid_row_new>a.send,
div.grid-popup-row-menu.grid_row_new>a.view,
div.grid-popup-row-menu.grid_row_new>a.planner,
div.grid-popup-row-menu.grid_row_new>a.attendance,
div.grid-popup-row-menu.grid_row_new>a.schedule,
div.grid-popup-row-menu.grid_row_new>a.students,
div.grid-popup-row-menu.grid_row_new>a.courses,
div.grid-popup-row-menu.grid_row_new>a.setup,
div.grid-popup-row-menu.grid_row_new>a.attachment,
div.grid-popup-row-menu.grid_row_new>a.gradebook,
div.grid-popup-row-menu.grid_row_new>a.report,
div.grid-popup-row-menu.grid_row_new>a.download,
.grid_row_new .inline-menu>button.view,
.grid_row_new .inline-menu>button.token,
.grid_row_new .inline-menu>.menu_button_objective,
.grid_row_new .inline-menu>.menu_button_send,
.grid_row_new .inline-menu>.menu_button_view,
.grid_row_new .inline-menu>.menu_button_planner,
.grid_row_new .inline-menu>.menu_button_attendance,
.grid_row_new .inline-menu>.menu_button_schedule,
.grid_row_new .inline-menu>.menu_button_students,
.grid_row_new .inline-menu>.menu_button_courses,
.grid_row_new .inline-menu>.menu_button_setup,
.grid_row_new .inline-menu>.menu_button_attachment,
.grid_row_new .inline-menu>.menu_button_gradebook,
.grid_row_new .inline-menu>button.person {
    display: none;
}

.grid_wrapper_transport h2 {
    background: url("../images/black/icon_bus.png?v=6abdc5c6c7845");
    background-position: left center;
    background-repeat: no-repeat;
}

.grid_wrapper_user h2 {
    background: url("../images/black/key.png?v=6abdc5c6c7845");
    background-position: left center;
    background-repeat: no-repeat;
}

.grid_wrapper_passport h2 {
    background: url("../images/black/icon_keys.png?v=6abdc5c6c7845");
    background-position: left center;
    background-repeat: no-repeat;
}

.grid_wrapper_activity_student h2,
.grid_wrapper_evaluation_student h2,
.grid_wrapper_gradebook h2 {
    background: url("../images/black/gradebook.png?v=6abdc5c6c7845");
    background-position: left center;
    background-repeat: no-repeat;
}

.grid_wrapper_evaluation_student .form_field.grid.grade {
    width: 72px;
}

.grid_wrapper_activity_objective h2,
.grid_wrapper_evaluation_objective h2 {
    background: url("../images/black/performance.png?v=6abdc5c6c7845");
    background-position: left center;
    background-repeat: no-repeat;
}

.grid_wrapper_evaluation_objective .grid_wrapper_evaluation_indicator>div {
    display: none;
}

.grid_empty_row {
    color: rgba(0, 0, 0, 0.4);
}

.grid_empty_row .cs_input_button_options {
    display: none;
}


.grid_button_row_expand {
    background-image: url(../images/black/icon_col_options.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
}

.grid_button_row_expand:hover {
    background-image: url(../images/white/icon_col_options.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
}

.grid_button_row_expand_on {
    background-image: url(../images/black/icon_cell_options.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgb(245, 245, 245);
}

.grid_button_row_expand_on:hover {
    background-image: url(../images/white/icon_cell_options.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
}

.grid_selectable>.tbody>.tr>.td:first-child,
.grid_selectable>.thead>.tr>.th:first-child {
    border-right: none;
    width: 72px;
}

.grid_selectable>.tbody>.tr>.td:first-child input[type="button"] {
    background-image: url(../images/false.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
}

.grid_selectable>.tbody>.tr>.td:first-child .input_highlight input[type="button"] {
    background-image: url(../images/true.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
}

/*
.grid_row_hidden_wrapper .input_highlight{
    background: none;
}
*/

.grid_lpi {
    width: 100%;
}

.grid_sub {
    border: none;
    background-color: #F8F8F8;
    width: 100%;
}

.grid_sub>.thead .th {
    border-top: none;
}

.grid_sub .grid_left_top_corner {
    width: 50px;
}

.grid_sub>.tbody>.tr .td:last-child {
    border-right: none;
}

.grid_sub>.thead>.tr .th:last-child {
    border-right: none;
}

.grid_sub .grid_wrapper {
    margin: 0 0;
    padding: 0 0;
}

div.grid_wrapper {
    margin: 0.5rem 0;
}

div.grid_wrapper_fieldset>div>div.grid_wrapper,
div.grid_wrapper.snap {
    margin-top: 0;
    margin-bottom: 0;
}

/*
    BEGIN GRID INDEX
*/
.table.grid>.tbody>.tr>.td {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-right-width: 1px;
    border-right-style: solid;
    vertical-align: top;
    overflow: hidden;
}

/*
.table.grid>.tbody>.tr>.td:first-child{
    border-left-width:1px;
    border-left-style: solid;
}
*/
/*
div.grid_envelope div.grid_wrapper>.table{
    background-color: #FFF;
}
*/
.table.scheme-grid>.thead>.tr>.th {
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

/*
    END GRID INDEX
*/

button.gi {
    padding-right: 0.2em;
    display: flex;
    align-items: center;
    flex-grow: 1;
    min-height: 2rem;
    border-radius: 0;
    justify-content: flex-end;
    font-size: 0.8rem;
}

.table.doc.fieldset .form_field.f-index button.row-label {
    align-items: flex-start;
    padding-top: .5rem;
}

.table.doc.fieldset .form_field.f-index button.row-label>span {
    align-items: flex-start;
}

.form_field.f-index.check>.row-label>span {
    display: none;
}
/*
button.row-label:hover {
    background-color: #4A7EB2;
    color: rgb(255, 255, 255) !important;
}
*/
button.row-label::before {
    font-size: .6rem;
}

button.row-label>span:last-child {
    flex-grow: 1;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.grid_tree {
    border-top: 1px solid rgba(0, 0, 0, 0.32);
    border-left: 1px solid rgba(0, 0, 0, 0.32);
    border-right: 1px solid rgba(0, 0, 0, 0.32);
}

.grid_row_hidden_wrapper .table.grid_tree {
    border: none;
}

.grid_tree .row-label {
    color: rgba(0, 0, 0, 0.6);
    background-color: rgba(0, 0, 0, 0.08);
}

.grid_tree .th {
    border-top: none;
    /*
    background-image: linear-gradient(top, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0) 24%);
    background-image: -o-linear-gradient(top, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0) 24%);
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0) 24%);
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0) 24%);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0) 24%);

    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, rgba(0,0,0,0.08)),
            color-stop(0.24, rgba(0,0,0,0))

    );
    */
}

.grid_row_hidden_wrapper .grid_tree .grid_row_hidden_wrapper {
    border-bottom: 1px solid lightgray;
}

.grid_tree .td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.grid_tree>.tbody>.tr>.td:first-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.grid_tree>.thead>.tr>.th:first-child {
    border-right: 1px solid rgba(0, 0, 0, 0.12);
    background-color: rgba(0, 0, 0, 0.08);
}

.grid_tree .grid_left_top_corner .grid_col_tools {
    text-align: right;
}

.grid_tree .grid_wrapper_empty {
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}


.grid_tree .grid_wrapper_empty .grid_msg_empty {
    background-color: #FFF;
    margin-left: 54px;
    border-left: 1px solid rgba(0, 0, 0, 0.12);
    padding-left: 8px;
}

.grid_msg_empty button {
    border: none;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-color: transparent;
}

/*
.grid_tree .grid_row_hidden_wrapper{
    border-bottom: 1px solid rgba(0,0,0,0.12);
}

.grid_teacher_schedule_day{
    border-top:1px solid rgba(0,0,0,0.12);
    border-left:1px solid rgba(0,0,0,0.12);
}
*/

.grid_teacher_schedule_day {
    width: 100%;
}

.grid_teacher_schedule_day>.tbody>.tr>.td:nth-child(2)>span {
    min-height: 28px;
}

.table.grid_teacher_schedule_day>.tbody>.tr>.td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.table.grid_teacher_schedule_day>.tbody>.tr:last-child>.td {
    border-bottom: none;
}

.grid_teacher_schedule_day>.tbody>.tr>.td:first-child {
    background-color: rgba(0, 0, 0, 0.6);
    color: #FFF;
    text-align: center;
    width: 24px;
}

.grid_teacher_schedule_day>.tbody>.tr>.td:nth-child(2) {
    padding-left: 4px;
    border-right: 1px solid lightgray;
}

.grid_teacher_schedule_day td input {
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: 1px solid lightgray;
    box-shadow: none;
}

.grid_teacher_schedule_day td input:first-child {
    border-left: 1px solid lightgray;
}

/*
.table.grid.has-border>.thead>.tr>.th:first-child,
.table.grid.has-border>.tbody>.tr>.td:first-child,
.table.grid.has-border>.thead>.tr>.th:first-child,
.table.grid.has-border>.tbody>.tr>.td:first-child{
    border-left:1px solid lightgray;
}
*/
.table.has-border {
    border-collapse: initial;
}
/*
.table.scheme-doc.grid.has-border>.thead>.tr:first-child .th,
.table.scheme-doc.grid.has-border>.thead>.tr:first-child .th {
    border-top-width: 1px;
    border-top-style: solid;
}
*/
.table.scheme-doc.has-border>.thead>.tr>.th:first-child,
.table.scheme-doc.grid.has-border>.tbody>.tr>.td:not(.grid_cell_sub):first-child {
    border-left-width: 1px;
    border-left-style: solid;
    border-right-width: 1px;
    border-right-style: solid;
}

.table.scheme-doc.grid.has-border .td,
.table.scheme-doc.grid.has-border .th {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-right-width: 1px;
    border-right-style: solid;
}

.grid_wrapper_empty .grid_options_bottom {
    display: none;
}

.grid_gradebookcourse tr[data-flag="R"] a,
.grid_wrapper_grade_request tr[data-flag="R"] a,
.grid_wrapper_grade_request tr[data-flag="R"] p {
    color: #DF280A;
}

div.grid_envelope div.grid_wrapper>.table .grid_row_hidden_wrapper {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.grid_row_weight tr:first-child>.th {
    border-bottom: none;
}

.grid_popup_top_panel {
    display: flex;
    width: 100%;
}

.grid_popup_top_panel>div:first-child {
    flex-grow: 1;
    padding-left: 4px;
    line-height: 24px;
}

.grid_popup_top_panel>div:last-child {
    text-align: right;
    width: 32px;
}

.grid_sortable tbody>.tr>.td:first-child {
    text-align: left;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding: 0px 0px;
    cursor: move;
}

.grid_sortable label {
    width: 100%;
    display: inline-block;
    cursor: pointer;
}

.grid_sortable label.group {
    width: calc(100% - 32px);
}

.table.tree.color .td.dnd button {
    width: 28px;
    height: 28px;
    vertical-align: top;
}

.td.dnd>div {
    display: none;
}

.doc_row_form .grid_options_bottom,
.doc_row_form h2 {
    display: none;
}

.doc_row_form table,
.doc_row_form .table .td {
    border: none;
}

.doc_row_form .grid.has-border .grid_row_hidden_wrapper {
    border: none;
}

.doc_row_form .grid_wrapper_empty {
    border: none;
}

.doc_row_form .grid_msg_empty {
    padding: 2px 6px 2px 0px;
}

.grid_wrapper_settings {
    display: block;
    height: 100%;
}

.grid_wrapper_settings button {
    border: none;
    width: 33%;
    background-color: transparent;
    cursor: pointer;
    opacity: 0.5;
}

.grid_wrapper_settings button:hover {
    opacity: 1;
}

label.dnd {
    overflow-y: hidden;
}

.grid_sub_wrapper .grid_table_options_bottom,
.grid_sub_wrapper .grid_options_bottom {
    display: none;
}

.grid_sub_wrapper .grid.has-border {
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.grid_sub_wrapper>div>div>div>.table.grid.has-border>.thead>.tr:first-child>.th {
    border-top: none;
}

.grid_sub_wrapper .grid_wrapper_empty {
    padding-left: 52px;
}

/*
.grid_wrapper_business td>div.grid_sub_wrapper,
.grid_wrapper_employment td>div.grid_sub_wrapper,
.grid_wrapper_training td>div.grid_sub_wrapper,
.grid_wrapper_enrollment td>div.grid_sub_wrapper{
    padding-left:51px;
    border-bottom: 1px solid lightgray;
}
*/
.grid_comments_wraper textarea {
    width: 96%;
    margin: 0 2% 2% 2%;
}

/*
.grid_row_hidden_wraper[style*="display: block"]{
    border-bottom: 1px solid lightgray;
    border-right: 1px solid lightgray;
    border-left: 1px solid lightgray;
}
*/
.grid_sub_wrapper .grid_wrapper_empty {
    border-top: none;
    border-left: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.grid_sub_wrapper .row-label {
    color: rgba(0, 0, 0, 0.48);
}

.grid_sub_wrapper .doc_grid_form>div:first-child {
    border-top: none;
}

/*
.grid_sub_wrapper .grid_msg_empty{
    margin-left:48px;
}

.grid_sub_wrapper{
    background-color:rgba(0,0,0,0.048);
}

.grid_objective_indicator>.thead>.tr>.th:first-child,.grid_objective_indicator>.tbody>.tr>.td:first-child{
    border-bottom: none;
}
*/

.grid_sub_wrapper.cs_sys_ajax_loading {
    border-right: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.grid .cs_input_button-checked {
    background-image: url(../images/checked.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
}

.grid_wrapper .cs_input_button-checked {
    background-image: url(../images/checked.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
}

.printable .grid_wrapper .cs_input_button-checked {
    background-image: url("../images/black/active.png?v=6abdc5c6c7845");
    background-repeat: no-repeat;
    background-position: center center;
}

.grid_popup_middle_panel>div {}

.grid_popup_middle_panel select,
.grid_popup_middle_panel input {
    border: none;
    padding: 4px 4px;
}

/*
.f-header.collapsed>div>a{
    background-image: url(../images/switchoff.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center calc(100% - 3px);
    padding-bottom:22px;
}

.f-header.expanded>div>a{
    background-image: url(../images/switchon.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center calc(100% - 3px);
    padding-bottom:22px;
}

.f-header.collapsed>div>a{
}

.f-header.expanded>div>a{
    background-color: red;
}*/

.grid_gradebook {
    background-color: #FFF;
    /*margin-right:64px;*/
}

.grid.gradebook>.thead>.tr>.th:not(.scroll-pad) {
    border-right-width: .05rem;
    border-right-style: solid;
    border-right-color: var(--cell-border-color);
}

.grid.gradebook col {
    background-color: #f0f0f0;
}

.grid.gradebook>.thead>.tr:last-child>.th {
    border-bottom-width: .05rem;
    border-bottom-style: solid;
    border-bottom-color: #999;
}

/*
.grid.gradebook>.tbody>.tr>.td:not(.col-t-fixed-elements){
    border-bottom:1px solid #999;
    border-right:1px solid #999;
}
*/
tablediv.grid_envelope div.grid_wrapper>.table>.tbody>.tr>.td.form_field.grid.index {
    background-color: #EEE;
}

.grid_wrapper_month {
    /*width:49%;*/
    display: inline-block;
    margin: 1% 1% 1% 0;
    max-width: 420px;
}

/*
div.grid_calendar{
    display: none;
}
*/
/*
div.doc_page.not-evaluable div.grid_wrapper.activity_student,
div.doc_grid_form .form_field.doc.field-rate,
div.doc_grid_form .form_field.doc.field-activity_category_id{
    display: none;
}

div.doc_page.evaluable div.grid_wrapper.activity_student,
div.doc_page.evaluable div.doc_grid_form .form_field.doc.field-rate,
div.doc_page.evaluable div.doc_grid_form .form_field.doc.field-activity_category_id{
    display: inline-block;
}
*/
.grid_calendar th a {
    font-weight: normal;
    color: rgba(0, 0, 0, 0.48)
}

.table.grid_calendar>.thead>.tr>.th.calendar {
    border-bottom: none;
    border-right: none;
}

.grid_wrapper_month .table>.tbody>.tr .td:first-child,
.grid_wrapper_month .table>.thead>.tr .th:first-child {
    border-bottom: none !important;
    border-top: none;
    width: 28px;
    color: rgba(0, 0, 0, 0.48);
}

.grid_wrapper_month .table>.tbody>.tr .td:first-child input {
    color: rgba(0, 0, 0, 0.48);
}

.grid_wrapper_month input {
    background-color: transparent;
}

.grid_wrapper_month h2 {
    margin-top: 0;
    padding-left: 0;
    font-weight: normal;
}

.grid_teacher_schedule_day a {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.8);
    max-width: 92px;
    display: block;
}

.td.dnd {
    text-align: center;
    border: none;
    cursor: move;
    /*color:#F5F5F5;*/
    padding-left: 20px;
    background-color: #f0f0f0;
}

.td.dnd:hover {
    background-color: #1a5b9c;
}

.table.grid_cols>.tbody>.tr>.td.dnd,
.table.grid_cols>.tbody {
    background-color: transparent;
}

.table.grid_cols>.tbody>.tr>.td{
    display: flex;
    flex-direction: row;
}

.table.grid_cols>.tbody>.tr>.td>button {
    overflow: hidden;
    display: flex;
}

.table.grid_cols>.tbody>.tr>.td>button.group.dnd:not(.visible) {
    opacity: .5;
}

.table.grid_cols>.tbody>.tr>.td>button.advanced{
    border-radius: 0;
}

.table.grid_cols>.tbody>.tr>.td>button:not(.visible) + button {
    display: none;
}

/*
.table.grid_cols>.tbody>.tr>.td>button.visible{
    opacity:1;
}
*/
.grid_th_wrapperv {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    margin: 0 0;
    padding: 0 0;
    justify-content: flex-end;
}

div.grid_th_wrapperv>a>img {
    display: block;
    margin: 0 auto;
}

.grid_th_wrapperv>span:first-child {
    flex-grow: 1;
}

.grid_th_wrapperv>span img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.th.separator a>img,
.th.col-average .grid_th_wrapperv>a>img {
    /*
    border: 1px solid lightgray;
    border-radius: 12px;
    background-color: rgba(0,0,0,0.08);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05) inset;
    */
}

.grid_th_wrapper {
    display: flex;
    align-items: stretch;
    margin: 0 0;
    padding: 0 0;
    overflow: hidden;
}

.grid_th_wrapper.hover,
.grid_th_wrapperv.hover {
    background-color: rgba(255, 255, 200, 0.8);
    border-top: 1px solid rgba(255, 255, 200, 0.92);
    vertical-align: bottom;
}

.grid_th_wrapper>* {
    margin: 0 0;
}

.grid_th_wrapper a,
.grid_th_wrapperv a {
    text-decoration: none;
    text-align: center;
}

/*
.grid_th_wrapperv a{
    cursor: default;
    align-items: center;
    display:flex;
    max-height: 160px;
    overflow: hidden;
    flex-direction: column;
}

th[data-col-layout="vertical"]{
    font-size: 0 !important;
}
*/
.grid_th_wrapper>span:nth-child(2),
.grid_th_wrapper a,
.grid_th_wrapper input:first-child {
    flex-grow: 1;
}

.grid_th_wrapper a {
    padding-left: 4px;
}

.grid_th_wrapperv .grid_button_sortable,
.grid_th_wrapperv .grid_button_sortable_desc,
.grid_th_wrapperv .grid_button_sortable_asc {
    flex-grow: 1;
}

.grid_th_wrapper .grid_button_sortable,
.grid_th_wrapper .grid_button_sortable_desc,
.grid_th_wrapper .grid_button_sortable_asc {
    padding-right: 20px;
    /*min-height: 20px;*/
    padding-left: 4px;
}

.grid_th_wrapper>span:last-child {
    flex-grow: 1;
}

.tree.color>.tbody>.tr[data-depth="1"] .input_wrapper>div>span input {
    color: #872c3f;
}

.tree.color>.tbody>.tr[data-depth="2"] .input_wrapper>div>span input {
    color: #378021;
}

.tree.color>.tbody>.tr[data-depth="3"] .input_wrapper>div>span input {
    color: #2a60a3;
}

.tree.color>.tbody>.tr[data-depth="4"] .input_wrapper>div>span input {
    color: #c94d26;
}

.tree.color>.tbody>.tr[data-depth="5"] .input_wrapper>div>span input {
    color: #0e5b56;
}

.tree.color>.tbody>.tr .input_wrapper>div>span {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding: .2rem;
    height: 100%;
}

.tree.color>.tbody>.tr .input_wrapper>div>span>span {
    padding: 0.2em 0.3rem;
    border-radius: 0.3em;
}

.tree.color>.tbody>.tr .input_wrapper>div>span>button {
    margin-left: .2rem;
    margin-right: .2rem;
    height: 100%;
    min-height: 1.6rem;
    padding: 0 .5rem;
}


.tree.color>.tbody>.tr.depth1 .input_wrapper>div>span>span {
    background-color: #ff5462;
    color: #FFF;
}

.tree.color>.tbody>.tr.depth2 .input_wrapper>div>span>span {
    background-color: #3ea78f;
    color: #FFF;
}

.tree.color>.tbody>.tr.depth3 .input_wrapper>div>span>span {
    background-color: #5d67d6;
    color: #FFF;
}

.tree.color>.tbody>.tr.depth4 .input_wrapper>div>span>span {
    background-color: #944667;
    color: #FFF;
}

.tree.color>.tbody>.tr.depth5 .input_wrapper>div>span>span {
    background-color: #ffa634;
    color: #FFF;
    height: 100%;
}

.grid_sheets {
    height: 100%;
}

.grid_sheets a:hover {
    background-color: #FF9D02;
    color: white;
}

.grid_sheets a {
    line-height: 32px;
    padding: 0 12px 0 28px;
    margin-right: 4px;
    text-decoration: none;
    color: #333;
}

.grid_sheets a:last-child {
    margin-right: 32px
}

a.grid_sheet_selected {
    background-color: rgba(0, 0, 0, 0.08);
    color: rgba(0, 0, 0, 0.96);
    border: 1px solid rgba(0, 0, 0, 0.48);
    border-top: none;
}

.table.grid-attendance-summary input.input-checkbox.checked {
    opacity: 0.88;
}

.grid_bullet>.tbody>.tr>.td:first-child {
    border-right: none;
}

/*
.grid_pagination_sheets{
    margin-top:4px;
}
*/
.schedule-group .input_highlight>div {
    /*min-height: 60px;*/
    background-color: red;
}

.grid_row_locked .input_date p {
    text-align: center;
}

.grid_upload_input_wrapper {
    position: absolute;
    right: 92px;
    top: 4px;
    padding: 4px 16px;
    background-color: rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.16);
    /*
    background-color: rgba(255, 220, 0, 0.48);
    border: 1px solid rgba(200, 160, 0, 0.48);
    */
}

.grid_add_rows_wrapper {
    display: flex;
    padding: 4px 4px;
}

.grid_add_rows_wrapper input {
    border: 1px solid rgba(0, 0, 0, 0.48);
    text-align: center;
    width: 48px;
    margin: 0 4px;
}

.grid_add_rows_wrapper a.menu_button_adds {
    background-color: #4a7eb2;
    border: 1px solid rgba(0, 0, 0, 0.16);
    text-align: center;
    border-radius: 2px;
    margin: 0 8px;
    padding-right: 12px;
    display: inline-block;
    color: white;
}

.sheet_document .grid_table_options_bottom {
    margin-top: 28px;
    margin-bottom: 96px;
}

.grid_num_records {
    display: inline-block;
    vertical-align: top;
    padding-left: 0.3em;
}

.grid_explanation {
    border: 1px solid lightgray;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    margin-left: 6px;
    margin-top: 6px;
    background-color: rgba(255, 255, 255, 0.64);
    padding-right: 4px;
}

.grid_explanation>div {
    display: flex;
}

.grid_explanation>div>span {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.grid_explanation>div>span:first-child {
    font-weight: bold;
    width: 60px;
    min-width: 60px;
    text-align: right;
    padding-right: 4px;
}

/*
.grid_explanation>div>span:first-child>span:first-child{
    font-size:12pt;
}
*/
.grid_explanation>div.success>span:first-child>span:last-child {
    display: none;
}

.grid_explanation>div>span:first-child>span:last-child {
    display: inline-block;
    vertical-align: top;
    font-weight: normal;
}

.grid_explanation>div>span:first-child>span:last-child::before {
    content: " de ";
}

.grid_explanation>div>span:last-child {
    padding: 2px 4px;
    flex-grow: 1;
    line-height: 9pt;
    min-width: 48px;
}

.grid_explanation .success>span:first-child {
    /*
    background-image: url("../images/white.png?v=6abdc5c6c7845");
    background-position: -14px -57px;
    background-repeat: no-repeat;
    padding-left: 14px;
    */
    background-color: rgba(86, 184, 110, 0.8);
    color: white;
    /*border: 1px solid #46a85e;*/

}

.grid_explanation .fail>span:first-child {
    /*
    background-image: url("../images/white.png?v=6abdc5c6c7845");
    background-position: -14px -1689px;
    background-repeat: no-repeat;
    padding-left:14px;
    */
    background-color: rgba(216, 99, 99, 0.8);
    color: white;
    /*border: 1px solid #b94545;*/

}

table[data-editing="0"] .input_datetime .input_options,
table[data-editing="0"] .input_date .input_options {
    display: none;
}

.grid_button_recycle_row,
.grid_wrapper_session_attendance .grid_button_remove_row {
    background-image: url("../images/black.png?v=6abdc5c6c7845");
    background-repeat: no-repeat;
    background-position: center -154px;
    order: 16;
}

.grid_button_recycle_row:hover,
.grid_wrapper_session_attendance .grid_button_remove_row:hover {
    background-image: url("../images/white.png?v=6abdc5c6c7845");
    background-color: #dd4b39 !important;
}

.grid_row_locked .menu_button_remove,
.tr.deleted .menu_button_remove {
    display: none;
}

.tr.deleted .cell_del_btn,
.grid_row_rel .grid_button_remove_row,
.tr.deleted .grid_button_remove_row,
.grid_row_locked .grid_button_remove_row {
    display: none;
}

.tr.deleted .td.f-opt a.remove,
.tr.grid_row_locked .td.f-opt a.remove {
    display: none;
}

.input_inline_menu .menu_button_restore {
    display: none;
}

.tr.deleted .input_inline_menu .menu_button_restore {
    display: inline-block;
}

.multi-single-line ul.token-input-list {
    display: flex;
}

.grid_wrapper_empty col.opt {
    display: none;
}

.grid_wrapper_empty>div:first-child h2 {
    flex-grow: 1;
}

.grid_wrapper_empty>div:first-child button {
    text-decoration: none;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
}

div.grid_col_tools button.settings {
    max-height: 3rem;
    width: 100%;
    border-radius: 0;
    opacity: 0;
    height: 100%;
}

.table.doc div.grid_col_tools button.settings {
    display: none;
}

.grid_th_wrapper.enable input:first-child {
    max-width: 24px;
}

.grid_th_wrapper.enable input {
    flex-grow: 1;
}

.grid_wrapper_search .doc_form_field {}

.grid_enrollmentindex li.person {
    max-width: 48%;
    overflow: hidden;
}

.grid_enrollmentindex .person_text>span:last-child {
    display: none;
}

.grid_wrapper_month h3 {
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}

.grid_wrapper_session_activity {
    border: 1px solid rgba(0, 0, 0, 0.16);
}

.grid_wrapper .error_message {
    display: inline-block;
}

.grid_menu_empty {
    display: none;
}

.grid_wrapper_empty .grid_menu_empty {
    display: inline-block;
}

/*
.grid_cols .dnd label{
    color:rgba(0,0,0,0.8);
    font-size: small;
}
*/
.grid_body .grid_table_options_bottom {
    margin: 16px auto 48px auto;
}

/*
.schedule-group .th.grid_col_tokenize,
.schedule-course .th.grid_col_tokenize{
    min-width: 80px;
}

.table.schedule-group li.TokenSearch{
    width:100%;
}
*/
.table.hide-trash .tr.deleted {
    display: none;
}

.activityview .not-evaluable .grid_wrapper_activity_student {
    display: none;
}

.activityview .evaluable .grid_wrapper_activity_student {
    display: block;
}

input.cell_del_btn {
    background-image: url(../images/black.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center -1696px;
    border: none;
    width: 16px;
    height: 16px;
    margin: 6px 2px;
    border-radius: 8px;
    display: block;
    opacity: 0.24;
}

input.cell_del_btn:hover {
    background-image: url(../images/white.png?v=6abdc5c6c7845);
    background-color: #D96565 !important;
    opacity: 1;
}

.grid_cell_adder>div>div {
    background-image: url("../images/cell_filler_texture.png?v=6abdc5c6c7845");
    opacity: 0.48;
    transition: opacity 1s;
    cursor: pointer;
}

.grid_cell_adder>div>div:hover {
    opacity: 1;
}

.grid_cell_adder .input_enable_wrapper,
.grid_cell_adder .input_checkeable_wrapper {
    display: none;
}

.grid_wrapper_attendance_student .input_checkeable_wrapper {
    display: none;
}

.thl2 a {
    line-height: 10pt;
}

/*
.term01{background-image: url(../images/term01.png?v=6abdc5c6c7845);}
.term02{background-image: url(../images/term02.png?v=6abdc5c6c7845);}
.term03{background-image: url(../images/term03.png?v=6abdc5c6c7845);}
.term04{background-image: url(../images/term04.png?v=6abdc5c6c7845);}
.term00{background-image: url(../images/term05.png?v=6abdc5c6c7845);}
*/
col.form_field.grid.grade_avg.average,
col.form_field.grid.grade.average {
    background-image: url(../images/avg_texture.png?v=6abdc5c6c7845);
}

col.form_field.grid.grade.average.empty {
    background-image: url(../images/cell_filler_texture.png?v=6abdc5c6c7845);
}

/*
.separator{
    border-right-color: rgba(0,0,0,0.32) !important;
}
*/
.table>.tbody>.tr.moving {
    opacity: 0.24;
}

/*
.grid_sub_wrapper .doc_grid_form>div.doc_row_form{
    border-left: none;
}
*/
/*
.tr[data-expanded="1"]>.td:first-child{
    border-bottom:none;
}
*/
.tr.collapsable {
    border-right-width: 1px;
    border-right-style: solid;
    border-left-width: 1px;
    border-left-style: solid;
}

.grid_sub_wrapper>div>.grid_wrapper {
    display: flex;
    margin: 0;
    margin-bottom: .6rem;
}

.grid_sub_wrapper .grid_wrapper>.indent {
    border-right-width: 1px;
    border-right-style: solid;
}

.grid_sub_wrapper .grid_wrapper>.doc_grid_form {
    flex-grow: 1;
}


.grid_wrapper_topic .menu_button_view {
    display: none;
}

div.reportactivity .table.section_student>colgroup>col:last-child,
div.reportactivity .table.activity_section>colgroup>col:last-child {
    width: 48px;
}

.reportactivity td[data-captions="course.desc"] {
    font-weight: bold;
}

col.col_schedule {
    width: 104px;
}

col.col_planner {
    width: 160px;
}

.gradebookenrollment .input_enable_wrapper {
    display: none;
}

/*
.td.form_field.grid.f-filler.col-f-opt,
.td.col-f-opt,
.th.col-f-opt{
    min-width:32px;
}

col.f-opt{
    border-bottom-style: none !important;
    min-width: 32px;
    width: 32px;
    background-color: rgb(245,245,245);
}
*/

.grid_popup_cell_options .doc_grid_form.school_hour {
    width: 220px;
}

.grid_wrapper_fieldset .doc_row_form {
    border-left: none;
    
}

.grid_wrapper_fieldset .doc_grid_form {
    border-top: none;    
}
/*
.grid_wrapper_fieldset>div,
.grid_wrapper_fieldset>div>div,
.grid_wrapper_fieldset>div>div>div,
.grid_wrapper_fieldset>div>div>div>div,
.grid_wrapper_fieldset>div>div>div>div>div
{
    height: 100%;
}
*/
.grid_fieldset {
    border-top-width: 1px;
    border-top-style: solid;
}

.table.grid.fieldset>.thead {
    display: none;
}

.table.grid.has-border.fieldset {
    border-top-width: 1px;
    border-top-style: solid;
}

.table.grid.has-border>.tbody:last-child>.tr:last-child>.td:first-child {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

/*
.grid_table_options_bottom ul.grid_menu_row_options>li:first-child{
    margin-left: 8px;
}
*/
.table.objective_period>.tbody>.tr>.td>div.input_comments {
    padding-left: 24px;
}

.table.section_student>.tbody>.tr.feedback>.td>div.input_comments {
    padding-left: 24px;
}

.grid_wrapper_empty .error_message {
    display: none;
}

.td.grade[data-editable="0"] input.input_average {
    display: none;
}

.grid_desc {
    padding-left: 54px;
    color: rgba(0, 0, 0, 0.64);
}

.grid_caption {
    display: flex;
    align-items: center;
}

.grid_caption>span {
    font-weight: normal;
    padding-left: 0.4rem;
    flex-grow: 1;
    display: flex;
    align-items: center;
}

.grid_caption>span:last-child {
    flex-grow: 1;
}

.button-grid-settings {
    min-width: 2rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: .5rem 0 0 0;
}

.controller_display_tab.grid div.grid_wrapper {
    display: table;
}

.message.empty {
    padding: 8px 12px 8px 6px;
    color: rgba(0, 0, 0, 0.72);
    display: none;
}

.message.empty>* {
    margin: 0 .2rem;
}


.grid_wrapper.scheme-doc.grid_wrapper_empty .message.empty {
    display: block;
    border: .1rem solid rgba(0, 0, 0, 0.24);
    border-radius: 0 0 .5rem .5rem;
}

.message.empty::before {
    font-family: 'icons';
    font-style: normal;
    content: '\E043';
    padding-right: .5rem;
    padding-left: .5rem;
    color: var(--cs-icon-color);
}

a.add.grid_add_row,
.message.empty a {
    color: #0F9D58;
    text-decoration: none;
}

.grid_wrapper_empty>.table>.tfoot {
    display: none;
}

/*
.grid_wrapper_empty .message.empty{
    display: block;
}
*/
.grid_wrapper_empty .tbody {
    min-height: 3rem;
}




.grid_wrapper_empty .table:not(.col-fixed)>.tbody::before {
    font-family: 'Icons';
    font-style: normal;
    content: '\E043';
    margin-right: .5rem;
    margin-left: .5rem;
    margin-top: 1rem;
    color: rgba(0, 0, 0, 0.64);
    display: inline-flex;
}

.grid_wrapper_empty .table:not(.col-fixed)>.tbody::after {
    content: 'Ningun registro encontrado.';
    color: rgba(0, 0, 0, 0.48);
    font-size: 0.8rem;
    font-family: 'Roboto';
    display: inline-flex;
    margin-top: 1rem;
}

/*
.table.grid>.tbody>.tpanel>div{
    background-image: linear-gradient(rgba(0,0,0,0.06), rgba(0,0,0,0.0) 12%, rgba(0,0,0,0));
}
*/
.table.grid>.tbody>.tpanel>div>div {
    padding: 1rem;
    min-height: 10rem;
}

.col-fixed.table .tpanel>div>div {
    display: none;
}

#main_wrapper.grid .message.empty {
    background-color: #FFFFCC;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
}

#main_wrapper.grid .message.empty a {
    display: none;
}

#main_wrapper.doc .controller_menu_bottom_wrapper {
    display: table;
}

.grid_wrapper_activity_indicator.grid_wrapper_empty {
    display: none;
}

.grid_calendar {
    width: auto;
    max-width: 215.9mm;
}

.grid_calendar.unload {
    border: 1px solid lightgray;
    margin-top: 12px;
    background-color: white;
}

.grid_calendar.unload .message-unload {
    color: rgba(0, 0, 0, 0.64);
}

.table.grid_calendar>.tbody>.tr>.td {
    border-bottom: 1px solid lightgray;
    border-right: 1px solid lightgray;
    background-color: rgba(0, 0, 0, 0.04);
    ;
}

.table.grid_calendar>.tbody {
    background-color: transparent;
}

.table.grid_calendar>.tbody>.tr>.td:first-child {
    background-color: transparent;
}

.table.grid_calendar>.tbody>.tr:first-child>.td {
    border-top: 1px solid lightgray;
}

.table.grid_calendar>.tbody>.tr:first-child>.td:first-child {
    border-top: none;
}

div.doc_page.term-loaded span.message-unload,
div.doc_page.term-unload div.grid_wrapper_empty div.message.empty {
    display: none;
}

.th.grid_col_collapsed input.check-all.average {
    display: none;
}

input.filter-search-textbox {
    background-color: rgba(255, 255, 0, 0.32);
    width: 100%;
    border: none;
    padding: .5rem;
    box-shadow: 1px 1px 1px inset rgba(0, 0, 0, 0.12);
    min-height: 3.5rem;
}

div.grid_sub_wrapper.hide-header thead {
    display: none;
}

.table.has-borderless .th,
.table.has-borderless .td {
    border: none !important;
}

div.grid-popup-row-menu {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    min-height: 100%;
    overflow-x: hidden;
    margin: 0;
}

.dnd>button.icon-text,
.list-group>button.icon-text,
.menu-vertical>.btn.icon-text {
    flex-direction: row;
    justify-content: flex-start;
}

.dnd>button.icon-text>span,
.list-group>button.icon-text>span,
.menu-vertical>button.icon-text>span {
    font-size: 1rem;
    margin: 0;
    line-height: 1;
    margin-right: 1rem;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    
}

.dnd>button.icon-text::before,
.list-group>button.icon-text::before,
.menu-vertical>button.icon-text::before {
    margin-right: .5rem;
}

div.wrapper-menu.up div.grid-popup-row-menu>a.menu_button_remove {
    order: 0;
}

div.wrapper-menu.down div.grid-popup-row-menu>a.menu_button_remove {
    order: 1;
}

div.wrapper-menu.inline-row {
    background-color: #F5F5F5;
}

div.grid_popup_filter {
    width: 240px;
}

div.grid_popup_filter div.doc_grid_form {
    margin: 0 4px;
}

.table.hide-head>.thead {
    display: none;
}

.table.hide-head>.tbody>.tr:first-child>.td {
    border-top: 1px solid lightgray;
}

.table.sub.table.hide-head>.tbody>.tr:first-child>.td {
    border-top: none;
}

.tr.nbr>.td[data-field="course_id"] {
    border-right: none;
}

div.report.term .table.section_student .td.field-tokenize.grade>div>div>span>span {
    text-align: right;
}

div.popup-layer div.grid_popup_cell_options {
    padding: 3px;
}

div.grid_wrapper.area h2 {
    color: rgba(0, 0, 0, 0.64);
    background-image: none;
    padding-left: 0;
    margin-top: 4px;
    margin-bottom: 2px;
    font-weight: normal;
    line-height: 12px;
}

div.grid_wrapper.attendance_student .grid_caption>span:last-child {
    flex-grow: 1;
    background-image: url("../images/attendance_flags_h.svg");
    background-position: right 4px;
    background-repeat: no-repeat;
    min-height: 28px;
}

div.grid_filter_wrapper {

    min-width: 10rem;
    display: flex;
    flex-direction: column;
    border-radius: 0 0 .5rem .5rem;
    overflow-x: hidden;
    overflow-y: auto;
    flex-grow: 1;
}

div.grid_filter_wrapper>div {
    margin: 0 .5rem;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.04);
}

div.grid_filter_wrapper>div:first-child {
    margin-top: .5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: .5rem .5rem 0 0;
    overflow: hidden;
    min-height: 2.25rem;
}

div.grid_filter_wrapper>div:last-child {
    margin-bottom: .5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0 0 .5rem .5rem;
    overflow: hidden;
}

div.grid_filter_list_box div{
    flex-direction: column;
    display: flex;
}

div.grid_filter_wrapper div.doc_grid_form,
div.grid_filter_wrapper div.doc_row_form>div.form_field,
div.grid_filter_wrapper div.doc_row_form {
    border: none;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.04) inset;
    border-radius: 0;    
}

div.grid_filter_wrapper div.doc_row_form>div.form_field {
    padding: .5rem 0;
}

button.click-all {
    background-position-y: -4954px;
}

.th.col-index {
    min-height: 2rem;
    line-height: 1;
    border-bottom: 1px solid lightgray;
}

.th.col-index>div>button {
    text-align: center;
    width: 100%;
    height: 100%;
    min-height: 2rem;
    border-radius: 0;
    padding: 0;
}

div.input_envelope.input_text.label div.input_wrapper {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    box-sizing: content-box;
}

button.layout-datetime {
    display: flex;
    flex-direction: column;
    padding: 0 0;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
}

button.layout-datetime>span {
    text-align: center;
    line-height: 1em;
    font-size: .8em;
}

button.layout-datetime>span:nth-child(2) {
    font-weight: bold;
    font-size: 2em;
}

.table.consolidated.attendance.tl3 button.layout-datetime>span:nth-child(1) {
    display: none;
}

button.layout-datetime>span:nth-child(3) {
    text-transform: lowercase;
}

button.layout-datetime>span:nth-child(4) {
    margin-top: 6px;
}

span.grid-col-help {
    background-color: rgb(255, 242, 204);
    color: rgba(0, 0, 0, 0.64);
    padding: .5rem;
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    cursor: help;
    font-size: .9rem;
}

.td.layout-stack li.Token {
    width: 96%;
    border: 1px solid lightgray;
}

.table.grid_calendar .th.f-index>div {
    display: none;
}

.table.indicator_period>.tbody>.tr.custom>.td.f-index.check>div>div>span {
    background-image: url("../images/black/personal.png?v=6abdc5c6c7845");
    background-position: right 4px center;
    background-repeat: no-repeat;
    opacity: 0.32;
}

button.view-mode {
    background-image: url("../images/white.png?v=6abdc5c6c7845");
    color: white;
    background-color: #4a7eb2;
    box-shadow: 1px 1px 1px 3px rgba(0, 0, 0, 0.06) inset;
}

div.grid-popup-row-menu>button {
    border-radius: 0;
}

.table.indicator>.tbody>.tr.grid_row_new>.td a.inline-row.person {
    display: none;
}

.th.form_field.f-text {
    border-bottom: 1px solid lightgray;
}

.tr.grid_row_new>.td.dep>div {
    visibility: hidden;
}

.td.f-index {
    vertical-align: top;
}

.th.f-header.separator {
    background-image: url("../images/avg_texture.png?v=6abdc5c6c7845");
}

div.grid_envelope div.grid_wrapper>div.grid_head {
    display: none;
}

.grid_wrapper.scheme-grid {/*
    border-width: 1px;
    border-style: solid;
    border-radius: .5rem;*/
    overflow: hidden;
}

.form_field.d-invoice.status-1 p:not(:hover),
.td.field-status.status-approved p:not(:hover),
.table.grid.invoice .td.field-status.status-1:not(:hover) a {
    color: green;
}

.td.field-status.status-created p {
    color: orangered;
}

.table.grid.invoice .td.field-status.status-3 a,
.td.field-status.status-in_process p {
    color: orange;
}

.form_field.d-invoice.status-0 p:not(:hover),
.td.field-status.status-rejected p:not(:hover),
.table.grid.invoice .td.field-status.status-0:not(:hover) a {
    color: #eb512c;
}

div.grid_body div.grid_options_bottom {
    display: none;
}

div.section-gradebook1 col.grade.average,
div.section-gradebook1 .th.col-average,
div.section-gradebook1 .td.col-average {
    display: none;
}

div.grid_wrapper.lpage>div.grid_head,
div.grid_wrapper.snap>div.grid_options_bottom,
div.grid_wrapper.snap>div.grid_head {
    display: none;
}

.table.lpage>.thead,
.table.lpage>.tbody>.tr>.td.col-f-opt,
.table.lpage>.tbody>.tr>.td.col-f-fieldset>.label,
.table.lpage>.tbody>.tr>.td.f-index {
    display: none;
}

.table.snap,
div.reportterm .table.doc.grid,
div.reportstudent-term .table.doc.grid,
div.reportterm-print .table.doc.grid {
    table-layout: fixed;
}

.table.h.th.grid.fieldset>.tbody>.tr:not(.deleted):first-of-type>.td.col-f-fieldset label,
.table.hth div.form_field.doc>label,
.table.hth>.thead {
    display: none;
}

.table.section_student {
    width: 816px;
}

.table.not-selec.table>.tbody>.tr>.td .inline-menu>button.view {
    display: none;
}

.td.form_field.f-index.text .row-label {
    font-weight: bold;
    background-color: transparent;
}

.td.form_field.f-index.custom,
.td.form_field.f-index.check {
    border-right: none;
}

.td.form_field.f-index.check .row-label::before {
    font-family: 'icons';
    font-style: normal;
    content: '\E030';
    padding-left: 2px;
}

.td.form_field.f-index.custom .row-label::before {
    font-family: 'icons';
    font-style: normal;
    content: '\E076';
    padding-left: 2px;
}

div.feedback-box::before {
    font-family: 'icons';
    font-style: normal;
    content: '\E04C';
    padding-right: 6px;
}

div.feedback-box {
    background-color: rgba(0, 0, 0, 0.04);
    border: 1px solid lightgray;
    border-top: none;
    padding: 1rem 2rem 1rem 3rem;
    font-style: italic;
}

.form_field>div.input_envelope {
    align-items: center;
    display: flex;
    height: 100%;
}

.form_field>div.input_envelope.input_adder {
    display: flex;
    justify-content: center;
    min-height: 2rem;
}

/*PLEASE FIXME ME!*/
.grid_wrapper>.grid_wrapper {
    width: 100%;
}

.form_field.align-center div.input_filler.space,
.form_field.align-center a {
    text-align: center;
    justify-content: center;
}


.layout-term {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
    justify-content: flex-end;
}

.layout-term>span>span {
    text-align: center;
}

.layout-term.active>span>span::before,
.layout-term.active>span>span {
    color: white;
}

.layout-term>span>span {
    line-height: 12px;
    font-size: 8pt;
}

.layout-term>span>span:nth-child(2) {
    line-height: 3rem;
    font-size: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.th.expandable span.label {
    cursor: pointer;
}

/*
.th.expandable .layout-term > span.icon,
.th.expandable .layout-vertical > span.icon,
.layout-term>span.icon{
    font-size: 1.5rem;
    margin-top: .5rem;
    height: 1.5rem;
    display: none;
    line-height: 1;
    width:100%;
    justify-content: center;
}
*/
.th.expandable.collapsed span.inline-menu-col {
    margin-left: 3px;
    border-left: 1px solid rgba(0, 0, 0, 0.32);
    padding-left: 1px;
}

.th.expandable.collapsed span.inline-menu-col::before {
    content: '';
    border-right: 1px solid rgba(0, 0, 0, 0.32);
    height: 100%;
    min-width: 2px;
}

.layout-vertical>.label {
    transform: scale(-1);
    line-height: 1;
    text-align: left !important;
    align-items: center;
    display: flex;
    max-height: 160px;
    overflow: hidden;
    width: 100%;
    flex-grow: 1;
    padding: 8px 0 8px 0;
    flex-direction: row-reverse;
}

.table.gradebook.group_student .input_envelope>.layout-term,
.table.gradebook.group_student .input_envelope>.layout-vertical,
.input_envelope>.layout-vertical {
    height: 160px;
    width: 100%;
}

.table.doc.gradebook.course_student .layout-term,
.table.doc.gradebook.course_student .layout-vertical>.label{
    max-height: 80px;
    width: 100%;
}

.table.grid.attendance .layout-vertical>.label {
    max-height: 128px;
}

.layout-vertical {    
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-end;
}

.layout-vertical>.label>span {
    align-self: self-start;
    cursor: default;
    font-size: .8em;
    writing-mode: vertical-rl;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 100%;
}

.layout-vertical.expandable>.label>span,
.layout-vertical.link>.label>span {
    cursor: pointer;
}

.layout-vertical.multi>span:nth-child(2) {
    opacity: 0.5;
}

.input_envelope.input_text.th-vertical>div:first-child,
.input_envelope.input_text.th-term>div:first-child {
    flex-grow: 0;
    height: auto;
    padding: 0 .3rem;
}

.form_field.focus .input_envelope.input_text.th-vertical>div:first-child,
.form_field.focus .input_envelope.input_text.th-term>div:first-child {
    padding: 0;
}

.input_envelope.input_text.th-term>div:first-child,
.input_envelope.input_text.th-vertical>.layout-vertical {
    width: 100%;
}

.link>span,
.link {
    cursor: pointer
}

.input_envelope.input_text.th-term .input_wrapper,
.input_envelope.input_text.th-vertical .input_wrapper {
    border-bottom: .1rem solid rgba(0, 0, 0, 0.24);
    display: none;
}

.link,
.link * {
    cursor: pointer;
}

.label-keywords {
    line-height: 28px;
    color: rgba(0, 0, 0, 0.4);
}

.form_field.f-grade.history>*:first-child,
.form_field.f-grade.calc {
    background-color: transparent !important;
    opacity: 0.8;
}

.th-vertical>div:first-child {
    height: auto;
    flex-grow: 0;
}

div.group-wrapper.gradebook div.grid_wrapper {
    margin: 0 0;
}

body.certificate-enrollment .table.course_student_log {
    border-left: 1px solid black;
}

body.certificate-enrollment .table.course_student_log>.thead>.tr>.th {
    border-right: 1px solid black;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

body.certificate-enrollment .table.course_student_log>.thead>.tr>.th:first-child {
    border-left: none;
}

/*
.table.doc,
.table.doc>.thead>.tr:first-child>.th:first-child button.settings,
.table.doc>.thead>.tr:first-child>.th:first-child{
    border-top-left-radius: 0.4rem;
}

.table.doc,
.table.doc>.thead>.tr:first-child>.th:last-child button,
.table.doc>.thead>.tr:first-child>.th:last-child{
    border-top-right-radius: 0.4rem;
}

.table.grid.has-border.fieldset,
.table.grid.fieldset>.tbody>.tr:first-child>.td:first-child button.settings,
.table.grid.fieldset>.tbody>.tr:first-child>.td:first-child{
    border-top-left-radius: 0.4rem;
}

.table.grid.has-border.fieldset,
.table.grid.fieldset>.tbody>.tr:first-child>.td:last-child button.settings,
.table.grid.fieldset>.tbody>.tr:first-child>.td:last-child{
    border-top-right-radius: 0.4rem;
}
*/
.table.grid.fieldset>.tbody>.tr:first-child>.td:last-child .btn-group.inline-menu {
    align-items: flex-start;
}

.table.grid.has-border.fieldset,
.table.grid.fieldset>.tbody>.tr:last-child>.td:last-child button.settings,
.table.grid.fieldset>.tbody>.tr:last-child>.td:last-child {
    border-bottom-right-radius: 0.4rem;
}

.table.grid.fieldset.sgl.snap>.tbody>.tr:not(.deleted):first-of-type>.td.col-f-fieldset label {
    display: none;
}

.table.snap.doc,
.table.snap.grid.has-border.fieldset,
.table.snap.doc>.thead>.tr:first-child>.th:first-child button.settings,
.table.snap.doc>.thead>.tr:first-child>.th:first-child,
.table.snap.doc>.thead>.tr:first-child>.th:last-child button,
.table.snap.doc>.thead>.tr:first-child>.th:last-child,
.table.snap.grid.fieldset>.tbody>.tr:first-child>.td:first-child button.settings,
.table.snap.grid.fieldset>.tbody>.tr:first-child>.td:first-child,
.table.snap.grid.fieldset>.tbody>.tr:first-child>.td:last-child button.settings,
.table.snap.grid.fieldset>.tbody>.tr:first-child>.td:last-child,
.table.snap.grid.fieldset>.tbody>.tr:last-child>.td:last-child button.settings,
.table.snap.grid.fieldset>.tbody>.tr:last-child>.td:last-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.table.snap.grid.has-border.fieldset {
    border-top-width: 0;
}

/*
.grid_wrapper_empty{
    border-radius: 0.4rem;
}
*/
.grid_popup_col_options .btn-group-vertical {
    width: 100%;
}

.grid_popup_col_options .btn-group-vertical>button {
    border-radius: 0;
}

.grid_popup_col_options {
    flex-direction: column;
    display: flex;
    max-width: 16rem;
    min-width: 16rem;
    height: 100%;
    overflow: hidden;
}

.grid_popup_col_options.hide>span,
.grid_popup_col_options.hide>div {
    display: none;
}

.grid_popup_col_options.hide>div:first-child {
    display: inherit;
}

.table.fixed>.tbody>.tr>.td.form_field>div.input-tokenize {
    max-height: 2rem;
    overflow: hidden;
}

/*
.table.grid>.tfoot>.tr>.td.col-opt,
.table.grid>.tbody>.tr>.td.col-opt,
.table.grid>.thead>.tr>.th.col-opt,
*/
.table>.thead>.tr,
.table>.tbody>.tr,
.table>.thead>.tr>.th>*,
.table>.tbody>.tr>.td>*,
.table>.tfoot>.tr>.td>* {
    flex-grow: 1;
}

.table.grid.scheme-grid>.thead>.tr>.th.scroll-pad {
    max-width: 16px;
    border-bottom-color: transparent;
    background-color: transparent;
    visibility: hidden;
}

/*
.table.grid.scheme-grid>.tfoot>.tr>.td.col-opt,
.table.grid.scheme-grid>.tbody>.tr>.td.col-opt,
.table.grid.scheme-grid>.thead>.tr>.th.col-opt{
    border-color: transparent;
    background-color: transparent;
}
*/
.table>.tbody>.tr>.td:last-child,
.table>.thead>.tr>.th:last-child,
.table.flex-strech>.tbody>.tr>.td:last-child,
.table.flex-strech>.thead>.tr>.th:last-child {
    flex-grow: 0;
}

.table.flex-strech>.tbody>.tr>.td:nth-child(2),
.table.flex-strech>.thead>.tr>.th:nth-child(2) {
    flex-grow: 1;
    min-width: 12rem;
}

.table.flex-strech>.tbody>.tr>.td:last-child,
.table.flex-strech>.thead>.tr>.th:last-child {
    flex-grow: 0;
}

.table.flex-strech {
    background-color: rgba(0, 0, 0, 0.02);
    overflow-x: auto;
    /*box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;*/
}

.table.scheme-doc.grid.has-border.flex-strech > .thead > .tr>.th:not(:last-child){
    border-top-color: transparent;
    border-right-color: transparent;
}

.table.scheme-doc.grid.has-border.flex-strech > .thead > .tr > .th:last-child {
    border-top-color: transparent;    
}

.table.scheme-doc.grid.has-border > .thead > .tr > .th.col-ind.f-options>div>div>div{
    display: flex;
}

.table.scheme-doc.grid.has-border > .thead > .tr > .th.col-ind.f-options .grid_col_tools{    
    width: 100%;
}

.table.scheme-doc.grid.has-border > .thead > .tr > .th.col-ind.f-options .grid_col_tools>button{
    height: 2rem;
    align-self: flex-end;
    margin: .25rem;
    border-radius: .25rem;
}

.table.scheme-doc.grid.has-border > .thead > .tr > .th.ext.col-fld-extended{
    border-radius: .6rem .6rem 0 0;
    overflow: hidden;    
}

div.tr,
div.td,
div.th {
    display: flex;
}

.table,
.tfoot,
.tbody,
.thead,
.tr,
.td,
.th {
    padding: 0 0;
}

.table.grid {
    margin-bottom: 0;
    width: auto;
    /*background-color: white;*/
}

.table.grid>:not(caption)>*>* {
    padding: 0 0;
}

div.table.grid {
    width: auto;
    max-width: unset;
}

.grid_wrapper.collapsed {
    /*border: 1px solid rgba(0, 0, 0, 0.16);*/
    border-radius: .5rem;
    /*box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;*/
    background-color: white;
    overflow: hidden;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.grid_wrapper.collapsed>.doc_grid_form,
.grid_wrapper.collapsed>.message,
.grid_wrapper.collapsed>.grid_table_options_bottom,
.grid_wrapper.collapsed>.grid_options_bottom,
.grid_wrapper.collapsed>.table {
    display: none;
}

div.table>.tbody>.tr>.td.grid_cell_sub {
    flex-grow: 1;
    border-width: 0;
    background-color: transparent;
    padding: 0;
}

.tr.collapsable.collapsed {
    display: none;
}

.col-f-opt.empty {
    display: none;
}


.th.form_field.ext.toggle button.layout-vertical.multi>.label>span:nth-child(2) {
    opacity: 1;
    border-radius: 1em;
    display: inline-flex;    
    align-items: center;
    margin-left: .2em;
    font-weight: bold;
}

.th.form_field.ext.toggle:not(.expandable) button.layout-vertical.multi>.label>span:nth-child(2) {
    padding-bottom: 2em;
}

.th.form_field.ext.expandable button.layout-term>span:nth-child(1)::before {
    margin-right: .2em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: normal;
    font-size: 1rem;
    opacity: .64;
    content: '\E0F7';
}

.th.form_field.ext.expandable.collapsed button.layout-term>span:nth-child(1)::before {
    content: '\E0FA';
}

.th.form_field.ext.toggle button.layout-vertical.multi>.label>span:nth-child(2)::before {
    margin-bottom: .2em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: normal;
    font-size: 1rem;
    opacity: .64;
    content: '\E0FC';
    border-radius: 50%;
    background-color: var(--cell-border-color);
}

.th.form_field.grid.expandable .layout-vertical>.label>span:nth-child(2):before,
.th.form_field.ext.toggle button.layout-vertical>.label>span:nth-child(2)::before,
.th.form_field.ext.toggle.expandable button.layout-vertical.multi>.label>span:nth-child(2)::before {
    content: '\E0F8';
    margin-bottom: .3rem;
}

.th.form_field.grid.expandable.expand.collapsed .layout-vertical>.label>span:nth-child(2):before,
.th.form_field.ext.toggle.collapsed button.layout-vertical>.label>span:nth-child(2)::before,
.th.form_field.ext.toggle.expandable.collapsed button.layout-vertical.multi>.label>span:nth-child(2)::before {
    content: '\E0F9';
}

.tr.expandable.expanded + .tr.collapsable {
    border-bottom: 1px solid rgba(0, 0, 0, 0.24);
}

.tr.expandable.expanded + .tr.collapsable {
    display: block;
}

.tr.expandable:not(.expanded) + .tr.collapsable,
.tr.expandable:not(.expanded) + .tr.collapsed .grid_sub_wrapper {
    display: none;
}

.tbody>.tr:last-of-type {
    border-radius: 0 0 0.5rem 0.5rem;
}

.table.scheme-grid>.thead>.tr>.th.form_field.col-f-grade:not(.col-t-average)+.th.form_field.col-f-grade.col-t-average,
.table.scheme-grid>.tbody>.tr>.td.form_field.f-grade:not(.t-average)+.td.form_field.f-grade.t-average {
    border-right-color: rgba(0, 0, 0, 0.6);
}

.table.scheme-grid.not-average .field-rate.d-period div.input_envelope.input_text.th-vertical>.layout-vertical,
.table.scheme-grid.not-average .field-rate_activity_category.d-activity_section div.input_envelope.input_text.th-vertical>.layout-vertical {
    border-top: none;
}

/*
.table.scheme-grid.gradebook.not-average .grade-suggested,
.table.scheme-grid.not-average .field-rate.d-period .input_wrapper,
.table.scheme-grid.not-average .th.form_field>.input_text .input_wrapper,
.table.scheme-grid.not-average>.tfoot>.tr>.td.category-average,
.table.scheme-grid.not-average>.thead>.tr>.th.col-index-category-average,
.table.scheme-grid.not-average>.thead>.tr>.th.category-average,
.table.scheme-grid.not-average>.tbody>.tr>.td.category-average{
    display:none;
}
*/

.grid_section>.grid_page .grid_wrapper {
    margin: 0;
}

/*
.grid_section>.grid_page .grid_wrapper>.table{
    border-left: 0.01rem solid rgba(0,0,0,0.16);
    border-top: 0.01rem solid rgba(0,0,0,0.16);
}*/

.toggle-header {
    width: 100%;
}

.table.minimized-head>.thead>.tr:nth-child(n+2) {
    height: 0;
    max-height: 0;
    overflow: hidden;
}

/*
.table.minimized-head .th.form_field.col-index>.input_envelope.input_col-index>button {
    border-bottom: 0.2rem solid rgba(0, 0, 0, 0.32);
}
*/
.grid_filter_wrapper>div.ctrl {
    display: flex;
    background-color: rgba(0, 0, 0, 0.06);
    border-top: .1rem solid rgba(0, 0, 0, 0.08);
    justify-content: space-between;
}

.table:not(.multi-line) .td.form_field span.token-caption-wrapper {
    max-height: 1.6rem;
    max-width: 100%;
}

.table:not(.multi-line) .td.form_field .token-caption-wrapper>.token-row {
    flex-wrap: nowrap;
}

.table:not(.multi-line) .td.form_field.has-icon span.token-caption-wrapper {
    max-width: calc(100% - 2rem);
}

.table:not(.multi-line) .td.form_field .input-display-wrapper {
    align-items: center;
}

.table:not(.multi-line) .td.form_field .input_wrapper>div>button,
.table:not(.multi-line) .td.form_field span.token-caption-wrapper .input-label {
    flex-wrap: nowrap;
}

.table:not(.multi-line) .td.form_field span.token-caption-wrapper .input-label>span {
    line-height: unset;
    word-wrap: normal;
    white-space: nowrap;
}

.grid_filter_wrapper div.ctrl>button {
    flex-grow: 1;
}

.grid_filter_wrapper:not(.filtering) div.ctrl>button.clean-filter {
    display: none;
}

/*
.grid_filter_wrapper:not(.filtering) div.ctrl>button.continue{
    border-bottom-left-radius: .4rem;
}
*/
.grid_filter_wrapper div.ctrl>button {    
    border-radius: .25rem;
    margin: .25rem;    
}

.grid_filter_wrapper div.title {
    font-size: .8rem;
    background-color: rgba(0, 0, 0, 0.04);
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.grid_filter_wrapper div.title>div:first-child {
    flex-grow: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.08);
    padding: 0 4px;
}

.grid_filter_wrapper div.title>button {
    border-radius: 0;
}

.filter-col-grid .form_field.field-rfd {
    display: none;
}

.filter-col-grid.filter-format-group .form_field.field-rfd {
    display: flex;
}

.grid_filter_wrapper div.Tokenize ul.TokensContainer li.Token {
    padding: .5rem;
}

.form_field.align-center div.Tokenize ul.TokensContainer {
    justify-content: center;
}

.table.scheme-grid>.tbody>.tr>.td.form_field.f-tokenize ul>li.Token .input-card-caption {
    max-height: 1.8rem;
    overflow: hidden;
}

.table.scheme-grid>.tbody>.tr>.td.form_field.f-tokenize .tokenize-popup ul>li.Token .input-card-caption {
    max-height: unset;
    overflow-y: auto;
    overflow-x: hidden;
}

.grid_filter_wrapper .form_field.doc label {
    display: none;
}

.grid-column-list {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.table.schedule-tbl>.tbody>.tr>.td.form_field.f-tokenize .input-label {
    display: flex;
    flex-direction: column;
}

.table.schedule-tbl>.tbody>.tr>.td.form_field.f-tokenize li.Token {
    min-height: 4.5rem;
    flex-grow: 0;
    margin: 0;
    border-radius: 0;
    border-width: 0 0 1px 0;
}

.table.schedule-tbl>.tbody>.tr>.td.form_field.f-tokenize li.Token>.token-caption-wrapper {
    flex-grow: 1;
    max-width: unset;
}

.table.schedule-tbl>.tbody>.tr>.td.form_field.f-tokenize li.Token .field-name {
    align-items: center;
}

.table.schedule-tbl>.tbody>.tr>.td.form_field.f-tokenize li.Token .field-shortname {
    align-items: center;
    flex-grow: 1;
    font-size: 1.5em;
}

.table.schedule-tbl>.tbody>.tr>.td.form_field.f-tokenize li.Token .token-row {
    flex-direction: column;
}

.table.schedule-tbl>.tbody>.tr>.td.form_field.f-tokenize li.TokenSearch.text {
    flex-grow: 1;
    align-items: flex-end;
    justify-content: flex-end;
}

.table.schedule-tbl>.tbody>.tr>.td.form_field.f-tokenize .input-caption {
    display: flex;
    flex-grow: 1;
}

.table.schedule-tbl>.tbody>.tr>.td.form_field.f-tokenize .input-label>span {
    display: flex;
    justify-content: center;
}

.table.schedule-tbl>.tbody>.tr>.td.form_field.f-tokenize .input-label>span:first-child {
    font-size: 1.5rem;
}

.table.schedule-tbl>.tbody>.tr>.td.form_field.f-tokenize .input-label>span:last-child {
    font-size: .6rem;
}

.table.schedule-tbl>.tbody>.tr>.td.form_field.f-tokenize div.Tokenize ul.TokensContainer {
    align-items: stretch;
    flex-direction: column;
}

.grid-column-list>.header {
    display: flex;
    padding: .25rem;
}

.grid-column-list>.header>button {
    border-radius: .25rem;
}

.table.spaced>.tbody {
    background-color: transparent;
}

/*
.table.spaced>.tbody>.tr{
    margin-bottom: 1.5rem;
}

.table.spaced>.tbody>.tr:nth-child(n+2){
    border-top: .1rem solid rgba(0,0,0,0.24);
}
*/
.table.spaced>.tbody>.tr .doc_group_form>.doc_row_form:first-child>.form_field:last-child {
    border-right: .1rem solid var(--cs-border-color);
}

/*
.table.spaced>.tbody>.tr:nth-child(1) .form_field.d-individual_subject.field-subject_id{
        background-color: #ffecce;
}

.table.spaced>.tbody>.tr:nth-child(2) .form_field.d-individual_subject.field-subject_id{
    background-color: #ffdad8;
}

.table.spaced>.tbody>.tr:nth-child(3) .form_field.d-individual_subject.field-subject_id{
    background-color: #d6f7db;
}

.table.spaced>.tbody>.tr:nth-child(4) .form_field.d-individual_subject.field-subject_id{
    background-color: #e0f6ff;
}

.table.spaced>.tbody>.tr:nth-child(5) .form_field.d-individual_subject.field-subject_id{
    background-color: #dfdefa;
}

.table.spaced>.tbody>.tr:nth-child(6) .form_field.d-individual_subject.field-subject_id{
    background-color: #cee6ff;
}
*/
.table.spaced>.tbody>.tr .form_field.d-individual_subject.field-subject_id li.Token::before {
    display: none;
}

.table.spaced>.tbody>.tr .form_field label {
    font-size: .9rem;
}

.table.scheme-grid>.thead>.tr>.th.col-index {
    border-bottom-color: var(--cell-border-color);
}

.table.spaced>.tbody>.tr .form_field.d-individual_subject.empty label::before {
    margin-right: .3rem;
    margin-left: .5rem;
}

.table.spaced>.tbody>.tr>.td.grid_cell_sub .doc_group_form>.doc_row_form:nth-child(n+2)>.form_field {
    padding: .5rem 0;
    /*border-right: none;*/
}

.table.spaced>.tbody>.tr .form_field.d-individual_subject.field-individual_behavor.empty label::before {
    content: '\E0D9';
}

.table.spaced>.tbody>.tr .form_field.d-individual_subject.field-individual_improve.empty label::before {
    content: '\E0CA';
}

.form_field.d-individual_subject.field-individual_improve ul>li.Token::before {
    content: '\E0CB';
}

.table.spaced>.tbody>.tr .form_field.d-individual_subject.field-individual_barrier.empty label::before {
    content: '\E0CC';
}

.form_field.d-individual_subject.field-individual_barrier ul>li.Token::before {
    content: '\E0CD';
}

.table.spaced>.tbody>.tr .form_field.d-individual_subject.field-individual_methodology.empty label::before {
    content: '\E0CE';
}

.form_field.d-individual_subject.field-individual_methodology ul>li.Token::before {
    content: '\E0CF';
}

.table.spaced>.tbody>.tr .form_field.d-individual_subject.field-individual_didactic.empty label::before {
    content: '\E0D0';
}

.form_field.d-individual_subject.field-individual_didactic ul>li.Token::before {
    content: '\E0C1';
}

.table.spaced>.tbody>.tr .form_field.d-individual_subject.field-individual_weval.empty label::before {
    content: '\E08D';
}

.form_field.d-individual_subject.field-individual_weval ul>li.Token::before {
    content: '\E096';
}

.table.spaced>.tbody>.tr .form_field.d-individual_subject.field-individual_strategy.empty label::before {
    content: '\E08D';
}

.form_field.d-individual_subject.field-individual_strategy ul>li.Token::before {
    content: '\E096';
}

.table.spaced>.tbody>.tr .form_field.d-individual_subject.field-individual_school.empty label::before {
    content: '\E0D3';
}

.form_field.d-individual_subject.field-individual_school ul>li.Token::before {
    content: '\E0D4';
}

.table.spaced>.tbody>.tr .form_field.d-individual_subject.field-individual_home.empty label::before {
    content: '\E0D1';
}

.form_field.d-individual_subject.field-individual_home ul>li.Token::before {
    content: '\E0D2';
}

.table.spaced>.tbody>.tr .form_field.d-individual_subject.field-objective_student.empty label::before,
.table.spaced>.tbody>.tr .form_field.d-individual_subject.field-indicator_student.empty label::before {
    content: '\E0D5';
}

.table.spaced>.tbody>.tr[data-readonly="1"] + .tr.collapsable,
.table.spaced>.tbody>.tr[data-readonly="1"] .input_envelope{
    filter: grayscale(1);
}

.form_field.d-individual_subject.field-indicator_student ul>li.Token::before {
    content: '\E0D6';
}

.table.spaced>.tbody>.tr .form_field.d-individual_subject.field-individual_heval.empty label::before {
    content: '\E0D7';
}

.table.spaced>.tbody>.tr .form_field.d-individual_subject.field-at83.empty label::before {
    content: '\E0DC';
}

.form_field.d-individual_subject.field-individual_heval ul>li.Token::before {
    content: '\E0D8';
}

.table.spaced>.tbody>.tr .form_field.d-individual_subject.field-individual_skill.empty label::before {
    content: '\E0DA';
}

.form_field.d-individual_subject.field-individual_skill ul>li.Token::before {
    content: '\E0DB';
}

.form_field.d-individual_subject.field-individual_behavor ul>li.Token::before {
    content: '\E0C0';
}
/*
.dark .form_field.d-individual_subject.t-comment ul>li.Token *,
.dark .form_field.d-individual_subject.t-form ul>li.Token *,
.dark .form_field.d-individual_subject.t-form ul>li.Token::before {
    color: rgba(0, 0, 0, 0.72);
}
*/
.table.individual_subject>.tbody>.tr.collapsable .doc_group_form>.doc_row_form ul>li.Token {
    /*
    background-color: color-mix(in srgb, var(--cs-bg-color) 16%, white);
    border-color: color-mix(in srgb, var(--cs-bg-color) 40%, white);
    */
    border-style: solid;
    border-width: 1px;
}

/*
.table.individual_subject>.tbody>.tr.collapsable .doc_group_form>.doc_row_form:nth-child(9n + 1)  ul > li.Token{--cs-icon-color: #64d2ff;--cs-bg-color: #64d2ff;}
.table.individual_subject>.tbody>.tr.collapsable .doc_group_form>.doc_row_form:nth-child(9n + 2)  ul > li.Token{--cs-icon-color: #32d74b;--cs-bg-color: #32d74b;}
.table.individual_subject>.tbody>.tr.collapsable .doc_group_form>.doc_row_form:nth-child(9n + 3)  ul > li.Token{--cs-icon-color: #0a84ff;--cs-bg-color: #0a84ff;}
.table.individual_subject>.tbody>.tr.collapsable .doc_group_form>.doc_row_form:nth-child(9n + 4)  ul > li.Token{--cs-icon-color: #ff9f0a;--cs-bg-color: #ff9f0a;}
.table.individual_subject>.tbody>.tr.collapsable .doc_group_form>.doc_row_form:nth-child(9n + 5)  ul > li.Token{--cs-icon-color: #5e5ce6;--cs-bg-color: #5e5ce6;}
.table.individual_subject>.tbody>.tr.collapsable .doc_group_form>.doc_row_form:nth-child(9n + 6)  ul > li.Token{--cs-icon-color: #ff453a;--cs-bg-color: #ff453a;}
.table.individual_subject>.tbody>.tr.collapsable .doc_group_form>.doc_row_form:nth-child(9n + 7)  ul > li.Token{--cs-icon-color: #ff375f;--cs-bg-color: #ff375f;}
.table.individual_subject>.tbody>.tr.collapsable .doc_group_form>.doc_row_form:nth-child(9n + 8)  ul > li.Token{--cs-icon-color: #ffd60a;--cs-bg-color: #ffd60a;}
.table.individual_subject>.tbody>.tr.collapsable .doc_group_form>.doc_row_form:nth-child(9n + 9)  ul > li.Token{--cs-icon-color: #bf5af2;--cs-bg-color: #bf5af2;}
*/
/*
.table.individual_subject>.tbody>.tr.collapsable .doc_group_form>.doc_row_form:nth-child(9n + 1) ul>li.Token {
    --cs-icon-color: #BF8000;
    --cs-bg-color: #BF8000;
}

.table.individual_subject>.tbody>.tr.collapsable .doc_group_form>.doc_row_form:nth-child(9n + 2) ul>li.Token {
    --cs-icon-color: #5442C7;
    --cs-bg-color: #5442C7;
}

.table.individual_subject>.tbody>.tr.collapsable .doc_group_form>.doc_row_form:nth-child(9n + 3) ul>li.Token {
    --cs-icon-color: #008768;
    --cs-bg-color: #008768;
}

.table.individual_subject>.tbody>.tr.collapsable .doc_group_form>.doc_row_form:nth-child(9n + 4) ul>li.Token {
    --cs-icon-color: #C93466;
    --cs-bg-color: #C93466;
}

.table.individual_subject>.tbody>.tr.collapsable .doc_group_form>.doc_row_form:nth-child(9n + 5) ul>li.Token {
    --cs-icon-color: #5D8500;
    --cs-bg-color: #5D8500;
}

.table.individual_subject>.tbody>.tr.collapsable .doc_group_form>.doc_row_form:nth-child(9n + 6) ul>li.Token {
    --cs-icon-color: #008768;
    --cs-bg-color: #008768;
}

.table.individual_subject>.tbody>.tr.collapsable .doc_group_form>.doc_row_form:nth-child(9n + 7) ul>li.Token {
    --cs-icon-color: #BF8000;
    --cs-bg-color: #BF8000;
}

.table.individual_subject>.tbody>.tr.collapsable .doc_group_form>.doc_row_form:nth-child(9n + 8) ul>li.Token {
    --cs-icon-color: #C93466;
    --cs-bg-color: #C93466;
}

.table.individual_subject>.tbody>.tr.collapsable .doc_group_form>.doc_row_form:nth-child(9n + 9) ul>li.Token {
    --cs-icon-color: #BF8000;
    --cs-bg-color: #BF8000;
}
*/
.doc_envelope.rainbow .doc_section>.doc_page:nth-child(9n + 1) {
    background-color: #ffecce;
}

.doc_envelope.rainbow .doc_section>.doc_page:nth-child(9n + 2) {
    background-color: #d6f7db;
}

.doc_envelope.rainbow .doc_section>.doc_page:nth-child(9n + 3) {
    background-color: #e0f6ff;
}

.doc_envelope.rainbow .doc_section>.doc_page:nth-child(9n + 4) {
    background-color: #cee7ff;
}

.doc_envelope.rainbow .doc_section>.doc_page:nth-child(9n + 5) {
    background-color: #dfdffa;
}

.doc_envelope.rainbow .doc_section>.doc_page:nth-child(9n + 6) {
    background-color: #f3defd;
}

.doc_envelope.rainbow .doc_section>.doc_page:nth-child(9n + 7) {
    background-color: #ffd7df;
}

.doc_envelope.rainbow .doc_section>.doc_page:nth-child(9n + 8) {
    background-color: #ffdad8;
}

.doc_envelope.rainbow .doc_section>.doc_page:nth-child(9n + 9) {
    background-color: #fff7ce;
}

.doc_envelope.rainbow .doc_section>.doc_page div.doc_body div.doc_row_form {
    background-color: transparent;
}

.input_envelope.input_text.currency .input-display-wrapper>p {
    text-align: right;
    padding-right: 4px;
}

.grid>.tfoot .td p,
.grid>.tfoot .td>span {
    color: rgba(0, 0, 0, .4);
}

.grid_th_wrapperv.th-datetime {
    min-height: 8rem;
}

.table.gradebook.chapter_student .layout-vertical>.label>span:nth-child(3) {
    opacity: 0.5;
}

/*
.form_field.not-rate.f-grade{
    opacity: 0.5;
}
*/
/*
.table.gradebook.group_student div.input_envelope.input_text.th-term > div:first-child,
.table.gradebook.group_student div.input_envelope.input_text.th-vertical > div:first-child,
.table.gradebook.chapter_student div.input_envelope.input_text.th-vertical > div:first-child{
    display: none;
}
*/
.grid-col-label>span {
    display: flex;
    flex-direction: column;
    padding: .5rem;
}

.grid-col-label>span>span {
    opacity: 0.5;
    color: rgba(0, 0, 0, 0.8);
}

.grid-col-label>span>span:first-child {
    opacity: 1;
}

.grid-col-label {
    border-top: .1rem solid rgba(0, 0, 0, 0.16);
    border-bottom: .1rem solid rgba(0, 0, 0, 0.16);
}

.layer.popup-layer.layer-grid_popup_col_options [data-anchor-id^="col_options_btn"] .popup-label {
    display: none;
}
/*
.layer.popup-layer.layer-grid_popup_col_options {
    height: 100%;
}
*/
/*
.menu-col.filtering:not(.focus):not(:hover) {
    background-color: #c5c5fc;
}

button.menu-col.filtering:not(.focus):not(:hover)::after,
button.menu-col.filtering:not(.focus):not(:hover)>span>span {
    color: #3434ac;
}
*/
.form-bulk {
    height: 100%;
    display: flex;
    flex-direction: column;    
}

.form-bulk>.body {    
    flex-grow:1;
    overflow-y: auto;
    border-top-width: 1px;
    border-top-style: solid;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
    background-image: var(--cs-background-image);
}

.form-bulk>div.message {
    min-height: 4.5rem;
}

.message.bulk::before {
    content: '\E0EF';
}

div.form-bulk>div.card-form {
    max-height: 12rem;
    overflow-y: auto;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    background-color: rgba(0, 0, 0, 0.04);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05) inset;
    padding:1rem;
}

div.form-bulk>.card-form>.block_wrapper>.doc_grid_form>div>.doc_group_form>.doc_row_form {
    border-top: 0.1rem solid rgba(0, 0, 0, 0.24);
    border-radius: 0;
    padding: .5rem 1rem;
}

.form_field.bulk-field .input_envelope{
    margin:0 1rem;
}

.block_wrapper.t-checkbox .btn.expand{
    order: -1;
    margin-right: .5rem;
    border-radius: 0;    
}

.form_field.doc.bulk-field:not(.wd-100){
    border-right-width: 0;
}

.form_field.bulk-field.bulkable{
    padding: .8rem 0;
}

.form_field.bulk-field.doc>label {
    text-align: left;
    cursor: pointer;
    display: none;
    justify-content: flex-start;
    align-items: center;
    font-size: .9rem;
    line-height: 1;
    width: 100%;
}

.form_field.bulk-field.doc>.input_envelope {    
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.form_field.bulk-field:not(.f-separator)>label span {
    padding: 0 .2rem;
}

.form_field.bulk-field.f-tokenize .token-caption-wrapper {
    display: flex;
}

.form_field.bulk-field:not(.bulkable) {
    align-items: center;
    justify-content: center;
}

.form_field.bulk-field>label::before {
    content: '\E0DD';    
    align-self: flex-start;
    margin-left: .6rem;
}

.form_field.bulk-field.bulkable>label::before {
    content: '\E0EB';
    opacity: 1;
    color: #1c5a9a;
}

div.form-bulk .form_field.th-wd-4 .input_envelope {
    width: 4rem;
}

div.form-bulk .form_field.th-wd-5 .input_envelope {
    width: 5rem;
}

div.form-bulk .form_field:not(.bulkable) .input_envelope {
    display: none;
}

div.form-bulk .form_field .input_envelope {
    border: .1rem solid rgba(0, 0, 0, 0.24);
    margin-top: .5rem;
}

div.form-bulk .form_field>.input_envelope.tokenize-popup-backdrop{
    margin: 0;
}

.input-bulk-wrapper {
    display: flex;
}

.form_field.bulk-field.bulk-reset .input-bulk-wrapper>button.bulk-reset>span,
.form_field.bulk-field.bulk-reset .input-bulk-wrapper>button.bulk-reset::before {
    color: white;
}

.form_field.bulk-field.bulk-reset .input-bulk-wrapper>button.bulk-reset {
    background-color: #e3492f;
    padding: 0 .75rem 0 .5rem;
    border-radius: 1rem;
}

div.form-bulk .form_field.bulk-reset .input_envelope {
    border-radius: 1rem;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05) inset;
}

.form_field.bulk-field.bulk-reset .input-tokenize.Tokenize {
    display: none;
}

div.form-bulk .form_field .input_envelope,
div.form-bulk .form_field .input_envelope .grade-wrapper {
    border-radius: .25rem;
    overflow: hidden;
}
/*
div.form-bulk .block_wrapper>.doc_grid_form{
    padding:0 1rem;
}
*/
/*
div.form-bulk .block_wrapper>.doc_grid_form,
div.form-bulk .doc_grid_form .form_field.doc {
    border: none;
}

div.form-bulk .doc_grid_form .form_field.f-tokenize {
    width: 100%;
}
    */

div.form-bulk .doc_grid_form .form_field.doc.focus {
    background-color: transparent;
    box-shadow: none;
}

div.form-bulk .form_field.bulk-field.f-tokenize li.Token>span:first-child::before {
    font-size: 1rem;
    padding: 0 .3rem;
    border-width: 0 1px 0 1px;
    border-style: none solid none solid;
    margin-right: .2rem;
}

div.form-bulk .form_field.bulk-field.f-tokenize li.Token > span:first-child{
    display: flex;
}

div.form-bulk .form_field.bulk-field.f-tokenize li.Token::after {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1rem;
    margin-right: .2rem;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
}

div.form-bulk .form_field.bulk-field.f-tokenize li.Token.action_id-1::after {
    background-color: #d6f7db;
    color: #0f9d58;
    content: '\E108';
}

div.form-bulk .form_field.bulk-field.f-tokenize li.Token.action_id-2::after {
    background-color: #fee1e4;
    color: #9c4e65;
    content: '\E02A';
}

div.form-bulk .form_field.bulk-field.f-tokenize li.Token.action_id-3::after {
    background-color: #ffebc3;
    color: #886c08;
    content: '\E04B';
}

div.form-bulk .form_field.bulk-field.f-tokenize li.Token.action_id-4 {
    background-color: #cee6ff;
    border-color: #9dceff;
}

.form_field.bulkonly.field-action_id[id^="bulk_form"] {
    display: flex;
}

.form_field.bulkonly.field-action_id {
    display: none;
}

.tr>.grow {
    min-width: unset;
}

body.graderequest-sectionstudent .grid_wrapper.doc.section_student_log button.append {
    opacity: 1;
}

body.attendance-daily-group .td.form_field.field-session.d-group_session li.Token:not(:hover) {    
    --cs-bg-color: #249843;
}

body.attendance-daily-group .td.form_field.field-session.d-group_session li.Token.attendance_count-0:not(:hover) {    
    --cs-bg-color: #df585b;    
}

body.attendance-daily-group li.Token.attendance_count-0::before {
    content: '\E084';
}

body.attendance-daily-group .td.form_field.f-tokenize.singl-line > .input_envelope .f-text > span, .td.form_field.f-tokenize.singl-line > .input_envelope.input_tokenize .emphasis{
    min-width: 2rem;
    padding:0;
    border-radius: 1rem;    
}

body.attendance-daily-group .td.form_field.f-tokenize.singl-line > .input_envelope .f-text > span, .td.form_field.f-tokenize.singl-line > .input_envelope.input_tokenize .emphasis.field-attendance_absent > span
{
    min-width: 2rem;
    min-height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    max-width: 2rem;
}

body.attendance-daily-group .td.form_field.f-tokenize.singl-line > .input_envelope .f-text > span, .td.form_field.f-tokenize.singl-line > .input_envelope.input_tokenize .field-course_id > span{
    line-height: 2rem;
}

body.attendance-daily-group .form_field.d-group_session.session li.Token .token-form>span {
    line-height: 1.9;
    flex-wrap: nowrap;
}

body.attendance-daily-group li.Token.attendance_count-0 span.field-attendance_absent {
    display: none;
}

body.attendance-daily-group .token-form>span.field-attendance_absent {
    margin: 0;
    min-width: 1.2rem;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
}

.td.form_field.d-group_session.session .token-form {
    padding: 0;
    margin: 0;
    height: 100%;
}

.td.form_field.field-group_session_student.d-group_session .TokensContainer>.Token.person:not(:hover) {
    background-color: #fae574;
    border-color: #f2c616 !important;
}

.td.form_field.field-group_session_student.d-group_session .TokensContainer>.Token.at117-value-1:not(:hover) {
    background-color: #92f5a9;
    border-color: #3bbf55 !important;
}

.td.form_field.field-group_session_student.d-group_session .TokensContainer>.Token.at117-value-2:not(:hover) {
    background-color: #f8d3d3;
    border-color: #df585b !important;
}

button.expand.inline-row {
    order: 99;
}

.form_field.f-index button.row-label>span::before {
    display: none;
}

.table.lpage>.tbody>.tr {
    margin: 1rem 0;
    padding: 0;
}

/*
.table.lpage .doc_group_form>.doc_row_form{
    border-left: .1rem solid rgba(0,0,0,0.24);
    border-top: .1rem solid rgba(0,0,0,0.24);
}
*/
.table.report>.tbody>.tr .doc_group_form>div:first-child {
    margin-top: 1.5rem;
    border: none;
}

.table.lpage .doc_group_form>.doc_row_form.spaced {
    border: none;
    padding: 1rem 0;
}

.ieh.empty {
    display: none;
}

.form_field.doc.title {
    border: none;
    background-color: transparent;
}

.form_field.doc.title .input-display-wrapper>* {
    padding: 0;
}

.form_field.doc.title button>span {
    font-size: 1.5rem;
    flex-grow: 1;
}

.form_field.doc.title>label {
    margin: .5rem 0;
}

.form_field.doc.title>label>span:first-child>span:last-child {
    opacity: 0.5;
}

.form_field.doc.spaced {
    border-left: .1rem solid rgba(0, 0, 0, 0.24);
    border-top: .1rem solid rgba(0, 0, 0, 0.24);
    border-radius: 0.5rem;
    overflow: hidden;
    margin-right: .5%;
    margin-left: .5%;
}

.doc_row_form.spaced>div.spaced:first-child:not(.wd-100) {
    margin-left: 0;
    margin-right: 1%;
}

.doc_row_form.spaced>div.spaced:last-child:not(.wd-100) {
    margin-left: 1%;
    margin-right: 0;
}

.form_field.doc.spaced>label {
    padding: 0.5rem .2rem;
}

.table.lpage .doc_group_form>.doc_row_form.spaced>div.field-filler {
    background-image: none;
    border: none;
}

.caption-row {
    display: flex;
    align-items: center;
}

.caption-row>.field-tinyname {
    border-width: .1em;
    border-style: solid;
    border-radius: .3rem;
    display: inline-flex;
    height: 2.25rem;
    width: 2.25rem;
    min-width: 2.25rem;
    min-height: 2.25rem;
    align-items: center;
    justify-content: center;
    margin-right: .5rem;
    font-size: 1rem;
}

.table.report>.tbody>.tr:nth-child(5n + 1) .caption-row>.field-tinyname {
    background-color: #fecfd8;
    border-color: #fe6784;
    color: #fe6784;
}

.table.report>.tbody>.tr:nth-child(5n + 2) .caption-row>.field-tinyname {
    background-color: #d1fbf0;
    border-color: #2eaa8b;
    color: #2eaa8b;
}


.table.report>.tbody>.tr:nth-child(5n + 3) .caption-row>.field-tinyname {
    background-color: #ffe099;
    border-color: #ffab00;
    color: #ffab00;
}

.table.report>.tbody>.tr:nth-child(5n + 4) .caption-row>.field-tinyname {
    background-color: #c5c5fc;
    border-color: #6464dc;
    color: #6464dc;
}

.table.report>.tbody>.tr:nth-child(5n + 5) .caption-row>.field-tinyname {
    background-color: #b4def6;
    border-color: #337aae;
    color: #337aae;
}

.app.main_wrapper.gradebook-objective.mode-2 .main-display-top.not-tab {
    display: none;
}

.td.form_field.f-group.field-group.twin .input-display-wrapper>.icon-text {
    flex-wrap: nowrap;
}

.td.form_field.f-group.field-group.twin .input-display-wrapper>.icon-text>span {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: .5rem;
    justify-content: center;
}

.td.form_field.f-group.field-group.twin .input-display-wrapper>.icon-text>span>span {
    line-height: 1.2;
}

.td.form_field.f-group.field-group.twin .input-display-wrapper>.icon-text>span>span:last-child {
    opacity: 0.5;
}

.td.form_field.f-group.field-group.twin .input-display-wrapper>.icon-text>span>span:first-child {
    opacity: 1;
}

/*
.td.form_field.f-tokenize.field-subject_id .input-label{
    flex-wrap: nowrap;
}

.td.form_field.f-tokenize.field-subject_id .input-label>span:last-child{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    display: inline-block;
}*/


.shop-order-list {
    width: 100%;
}

.shop-order-list>div {
    padding: 1rem;
    /*border-bottom: 1px solid rgba(0,0,0,0.24);*/
    width: 100%;
}

.shop-order-list ul {
    padding: 0;
}

.shop-order-list li>span {
    font-size: .9em;
}

.shop-order-list li>span:first-child {
    color: rgba(0, 0, 0, 0.5);
    margin-right: .5rem;
}

.shop-order-total {
    font-size: 2rem;
    padding: 1rem;
}

.shop-order-total>span:first-child {
    margin-right: 1rem;
}
/*
.table.calendar {
    border-left: 1px solid rgba(0, 0, 0, 0.24);
    border-top: 1px solid rgba(0, 0, 0, 0.24);
}
*/
.table.calendar>.tbody>.tr>.td,
.table.calendar>.thead>.tr>.th {
    width: 12rem;
    min-width: 12rem;
    border-right: 1px solid rgba(0, 0, 0, 0.24);
    border-bottom: 1px solid rgba(0, 0, 0, 0.24);
    vertical-align: top;
    padding: .2rem;
    background-color: white;
    font-size: small;
}

.table.calendar>.tbody>.tr>.td {
    display: flex;
    flex-direction: column;
    min-height: 12rem;
}

.table.calendar>.thead>.tr>.th {
    height: 3rem;
}

.table.calendar>.tbody>.tr>.td.col-f-filler,
.table.calendar>.thead>.tr>.th.col-f-filler {
    width: unset;
    min-width: unset;
}

.table.calendar>.tbody>.tr>.td>div:first-child {
    text-align: center;
}

.table.calendar>.tbody>.tr>.td>div:last-child {
    height: 100%;
    overflow: hidden scroll;
}

.table.calendar>.tbody>.tr>.td .activity {
    padding: .5rem;
    border-radius: .3rem;
    margin: .2rem 0;
    justify-content: flex-start;
    display: flex;
    width: 100%;
}

.table.calendar>.tbody>.tr>.td .activity::before {
    display: none;
}

.table.calendar>.tbody>.tr>.td .activity>span>span:first-child {
    font-weight: bold;
    margin-right: .5rem;
}

.table.calendar>.tbody>.tr>.td .activity>span>span:first-child::before {
    content: '\E058';
    margin-right: .2rem;
}

.table.calendar>.tbody>.tr>.td .activity>span {
    display: flex;
    flex-direction: column;
}

.table.calendar>.tbody>.tr>.td .activity>span>span {
    display: flex;
    justify-content: flex-start;
    text-align: left;
}

.table.calendar>.tbody>.tr>.td .activity>span>span {
    font-size: small;
}

.table.calendar>.tbody>.tr>.td.week-day0,
.table.calendar>.tbody>.tr>.td.week-day1 {
    display: none;
}


body.calendar-evaluation-group .controller_menu_tab_left_buttons,
body.calendar-evaluation-student .controller_menu_tab_left_buttons {
    flex-grow: 0 !important;
}

/*
body.calendar-evaluation-group .playback select,
body.calendar-evaluation-student .playback select {
    font-size:1.2rem;
}
*/

body.calendar-evaluation-group .playback-ctrl,
body.calendar-evaluation-student .playback-ctrl {
    flex-grow: 1;
}

.grid.rainbow-index>.table>.tbody>.tr:nth-child(9n + 1)>.f-index {
    background-color: #ffecce;
}

.grid.rainbow-index>.table>.tbody>.tr:nth-child(9n + 2)>.f-index {
    background-color: #d6f7db;
}

.grid.rainbow-index>.table>.tbody>.tr:nth-child(9n + 3)>.f-index {
    background-color: #e0f6ff;
}

.grid.rainbow-index>.table>.tbody>.tr:nth-child(9n + 4)>.f-index {
    background-color: #cee7ff;
}

.grid.rainbow-index>.table>.tbody>.tr:nth-child(9n + 5)>.f-index {
    background-color: #dfdffa;
}

.grid.rainbow-index>.table>.tbody>.tr:nth-child(9n + 6)>.f-index {
    background-color: #f3defd;
}

.grid.rainbow-index>.table>.tbody>.tr:nth-child(9n + 7)>.f-index {
    background-color: #ffd7df;
}

.grid.rainbow-index>.table>.tbody>.tr:nth-child(9n + 8)>.f-index {
    background-color: #ffdad8;
}

.grid.rainbow-index>.table>.tbody>.tr:nth-child(9n + 9)>.f-index {
    background-color: #fff7ce;
}

/*
.td.form_field.has-color p{
    padding-left:.3rem;
}

.td.form_field:not(.has-color) + .td.form_field.has-color:not(.bullet) + .form_field.has-color.f-tokenize:not(.block) div.Tokenize.OnlyOne ul.TokensContainer li.Token{
  width: unset;
  height: unset;
  border-width: 1px;
  border-style: solid;
  border-radius: .3rem;
  margin-left:.2rem;
}

.td.form_field:not(.has-color) + .td.form_field.has-color:not(.bullet) + .form_field.has-color:not(.f-tokenize):not(.bullet) .input_wrapper{
  margin: .2rem;
  height: unset;
  min-height: unset;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  padding: 0 .2rem;
  align-items: center;
}

.td.form_field:not(.has-color) + .td.form_field.has-color:not(.bullet) + .form_field.has-color:not(.f-tokenize):not(.bullet)  .input_envelope > div {
  align-items: center;
}

.td.form_field:not(.has-color) + .td.form_field.has-color:not(.bullet) + .form_field.has-color:not(.f-tokenize):not(.bullet) + .form_field.has-color:not(.f-tokenize) .input_wrapper .input-display-wrapper>*:not(.icon-text)::before{
    content: '\E115';
    font-size:.6rem;
    margin-right:.2rem;
}

.td.form_field:not(.has-color) + .td.form_field.has-color:not(.bullet) + .form_field.has-color:not(.f-tokenize):not(.bullet) + .form_field.has-color:not(.f-tokenize) .input_wrapper{
    border-width: 0;
    border-style: none;
    background-color: transparent;
}
*/
/*
.form_field.has-color.f-select p:not(:hover):not(.focus),
.form_field.has-color.f-group:not(:hover):not(.focus) button,
.form_field.has-color.f-display button:not(:hover):not(.focus),
.form_field.has-color.f-tokenize li{
    background-color: var(--cs-bg-color);
    color: var(--cs-text-color);
}
.form_field.has-color.f-tokenize li span{
    color: var(--cs-text-color);
}
*/
.form_field.colored.f-tokenize:not(:hover):not(.focus) li.Token span,
.form_field.has-color.f-group:not(:hover):not(.focus) button span,
.form_field.has-color.f-display:not(:hover):not(.focus) button span,
.form_field.has-color.f-select:not(:hover):not(.focus) button span,
.form_field.has-color.f-tokenize:not(:hover):not(.focus) li.Token span {
    color: color-mix(in oklab, var(--cs-bg-color) 40%, #101010);
}

.form_field.has-color.f-tokenize.t-person li.Token,
.form_field.doc.has-color.f-select p:not(:hover):not(.focus),
.form_field.doc.has-color.f-group:not(:hover):not(.focus) button,
.form_field.doc.has-color.f-display button:not(:hover):not(.focus),
.form_field.doc.has-color.f-tokenize li.Token {
    background-color: color-mix(in oklab, var(--cs-bg-color) 20%, white);
    color: color-mix(in oklab, var(--cs-bg-color) 40%, black);
}

.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color.f-text .input-display-wrapper:not(:hover):not(.focus),
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color.f-select p:not(:hover):not(.focus),
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color.f-group:not(:hover):not(.focus) button:not(.toggle),
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color.f-display button:not(:hover):not(.focus),
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color.f-tokenize li.Token:not(:hover) {
    background-color: color-mix(in oklab, var(--cs-bg-color) 20%, white);
    color: color-mix(in oklab, var(--cs-bg-color) 40%, black);
}

.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color:not(.focus) .input_envelope>div:not(.tokenize-popup) {
    height: unset;
    flex-grow: 1;
    padding: 0 .3rem;
}

.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color.align-center .input_envelope {
    justify-content: center;
}

.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color .input_wrapper {
    min-height: unset;
}

.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color .input-tokenize>ul>li.Token {
    min-height: 1.5rem;
    padding: 0;
}

.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color .input-tokenize>ul>li.Token:not(.person) {
    border-radius: .4rem;
}

.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color .input-tokenize>ul>li.Token.comment {
    border-radius: 1rem;
}
/*
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color .input-tokenize>ul>li.Token::before {
    border-radius: .2rem 0 0 .2rem;
}
*/
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color .input-tokenize>ul>li.Token:not(:hover) img {
    border-width: .1rem;
    border-style: solid;
    border-color: color-mix(in oklab, var(--cs-bg-color) 30%, white);
}

.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color.f-group:not(.focus) .input_wrapper>.input-display-wrapper>*,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color:not(.f-group) .input_wrapper>.input-display-wrapper>* {
    /*min-height: 1.5rem;*/
    border-width: 1px;
    border-style: solid;
    border-color: var(--cs-border-color);
    border-radius: .7rem;
    padding: 0 .3rem;
    min-width: unset;
    width: unset;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color.f-text p,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color.f-select p,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color.f-group button,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color.f-display button,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color.f-tokenize:not(.t-person) li.Token{
    border-width: 1px;
    min-height: unset;
    width: unset;
}

.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color.f-text p:not(:hover):not(.focus),
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color.f-select p:not(:hover):not(.focus),
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color.f-group:not(.focus) button:not(:hover):not(.focus),
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color.f-display button:not(:hover):not(.focus),
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color.f-tokenize:not(.t-person) li.Token:not(:hover):not(.focus) {
    background-color: color-mix(in oklab, var(--cs-bg-color) 20%, white);
    color: color-mix(in oklab, var(--cs-bg-color) 40%, black);
}

.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-tokenize:not(.t-person):not(.block):not(.has-icon):not(.t-comment) li.Token {
    border-width: 0;
}

.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-text p,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-select p,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-group button,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-display button,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-tokenize:not(.t-person):not(.block):not(.has-icon):not(.t-comment) li.Token>span:first-child {
    height: fit-content;
    width: fit-content;
    background-color: transparent;
    line-height: 1;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: unset;
}


.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-text.align-center p {
    align-items: center;
    min-width: unset;
}

.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-text:not(:hover) p,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-select:not(:hover) p,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-group:not(:hover) button,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-display:not(:hover) button,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-tokenize:not(.t-person):not(.block):not(.has-icon):not(.t-comment) li.Token:not(:hover) {
    color: color-mix(in oklab, var(--cs-bg-color) 70%, black);
    background-color: transparent;
}

.form_field.has-color li.Token:not(:hover)::before {
    color: color-mix(in oklab, var(--cs-bg-color) 100%, white);
    filter: saturate(70%);
    background-color: color-mix(in oklab, var(--cs-bg-color) 20%, white);
}

.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-text p:hover,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-select p:hover,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-group button:hover,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-display button:hover,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-tokenize:not(.t-person):not(.block):not(.has-icon):not(.t-comment) li.Token:hover {
    background-color: color-mix(in oklab, var(--cs-bg-color) 90%, white);
}

.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color:not(.t-person){
    background-color: color-mix(in srgb, var(--cs-page-bg-color) 50%, white);
}

.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-text p::after,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-select p::after,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-group button::after,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-display button::after,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-tokenize:not(.t-person):not(.block):not(.has-icon):not(.t-comment) li.Token>span:first-child::after {
    border-width: 1px;
    border-style: solid;
    content: '';
    width: 100%;
    max-width: 2rem;
    min-width: 1rem;
}

.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-text:not(:hover):not(.onfocus) p::after,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-select:not(:hover):not(.onfocus) p::after,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-group:not(:hover):not(.onfocus) button::after,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-display:not(:hover):not(.onfocus) button::after,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-tokenize:not(.t-person):not(.block):not(.has-icon):not(.t-comment) li.Token:not(:hover):not(.onfocus)>span:first-child::after {
    border-color: color-mix(in oklab, var(--cs-bg-color) 90%, white);
}

.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.align-center.has-color.f-text p::after,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.align-center.has-color.f-select p::after,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.align-center.has-color.f-group button::after,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.align-center.has-color.f-display button::after,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.align-center.has-color.f-tokenize:not(.t-person):not(.block):not(.has-icon):not(.t-comment) li.Token>span:first-child::after {
    align-self: center;
}

/*
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color) + .form_field.has-color + .form_field.has-color + .form_field.has-color.f-tokenize:not(.t-person) .input-tokenize:not(.OnlyOne) li.Token:not(:hover):not(.focus){
    background-color: color-mix(in oklab, var(--cs-bg-color) 20%, white);
    border-radius: 1rem;
}
*/
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-text p:not(:hover):not(.focus),
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-select p:not(:hover):not(.focus),
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-group:not(:hover):not(.focus) button,
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-display button:not(:hover):not(.focus),
.table:not(.tiles)>.tbody>.tr>.form_field:not(.has-color)+.form_field.has-color+.form_field.has-color+.form_field.has-color+.form_field.has-color.f-tokenize:not(.t-person) li.Token:not(:hover):not(.focus) {
    background-color: color-mix(in oklab, var(--cs-bg-color) 20%, white);
}

.table.scheme-grid.fixed>*>.tr.highlight>.form_field.col-f-filler,
.table.scheme-grid.fixed>*>.tr.highlight>.form_field.col-f-opt {
    background-color: var(--cs-bg-color);
}

.dragging button.label-col {
    background-color: var(--cs-bg-color-dragging);
    --cs-text-color: var(--cs-text-color-dragging);
    --cs-icon-color: var(--cs-text-color-dragging);
}

.form_field.grid.f-tokenize span.tokenize-comment>span:last-child>span:first-child {
    flex-direction: column;
    padding: 0;
}

.form_field.grid:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li.Token:first-child .tokenize-options {
    display: none;
}

.form_field.grid:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li.Token>.token-caption-wrapper {
    padding-right: .2rem;
}

.list-item-action.icon-text.checkbox>span {
    width: 100%;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wrapper.col-help.header {
    max-width: 24rem;
    background-color: var(--cs-bg-color-help);
}

.menu-h {
    margin: .1rem .25rem;
    display: flex;
    padding: .3rem 0;
}

.menu-h>span {
    flex-grow: 1;
    display: flex;
    align-items: center;
}

.menu-h.sort>span::before {
    content: '\E12E';
}

/*
.menu-h.percent{
    display: none;
}
*/
.menu-h.percent>span::before {
    content: '\E12F';
}

.menu-h>span::before {
    margin-right: .5rem;
    color: color-mix(in oklab, var(--cs-bg-color) 40%, black);
    background-color: var(--cs-bg-color);
    font-size: .8rem;
}

.menu-h:hover>span::before {
    background-color: var(--cs-hover-bg-color);
    color: var(--cs-hover-text-color);
}

.menu-h>button {
    margin: .5rem .25rem;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;    
}

.menu-h>input {
    border-width: 1px;
    border-style: solid;
    max-width: 35%;
    border-radius: 5px;
    background-color: transparent;
    /* color-mix(in oklab, var(--cs-bg-color) 40%, white);*/
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}

.menu-h.percent{
    display:none;
}

.grid_wrapper_fieldset>div>.grid_wrapper>.doc_grid_form>.doc_group_form .form_field.doc.block .input-tokenize.OnlyOne > ul.TokensContainer > li.Token {
    margin: 0;
    border-width: 0;
    border-style: none;
    border-radius: 0;
}

.grid_caption>*{
    margin: .25rem;
}

.button-grid-settings::before {
    content: '\E10A';
}

.grid_popup_col_options>.popup-menu-bottom:empty{
    display: none;
}
/*/var/www/html/clickschoolinfo/public/themes/modern/css/document.css*/
/*
    Document   : grid
    Created on : 28-jun-2012, 10:33:09
    Author     : Centinela
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root {
    display: block;
}

h2{
    margin:0 0;
    padding:0 0;
    font-weight: normal;
}

h3{
    padding: 0 0;
    font-weight: normal;
    font-size: 1.4em;
}

.doc_document {
    padding-top: 8px;
}
/*
div.paper-letter.page-portrait{
    min-height: 11in;
}
*/
.paper-letter.page-portrait>div.form_document{
    flex-grow: 1;
}

.doc_score>thead th{
    border-right:1px solid #000;
    vertical-align: bottom;
}

.doc_score>tbody>tr>td{
    border-top:1px solid #000;
    border-right:1px solid #000;
}

.doc_score td p{
    padding-left: 2px;
}

.doc_score td a{
    text-decoration: none;
}

.doc_cell_wraper{
    /*width:48px;*/
    display: block;
    /*text-align: center;*/
    height: 24px;
}

.doc_cell_wraper div:first-child{
    width:100%;
    display: block;
    padding: 4px 0px 2px 0px;
    height:20px;
}

.doc_score td div div{
    width:100%;
    display: block;
    overflow:hidden;
}

.doc_score>tbody>tr>td:first-child{
    border-top:1px solid #666;
    border-right:1px solid #666;
    background-color: #DFE2E9;
    text-align: right;
}

.doc_score tbody tr td:nth-child(2){
    text-align: center;
}


.doc_score>thead>tr th{
    border-top:none;
    border-right:1px solid #666;
    text-align: center;
    background-color: #DFE2E9;
}

.doc_score>thead>tr th:first-child{
    background-color: #C6C6C8;
    border-right: 1px solid #A18792;
}

.doc_active_head_col{
    background-color: #f79017;
}

.doc_active_head_row{
    background-color: #f79017;
}

.doc_selected_head_row{
    background-color: #969698;
    color:#FFF;
}

.doc_comment_wraper textarea{
    width: 99%;
    border:none;
    background-color: transparent;
}

.doc_pag_hidden>td{
    border:none !important;
}

.doc_pag_hidden_wraper{
    background-image: linear-gradient(top, #C9C9C9 0%, #F5F5F5 6%);
    background-image: -o-linear-gradient(top, #C9C9C9 0%, #F5F5F5 6%);
    background-image: -moz-linear-gradient(top, #C9C9C9 0%, #F5F5F5 6%);
    background-image: -webkit-linear-gradient(top, #C9C9C9 0%, #F5F5F5 6%);
    background-image: -ms-linear-gradient(top, #C9C9C9 0%, #F5F5F5 6%);

    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, #C9C9C9),
            color-stop(0.06, #F5F5F5)

    );
    border-top:1px solid #999;
}

.doc_button_missing_comments{
    background-image: url("../images/comments.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    padding-left: 24px !important;
    border: none;
    cursor: pointer;
    background-color: transparent;
    min-height: 24px
}

.doc_button_comments{
    background-image: url("../images/comments_ok.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    padding-left: 24px !important;
    border: none;
    cursor:pointer;
    background-color: transparent;
    min-height: 24px
}

.doc_cell_selected{
    background: url("../images/b16.png?v=6abdc5c6c7845");
}

.doc_form_tbl{
    border-left:1px solid #666;
    border-top:1px solid #666;
}

.doc_form_tbl>tbody>tr td{
    border-right:1px solid #666;
    border-bottom:1px solid #666;
}

.doc_form_tbl>thead>tr th{
    border-right:1px solid #666;
    border-bottom:1px solid #666;
    text-align: center;
}

.doc_pag_disabled{
    background-image: url("../images/b8.png?v=6abdc5c6c7845");
}

.doc_pag_enabled{
    background-image: none;
}

.doc_pag_disabled .doc_button_expand{
    display:none;
}

.doc_pag_disabled .doc_button_enable{
    display:block;
}

.doc_pag_enabled .doc_button_enable{
    display:none;
}

.doc_pag_enabled .doc_button_expand{
    display:block;
}

.doc_button_expand{
    background-color: transparent;
    background-image: url("../images/icon_missing_desc.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    width:100%;
}

.doc_button_expand:hover{
    background-image: url("../images/icon_with_desc.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
}

.doc_button_enable {
    background-color: #75BA45;
    background-image: url("../images/icon_add.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    width: 18px;
    border-radius: 9px;
    height:18px;
    margin: 0 auto;
}

.doc_index {
    padding-right: 8px;
    padding-top:4px;
}

.doc_button_cols_expand{
    background-image: url("../images/icon_cols_expand.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    height:24px;
    display: inline-block;
    border:none;
    cursor:pointer;
}

.doc_button_cols_collapse{
    background-image:url("../images/icon_cols_collapse.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    height:24px;
    display: inline-block;
    border:none;
    cursor:pointer;
}

.doc_pag_disabled .doc_index_flag{
    text-decoration: underline;
    color:#666;
}

.doc_pag_record_missing td{
    background: url("../images/b8.png?v=6abdc5c6c7845");
    color:#AAA;
}

.doc_index_flag_notice{
    background-color:#E33A00;
    color:#FFF;
}

.grid_tbl1 a{
    color:#333;
}

.doc_sortable{
    height: 16px;
    display:block;
}

.doc_sortable_desc{
    height: 16px;
    display:block;
    background: url("../images/icon_sortable_desc.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
}

.doc_sortable_asc{
    height: 16px;
    display:block;
    background: url("../images/icon_sortable_asc.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
}

.doc_sortable_working{
    height: 16px;
    display:block;
    background: url("../images/preload.gif");
    background-position: center center;
    background-repeat: no-repeat;
}


.doc_pag_record_missing a {
    color: #AAAAAA;
}

/*
div.doc_img_header{
    background-color: white;
}
*/
/*
div.doc_footer {
    margin-top: 16px;
}
*/
div.doc_img_footer{
    background-color: white;
}

div.doc_img_footer>img{
    width: 100%;
    display: block;
    margin:0 auto;
}

div.doc_img_header>img{
    width: 100%;
    display: block;
    margin:0 auto;
    border-radius: 8px;
}

.page-portrait div.doc_img_header>img{
    max-width: 210mm;
}

.doc_iso_header {
    display: flex;
    width: 100%;
    border:1px solid rgba(0,0,0,0.24);
    border-radius: .3rem;
    flex-direction: column;
}

.doc_iso_header>div{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.doc_iso_header>div:first-child{
    border-bottom: 1px solid rgba(0,0,0,0.24);
}
.doc_iso_header>div:first-child>div:first-child{
    width: 70%;
    display: flex;
    justify-content: center;
}
.doc_iso_header>div:first-child>div:last-child{
    flex-grow: 1;
    border-left: 1px solid rgba(0,0,0,0.24);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
/*
.doc_iso_header>div:first-child>div:last-child>div{
    display: flex;
    justify-content: center;
}
.doc_iso_header>div:last-child>div:first-child{
    border-right: 1px solid rgba(0,0,0,0.24);
    padding-right: 1rem;
    margin-right: 1rem;
}
*/
.doc_iso_header img{
    max-width: 90%;
    max-height: 5rem;
}

.doc_picture{
    margin: 4px auto;
    border:1px solid rgba(0,0,0,0.6);
}

/*
BEGIN TOOLTIP
*/
.tooltip-container {
	position:relative;	/* Forces tooltip to be relative to the element, not the page */
        text-decoration: none;
        padding:2px 2px;
}

.tooltip {
	display:block;
	position:absolute;
	width:150px;
	padding:5px 15px;
	left:50%;
	bottom:25px;
	margin-left:-95px;
	/* Tooltip Style */
	color:#fff;
	border:2px solid rgba(34,34,34,0.9);
	background:rgba(51,51,51,1);
	text-align:left;
	border-radius:3px;
	/* Tooltip Style */
	opacity:0;
	box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3);
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	/* reset tooltip, to not use container styling */
	font-weight:normal;
	font-style:normal;
        text-decoration: none;
        z-index:9999;
}

.tooltip:before, .tooltip:after{
	content:'';
	position:absolute;
	bottom:-13px;
	left:50%;
	margin-left:-9px;
	width:0;
	height:0;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:10px solid rgba(0,0,0,0.1);
}
.tooltip:after{
	bottom:-12px;
	margin-left:-10px;
	border-top:10px solid rgba(34,34,34,1);
}

.tooltip-style1:after{
	border-top:10px solid #fff;
}

/*
.tooltip:before, .tooltip:after{
	content:'';
	position:absolute;
	top:-13px;
	left:50%;
	margin-left:-9px;
	width:0;
	height:0;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid rgba(0,0,0,0.1);
}

.tooltip:after{
	top:-12px;
	margin-left:-10px;
	border-bottom:10px solid rgba(34,34,34,1);
}
.tooltip-style1:after{
    border-bottom:10px solid #fff;
}
*/
.tooltip-container:hover .tooltip, a:hover .tooltip {
	/* Makes the Tooltip slightly transparent, Lets the barely see though it */
	opacity:0.9;
	/* Changes the scale from 0 to 1 - This is what animtes our tooltip! */
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}
.tooltip-style1 {
	color:#000;
	border:2px solid #fff;
	background:rgba(246,246,246,1);
	font-style:italic;
        text-decoration: none;
}
/*
END TOOLTIP
*/


/*
 * INTERNAL GRID
 */
.doc_body .grid_tbl1{
    border-left:1px solid rgba(0,0,0,0.6);
    border-bottom:1px solid rgba(0,0,0,0.6);
}

.doc_body .grid_tbl1>thead th{
    border-bottom:none;
    vertical-align: bottom;
    background-color: transparent;
    border-top:1px solid rgba(0,0,0,0.6);
    border-right:1px solid rgba(0,0,0,0.6);
}

.doc_body .grid_tbl1 > thead > tr th:first-child {
    background-color: transparent;
}

.doc_body .grid_tbl1>tfoot td{
    border-right:1px solid rgba(0,0,0,0.6);
    border-top:1px solid rgba(0,0,0,0.6);
    vertical-align: bottom;
    background-color:#C6C6C8;
}

.doc_body .grid_tbl1>tbody>tr>td{
    border-top:1px solid rgba(0,0,0,0.6);
    border-right:1px solid rgba(0,0,0,0.6);
}
/*
.doc_body .grid_tbl1 td p{
    font-size: small;
}
*/
.doc_body .grid_tbl1 td a{
    text-decoration: none;
}

.doc_body .grid_index{
    text-align: center;
    font-weight: bold;
}

.doc_body .grid_index a{
    padding-left: 8px;
}

.doc_body .grid_tbl1 > tbody > tr > td:first-child{
    background-color: transparent;
}

.doc_body textarea{
     resize:vertical;
}

.doc_footer_options{
    background: none repeat scroll 0% 0% rgb(249, 237, 190);
    border-top: 2px dashed rgb(214, 209, 160);
    padding: 16px;
    border-radius: 2px 2px 2px 2px;
}

.doc_indicator_seq{
    display:table-cell;
    padding-right:12px;
}

.cs_input_row .doc_indicator_seq{
    color:rgba(0,0,0,0.2);
}

.doc_button_find{
    background: url("../images/black/icon_find.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    background-color:rgba(0,0,0,0.12);
    padding:2px 2px 2px 24px;
    border-top: 1px solid rgba(0,0,0,0.2);
    border-right: 1px solid rgba(0,0,0,0.2);
    border-bottom: 1px solid rgba(0,0,0,0.2);
    border-left: 1px solid rgba(0,0,0,0.1);
    cursor: pointer;
    min-height: 24px;
}

.doc_button_find:hover{
    background: url("../images/white/icon_find.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: rgb(53, 122, 232);
    color:#FFF;
}

.doc_contact_title{
    background: url("../images/black/icon_contact.png?v=6abdc5c6c7845");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 22px;
    font-weight: normal;
}

.doc_schedule_title, .doc_calendar_title{
    background: url("../images/black/icon_calendar.png?v=6abdc5c6c7845");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 22px;
    font-weight: normal;
}

.doc_family_title{
    background: url("../images/black/icon_family.png?v=6abdc5c6c7845");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 22px;
    font-weight: normal;
}

.doc_transport_title{
    background: url("../images/black/icon_bus.png?v=6abdc5c6c7845");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 22px;
    font-weight: normal;
}

.grid_wrapper_place{
    display: none;
}

.transport .grid_wrapper_place{
    display: block;
}

.doc_passport_title{
    background: url("../images/black/icon_keys.png?v=6abdc5c6c7845");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 22px;
    font-weight: normal;
}

.doc_enrollment_title{
    background: url("../images/black/icon_enrollment.png?v=6abdc5c6c7845");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 22px;
    font-weight: normal;
}

.doc_personal_title{
    background: url("../images/black/personal.png?v=6abdc5c6c7845");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 22px;
    font-weight: normal;
}

.doc_scale_level_title, .doc_gradebook_title{
    background: url("../images/black/gradebook.png?v=6abdc5c6c7845");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 22px;
    font-weight: normal;
}

.doc_profile_image{
    vertical-align: top;
    min-width:160px;
    width:160px;
    max-height: 216px;
}

.doc_profile_image label{
    display:none;
}

.doc_profile_data{
    flex-grow:1;
    margin-left:4px;
}
/*
.doc_profile_img{
    background-color:rgba(0,0,0,0.1);
    width:100%;
    display:inline-block;
    vertical-align:top;
    overflow:hidden;
}
*/
div.doc_profile_wrapper>div.doc_profile_image{
    vertical-align: top;
    min-width:144px;
    width:144px;
    max-height: 216px;
    margin-right: 8px;
}

div.form_field.doc.f-picture div.doc_picture_frame{
    vertical-align: top;
    max-width: 10.6rem;
    /*border:1px solid rgba(0,0,0,0.24);*/
}

div.form_field.doc.f-picture.t-person{
    /*background-color:rgba(0,0,0,0.1);*/
    /*display:inline-flex; */
    overflow:hidden;
    min-width: auto;
    justify-content: center;
    align-items: center;    
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
    background-color:color-mix(in oklab, var(--cs-own-bg-color) 30%, rgba(255,255,255,0));
}

.doc-block-picture div.form_field.doc.f-picture.t-person{
    max-height: 16rem;
}

.form_field.f-picture.t-face img{
    height: 2rem;
    width: 2rem;
    border-radius:50%;
}

.group.fullname>span:first-child{
    opacity:1;
}

.group.fullname>span{
    opacity: 0.64;
}

div.form_field.doc.f-picture.t-person div.input_picture_wrapper{
    background-image: url(../images/cell_filler_texture.png?v=6abdc5c6c7845);
    display: block;
}

div.form_field.doc.f-picture.t-person div.input_picture_wrapper>div{
    max-height:14rem;
    overflow: hidden;    
    border-radius: .5rem;
}

.doc_profile_img>div:first-child{
    overflow:hidden;
    height: 100%;
}

.doc_profile_img>div:first-child img{
    cursor:pointer;
    width: 100%;
    border-radius: 5px;
}
/*
.doc_profile_img>div:last-child{
    text-align: left;
    height: 36px;
    position: relative;
    top: 0px;
    opacity: 0;
    transition-property: top, opacity;
    transition-duration: 1s, 2s;
    display: flex;
    padding-bottom: 4px;
}

div.picture-control-box span,
div.picture-control-box button{
    flex-grow:1;
    border:none;
    overflow:hidden;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-align: center;
}

div.picture-control-box button
{
    padding: 0;
    border-radius: 16px;
    min-width: 32px;
    max-width: 32px;
    height: 32px;
    cursor:pointer;
    margin-right: 8px;
    margin-left: 8px;
}

span.picture-edit-box>button:first-child
{
    margin-right: 24px;
}

span.picture-edit-box>button:last-child
{
    margin-left: 24px;
}
*/
.doc_user_picture img{
    cursor:pointer;
}

.doc_button_browse_readonly{
    background-color: transparent;
    border: 1px solid rgba(0,0,0,0.2);
    padding-right:24px;
    cursor: pointer;
    height: 24px;
    text-align: inherit;
}

.doc_button_browse_readonly:hover{
    cursor:text;
    background-color: transparent !important;
    color:#000 !important;
}

.doc_button_browse{
    background: url("../images/black/icon_browse.png?v=6abdc5c6c7845");
    background-position: right center;
    background-repeat: no-repeat;
    background-color: transparent;
    border: 1px solid rgba(0,0,0,0.2);
    padding-right:24px;
    cursor: pointer;
    height: 24px;
    text-align: inherit;
}

.doc_button_browse:hover{
    background: url("../images/black/icon_browse.png?v=6abdc5c6c7845");
    background-position: right center;
    background-repeat: no-repeat;
    background-color: rgba(0,0,0,0.05) !important;
    color: #000 !important;
}

.doc_button_calendar_group{
    background: url("../images/black/icon_calendar.png?v=6abdc5c6c7845");
    background-position: 4px center;
    background-repeat: no-repeat;
    background-color:rgba(0,0,0,0.12);
    padding:2px 2px 2px 24px;
    border: 1px solid rgba(0,0,0,0.2);
    cursor: pointer;
}

.doc_button_calendar_group:hover{
    background: url("../images/white/icon_calendar.png?v=6abdc5c6c7845");
    background-position: 4px center;
    background-repeat: no-repeat;
    background-color: rgb(53, 122, 232);
    color:#FFF;
}

.doc_button_attachment{
    background: url("../images/black/icon_attachment.png?v=6abdc5c6c7845");
    background-position: 4px center;
    background-repeat: no-repeat;
    background-color:rgba(0,0,0,0.12);
    padding:2px 2px 2px 24px;
    border: 1px solid rgba(0,0,0,0.2);
    cursor: pointer;
}

.doc_button_attachment:hover{
    background: url("../images/white/icon_attachment.png?v=6abdc5c6c7845");
    background-position: 4px center;
    background-repeat: no-repeat;
    background-color: rgb(53, 122, 232);
    color:#FFF;
}

.doc_deleted{
    padding-left:32px;
    padding-top:4px;
    padding-bottom: 8px;
    background-image: url(../images/black/intrash.png?v=6abdc5c6c7845);
    background-position:4px center;
    background-repeat:no-repeat;
}

.form_notices .doc_locked{
    padding-right: 20px;
    background-image: url("../images/black/locked.png?v=6abdc5c6c7845");
    background-position: right center;
    background-repeat: no-repeat;
    text-align: right;
    color: #C85305;
    line-height: 24px;
}
/*
.doc_notices>div{
    background-color: #ffeb9c;
    color: #9c6500;
}

.doc_notices>div:last-child{
    border-bottom: 1px dashed #ffd558;
}
*/
.doc_body .grid_options_bottom_selected button{
    border-radius:16px;
}

.doc_grid_form{
    border-top:1px solid rgba(0,0,0,0.24);
    display:block;
    border-radius: 6px;
    flex-grow:1;
    overflow: hidden;
}

.block-head.has-title + .doc_grid_form{
    border-radius: 0 0 6px 6px;
}

.block-title{
    display: flex;
}

.input_form .body>.grid_wrapper>.doc_grid_form,
.block_wrapper>.doc_grid_form{
    border-left:1px solid rgba(0,0,0,0.24);
}

div.doc_group_form_hidden{
    display: none;
}
/*
div.doc_group_form>div:first-child{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

div.doc_group_form>div:first-child>div:first-child{
    border-top-left-radius: 4px;
}
*/
div.doc_grid_form>div.doc_group_form>div:first-child>div:first-child{
    border-top-left-radius: 0;
}
/*
div.doc_group_form>div:first-child>div:last-child{
    border-top-right-radius: 4px;
}
*/
div.doc_group_form>div:not(.spaced):last-child{
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

div.doc_group_form>div:last-child>div:not(.spaced):last-child{
    border-bottom-right-radius: 6px;
}

div.doc_group_form>div:last-child>div:not(.spaced):first-child{
    border-bottom-left-radius: 6px;
}

.grid_cell_sub div.doc_grid_form,
.grid_cell_sub div.doc_group_form>div:first-child,
.grid_cell_sub div.doc_group_form>div:first-child>div:last-child:not(.spaced),
.grid_cell_sub div.doc_group_form>div:last-child,
.grid_cell_sub div.doc_group_form>div:last-child>div:not(.spaced):last-child,
.grid_cell_sub div.doc_group_form>div:last-child>div:not(.spaced):first-child{
    border-radius: 0;
}

.grid_sub_wrapper .doc_grid_form{
    /*border-left:1px solid rgba(0,0,0,0.24);*/
    border-top: none;
}

.form_field.doc{
    border-right-width:1px;
    border-right-style:solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.form_field.f-tokenize.t-form.lt:not(.empty){
    border: none;
}
/*
.form_field.f-tokenize.t-form.lt:not(.empty)>label{
    border-right:1px solid rgba(0,0,0,0.24);
}
*/
/*
.doc_grid_form label{
    display: inline-block;
}
*/
div.grid_sub_wrapper.grid_wrapper_fieldset div.doc_row_form,
.doc_row_form{
    display: flex;
}
/*
div.grid_wrapper_fieldset>div>div>div.doc_grid_form>div.doc_row_form > div:first-child,
div.doc_grid_form>div.doc_group_form >div.doc_row_form > div:first-child{
    border-left: none;
}
*/

.doc_row_form > div:first-child,
.doc_row_form > div:first-child{
    border-left: none;
}
/*
div.doc_body div.grid_wrapper_empty,
div.doc_body div.doc_row_form,
div.doc_body div.grid_wrapper>table{
    background-color: white;
}
*/
.watermark div.grid_wrapper,
.watermark table,
.watermark div.doc_body div.grid_wrapper_empty,
.watermark div.doc_body div.doc_row_form,
.watermark div.doc_body div.grid_wrapper>table{
    background-color: transparent !important;
}

.doc_row_form>*{
    vertical-align: top;
}

.cs_fragment_row_form{
    border-top:1px solid rgba(0,0,0,0.2);
    border-left:1px solid rgba(0,0,0,0.2);
}

.cs_fragment_row_form input{
    border:none;
    width:100%;
    background-color: transparent;
}

.cs_fragment_row_form textarea{
    border:none;
    width:100%;
    background-color: transparent;
}

.cs_fragment_row_form label{
    display:block;
    margin-bottom:4px;
    margin-left:2px;
}

.cs_fragment_grid_form{
    border-bottom:1px solid rgba(0,0,0,0.12);
    border-right:1px solid rgba(0,0,0,0.12);
    background-color: rgba(255,255,255,0.4);
}
/*
.form_field.doc>div>div>div{
    display:inline-block;
    vertical-align: top;
}

.doc_grid_form .form_field.doc .cs_input_button_options_on{
    border-top:1px solid rgba(0,0,0,0.4) !important;
}
*/
.doc_tbl_calendar>tbody>tr td:first-child, .doc_tbl_calendar>thead>tr th:first-child{
    display:none;
}

.doc_tbl_calendar>tbody>tr td:nth-child(3),
.doc_tbl_calendar>tbody>tr td:nth-child(4),
.doc_tbl_calendar>tbody>tr td:nth-child(5),
.doc_tbl_calendar>tbody>tr td:nth-child(6),
.doc_tbl_calendar>tbody>tr td:nth-child(7)
{
   width:56px;
}

.doc_tbl_calendar>tbody>tr td:nth-child(8),
.doc_tbl_calendar>tbody>tr td:nth-child(9){
   width:36px;
   color:rgba(0,0,0,0.4);
}

.doc_tbl_calendar>tbody>tr td:nth-child(9){
    background-color: rgba(0,0,0,0.2);
}

.doc_tbl_calendar>tbody>tr td{
    height: 28px;
}

.doc_tbl_calendar caption{
    color:#000;
}

.doc_calendar_event_day input[type="button"]{
    font-weight: bold;
    text-decoration: underline;
}

.doc_wrapper_ibo_group{
    margin-top:16px;
}

.doc_wrapper_checkbox_group h2{
    font-weight: normal;
    margin:0;
    padding:0;
}

.doc_wrapper_checkbox_group{

}

.doc_wrapper_checkbox_group label{
    color:#000;
    margin-left:6px;
    vertical-align: top;
}

.doc_body h1{
    text-decoration: underline;
    margin: 6px auto;
    text-align: center;
    text-decoration: none;
}
/*
div.grid_wrapper.grid_wrapper_general{
    margin-top: 8px;
}
*/
.doc_body table p{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}
/*
div.doc_body > div.grid_wrapper:first-child {
    margin-top:8px;
}
*/
/*
.doc_tbl td, .doc_tbl th{
    border-bottom: 1px solid rgba(0,0,0,0.24);
    border-right: 1px solid rgba(0,0,0,0.24);
}
*/
/*
.doc_body>div.grid_wrapper{
    margin-top:8px;
}
*/
.doc-title{
    text-align: center;
    font-weight: bold;
    padding: 6px 0;
}

.doc_tbl_calendar caption{
    border-left: 1px solid rgba(0,0,0,0.24);
    border-top: 1px solid rgba(0,0,0,0.24);
    border-right: 1px solid rgba(0,0,0,0.24);
}

.doc_tbl_calendar{
    border-left: 1px solid rgba(0,0,0,0.24);
    border-right: 1px solid rgba(0,0,0,0.24);
    border-bottom: 1px solid rgba(0,0,0,0.24);
}

.doc_tbl_calendar th{
    height:24px;
}

.doc_tbl_calendar .cs_input_button_options{
    border-color: transparent;
}

.doc_tbl_calendar .cs_input_button_options_on{
    border-color: rgba(0,0,0,0.4);
}
/*
.doc_body>h2{
    margin-left: 10mm;
    margin-right: 10mm;
}
*/
.doc_duplicate_wrapper{
    margin-top: 4mm;
    background-color: #f4ffa2;
    padding-left: 10mm;
    padding-right: 10mm;
    padding-bottom: 6mm;
    border-top:1px solid #E4Ef92;
    border-bottom:1px solid #E4Ef92;
    padding-top:8px;
}

.doc_duplicate_wrapper .grid_wrapper_session h2{
    background: url("../images/black/copy.png?v=6abdc5c6c7845");
    background-position: left center;
    background-repeat: no-repeat;
}

.doc_profile_wrapper{
    display:flex;
    margin-bottom: 6px;
}

.cs_fragment_controls{
    display:flex;
    height: 24px;
}

.cs_fragment_controls>*:first-child{
    flex-grow:1;
    line-height:24px;
}

.cs_fragment_controls button{
    border:none;
    cursor:pointer;
}

.wrapper_group_people .grid_wrapper_group_student>div:first-child{
    display:none;
}
/*
.doc_frame .grid_wrapper table{
    margin-top:4px;
}
*/
.grid_sub_wrapper table.grid_tbl{
    margin-top:0;
}

/* BEGIN CONTROLLER STYLES */
.empty_link{
    cursor: default;
}

.wrapper_report_groupstudent .input_comments > div:first-child{
    border:none;
    background-color: transparent;
}

.wrapper_report_groupstudent .input_comments p{
    padding-right: 8px;
}

.wrapper_report_groupstudent .input_comments{
    background:transparent url(../images/black/comments.png?v=6abdc5c6c7845) no-repeat scroll 32px 10px;
    padding-left: 52px;
    width: auto;
}
/* END CONTROLELR STYLES */
/*
.doc_locked .menu_button_add_row,
.doc_locked .grid_button_remove_row {
    display: none;
}
*/
/*
.form_field label span{
    color: #C85305;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
    padding: 0 2px;
    border-radius: 2px;
}

.form_field.doc label span{
    opacity: 0;
}

.form_field.doc.input_field_focus label span{
    opacity: 1;
}
*/
.form_field.doc.input_limit_active label span{
    opacity: 1;
    background-color: #C85305;
    color:white;
}

.form_field.doc .input_wrapper textarea{
    /*border-top:1px solid rgba(0,0,0,0.16);*/
}

.doc_tbl_scale{
    width:100%;
}

div.grid_wrapper.doc.scale{
    border: 1px solid rgba(0,0,0,0.24);
    padding:4px;
}

div.grid_wrapper.doc.scale table>caption{
    font-weight: bold;
}

.doc_tbl_scale th{
    line-height: 1;
}

.doc_tbl_scale td{
    text-align: center;
}

.doc_textbox_enrollment_status{
    border:1px solid rgba(0,0,0,0.24);
    margin-top:8px;
    border-radius:6px;
}

.doc_textbox_enrollment_status>div{
    /*line-height: 28px;*//*INPUT HEIGHT*/
    /*min-height: 28px;*//*INPUT HEIGHT*/
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 8px center;
    padding-left:32px;
    border-bottom: 1px solid rgba(0,0,0,0.24);
}

.doc_textbox_enrollment_status>div:last-child{
    border-bottom: none;
}
/*
.enrollment-status{
    background-repeat: no-repeat;
    padding-left: 20px;
    min-height: 20px;
    margin: 6px 0;
}
*/
.doc_enrollment_success{
    background-image: url(../images/checked.png?v=6abdc5c6c7845);
}

.doc_enrollment_graduated{
    background-image: url(../images/graduated.png?v=6abdc5c6c7845);
}

.doc_enrollment_deny{
    background-image: url(../images/deny.png?v=6abdc5c6c7845);
}

.doc_enrollment_active{
    background-image: url(../images/black/incomplete.png?v=6abdc5c6c7845);
}

.doc_enrollment_withdrawn{
    background-image: url(../images/leave.png?v=6abdc5c6c7845);
}

.doc_enrollment_graduated span,
.doc_enrollment_deny span,
.doc_enrollment_success span{
    font-weight: bold;
}

div.doc_info_wrapper{
    margin-top: 12px;
    border-radius: 8px;
    padding: 0 8px;
    background-color: white;
}


div.doc_info_wrapper>div{
    padding-left: 24px;
    background-repeat: no-repeat;
    margin-top: 4px;
    margin-bottom: 4px;
    min-height: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.12);
}

div.doc_info_wrapper>div:last-child{
    border-bottom: none;
}

.doc_legal{
    background-image: url(../images/black/info.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    padding-left: 20px;
    min-height: 16px;
    margin-top: 8px;
}

.doc_date{
    background-image: url(../images/black.png?v=6abdc5c6c7845);
    background-position: -16px -2654px;
    background-repeat: no-repeat;
    padding-left: 20px;
    min-height: 20px;
    margin-top: 8px;
}

.doc_page_deleted .grid_msg_empty a{
    display:none;
}

.doc_locked .input_checkeable_wrapper,
.doc_locked .menu_button_add_row,
.doc_locked .menu_button_remove,
.doc_locked .menu_button_click-all{
    display: none;
}

.doc_signature_wrapper{
    margin-top: 48px;
    display: flex;
}

.doc_signature{
    border-top:1px solid rgba(0,0,0,0.48);
    text-align:center;
}

.doc_signature span{
    display: block;
}

.doc_signature span:first-child{
    font-weight: bold;
}
.doc_signature span:last-child{
    font-style: italic;
}

.doc_message span:first-child{
    font-weight: bold;
    margin-right: 6px;
}

table caption{
    text-align: left;
    color: rgba(0, 0, 0, 0.64);
}

.doc_certificate{
    padding: 8px 16px 8px 32px;
    border-radius: 4px;
    background-image:url(../images/white.png?v=6abdc5c6c7845);
    background-position:-10px  -488px;
    background-repeat:no-repeat;
    text-decoration: none;
    background-color: #3362b5;
    color: white;
    border: 1px solid #3362b5;
}

.grid_wrapper_payment{
    border:1px solid rgba(0,0,0,0.24);
}

.doc_not_certificate{
    background-image:url(../images/deny.png?v=6abdc5c6c7845);
    background-position:24px 16px;
    background-repeat:no-repeat;
}

.wrapper_application_payment .doc_notices{
    display: none;
}

.doc_section_wrapper{
    margin-left: 12mm;
    margin-right: 12mm;
}

.doc_section_wrapper>div.grid_wrapper{
    margin-top: 8px;
}

div.field-filler,
.doc_field_filler
{
    background-image: url(../images/cell_filler_texture.png?v=6abdc5c6c7845);
    display: inline-block;
    border-right: 1px solid rgba(0,0,0,0.24);
    border-bottom: 1px solid rgba(0,0,0,0.24);
    flex-grow: 1;
}
.doc_signing_wrapper .doc_grid_form,
.doc_signing_wrapper .form_field.doc,
.doc_signing_wrapper .doc_row_form,
.doc_signing_wrapper{
    border:none;
}

.form_field.doc>label {
    color: rgba(0,0,0,0.64);
    font-size: 0.7em;
    padding: 0 .2em;
    display: flex;
    align-items: center;
}

.form_field.doc>label>span:last-child {
    flex-grow: 1;
    justify-content: flex-end;
    display:flex;
    align-items: center;
}
/*
.form_field.doc.wizard>label {
    --cs-bg-color: #6e44bc;    
    --cs-text-color: color-mix(in oklab, var(--cs-bg-color) 40%, var(--cs-text-color-mix));    
    padding: 0 0 0 .2em;
}
*/
/*
///REPORT TERM
*/
div.doc_page.report div.doc_body>div.grid_wrapper.section_student{
    margin:4px auto;
}

#main_display_content.report>div.not-course_student_log div.grid_wrapper.course_student_log,
#main_display_content.report>div.not-course_student_log div.grid_wrapper.course_student_log,
#main_display_content.report>div.not-section_student_log div.grid_wrapper.section_student_log,
#main_display_content.report>div.not-sort div.sort,
#main_display_content.report>div.not-average div.average,
#main_display_content.report>div.not-course_teacher div.course_teacher_principal,
#main_display_content.report>div.not-legal.not-date div.doc_info_wrapper,
#main_display_content.report>div.not-legal div.doc_legal,
#main_display_content.report>div.not-date div.doc_date,
#main_display_content.report>div.not-title div.doc-title,
#main_display_content.report>div.not-objective_period div.grid_sub_wrapper.objective_period_student,
#main_display_content.report>div.not-scale div.grid_wrapper.scale{
    display: none;
}

tr.q0 div.input_scale,
tr.q0 div.input_grade,
tr.q0 td.field-scale>div,
tr.q0 td.field-grade>div{
    visibility: hidden;
}

.controller_display_tab.reportactivity div.input_comments p{
    border:1px solid rgba(0,0,0,0.24);
    border-radius:4px;
    background-color: #FFFFCC;
    font-style: italic;
}

.print_hide_section_student_desc.print_hide_section_student_value.print_hide_section_student_standard .doc_tbl_scale{
    display:none
}

.doc_profile_image .cs_input_error{
    background-color: transparent;
}

.doc_profile_image .cs_input_error>div{
    border-left: 1px solid #D24726;
    border-top: 1px solid #D24726;
    border-right: 1px solid #D24726;
}

.grid_wrapper_reference_personal,
.grid_wrapper_income_self_employed,
.grid_wrapper_income_employee,
.grid_wrapper_income_pensionary{
    display: none;
}

.payment .grid_wrapper_reference_personal,
.payment.self_employed .grid_wrapper_income_self_employed,
.payment.employee .grid_wrapper_income_employee,
.payment.pensionary .grid_wrapper_income_pensionary{
    display: block;
}

.grid_wrapper_training{
    display: none;
}

.school .grid_wrapper_training{
    display: block;
}

.grid_wrapper_sibling{
    display:none;
}

.sibling .grid_wrapper_sibling{
    display:block;
}

div.doc-header{
    margin: 0 0 .5rem 0;
    width:100%;
    order: -1;
}

.doc_profile_img.photo .picture-capture-box{
    display:none;
}

.doc_profile_img.empty .picture-edit-box{
    display:none;
}
/*
.controller_display_tab.activityview .version2 .form_field.doc[data-field="activity_tag"],
.controller_display_tab.activityview .form_field.doc[data-field="rubric_id"],
.controller_display_tab.activityview .version2 .form_field.doc[data-field="project_id"]{
    display: none;
}
*/
.doc_grid_form.schedule_day{
    width:240px;
}

.doc_body div.doc_message_row_guide{
    border:1px solid rgba(0,0,0,0.24);
    border-bottom: none;
    background-image: url("../images/info.png?v=6abdc5c6c7845");
    background-position: 8px 8px;
    background-repeat: no-repeat;
    color: #28201A;
    padding: 12px 8px 8px 64px;
    min-height: 64px;
    padding-bottom: 24px;
}

.doc_body div.doc_message_row_fail{
    border:1px solid rgba(0,0,0,0.24);
    border-bottom: none;
    background-image: url("../images/fail.png?v=6abdc5c6c7845");
    background-position: 8px 8px;
    background-repeat: no-repeat;
    color: #28201A;
    padding: 12px 8px 8px 64px;
    min-height: 64px;
}

div.doc_message_row_fail h2{
    color: #dd4726;
}
/*
.doc_body div.doc_message_row_success{
    border:1px solid rgba(0,0,0,0.24);
    border-bottom: none;
    background-image: url("../images/done.png?v=6abdc5c6c7845");
    background-position: 8px 8px;
    background-repeat: no-repeat;
    color: #28201A;
    padding: 12px 8px 8px 64px;
    min-height: 64px;
}
*/
div.doc_message_row_success h2{
    color: #0f9d58;
}

.doc_body div.doc_message_row_caution{
    border:1px solid rgba(0,0,0,0.24);
    border-bottom: none;
    background-image: url("../images/caution.png?v=6abdc5c6c7845");
    background-position: 8px 8px;
    background-repeat: no-repeat;
    color: #28201A;
    padding: 12px 8px 8px 64px;
    min-height: 64px;
    padding-bottom: 24px;
}
/*
.doc_message_row_caution h2 {
	background-color: #f60;
	color: white;
	display: inline-block;
	padding: 2px 4px;
}
*/

div.message.complete>p:first-child{
    color: #0F9D58;
    margin-bottom: 6px;
}

.doc_body div.message.scheduled{
    background-image: url("../images/clock.png?v=6abdc5c6c7845");
    background-position: 8px 12px;
    background-repeat: no-repeat;
    border:1px solid rgba(0,0,0,0.24);
    padding: 12px 8px 8px 64px;
    min-height: 64px;
}

.doc_body div.doc_message_cars {
    background-image: url("../images/car_check.png?v=6abdc5c6c7845");
    background-position: 8px 8px;
    background-repeat: no-repeat;
    color: #28201A;
    padding: 12px 8px 8px 64px;
    padding-bottom: 8px;
    min-height: 64px;
}

.doc_body div.doc_message_drivers {
    background-image: url("../images/driver_check.png?v=6abdc5c6c7845");
    background-position: 8px 8px;
    background-repeat: no-repeat;
    color: #28201A;
    padding: 12px 8px 8px 64px;
    padding-bottom: 8px;
    min-height: 64px;
}

div.doc_message_row_guide h2{
    margin-top:8px;
    margin-bottom:8px;
}

.doc_body .person_text{
    max-height: 24px;
}

.complete-payment .occupation_status,
.complete-payment .grid_wrapper_income_pensionary .grid_wrapper_fieldset,
.complete-payment .grid_wrapper_income_employee .grid_wrapper_fieldset,
.complete-payment .grid_wrapper_income_self_employed .grid_wrapper_fieldset,
.complete-payment .grid_wrapper_reference_personal .grid_wrapper_fieldset{
    background-color:#FFDDFF;
}

.complete-payment-flag{
    background-color:#FFDDFF;
    border:1px solid #FFAAFF;
    padding-left:4px;
    padding-right:4px;
    border-radius: 4px;
    display: inline;
}

.doc_panel_bottom{
    text-align:center;
    background: rgba(0, 0, 0, 0.05) url("../images/bg_dot.png?v=6abdc5c6c7845") repeat scroll 0% 0%;
    padding-top:16px;
}

.doc_panel_complete{
    flex-grow:1;
    margin:12px auto;
    text-align: center;
}

.doc_panel_complete .continue{
    width:80px;
    height:80px;
    border-radius: 40px;
    background-image: url(../images/white/arrow_more_down.png?v=6abdc5c6c7845);
    background-position: center 64px;
    background-repeat: no-repeat;
    padding:0;
}

.doc_sequence_bar{
    justify-content: center;
    background-color: rgb(0, 114, 198);
}

.doc_sequence_bar>a{
    display: inline-block;
    height: 100%;
    margin: 0 8px;
    text-decoration: none;
}

.doc_sequence_bar>a>span{
    line-height: 32px;
    vertical-align: top;
    color:white;
}

.doc_sequence_bar>a>span:first-child{
    height: 24px;
    width: 24px;
    display: inline-block;
    text-align: center;
    border-radius: 16px;
    border: 1px solid white;
    margin-top: 4px;
    line-height: 20px;
    margin-left: 6px;
}

.doc_sequence_bar>a>span:last-child{
    padding: 0 8px;
}

.doc_sequence_bar>a.current{
    background-color: rgba(0,0,0,0.48);
}

.doc_ticket_wrapper{
    display: flex;
}

.doc_ticket_wrapper>div.frame{
    display: flex;
    width: 72mm;
    padding-right: 4mm;
    padding-left: 4mm;
    border-right: 1px dotted rgba(0,0,0,0.24);
}

.doc_ticket.route{
    vertical-align: top;
    width: 100%;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
}

.doc_ticket .header{
    text-align: center;
    margin-bottom: 8px;
    padding-top: 12mm;
}

.doc_ticket .body{
    flex-grow: 1;
}

.doc_ticket .header>div:first-child{
    color:rgba(0,0,0,0.64);
}

.doc_ticket .header img{
    width:100%;
}

.doc_ticket .header>div:last-child{
    font-weight: bold;
    text-transform: uppercase;
}

.doc_ticket.route .barcode{
    margin:16px auto;
}

.doc_ticket .person{
    margin-bottom:16px;
}

.doc_ticket .person img{
    width:48px;
}

.doc_ticket .person span{
    color:#004188;
    flex-grow: 1;
    display: inline-block;
    vertical-align: top;
}

.doc_ticket .person span:first-child{
    height: 56px;
    overflow: hidden;
    border:1px solid rgba(0,0,0,0.48);
}

.doc_ticket .person span:last-child{
    width: 72%;
    padding-left: 6px;
}

.doc_ticket div.body>div.row{
    display:flex;
    margin-top:2mm;
}

.doc_ticket .row>div:first-child{
    flex-grow: 1;
}

.doc_ticket .row>div>label{
    display: block;
    color:rgba(0,0,0,0.64);
}
/*
.doc_ticket .row>div>span{
    font-size:16pt;
}
*/
.doc_ticket .row>div>span>span{
    display: block;
}

div.page-token{
    border-bottom: 2px dashed rgba(0, 0, 0, 0.24);
    margin:32px auto;
}

div.page-token.family.side1>div span{
    display: inline-block;
    margin-top: 260px;
    margin-left: 428px;
}

div.page-token.family>div{
    min-height: 320px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: left top;
    border-bottom:1px dashed rgba(0,0,0,0.32);
    margin:0 auto;
}

div.page-token.family>div:last-child{
    border-bottom: none;
}

div.not-objective .form_field.doc.field-activity_objective,
div.not-topic .form_field.doc.field-activity_topic,
div.not-project .form_field.doc.field-project_id,
div.not-tags .form_field.doc.field-activity_tag,
#main_display.activity div.not-rate .form_field.doc.rate,
#main_display.attendance div.doc_page.not-students div.attendance_student,
#main_display.activity div.form_field.doc.gradebook,
#main_display.activity div.form_field.doc.objective_depth,
#main_display.activity div.gradebook1 div.form_field.doc.activity_indicator,
#main_display.activity div.not-objective .form_field.doc.field-activity_objective,
#main_display.activity div.form_field.doc.field-rubric_id{
    display: none;
}

.doc_date_wrapper{
    text-align: center;
}

div.doc_textbox.certificate p{
    margin-top: 8mm;
}

div.doc_textbox.certificate span{
   font-weight: bold;
   text-transform: uppercase;
}

div.doc_textbox.certificate h1{
    text-transform:uppercase;
    text-align:center;
    margin-top:12mm;
    font-weight:bold
}

div.doc_textbox.certificate h2{
    text-transform:uppercase;
    text-align:center;
    margin:12mm auto;
    font-weight:bold
}

.view-compact tr.feedback>td>div.input_envelope.input_comments{
    padding: 0 0 0 24px;
    width: 100%;
    background-image: url(../images/black/cell_comments.png?v=6abdc5c6c7845);
    background-position: 4px 0;
    background-repeat: no-repeat;
}
.view-compact td.grid_cell_sub table,
.view-compact td.grid_cell_sub table>tbody,
.view-compact td.grid_cell_sub table>tbody>tr,
.view-compact td.grid_cell_sub table>tbody>tr>td:first-child,
.view-compact td.grid_cell_sub table>tbody>tr>td,
.view-compact td.grid_cell_sub table>tbody>tr>td>div,
.view-compact td.grid_cell_sub table>tbody>tr>td>div>div,
.view-compact td.grid_cell_sub table>tbody>tr>td>div>div>span,
.view-compact td.grid_cell_sub table>tbody>tr>td>div>div>span>span,
.view-compact td.grid_cell_sub table>tbody>tr>td>div>div>div{
    display:inline;
    width: auto;
    border:none;
}
/*
.view-compact tr.feedback>td>div.input_envelope *,
.view-compact td.grid_cell_sub *{
    font-size: xx-small;
}
*/
.view-compact div.grid_sub_wrapper.objective_period_student{
    border-style: none solid solid solid;
    border-width: 0 1px 1px 1px;
    border-color: rgba(0,0,0,0.24);
}
.view-compact tr.grid_row_hidden.collapsed,
.view-compact td.field-scale.stars,
.view-compact td.grid_cell_sub table>colgroup,
.view-compact td.grid_cell_sub table>tbody>tr.empty{
    display: none;
}

.view-compact td.grid_cell_sub table>tbody>tr>td.field-index>div>div>span>span{
    font-weight: bold;
}

.view-compact td.grid_cell_sub table>tbody>tr>td.field-index>div>div>span{
    border-right: 1px dotted rgba(0,0,0,0.24);
}

.view-compact  span.tokenize-grade > span {
    line-height: 11px;
}

div.doc_page.report-activity div.grid_wrapper_section_student,
#main_display_content.report.term div.grid_wrapper_section_student{
    margin-top: 3px;
}

div.doc_page.report-activity table.activity_student>thead,
div.doc_page.report-activity table.section_student>thead,
#main_display_content.report.term table.indicator_period>thead,
#main_display_content.report.term table.objective_period_student>thead{
    display: none;
}

div.doc_page.report-activity table.section_student>tbody>tr:first-child td{
    border-top:1px solid rgba(0,0,0,0.24);
}

#main_display_content.report.term table>tbody>tr>td.field-scale,
#main_display_content.report.term table>tbody>tr>td.field-grade{
    font-weight: bold;
}

#main_display.gradebook.student div.field-tokenize.signature,
#main_display_content.report div.field-tokenize.signature{
    margin:0 auto;
}

.doc_textbox.certificate{
    margin-top: 40mm;
    text-align: center;
}
/*
.doc_textbox.certificate>p{
    font-size: 16pt;
}

.doc_textbox.certificate>h2,
.doc_textbox.certificate>h1{
    font-size: 20pt;
}
*/
table.not-grade.objective_period_student>colgroup>col:nth-child(5),
table.not-grade.objective_period_student>thead>tr>th:nth-child(5),
table.not-grade.objective_period_student>tbody>tr>td:nth-child(5),
table.not-grade.objective_period_student>colgroup>col:nth-child(4),
table.not-grade.objective_period_student>thead>tr>th:nth-child(4),
table.not-grade.objective_period_student>tbody>tr>td:nth-child(4),
table.not-grade.objective_period_student>colgroup>col:nth-child(3),
table.not-grade.objective_period_student>thead>tr>th:nth-child(3),
table.not-grade.objective_period_student>tbody>tr>td:nth-child(3){
    display: none;
}

/*
div.doc_body div.grid_wrapper>table > thead > tr > th:first-child, table.grid_border > tbody > tr > td:first-child {
    border-left: 1px solid rgba(0,0,0,0.24);
}

div.doc_body div.grid_wrapper>table > tbody > tr > td.field-index {
    width: 52px;
}
div.doc_body div.grid_wrapper>table th,
div.doc_body div.grid_wrapper>table>tbody>tr>td{
    border-bottom: 1px solid rgba(0,0,0,0.24);
    border-right: 1px solid rgba(0,0,0,0.24);
}

div.doc_body div.grid_wrapper>table > thead > tr > th:first-child,
div.doc_body div.grid_wrapper>table > tbody > tr > td:first-child {
    border-left: 1px solid rgba(0,0,0,0.24);
}
*/
/*
.doc_page.dashboard .doc_body{
    padding:0 1rem;
}
*/
.dashboard-indicators-bar{
    display: flex;
    text-align: center;
    justify-content: space-around;
    border:1px solid rgba(0,0,0,0.12);
    background-color: white;
    border-radius: 6px;
}

.dashboard-indicators-bar>div>div:first-child{
    line-height: 3rem;
}

.dashboard-indicators-bar>div>div:last-child{
    color:rgba(0,0,0,0.6);
    line-height: 2rem;
}

span.scale-text>span{
    display: block;
    font-size: 0.7em;
}

span.scale-text>span:first-child{

}

span.scale-text>span:nth-child(2){
    color:rgba(0,0,0,0.64);
    font-weight: normal;
}

div.message.clone{
    background-image: url("../images/clone.png?v=6abdc5c6c7845");
    background-position: 16px center;
    background-repeat: no-repeat;
    background-color: #9bf6ff;
    min-height: 112px;
    width: 100%;
    padding-left: 160px;
    padding-top: 48px;
}

div.report.academicyear div.doc_page.not-area table.course_student>thead{
    display:none;
}

div.signature-wrapper.not-image img{
    visibility: hidden;
}

div.doc_signing_wrapper.not-image e{
    background-image: none !important;
}

table.q0 td.field-grade>div,
table.q0 td.field-scale>div{
    visibility: hidden;
}

div.doc_envelope>div{
    /*display: flex;
    flex-grow: 1; */
    width:100%;
}

.doc_envelope{
    /*display:flex;
    flex-direction: column;    */
    min-height: 100%;
}

div.gradebook-scale.plain{
    margin-top: 8px;
    padding: 4px 6px;
    border: 1px solid rgba(0,0,0,0.24);
    border-radius: 4px;
}

div.gradebook-scale.plain>span{
    display: inline-block;
}

div.gradebook-scale.plain>span:first-child{
    font-weight: bold;
    margin-right: 6px;
}

div.gradebook-scale.plain>span.scale-level{
    border-right: 1px solid rgba(0,0,0,0.24);
    margin-right: 4px;
    display: inline-block;
}

div.gradebook-scale.plain>span.scale-level:last-child{
    border-right: none;
}

div.gradebook-scale.plain>span.scale-level>span:first-child{
    font-weight: bold;
    padding-right: 4px;
}

div.gradebook-scale.plain>span.scale-level>span:last-child{
    padding-right: 4px;
}

span.table{
    border-top:1px solid rgba(0,0,0,0.12);
    border-left:1px solid rgba(0,0,0,0.12);
    display: flex;
}
span.table>span{
    border-bottom:1px solid rgba(0,0,0,0.12);
    border-right:1px solid rgba(0,0,0,0.12);
    padding: 2px 2px;
    flex-grow: 1;
}
span.table>span>span:last-child{
    font-weight: bold;
    padding: 0 4px;
}

span.feedback-box{
    border:1px solid rgba(0,0,0,0.24);
    border-radius: 4px;
    padding: 2px;
    display: flex;
    margin-top: 8px;
}

span.feedback-box>span:first-child{
    font-weight: bold;
    display: inline-block;
    margin-right: 8px;
}

span.feedback-box>span:last-child{
    font-style: italic;
}

div.not-schedule div.grid_calendar{
    display: none;
}

div.doc_row_form.float-left{
    float:left;
}

div.doc_row_form.float-left div.f-picture{
    margin-right: 12px;
    min-width:144px;
}

div.form_field.doc.f-picture.t-person label{
    display: none;
}

div.doc_page_v > div > div > div.grid_wrapper.flex{
    width: auto;
}

div.doc_page_v > div > div > div.grid_wrapper.flex-strech{
    width: auto;
}

div.doc-block-group{
    display: flex;
}

div.doc-block-expro{
    margin-top: 8px;
}

div.controller_display_tab.reportstudent-term div.doc_document.historic table.section_student>tbody>tr>td.field-display.course_id,
div.controller_display_tab.reportstudent-term div.doc_document.historic table.area_student>tbody>tr>td.field-display.area_id,
div.controller_display_tab.reportterm div.doc_document.historic table.section_student>tbody>tr>td.field-display.course_id,
div.controller_display_tab.reportterm div.doc_document.historic table.area_student>tbody>tr>td.field-display.area_id{
    border-right: none;
}

div.grid_sub_wrapper.objective_period_student table.objective_period_student>thead{
    display: none;
}


div.controller_display_tab.enlistmentview div.transport-yes div.form_field.field-flag_transport_comments,
div.controller_display_tab.enlistmentview div.continue-yes div.form_field.field-comments{
    display: none;
}


div.doc-report-term table.chapter_student_area>tbody>tr>td a{
    font-weight: bold;
}

div.doc-report-term table.chapter_student_area>thead>tr>th  button.lbl{
    font-weight: bold;
}

p.block-caption{
    padding: 4px;
    font-style: italic;
}
/*
.doc.grid_wrapper.snap.separator{
    margin-top: 1rem;
}
*/
div.controller_display_tab.report-term-beanview table.doc.section_student,
div.controller_display_tab.reportterm table.doc.section_student{
    background-color:rgba(0,0,0,0.04);
    font-weight: bold;
}

div.category-separator{
    /*min-height: 28px;*/
    border-bottom: 1px solid rgba(0,0,0,0.24);
    border-left: 1px solid rgba(0,0,0,0.24);
    border-right: 1px solid rgba(0,0,0,0.24);
    display: flex;
    align-items: center;
    padding-left: 60px;
    font-weight: bold;
}

.paragraph{
    margin: 1rem 0;
}

.request-flow{
    margin: 1rem auto;
}

.request-flow>h2{
    color: #1a5b9c;
    font-weight: bold;
}

.request-flow>ul>li{
    margin-top: 0.5rem;
    display: flex;
}

.request-flow>ul>li>span:first-child{
    background-color: #1a5b9c;
    color: white;
    margin: 0.5rem;
    border-radius: 50%;
    min-width: 2rem;
    min-height: 2rem;
    display: inline-block;
    text-align: center;
    line-height: 2rem;
}

.request-flow > ul > li > span:last-child {
    display:flex;
    align-items: center;
}

.request-status {
    border-top: 2px dashed rgba(0,0,0,0.12);
    margin-top: 1.5em;
}

ul.list-disc{
    list-style: disc;
    padding-left:1rem;
}

ul.list-disc>li{
    margin-top: 0.5rem;
}

body.self-enrollment-bean-index .controller_menu_tab_left_buttons button.icon-text.cancel{
    display: none;
}
/*
table.scheme-doc.course_student .form_field.field-course_id a{
    padding-left: 54px;
}
*/
/*
table.scheme-doc.group_student_area .form_field.field-area_id a::before{
    content: 'Área';
    font-size: small;
    font-family: arial;
    padding: 0 6px;
    margin-right: 6px;
    border-right: 1px solid rgba(0,0,0,0.5);
    font-weight: bold;
}
*/
div.block_wrapper.doc-block-signature div.doc_grid_form,
div.block_wrapper.doc-block-signature div.doc_row_form>div.form_field,
div.block_wrapper.doc-block-signature div.doc_row_form{
    border: none;
}

body.certificate-enrollment div.group-wrapper.gradebook{
    border-left: 1px solid rgba(0,0,0,0.24);
    border-top: 1px solid rgba(0,0,0,0.24);
}

body.certificate-enrollment div.group-wrapper.gradebook table.area_student>thead>tr>th{
    border-right: 1px solid rgba(0,0,0,0.24);
    border-bottom: 1px solid rgba(0,0,0,0.24);
}

.feedback-box.border.snap + div.doc-space + div.grid.has-border.snap{
    border-top: 1px solid rgba(0,0,0,0.24);
}

.doc-space2{
    min-height: 2rem;
}

.watermark div.doc_body{
    background-size: contain;
    background-color: white;
    background-repeat: repeat-y;
    background-position: center center;
}

.page-header-space {
  height: 120px;
}

.page-footer-space {
  height: 64px;
}
/*
.doc-header{
  max-height: 120px;
}
*/
.doc_footer{
  max-height: 64px;
}

.doc-section{
    width:100%;
}



.input_wrapper input[type="text"],
.input_wrapper input[type="password"],
.input_wrapper .grid_button_remove_row,
.input_wrapper input[type="button"].grid_button_remove_row,
.input_wrapper input[type="button"].grid_button_comments,
.input_wrapper input[type="button"].grid_button_missing_comments,
.input_wrapper input[type="button"],
.input_wrapper-button input[type="button"],
.input_wrapper-browse input[type="button"]{
    height: 100%;
    /*min-height: 28px;*/
}

div.view-compact span.tokenize-comment>span:last-child,
div.view-compact span.tokenize-card>span:last-child,
div.view-compact div.Tokenize.OnlyOne ul.TokensContainer li.Token,
div.view-compact div.Tokenize.Disabled ul.TokensContainer li,
div.view-compact div.Tokenize ul.Dropdown li,
div.view-compact div.Tokenize ul.TokensContainer,
div.view-compact ul.transaction-feedback>li.message,
div.view-compact span.input-caption,
div.view-compact span.input-card-caption,
div.view-compact .input_field_adder,
div.view-compact .input_envelope.input_checkbox>div:first-child,
div.view-compact .input_envelope.input_find>div:first-child,
div.view-compact .input_envelope.input_grade>div:first-child,
div.view-compact .input_envelope.input_calendar>div:first-child,
div.view-compact .input_envelope.input_date>div:first-child,
div.view-compact .input_envelope.input_color>div:first-child,
div.view-compact input.input_grade_flag,
div.view-compact .input_options input[type="button"],
div.view-compact textarea,
div.view-compact .grid_th_wrapperv .grid_button_sortable,
div.view-compact .grid_th_wrapperv .grid_button_sortable_desc,
div.view-compact .grid_th_wrapperv .grid_button_sortable_asc,
div.view-compact .controller_tab_bar,
div.view-compact .printable .grid_tbl.grid_border td,
div.view-compact .gi,
div.view-compact .input_envelope p,
div.view-compact .schedule-course .input_envelope,
div.view-compact .schedule-group .input_envelope,
div.view-compact .input_person .input_wrapper_caption,
div.view-compact .input_envelope.label a.grid_button_sortable,
div.view-compact .display-calendar .input_day .input_day_number,
div.view-compact .field_envelope>div>span,
div.view-compact .field_envelope > div,
div.view-compact .printable.input_index>div>input,
div.view-compact .input_day_wrapper>span,
div.view-compact .input_day_wrapper input[type="button"],
div.view-compact .input_taglist,
div.view-compact .input_textboxlist,
div.view-compact .printable.input_tokenize.signature>div>span,
div.view-compact .calendar_day_wrapper input[type="button"],
div.view-compact .calendar_day_wrapper>span,
div.view-compact .input_calendar>div,
div.view-compact .input_wrapper a,
div.view-compact .input_wrapper p,
div.view-compact .input_wrapper
div.view-compact .grid_tbl th>div,
div.view-compact .grid_tbl td>div,
div.view-compact .input_rating_star,
div.view-compact button.grid_button_col_label.menu
{
min-height: 18px;
}

div.view-compact li.TokenSearch.browse>input,
div.view-compact div.Tokenize.OnlyOne ul.TokensContainer li.Token,
div.view-compact div.Tokenize.Disabled ul.TokensContainer li,
div.view-compact div.Tokenize ul.TokensContainer li.Token,
div.view-compact .input-group-check>div>span:last-child,
div.view-compact .input_attachment a,
div.view-compact .input_attachment p,
div.view-compact a.input_button_person,
div.view-compact .input_inline_menu a,
div.view-compact .form-layout-row label,
div.view-compact .input-layout-row>label,
div.view-compact a.input_button_group,
div.view-compact a.input_button_browse,
div.view-compact a.input_button_browse-display,
div.view-compact .input_tree a,
div.view-compact .cs_input_browse_wraper input[type=button],
div.view-compact .cs_input_text_wraper,
div.view-compact .cs_fragment_row_text label,
div.view-compact .grid_tbl th p,
div.view-compact a.grid_button_browse-display,
div.view-compact a.grid_button_browse,
div.view-compact .grid_cell_filler>div>div>div,
div.view-compact .grid_cell_filler>div>div>div,
div.view-compact .grid_message.error,
div.view-compact input.filter-search-textbox,
div.view-compact .grid_popup_row_options .grid_menu_row_options,
div.view-compact .grid_explanation>div>span:first-child>span:first-child,
div.view-compact .grid_add_rows_wrapper>*,
div.view-compact th a,
div.view-compact #sys_popup_anchor_footer button,
div.view-compact div.account_options>a,
div.view-compact div.popup_anchor_options>ol>li>a,
div.view-compact .popup-menu-bottom button,
div.view-compact .input_envelope p,
div.view-compact .printable.input_tokenize.signature>div>span,
div.view-compact .input_rating_star{
line-height: 18px;
}

div.view-compact li.TokenSearch.browse>input,
div.view-compact .input-group-check>div>span:first-child input,
div.view-compact .input_envelope.input_select,
div.view-compact .input_envelope.input_text,
div.view-compact .input_inline_menu a,
div.view-compact .input_calendar_session,
div.view-compact input.input_button_browse,
div.view-compact .input_text p,
div.view-compact .input_tree a,
div.view-compact .input_memo p,
div.view-compact .input_wrapper select,
div.view-compact .input_wrapper input[type="text"],
div.view-compact .input_wrapper input[type="password"],
div.view-compact .cs_input_wraper input[type="button"],
div.view-compact .cs_input_wraper-button input[type="button"],
div.view-compact .cs_input_wraper-browse input[type="button"],
div.view-compact .input_button-radio,
div.view-compact .cs_input_button-checkbox,
div.view-compact .cs_input_browse_wraper input[type=button],
div.view-compact .input-card img,
div.view-compact .grid_button_cols_collapse,
div.view-compact .grid_button_cols_expand,
div.view-compact .cs_gridv>div>div>div,
div.view-compact .grid_button_search,
div.view-compact input.grid_button_browse,
div.view-compact .grid_button_find,
div.view-compact .grid_button_row_options_on_up,
div.view-compact .grid_button_row_options_on,
div.view-compact .grid_button_row_options,
div.view-compact .grid_button_row_options_on_up,
div.view-compact .grid_button_row_options_on,
div.view-compact .grid_button_table_options_on_up,
div.view-compact .grid_button_table_options_on,
div.view-compact .grid_button_row_options,
div.view-compact .grid_button_table_options,
div.view-compact .grid_tbl .grid_col_tools,
div.view-compact .input_wrapper .grid_button_remove_row,
div.view-compact .input_wrapper input[type="button"].grid_button_remove_row,
div.view-compact .input_wrapper input[type="button"].grid_button_comments,
div.view-compact .input_wrapper input[type="button"].grid_button_missing_comments,
div.view-compact .input_wrapper input[type="button"],
div.view-compact .input_wrapper-button input[type="button"],
div.view-compact .input_wrapper-browse input[type="button"],
div.view-compact .grid_label_filter,
div.view-compact .grid_button_fixed_on,
div.view-compact .grid_button_fixed_off,
div.view-compact .grid_button_settings_on,
div.view-compact .grid_button_settings_off,
div.view-compact .grid_button_info_row,
div.view-compact .grid_th_wrapper,
div.view-compact .grid_label_column,
div.view-compact .grid_wrapper_settings button,
div.view-compact .cs_spreadsheet_body .grid_index1 td > div, .cs_spreadsheet_body .grid_index1 td > div p,
div.view-compact .search_box_wrapper .sys_button_find,
div.view-compact .input_rating_star{
height: 18px;
}

.doc-expedition::before{
    content: '\E023';
    padding-right: 8px;
}

.doc-enrollment-status::before{
    padding-right: 8px;
}

.doc-enrollment-status.s20::before,
.doc-enrollment-status.success::before{
    content: '\E08D';
    color: #0f9d58;
}

.doc-enrollment-status.deny::before{
    content: '\E07E';
    color: #f6584c;
}

.doc-enrollment-status.s10::before,
.doc-enrollment-status.current::before{
    content: '\E038';
}

.doc-enrollment-status.s41::before,
.doc-enrollment-status.withdrawn::before{
    content: '\E046';
    color:#f6584c;
}

.doc-enrollment-status.s22::before,
.doc-enrollment-status.graduated::before{
    content: '\E08D';
    color: #1894bd;
}

div.doc-legal::before{
    content: '\E038';
    padding-right: .5rem;
}

div.icon-text::before{
    align-self: flex-start;
}

.doc-info::before{
    content: '\E038';
    padding-right: .5rem;
}

.form_document .textbox-icon{
    padding: .5rem 1rem;
    justify-content: left;
    display: flex;
    align-items: center;
    margin: .5rem auto;
    width: 100%;
}

.textbox-icon.doc-warning{
    padding: .5rem 1rem;
    border: 1px solid orange;
    border-radius: .3rem;
    color: #cc8000
}

.textbox-icon.doc-error{
    color: #e3492f;
    padding: .5rem 1rem;
    border: 1px solid #e3492f;
    border-radius: .3rem;
}

.form_document .doc-error::before{
    content: '\E0E6';
    padding-right: .5rem;
    color: #e3492f;
    font-size: 3rem;
}

.form_document .doc-warning::before{
    content: '\E046';
    padding-right: .5rem;
    color: orange;
    font-size: 3rem;
}

.doc-info-header,
.doc-info{
    line-height: 1.2;
    text-align:justify;
}
div.gradebook1 .table.activity_student>.colgroup>.col.f-grade.t-average,
div.gradebook2 .table.activity_student>.colgroup>.col.f-grade.t-average,
div.gradebook2 .table.activity_student>.thead>.tr>.th.f-header.t-average,
div.gradebook2 .table.activity_student>.tbody>.tr>.td.f-grade.t-average,
div.gradebook1 .table.activity_student>.thead>.tr>.th.f-header.t-average,
div.gradebook1 .table.activity_student>.tbody>.tr>.td.f-grade.t-average{
    display: none;
}

body.promote-group th.col-grade{
    min-width: min-content;
}

body.promote-group td.fullname a{
    white-space: normal;
}

div.box-sum{
    margin-top:8px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-around;
}

div.box-sum>span{
    display: flex;
    align-items: center;
}

div.box-sum>span>span:last-child{
    font-weight: bold;
    padding: 0 1rem;
}

div.section-content>div.doc_page:last-child{
    border-bottom: none;
}
/*
div.block_wrapper.acco>div{
    border-radius: 8px;
}

div.block_wrapper.acco>div>div>div:first-child{
    border-radius: 8px 8px 0 0;
}

div.block_wrapper.acco>div>div>div:last-child{
    border-radius: 0 0 8px 8px;
}

div.block_wrapper.acco>div>div>div:first-child>div:last-child{
    border-top-right-radius: 8px;
}

div.block_wrapper.acco>div>div>div:first-child>div:first-child{
    border-top-left-radius: 8px;
}

div.block_wrapper.acco>div>div>div:last-child>div:last-child{
    border-bottom-right-radius: 8px;
}

div.block_wrapper.acco>div>div>div:last-child>div:first-child{
    border-bottom-left-radius: 8px;
}*/

div.block_wrapper>h2::before{
    content: '\E038';
    font-size: 0.8em;
    margin-right: .3em;
}

.block_wrapper.share>h2::before{
    content: '\E097';
}

div.doc-block-picture .doc_grid_form,
div.doc-block-picture .doc_grid_form .doc_row_form,
div.doc-block-picture .doc_grid_form .form_field.doc{
    border:none;
}

body.report-student-term table.grid.course_student{
    font-weight:bold;
}

.doc.scheme-doc.grid.border.snap.hide-trash.course_student {
    background-color: rgb(245,245,245);
}

div.doc_body>div.overview{
    margin: 1rem auto;
    max-width: 48rem;
}


.report-scale{
    border-radius: .5em;
    border: 1px solid rgba(0,0,0,0.16);
    padding: .2em .5em .5em .5em;
}

.report-scale>.title{
    text-align: center;
    font-weight: bold;
    margin-bottom: .3em;
}

.report-scale>.body{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: .5em;
    column-gap: .5em;
    border-radius: .5em;
    justify-content: center;
}

.report-scale>.body>div{
    display:inline-flex;
    flex-direction: column;
    align-items: center;
    border:1px solid rgba(0,0,0,0.16);
    border-radius: .3em;
    padding: .2em;
    flex-grow: 1;
}

.info-tbl{
    border:1px solid rgba(0,0,0,0.24);
    background-color: white;
    border-radius: 0.5em;
}

.info-tbl>thead>tr>th,
.info-tbl>tbody>tr>td{
    border-bottom: 1px solid rgba(0,0,0,0.24);
    font-size: 0.7em;
    padding:0.3em;
}

.info-tbl>tbody>tr:nth-child(even) {background: #f5f5f5}
.info-tbl>tbody>tr:nth-child(odd) {background: #fff}

.grid_head>div,
.block-head>.block-title{
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;    
    
    border-radius: .5rem .5rem 0 0;
    display: flex;
}

.block-head>.block-title{    
    background-color: var(--cs-bg-color);
    /*background-color: var(--cs-own-bg-color, var(--cs-bg-color)); */
}

.grid_wrapper.doc.long-form>.table>.tbody>.tr>.td.f-index,
.grid_wrapper.scheme-doc .grid_table_options_bottom button.append:not(:hover),
.grid_wrapper.doc>.table>.thead > .tr > .th,
body:not(.mobile) .table.grid.fieldset.sgl > .tbody > .tr:not(.grid_row_deleted):first-of-type > .td.col-f-fieldset .form_field > label,
.grid_wrapper.doc>.grid_head,
.block_wrapper.has-caption>.block-head>.block-title,
.block-head>.block-caption{
    background-color: color-mix(in srgb, var(--cs-own-bg-color, var(--cs-bg-color)) 24%, var(--cs-bg-color-mix));
}

.grid_wrapper.doc>.table>.thead > .tr > .th:not(.opt){
    border-right-color: transparent;
}

.grid_wrapper.doc>.table>.thead > .tr > .th.index>div,
.grid_wrapper.doc>.table>.thead > .tr > .th:not(.index):not(.opt){
    border-image: linear-gradient(to bottom, transparent 60%, var(--cs-border-color)) 1;
}

.grid_wrapper.doc>.table>.thead > .tr > .th.index{
    border-right-width: 0;
}

.grid_wrapper.doc>.table>.thead > .tr > .th.index>div{
    border-right: 1px solid transparent;
}

.grid_wrapper.doc>.table>.thead > .tr > .th.ext{
    background-color: color-mix(in srgb, var(--cs-bg-color) 24%, var(--cs-bg-color-mix));
}

/*
.grid_wrapper{
    --cs-link-color: var(--cs-own-text-color);    
    --cs-bg-color-separator: var(--cs-own-bg-color);
}

.grid_wrapper>.grid_head,
.block-head>.block-title:not(:hover),
.grid_wrapper>.grid_table_options_bottom>ul>li>button:not(:hover),
.grid_wrapper>.grid_head>.grid_caption>.button-grid-settings:not(:hover){
    --cs-icon-color: var(--cs-own-text-color);
}

.form_field.doc.f-picture.t-person,
.table.grid.fieldset.sgl > .tbody > .tr:not(.grid_row_deleted):first-of-type > .td.col-f-fieldset .form_field > label,
.grid_wrapper.doc>.table>.thead{
    --cs-bg-color: var(--cs-own-bg-color);    
}

.grid_wrapper.doc>.grid_head{
    --cs-border-color: color-mix(in oklab, var(--cs-own-text-color) 30%, var(--cs-bg-color-mix));
}

.grid_wrapper.doc>.grid_head>.grid_caption{
    background-color:color-mix(in oklab, var(--cs-own-bg-color) 30%, var(--cs-bg-color-mix));
}
*/
.grid_wrapper.block_wrapper>.block-head>.block-title,
.grid_wrapper.doc>.grid_head>.grid_caption{
    border-width: 1px 1px 0 1px;
    border-style: solid;
    overflow: hidden;
    align-items: stretch;
}

.grid_wrapper.doc.grid_wrapper_empty>.grid_head>.grid_caption,
.grid_wrapper.block_wrapper>.block-head>.block-title,
.grid_wrapper.doc.not-fieldset>.grid_head>.grid_caption{
    border-bottom-width: 0;
}

.grid_head .title,
.block-head>.block-title>.title{
    font-weight: bold;
    flex-grow: 1;
}

.grid_wrapper.doc.long-form>.table>.tbody>.tr:not(.collapsable){
    margin-top: 1rem;
    /*box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;*/
    border-radius: .5rem;    
}

.grid_wrapper.doc.collapsed > .grid_head>.grid_caption{
    background-color: color-mix(in oklab, var(--cs-own-text-color) 84%, white);
    --cs-text-color: white;
    --cs-icon-color: white;
}

.grid_wrapper.doc.collapsed > .grid_head>.grid_caption>.title{
    font-weight: normal;
}

.grid_wrapper.doc.collapsed .button-grid-settings:not(:hover):not(.focus) {
    --cs-icon-color: white;
}

.grid_wrapper.doc.long-form:not(.collapsed) > .grid_head>.grid_caption{
    border-radius: .5rem;
    border-width: 1px;
}

.grid_wrapper.doc.long-form>.table>.tbody>.tr>.td{
    border-top-style: solid;
    border-top-width: 1px;
}
/*
.grid_wrapper.doc>.table>.tbody>.tr>.td{
    --cs-border-color: color-mix(in oklab, var(--cs-own-text-color) 30%, white);
}
*/
.grid_wrapper.doc.long-form>.table>.tbody>.tr>.td.f-index{
    border-radius: .5rem 0 0 .5rem;    
}

.grid_wrapper.doc.long-form>.table>.tbody>.tr>.td.f-opt{
    border-radius: 0 .5rem .5rem 0;    
}

.grid_wrapper.doc>.table.grid.has-border.fieldset{
    border-top: none;
}

.block-head>.block-title>.title::before,
.grid_wrapper.doc .button-grid-settings {
    min-width: calc(2.5rem - 1px);
    width: calc(2.5rem - 1px);
    max-width: calc(2.5rem - 1px);
    border-radius: .25rem;    
}

.grid_wrapper.doc .button-grid-settings:not(:hover):not(.focus) {
    --cs-icon-color:var(--cs-own-text-color);
    color: var(--cs-own-text-color, var(--cs-icon-color));
    background-image: radial-gradient(at 50% 50%, color-mix(in oklab, var(--cs-icon-color) 16%, transparent), transparent 70%, transparent 100%);
}

.grid_wrapper.doc .button-grid-settings.focus,
.grid_wrapper.doc .button-grid-settings:hover {
    --cs-hover-bg-color: var(--cs-own-text-color, var(--cs-icon-color));
}
/*
.grid_wrapper.doc:not(.grid_wrapper_empty) .button-grid-settings:hover::before {
    color:white;
}
*/
.grid_wrapper.doc.grid_wrapper_empty .button-grid-settings:not(:hover):not(.focus)::before {
    color:var(--cs-own-text-color); 
}

.grid_wrapper.scheme-doc .grid_table_options_bottom button.append {
    --cs-bg-color:var(--cs-own-bg-color);
    --cs-hover-bg-color:var(--cs-own-text-color);
    --cs-add-text-color: var(--cs-own-text-color);
    border-width: 1px;
    border-style: solid;
    border-color:var(--cs-own-text-color);
}
/*
.grid_wrapper.scheme-doc .grid_table_options_bottom button.append:not(:hover) {
    background-color:color-mix(in oklab, var(--cs-own-bg-color) 30%, var(--cs-bg-color-mix));
}
*/
.grid_wrapper.scheme-doc .grid_table_options_bottom button.append *{
    --cs-text-color:var(--cs-own-text-color);
}
/*
.grid_wrapper.doc>.table>.thead > .tr > .th,
.table.grid.fieldset.sgl > .tbody > .tr:not(.grid_row_deleted):first-of-type > .td.col-f-fieldset .form_field > label {
    background-color:color-mix(in oklab, var(--cs-bg-color) 30%, var(--cs-bg-color-mix));
}
*/
/*
.block_wrapper{
    box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 4px;
}
*/
.doc-block-picture{
    box-shadow:none;
}
.plain-table{
    margin-top:0.5rem;
    margin-bottom:0.5rem;
    width: 100%;
}

.plain-table>.wrap{
    width: 100%;
    border-style: solid;
    border-color: rgba(0,0,0,0.24);
    border-width: 1px;
    border-radius: 0.4rem;
    background-color: white;
}

.plain-table>.div{
    padding:0.4rem;
}

.plain-table>.title>span{
    font-weight: bold;
}

.plain-table>.title::before{
    content: '\E049';
    margin-right: 0.4rem;
}

.plain-table>.desc{
    font-style: italic;
}

.plain-table>.wrap>.head>div,
.plain-table>.wrap>.body>div{
    display: flex;
}

.plain-table>.wrap>.head>div>div,
.plain-table>.wrap>.body>div>div{
    padding: 0.2em;
}

.plain-table>.wrap>.head>div{
    border-bottom: 1px solid rgba(0,0,0,0.24);
    font-weight: bold;
}
.plain-table>.wrap>.body>div{
    border-bottom: 1px solid rgba(0,0,0,0.12);
}
.plain-table>.wrap>.body>div:last-child{
    border-bottom: none;
}

.doc_page.dashboard>div>div>div.grid_wrapper{
    margin-left: 0.5rem;
}

.subject-caption{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    line-height: 1;
}

.subject-caption>span:first-child{
    margin-right: 2em;
    flex-grow: 1;
    display: flex;
    align-items: center;
    font-weight: bold;
}

.subject-caption .collection{
    font-size: 0.7em;
    color: rgba(0,0,0,0.4);
}

[data-h-checkout="1"]{
    background-color: #4bbb2d !important;
    color: white !important;
}

[data-h-checkout="2"]{
    background-color: #f6584c !important;
    color: white !important;
}

[data-h-checkout="1"] p{
    background-color: #4bbb2d !important;
    color: white !important;
}

[data-h-checkout="2"] p{
    background-color: #f6584c !important;
    color: white !important;
}

.doc_body.deleted{
    opacity: 0.6;
    filter: grayscale(1);
}

.doc_body.deleted .tbody>.tr.deleted{
    opacity: 1;
}

.doc_page.report-term.confort .grid_wrapper.course_student{
    margin-top:1.5rem;
    border-top-width: 1px;
    border-top-style: solid;
}

.td.form_field.history.f-grade{
    filter: grayscale(1);
}

.doc_page.snap .block-head,
.doc_page.snap .grid_wrapper.block_wrapper{
    margin: 0;
}

.grid_wrapper.snap .grid_table_options_bottom {
    display: none;
}

div.paper-letter.page-portrait.snap{
    border-bottom: none;
    margin-bottom: 1rem;
    padding-bottom: 0;
}

.form_field.doc.f-tokenize.extended{
    width: auto;
    min-width: auto;
    background-color: white;
}

.dpanel{
    margin-top:1rem;
    margin-bottom: 4rem;
}

.doc_page>.form_field.f-index{
    display: none;
}

body:not(.printing) .doc_page>.form_field.f-index{
    width: 8rem;
    border: .1rem solid rgba(0,0,0,0.16);
    border-radius: 0 1rem 1rem 0;
    align-self: flex-start;
    background-color: whitesmoke;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:4px;
}

.doc_page>.form_field.f-index>.input_envelope{
    width:100%;
}

.doc_page>.form_field.f-index button.row-label{
    border-radius: 0 1rem 1rem 0;
    min-height: 2rem;
    width: 100%;
}

.doc_envelope.single .doc_page>.form_field.f-index{
    display: none;
}

/*
.doc_page>.form_field.f-index .input_envelope.input_index>div>div:first-child{
    flex-grow: 1;
}

.doc_page>.form_field.f-index .input_envelope.input_index>div button{
    flex-grow: 0;
}
*/
.row-overview-wrapper{
    display: none;
}
/*
.dpanel,
.doc_page>.form_field.f-index{
    display: none;
}
*/
/*
.doc_section>.doc_page:first-child{
    margin-top: 1rem;
}

.doc_section>.doc_page:last-child{
    padding-bottom: 8rem;
}
*/
.doc_body>.grid_wrapper:first-child .grid_head > div, .block-head > span.title,
.doc_envelope.dashboard .doc_page:first-child{
    margin-top: 0;
}

.doc_envelope.dashboard .doc_page>.form_field.field-index{
    display: none;
}

.doc_page.highlight .doc-header,
.doc_page.highlight .doc_grid_form{
    /*
    background-color: white;
    border-width: 1px;
    border-style: dashed;
    border-color: rgba(0,0,0,.24);        
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
    border-radius: 8px;*/
    background-color: rgba(255, 255, 0, .3);
}

.doc_page.highlight>.form_field.field-index{
    margin-left: -.6rem;
}
/*
.doc_page{
    padding: .5rem;
}
*/
div.doc_body .doc-block-picture div.doc_row_form{
    background-color: transparent;
}
/*
.table.family_member .form_field.occupation_status-E,
.table.family_member .form_field.employee{
    background-color: #e0e0e0;
}
*/
.footnote {
  font-size: small;
  color: rgba(0,0,0,0.64);
  font-style: italic;
  border-left: .2rem solid rgba(0,0,0,0.32);
  padding-left: 1rem;
}

.block_wrapper.empty,
.block_wrapper.hide{
    margin: 0;
    padding: 0;
    border: none;
    height: 0;
    overflow: hidden;
}
/*
.doc_page.not-editing .form_field.f-tokenize.has-color{
    filter: grayscale(1);
}
*/
/*
.form_field.f-tokenize.field-payment_item li.Token{
    padding:.6rem;
}

.form_field.f-tokenize.field-payment_item li.Token:hover::before{
    border-radius: 2rem;
}
*/
.table.lpage.report>.tbody>.tr{
    page-break-after: always;
}

.doc_row_form>.form_field.total p,
.doc_row_form>.form_field.total label{
  font-weight: bold;
  font-style: normal;
}

/*.doc_group_form:not(.expanded) .doc_row_form>.form_field.collapsed*/
.doc_group_form:not(.expanded) .doc_row_form.collapsable{
    display: none;
}

.tr.not-expandable .form_field.toggle button.btn,
.tr.not-expandable .doc_row_form.collapsable{
    display: none;
}

.form_field.doc.hide{
    display: none;
}

.form_field.toggle>label>span:first-child{
    display: flex;
}

.form_field.toggle>label>span:first-child>span:first-child{
    flex-grow: 1;
}
/*
.form_field.f-display.spaced.field-flag span.field-flag{
    text-transform: uppercase;
}
*/
.form_field.f-display.spaced.field-flag .input_envelope{
    background-color: #fff0a9;
}

.doc_row_form.hide{
    display: none;
}

.doc-page-wrapper{
    display:flex;
    flex-direction: column;
    margin: 0 auto;
    font-size: 10pt;
}

.doc-page-wrapper>.doc-header{
    display:flex;
    flex-direction: column;    
}

.doc-page-wrapper>.doc-page{
    display:flex;
    flex-direction: column;    
}

.doc-page-wrapper>.doc-page .doc-space{
    min-height: 1rem;
}

.doc-page-wrapper>.doc-header .doc-row,
.doc-page-wrapper>.doc-page .doc-row{
    display: flex;
    padding:0;
    flex-wrap: wrap;
}

.doc-page-wrapper .doc-row>*{
    display: inline-flex;
    align-items: center;
}

.doc-page-wrapper>.doc-page .doc-table{
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    background-color:rgba(255,255,255,0.8);
}

.doc-page-wrapper>.doc-page .doc-list{
    padding: 0;
}

.doc-page-wrapper>.doc-page .doc-table>div{
    display: flex;
    flex-direction: row;
    padding:0;
}

.doc-page-wrapper>.doc-header div,
.doc-page-wrapper>.doc-page div{
    border-style: solid;
    border-color: rgba(0,0,0,0.32);
    border-width: 0;
    min-height: 1rem;
    padding:.2rem .3rem;
    background-image: cover;
}

.doc-page-wrapper>.doc-page .doc-table>div>*{
    display: inline-flex;
    border-style: solid;
    border-color: rgba(0,0,0,0.32);
    min-height: 2rem;
    align-items: center;
    padding: .2rem;
    line-height: 1;
}

.doc-page-wrapper>.doc-page .doc-table>div>div:not(.cwd){
    width:100%;
}

.doc-page-wrapper>.doc-page>.doc-row>*{
    border-style: solid;
    border-color: rgba(0,0,0,0.32);
    border-width: 0;
}

.doc-page-wrapper .doc-img{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.doc-page-wrapper>.doc-page .doc-table[data-bullet]>div[data-bullet="none"]>div:first-child::before{
    content: '';
}

.doc-page-wrapper>.doc-page .doc-table[data-bullet]>div>div:first-child::before{
    content: '\E096';
    margin-right: .5rem;
    margin-left: .2rem;
    color: #1c5a9a;
    font-size: 1.2rem;
}

.doc-page-wrapper>.doc-page .doc-table[data-bullet="check"]>div>div:first-child::before{
    content: '\E030';
}

.doc-page-wrapper>.doc-page .doc-table[data-bullet="checkbox"]>div>div:first-child::before{
    content: '\E096';
}

.doc-page-wrapper>.doc-page .doc-table>div[data-bullet="individual"]>div:first-child::before{
    content: '\E03C';
}

.doc-page-wrapper>.doc-page .doc-table[data-bullet="comment"]>div:not([data-bullet])>div:first-child::before{
    content: '\E04C';
    color:#666666;
}

.doc-page-wrapper>.doc-page .doc-table[data-bullet="activity"]>div>div:first-child::before{
    content: '\E058';
    color:#ffa419;
}

.doc-page-wrapper>.doc-page .doc-table[data-bullet="caution"]>div>div:first-child::before{
    content: '\E058';
    color:#ffa419;
}

.doc-page-wrapper>.doc-page .doc-list>div::before{
    content: '\E030';
    margin-right: .5rem;
    font-size: 1.2rem;
    color: #1c5a9a;
}

.doc-page-wrapper>.doc-page .doc-list>div.info::before{
    content: '\E038';
}

.doc-page-wrapper>.doc-page .doc-list>div.clock::before{
    content: '\E023';
}

.doc-page-wrapper>.doc-page div.doc-block{
    padding: 0;
}
/*
.doc-page-wrapper>.doc-page div.doc-table.spaced{
    margin-top: 1rem;    
}
*/
.doc-page-wrapper>.doc-page div.doc-table.spaced>div{
    border-top-width: 1px;
}
/*
.doc-page-wrapper>.doc-page div.doc-table.spaced>div>div:first-child{
    font-weight: bold;
}
*/
.doc-page-wrapper > .doc-page .toggle-box{
    border-width:0 1px 1px 1px;
    padding: 0;
    display: flex;
    align-items: stretch; 
    border-radius: 0 0 .5rem .5rem;
    background-color: rgba(0,0,0,0.02); 
}

.doc-page-wrapper > .doc-page .toggle-box.snap{
    border-bottom-width: 0;
    border-radius: 0;
    background-color: transparent;    
}

.doc-page-wrapper > .doc-page .toggle-box>div{    
    padding: 0;    
    display: flex;
    flex-direction: column;
}

.doc-page-wrapper > .doc-page .toggle-box>div>span:first-child{    
    border-bottom: 1px dashed rgba(0,0,0,0.24);
    height: 50%;
}

.doc-page-wrapper > .doc-page .toggle-box.expanded>div>span:first-child{
    border-bottom-color: white;
}

.doc-page-wrapper > .doc-page .toggle-box.expanded{
    border-radius: 0;
}

.doc-page-wrapper > .doc-page .toggle-box.expanded{
    background-color: #1c5a9a;    
}

.doc-page-wrapper > .doc-page .toggle-box>button{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.doc-page-wrapper > .doc-page .toggle-box.expanded>button{
    border-radius: 0;
}

.doc-page-wrapper > .doc-page .toggle-box.expanded>button>span>span:first-child{
    display: none;
}

.doc-page-wrapper > .doc-page .toggle-box.expanded>button>span>span:last-child{
    display: inherit;
}

.doc-page-wrapper > .doc-page .toggle-box.expanded>button::after,
.doc-page-wrapper > .doc-page .toggle-box.expanded>button>span>span{
    color: white;
}

.doc-page-wrapper > .doc-page .doc-table > div > div.toggle-cell{
    padding:0;
}

.toggle-cell>button{
    display: flex;
    border-radius: 0;
    width:100%;
    height:100%;
    justify-content: center;
    align-items: center;
}

.toggle-cell>button>span{
    display: none;
}

.toggle-cell>button.active>span>span:first-child{
    display:none;
}

.toggle-cell>button>span>span:last-child{
    display:none;
}

.expanded + div.collapsable {
  display: block;
}

.doc-page-wrapper > .doc-page .doc-feedback>div>div{
    display: flex;
    align-items: flex-start;
    line-height: 1.5;
}

.doc-page-wrapper > .doc-page .doc-feedback>div>div::before{
    content: '\E04C';
    font-size: 1.2rem;
    margin-right: .5rem;
    min-width: 1.2rem;
}

.doc-page-wrapper > .doc-page .br-T,
.doc-page-wrapper > .doc-page .br-TR,
.doc-page-wrapper > .doc-page .br-TRB,
.doc-page-wrapper > .doc-page .br-TRBL,
.doc-page-wrapper > .doc-page .br-TRL,
.doc-page-wrapper > .doc-page .br-TB,
.doc-page-wrapper > .doc-page .br-TBL,
.doc-page-wrapper > .doc-page .br-TL{
    border-top-width: 1px;
}

.doc-page-wrapper > .doc-page .br-TR,
.doc-page-wrapper > .doc-page .br-TRB,
.doc-page-wrapper > .doc-page .br-TRBL,
.doc-page-wrapper > .doc-page .br-TRL,
.doc-page-wrapper > .doc-page .br-R,
.doc-page-wrapper > .doc-page .br-RBL,
.doc-page-wrapper > .doc-page .br-RB,
.doc-page-wrapper > .doc-page .br-RL{
    border-right-width: 1px;
}

.doc-page-wrapper > .doc-page .br-TRB,
.doc-page-wrapper > .doc-page .br-TRBL,
.doc-page-wrapper > .doc-page .br-TB,
.doc-page-wrapper > .doc-page .br-TBL,
.doc-page-wrapper > .doc-page .br-RB,
.doc-page-wrapper > .doc-page .br-RBL,
.doc-page-wrapper > .doc-page .br-BL,
.doc-page-wrapper > .doc-page .br-B{
    border-bottom-width: 1px;
}

.doc-page-wrapper > .doc-page .br-TL,
.doc-page-wrapper > .doc-page .br-TRL,
.doc-page-wrapper > .doc-page .br-TRBL,
.doc-page-wrapper > .doc-page .br-TBL,
.doc-page-wrapper > .doc-page .br-RL,
.doc-page-wrapper > .doc-page .br-RBL,
.doc-page-wrapper > .doc-page .br-BL,
.doc-page-wrapper > .doc-page .br-L{
    border-left-width: 1px;
}

.doc-page-wrapper > .doc-page .al-C{
    justify-content: center;
    text-align: center;
}
.doc-page-wrapper > .doc-page .doc-img.al-L{
    background-position-x: left;
}

.doc-page-wrapper > .doc-page .fg-1{
    flex-grow:1;
}

.doc-page-wrapper > .doc-page .fz-12{
    font-size: 12pt;
}

.doc-page-wrapper > .doc-page .fw-B{
    font-weight: bold;
}

.at96-value-3 button:not(:hover){
    background-color: #d5e8ff;
}

.at96-value-2 button:not(:hover){
    background-color: #def8de;
}

.at96-value-0 button:not(:hover),
.at96-value-1 button:not(:hover){
    background-color: #fed9e1;
}

.collapsable{
    display: none;
}
/*
.doc-block.collapsable{
    background-color: rgba(0,0,0,0.05);
}
*/
.doc-block.collapsable .doc-block.collapsable{
    background-color: rgba(255,255,255,0.95);
}

.doc-notices>div + div{
    margin: .5rem 0;
}

.doc-table .doc-row-grade-chart .toggle-cell{
    justify-content: flex-end;
    background-size: calc(100% - 2rem);
}

.doc-table .doc-row-grade-chart .toggle-cell::after {
  border-radius: 50% 0 0 50%;
}

.doc_img_header>div{
    border: 1px solid rgba(0,0,0,0.24);
    border-radius: .5rem;
    overflow: hidden; 
}

.doc_img_header>div>img{
    width: 100%;
}

.doc_img_header>div>div{
    display:flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(0,0,0,0.24);
    text-transform: uppercase;
    text-align:center;
}

.doc_page.new .form_field.only-created{
    display: none;
}

.doc-block-vehicle>.block-head>.caption{
    background-color: #FFFF99;
}

.doc-table:not(.expanded) + .doc-block.collapsable + .doc-table.doc-feedback>div:first-child>div:first-child,
.doc-table:not(.expanded) + .doc-block.collapsable + .doc-table>div:first-child{
    border-top-width:0;
}

.doc-page-wrapper > .doc-page .doc-block.collapsable>.doc-table>div:first-child{
    border-top-width:0;
}

.doc_body>.message + .message{
    margin-top:.5rem;
}

.grid_wrapper.block_wrapper:not(.hide){
    margin:.5rem 0;
}

.doc_body>*:nth-child(9n + 1){--cs-own-text-color: #BF8000; --cs-own-bg-color: #ffe28c;}
.doc_body>*:nth-child(9n + 2){--cs-own-text-color: #5442C7; --cs-own-bg-color: #e3e3ff;}
.doc_body>*:nth-child(9n + 3){--cs-own-text-color: #008768; --cs-own-bg-color: #c1f7eb;}
.doc_body>*:nth-child(9n + 4){--cs-own-text-color: #C93466; --cs-own-bg-color: #ffd9e1;}
.doc_body>*:nth-child(9n + 5){--cs-own-text-color: #5D8500; --cs-own-bg-color: #e4f6bc;}
.doc_body>*:nth-child(9n + 6){--cs-own-text-color: #008768; --cs-own-bg-color: #c1f7eb;}
.doc_body>*:nth-child(9n + 7){--cs-own-text-color: #BF8000; --cs-own-bg-color: #ffebae;}
.doc_body>*:nth-child(9n + 8){--cs-own-text-color: #C93466; --cs-own-bg-color: #ffd9e1;}
.doc_body>*:nth-child(9n + 9){--cs-own-text-color: #5D8500; --cs-own-bg-color: #e4f6bc;}

.doc_body>*:nth-child(9n + 1) .table>.thead{--cs-text-color: color-mix(in oklab,#BF8000 50%, rgba(0,0,0,.7)); --cs-bg-color: #ffe28c;}
.doc_body>*:nth-child(9n + 2) .table>.thead{--cs-text-color: color-mix(in oklab,#5442C7 50%, rgba(0,0,0,.7)); --cs-bg-color: #e3e3ff;}
.doc_body>*:nth-child(9n + 3) .table>.thead{--cs-text-color: color-mix(in oklab,#008768 50%, rgba(0,0,0,.7)); --cs-bg-color: #c1f7eb;}
.doc_body>*:nth-child(9n + 4) .table>.thead{--cs-text-color: color-mix(in oklab,#C93466 50%, rgba(0,0,0,.7)); --cs-bg-color: #ffd9e1;}
.doc_body>*:nth-child(9n + 5) .table>.thead{--cs-text-color: color-mix(in oklab,#5D8500 50%, rgba(0,0,0,.7)); --cs-bg-color: #e4f6bc;}
.doc_body>*:nth-child(9n + 6) .table>.thead{--cs-text-color: color-mix(in oklab,#008768 50%, rgba(0,0,0,.7)); --cs-bg-color: #c1f7eb;}
.doc_body>*:nth-child(9n + 7) .table>.thead{--cs-text-color: color-mix(in oklab,#BF8000 50%, rgba(0,0,0,.7)); --cs-bg-color: #ffebae;}
.doc_body>*:nth-child(9n + 8) .table>.thead{--cs-text-color: color-mix(in oklab,#C93466 50%, rgba(0,0,0,.7)); --cs-bg-color: #ffd9e1;}
.doc_body>*:nth-child(9n + 9) .table>.thead{--cs-text-color: color-mix(in oklab,#5D8500 50%, rgba(0,0,0,.7)); --cs-bg-color: #e4f6bc;}

.table.doc.tbl-single-row > .tbody > .tr > .td.f-opt,
.table.doc.tbl-single-row > .tbody > .tr > .td.f-index {
    min-width: 0;
    width: 0;    
    margin: 0;
}

.table.doc.tbl-single-row.has-border .td.f-opt{
    border-right-width: 0;
}

.table.doc.tbl-single-row.has-border > .tbody:last-child > .tr:last-child > .td:first-child {
    border-left-width: 0;
}

.table.doc.tbl-single-row > * > .tr {
    padding:0;
}

.block_wrapper.t-checkbox.block-cluster>.block-head > .block-title > .title > span {
    font-weight: normal;
}

.doc_picture_frame{
    display: flex;
    justify-content: center;
    align-items: center;
}
/*/var/www/html/clickschoolinfo/public/themes/modern/css/input.css*/
button.icon,
input.icon {
    border: none;
    min-width: 2rem;
    min-height: 2rem;
    background-position-x: center;
}

span.input-caption {
    color: #000;
    display: flex;
    flex-direction: column;
}

textarea {
    font-family: Arial, Helvetica, sans-serif;
}

input[type=button] {
    cursor: pointer;
}

input[type=submit] {
    cursor: pointer;
}

input[type=button]:enabled:hover {
    background-color: #1a5b9c;
    color: #FFF;
    opacity: 1;
}

input[type=button]:disabled:hover {
    cursor: context-menu;
}

input[type=submit]:hover {
    background-color: #1a5b9c;
    color: #FFF;
}

input[type=date] {
    padding-left: 24px;
    background-image: url(../images/black/icon_calendar.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: 4px center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.input_textarea_readonly i {
    border-bottom-color: #EEE;
}

/*
button.input-checkbox{
    width: 100%;
    height: 100%;
}
*/
button.input-checkbox:hover {
    background-color: transparent;
}

/*
.YN .input-checkbox.unchecked:hover::before,
.YN .input-checkbox.checked:hover::before,
button.input-checkbox:hover::before{
    color: #1a5b9c;
}*/

.btn-attendance::before,
.input-checkbox::before {
    font-family: 'icons';
    font-style: normal;
}

.btn-attendance::before {
    font-size: 1rem;
}

.btn-attendance.checked::before {
    content: '\E08D';
    color: #0f9d58;
}

.input-checkbox.checked::before {
    content: '\E087';
}

.btn-attendance.unchecked::before {
    content: '\E07E';
    color: #f6584c;
}

.input-checkbox.unchecked::before {
    content: '\E056';
}

.input-checkbox.checked::before,
.YN .input-checkbox.checked::before,
.t-acco .input-checkbox.checked::before {
    content: '\E030';
    --cs-icon-color: white;
    background-color: #00c389;
    border-radius: .2rem 0 0 .2rem;
    border-width: 1px 0 1px 1px;
}

.input-checkbox.checked::after,
.YN .input-checkbox.checked::after,
.t-acco .input-checkbox.checked::after {
    content: '\E106';
    --cs-icon-color: white;
    background-color: #00c389;
    border-radius: 0 .2rem .2rem 0;
    border-width: 1px 1px 1px 0;
}

.form_field.ff-enabled.adder>.input_envelope.input_adder::before,
.input-checkbox.unchecked::before,
.YN .input-checkbox.unchecked::before,
.t-acco .input-checkbox.unchecked::before {
    content: '\E106';
    --cs-icon-color: white;
    background-color: #a5a5a5;
    border-radius: .2rem 0 0 .2rem;
    border-width: 1px 0 1px 1px;
}

.form_field.ff-enabled.adder>.input_envelope.input_adder::after,
.input-checkbox.unchecked::after,
.YN .input-checkbox.unchecked::after,
.t-acco .input-checkbox.unchecked::after {
    content: '\E02A';
    --cs-icon-color: white;
    background-color: #a5a5a5;
    border-radius: 0 .2rem .2rem 0;
    border-width: 1px 1px 1px 0;
}

span.fieldset-caption.checkbox.acco:after {
    margin-left: 1rem;
    float: right;
}

span.fieldset-caption.checkbox.acco.yes:after {
    content: '\E085';
    color: #0f9d58;
    text-shadow: none;
    font-size: 1.2rem;
}

span.fieldset-caption.checkbox.acco.not:after {
    content: '\E086';
    color: #c2c2c2;
    text-shadow: none;
    font-size: 1.2rem;
}

/*
.input-checkbox.enabled.checked::before{
    content: '\E087';
    color: #0f9d58;
    text-shadow: none;
}
*/
div.grid_th_wrapperv input.input-checkbox {
    opacity: 0.64;
}

/*
.input_button-radio{
    width: 100%;
    border: medium none;
    cursor: pointer;
    box-sizing: border-box;
}

.input_radio-checked{
    background-image: url(../images/black.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center -5529px;
}

.input_radio-checked:hover{
    background-image: url(../images/white.png?v=6abdc5c6c7845);
}

.input_radio-unchecked{
    background-image: url(../images/black.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center -5481px;
}

.input_radio-unchecked:hover{
    background-image: url(../images/white.png?v=6abdc5c6c7845);
}
*/
button.input-radio {
    border-radius: 0;
    width: 100%;
    /*min-height: 28px;*/
}

button.input-radio.checked::before {
    font-family: 'icons';
    font-style: normal;
    content: '\E08D';
    color: #0f9d58;
}

button.input-radio.unchecked::before {
    font-family: 'icons';
    font-style: normal;
    content: '\E08E';
    color: #c2c2c2;
}

.input_wrapper input[type="radio"] {
    margin-top: 5px;
}

.input_wrapper input[type="text"],
.input_wrapper input[type="password"] {
    background-color: transparent;
    width: 100%;
    text-align: inherit;
    text-indent: 4px;
    border: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 100%;
}

.td.form_field.f-grade.down .grade-wrapper,
.td.form_field.f-grade.up .grade-wrapper,
.td.form_field.f-tree.focus .input-display-wrapper input[type="text"],
.td.form_field div.input-edit-wrapper input[type="text"],
.td.form_field div.input-edit-wrapper textarea[type="text"],
.td.form_field div.input-edit-wrapper input[type="password"] {
    /*border: 2px solid rgba(0,0,0,0.92);*/
    box-shadow: black 0px 0px 0 2px inset;
}

.input_wrapper textarea {
    background-color: transparent;
    width: 100%;
    text-align: inherit;
    resize: vertical;
    border: none;
    /*box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.048) inset;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.input_wrapper select {
    border: none;
    background: transparent;
    width: 100%;
}

.input_wrapper {
    height: 100%;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: stretch;
    min-height: 2rem;
    flex-grow: 1;
}

.form_field.f-grade .input_wrapper {
    background-color: var(--cs-bg-color);
}

/*
.grade-wrapper{
    font-size:1em;    
}
*/
/*
li.Token{
    font-size:0.8em;
}
*/
/*a.status::before,*/
.form_field.ff-enabled.adder>.input_adder::before,
.form_field.ff-enabled.adder>.input_adder::after,
.input-radio::before,
.input-checkbox::after,
.input-checkbox::before {
    font-size: 1.2rem;
    padding: 1px 1px;
    height: 1.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-color: rgba(0, 0, 0, 0.1);
    border-style: solid;
    cursor: pointer;
}

a.status::before {
    margin-right: 0.2em;
}

.input_wrapper a,
.input_wrapper p {
    margin: 0 0;
    width: 100%;
    align-self: center;
    height: 100%;
    display: flex;
    align-items: center;
    line-height: 1.2;
}

.f-display button {
    border-radius: 0;
    text-align: left;
    display: flex;
    align-items: center;
}

.input-card-label,
.input_wrapper>div>button,
.input_wrapper a,
.input_wrapper p,
input[type="text"],
optgroup,
select,
textarea {
    width: 100%;
}

.input-card-label,
.input_wrapper>div>button,
.input_wrapper a,
.input_wrapper p,
input[type="text"],
optgroup,
select,
textarea,
li.Token {
    font-size: 0.8em;
}

.form_field.doc.f-textarea div.input_wrapper p {
    align-items: flex-start;
}

.input_wrapper>div {
    width: 100%;
    display: flex;
    justify-content: center;
}

.form_field.align-left .input_wrapper>div {
    justify-content: flex-start;
}

.input_text .input_wrapper>div {
    justify-content: flex-start;
}

.input_attendance .input_wrapper>div {
    display: inline-flex;
    justify-content: center;
}

.td.form_field.f-attendance.has-flag_sick {
    background-color: rgba(255, 169, 181, .4) !important
}

.form_field.align-center>div>div>div.input_wrapper>div>button,
.form_field.align-center>div>div>div.input_wrapper>div>p,
.form_field.align-center>div>div>div.input_wrapper>div {
    justify-content: center;
}

.form_field.doc.align-right>div>div>div.input_wrapper>div>button,
.form_field.doc.align-right>div>div>div.input_wrapper>div>p,
.form_field.doc.align-right>div>div>div.input_wrapper>div {
    justify-content: flex-end;
}

.form_field.td.align-right>div>div>div.input_wrapper>div>button,
.form_field.td.align-right>div>div>div.input_wrapper>div>p,
.form_field.td.align-right>div>div>div.input_wrapper>div {
    text-align: right;
    justify-content: flex-end;
}

.input_scale .input_wrapper>div:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
}

.input_scale .input_wrapper>div:first-child>p {
    min-height: auto;
}

.cs_input_with_search>div {
    width: calc(100% - 36px) !important;
    display: inline-block;
    vertical-align: top;
}

.input_enable_wrapper {
    width: 20px;
    max-width: 20px;
    min-width: 20px;
    display: none;
}

div.input_average span.input_enable_wrapper,
div.input_attendance span.input_enable_wrapper,
div.input_grade span.input_enable_wrapper {
    display: none;
}

.input_enable_wrapper button {
    display: block;
    background-color: transparent;
    width: 4px;
    height: 4px;
    border: none;
    cursor: pointer;
    margin-bottom: 4px;
    /*border-bottom-right-radius:100px;*/
}

.input_enable_wrapper button:hover {
    background-color: #000;
}

.cs_input_locked {
    background-image: url('../images/black/locked.png');
    background-position: left center;
    background-repeat: no-repeat;
}

.input-color,
.cs_input_color {
    width: 16px;
    height: 16px;
    margin-left: 4px;
    margin-bottom: 4px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.cs_input_color_selected {
    background-image: url("../images/black/color_selected.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
}

.cs_input_popup_calendar input,
.cs_input_popup_calendar select,
.cs_input_popup_datetime input,
.cs_input_popup_datetime select {
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.16);
}

.cs_input_tbl_calendar {
    margin: 0 auto;
}

.cs_input_tbl_calendar td>input {
    width: 28px;
    height: 28px;
    text-align: center;
}

.cs_input_tbl_calendar input {
    width: 100%;
    border: none;
    background-color: transparent;
}

.cs_input_calendar_selected {
    background-color: #1a5b9c !important;
    color: #FFF;
}

.cs_input_tbl_calendar th {
    background-color: rgba(0, 0, 0, 0.08);
    font-weight: normal;
    padding: 3px 0;
}


.calendar_holiday {
    background-color: #00a6e4;
    color: #FFF;
}

.calendar_holiday input {
    color: #FFF;
}

.calendar_break {
    background-color: #b599c9;
    color: #FFF;
}

.calendar_meeting {
    background-color: #f03898;
}

.calendar_period {
    border: 1px solid rgba(0, 0, 0, 0.64);
}

.calendar_periods_wrapper>div {
    display: inline-block;
    padding: 4px 4px;
    margin-right: 8px;
}

.calendar_periods_wrapper {
    padding-left: 16px;
}

.doc_document .calendar_wrapper {
    border: 1px solid rgba(0, 0, 0, 0.12);
    margin: 16px 12mm;
}

.calendar_day_wrapper>span:nth-child(2) input[type="button"] {
    border-radius: 12px;
    height: 24px;
    width: 24px;
}

.calendar_day_wrapper>span:nth-child(2) input[type="button"]:hover {
    background-color: rgba(0, 0, 0, 0.24);
}

.calendar_wrapper h2 {
    margin: 0 auto;
    text-align: left;
    font-weight: normal;
    padding-left: 24px;
}

.calendar_wrapper h3 {
    text-decoration: none;
    text-align: center;
    color: rgba(0, 0, 0, 0.72);
}

.calendar_special {
    border: 1px solid rgba(0, 0, 0, 0.64);
}

.input_calendar .calendar_day_wrapper {
    width: 100%;
}

.input_calendar>div {
    display: flex;
    align-items: stretch;
    flex-direction: column;
}

.calendar_self_sessions {
    background-color: #0072c6;
    color: white;
    display: block;
}

.calendar_filler .input-options {
    visibility: hidden;
}

.grid_row_locked .input_date .input_options,
.input_date.readonly .input_options {
    visibility: hidden;
}

.calendar_day_wrapper {
    display: flex;
    flex-direction: column;
}

.calendar_day_wrapper>span {
    display: flex;
    text-align: center;
    width: 100%;
    color: rgba(0, 0, 0, 0.48);
}

.calendar_day_wrapper>span:last-child>span:nth-child(2) {
    flex-grow: 2;
    color: rgba(0, 0, 0, 0.92);
}

.calendar_day_wrapper>span>span:nth-child(2) {
    flex-grow: 2;
}

.calendar_day_wrapper>span>span:last-child,
.calendar_day_wrapper>span>span:first-child {
    width: 12px;
    /*visibility: hidden;*/
}

.calendar_day_wrapper input[type="button"] {
    width: 100%;
    border: none;
}

.input_custom .calendar_day_wrapper>span {
    min-height: 54px;
}

.input_custom .calendar_day_wrapper>span>span:nth-child(2) {
    flex-grow: 2;
    line-height: 54px;
}

.calendar_day_wrapper .input-options,
.calendar_day_wrapper .input-options.turnon,
.calendar_day_wrapper .input-options.turnon_up {
    width: 100%;
    border: none;
    cursor: pointer;
}

.calendar_day_wrapper .input-options.turnon,
.calendar_day_wrapper .input-options.turnon_up {
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-top: 1px solid rgba(0, 0, 0, 0.48);
}

.input_day_wrapper {
    display: flex;
    flex-direction: column;
}

.input_day_wrapper>span {
    display: flex;
    text-align: center;
    width: 100%;
    color: rgba(0, 0, 0, 0.48);
}

.input_day_wrapper>span:last-child>span:nth-child(2) {
    flex-grow: 2;
    color: rgba(0, 0, 0, 0.92);
}

.input_day_wrapper>span>span:nth-child(2) {
    flex-grow: 2;
}

.input_day_wrapper>span>span:last-child {
    width: 12px;
    /*visibility: hidden;*/
}

.input_day_wrapper input[type="button"] {
    width: 100%;
    border: none;
}

.input_custom .input_day_wrapper>span {
    min-height: 54px;
}

.input_custom .input_day_wrapper>span>span:nth-child(2) {
    flex-grow: 2;
    line-height: 54px;
}

.input_day_wrapper .input-options,
.input_day_wrapper .input-options.turnon,
.input_day_wrapper .input-options.turnon_up {
    width: 100%;
    border: none;
    cursor: pointer;
}

.input_day_wrapper .input-options.turnon,
.input_day_wrapper .input-options.turnon_up {
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-top: 1px solid rgba(0, 0, 0, 0.48);
}

.input_options {
    display: flex;
}

.input_options input[type="button"] {
    border: none;
    cursor: pointer;
    height: 100%;
    width: 100%;
    /*background-color: transparent;*/
    min-width: 20px;
}

input.input_grade_flag {
    min-width: 20px;
    background-image: url(../images/black/clock.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
}

.form_field.doc .cs_input_button_browse {
    background-image: url(../images/black/icon_browse.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
}

.cs_input_popup_textarea textarea {
    border: none;
    background-color: transparent;
    min-height: 120px;
    min-width: 240px;
    font-family: arial;
}


.input_textarea {
    font-family: Arial, Helvetica, sans-serif;
    display: flex;
}

.input_textarea>div {
    width: 100%;
}

.input_textarea p {
    margin: 0;
    padding: 4px 4px;
    cursor: text;
    overflow-y: auto;
    flex-direction: column;
    display: flex;
    line-height: 1.5;
    text-align: justify;
    align-items: flex-start;
}

.input_textarea p>br+br {
    margin-top: 1em;
}


.input_textarea textarea {
    /*font-family:Arial, Helvetica, sans-serif;*/
    font-family: Roboto, Helvetica, Arial, sans-serif;
    padding: 4px 4px;
    height: 100%;
    line-height: 1.5;
}

.input_memo_textarea {
    height: 100%;
    display: none;
}

.input-options_log,
.input-options.comments {
    background-image: url(../images/black.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center -202px;
}

.input-options_log:hover,
.input-options.comments:hover {
    background-image: url(../images/white.png?v=6abdc5c6c7845);
}

.input-options {
    opacity: 0.64;
    border: none;
    min-width: 1em;
}

div.input_attendance button.input-options {
    width: 1.5rem;
}

div.wrapper-input-options #sys_popup_anchor_body {
    border-top-width: 1px;
}

.input-options.comments.active,
.input-options.focus,
.input-options.active,
.input-options:hover {
    opacity: 1;
}

.input-options.active.up {
    background-position: center -1352px;
}

div.input-attendance-flags>button {
    display: block;
    width: 100%;
    border-radius: 0;
}

.calendar_day_wrapper.turnon>span:last-child,
.input-options.comments.turnon,
.input-options.turnon {
    background-image: url(../images/black.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center -1208px;
}

.input-options.comments.turnon:hover,
.input-options.turnon:hover {
    background-image: url(../images/white.png?v=6abdc5c6c7845);
}

.calendar_day_wrapper.turnon_up>span:first-child,
.input-options.comments.turnon_up,
.input-options.turnon_up {
    background-image: url("../images/black.png?v=6abdc5c6c7845");
    background-position: center -1352px;
    background-repeat: no-repeat;
}

.input-options.comments.turnon_up:hover,
.input-options.turnon_up:hover {
    background-image: url(../images/white.png?v=6abdc5c6c7845);
}

.cs_input_checked {
    background-color: #6aa84f;
    color: #FFF;
}

.cs_input_unchecked {
    background-color: #F0F0F0;
}

.cs_input_mix {
    background-color: #6fa8dc;
}

.cs_input_part {
    background-color: #fad487;
}

.cs_input_full {
    background-color: #97ca83;
}

.cs_input_empty {
    background-color: #f5b3b3;
}

.cs_input_expand_header {
    display: flex;
}

.cs_input_expand_header>div:first-child {
    padding-left: 4px;
    flex-grow: 1;
    line-height: 24px;
}

.cs_input_attendee_flagL .cs_input_button-checked {
    background-image: url(../images/leave.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center center;
}

.cs_input_attendee_flagE .cs_input_button-unchecked {
    background-image: url(../images/excuse.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center center;
}

.cs_input_attendee_flagT .cs_input_button-checked {
    background-image: url(../images/tardy.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center center;
}

.input_options_search {
    min-width: 40px !important;
}

.input_grade.feedback .input_wrapper {
    display: none;
}

.input_grade.feedback .input_options {
    width: 100%;
}

.input_grade.feedback .input-options.comments {
    background-color: rgb(182, 215, 168);
}

.input_grade.feedback .input-options.comments:hover {
    background-color: #1a5b9c;
}

col.form_field.grid.f-grade.year,
col.form_field.grid.f-grade.term,
th.form_field.grid.f-grade.year,
td.form_field.grid.f-grade.year,
th.form_field.grid.f-grade.term,
td.form_field.grid.f-grade.term,
col.col-grade-average,
td.col-grade-average,
th.col-grade-average,
th.grade.average {
    width: 80px;
    min-width: 80px;
}

.input_tree a {
    display: inline-block;
    width: 40px;
    text-align: center;
    color: rgba(0, 0, 0, 0.48);
}

.input_tree a:hover {
    background-color: #1a5b9c;
    color: #FFF;
}

/*
.input_tree .inline-menu{
    min-width: 90px;
    margin-top: 2px;
}
*/
.input_envelope .cs_input_enable_wrapper {
    display: none;
}

.input_comments {
    /*background-image: url(../images/comments_nub_up.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 64px -10px;
    */
    width: 92%;
    margin: 0 auto;
    display: block;
    padding: 6px 0 6px 0;
}

.input_comments>div:first-child {
    /*
    border:1px solid rgba(0,0,0,0.24);
    border-radius:3px;
    */
}

.input_comments textarea {
    padding: 4px 4px;
    min-height: 32px;
    border: 1px solid rgba(0, 0, 0, 0.24);
}

.input_comments>div {
    background-color: rgba(255, 255, 255, 0.64);
}

.printable .input_comments>div:first-child {
    font-style: italic;
}

.printable .input_comments p {
    color: rgba(0, 0, 0, 0.72);
}

div.input_tree div.input_wrapper>div>a {
    display: inline-block;
    width: 28px;
    min-width: 28px;
}

.input_tree_del_button {
    background-image: url(../images/black/removex.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center center;
    opacity: 0.64;
}

.input_tree_del_button:hover {
    background-image: url(../images/white/removex.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #dd4b39 !important;
    opacity: 1;
}

.input_tree_add_button {
    background-image: url(../images/black/plus.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
}

.input_tree_add_button:hover {
    background-image: url(../images/white/plus.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #1baa61 !important;
}

.input_tree_dec_button {
    background-image: url(../images/black/arrow_more_left.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center center;
}

.input_tree_dec_button:hover {
    background-image: url(../images/white/arrow_more_left.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
}

.input_tree_inc_button {
    background-image: url(../images/black/arrow_more_right.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center center;
}

.input_tree_inc_button:hover {
    background-image: url(../images/white/arrow_more_right.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
}

.form_field.f-checkselect button {
    width: 100%;
    height: 100%;
    border-radius: 0;
    display: flex;
    align-items: center;
}

.form_field.f-tokenize .Token .field-comments {
    font-style: italic;
    opacity: 0.7;
}

.form_field.f-tokenize .Token .field-status::before,
.form_field.f-checkselect button::before {
    margin-left: 0.3em;
    margin-right: 0.3em;
}

.f-display.t-status button>span:first-child {
    margin-left: .2rem;
}

.menu-vertical.pmv-status>button::before,
.form_field.f-tokenize.field-employment_status li.Token::before,
.f-display.t-status button::before,
.menu-vertical>.icon-text.enrollment-status::before,
.form_field.f-tokenize.field-enrollment_status ul>li.Token::before {
    content: '\E115';
    align-self: center;
}

.form_field.status .Token.value-2::before,
.form_field.YN.status_value .Token.status.value-2::before,
.form_field.d-sandbox_auth.field-status.status-2 button::before,
.form_field.f-tokenize.field-course_student_log_reply ul>li.Token.value-40::before,
.form_field.f-tokenize.field-section_student_log_reply ul>li.Token.value-40::before,
.form_field.f-tokenize.field-service_request_reply ul>li.Token.value-2::before,
.checkselect.enrollmentstatus2::before,
.course_student_logstatus3::before,
.section_student_logstatus3::before,
.f-display.status_value-2 button::before,
.grade_requeststatus3::before {
    content: '\E07E';
    /*(x)*/
    color: #f6584c !important;
}

.form_field.status .Token.value-0::before,
.form_field.d-sandbox_auth.field-status.status-1 button::before,
.field-task_status li.Token.value-1::before,
.form_field.f-tokenize.field-service_request_reply ul>li.Token.value-0::before,
button.checkselect.ticketoutstatus0::before,
button.checkselect.ticketoutstatus0::before,
.f-display.t-req-status.status-0 .input_wrapper button::before,
.f-display.status_value-0 .input-display-wrapper>button::before,
.f-display.d-pqrs.status-10 .input-display-wrapper>button::before {
    content: '\E052';
    /*(!)*/
    color: #fA784c !important;
}

.field-task_status li.Token.value-2::before,
.f-display.t-req-status.status-1 .input-display-wrapper>button::before,
.f-display.d-pqrs.status-11 .input-display-wrapper>button::before {
    content: '\E080';
    /*(L)*/
    color: #f79100 !important;
}

.f-display.send.status-3 .input-display-wrapper>button::before {
    content: '\E07E';
    /*(x)*/
    color: #f6584c !important;
}

.f-display.send.status-2 .input-display-wrapper>button::before {
    content: '\E052';
    color: #fA784c !important;
}

.f-display.send.status-1 .input-display-wrapper>button::before {
    content: '\E08D';
    /*(/)*/
    color: #4bbb2d !important;
}

.f-display.send.status-0 .input-display-wrapper>button::before {
    content: '\E080';
    /*(L)*/
    color: #f79100 !important;
}

.form_field.YN.status_value .Token.status.value-1 {
    background-color: #bbffd5;
    border-color: #3bbf55;
}

.form_field.YN.status_value .Token.status.value-2 {
    background-color: #f8d3d3;
    border-color: #df585b;
}

.form_field.f-tokenize.grade-req.status ul>li.Token.value-0::before {
    content: '\E023';
    color: #4a8bcc !important;
}

.form_field.status .Token::before {
    content: '\E08E';
}

.form_field.status.admission_test_status .Token.value-3::before,
.form_field.status .Token.value-1::before,
.form_field.YN.status_value .Token.status.value-1::before,
.form_field.d-sandbox_auth.field-status.status-0 button::before,
.field-task_status li.Token.value-3::before,
.form_field.f-tokenize.grade-req.status ul>li.Token.value-20::before,
.form_field.f-tokenize.field-service_request_reply ul>li.Token.value-1::before,
.form_field.f-tokenize.ticketout_status .field-status.status1::before,
button.checkselect.ticketoutstatus1::before,
.f-display.t-req-status.status-20 .input_wrapper button::before,
.f-display.status_value-1 .input-display-wrapper>button::before,
.f-display.d-pqrs.status-20 .input-display-wrapper>button::before {
    content: '\E08D';
    /*(/)*/
    color: #4bbb2d !important;
}

.form_field.f-tokenize.ticketout_status .field-status.status2::before,
button.checkselect.ticketoutstatus2::before {
    content: '\E07E';
    color: #666 !important;
}

.checkselect.enrollmentstatus1::before,
.course_student_logstatus2::before,
.section_student_logstatus2::before,
.grade_requeststatus2::before {
    content: '\E096';
    color: #4bbb2d !important;
}

.checkselect.enrollmentstatus0::before,
.course_student_logstatus1::before,
.section_student_logstatus1::before,
.grade_requeststatus1::before {
    content: '\E056';
}

.f-display.t-req-status.status-40 .input_wrapper button::before {
    content: '\E07E';
    /*(X)*/
    color: #f6584c !important;
}

.input-monospace {
    font-family: Consolas;
}

.input-monospace:focus {
    font-family: Consolas;
}

.input_search_keywords {
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: rgba(255, 255, 255, 0.24);
    border-right: none;
    flex-grow: 1;
    padding-left: 8px;
}

.form_field.error {
    /*--cs-page-bg-color: #f5e1df;*/
    --cs-text-color: #d24726;
    /*--cs-bg-color: #f3d7d2;*/
    /*--cs-border-color: #f26746;*/
    background-color: color-mix(in srgb, var(--cs-text-color) 24%, var(--cs-bg-color-mix))
        /*box-shadow: rgba(242, 103, 70, .1) 0px -2px 6px 0px inset;*/
}

.saved .form_field.grid.error .input_group,
.saved .form_field.doc.error,
.saved .form_field.grid.error {
    background-color: rgba(240, 208, 206, 0.64);
}



.form_field.error a.input_button_info {
    opacity: 1;
}

.form_field.doc.picture.error {
    border: none;
}

.form_field.error .input_picture_wrapper {
    border: 1px solid #D24726;
}

.form_field.f-picture.focus {
    filter: grayscale(1) opacity(0.5);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48) inset;
}

.form_field.error>label {
    color: #D24726 !important;
}

.input_calendar_nav {
    display: flex;
}

.input_calendar_nav>button:nth-child(2) {
    flex-grow: 1;
    color: white;
}

.input_textboxlist_simple.inline-item {
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    cursor: pointer;
    margin: 1px;
}

.input_button_student_grades {
    background-image: url("../images/black/gradebook.png?v=6abdc5c6c7845");
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center center;
    opacity: 0.64;
}

.input_button_student_grades:hover {
    background-image: url("../images/white/gradebook.png?v=6abdc5c6c7845");
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1;
}

.input_button_hidden {
    visibility: hidden;
}

.input_comments {
    min-height: 20px;
}

.input_comments p {
    min-height: 20px;
    padding: 4px 4px;
}

.input_color p,
.input_date p,
.input_datetime p,
.input_calendar p,
.input_find p,
.input_scale p,
.input_display p,
.input_browse a,
.input_text p,
.input_URL p,
.input_select p {
    padding: 0 .1rem;
}

.form_field.align-center>div>div>div>div>p {
    padding-left: 0;
}

div.main_wrapper.doc div.input_text p {
    white-space: pre-line;
}

/*
.input_envelope.input_taglist,
.input_envelope.input_textboxlist,
.input_envelope.input_textarea,
.input_envelope.input_calendar,
.input_envelope.input_date,
.input_envelope.input_color{
    height: auto;
}
*/
.input_envelope {
    align-items: center;
    display: flex;
    height: 100%;
    /*width: 100%;*/
}

.input_envelope.input_checkbox>div:first-child,
.input_envelope.input_find>div:first-child,
.input_envelope.input_grade>div:first-child,
.input_envelope.input_calendar>div:first-child,
.input_envelope.input_date>div:first-child,
.input_envelope.input_color>div:first-child {
    display: flex;
    align-items: stretch;
}

.input_envelope.input_calendar>div:first-child>div {
    width: 100%;
}

.calendar_day_wrapper .input-options {
    background-position: center -1166px;
}

.calendar_day_wrapper.turnon>span:last-child,
.calendar_day_wrapper .input-options.turnon {
    background-position: center -1216px;
}

.calendar_day_wrapper.turnon_up>span:first-child,
.calendar_day_wrapper .input-options.turnon_up {
    background-position: center -1360px;
}

.input_find .input_options {
    min-width: 28px;
}

input[type="button"]:enabled.input_calendar_session_filled {
    color: rgba(0, 0, 0, 0.32);
    background-color: transparent;
}

input[type="button"]:enabled.input_calendar_session_filled:hover {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.32);
}

#grid_cell_options_session input[type="button"]:enabled.cs_sys_button_toogle {
    background-color: #F5B3B3;
}

#grid_cell_options_session input[type="button"]:enabled.cs_sys_button_toogle:hover {
    background-color: #F5d3d3;
    color: rgba(0, 0, 0, 0.80);
}

.input_datetime p {
    text-align: center;
}

.input_button_browse-display {
    background-color: transparent;
}

input.input_button_browse {
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding-right: 24px;
    cursor: pointer;
    text-align: left;
}

input.input_button_browse:hover {
    background: url("../images/white/icon_browse.png?v=6abdc5c6c7845");
    background-position: 4px center;
    background-repeat: no-repeat;
    background-color: #1a5b9c;
    color: #FFF;
    padding-left: 24px;
    padding-right: 4px;
}

a.input_button_browse-display {
    background-color: transparent;
    padding-left: 4px;
    cursor: pointer;
    display: block;
    line-height: 1;
    min-height: 16px;
    /*white-space: nowrap;*/
}

a.input_button_browse-display.person {
    display: flex;
}

a.input_button_browse {
    background-color: transparent;
    cursor: pointer;
    display: block;
    /*color: #1A0DAB;*/
}

a.input_button_browse:hover {
    background-image: url("../images/white/icon_browse.png?v=6abdc5c6c7845");
    background-position: right 4px center;
    background-repeat: no-repeat;
    background-color: #1a5b9c;
    color: white;
}

div[data-h-updated=""]:not([data-value=""]) span.input-card-label>span:first-child::before,
td[data-h-updated=""]:not([data-value=""]) span.input-card-label>span:first-child::before {
    content: "sin actualizar";
    color: white;
    background-color: rgba(235, 72, 65, 0.64);
    padding: 1px 8px 1px 8px;
    margin-right: 6px;
    border-radius: 12px;
    height: 12px;
    line-height: 11px;
    font-family: "arial";
}

div[data-h-updated="1"] span.input-card-label>span:first-child::before,
td[data-h-updated="1"] span.input-card-label>span:first-child::before {
    content: "actualizado";
    color: white;
    background-color: rgba(78, 192, 78, 0.8);
    padding: 1px 8px 1px 8px;
    margin-right: 6px;
    border-radius: 12px;
    height: 12px;
    line-height: 11px;
    font-family: "arial";
}

div[data-h-complete=""]:not([data-value=""]) span.input-card-label>span:first-child::before,
td[data-h-complete=""]:not([data-value=""]) span.input-card-label>span:first-child::before {
    content: "Incompleto";
    color: white;
    background-color: rgba(235, 72, 65, 0.64);
    padding: 1px 8px 1px 8px;
    margin-right: 6px;
    border-radius: 12px;
    height: 12px;
    line-height: 11px;
    font-family: "arial";
}

/*
div[data-h-complete=""]:not([data-value=""]) label::after{
    content: "Incompleto";
    color: white;
    color: #D24726;
    padding: 1px 6px 1px 6px;
    border-radius: 14px;
    margin-left: 6px;
}
*/
div[data-h-complete="1"] span.input-card-label>span:first-child::before,
td[data-h-complete="1"] span.input-card-label>span:first-child::before {
    content: "100%";
    color: white;
    /*
    background-image: url("../images/white.png?v=6abdc5c6c7845");
    background-position: -14px -65px;
    background-repeat: no-repeat;
    */
    background-color: rgba(78, 192, 78, 0.8);
    padding: 1px 8px 1px 8px;
    margin-right: 6px;
    border-radius: 12px;
    height: 12px;
    line-height: 11px;
}

a.input_button_browse>span {
    line-height: normal;
}


td[data-readonly="1"] .input_enable_wrapper {
    display: none;
}

.schedule-group td {
    vertical-align: top;
}

.input_calendar_session {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    width: 32px;
    display: inline-flex;
    cursor: pointer;
}

.input_calendar_session.not-empty>span:last-child {
    height: 14px;
    width: 14px;
    text-align: center;
    background-color: #0072c6;
    color: white;
    border-radius: 50%;
    line-height: 14px;
}

.input_calendar_session>span:first-child {
    text-align: center;
    line-height: 22pt;
    flex-grow: 1;
}

/*
.grade_p{
    display: flex;
}

.grade_log{
    font-size: x-small;
    padding-left: 1px;
    padding-right: 1px;
}

.grade_value{
    flex-grow:1;
    text-align: center;
}
*/

.form-layout-row label,
.input-layout-row>label {
    display: inline-block;
    font-weight: bold;
    vertical-align: top;
}

.form-layout-row label {
    width: 16%;
    text-align: right;
}

.form-layout-row,
.form-layout-row div {
    border: none !important;
}

.form-layout-row .input_envelope,
.input-layout-row>div {
    display: inline-block;
}

.input_log-feedback {
    width: 220px;
    height: 160px;
    overflow-y: auto;
}

.input_log-feedback ol>li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.input_log-feedback ol>li:last-child {
    border-bottom: none;
}

.input_log-feedback ol>li>span:first-child {
    padding-right: 4px;
}

.input_log-feedback ol>li>span:last-child {
    color: rgba(0, 0, 0, 0.64);
    font-style: italic;
}

.input_button-comment {
    background-image: url(../images/black.png?v=6abdc5c6c7845);
    background-position: 0px -1496px;
    background-repeat: no-repeat;
    opacity: 0.4;
    border: none;
}

.input_button-comment.active,
.input_button-comment.active:hover,
.input_button-comment:hover {
    background-image: url(../images/white.png?v=6abdc5c6c7845);
    opacity: 1;
}

.input_button-comment.not-empty {
    background-image: url(../images/black.png?v=6abdc5c6c7845);
    background-position: center -1544px;
    background-repeat: no-repeat;
    opacity: 1;
}

.input_button-comment.not-empty.focus,
.input_button-comment.not-empty.active,
.input_button-comment.not-empty:hover {
    background-image: url(../images/white.png?v=6abdc5c6c7845);
    background-position: center -1544px;
    background-repeat: no-repeat;
    opacity: 1;
}


.input_button-comment.turnon,
.input_button-comment.active.turnon {
    background-color: rgba(255, 255, 0, 0.48);
}

.input_button-log.opI {
    background-image: url(../images/black.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 0px -2410px;
}

.input_button-log.opI.active,
.input_button-log.opI:hover {
    background-image: url(../images/white.png?v=6abdc5c6c7845);
}

.input_button-log.opU {
    background-image: url(../images/black.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 0px -298px;
}

.input_button-log.opU.active,
.input_button-log.opU:hover {
    background-image: url(../images/white.png?v=6abdc5c6c7845);
}

.input_button-log.opN {
    background-image: url(../images/black.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 0px -2458px;
}

.input_button-log.opN.active,
.input_button-log.opN:hover {
    background-image: url(../images/white.png?v=6abdc5c6c7845);
}

.input_button-log.opL {
    background-image: url(../images/black.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 0px -2264px;
}

.input_button-log.opL.active,
.input_button-log.opL:hover {
    background-image: url(../images/white.png?v=6abdc5c6c7845);
}

.input_button-log.active {
    background-color: #56B86E !important;
}

input.input_button-log.opE {
    background-image: url(../images/white.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-color: #d24726;
    background-position: 0px -2362px;
}

.input_button-log.opE.active,
.input_button-log.opE:hover {
    background-image: url(../images/white.png?v=6abdc5c6c7845);
}

.input_opt .input_wrapper div:first-child {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: auto;
}

.grid_body .input_opt {}

/*
.input_inline_menu{
  justify-content: left;
}
*/
/*
.inline-menu>a,
.inline-menu>button{
    display: inline-block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    opacity: 0.32;
    border-radius: 50%;
    margin-left:2px;
    margin-right:2px;
    line-height: 24px;
    cursor:pointer;
}
*/
.inline-menu>button {
    justify-content: center;
    align-items: center;
}

.btn-group.inline-menu>.btn.icon-text::before {
    margin: 0;
}

.inline-menu>button>span {
    display: none;
}

.icon-text.status {
    white-space: nowrap;
}

.icon-text.textarea {
    line-height: 1.3;
}

/*
.inline-menu.tokenize-options>a,
.inline-menu.tokenize-options>button{
    height: 28px;
    height: 28px;
}
*/
.input_bgrating_star {
    padding: 0;
    width: 85px;
    text-align: left;
    display: inline-block;
    margin: 0 auto;
}

.input_rating_star {
    background-image: url(../images/progress_stars.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center left;
    display: inline-block;
    margin: 0;
    border: none;
    min-height: 2rem;
}

.input_rating_star.stars100,
.input_rating_star.stars5 {
    width: 84px;
}

.input_rating_star.stars7 {
    width: 119px;
}

.view-compact .input_bgrating_star {
    width: 60px;
}

.outline.form_field.f-scale,
.input_scale p {
    padding-left: 0;
    line-height: 1;
    text-align: center;
}

/*
td[data-editable="0"] div.input_enable_wrapper,
td[data-editable="0"] div.input_enable_wrapper{
    display: none;
}
*/

button.input_button_info,
a.input_button_info {
    background-image: url("../images/white.png?v=6abdc5c6c7845");
    background-repeat: no-repeat;
    background-position: center -1311px;
    border-radius: 10px;
    opacity: 0.48;
    order: 24;
    cursor: pointer;
    background-color: #D24726;
    height: 18px !important;
    min-height: 18px !important;
    margin: 4px 2px 4px 2px;
    width: 18px !important;
    min-width: 18px !important;
    cursor: help;
    display: none;
}

.input_error button.input_button_info,
.cs_input_error button.input_button_info,
.input_error a.input_button_info,
.cs_input_error a.input_button_info {
    display: inline-block;
}

button.input_button_info:hover,
a.input_button_info:hover {
    opacity: 1;
}

.doc_profile_img button.input_button_info,
.doc_profile_img a.input_button_info {
    margin-top: 8px;
}

.input_retype input {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.24);
    padding: 4px;
    margin-top: 4px;
}

div.popup_form_feedback,
div.input_retype_feedback {
    color: #D24726;
    min-height: 1.6em;
    font-size: 0.8em;
}

.input_button_ok {
    background-color: #1a5b9c;
    color: white !important;
    padding: 6px 24px;
    border: 1px solid #3a6ea2;
    cursor: pointer;
}

.input_button_ok:hover {
    background-color: #5a8ec2;
    color: white;
}

.input_button_cancel {
    /*background-color: #B94545;*/
    /*border: 1px solid #A93535;*/
    background-color: rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.8);
    padding: 6px;
    margin-right: 16px;
    cursor: pointer;
}

.input_button_cancel:hover {
    background-color: #B94545;
    color: white;
}

.input-disabled label {
    color: rgba(0, 0, 0, 0.32);
}

.input-disabled input {
    color: rgba(0, 0, 0, 0.32);
    opacity: 0.32;
}

.input_index input {
    width: 100%;
    border: none;
}

.input_envelope.input_select,
.input_envelope.input_text {
    overflow: hidden;
}

.input_envelope>div {
    display: flex;
    flex-grow: 1;
    align-items: stretch;
    height: 100%;
    max-width: 100%;
}

.input_index {
    overflow: visible;
}

.input_color .input_wrapper {
    display: none;
}

div.input-edit-wrapper {
    height: 0;
    width: 0;
    overflow: hidden;
    display: flex;
}

.form_field.focus:not(.readonly) div.input-edit-wrapper {
    height: auto;
    width: auto;
    overflow: auto;
}

/*
.working{
    background-image: url(../images/rolling.svg);
    background-position: 2px 2px;
    background-repeat: no-repeat;
    opacity:1;
}
*/
.ajax-popup-working {
    background-image: url(../images/rolling.svg);
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 1;
    background-size: contain;
    display: flex;
    width: 480px;
    height: 96px;
    align-items: center;
    justify-content: center;
}

/*
.popup-lock .message.icon-text::before{
    margin-right: 1rem;
}
*/
.popup-lock .message.icon-text {
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.popup-lock div.body.caution {
    max-width: 24rem;
}

.popup-lock div.body.saved,
.popup-lock div.body.saving {
    min-width: 10rem;
}

div.message.icon-text.saved::before,
div.message.icon-text.saving::before {
    display: none;
}

div.message.icon-text.working,
div.message.icon-text.saving {
    line-height: 2rem;
    padding-left: 4rem;
    background-size: 3rem;
    background-position: left center;
    background-image: url(../images/rolling.svg);
    background-repeat: no-repeat;
    margin: 1rem;
    min-height: 3rem;
}

div.message.icon-text.saved {
    line-height: 2rem;
    padding-left: 4rem;
    background-size: contain;
    background-position: left center;
    background-image: url(../images/checkok-stroke.svg);
    background-repeat: no-repeat;
    margin: 1rem;
}

/*
button.check-all.working{
    background-image: url(../images/rolling.svg);
    background-position: center center;
    background-repeat: no-repeat;
    opacity:1;
}

button.check-all.working.active,
button.check-all.working:hover{
    background-image: url(../images/rolling_rev.svg);
}
*/
.button-submit.continue.applying {
    background-image: url(../images/rolling_rev.svg);
    opacity: 1;
}

/*
.working:hover{
    background-image: url(../images/rolling_rev.svg);
}
*/
.working label {
    padding-left: 10px;
}

.menu_button_send.working {
    background-position: center center;
}

td.working ul.TokensContainer>li:first-child {
    margin-left: 14px !important;
}

a.input_button_person {
    background-color: transparent;
    padding-right: 24px;
    padding-left: 4px;
    cursor: pointer;
}

a.input_button_person:hover {
    background: url("../images/white/icon_browse.png?v=6abdc5c6c7845");
    background-position: right 4px center;
    background-repeat: no-repeat;
    background-color: #1a5b9c;
    color: #FFF;
}

a.input_button_person>span {
    line-height: 14px;
    display: block;
    height: 14px;
    overflow: hidden;
}

/*
a.input_button_person>span:first-child{
    font-size: 12px;
}
*/
a.input_button_person>span:first-child>span:nth-child(2) {
    font-weight: bold;
}

a.input_button_person>span:first-child>span:nth-child(3) {
    opacity: 0.64;
    font-style: italic;
}

a.input_button_person>span>span {
    margin-right: 6px;
}

a.input_button_person>span:last-child {
    opacity: 0.64;
}

.input-card-label {
    display: flex;
    flex-wrap: wrap;
    overflow-y: hidden;
}

.input-card-label>span {
    opacity: 0.64;
    font-style: italic;
    line-height: 14px;
    margin-right: 4px;
    background-repeat: no-repeat;
    background-position: left -2px;
}

.input-card-label>span>* {
    margin-right: 4px;
}

.input-card-label>span:first-child {
    font-style: normal;
    opacity: 1;
    white-space: normal;
}

.input-card-label>span:nth-child(2) {
    font-style: normal;
    opacity: 1;
}

.input-card-label>span.empty {
    display: none;
}

.input_attachment a,
.input_attachment p {
    padding-left: 4px;
    color: #1a5b9c;
}

.input_filler>div {
    visibility: hidden;
}

a.input_button_browse-display.textarea {
    line-height: normal;
    color: rgba(0, 0, 0, 0.8);
    padding: 2px 4px;
}

div.input_envelope.input_display.textarea {
    height: auto;
}

.readonly .input_enable_wrapper {
    visibility: hidden;
}

.input_calendar_type2 {
    background-color: rgb(70, 217, 255);
}

.input_invalid_active label {
    color: #d24726;
}

.done .input_calendar_record_flag {
    background-color: green;
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 3px;
}

tr[data-numeric="0"] .input_scale,
tr[data-numeric="0"] .input_grade {
    visibility: hidden;
}

.input_radio {
    min-width: 24px;
    min-height: 24px;
    border: none;
}

#input_popup_form_body>div.input-group-check {
    max-height: 240px;
    overflow-y: auto;
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding: 6px;
    border-radius: 4px;
}

.input-group-check>div {
    display: block;
    margin-top: 6px;
}

.input-group-check>div>div>span:first-child {
    display: inline-block;
    width: 28px;
    vertical-align: top;
    margin-right: 4px;
}

.input-group-check>div>div>span:first-child input {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.24);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.16) inset;
}

.input-group-check>div>div>span:first-child input.checked {}

.input-group-check>div>span:last-child {
    display: inline-block;
    cursor: pointer;
}

.input_enabled .input_enable_wrapper {
    display: none;
}

.grid_cell_adder div.input_enabled>div {
    background-image: none;
}

.input_enabled .input_field_adder {
    background-image: url(../images/black/checkbox_unchecked.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center center;
    min-width: 24px;
    border: none;
    min-height: 24px;
}

.input_token {
    margin-top: 6px;
    width: 100%;
    border: none;
    padding: 2px 2px 2px 40px;
    background-image: url(../images/black.png?v=6abdc5c6c7845);
    background-position: -4px -2838px;
    background-repeat: no-repeat;
    border: 2px solid rgba(0, 0, 0, 0.16);
    background-color: rgba(252, 222, 68, 0.16);
    border-radius: 4px;
}

.input_envelope.printable>div {
    /*line-height: 28px;*/
    display: inline-block;
    width: 100%;
}

.printable.input_tokenize.signature {
    min-height: 96px;
    padding: 0 4px;
}

.printable.input_tokenize.signature>div {
    display: flex;
    width: 100%;
}

.printable.input_tokenize.signature>div>span {
    flex-grow: 1;
    padding: 0 2px 0 4px;
    border: none !important;
    border-radius: 4px;
    display: inline-flex;
    margin: 2px 1px;
}

.input_envelope.printable.input_grade>div:first-child {
    text-align: center;
    display: inline-block;
    width: 100%;
}

.printable.input_index>div {
    width: 100%;
}

.printable.input_comments {
    font-style: italic;
}

.grid_sub_wrapper table>tbody>tr>td * {
    color: rgba(0, 0, 0, 0.88);
}

.doc_profile_img.empty>div:last-child>*:nth-child(5),
.doc_profile_img.empty>div:last-child>*:nth-child(6) {
    display: none;
}

.input_display.textarea>div {
    line-height: 1.2;
}

.field_envelope>div {
    display: flex;
    align-items: stretch;
}

.field_envelope>div>span {
    display: flex;
    flex-direction: column;
    padding: 0 4px;
    width: 100%;
}

.field_envelope>div>span>span:last-child,
.field_envelope>div>span>span:first-child {
    flex-grow: 1;
}

/*.field-index{ text-align: right; }*/
.field-scale span {
    /*font-size: 10px;
    text-align: center;*/
}

.field-scale.stars span {
    text-align: left;
}

.field-grade {
    text-align: center;
}

.field-tokenize.signature>div>div>span>span:nth-child(2) {
    display: inline-flex;
    margin: 0 auto;
    width: 100%;
}

space {
    flex-grow: 1;
}

.field-tokenize.signature>div>div>span>span:nth-child(2)>span {
    background-size: 80%;
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-table;
    padding: 0 16px;
}

.field-tokenize.signature>div>div>span>span:nth-child(2)>span>span {
    padding-top: 4px;
    min-width: 240px;
    display: inline-block;
    width: 100%;
}

.field-tokenize.signature>div>div>span>span:nth-child(2)>span>span>e:first-child {
    min-height: 80px;
    display: block;
    width: 100%;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    /*max-width: 70%;*/
    border-bottom: 1px solid rgba(0, 0, 0, 0.24);
}

.field-tokenize.signature>div>div>span>span:nth-child(2)>span>span>e {
    display: block;
}

.field-tokenize.signature>div>div>span>span:nth-child(2)>span>span>e:last-child {
    font-weight: bold;
}

.display-calendar .input_day .input_day_number {
    width: 100%;
    border: none;
    text-align: center;
}

.display-calendar .input_day .input_day_number:focus {
    border-bottom: 1px solid rgba(0, 0, 0, 0.24);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.16) inset;
}

.display-calendar .grid_wrapper_month .input_envelope.input_filler,
.display-calendar .input_envelope.input_day>div {
    width: 56px;
    height: 56px;
}

.display-calendar .input_envelope.input_calendar {
    max-width: 56px;
}

.display-calendar .input_envelope.input_day {
    width: 56px;
    height: 56px;
}

.display-calendar .input_envelope.input_day>div {
    display: grid;
    grid-template-columns: 20px 1fr;
    grid-template-rows: 28px 28px;
}

.display-calendar .input_envelope.input_day>div>div {}

.display-calendar .input_envelope.input_day>div>div:last-child {
    /*grid-column-span: 2;*/
    grid-column-start: 1;
    grid-column-end: 3;
}

.day9>div,
.day8>div,
.day7>div,
.day6>div,
.day5>div,
.day4>div,
.day3>div,
.day2>div {
    background-color: #fa573c;
}

.day9 .input_day_number,
.day8 .input_day_number,
.day7 .input_day_number,
.day6 .input_day_number,
.day5 .input_day_number,
.day4 .input_day_number,
.day3 .input_day_number,
.day2 .input_day_number {
    visibility: hidden;
}

select.course-selector {
    width: 100%;
}

#input_popup_form_body>div.input-group-check {
    max-height: 320px;
    overflow-y: scroll;
    /*box-shadow: inset 2px 2px 2px rgba(0,0,0,0.16);*/
    padding: 8px 8px;
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.input-group-check div.input-group-check {
    margin-left: 16px;
    border-left: 1px dashed gray;
    padding-left: 16px;
}

/*
.input_button_browse-display{
    white-space: nowrap;
}
*/
.input_person .input_wrapper>div:first-child {
    display: flex;
}

.grid_th_wrapperv input.cs_input_button-checkbox {
    width: 28px;
    margin: 0 auto;
}

/*
.Token.attachment .token-caption{
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: left center;
    padding-left: 28px;
    cursor: pointer;
    display: block;
    overflow: hidden;
    font-size: xx-small;
    line-height: 12px;
    word-break: break-all;
    background-image: url(../images/add_file.png?v=6abdc5c6c7845);
}

.Token.attachment .token-caption.xlsx,.Token.attachment  .token-caption.xls{background-image: url(../images/xls.png?v=6abdc5c6c7845);}
.Token.attachment .token-caption.doc,.Token.attachment  .token-caption.docx{background-image: url(../images/doc.png?v=6abdc5c6c7845);}
.Token.attachment .token-caption.pdf{background-image: url(../images/pdf.png?v=6abdc5c6c7845);}
.Token.attachment .token-caption.png{background-image: url(../images/png.png?v=6abdc5c6c7845);}
.Token.attachment .token-caption.jpg,.Token.attachment  .token-caption.jpeg{background-image: url(../images/jpg.png?v=6abdc5c6c7845);}
.Token.attachment .token-caption.zip,.Token.attachment  .token-caption.rar{background-image: url(../images/zip.png?v=6abdc5c6c7845);}
*/

div.Tokenize ul.TokensContainer li.Token.contract,
div.Tokenize ul.TokensContainer li.Token.attachment {
    cursor: pointer;
    display: inline-flex;
    overflow: hidden;
    word-break: break-all;
    align-items: center;
}

/*
li.Token.attachment>span:first-child{
    margin-left:24px;
}
*/
li.Token.signing {
    border: 1px solid rgba(60, 122, 186, .4);
    background-color: rgba(100, 162, 226, .24);
}

li.Token.signing a.token-caption {
    line-height: 1;
    /*color:#1c4a8a;*/
}

li.Token.contract a.token-caption,
li.Token.attachment a.token-caption {
    line-height: 1;
    /*color: #1c5a9a;*/
}

li.Token.attachment.status-10 a.token-caption {
    color: rgb(40, 120, 60);
}

li.Token.attachment.status-20 a.token-caption {
    color: #d3391f;
}

li.Token.contract a.token-caption:hover,
li.Token.signing a.token-caption:hover,
li.Token.attachment a.token-caption:hover {
    background-color: transparent;
}

li.Token.attachment.xlsx,
li.Token.attachment.xls,
li.Token.attachment.docx,
li.Token.attachment.doc,
li.Token.attachment.zip,
li.Token.attachment.rar,
li.Token.attachment.jpg,
li.Token.attachment.jpeg,
li.Token.attachment.png,
li.Token.attachment.pdf {
    background-color: #F5F5F5;
}

.input_error ul.TokensContainer,
.cs_input_error ul.TokensContainer {
    display: inline-flex;
    width: calc(100% - 24px);
}

.input-tokenize .input_button_info {
    float: right;
}

input.input_average {
    height: 100%;
    border: none;
    width: 28px;
    background-color: rgba(0, 0, 0, 0.08);
    cursor: pointer;
    text-align: center;
    /*border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;*/
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.32) inset;
    color: rgba(0, 0, 0, 0.72);
}

input.input_average:hover {
    background-color: #1a5b9c;
    color: white;
}

.form_field.f-grade[data-request] .input_average,
.form_field.f-grade[data-log] .input_average,
/*input.input_average[value=""],*/
.input_average.equal {
    display: none;
}

.input_col_label {
    border: none;
    background-color: none;
    /*min-height: 20px;*/
    padding-left: 4px;
}

.input_average input {
    background-color: #EEE;
}

button.add-all {
    background-position: -10px -5290px
}

/*
.input_adder{
    cursor: pointer;
    background-image: url("../images/black/undefined.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.32;
    width: 100%;
    min-height:28px;
}

.input_adder:hover{
    background-image: url("../images/white/undefined.png?v=6abdc5c6c7845");
    background-color: #0072c6;
    opacity: 1;
}
*/

.form_field.f-grade.has-log .input-grade-suggested,
.form_field.f-grade.has-req .input-grade-suggested {
    display: none;
}

table.grid-attendance-summary .input_adder,
table.attendance_student .input_adder {
    background-image: url("../images/black/undefined.png?v=6abdc5c6c7845");
    background-position: 6px center;
}

table.grid-attendance-summary .input_adder:hover,
table.attendance_student .input_adder:hover {
    background-image: url("../images/white/undefined.png?v=6abdc5c6c7845");
}


table.grid_calendar>tbody>tr>td>div {
    min-height: 56px;
}

/*
.input_grade .input_wrapper[data-value=""]{
    background-image: url(../images/black/removex.png?v=6abdc5c6c7845);
    background-position: center center;
    background-repeat: no-repeat;
}*/

.recaptchatable {
    width: 100%;
}

.signed {
    color: green;
}

.unsigned {
    color: red;
}

.input-tokenize.comment .browse input {
    background-image: url("../images/black/comments.png?v=6abdc5c6c7845");
    background-position: 4px center;
    background-repeat: no-repeat;
}

.input-tokenize.comment .browse input:hover {
    background-image: url("../images/white/comments.png?v=6abdc5c6c7845");
}

help {
    opacity: 0.5;
}

help::before {
    font-family: 'icons';
    font-style: normal;
    content: '\E056';
}

help.focus,
help:hover,
help.active {
    opacity: 1;
}

div.popup-frame-help-wrapper>div {
    background-color: #FFFFCC;
}

.help-wrapper {
    width: 280px;
}

.help-wrapper>div {
    background-image: url("../images/help.png?v=6abdc5c6c7845");
    background-position: 8px 8px;
    background-repeat: no-repeat;
    padding: 12px 8px 8px 64px;
    min-height: 60px;
}

label>help {
    display: inline-block;
    cursor: pointer;
    padding: 0 3px;
    vertical-align: bottom;
    --cs-popup-bg-color: var(--cs-bg-color-help);
}

label>help:hover::before,
label>help.focus::before {
    color: #3362b5 !important;
}

label>help.empty:not(.focus) {
    display: none;
}

span>help {
    display: inline-block;
    cursor: pointer;
    margin-right: 6px;
    margin-top: 7px;
}

merge {
    background-image: url("../images/merge_uncheck.png?v=6abdc5c6c7845");
    background-position: center center;
    background-repeat: no-repeat;
}

label>merge {
    height: 14px;
    width: 14px;
    display: inline-block;
    cursor: pointer;
    margin-left: 4px;
    vertical-align: bottom;
}

span>merge {
    width: 14px;
    display: inline-block;
    cursor: pointer;
    margin-right: 6px;
}

td.grid_cell_sub label>merge,
table>tbody>tr>td>div.grid_wrapper_fieldset label>merge {
    display: none;
}

.input_date_wrapper>input[type="text"] {
    width: 30%;
    display: inline-block;
    border: none;
    text-align: center;
}

.input_date_wrapper>input[type="text"]:first-child {
    width: 40%;
    border-right: 1px solid rgba(0, 0, 0, 0.24);
}

.input_date_wrapper>input[type="text"]:last-child {
    border-left: 1px solid rgba(0, 0, 0, 0.24);
}

.input_date_wrapper>input[type="text"]:focus {
    background-color: rgba(255, 255, 0, 0.32);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.24) inset;
}

div.zend_form_submit_wrapper input[type="submit"] {
    padding: 8px 24px;
}

/*.group.collapsed */
a.input_button_group {
    background-image: url("../images/black/moreh.svg");
    background-position: calc(100% - 4px) center;
    background-repeat: no-repeat;
    /*font-size: 0;*/
    cursor: pointer;
    padding-left: 3px;
}

.form_field.focus a.input_button_group,
a.input_button_group:hover {
    background-image: url("../images/white/moreh.svg");
    background-color: #1a5b9c;
    color: white;
}

.input_envelope.label {
    display: flex;
    flex-direction: column;
}

.input_envelope.label>div {
    flex-grow: 0;
}

.input_envelope.label>span {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.input_envelope.label a.grid_button_sortable {
    width: 28px;
    border-radius: 14px;
    background-position-x: center;
}

div.doc_page.objective-depth1 div.form_field.doc.activity_indicator,
div.doc_page.objective-depth0 div.form_field.doc.activity_indicator,
div.doc_page.objective-depth1 div.form_field.doc.objective_period_id label {
    display: none;
}

.input-grade-average {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    border-radius: 0;
}

td.form_field.grid.f-grade.separator.average {
    background-color: transparent;
}

.input_envelope.input_average div.input_wrapper>div:first-child {
    background-color: rgba(0, 0, 0, 0.032);
    /*background-image: url(../images/avg_texture.png?v=6abdc5c6c7845);*/
    /*background-repeat: repeat-y;*/
}

/*
li.person{
    border-top: 1px dotted rgba(0,0,0,0.24);
}

ul>li.person:first-child{
    border-top:none;
}
*/
.input-card-options {
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.input-card-options>button {
    display: inline-block;
    margin: auto .2rem;
    border-radius: 1rem;
    width: 2rem;
    height: 2rem;
}

.input-card-options>button.browse {
    min-width: 2em;
    line-height: 1;
    padding: 0.2rem;
    border-radius: 0;
}

.input-card {
    display: flex;
    flex-grow: 1;
    align-items: center;
    max-width: 100%;
    height: 100%;
}

.input-card>* {
    align-self: center;
}

.caption-person img,
.tokenize-details img,
.fieldset-caption.t-person>img,
li.Token .field-picture>img,
.input-card img {
    border-radius: 50%;
    height: 1.6rem;
    margin: .2rem;
}

/*
span.input-caption,
span.input-card-caption{
    display:inline-flex;
    flex-direction: column;
    flex-grow:1;
    height: 100%;
    min-height: 24px;
}
*/
span.input-caption>span:first-child,
span.input-caption>span:last-child,
span.input-card-caption>span:first-child,
span.input-card-caption>span:last-child {
    flex-grow: 1;
}

/*
span.input-card-label,
span.input-label{
    padding-left: 4px;
}
*/
.person.tokenize span.input-label {
    line-height: 106%;
}

span.input-card-label {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    margin-left: .2rem;
}

a.input_browse_btn {
    background-color: transparent;
    min-height: 24px;
    min-width: 24px;
    margin-right: 4px;
}

div.input_person a.input_browse_btn {
    padding-right: 24px;
    line-height: 22px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.16) inset;
    background-color: rgba(0, 0, 0, 0.08);
}

div.input_person a.input_browse_btn:hover {
    box-shadow: 0px 0px 2px 2px rgba(255, 255, 255, 0.1) inset;
    background-color: #1a5b9c;
}

a.input_browse_btn:hover {
    background-image: url(../images/white/popup.png?v=6abdc5c6c7845);
    background-color: #1a5b9c;
}

.input_person .input_wrapper_caption {
    width: 100%;
}

.input_wrapper_caption.new {
    cursor: pointer;
}

div.activity_objective span.token-caption-wrapper {
    line-height: 120%;
}

/*
.input_envelope.input_text.label{
    height: auto;
}*/

.input_form {
    display: flex;
    flex-direction: column;
}

div.input_form>div.footer>div.feedback {
    min-height: 2em;
    color: #D24726;
    font-size: 0.8em;
    line-height: 1.2;
}

.input_form>div.footer>div.feedback.error {
    color: #D24726;
}

.input_form>div.footer>div.anchor_form_menu_bottom.slim {
    display: flex;
    justify-content: space-around;
}

.anchor_form_menu_bottom>div:first-child {
    display: flex;
    flex-grow: 1;
    justify-content: space-evenly;
}

.sidebar-section>.input_form_wrapper>.input_form>.footer>.anchor_form_menu_bottom>div:first-child {
    justify-content: flex-start;
}

#sys_popup_anchor>div>div#sys_popup_anchor_body>div {
    background-image: url("../images/nub.png?v=6abdc5c6c7845");
    background-repeat: no-repeat;
}

#sys_popup_anchor>div.down #sys_popup_anchor_body>div {
    background-position: 4px -12px;
}

#sys_popup_anchor>div.rev.down #sys_popup_anchor_body>div {
    background-position: calc(100% - 4px) -12px;
}

#sys_popup_anchor>div.up #sys_popup_anchor_body>div {
    background-position: 4px calc(100% + 8px);
}

#sys_popup_anchor>div.rev.up #sys_popup_anchor_body>div {
    background-position: calc(100% - 4px) calc(100% + 8px);
}

/*
#sys_popup_anchor>div.down #input_anchor_form_body{
    order:1;
}

#sys_popup_anchor>div.down #input_popup_form_feedback{
    order:2;
}

#sys_popup_anchor>div.down div.anchor_form_menu_bottom{
    order:1;
}
*/
/*
div.anchor_form_menu_bottom button{
    border-radius: 3px;
}
*/
div.anchor_form_menu_bottom button:hover {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

/*
button.g-recaptcha:disabled {
    background-image: url(../images/rolling_rev.svg);
    background-position: calc(100% - 16px) center;
    background-repeat: no-repeat;
}

button.g-recaptcha:disabled:hover{
    background-image: url(../images/rolling_rev.svg) !important;
}
*/
img.rotate90 {
    transform-origin: top left;
    transform: rotate(90deg) translateY(-100%);
}

img.rotate180 {
    transform-origin: top left;
    transform: rotate(180deg) translate(-100%, -100%);
}

img.rotate270 {
    transform-origin: top left;
    transform: rotate(270deg) translateX(-100%);
}

.form_field li.status-0 a.icon-text.status::before {
    --cs-icon-color: rgb(180, 180, 180);
}

.form_field li.status-1 a.icon-text.status::before,
.form_field.status-U a.icon-text.status::before {
    --cs-icon-color: rgb(75, 187, 45);
}

.icon-text.enrollment-status.not-approved::before,
.form_field.field-enrollment_status li.Token.value-300::before {
    --cs-icon-color: #f6584c;
}

.icon-text.enrollment-status.approved::before,
.form_field.field-enrollment_status li.Token.value-200::before {
    --cs-icon-color: #4a8bcc;
}


.form_field.field-enrollment_status li.Token::before,
.form_field.f-tokenize.field-employment_status li.Token::before,
.f-display.t-status.d-enrollment_status button::before,
.form_field.t-status.d-enrollment_status li.Token.value-1::before,
.form_field.t-status.d-enrollment_status li.Token.value-2::before,
.form_field.t-status.d-enrollment_status li.Token.value-10::before,
.form_field.t-status.d-enrollment_status li.Token.value-20::before,
.form_field.t-status.d-enrollment_status li.Token.value-30::before,
.form_field.t-status.d-enrollment_status li.Token.value-45::before,
.form_field.t-status.d-enrollment_status li.Token.value-50::before,
.form_field.t-status.d-enrollment_status li.Token.value-60::before,
.form_field.t-status.d-enrollment_status li.Token.value-70::before {
    --cs-icon-color: #f49336;
}

/*.form_field li.Token.value-80::before,*/
.f-display.t-status.d-enrollment_status.status-80 button::before,
.f-tokenize.field-enrollment_status .Token.value-80::before {
    --cs-icon-color: #f7c500;
}

/*.form_field li.Token.value-210::before*/
.f-display.t-status.d-enrollment_status.status-210 button::before,
.f-tokenize.field-enrollment_status .Token.value-210::before {
    --cs-icon-color: #4a8bcc;
}

/*.form_field li.Token.value-100::before*/
.form_field.f-tokenize.field-employment_status li.Token.value-100::before,
.f-display.t-status.d-enrollment_status.status-100 button::before,
.icon-text.enrollment-status.enrolled::before,
.field-status.status-1 a::before,
.f-tokenize.field-enrollment_status .Token.value-100::before {
    --cs-icon-color: #0f9d58;
}

/*.form_field li.Token.value-410::before*/
.f-display.t-status.d-enrollment_status.status-410 button::before,
.icon-text.enrollment-status.withdrawn::before,
.f-tokenize.field-enrollment_status .Token.value-410::before {
    --cs-icon-color: #a54ed1;
}

.form_field.status- a.icon-text.status::before {
    display: none;
}

input.phone {
    background-image: url(../images/icons/icon-call.svg);
    background-position: 4px center;
    background-repeat: no-repeat;
    padding-left: 40px;
    max-width: 180px;
}

input.email {
    background-image: url(../images/icons/icon-mail.svg);
    background-position: 4px center;
    background-repeat: no-repeat;
    padding-left: 40px;
}

div.input_form {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

div.input_form>.body {
    margin: .3rem;
    min-width: 18rem;
}

div.input_popup_grade {
    background-color: #F5F5F5;
}

div.anchor_form_menu {
    display: flex;
    background-color: rgba(0, 0, 0, 0.06);
}

div.anchor_form_menu>span {
    flex-grow: 1;
}

div.anchor_form_menu>button {
    background-image: url(../images/black.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    padding: 0 12px 0 28px;
    line-height: 28px;
}

div.anchor_form_menu>button:hover {
    background-image: url(../images/white.png?v=6abdc5c6c7845);
}

div.anchor_form_menu>button.change {
    background-image: url(../images/white.png?v=6abdc5c6c7845);
    color: white;
}

div.anchor_form_menu>button.change {
    background-color: #ff9740;
}

div.anchor_form_menu>button.anchor {
    background-position: center -1352px;
}

div.popup_anchor>div.rev div.anchor_form_menu {
    flex-direction: row-reverse;
}

.form_field.f-grade.active p {
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.48) inset;
}

.input_form_wrapper {
    /*min-width:10rem;*/
    display: flex;
    height: 100%;
    flex-direction: column;
    /*min-height: 180px;*/
    overflow: hidden;
}

.input_form_wrapper.grade.value {
    min-height: 10rem;
    overflow-y: auto;
}

.input_form_wrapper.group.form {
    height: 100%;
}

.popup-wrapper.wrapper-grade {
    width: 240px;
}

div.input_form_wrapper.grade div.f-textarea {
    min-height: 96px;
}

button.left-icon-text {
    padding-left: 24px;
    background-position-x: -10px;
}

input.focus {
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.16) inset;
}

.form_field.focus p {
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.24) inset;
}

.f-grade input,
.f-grade.focus p>span,
.f-grade.focus p,
.f-grade p {
    color: black;
    background-color: transparent;
}

button.clean {
    background-color: rgba(0, 0, 0, 0.08);
    color: rgba(0, 0, 0, 0.64);
}

button.clean.active,
button.clean:hover {
    background-color: rgb(246, 128, 116);
    background-image: url(../images/white.png?v=6abdc5c6c7845);
    color: white;
    display: block;
}

div.input_select.group div.input-display-wrapper>button {
    min-height: 20px;
    margin: 4px 3px;
    padding: 0 6px;
    border-radius: 10px;
}

div.input-display-wrapper>button {
    border-width: 0;
}

/*
button.selected{
    color: white;
    background-color: #575e69;
    opacity: 1 !important;
}
*/
/*
div.popup-wrapper.grade div.form_field.textarea textarea,
div.popup-wrapper.grade div.form_field.textarea{
    min-height: 92px;
}*/

#input_setup_wrapper {
    display: none;
}

.td.form_field.f-attendance button {
    justify-content: center;
    display: inline-flex;
    align-items: center;
    flex-grow: 1;
}

.td.form_field.f-attendance .input_options>button {
    margin: 2px;
}

.td.form_field.f-attendance button::before {
    padding-right: 0;
}

.td.form_field.f-attendance button.undefined::before {
    content: '\E024';
    color: gray;
}

.td.form_field.f-attendance.undefined .input_options {
    display: none;
}

div.input-attendance-flags.not-absent>button.absent {
    display: none;
}

div.input-attendance-flags.absent>button.present {
    display: none;
}

/*
.table.grid_gradebook>thead>tr>th.form_field.text,
.table.grid_gradebook>thead>tr>th.form_field.label,
.table.grid_gradebook>thead>tr>th.form_field.rate_group,
.table.grid_gradebook>thead>tr>th.form_field.rate_chapter,
.table.grid_gradebook>thead>tr>th.form_field.rate_course,
.table.grid_gradebook>thead>tr>th.form_field.rate_section{
    border-bottom: 1px solid rgba(0,0,0,0.12);
}

.table.grid_gradebook>thead>tr>th.form_field.label p,
.table.grid_gradebook>tfoot>tr>td.form_field.label p{
    padding: 0 6px;
}
*/
span.input_header {
    display: block;
    padding: 0 4px;
}

span.input_header.calendar>span {
    /*min-height: 28px;*/
    font-weight: bold;
}

span.input_header.f-grade {
    display: block;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

span.input_header.f-grade>span:first-child {
    display: flex;
}

span.input_header.f-grade img {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    margin: 2px 2px 2px 2px;
}

span.input_header>span {
    margin: 0.2rem 0.4rem;
}

span.input_header span.label-row>span:last-child,
span.input_header span.label-col>span:last-child {
    margin-left: 6px;
}

/*
span.input-card>img:hover {
    position: relative;
    transform: scale(1.5);
    z-index: 1000;
}

span.input-card>img{
    transition: all 0.5s ease-in-out;
}
*/

img.zoom-in {
    height: 240px;
    width: 160px;
    border-radius: 5px;
    padding: 2px;
}

span.input_header.f-grade>span:first-child>span:last-child {
    display: inline-block;
    font-weight: bold;
    vertical-align: top;
    flex-grow: 1;
}

/*
span.input_header.f-grade>span:first-child>span:first-child{
    background-color:rgba(0,0,0,0.12);
    border-radius:50%;
    margin-right: 4px;
}

span.input_header.f-grade>span:first-child>span:first-child{
    margin-right: 4px;
}
*/
span.input_header.f-grade>span:last-child {
    display: flex;
    max-height: 3rem;
    overflow: hidden;
}

.input-color-palette>button {
    width: 2rem;
    height: 2rem;
    margin: .1rem;
    border-radius: 0;
}

span.field-kindship_id {
    color: #0f9d58;
}

/*
span.input-caption span.field-principal.checkbox{
    font-size: 0;
}
*/
span.input-caption span.field-principal.checkbox.value-0 {
    display: inline-block;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    vertical-align: top;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background-color: #DDD;
}

.form_field.tokenize.relationship span.input-caption span.field-principal.checkbox.value-1 {
    display: inline-block;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    vertical-align: top;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background-color: #47a447;
    margin-top: 3px;
}

span.input-caption span.field-principal.checkbox.value-1 {
    /*background-color: #47a447;*/

}

span.input-caption span.field-comments.not-empty {
    background-image: url(../images/grade_feedback.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 16px;
    color: rgba(0, 0, 0, 0.64);
    /*
    background-color: #FFFFCC;
    border: 1px solid #ddddbb;
    border-radius: 3px;
    vertical-align: top;
    display: inline-block;
    margin-left: 3px;*/
}

/*
span.input-caption span.field-occupation,
span.input-caption span.field-profession{
    text-transform: lowercase;
}
*/
button.ready,
button.continue {
    background-color: #47a447;
    color: white;
}

button.ready *,
button.continue *,
button.continue::before,
button.continue::after {
    color: white;
}

button.apply {
    background-color: #47a447;
    color: white !important;
}

.input_form h2 {
    color: rgba(0, 0, 0, 0.64);
}

.input_timeslot .input_enable_wrapper {
    display: none;
}

div.printable.input_comments {
    background-image: url(../images/icon_typing.png?v=6abdc5c6c7845);
    background-position: 2px 6px;
    background-repeat: no-repeat;
    padding-left: 24px;
}

div.input-calendar-box {
    max-width: 20rem;
    min-width: 20rem;
}

div.input-date-picker {
    display: flex;
    flex-direction: column;
    overflow: auto;
    width: 100%;
}

.form_field.f-datetime.readonly button.dropdown::after {
    display: none;
}

/*
div.popup-layer>div.wrapper.date div.input-date-picker {
    height: 20rem;
}

div.popup-layer>div.wrapper.datetime div.input-date-picker {
    height: 26rem;
}
*/
/*
div.input-time-picker{
    
}
*/
div.playback button {
    border-radius: 0;
}

div.input-date-picker>div.playback {
    /*border-bottom: 1px solid rgba(0,0,0,0.08);*/
    /*min-height: 28px;*/
}

div.input-date-picker.min>div.input-time-picker>div.min {
    display: block;
}

div.input-date-picker table>thead>tr>th,
div.input-date-picker table>tbody>tr>td {
    border-right: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

div.input-date-picker .filler>button {
    visibility: hidden;
}

div.input-time-picker>div.min>button {
    border: 1px solid rgba(0, 0, 0, 0.12);
    display: inline-block;
    margin: 3px;
}

div.input-time-picker>div.min>button {
    width: 48px;
    height: 48px;
}

div.input-date-picker.five button.not-five {
    display: none;
}

div.input-time-picker>div.min>button.selected {
    display: inline-block;
}

div.input-date-picker>div.day {
    flex-direction: column;
}

div.input-time-picker>div.hour table,
div.input-date-picker>div.day table,
div.input-date-picker>div.month table,
div.input-date-picker>div.year table {
    height: auto;
    width: 100%;
    text-align: center;
    border-left: 1px solid rgba(0, 0, 0, 0.12);
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

div.input-time-picker>div.clock-display button,
div.input-time-picker>div.hour table>tbody>tr>td>button,
div.input-date-picker>div.day table>tbody>tr>td>button,
div.input-date-picker>div.month table>tbody>tr>td>button,
div.input-date-picker>div.year table>tbody>tr>td>button {
    width: 100%;
    min-height: 2rem;
    border-radius: 0;
}

/*
div.input-date-picker>div.year button{
    min-height: 3rem;
}
*/
div.input-date-picker>div.month table>tbody>tr>td>button {
    min-height: 3rem;
}

div.input-date-picker>div.day table>tbody>tr>td>button {
    min-width: 2rem;
}

div.input-date-picker>div.day button.disabled {
    opacity: 0.4;
}

.input-time-picker {
    display: flex;
    flex-direction: column;
    height: 100%;
}

div.popup-layer>div.wrapper.date div.ctrl>div.popup-menu-bottom,
div.popup-layer>div.wrapper.date div.day>div.input-time-picker,
div.input-time-picker>div.min>button.not-five,
div.input-date-picker>div.ctrl>div.popup-menu-bottom,
div.input-date-picker.hour>div.day>div.calendar-day,
div.input-date-picker.min>div.day>div.calendar-day,
div.input-date-picker>div.day>div.input-time-picker>div.hour,
div.input-date-picker>div.day>div.input-time-picker>div.min,
div.input-date-picker>div.day,
div.input-date-picker>div.month,
div.input-date-picker>div.year {
    display: none;
}

div.input-date-picker.hour>div.day,
div.input-date-picker.hour>div.day>div.input-time-picker>div.hour,
div.input-date-picker.min>div.day,
div.input-date-picker.min>div.day>div.input-time-picker>div.min,
div.input-date-picker.clock>div.day,
div.input-date-picker.day>div.day,
div.input-date-picker.month>div.month,
div.input-date-picker.year>div.year {
    display: flex;
    width: 100%;
    height: 100%;
}

div.day>div.calendar-day,
div.input-date-picker.year>div.year,
div.input-date-picker.month>div.month {
    flex-direction: column;
    justify-content: stretch;
    border-style: solid;
    border-width: 1px;
    background-color: rgba(0, 0, 0, 0.05);
}

div.calendar-day>div,
div.input-date-picker.year>div.year>div,
div.input-date-picker.month>div.month>div {
    display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content: stretch;
}

div.calendar-day>div>div>button,
div.calendar-day>div>div,
div.input-date-picker.year>div.year>div>button,
div.input-date-picker.month>div.month>div>button {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.input-date-picker.month>div.month>div>button {
    min-height: 4rem;
}

div.input-date-picker.year>div.year>div>button {
    min-height: 3rem;
}

div.calendar-day>div>div>button {
    min-height: 2.5rem;
    min-width: 2.5rem;
}

div.calendar-day>div:first-child {
    border-bottom: 0.1em solid rgba(0, 0, 0, 0.24);
    font-weight: bold;
}

div.input-time-picker>div.min,
div.input-time-picker>div.hour {
    flex-wrap: wrap;
    overflow-y: auto;
    justify-content: space-around;
    background-color: #dacdee;
    border-style: solid;
    border-width: 1px;
}

div.input-time-picker>div.min>button,
div.input-time-picker>div.hour>button {
    width: 3rem;
    height: 3rem;
}

div.input-time-picker>div.hour>button {
    margin: .1rem .25rem;
}

div.input-time-picker>div.min>button {
    margin: 1.2rem .5rem;
}

div.input-date-picker.day>div.ctrl>div.popup-menu-bottom,
div.input-date-picker.clock>div.ctrl>div.popup-menu-bottom,
div.input-date-picker.hour>div.ctrl>div.popup-menu-bottom,
div.input-date-picker.min>div.ctrl>div.popup-menu-bottom,
div.input-date-picker.hour>div.day,
div.input-date-picker.hour>div.day>div.input-time-picker>div.hour,
div.input-date-picker.min>div.day,
div.input-date-picker.min>div.day>div.input-time-picker>div.min {
    display: flex;
}

.input_date_selector {
    flex-grow: 1;
    font-weight: bold;
    background-color: var(--cs-breadcrumb-bg-color);
}

div.input-time-picker>div.clock {
    display: flex;
    flex-direction: column;
}

div.input-time-picker>div.clock>div {
    width: 100%;
}

div.input-time-picker>div.clock>div:first-child,
div.input-time-picker>div.clock>div:last-child {
    flex-grow: 1;
}

div.input-time-picker>div.clock>div.clock-display {
    display: flex;
    justify-content: space-evenly;
    padding: .5em 0;
}

div.input-date-picker>div.ctrl {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

div.input-time-picker div.clock-ctrl>div:last-child,
div.input-time-picker div.clock-ctrl>div:first-child {
    flex-grow: 1;
}

div.input-time-picker div.clock-ctrl>div.popup-menu-bottom {
    display: flex;
    justify-content: space-around;
}

div.input-time-picker div.clock-ctrl>div.popup-menu-bottom>button {
    margin: 0 0.5em;
}

div.input-time-picker div.clock-display>div {
    width: 40%;
    border: 1px solid rgba(0, 0, 0, 0.12);
}

div.input-time-picker div.clock-display label {
    text-align: center;
    background-color: rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    display: block;
}

div.input-time-picker div.clock-display button {
    width: 100%;
    border-radius: 0;
    font-size: 2em;
    background-color: #dacdee;
}

div.input-time-picker div.clock-display button:hover {
    background-color: #c483d2;
}



span.visibility {
    background-image: url(../images/black.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center -5868px;
    min-width: 40px;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 4px;
    height: 24px;
}

span.visibility.active {
    background-image: url(../images/white.png?v=6abdc5c6c7845);
    background-position: center -5820px;
    background-color: #0c78c8;
}

span.visibility:hover {
    background-image: url(../images/white.png?v=6abdc5c6c7845);
    background-color: #1a5b9c;
}

span.input-card img.person-image {
    cursor: pointer;
}

div.writable {
    padding: 0 3px;
    min-height: 12px;
}

/*
td.form_field.attendance.flag-comments div.input_options{
    background-image: url(../images/grade_feedback.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: 4px top;
}

div.input_attendance input.input-checkbox.unchecked{
    background-position: center -6010px;
}

div.input_attendance input.input-checkbox.checked{
    background-position: center -6058px;
}
*/
.form_field.richtext>div {
    display: flex;
}

.form_field.richtext>div>div:first-child {
    padding: 4px 4px;
    /*min-height: 28px;*/
    flex-grow: 1;
    overflow-y: hidden;
}

.form_field.richtext>div>div:first-child:focus {
    overflow-y: auto;
}

.form_field.richtext>div>div:last-child {}

div.input_label p {
    padding: 0 4px;
}

span.text-rotate>span {
    transform: rotate(-90.0deg);
    display: block;
    white-space: nowrap;
    border: 1px solid red;
}

div.controller_display_tab.fixed span.field-shortname,
div.controller_display_tab.fixed span.field-fullname {
    /*white-space: nowrap;*/
    font-size: .8rem;
}

/*
td.form_field.f-attendance input.input-checkbox.undefined{
    background-image: url("../images/black/undefined.png?v=6abdc5c6c7845");
    background-position: 6px center;
    opacity: 0.32;
}

td.form_field.f-attendance input.input-checkbox.undefined:hover{
    background-image: url("../images/white/undefined.png?v=6abdc5c6c7845");
    opacity: 1;
}
*/
td.form_field.f-attendance.field-absent.undefined input.input-options {
    display: none;
}

span.pass-short>span,
span.pass-error>span {
    color: rgba(255, 0, 0, 0.8);
    padding: 0 4px;
}

span.pass-weak>span {
    color: orangered;
    padding: 0 4px;
}

span.pass-good>span {
    color: #0f9d59;
    padding: 0 4px;
}

span.pass-strong>span {
    color: #0062b6;
    padding: 0 4px;
}

.input-missing {
    border-radius: 5px;
    background-color: rgb(255, 102, 0);
    padding: 0 4px;
    color: white;
    margin-right: 2px;
}

div.input-grade-feedback-popup>div {
    margin: 2px 12px;
}

div.input-grade-feedback-popup>div>label {
    color: rgba(0, 0, 0, 0.64);
    margin-bottom: 2px;
}

div.input-grade-feedback-popup textarea {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.24);
    padding: 4px 4px;
    resize: vertical;
    height: 64px;
}

div.input-grade-feedback-popup button {}

.input-form-shortcuts {
    /*flex-grow: 1;*/
    justify-content: flex-end;
    display: flex;
}

.input-form-shortcuts>button {
    border: 1px solid rgba(0, 0, 0, 0.16);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.16) inset;
    opacity: 0.5;
    margin: .5em;
    /*
    border-radius: 50%;
    min-height: 2rem;
    min-width: 2rem; */
}

div.progress.view table.section_student td.flag.status,
div.report.progress table.section_student td.flag.status {
    background-image: url("../images/black.png?v=6abdc5c6c7845");
    background-repeat: no-repeat;
    padding-left: 12px;
}

div.progress.view table.section_student td.flag.status.status-1,
div.report.progress table.section_student td.flag.status.status-1 {
    background-position: -16px -7161px;
    color: #ff2626;
}

div.progress.view table.section_student td.flag.status.status-2,
div.progress table.section_student td.flag.status.status-2 {
    background-position: -16px -7209px;
}

div.progress.view table.section_student td.flag.status.status-3,
div.report.progress table.section_student td.flag.status.status-3 {
    background-position: -16px -7257px;
}

div.report.progress span.scale-text>span:nth-child(2),
div.progress.view span.scale-text>span:nth-child(2) {
    display: none;
}

/*
div.input-calendar-popup{
    width: 320px;
    height: 340px;
    margin:8px;
}

div.input-calendar-popup div.grid_wrapper_month{
    width: 92%;
}

div.input-calendar-popup table.grid_calendar div.input_options,
div.input-calendar-popup div.grid_head>div.grid_caption{
    display: none;
}

div.input-calendar-popup table.grid_calendar > tbody > tr > td > div {
    min-height: auto;
    height: 36px;
    display: flex;
}

div.input-calendar-popup div.calendar_day_wrapper > span > span:last-child, .calendar_day_wrapper > span > span:first-child {
    width: auto;
}

div.input-calendar-popup div.grid_wrapper_month h3{
    margin: 0 auto;
    padding: 0;
}

div.calendar-nav{
    display: flex;
    display: none;
}

div.calendar-nav button.month{
    flex-grow: 1;
    text-align: center;
    font-weight: bold;
    font-size: 12pt;
}
*/

div.input-session-picker-box {
    border-top: .1rem solid rgba(0, 0, 0, 0.12);
}

div.input-session-picker>div.body>div {}

div.input-session-picker>div.body>div>table {
    width: 100%;
    border-left: 1px solid rgba(0, 0, 0, 0.12);
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

div.input-session-picker>div.body>div>table>tbody>tr>td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    border-right: 1px solid rgba(0, 0, 0, 0.12);
}

div.input-session-picker>div.body>div>table>thead>tr>th {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding: 3px 0;
}

div.input-session-picker>div.body>div>table>tbody>tr>td>button.disabled {
    opacity: 0.2;
}

div.input-session-picker.session div.day,
div.input-session-picker.session div.month,
div.input-session-picker.session div.year {
    display: none;
}

div.input-session-picker.day div.session,
div.input-session-picker.day div.month,
div.input-session-picker.day div.year {
    display: none;
}

div.input-session-picker.month div.session,
div.input-session-picker.month div.day,
div.input-session-picker.month div.year {
    display: none;
}

div.input-session-picker.year div.session,
div.input-session-picker.year div.day,
div.input-session-picker.year div.month {
    display: none;
}

div.input-session-picker.day table>tbody>tr>td>button {
    min-height: 3rem;
    min-width: 3rem;
    width: 100%;
    border-radius: 0;
    display: flex;
}

div.input-session-picker button.empty {
    background-color: #f5b2b3;
}

div.input-session-picker button.empty:hover {
    background-color: #e59293;
}

div.input-session-picker button.not-complete {
    background-color: #fad487;
}

div.input-session-picker button.not-complete:hover {
    background-color: orange;
}

div.input-session-picker button.complete {
    background-color: #97ca82;
}

div.input-session-picker button.complete:hover {
    background-color: #679a52;
}

div.input-session-picker.month table>tbody>tr>td>button {
    height: 60px;
    width: 100%;
    border-radius: 0;
}

div.input-session-picker.year table>tbody>tr>td>button {
    height: 48px;
    width: 100%;
    border-radius: 0;
}

div.session-display {
    flex-grow: 1;
    padding: 8px;
}

div.session-display>button {
    margin: .3em;
}

div.session-display>button>span>span {
    margin: 0 .5em;
}

div.input-session-picker {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    min-width: 21rem;
}

div.input-session-picker>div.body>div {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

div.input-session-picker>div.body {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
}

div.session-picker-ctrl {
    display: none;
}

div.input-session-picker.session.depth5 div.session-picker-ctrl,
div.input-session-picker.day.depth4 div.session-picker-ctrl {
    display: block;
}

span.input-session-picker-day {
    display: flex;
    width: 100%;
}

span.input-session-picker-day>span.center {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-self: center;
}

span.input-session-picker-day>span.right,
span.input-session-picker-day>span.left {
    display: flex;
    flex-direction: column;
    padding: 1px;
    color: rgba(0, 0, 0, 0.16)
}

span.input-session-picker-day>span.right>span,
span.input-session-picker-day>span.left>span {
    font-size: .7em;
}

span.input-session-picker-day>span.right>span:last-child,
span.input-session-picker-day>span.left>span:last-child {
    flex-grow: 1;
}

span.input-session-picker-day span.self {
    background-color: #1a5b9c;
    color: white;
    padding: 0 1px;
}

span.input-session-picker-day>span.right>span.counter-0,
span.input-session-picker-day>span.right.equal,
button.disabled>span.input-session-picker-day>span.right {
    display: none;
}

div.doc_page.not-schedule div.field-activity_session {
    display: none;
}

.input-wrapper {
    display: flex;
    height: 100%;
}

/*
div.input_wrapper a.icon-text,
div.input_wrapper button.icon-text{
    color: black;
}

div.input_wrapper a.icon-text:hover,
div.input_wrapper button.icon-text:hover{
    color: white;
}
*/
div.input-upload-image-label {
    text-align: center;
    line-height: 32px;
    min-height: 40px;
    padding: 0 12px;
}

.input-visibility {
    cursor: pointer;
}

.grade-wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
    height: 100%;
    justify-content: center;
    background-color: var(--cs-bg-color);
}

.grade-wrapper span {
    color: var(--cs-text-color);
}

.form_field.f-grade.focus .grade-wrapper {
    box-shadow: 1px 1px 2px 2px inset rgba(0, 0, 0, 0.1);
}

.form_field.f-grade {
    cursor: pointer;
}

span.grade-caption {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    align-items: stretch;
    height: 100%;
}

span.grade-caption>span {
    display: flex;
    justify-content: center;
}

.f-grade span.grade-caption>.grade-chart {
    background-color: white;
    background-size: 100%;
}

/*
.form_field.f-grade span.grade-wrapper.left-empty>span.grade-caption{
    display: none;
}
*/
.form_field.f-grade span.grade-wrapper.left-empty>span.grade-progress {
    border-left: none;
}

.form_field.f-grade span.grade-caption>span {
    line-height: 1;
    text-align: center;
}

.form_field.f-grade span.grade-caption>span.grade-std {
    font-size: 0.7em;
}

.form_field.f-grade span.grade-caption>span:first-child {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*
.form_field.f-grade span.grade-caption>span{
    color: rgba(0,0,0,0.72);
}
*/
.grade-progress {
    background-color: white;
    height: 100%;
    align-items: center;
    display: flex;
    border-left: 1px solid rgba(0, 0, 0, 0.24);
    justify-content: center;
}

.form_field.f-grade.progress .grade-caption {
    flex-grow: unset;
}

.form_field.f-grade.progress .grade-progress {
    flex-grow: 1;
}

.grade-progress>span>span {
    background-repeat: no-repeat, no-repeat;
    background-color: transparent;
    background-position: center left, center left;
    display: inline-block;
    margin: 0;
    border: none;
    width: 100%;
    background-size: auto, auto;
}

div.input_envelope.input_display {
    /*min-height: 28px;*/
    display: flex;
    align-items: center;
}

.input_wrapper>div>button,
.input_wrapper>div>a {
    display: flex;
    height: 100%;
    align-items: center;
    line-height: 1;
    padding: 0 .2em;
    flex-wrap: wrap;
}

.input-grade-picker {
    display: block;
    min-width: 22rem;
    display: flex;
    flex-direction: column;
}

.input-grade-picker>span {
    display: block;
    margin: .25em 0;
}

.input-grade-picker>label {
    display: block;
    margin: 0 .25em;
    font-size: .8em;
}

.input-grade-picker>span>button {
    min-height: 2.5rem;
    min-width: 3.5rem;
    border-radius: .3rem;
    text-align: center;
    margin: .2rem;
    border: .1rem solid rgba(0, 0, 0, 0.16);
    color: rgba(0, 0, 0, 0.64);
    padding: .2rem;
}

.input-grade-picker>span>button>span {
    padding: 0 1rem;
}

.input-grade-picker button.picker {}

.input-grade-picker>span>button.selected {
    border-color: rgba(0, 0, 0, 0.3);
    box-shadow: .2rem .2rem .2rem inset rgba(0, 0, 0, 0.1);
}

.input-grade-picker-popup>button:hover {
    border: .2rem solid rgba(0, 0, 0, 0.16);
}

.input-grade-picker-popup>button:hover>span,
.input-grade-picker button:hover>span {
    color: rgba(0, 0, 0, .72);
}

.input-grade-picker-popup>button.selected>span,
.input-grade-picker>span>button.selected>span {
    color: rgba(0, 0, 0, 0.72);
    margin-right: -.3rem;
}

.input-grade-picker-popup>button.grade-empty {
    min-width: 3rem;
}

.input-grade-picker-popup>button.selected::after,
.input-grade-picker>span>button.selected::after {
    content: '\E030';
    color: white;
    font-size: .7rem;
    margin-top: -.7rem;
    margin-right: -.7rem;
    background-color: #1a5b9c;
    border-radius: 50%;
    border: .2rem solid white;
    line-height: 1;
    float: right;
}

.input-grade-picker-popup>button {
    border: 0.1rem solid rgba(0, 0, 0, 0.24);
    border-radius: .3rem;
    padding: 0;
    margin: .2rem;
    min-height: 2rem;
    min-width: 2rem;
}

.input-grade-suggested {
    border: none;
    border-radius: 0;
    height: 100%;
    width: 28px;
    background-color: rgba(0, 0, 0, 0.08);
    cursor: pointer;
    text-align: center;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.32) inset;
}

.input-grade-suggested.equal,
.input-grade-suggested.empty {
    display: none;
}

.input_envelope.input_text.space span.input_enable_wrapper {
    display: none;
}

.form_field.field-school_hour ul>li.Token.token-0 {
    background-color: #fff2cc;
}

.form_field.f-grade .grade-wrapper .grade-value,
.form_field.f-grade .grade-wrapper.evl .grade-value::after,
.form_field.f-grade .grade-wrapper.evl .grade-value::before {
    font-size: 1rem;
}

/*
.form_field.f-grade .grade-wrapper.evl:not(.efl){
    background-color: yellow !important;
}
*/
/*
.caption-person img {
    border-radius: 50%;
    height: 22px;
    float: left;
    margin: 2px;
}
*/
.caption-person>span:last-child {
    align-self: center;
    display: inline-flex;
    max-width: calc(100% - 2rem);
}

.form_field.f-tokenize.t-form.person_relationship span.field-kinship_id {
    opacity: 0.6;
}

.form_field.f-group.rule a.icon-text.group>span:first-child {
    flex-grow: 1;
}

.form_field.f-group.rule a.icon-text.group>span:last-child {
    flex-grow: 0;
}

.form_field.f-group.rule a.icon-text.group>span.fieldset-caption.grade {
    padding: 4px;
    border-radius: 4px;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.24);
}

.form_field.f-group.rule a.icon-text.group>span.fieldset-caption.grade.empty {
    display: none;
}

.form_field.f-group.rule a.icon-text.group:hover>span.fieldset-caption.grade,
.form_field.focus.f-group.rule a.icon-text.group>span.fieldset-caption.grade {
    background-color: transparent !important;
    border-color: white;
}

.form_field.comment div.Tokenize.Multi>ul>li.Token {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.24);
}

.form_field.t-tl li.Token span.field-time_begin::before {
    content: 'Desde';
    font-family: 'Roboto';
    padding: 0 4px;
    font-size: .8em;
}

.form_field.t-tl li.Token span.field-time_end::before {
    content: 'Hasta ';
    font-family: 'Roboto';
    padding: 0 4px;
    font-size: .8em;
}

.form_field.t-tl li.Token::before {
    content: '\E023';
    font-size: 1.5rem;
    width: 2.2rem;
    height: 2.2rem;
}

.form_field.f-tokenize.t-tl .token-form>.token-row>span {
    padding: 0 .5em;
}

.form_field.f-tokenize.t-tl .token-form>.token-row>span:first-child {
    border-right: 1px dashed rgba(0, 0, 0, .2);
}

/*
.form_field.f-tokenize.field-activity_section li.Token::before{
    content: '\E014';
    margin: auto .5rem;
}
*/
.input-label>.empty {
    display: none;
}

.input-label>.field-fullname {
    width: 100%;
}

.input-label>span>span {
    line-height: .9rem;
}

.input-label>.field-fullname>span {
    margin-right: 4px;
    opacity: 0.64;
}

.input-label>.field-fullname>span:nth-child(1) {
    opacity: 1;
}

.form_field.field-self_contract_service span.field-date_begin {
    font-weight: bold;
}

.form_field.f-checkselect.t-icon button.checkselect {
    justify-content: center;
}

.input-login-wrapper {
    display: flex;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 7px;
    margin: 1rem 0;
    cursor: pointer;
}

.input-login-wrapper:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.25em, rgba(0, 0, 0, 0.05) 0px 0.25em 1em;
}

.input-login-wrapper:hover button {
    background-color: var(--cs-hover-bg-color);
    color: var(--cs-hover-text-color);
    --cs-icon-color: var(--cs-hover-text-color);
}


.input-login-wrapper>div:first-child {
    padding: 1rem;
    display: flex;
    flex-grow: 1;
}


.input-login-wrapper>div:first-child>div:first-child {
    max-width: 5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.input-login-wrapper>div:first-child>div:first-child>img {
    width: 100%;
}

.input-login-wrapper>div:nth-child(2),
.input-login-wrapper>div:first-child>div:nth-child(2) {
    padding-left: 1rem;
    justify-content: center;
    flex-direction: column;
    display: flex;
}

.input-login-wrapper>div:first-child>div:nth-child(2)>div>div:first-child {
    font-weight: bold;
}

.input-login-wrapper>div:first-child>div:nth-child(2)>div>div:last-child {
    line-height: 1.1;
    font-size: .8em;
    color: rgba(0, 0, 0, 0.64);
}

.input-login-wrapper>div:first-child>div:nth-child(2)>div {
    display: flex;
    flex-direction: column;
}

/*
.input-login-wrapper a.link-text{
    font-size:1rem;
}
*/
.input-login-wrapper button {
    width: 32px;
    display: flex;
    height: 100%;
    justify-content: center;
    flex-direction: column;
    border-radius: 0 7px 7px 0;
}

.input-icon {
    margin-right: 0.3em;
    align-items: center;
    display: flex;
}

.fieldset-caption {
    margin-right: 0.3em;
    max-width: 100%;
    display: flex;
    align-items: center;
}

.fieldset-caption>span {
    word-wrap: break-word;
}

.input_envelope.input_attendance {
    min-width: 47px;
}

#input_expand_ATTENDANCE {
    min-width: 14rem;
    display: flex;
    flex-direction: column;
}

.input-grade-picker-popup {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
    padding: 0.4rem;
    justify-content: center;
    align-items: flex-start;
}

.input-grade-picker-popup>button {
    min-width: 2.8rem;
}

span.input-label-len {
    display: none;
}

.form_field.focus span.input-label-len {
    display: inline-flex;
    color: orangered;
    padding: 0 0.2em;
}

.form_field.focus span.input-label-len>span {
    color: orangered;
}

.form_field.f-datetime.t-picker button,
.form_field.f-date.t-picker button {
    flex-grow: 1;
    justify-content: space-between;
    display: flex;
    align-items: center;
}

.form_field.align-left.t-picker button {
    text-align: left;
}

/*
.td.form_field.t-picker button {
    text-align: center;
}
*/
.form_field.t-picker button>span {
    padding: 0 .2rem;
    flex-grow: 1;
}

.form_field.progress.f-grade {
    display: table-cell;
}

.inl.iwd-1>div.input_envelope {
    min-width: 1%;
    max-width: 1%;
    width: 1%;
}

.inl.iwd-2>div.input_envelope {
    min-width: 2%;
    max-width: 2%;
    width: 2%;
}

.inl.iwd-3>div.input_envelope {
    min-width: 3%;
    max-width: 3%;
    width: 3%;
}

.inl.iwd-4>div.input_envelope {
    min-width: 4%;
    max-width: 4%;
    width: 4%;
}

.inl.iwd-5>div.input_envelope {
    min-width: 5%;
    max-width: 5%;
    width: 5%;
}

.inl.iwd-6>div.input_envelope {
    min-width: 6%;
    max-width: 6%;
    width: 6%;
}

.inl.iwd-7>div.input_envelope {
    min-width: 7%;
    max-width: 7%;
    width: 7%;
}

.inl.iwd-8>div.input_envelope {
    min-width: 8%;
    max-width: 8%;
    width: 8%;
}

.inl.iwd-9>div.input_envelope {
    min-width: 9%;
    max-width: 9%;
    width: 9%;
}

.inl.iwd-10>div.input_envelope {
    min-width: 10%;
    max-width: 10%;
    width: 10%;
}

.inl.iwd-11>div.input_envelope {
    min-width: 11%;
    max-width: 11%;
    width: 11%;
}

.inl.iwd-12>div.input_envelope {
    min-width: 12%;
    max-width: 12%;
    width: 12%;
}

.inl.iwd-13>div.input_envelope {
    min-width: 13%;
    max-width: 13%;
    width: 13%;
}

.inl.iwd-14>div.input_envelope {
    min-width: 14%;
    max-width: 14%;
    width: 14%;
}

.inl.iwd-15>div.input_envelope {
    min-width: 15%;
    max-width: 15%;
    width: 15%;
}

.inl.iwd-16>div.input_envelope {
    min-width: 16%;
    max-width: 16%;
    width: 16%;
}

.inl.iwd-17>div.input_envelope {
    min-width: 17%;
    max-width: 17%;
    width: 17%;
}

.inl.iwd-18>div.input_envelope {
    min-width: 18%;
    max-width: 18%;
    width: 18%;
}

.inl.iwd-19>div.input_envelope {
    min-width: 19%;
    max-width: 19%;
    width: 19%;
}

.inl.iwd-20>div.input_envelope {
    min-width: 20%;
    max-width: 20%;
    width: 20%;
}

.inl.iwd-21>div.input_envelope {
    min-width: 21%;
    max-width: 21%;
    width: 21%;
}

.inl.iwd-22>div.input_envelope {
    min-width: 22%;
    max-width: 22%;
    width: 22%;
}

.inl.iwd-23>div.input_envelope {
    min-width: 23%;
    max-width: 23%;
    width: 23%;
}

.inl.iwd-24>div.input_envelope {
    min-width: 24%;
    max-width: 24%;
    width: 24%;
}

.inl.iwd-25>div.input_envelope {
    min-width: 25%;
    max-width: 25%;
    width: 25%;
}

.inl.iwd-26>div.input_envelope {
    min-width: 26%;
    max-width: 26%;
    width: 26%;
}

.inl.iwd-27>div.input_envelope {
    min-width: 27%;
    max-width: 27%;
    width: 27%;
}

.inl.iwd-28>div.input_envelope {
    min-width: 28%;
    max-width: 28%;
    width: 28%;
}

.inl.iwd-29>div.input_envelope {
    min-width: 29%;
    max-width: 29%;
    width: 29%;
}

.inl.iwd-30>div.input_envelope {
    min-width: 30%;
    max-width: 30%;
    width: 30%;
}

.inl.iwd-31>div.input_envelope {
    min-width: 31%;
    max-width: 31%;
    width: 31%;
}

.inl.iwd-32>div.input_envelope {
    min-width: 32%;
    max-width: 32%;
    width: 32%;
}

.inl.iwd-33>div.input_envelope {
    min-width: 33%;
    max-width: 33%;
    width: 33%;
}

.inl.iwd-34>div.input_envelope {
    min-width: 34%;
    max-width: 34%;
    width: 34%;
}

.inl.iwd-35>div.input_envelope {
    min-width: 35%;
    max-width: 35%;
    width: 35%;
}

.inl.iwd-36>div.input_envelope {
    min-width: 36%;
    max-width: 36%;
    width: 36%;
}

.inl.iwd-37>div.input_envelope {
    min-width: 37%;
    max-width: 37%;
    width: 37%;
}

.inl.iwd-38>div.input_envelope {
    min-width: 38%;
    max-width: 38%;
    width: 38%;
}

.inl.iwd-39>div.input_envelope {
    min-width: 39%;
    max-width: 39%;
    width: 39%;
}

.inl.iwd-40>div.input_envelope {
    min-width: 40%;
    max-width: 40%;
    width: 40%;
}

.inl.iwd-41>div.input_envelope {
    min-width: 41%;
    max-width: 41%;
    width: 41%;
}

.inl.iwd-42>div.input_envelope {
    min-width: 42%;
    max-width: 42%;
    width: 42%;
}

.inl.iwd-43>div.input_envelope {
    min-width: 43%;
    max-width: 43%;
    width: 43%;
}

.inl.iwd-44>div.input_envelope {
    min-width: 44%;
    max-width: 44%;
    width: 44%;
}

.inl.iwd-45>div.input_envelope {
    min-width: 45%;
    max-width: 45%;
    width: 45%;
}

.inl.iwd-46>div.input_envelope {
    min-width: 46%;
    max-width: 46%;
    width: 46%;
}

.inl.iwd-47>div.input_envelope {
    min-width: 47%;
    max-width: 47%;
    width: 47%;
}

.inl.iwd-48>div.input_envelope {
    min-width: 48%;
    max-width: 48%;
    width: 48%;
}

.inl.iwd-49>div.input_envelope {
    min-width: 49%;
    max-width: 49%;
    width: 49%;
}

.inl.iwd-50>div.input_envelope {
    min-width: 50%;
    max-width: 50%;
    width: 50%;
}

.inl.iwd-51>div.input_envelope {
    min-width: 51%;
    max-width: 51%;
    width: 51%;
}

.inl.iwd-52>div.input_envelope {
    min-width: 52%;
    max-width: 52%;
    width: 52%;
}

.inl.iwd-53>div.input_envelope {
    min-width: 53%;
    max-width: 53%;
    width: 53%;
}

.inl.iwd-54>div.input_envelope {
    min-width: 54%;
    max-width: 54%;
    width: 54%;
}

.inl.iwd-55>div.input_envelope {
    min-width: 55%;
    max-width: 55%;
    width: 55%;
}

.inl.iwd-56>div.input_envelope {
    min-width: 56%;
    max-width: 56%;
    width: 56%;
}

.inl.iwd-57>div.input_envelope {
    min-width: 57%;
    max-width: 57%;
    width: 57%;
}

.inl.iwd-58>div.input_envelope {
    min-width: 58%;
    max-width: 58%;
    width: 58%;
}

.inl.iwd-59>div.input_envelope {
    min-width: 59%;
    max-width: 59%;
    width: 59%;
}

.inl.iwd-60>div.input_envelope {
    min-width: 60%;
    max-width: 60%;
    width: 60%;
}

.inl.iwd-61>div.input_envelope {
    min-width: 61%;
    max-width: 61%;
    width: 61%;
}

.inl.iwd-62>div.input_envelope {
    min-width: 62%;
    max-width: 62%;
    width: 62%;
}

.inl.iwd-63>div.input_envelope {
    min-width: 63%;
    max-width: 63%;
    width: 63%;
}

.inl.iwd-64>div.input_envelope {
    min-width: 64%;
    max-width: 64%;
    width: 64%;
}

.inl.iwd-65>div.input_envelope {
    min-width: 65%;
    max-width: 65%;
    width: 65%;
}

.inl.iwd-66>div.input_envelope {
    min-width: 66%;
    max-width: 66%;
    width: 66%;
}

.inl.iwd-67>div.input_envelope {
    min-width: 67%;
    max-width: 67%;
    width: 67%;
}

.inl.iwd-68>div.input_envelope {
    min-width: 68%;
    max-width: 68%;
    width: 68%;
}

.inl.iwd-69>div.input_envelope {
    min-width: 69%;
    max-width: 69%;
    width: 69%;
}

.inl.iwd-70>div.input_envelope {
    min-width: 70%;
    max-width: 70%;
    width: 70%;
}

.inl.iwd-71>div.input_envelope {
    min-width: 71%;
    max-width: 71%;
    width: 71%;
}

.inl.iwd-72>div.input_envelope {
    min-width: 72%;
    max-width: 72%;
    width: 72%;
}

.inl.iwd-73>div.input_envelope {
    min-width: 73%;
    max-width: 73%;
    width: 73%;
}

.inl.iwd-74>div.input_envelope {
    min-width: 74%;
    max-width: 74%;
    width: 74%;
}

.inl.iwd-75>div.input_envelope {
    min-width: 75%;
    max-width: 75%;
    width: 75%;
}

.inl.iwd-76>div.input_envelope {
    min-width: 76%;
    max-width: 76%;
    width: 76%;
}

.inl.iwd-77>div.input_envelope {
    min-width: 77%;
    max-width: 77%;
    width: 77%;
}

.inl.iwd-78>div.input_envelope {
    min-width: 78%;
    max-width: 78%;
    width: 78%;
}

.inl.iwd-79>div.input_envelope {
    min-width: 79%;
    max-width: 79%;
    width: 79%;
}

.inl.iwd-80>div.input_envelope {
    min-width: 80%;
    max-width: 80%;
    width: 80%;
}

.inl.iwd-81>div.input_envelope {
    min-width: 81%;
    max-width: 81%;
    width: 81%;
}

.inl.iwd-82>div.input_envelope {
    min-width: 82%;
    max-width: 82%;
    width: 82%;
}

.inl.iwd-83>div.input_envelope {
    min-width: 83%;
    max-width: 83%;
    width: 83%;
}

.inl.iwd-84>div.input_envelope {
    min-width: 84%;
    max-width: 84%;
    width: 84%;
}

.inl.iwd-85>div.input_envelope {
    min-width: 85%;
    max-width: 85%;
    width: 85%;
}

.inl.iwd-86>div.input_envelope {
    min-width: 86%;
    max-width: 86%;
    width: 86%;
}

.inl.iwd-87>div.input_envelope {
    min-width: 87%;
    max-width: 87%;
    width: 87%;
}

.inl.iwd-88>div.input_envelope {
    min-width: 88%;
    max-width: 88%;
    width: 88%;
}

.inl.iwd-89>div.input_envelope {
    min-width: 89%;
    max-width: 89%;
    width: 89%;
}

.inl.iwd-90>div.input_envelope {
    min-width: 90%;
    max-width: 90%;
    width: 90%;
}

.inl.iwd-91>div.input_envelope {
    min-width: 91%;
    max-width: 91%;
    width: 91%;
}

.inl.iwd-92>div.input_envelope {
    min-width: 92%;
    max-width: 92%;
    width: 92%;
}

.inl.iwd-93>div.input_envelope {
    min-width: 93%;
    max-width: 93%;
    width: 93%;
}

.inl.iwd-94>div.input_envelope {
    min-width: 94%;
    max-width: 94%;
    width: 94%;
}

.inl.iwd-95>div.input_envelope {
    min-width: 95%;
    max-width: 95%;
    width: 95%;
}

.inl.iwd-96>div.input_envelope {
    min-width: 96%;
    max-width: 96%;
    width: 96%;
}

.inl.iwd-97>div.input_envelope {
    min-width: 97%;
    max-width: 97%;
    width: 97%;
}

.inl.iwd-98>div.input_envelope {
    min-width: 98%;
    max-width: 98%;
    width: 98%;
}

.inl.iwd-99>div.input_envelope {
    min-width: 99%;
    max-width: 99%;
    width: 99%;
}

.inl.iwd-100>div.input_envelope {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
}

button.input-checkbox {
    width: 100%;
    display: flex;
    justify-content: center;
}

.f-share button {
    padding: 0.5rem .8rem;
    border-radius: 0.3rem;
}

.f-share .input_wrapper>div {
    align-items: center;
}

.list-group.share>button::before {
    color: white;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    border-radius: 50%;
}

.list-group.share>button:not(.link):nth-child(1)::before {
    background-color: #f96c53;
}

.list-group.share>button:nth-child(2)::before {
    background-color: #f6a132;
}

.list-group.share>button:nth-child(3)::before {
    background-color: #f7cc32;
}

.list-group.share>button:nth-child(4)::before {
    background-color: #4ace5e;
}

.list-group.share>button:nth-child(5)::before {
    background-color: #3189f4;
}

.list-group.share>button:nth-child(6)::before {
    background-color: #b26fd1;
}

.list-group.share>button:nth-child(7)::before {
    background-color: #9d9b9c;
}

.form_field.doc label>span.input-label-len {
    display: none;
}

.form_field.doc.focus label>span.input-label-len {
    display: inherit;
}

.form_field.doc label>span.input-label-len span {
    padding: 0 .3em;
}

.f16 .flag {
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: text-top;
    line-height: 16px;
    background: url(../images/wflagsx16.png?v=6abdc5c6c7845) no-repeat
}

.f16 ._African_Union {
    background-position: 0 -16px
}

.f16 ._Arab_League {
    background-position: 0 -32px
}

.f16 ._ASEAN {
    background-position: 0 -48px
}

.f16 ._CARICOM {
    background-position: 0 -64px
}

.f16 ._CIS {
    background-position: 0 -80px
}

.f16 ._Commonwealth {
    background-position: 0 -96px
}

.f16 ._England {
    background-position: 0 -112px
}

.f16 ._European_Union,
.f16 .eu {
    background-position: 0 -128px
}

.f16 ._Islamic_Conference {
    background-position: 0 -144px
}

.f16 ._Kosovo {
    background-position: 0 -160px
}

.f16 ._NATO {
    background-position: 0 -176px
}

.f16 ._Northern_Cyprus {
    background-position: 0 -192px
}

.f16 ._Northern_Ireland {
    background-position: 0 -208px
}

.f16 ._Olimpic_Movement {
    background-position: 0 -224px
}

.f16 ._OPEC {
    background-position: 0 -240px
}

.f16 ._Red_Cross {
    background-position: 0 -256px
}

.f16 ._Scotland {
    background-position: 0 -272px
}

.f16 ._Somaliland {
    background-position: 0 -288px
}

.f16 ._Tibet {
    background-position: 0 -304px
}

.f16 ._United_Nations {
    background-position: 0 -320px
}

.f16 ._Wales {
    background-position: 0 -336px
}

.f16 .ad {
    background-position: 0 -352px
}

.f16 .ae {
    background-position: 0 -368px
}

.f16 .af {
    background-position: 0 -384px
}

.f16 .ag {
    background-position: 0 -400px
}

.f16 .ai {
    background-position: 0 -416px
}

.f16 .al {
    background-position: 0 -432px
}

.f16 .am {
    background-position: 0 -448px
}

.f16 .ao {
    background-position: 0 -464px
}

.f16 .aq {
    background-position: 0 -480px
}

.f16 .ar {
    background-position: 0 -496px
}

.f16 .as {
    background-position: 0 -512px
}

.f16 .at {
    background-position: 0 -528px
}

.f16 .au {
    background-position: 0 -544px
}

.f16 .aw {
    background-position: 0 -560px
}

.f16 .ax {
    background-position: 0 -576px
}

.f16 .az {
    background-position: 0 -592px
}

.f16 .ba {
    background-position: 0 -608px
}

.f16 .bb {
    background-position: 0 -624px
}

.f16 .bd {
    background-position: 0 -640px
}

.f16 .be {
    background-position: 0 -656px
}

.f16 .bf {
    background-position: 0 -672px
}

.f16 .bg {
    background-position: 0 -688px
}

.f16 .bh {
    background-position: 0 -704px
}

.f16 .bi {
    background-position: 0 -720px
}

.f16 .bj {
    background-position: 0 -736px
}

.f16 .bm {
    background-position: 0 -752px
}

.f16 .bn {
    background-position: 0 -768px
}

.f16 .bo {
    background-position: 0 -784px
}

.f16 .br {
    background-position: 0 -800px
}

.f16 .bs {
    background-position: 0 -816px
}

.f16 .bt {
    background-position: 0 -832px
}

.f16 .bw {
    background-position: 0 -848px
}

.f16 .by {
    background-position: 0 -864px
}

.f16 .bz {
    background-position: 0 -880px
}

.f16 .ca {
    background-position: 0 -896px
}

.f16 .cg {
    background-position: 0 -912px
}

.f16 .cf {
    background-position: 0 -928px
}

.f16 .cd {
    background-position: 0 -944px
}

.f16 .ch {
    background-position: 0 -960px
}

.f16 .ci {
    background-position: 0 -976px
}

.f16 .ck {
    background-position: 0 -992px
}

.f16 .cl {
    background-position: 0 -1008px
}

.f16 .cm {
    background-position: 0 -1024px
}

.f16 .cn {
    background-position: 0 -1040px
}

.f16 .co {
    background-position: 0 -1056px
}

.f16 .cr {
    background-position: 0 -1072px
}

.f16 .cu {
    background-position: 0 -1088px
}

.f16 .cv {
    background-position: 0 -1104px
}

.f16 .cy {
    background-position: 0 -1120px
}

.f16 .cz {
    background-position: 0 -1136px
}

.f16 .de {
    background-position: 0 -1152px
}

.f16 .dj {
    background-position: 0 -1168px
}

.f16 .dk {
    background-position: 0 -1184px
}

.f16 .dm {
    background-position: 0 -1200px
}

.f16 .do {
    background-position: 0 -1216px
}

.f16 .dz {
    background-position: 0 -1232px
}

.f16 .ec {
    background-position: 0 -1248px
}

.f16 .ee {
    background-position: 0 -1264px
}

.f16 .eg {
    background-position: 0 -1280px
}

.f16 .eh {
    background-position: 0 -1296px
}

.f16 .er {
    background-position: 0 -1312px
}

.f16 .es {
    background-position: 0 -1328px
}

.f16 .et {
    background-position: 0 -1344px
}

.f16 .fi {
    background-position: 0 -1360px
}

.f16 .fj {
    background-position: 0 -1376px
}

.f16 .fm {
    background-position: 0 -1392px
}

.f16 .fo {
    background-position: 0 -1408px
}

.f16 .fr {
    background-position: 0 -1424px
}

.f16 .bl,
.f16 .cp,
.f16 .mf,
.f16 .yt {
    background-position: 0 -1424px
}

.f16 .ga {
    background-position: 0 -1440px
}

.f16 .gb {
    background-position: 0 -1456px
}

.f16 .sh {
    background-position: 0 -1456px
}

.f16 .gd {
    background-position: 0 -1472px
}

.f16 .ge {
    background-position: 0 -1488px
}

.f16 .gg {
    background-position: 0 -1504px
}

.f16 .gh {
    background-position: 0 -1520px
}

.f16 .gi {
    background-position: 0 -1536px
}

.f16 .gl {
    background-position: 0 -1552px
}

.f16 .gm {
    background-position: 0 -1568px
}

.f16 .gn {
    background-position: 0 -1584px
}

.f16 .gp {
    background-position: 0 -1600px
}

.f16 .gq {
    background-position: 0 -1616px
}

.f16 .gr {
    background-position: 0 -1632px
}

.f16 .gt {
    background-position: 0 -1648px
}

.f16 .gu {
    background-position: 0 -1664px
}

.f16 .gw {
    background-position: 0 -1680px
}

.f16 .gy {
    background-position: 0 -1696px
}

.f16 .hk {
    background-position: 0 -1712px
}

.f16 .hn {
    background-position: 0 -1728px
}

.f16 .hr {
    background-position: 0 -1744px
}

.f16 .ht {
    background-position: 0 -1760px
}

.f16 .hu {
    background-position: 0 -1776px
}

.f16 .id {
    background-position: 0 -1792px
}

.f16 .mc {
    background-position: 0 -1792px
}

.f16 .ie {
    background-position: 0 -1808px
}

.f16 .il {
    background-position: 0 -1824px
}

.f16 .im {
    background-position: 0 -1840px
}

.f16 .in {
    background-position: 0 -1856px
}

.f16 .iq {
    background-position: 0 -1872px
}

.f16 .ir {
    background-position: 0 -1888px
}

.f16 .is {
    background-position: 0 -1904px
}

.f16 .it {
    background-position: 0 -1920px
}

.f16 .je {
    background-position: 0 -1936px
}

.f16 .jm {
    background-position: 0 -1952px
}

.f16 .jo {
    background-position: 0 -1968px
}

.f16 .jp {
    background-position: 0 -1984px
}

.f16 .ke {
    background-position: 0 -2000px
}

.f16 .kg {
    background-position: 0 -2016px
}

.f16 .kh {
    background-position: 0 -2032px
}

.f16 .ki {
    background-position: 0 -2048px
}

.f16 .km {
    background-position: 0 -2064px
}

.f16 .kn {
    background-position: 0 -2080px
}

.f16 .kp {
    background-position: 0 -2096px
}

.f16 .kr {
    background-position: 0 -2112px
}

.f16 .kw {
    background-position: 0 -2128px
}

.f16 .ky {
    background-position: 0 -2144px
}

.f16 .kz {
    background-position: 0 -2160px
}

.f16 .la {
    background-position: 0 -2176px
}

.f16 .lb {
    background-position: 0 -2192px
}

.f16 .lc {
    background-position: 0 -2208px
}

.f16 .li {
    background-position: 0 -2224px
}

.f16 .lk {
    background-position: 0 -2240px
}

.f16 .lr {
    background-position: 0 -2256px
}

.f16 .ls {
    background-position: 0 -2272px
}

.f16 .lt {
    background-position: 0 -2288px
}

.f16 .lu {
    background-position: 0 -2304px
}

.f16 .lv {
    background-position: 0 -2320px
}

.f16 .ly {
    background-position: 0 -2336px
}

.f16 .ma {
    background-position: 0 -2352px
}

.f16 .md {
    background-position: 0 -2368px
}

.f16 .me {
    background-position: 0 -2384px
}

.f16 .mg {
    background-position: 0 -2400px
}

.f16 .mh {
    background-position: 0 -2416px
}

.f16 .mk {
    background-position: 0 -2432px
}

.f16 .ml {
    background-position: 0 -2448px
}

.f16 .mm {
    background-position: 0 -2464px
}

.f16 .mn {
    background-position: 0 -2480px
}

.f16 .mo {
    background-position: 0 -2496px
}

.f16 .mq {
    background-position: 0 -2512px
}

.f16 .mr {
    background-position: 0 -2528px
}

.f16 .ms {
    background-position: 0 -2544px
}

.f16 .mt {
    background-position: 0 -2560px
}

.f16 .mu {
    background-position: 0 -2576px
}

.f16 .mv {
    background-position: 0 -2592px
}

.f16 .mw {
    background-position: 0 -2608px
}

.f16 .mx {
    background-position: 0 -2624px
}

.f16 .my {
    background-position: 0 -2640px
}

.f16 .mz {
    background-position: 0 -2656px
}

.f16 .na {
    background-position: 0 -2672px
}

.f16 .nc {
    background-position: 0 -2688px
}

.f16 .ne {
    background-position: 0 -2704px
}

.f16 .ng {
    background-position: 0 -2720px
}

.f16 .ni {
    background-position: 0 -2736px
}

.f16 .nl {
    background-position: 0 -2752px
}

.f16 .bq {
    background-position: 0 -2752px
}

.f16 .no {
    background-position: 0 -2768px
}

.f16 .bv,
.f16 .nq,
.f16 .sj {
    background-position: 0 -2768px
}

.f16 .np {
    background-position: 0 -2784px
}

.f16 .nr {
    background-position: 0 -2800px
}

.f16 .nz {
    background-position: 0 -2816px
}

.f16 .om {
    background-position: 0 -2832px
}

.f16 .pa {
    background-position: 0 -2848px
}

.f16 .pe {
    background-position: 0 -2864px
}

.f16 .pf {
    background-position: 0 -2880px
}

.f16 .pg {
    background-position: 0 -2896px
}

.f16 .ph {
    background-position: 0 -2912px
}

.f16 .pk {
    background-position: 0 -2928px
}

.f16 .pl {
    background-position: 0 -2944px
}

.f16 .pr {
    background-position: 0 -2960px
}

.f16 .ps {
    background-position: 0 -2976px
}

.f16 .pt {
    background-position: 0 -2992px
}

.f16 .pw {
    background-position: 0 -3008px
}

.f16 .py {
    background-position: 0 -3024px
}

.f16 .qa {
    background-position: 0 -3040px
}

.f16 .re {
    background-position: 0 -3056px
}

.f16 .ro {
    background-position: 0 -3072px
}

.f16 .rs {
    background-position: 0 -3088px
}

.f16 .ru {
    background-position: 0 -3104px
}

.f16 .rw {
    background-position: 0 -3120px
}

.f16 .sa {
    background-position: 0 -3136px
}

.f16 .sb {
    background-position: 0 -3152px
}

.f16 .sc {
    background-position: 0 -3168px
}

.f16 .sd {
    background-position: 0 -3184px
}

.f16 .se {
    background-position: 0 -3200px
}

.f16 .sg {
    background-position: 0 -3216px
}

.f16 .si {
    background-position: 0 -3232px
}

.f16 .sk {
    background-position: 0 -3248px
}

.f16 .sl {
    background-position: 0 -3264px
}

.f16 .sm {
    background-position: 0 -3280px
}

.f16 .sn {
    background-position: 0 -3296px
}

.f16 .so {
    background-position: 0 -3312px
}

.f16 .sr {
    background-position: 0 -3328px
}

.f16 .st {
    background-position: 0 -3344px
}

.f16 .sv {
    background-position: 0 -3360px
}

.f16 .sy {
    background-position: 0 -3376px
}

.f16 .sz {
    background-position: 0 -3392px
}

.f16 .tc {
    background-position: 0 -3408px
}

.f16 .td {
    background-position: 0 -3424px
}

.f16 .tg {
    background-position: 0 -3440px
}

.f16 .th {
    background-position: 0 -3456px
}

.f16 .tj {
    background-position: 0 -3472px
}

.f16 .tl {
    background-position: 0 -3488px
}

.f16 .tm {
    background-position: 0 -3504px
}

.f16 .tn {
    background-position: 0 -3520px
}

.f16 .to {
    background-position: 0 -3536px
}

.f16 .tr {
    background-position: 0 -3552px
}

.f16 .tt {
    background-position: 0 -3568px
}

.f16 .tv {
    background-position: 0 -3584px
}

.f16 .tw {
    background-position: 0 -3600px
}

.f16 .tz {
    background-position: 0 -3616px
}

.f16 .ua {
    background-position: 0 -3632px
}

.f16 .ug {
    background-position: 0 -3648px
}

.f16 .us {
    background-position: 0 -3664px
}

.f16 .uy {
    background-position: 0 -3680px
}

.f16 .uz {
    background-position: 0 -3696px
}

.f16 .va {
    background-position: 0 -3712px
}

.f16 .vc {
    background-position: 0 -3728px
}

.f16 .ve {
    background-position: 0 -3744px
}

.f16 .vg {
    background-position: 0 -3760px
}

.f16 .vi {
    background-position: 0 -3776px
}

.f16 .vn {
    background-position: 0 -3792px
}

.f16 .vu {
    background-position: 0 -3808px
}

.f16 .ws {
    background-position: 0 -3824px
}

.f16 .ye {
    background-position: 0 -3840px
}

.f16 .za {
    background-position: 0 -3856px
}

.f16 .zm {
    background-position: 0 -3872px
}

.f16 .zw {
    background-position: 0 -3888px
}

.f16 .sx {
    background-position: 0 -3904px
}

.f16 .cw {
    background-position: 0 -3920px
}

.f16 .ss {
    background-position: 0 -3936px
}

.f16 .nu {
    background-position: 0 -3952px
}


/*
.t-average{
    border-bottom-color: transparent !important;
}

.t-average .grade-wrapper{

}

.t-average .grade-wrapper>.grade-caption{
    border: .2rem solid white;
    border-radius: .3rem;
}
*/
button.dsp {
    display: flex;
}

button.dsp::before {
    content: '';
}

.form_field.f-grade.t-average.nts .grade-suggested {
    display: none;
}

.input-grade-picker-popup button.suggested,
.input-grade-picker button.suggested {
    background-image: url(../images/flag_custom_value.svg);
    background-repeat: no-repeat;
    background-position: -4px bottom;
}

.form_field.f-grade.t-average.not-equal .grade-caption {
    background-image: url(../images/flag_custom_value.svg);
    background-repeat: no-repeat;
    background-position: -10px bottom;
}

/*
.form_field.f-grade.t-average.not-equal .grade-wrapper.evl .grade-caption{
    background-image: none;
}
*/
.form_field.f-grade.t-average.not-equal .grade-short::before,
.form_field.f-grade.t-average.not-equal .grade-short::after {
    text-decoration: none;
}

.input_tree .inline-menu {
    display: none;
}

.outline>.grade-wrapper.evl.hfd.nfl::after,
.outline>.grade-wrapper.evl.hfd.efl::after,
.grade-wrapper.evl.hfd.nfl>.grade-caption>span:first-child::after,
.grade-wrapper.evl.hfd.efl>.grade-caption>span:first-child::after,
.grade-wrapper.evl.efl:not(.efd)>.grade-caption>span:first-child::after {
    font-size: 1rem;
    content: '\E06B';
}

button.submit-form.not-error.focus,
button.submit-form.part {
    border: .1rem solid #0fbd68;
    background-color: rgba(15, 189, 104, 0.2);
}

button.submit-form.focus.error,
button.submit-form.focus.part,
button.submit-form.part:hover {
    background-color: #f5e1df;
    border: .1rem solid #D24726;
    box-shadow: none;
}

button.submit-form.part::before {
    display: none;
}

button.submit-form.not-error.focus::before,
button.submit-form.not-error.focus::after,
button.submit-form.not-error.focus>span,
button.submit-form.part::after,
button.submit-form.part>span {
    color: #0fbd68;
}


button.submit-form.error.focus::after,
button.submit-form.error.focus::before,
button.submit-form.error.focus>span,

button.submit-form.part.focus::after,
button.submit-form.part:hover::after,
button.submit-form.part.focus::before,
button.submit-form.part.focus>span,
button.submit-form.part:hover::before,
button.submit-form.part:hover>span {
    color: #D24726;
}

/*
.grade-wrapper.evl.efd:not(.efl) span.grade-caption{
    box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 5px 0px inset;
}
*/
/*
.grade-wrapper.evl.efd span.grade-caption > span:first-child::before {
    font-size: 1rem;
    color: white;
    background-color: #1c5a9a;
    height: 1.7rem;
    width: 1.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: .1rem;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px 0px inset;
    border: .16rem solid white;
}*/
.outline>.grade-wrapper.evl.efd::before,
.grade-wrapper.evl.efd span.grade-caption>span:first-child::before {
    font-size: 1rem;
}

.context-wrapper>.input_calendar_nav {
    width: 100%;
}

/*
li>span.token-form,
.input_envelope.input_currency .input_wrapper p {
    padding-left:.2rem;
}
*/
.form_field.f-display.field-status.text button.icon-text::before {
    display: none;
}

.input-label {
    display: flex;
    flex-wrap: wrap;
}

.form_field.readonly.f-scale {
    background-color: transparent;
}

.input_scale ul {
    padding: 0;
    margin: 0;
    display: flex;
    width: 100%;
}

.input_scale ul>li {
    display: flex;
    flex-direction: column;
}

.input_scale ul>li.selected {
    border-radius: 8px;
}

.form_field.f-scale label {
    display: none;
}

.input_scale ul>li>span {
    padding: .5rem 1rem;
    text-align: center;
    font-size: .8rem;
}

.input_scale ul>li>span:nth-child(2) {
    background-image: url(../images/scale_guideline.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
}

.input_scale ul>li:last-child,
.input_scale ul>li:first-child {
    flex-grow: 1;
}

.input_scale ul>li:first-child>span {
    text-align: left;
}

.input_scale ul>li .sum {
    padding: .5rem;
    margin-left: 1rem;
    border-radius: 8px;
    font-weight: bold;
    border: 1px solid rgba(0, 0, 0, 0.12);
}


.input_scale ul>li:last-child>span:nth-child(2),
.input_scale ul>li:first-child>span:nth-child(2) {
    background-position: left center;
}

.input_scale ul>li>span:last-child {
    opacity: 0.6;
}

.form_field.doc.spaced.f-scale {
    border: none;
}

.form_field.f-scale.empty {
    display: none;
}

.toggle-box {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem 0;
}

.toggle-box>div {
    flex-grow: 1;
    border-top: .1rem dashed rgba(0, 0, 0, 0.24);
}

.doc_group_form.expanded .toggle-box>div {
    border-top: .1rem solid #1c5a9a;
}

.tr.not-expandable .toggle-box {
    display: none;
}

/*
.doc_group_form.expanded>.doc_row_form:first-child,
.doc_group_form.expanded>.toggle-box{
    background-color: rgba(255,255,0,0.4);
    padding-left:.5rem;
    padding-right:.5rem;
}
*/

.toggle-box>button>span>span:last-child {
    display: none;
}

.toggle-box>button {
    border-radius: 1rem;
    padding: 0 .2rem 0 1rem;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.toggle-box>button>span {
    font-size: .8rem;
    margin: 0 .5rem;
}

.doc_group_form.expanded .toggle-box>button {
    background-color: #1c5a9a;
}

/*
.doc_row_form.collapsable>div{
    background-color:rgba(0,0,0,0.01);
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.08) inset;
}
*/
.doc_group_form.expanded .toggle-box>button>span>span {
    color: white;
}

.toggle-box.active>button>span>span:first-child {
    display: none;
}

.toggle-box.active>button>span>span:last-child {
    display: inherit;
}

.form_field.doc.f-separator {
    background-color: var(--cs-bg-color-separator);
}

.block_wrapper.label-highlight .form_field.doc:not(.f-separator)>label>span {
    padding-top: 2px;
}

.block_wrapper.label-highlight .form_field.doc:not(.f-separator)>label>span>span {
    color: var(--cs-own-text-color);
    background-color: color-mix(in oklab, var(--cs-own-text-color) 10%, white);
    border: 1px solid color-mix(in oklab, var(--cs-own-text-color) 30%, white);
    padding: 0 .2rem;
    border-radius: .2rem;
}

/*
.block_wrapper.label-highlight .form_field.doc:not(.f-separator)>label>span>span{
    color:color-mix(in oklab, var(--cs-own-text-color) 70%, black);
}

.block_wrapper.label-highlight .form_field:not(.f-separator)>label>span>span::before{
    content: '\E115';
    color: var(--cs-own-text-color);
    margin-right: .5rem;
}
*/
.form_field.doc.f-separator>.input_envelope {
    min-height: 0;
    flex-grow: 0;
    height: unset;
}

.form_field.doc.f-separator>label {
    flex-grow: 1;
    align-items: center;
    display: flex;
    padding: .5rem 0;
}

.form_field.doc.f-separator>label::before {
    content: '\E038';
    width: 2rem;
    display: inline-flex;
    justify-content: center;
    font-weight: normal;
    font-size: 1rem;
}

.form_field.doc.f-separator>label span {
    font-size: 1rem;
    font-weight: bold;
}

.form_field.doc.f-separator>.input_envelope>div>.input-caption-wrapper {
    width: 100%;
    padding: .5rem;
    line-height: 1.2;
    font-size: .8em;
}

.form_field.doc.f-separator>.input_envelope>div>.input-caption-wrapper p {
    margin: .5rem;
}

.form_field.doc.f-separator>.input_envelope>div>.input-caption-wrapper a {
    text-decoration: underline;
    color: var(--cs-link-color);
}

.form_field.doc.f-separator>.input_envelope>div>.input-caption-wrapper a::before {
    content: '\E05B';
    margin-right: .3rem;
    color: var(--cs-link-color);
}

.form_field.doc.f-separator>.input_envelope>div>.input-caption-wrapper a:hover {
    text-decoration: none;
}

.layer-input_form_wrapper .btn.restore {
    display: none;
}

.layer-input_form_wrapper.deleted .btn.restore {
    display: initial;
}

div.input-attendance-flags {
    padding: .5rem 0;
}

div.input-attendance-flags>button {
    display: flex;
}

.form_field.f-textarea.t-richtext .input-display-wrapper iframe {
    width: 100%;
    height: 100%;
}

.fieldset-caption.field-sent+.fieldset-caption.field-seen::before {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    content: ' de ';
}

/*
.btn.status:not(:hover)::before {
  color: color-mix(in oklab, var(--cs-bg-color) 100%, white);
  filter: saturate(70%);
}

.btn.status:hover::before {
  color: color-mix(in oklab, var(--cs-bg-color) 100%, white);
  padding: .2rem;
  border-radius: 50%;  
}
*/
.form_field.f-select.align-center select {
    text-align-last: center;
    text-align: center;
}

li.select-empty:hover span,
li.select-empty:hover {
    background-color: var(--cs-hover-bg-color);
    color: var(--cs-hover-text-color);
    --cs-icon-color: var(--cs-hover-text-color);
}

.form_field.f-checkbox.align-left button.input-checkbox {
    justify-content: flex-start;
}

.form_field.f-display.has-color.empty .input_wrapper button.btn {
    display: none !important;
}

.form_field.f-text.alphau .input_wrapper input[type="text"] {
    text-transform: uppercase;
}

.form_field.td>.input_envelope.input_currency p {
    text-align: right;
    justify-content: flex-end;
}

.form_field.f-display.field-status.d-purchase button::before {
    content: '\E023';
}

.form_field.f-display.field-status.d-purchase.status-40 button::before {
    content: '\E096';
}

.upload-box-wrapper {
    display: flex;
    flex-direction: column;
    margin: 1rem .5rem .5rem .5rem;
    border-width: 1px;
    border-style: solid;
    border-radius: 1rem;
    overflow: hidden;
}

.upload-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: small;
}

.upload-box>div>div:first-child:before {
    background-image: url(../images/upload-stroke-loop.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    min-width: 4rem;
    min-height: 4rem;
    margin: 1rem;
}

.fieldset-caption.field-personEMAIL_SCHOOL.t-email:not(.empty)+.fieldset-caption.field-personEMAIL_PERSON.t-email {
    display: none;
}

/*
.fieldset-caption.tokenize.t-dtg > span.value{
    padding:.5rem;
}
*/
.fieldset-caption.tokenize.t-dtg>span.value>span {
    border: 1px solid rgba(0, 0, 0, 0.24);
    border-radius: 1rem;
    padding: .3rem;
    margin-right: .3rem;
}

.fieldset-caption.tokenize.t-dtg>span.value>span::before {
    content: '\E123';
    font-size: 1rem;
    margin-right: .2rem;
}

.form_field.f-group:not(.focus) button.input-group:not(:hover) .fieldset-caption.tokenize.t-dtg>span.value>span:nth-child(9n + 1) {
    background-color: #ffecce;
}

.form_field.f-group:not(.focus) button.input-group:not(:hover) .fieldset-caption.tokenize.t-dtg>span.value>span:nth-child(9n + 2) {
    background-color: #d6f7db;
}

.form_field.f-group:not(.focus) button.input-group:not(:hover) .fieldset-caption.tokenize.t-dtg>span.value>span:nth-child(9n + 3) {
    background-color: #e0f6ff;
}

.form_field.f-group:not(.focus) button.input-group:not(:hover) .fieldset-caption.tokenize.t-dtg>span.value>span:nth-child(9n + 4) {
    background-color: #cee7ff;
}

.form_field.f-group:not(.focus) button.input-group:not(:hover) .fieldset-caption.tokenize.t-dtg>span.value>span:nth-child(9n + 5) {
    background-color: #dfdffa;
}

.form_field.f-group:not(.focus) button.input-group:not(:hover) .fieldset-caption.tokenize.t-dtg>span.value>span:nth-child(9n + 6) {
    background-color: #f3defd;
}

.form_field.f-group:not(.focus) button.input-group:not(:hover) .fieldset-caption.tokenize.t-dtg>span.value>span:nth-child(9n + 7) {
    background-color: #ffd7df;
}

.form_field.f-group:not(.focus) button.input-group:not(:hover) .fieldset-caption.tokenize.t-dtg>span.value>span:nth-child(9n + 8) {
    background-color: #ffdad8;
}

.form_field.f-group:not(.focus) button.input-group:not(:hover) .fieldset-caption.tokenize.t-dtg>span.value>span:nth-child(9n + 9) {
    background-color: #fff7ce;
}

.form_field.f-url .input_wrapper>div>button {
    width: fit-content;
    max-width: 100%;
    border-radius: 1rem;
}

.form_field.f-url .input_wrapper>div>button>span {
    padding: 0 .5rem;
}

.form_field.f-url .input_wrapper>div {
    justify-content: flex-start;
}

::file-selector-button {
    background-color: #3e9557;
    color: white;
    padding: .5rem .7rem;
    border: none;
    border-radius: .3rem;
    cursor: pointer;
    font-size: 1rem;
    margin-right: 1rem;
}

::file-selector-button:hover {
    background-color: #2e8547;
}

.td.form_field.d-chapter_student.counter.gradebook_lower-0 {
    --cs-page-bg-color: rgba(15, 189, 104, .50);
}

.td.form_field.d-chapter_student.counter.gradebook_lower-1 {
    --cs-page-bg-color: rgba(227, 73, 47, .20);
}

.td.form_field.d-chapter_student.counter.gradebook_lower-2 {
    --cs-page-bg-color: rgba(227, 73, 47, .40);
}

.td.form_field.d-chapter_student.counter {
    --cs-page-bg-color: rgba(227, 73, 47, .60);
}

.td.form_field.d-chapter_student.counter button>span {
    justify-content: center;
}

/*
.td.form_field.d-chapter_student.counter{
    background-color: var(--cs-page-bg-color);
}*/

.form_field.f-text.t-progress p::after {
    content: '%';
}

.form_field.f-text.t-progress p:not(:hover) {
    background-color: transparent;
}

.form_field.f-text.t-progress p {
    align-items: center;
}

.form_field.f-text.t-progress p:not(:hover) {
    color: color-mix(in oklab, var(--cs-bg-color) 50%, black);
    background-color: color-mix(in oklab, var(--cs-bg-color) 40%, white);
}

.progress-0 p,
.progress-1 p,
.progress-2 p,
.progress-3 p,
.progress-4 p,
.progress-5 p,
.progress-6 p,
.progress-7 p,
.progress-8 p,
.progress-9 p,
.progress-10 p,
.progress-11 p,
.progress-12 p,
.progress-13 p,
.progress-14 p,
.progress-15 p,
.progress-16 p,
.progress-17 p,
.progress-18 p,
.progress-19 p,
.progress-20 p,
.progress-21 p,
.progress-22 p,
.progress-23 p,
.progress-24 p,
.progress-25 p,
.progress-26 p,
.progress-27 p,
.progress-28 p,
.progress-29 p,
.progress-30 p,
.progress-31 p,
.progress-32 p,
.progress-33 p,
.progress-34 p,
.progress-35 p,
.progress-36 p,
.progress-37 p,
.progress-38 p,
.progress-39 p,
.progress-40 p,
.progress-41 p,
.progress-42 p,
.progress-43 p,
.progress-44 p,
.progress-45 p,
.progress-46 p,
.progress-47 p,
.progress-48 p,
.progress-49 {
    --cs-bg-color: #fe5533;
}

.progress-50 p,
.progress-51 p,
.progress-52 p,
.progress-53 p,
.progress-54 p,
.progress-55 p,
.progress-56 p,
.progress-57 p,
.progress-58 p,
.progress-59 p,
.progress-60 p,
.progress-61 p,
.progress-62 p,
.progress-63 p,
.progress-64 p,
.progress-65 p,
.progress-66 p,
.progress-67 p,
.progress-68 p,
.progress-69 {
    --cs-bg-color: #ffa600;
}

.progress-70 p,
.progress-71 p,
.progress-72 p,
.progress-73 p,
.progress-74 p,
.progress-75 p,
.progress-76 p,
.progress-77 p,
.progress-78 p,
.progress-79 p,
.progress-80 p,
.progress-81 p,
.progress-82 p,
.progress-83 p,
.progress-84 p,
.progress-85 p,
.progress-86 p,
.progress-87 p,
.progress-88 p,
.progress-89 p,
.progress-90 p,
.progress-91 p,
.progress-92 p,
.progress-93 p,
.progress-94 p,
.progress-95 p,
.progress-96 p,
.progress-97 p,
.progress-98 p,
.progress-99 {
    --cs-bg-color: #2cbbe8;
}

.progress-100 p {
    --cs-bg-color: #48dc6b;
}


body.activity-section-student .controller_menu_tab_left_buttons {
    flex-grow: 0 !important;
}

body.activity-section-student .playback-ctrl {
    flex-grow: 1 !important;

}

body.activity-section-student .playback-ctrl select {
    font-size: 1rem;
}

.form_field.field-type.d-ticketout .input_wrapper p::before {
    margin-right: .2rem;
    margin-left: .2rem;
}

.form_field.field-type.d-ticketout .input_wrapper.gtype-1 p::before,
.form_field.field-type.d-ticketout .input_wrapper.gtype-20 p::before {
    content: '\E0A0';
}

.form_field.field-type.d-ticketout .input_wrapper.gtype-10 p::before {
    content: '\E065';
}

.form_field.field-type.d-ticketout .input_wrapper.gtype-2 p::before {
    content: '\E0A1';
}

button.preview::before {
    content: '\E045';
}

button.code::before {
    content: '\E0E2';
}

.tpl-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.tpl-wrapper>.tpl-toolbar {
    padding: 0;
    display: flex;
    background-color: rgba(0, 0, 0, 0.08);
}

.form_field.doc.f-textarea.t-tpl>label {
    background-color: rgba(0, 0, 0, 0.08);
}

.tpl-wrapper>.tpl-toolbar>button {
    border-radius: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.tpl-wrapper>.tpl-editor {
    flex-grow: 1;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}

.tpl-editor:not(.data)>.data {
    display: none;
}

.tpl-editor.data>.body {
    display: none;
}

textarea.grade-input {
    resize: none;
    overflow: hidden;
    white-space: nowrap;
    font-family: inherit;
    height: 100%;
    box-sizing: border-box;
}

.tokenize-popup>.input-bulk-wrapper {
    display: none;
}

.input_form_wrapper.grade {
    max-width: 24rem;
}

textarea[type="text"] {
    resize: none;
    font-family: Arial, Helvetica, sans-serif;
    overflow: hidden;
    height: var(--cs-form-field-h);
    line-height: var(--cs-form-field-h);
    padding-left: .3rem;
}

/*
textarea.input_grade{
    line-height: 24px;
}*/

.table.schedule-tbl>.tbody>.tr>.td.form_field.f-tokenize>.input_envelope.input_tokenize.readonly li.Token {
    border-bottom-width: 0;
}

.popup-layer.layer-grade>.wrapper>.body {
    overflow: hidden;
}
/*/var/www/html/clickschoolinfo/public/themes/modern/css/jquery.tokenize.css*/
div.TokenizeMeasure,
div.Tokenize ul.TokensContainer li.TokenSearch input {
    line-height: 1;
}

div.Tokenize {
    position: relative;
    display: inline-flex;
    /*min-height: 2rem;*/
    align-items: flex-start;
    flex-wrap: wrap;
}

ul.TokensContainer {
    cursor: text;
    height: calc(100% - .2rem);
    overflow-y: hidden;
    overflow-x: hidden;
    background-color: white;
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    list-style: none;
    padding: 0;
    margin: .1rem;
    align-items: center;
}

.input-tokenize.OnlyOne>ul.TokensContainer {
    margin: 0;
    height: 100%;
}

.not-text-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.Tokenize ul.TokensContainer.Autosize {
    height: auto;
}

div.Tokenize ul.TokensContainer li.Token {
    overflow-x: hidden;
    z-index: calc(sibling-index() + 1);
}

/*
.input-tokenize.Multi li.Token {
    border-right: 1px solid rgba(0,0,0,0.12);
}
*/
div.Tokenize ul.TokensContainer.ui-sortable:not(.ui-sortable-disabled) li.Token {
    cursor: move;
}

div.Tokenize ul.TokensContainer li.Token.MovingShadow {
    border: 1px solid #fcefa1;
    background-color: #fbf9ee;
}

div.Tokenize ul.TokensContainer li.Token.PendingDelete {
    opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-filter: "alpha(opacity=50)";
    filter: alpha(opacity=50);
}

div.Tokenize ul.TokensContainer li.Token,
div.Tokenize ul.TokensContainer li.TokenSearch {    
    display: inline-flex;
    align-items: center;
    overflow-y: hidden;
    overflow-x: hidden;
}

li.TokenSearch {
    flex-grow: 1;
    align-self: flex-start;
}

div.Tokenize ul.TokensContainer li.TokenSearch.text input {
    margin: 0;
    background-color: transparent;
    border: none;
    outline: none;
    width: 100%;
    /*color: rgba(0,0,0,0.64);*/
}

div.Tokenize ul.TokensContainer li.Placeholder {
    color: #ddd;
    position: absolute;
    display: none;
}

div.Tokenize ul.Dropdown {
    border: none;
    background: none;
}

div.Tokenize ul.TokensContainer {
    border: none;
    background: none;
    padding: 0;
}

div.Tokenize ul.TokensContainer li.Token a.Close {
    font-family: Arial, Helvetica, sans-serif !important;
    line-height: 18px;
    float: right;
    margin: 1px 0 0 5px;
    padding: 0;
    cursor: pointer;
    color: #a6b4ce;
}

div.Tokenize.Disabled ul.TokensContainer li.Token a.Close {
    display: none;
}

div.Tokenize ul.TokensContainer li.Token a.Close:hover {
    color: white;
    background-color: #D96565;
    opacity: 1;
    text-decoration: none;
}

div.Tokenize ul.Dropdown {
    box-sizing: border-box;
    display: none;
    width: 100%;
    margin: 1px 0 0 0;
    position: absolute;
    background-color: white;
    overflow-y: auto;
    background-clip: padding-box;
    z-index: 20;
    max-height: 160px;
}

div.Tokenize div.DropDownPopup {
    display: none;
}

.body>.DropDownPopup {
    height: 100%;
    max-width: 100%;
}

.popup-layer.layer-DropDownPopup:not(.layer-sidebar)>div>div>.DropDownPopup>.wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.popup-layer.layer-DropDownPopup.layer-sidebar>div>div>.DropDownPopup>.wrapper {
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(0, 0, 0, .16);
    border-radius: 8px;
    overflow: hidden;
    flex-grow: 1;
    margin: 0.5rem;
}

.DropDownPopup>.wrapper>.body {
    flex-grow: 1;
    box-shadow: 0 0 0 1px rgba(20, 20, 31, .05), 0 1px 3px 0 rgba(20, 20, 31, .15);
    overflow: hidden auto;
}

.DropDownPopup>.wrapper>.header {
    padding: 1rem;
    flex-direction: column;
    background-color: var(--cs-bg-color);
}

.DropDownPopup.sidebar>div {
    background-color: var(--cs-bg-color);
    background-image: var(--cs-background-image);
}

.DropDownPopup>.wrapper>.header {
    display: none;
}

.DropDownPopup.has-search-bar>.wrapper>.header {
    display: flex;
}

.DropDownPopup>div>ul {
    flex-grow: 1;
    margin: 0;
    overflow-y: auto;
    width: 100%;
}

ul.Dropdown li {
    padding: 0 .5rem;
    overflow: hidden;
    cursor: pointer;
    align-items: center;
    display: flex;
    min-height: 3rem;
}

ul.Dropdown li.Hover {
    color: white;
    text-decoration: none;
    background-color: #4a7eb2;
}

ul.Dropdown li.Hover span {
    color: white;
}

div.Tokenize ul.TokensContainer li.Token>a {
    width: 24px;
    height: 24px;
    border-radius: 16px;
    text-align: center;
    line-height: 24px;
    float: right;
    margin-top: 1px;
    margin-bottom: 2px;
    cursor: pointer;
    opacity: 0.32;
    margin-left: 2px;
}

div.Tokenize ul.TokensContainer li.Token>a:hover {
    opacity: 1;
}

/*
a.delete{
    background-image: url(../images/black/removex.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center center;
    min-width: 22px;
    margin-left:4px;
    border-radius: 14px;
}

li.has-more>span.tokenize-options.onfocus a.delete,
li.has-more>span.tokenize-options:hover a.delete,
a.delete.focus,
a.delete:hover{
    background-image: url(../images/white/removex.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #D96565;
}*/
li.comment.has-more {
    flex-grow: 1;
}

li.comment.has-more>span:first-child {
    max-width: calc(100% - 2rem);
    overflow: hidden;
    flex-grow: 1;
}

div.input_tokenize_simple.inline ul.Dropdown li {
    display: inline-block;
    margin: .1em;
    border: 1px solid rgba(0, 0, 0, 0.16);
}

div.Tokenize.Disabled ul.TokensContainer,
div.Tokenize.Disabled ul.TokensContainer input {
    cursor: auto;
}

/*
div.Tokenize.OnlyOne ul.TokensContainer li.Token
{
    float: none;
    display:inline-flex;
    margin: .1em .1em .1em .2em;
    border-radius: 0.3rem;
}
*/

.Dropdown.turnonUp,
.Dropdown.turnonDown {
    display: block;
    /*max-height: 160px;*/
    height: 100%;
    padding: 0 0 3rem 0;
}

div.Tokenize ul.TokensContainer li.Token.error {
    background-image: url(../images/caution-stroke-loop.svg);
    background-repeat: no-repeat;
    background-position: 1px center;
    border: 1px solid rgba(186, 68, 68, 0.32);
    padding-left: 1.3rem;
    background-size: 1.2rem 1.2rem;
}

div.Tokenize.OnlyOne ul.TokensContainer li.Token.error {
    border: none;
}

.tokenize-signing {
    display: flex;
    flex-direction: column;
    margin: 0 2px 0 2px;
    min-width: 96px;
    flex-grow: 1;
}

.tokenize-signing>span:first-child {
    border-bottom: 0.1rem solid rgba(0, 0, 0, 0.32);
    min-height: 4rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
}

.tokenize-signing>span:last-child {
    padding: .5rem;
}

.tokenize-signing>span {
    line-height: 16px;
}

.tokenize-signing .input-label {
    flex-direction: column;
}

.tokenize-signing.not-image>span {
    background-image: none !important;
}

.tokenize-card {
    display: flex;
}

span.tokenize-card>span:first-child {
    margin-right: 2px;
}

span.tokenize-card>span:last-child {
    display: inline-flex;
    vertical-align: top;
    flex-direction: column;
    height: 100%;
}

span.tokenize-card>span:last-child>span:first-child,
span.tokenize-card>span:last-child>span:last-child {
    flex-grow: 1;
}

.tokenize-card img {
    border-radius: 24px;
    width: 24px;
    height: 24px;
    margin: 2px;
}

.tokenize-activity {
    display: flex;
}

span.tokenize-activity>span:first-child {
    margin-right: 2px;
    font-weight: bold;
    padding: 0 3px;
}

span.tokenize-activity>span:last-child {
    font-style: italic;
    line-height: 100%;
    text-align: left;
}

ul.TokensContainer li.Token,
ul.TokensContainer li.TokenSearch {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
}

.grid_filter_wrapper ul.TokensContainer {
    display: flex;
    flex-wrap: wrap;
}

.form_field:not(.multi-line):not(.bulk):not(.empty).block.f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div>ul.TokensContainer>li.Token,
.form_field.block ul.TokensContainer>li.Token,
.form_field.block.t-person ul.TokensContainer>li.Token,
.form_field.block.focus.t-person ul.TokensContainer>li.TokenSearch {
    flex-grow: 1;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
}

.form_field.grid.block .input-tokenize.OnlyOne>ul.TokensContainer>li.Token {
    height: 100%;
    margin: 0;
    border-radius: 0;
}

.form_field.doc.block .input-tokenize.OnlyOne>ul.TokensContainer>li.Token {
    margin: .2rem;
    border-radius: .2rem;
}

.lt {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.token-row {
    width: 100%;
    display: flex;
    margin: 0;
    flex-wrap: wrap;
    column-gap: .2rem;
}

.form_field.f-tokenize.lt ul.TokensContainer>li.Token {
    flex-grow: 1;
    width: 100%;
    border-radius: 0;
    border: none;
    margin: 0;
    display: flex;
    align-items: stretch;
    min-height: 2rem;
}

.form_field.f-tokenize.lt ul.TokensContainer>li.Token>.token-form>.token-row {
    column-gap: 0;
}

.form_field.f-tokenize.lt ul.TokensContainer>li.Token:first-child {
    border-top: none;
}

/*
.form_field.f-tokenize.lt:not(.hth)>div>div>div>ul.TokensContainer>li.Token:first-child>.token-form>.token-row>span>label{
    display: inherit;
}
*/
.caption-row>span>label {
    display: none;
}

.caption-row>span>* {
    color: inherit;
}

.token-row>span {
    justify-content: stretch;
    flex-direction: column;
    max-width: 100%;
}

.token-row>span.bullet {
    flex-direction: row;
}

.token-row>span>label {
    display: none;
}

.token-row>span>span {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.token-row>.f-tokenize>span {
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;
}

.token-row>.f-textarea>span {
    white-space: pre-line;
    /*padding: 4px;*/
}

.form_field.grid .token-row>.f-tokenize>span {
    white-space: nowrap;
}

.form_field.f-tokenize.lt li.Token.form>.token-form {
    display: flex;
    flex-grow: 1;
    padding: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    max-width: 100%;
}

.token-row:first-child {
    flex-grow: 1;
}

.token-row>span {
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    padding: 0;
    word-wrap: break-word;
    line-height: 1;
    flex-wrap: wrap;
}

.token-row>span.empty {
    display: none;
}

.embedded-form>.token-row>span.empty {
    display: inherit;
}

.form_field.f-tokenize:not(.lt) .token-row>span.empty+span,
.token-row>span.empty+span {
    padding-left: 0;
}

.token-row>span.bullet {
    flex-wrap: nowrap;
}

.field-user_role>.token-row {
    width: unset;
}

.field-user_role>.token-row>span {
    white-space: nowrap;
}

.form_field.field-formula_display.empty,
.token-row>span.hidden {
    display: none;
}

.form_field.f-tokenize.lt .token-row>span:not(.lt) {
    border-right: .1rem solid rgba(0, 0, 0, 0.24);
    border-bottom: .1rem solid rgba(0, 0, 0, 0.24);
    border-top: .1rem solid rgba(0, 0, 0, 0.24);
    min-height: 2rem;
}

.form_field.f-tokenize:not(.lt) .token-row>span {
    line-height: 1.5;
}


.form_field.f-tokenize:not(.lt) .token-row>span:not(:first-child) {
    padding: 0 .3rem 0 0;
}

.form_field.f-tokenize:not(.lt) .token-row>span.field-author_id {
    order: -1;
}

.form_field.f-tokenize:not(.lt) .token-row>span:nth-child(n+2) {
    opacity: .8;
}

.token-row:first-child>span {
    border-top: none;
}

.token-row>span:last-child {
    border-right: none;
}

.token-row>span.hide {
    display: none;
}

.form_field.f-tokenize.lt[data-editable="0"] li.Token.form>.token-form+.tokenize-options {
    display: none;
}

li.Token>span.token-form>span.token-row {
    margin: 0;
}

/*
li.Token > span.token-form > span.token-row > span {
.token-form > .token-row > span {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
*/

.form_field.checkbox ul.TokensContainer>li.Token {
    width: 100%;
    flex-grow: 1;
    padding: .5rem;
    cursor: pointer;
}

.form_field.f-tokenize.t-checkbox ul.TokensContainer>li.Token::before {
    content: '\E0DD';
    border-radius: .3rem;
}

.form_field.f-tokenize.t-checkbox ul.TokensContainer>li.Token.checked::before {
    content: '\E0EB';
    box-shadow: color-mix(in oklab, var(--cs-bg-color) 50%, white) 0px 0px 0px 3px;
}

.form_field.f-tokenize.t-checkbox .TokenSearch,
.form_field.f-tokenize.t-checkbox .tokenize-options {
    display: none;
}

.td.form_field.block.f-tokenize.t-status>div.input_envelope:not(.tokenize-popup-backdrop) div>ul.TokensContainer>li.Token {
    margin: 0;
    height: 100%;
    border-radius: 0;
    border: none;
}

div.cs_doc_form_field[data-width="100%"] div.Tokenize.person ul.TokensContainer li.TokenSearch input {
    line-height: 34px;
}

div.cs_doc_form_field[data-width="100%"] div.Tokenize.person ul.TokensContainer li.Placeholder {
    line-height: 34px;
}

div.Tokenize.person.Disabled ul.TokensContainer li.TokenSearch {
    display: none;
}

.tokenize.has-color .Token>span:first-child {
    padding-left: 4px;
}

ul.Dropdown.has-color>li:not(:hover)>span {
    color: rgba(0, 0, 0, 0.64);
}

.Token.text>span:first-child {
    padding-left: 4px;
    flex-grow: 1;
}

li.locked .delete {
    display: none;
}

.signing.status-0 .token-caption {
    color: red;
}

.signing.status-1 .token-caption {
    color: green;
}

.f-tokenize.t-attachment div.input-tokenize>ul>li.Token:hover,
.f-tokenize.has-color div.input-tokenize>ul>li.Token:hover {
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.08);
}

a.token-caption:hover {
    background-color: transparent;
}

.signing-status-0 {
    background-image: url(../images/incomplete.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
}

.mail-status-0 {
    background-image: url(../images/black/clock.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
}

.signing-status-1 {
    background-image: url(../images/indicator_ok.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
}

.mail-status-1 {
    background-image: url(../images/black/active.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
}

.signing-status-2,
.mail-status-2 {
    background-image: url(../images/err.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: center center;
}

/*
.schedule-course div.Tokenize ul.TokensContainer li.Token,
.schedule-course div.Tokenize ul.TokensContainer li.TokenSearch {
    margin: 1px 2% 1px 2%;
    width: 96%;
}*/

.schedule-course .Token.text>span:first-child {
    text-align: center;
}

/*
.tokenize-tag .TokensContainer .Token{
    background-image: url("../images/black.png?v=6abdc5c6c7845");
    background-repeat: no-repeat;
    background-position: -12px -3227px;
    margin: 1px 1px;
    border-radius: 3px;
    border:1px solid rgba(0,0,0,0.16);
}

.field-task_reminder.f-tokenize .TokensContainer .Token>span:first-child,
.tokenize-tag .TokensContainer .Token>span:first-child{
    margin-left:20px;
}

.field-task_reminder.f-tokenize .TokensContainer .Token{
    background-image: url("../images/black.png?v=6abdc5c6c7845");
    background-repeat: no-repeat;
    background-position: -14px -7835px;
    margin: 1px 1px;
    border-radius: 3px;
    border:1px solid rgba(0,0,0,0.16);
}
*/
div.input_wrapper.Multi>div>ul>li.Token,
div.Tokenize>ul>li.Token {
    border-radius: 1rem;
    height: fit-content;
}

.form_field.doc.f-tokenize .TokensContainer>.TokenSearch.browse,
.form_field.doc.f-tokenize .TokensContainer>.Token {
    margin: 0.2rem;
}

.form_field.t-contract li.Token,
.form_field.t-attachment li.Token,
.form_field.has-color div.input_wrapper.Multi>div>ul>li.Token,
.form_field.has-color div.Tokenize.Multi>ul>li.Token,
.form_field.has-color li.Token {
    border-width: 1px;
    border-style: solid;
}

.form_field.grid.f-tokenize.multi ul.TokensContainer>li.Token {
    /*max-height: 1.8rem;*/
    overflow: hidden;
}

.form_field.grid.f-tokenize ul.TokensContainer {
    align-items: center;
}

.form_field.grid.f-tokenize:not(.multi-line)>.input_envelope:not(.tokenize-popup-backdrop) ul.TokensContainer {
    /*max-height: 2.25rem;*/
    align-items: stretch;
}

.form_field.grid.has-color div.Tokenize.OnlyOne ul.TokensContainer li.Token {
    width: 100%;
    height: 100%;
    border-width: 0;
    border-radius: 0;
    margin: 0;
}

.form_field:not(.multi-line):not(.bulk):not(.empty).align-center span.token-caption-wrapper .input-label {
    justify-content: center;
}

.tokenize-tree-root {
    font-weight: bold;
}

.token-AIB {
    background-color: #f4cccc;
}

.token-CPYP {
    background-color: #fce5cd;
}

.token-TT {
    background-color: #fff2cc;
}

.token-OTHER {
    background-color: #d9ead3;
}

.token-HTPEN {
    background-color: #d0e0e3;
}

.token-HTSOC {
    background-color: #cfe2f3;
}

.token-HTCOM {
    background-color: #d9d2e9;
}

.token-HTAUT {
    background-color: #ead1dc;
}

.token-HTINV {
    background-color: #DBADFF;
}

.token-ACT {
    background-color: #facdd0;
}

/*
.token-AIB{background-color: #f4cccc;background-position: 0px -616px;}
.token-CPYP{background-color: #fce5cd;background-position: 0px -592px;}
.token-ACT{background-color: #DBADFF;background-position: 0px -568px;}
.token-OTHER{background-color: #d9ead3;background-position: 0px -544px;}
.token-HTPEN{background-color: #d0e0e3;background-position: 0px -520px;}
.token-HTSOC{background-color: #cfe2f3;background-position: 0px -496px;}
.token-HTCOM{background-color: #d9d2e9;background-position: 0px -472px;}
.token-HTAUT{background-color: #ead1dc;background-position: 0px -448px;}
.token-TT{background-color: #fff2cc;background-position: 0px -424px;}
.token-HTINV{background-color: #facdd0;background-position: 0px -400px;}
*/
/*
.input-tokenize.Tokenize.tree .Dropdown li{
    display:inline-flex;
}
*/

.signature.Disabled ul.TokensContainer li {
    flex-grow: 1;
}

.signature.Disabled ul.TokensContainer {
    display: flex;
}

.Token.signature {
    margin-top: 32px;
    margin-right: 8px;
}

div.form_field.doc.f-tokenize.t-signature.readonly {
    background-color: transparent;
}

div.form_field.doc.f-tokenize.t-signature.readonly li.Token>span.tokenize-options {
    display: none;
}

div.form_field.doc.f-tokenize.t-signature.readonly li.Token {
    justify-content: space-around;
}

div.Tokenize ul.TokensContainer li.Token.fruit {
    padding-left: 24px;
    margin: 1px 1px;
    border-radius: 3px;
    border: 1px solid #8EC9C9;
    background-image: url("../images/fruits.png?v=6abdc5c6c7845");
    background-repeat: no-repeat;
    vertical-align: top;
    background-color: #B5E5E4;
    max-height: 24px;
}

div.Tokenize ul.TokensContainer li.Token.fruit>span:first-child {
    display: none;
}

/*
.focus div.Tokenize ul.TokensContainer li.Token.fruit>span:first-child{
    display: inline-block;
}*/
.principal {
    background-position: 0px -616px;
}

.eval {
    background-position: 0px -592px;
}

.optional {
    background-position: 0px -568px;
}

.quant {
    background-position: 0px -544px;
}

.planning {
    background-position: 0px -520px;
}

.attendance {
    background-position: 0px -496px;
}

.report {
    background-position: 0px -472px;
}

.group_gradebook {
    background-position: 0px -448px;
}

/*
div.Tokenize ul.TokensContainer li.Token.activity span.tokenize-activity>span:first-child{
    padding-left: 24px;
    margin: 1px 1px;
    border-radius: 3px;
    border:1px solid #8EC9C9;
    background-image: url("../images/fruits.png?v=6abdc5c6c7845");
    background-repeat: no-repeat;
    vertical-align: top;
    background-color: #B5E5E4;
    max-height: 24px;
}
.ESP{background-position: 0px -568px;}
*/
.tokenize-details {
    display: flex;
    flex-grow: 1;
}
/*
.form_field.tokenize.comment li.TokenSearch {
    float: right;
}

span.tokenize-details>span:first-child {
    margin-right: 2px;
}
*/
span.tokenize-details>span.wrapper {
    display: inline-flex;
    flex-direction: column;
    height: 100%;
    flex-grow: 1;
    align-self: center;
    max-width: 100%;
}

span.tokenize-details>span:last-child>span:first-child>span:first-child {
    flex-grow: 1;
    display: flex;
    align-items: center;
    color: var(--cs-own-text-color);
}

span.tokenize-details>span:last-child>span:first-child,
span.tokenize-details>span:last-child>span:last-child {
    flex-grow: 1;
}

span.tokenize-details>span:last-child>span.header {
    display: flex;
    margin-bottom: .5rem;
    min-height: 2rem;
    align-items: center;
}

.form_field.td.f-tokenize span.tokenize-details label,
.form_field.td.f-tokenize:not(.popup) span.tokenize-details>span:last-child>span.header{
    display:none;
}

.form_field.f-tokenize.t-task span.tokenize-details > span.wrapper{
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: var(--cs-own-text-color);
    padding-left: .5rem;
}

.input_envelope.input_tokenize.tokenize-popup-backdrop span.tokenize-details > span:last-child > span.header {
    flex-direction: column;
}

.form_field.td.f-tokenize.t-task>.input_envelope:not(.tokenize-popup-backdrop) span.tokenize-details > span.wrapper{
    border-left-width: 0;
    padding-left: 0;
}

.td.form_field.f-tokenize:not(.popup) span.header {
    display: none;
}

.td.form_field.f-tokenize.singl-line>.input_envelope:not(.tokenize-popup-backdrop) .f-text,
.td.form_field.f-tokenize.singl-line>.input_envelope:not(.tokenize-popup-backdrop) .f-textarea {
    white-space: nowrap;
}

.td.form_field.f-tokenize.singl-line>.input_envelope:not(.tokenize-popup-backdrop) .f-text>span,
.td.form_field.f-tokenize.singl-line>.input_envelope:not(.tokenize-popup-backdrop) .f-textarea>span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.td.form_field.f-tokenize.t-comment:not(.popup) span.tokenize-details>span:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
}

.td.form_field.f-tokenize.t-comment.popup span.tokenize-details>span:first-child {
    align-items: flex-start;
}

.tokenize-details-body {
    white-space: normal;
    line-height: 1.3;
}

.form_field.doc.f-tokenize.t-comment.multi-line ul.TokensContainer,
.form_field.doc.f-tokenize.details div.Tokenize ul.TokensContainer{
    flex-wrap: nowrap;
    flex-direction: column;
}

.form_field.popup.f-tokenize.details div.Tokenize ul.TokensContainer li.Token,
.form_field.doc.f-tokenize.details div.Tokenize ul.TokensContainer li.Token {
    padding: .5rem;
}
/*
.form_field.doc.f-tokenize.t-comment div.Tokenize ul.TokensContainer li.Token {
    padding: 1rem .5rem;
    margin: .25rem;
    width: 100%;
}
    #64d2ff, #32d74b, #0a84ff, #ff9f0a, #5e5ce6, #ff453a, #ff375f, #ffd60a, #bf5af2
*/
.doc_row_form:nth-child(9n + 1)>.colored.rainbow  ul>li.Token{
    --cs-bg-color: #64d2ff;
}

.doc_row_form:nth-child(9n + 2)>.colored.rainbow  ul>li.Token{
    --cs-bg-color: #32d74b;
}

.doc_row_form:nth-child(9n + 3)>.colored.rainbow  ul>li.Token{
    --cs-bg-color: #ff375f;
}

.doc_row_form:nth-child(9n + 4)>.colored.rainbow  ul>li.Token{
    --cs-bg-color: #0a84ff;
}

.doc_row_form:nth-child(9n + 5)>.colored.rainbow  ul>li.Token{
    --cs-bg-color: #ff9f0a;
}

.doc_row_form:nth-child(9n + 6)>.colored.rainbow  ul>li.Token{
    --cs-bg-color: #5e5ce6;
}

.doc_row_form:nth-child(9n + 7)>.colored.rainbow  ul>li.Token{
    --cs-bg-color: #ffd60a;
}

.doc_row_form:nth-child(9n + 8)>.colored.rainbow  ul>li.Token{
    --cs-bg-color: #bf5af2;
}

.doc_row_form:nth-child(9n + 9)>.colored.rainbow  ul>li.Token{
    --cs-bg-color: #5e5ce6;
}

.form_field.f-tokenize.t-comment.colored ul>li.Token{
  --cs-bg-color: #f6c42c;
}

.form_field.doc.f-tokenize.t-comment div.Tokenize ul.TokensContainer li.Token label{
    display: none;
}

.form_field.doc.f-tokenize.t-comment.multi-line ul.TokensContainer {
    align-items: stretch;
    width: 100%;
}

.tokenize.city li.Token span.token-caption {
    white-space: nowrap;
}

span.input-label>span,
span.token-caption>span {
    padding-right: 4px;
    display: inline-flex;
    background-repeat: no-repeat;
    background-position: left center;
    flex-wrap: wrap;
    line-height: 1;
    margin: .1rem;
    word-wrap: anywhere;
}

span.token-caption>span:first-child {
    border-left: none;
}

span.field-username {}

span.field-password {}

span.field-timeaccessed {}

span.field-email {}

span.field-phone {}

span.field-mobile {}

span.field-birth_date {}

span.field-occupation {}

span.field-profession {}

span.field-education {}

span.field-address {}

span.field-id_number {}

span.token-caption>span.field-shortname {
    padding-left: 2px;
}

li.TokenSearch.browse>input {
    min-width: 48px;
    transition: opacity 1s;
    /*width: 100%;*/
    display: inline-block;
    border: none;
    text-align: left;
    padding-left: 24px;
    margin: 0;
    outline: none;
    background-color: transparent;
}

.input-tokenize.attachment li.TokenSearch.browse>input {
    color: rgba(0, 0, 0, 0.64);
    border-radius: 4px;
    height: 24px;
    margin: 2px 1px;
}

.input-tokenize.attachment li.TokenSearch.browse>input:hover {
    background-color: #4A7EB2;
    color: #FFF;
}

.input-tokenize.form.OnlyOne li,
.input-tokenize.attachment.OnlyOne li {
    width: 100%;
    border: none;
    background-color: transparent;
}

/*
.input-tokenize.form li.TokenSearch.browse>input:hover{
    background: url("../images/white/icon_browse.png?v=6abdc5c6c7845");
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position: right 4px center;
    background-repeat: no-repeat;
    background-color: #4A7EB2;
    color: #FFF;
    width: 100%;
    border:none;
    padding-right: 24px;
}*/

li.Token.form>span:first-child {
    cursor: pointer;
}

.form_field.block>div ul.TokensContainer>li.Token span.token-caption-wrapper,
.form_field.block>div ul.TokensContainer>li.Token.form>span:first-child {
    flex-grow: 1;
    align-self: center;
    display: flex;
    max-width: unset;
}

div.Tokenize ul.TokensContainer li.Token.attachment {
    min-height: 1.5rem;
}

.form_field.tokenize.full li.TokenSearch.browse,
.form_field.tokenize.full li.TokenSearch {
    display: none;
}

li.enlistment {
    background-repeat: no-repeat;
    background-position: 4px center;
}

li.enlistment>*:first-child {
    margin-left: 24px;
}

li.enlistment.status-null {
    background-image: url(../images/black/clock.png?v=6abdc5c6c7845);
}

li.enlistment.status-1 {
    background-image: url(../images/checkok.png?v=6abdc5c6c7845);
}

li.enlistment.status-2 {
    background-image: url(../images/icon_notificacion.gif);
}

li.enlistment.status-3 {
    background-image: url(../images/leave.png?v=6abdc5c6c7845);
}

/*
.field-tokenize.signature{
    max-width: 320px;
}
*/
.Token.route>span:first-child {
    padding-left: 24px;
    flex-grow: 1;
}

.Tokenize.route ul.Dropdown>li,
li.Token.route {
    padding: 0px 0px 0px 28px;
    margin: 1px 1px;
    border-radius: 3px;
    border: 1px solid #8EC9C9;
    background-image: url("../images/fruits.png?v=6abdc5c6c7845");
    background-repeat: no-repeat;
    vertical-align: top;
    background-color: #B5E5E4;
    max-height: 24px;
    text-align: left;
}

div.popup-layer.has-color ul.Dropdown>li span {
    color: rgba(0, 0, 0, 0.8);
}

div.popup-layer.has-color ul.Dropdown>li:hover span {
    color: white;
}

.Tokenize.route .token-caption {
    line-height: 24px;
}

.Tokenize.route li.token-1 {
    background-position: 0px -616px;
}

.Tokenize.route li.token-2 {
    background-position: 0px -592px;
}

.Tokenize.route li.token-3 {
    background-position: 0px -568px;
}

.Tokenize.route li.token-4 {
    background-position: 0px -544px;
}

.Tokenize.route li.token-5 {
    background-position: 0px -520px;
}

/*
.tokenize.comment div.Tokenize ul.TokensContainer li.Token{
    display:inline-flex;
    border-width:0 0 1px 0;
    width: 100%;
    border-radius: 0;
    border-bottom: 1px dashed rgba(0,0,0,0.24);
}
*/
.tokenize.comment div.Tokenize ul.TokensContainer li.Token>span:first-child {
    flex-grow: 1;
}

.tokenize.activity_indicator span.token-caption {
    line-height: 120%;
}

/*
span.tokenize-options{
    display:flex;
}

span.tokenize-options>a{
    width: 24px;
    height: 24px;
    display: inline-block;
    font-size: 0;
    cursor:pointer;
    opacity:0.32;
    border-radius: 50%;
}

span.tokenize-options>a:hover{
    opacity:1;
}
*/
td.grid_form_field.tokenize.enlistment span.input-label,
td.grid_form_field.tokenize.requirement_person span.input-label {
    line-height: 110%;
}

div.grid_popup_filter div.input-tokenize.person ul.TokensContainer>li {
    width: 100%;
}

div.popup-layer.up>div.wrapper.tokenize>div.body {
    order: 1;
}

div.Tokenize.attachment.OnlyOne ul.TokensContainer>li:first-child>button {
    text-align: left;
}

.form_field.f-tokenize.full ul.TokensContainer>li.TokenSearch,
div.Tokenize.Disabled ul.TokensContainer>li.TokenSearch,
div.Tokenize.Disabled ul.TokensContainer button.delete {
    display: none;
}

span.tokenize-grade {
    margin-right: 4px;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.24);
    border-radius: 8px;
}

span.tokenize-grade>span {
    display: inline-block;
    line-height: 14px;
}

span.tokenize-grade>span:first-child {
    width: 20px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.24);
}

span.tokenize-grade>span:last-child {
    min-width: 32px;
    text-align: center;
}

tr.q0 span.tokenize-grade {
    display: none;
}

li.Token.form button.delete {
    display: none;
}

/*
div.input-tokenize.Tokenize.Multi>ul>li:nth-last-child(2){
    max-width: calc(100% - 3.1rem);
}

div.input-tokenize.Tokenize.Multi.Disabled>ul>li:nth-last-child(2){
    max-width: 100%;
}
*/

li.TokenSearch>button {
    cursor: pointer;
    opacity: .6;
    min-width: 1.8rem;
    height: 100%;
    /*
    max-height: 1.8rem;
    margin: .1em 0 .1em .15rem;    
    flex-direction: row;
    padding: .375rem .6rem;
    */
}

.f-tokenize.lt>div>div>div>ul>li.TokenSearch>button {
    opacity: 1;
}

li.TokenSearch>button.focus,
li.TokenSearch>button:hover {
    opacity: 1;
}

div.input-tokenize.Tokenize.Multi>ul>li:first-child.TokenSearch {
    max-width: unset;
    flex-grow: 1;
}

div.Tokenize.Multi>ul>li.Token.mail,
div.Tokenize.Multi>ul>li.Token.person {
    border-radius: 1.5rem;
}

.tokenize-popup div.Tokenize.Multi>ul>li.Token {
    padding: .2rem;
    margin: .2rem 0;
    max-height: unset;
    height: unset;
}

.tokenize-popup div.Tokenize.Multi>ul>li.Token.onfocus::before,
.tokenize-popup div.Tokenize.Multi>ul>li.Token:hover::before {
    border-radius: 1rem;
}

.tokenize-popup div.Tokenize.Multi>ul>li.Token>span:first-child {
    max-width: fit-content;
    overflow: hidden;
}

div.input-tokenize.Tokenize.Multi>ul.Focused>li:last-child>button.append {
    display: none !important;
}

div.input-tokenize.Tokenize.Multi>ul>li:last-child>input {
    width: 0;
    height: 2rem;
}

ul.TokensContainer>li.TokenSearch.share:first-child>input {
    flex-grow: 0;
}

ul.TokensContainer.Focused>li.TokenSearch.share>input {
    flex-grow: 1;
}

div.input-tokenize.Tokenize.Multi>ul.Focused>li:last-child {
    max-width: 100%;
    width: 100%;
}

.tokenize-popup div.input-tokenize.Tokenize.Multi>ul>li:last-child:not(.TokenSearch) {
    min-height: 3rem;
    display: flex;
    width: 100%;
    margin: .3rem auto;
}

.tokenize-popup div.input-tokenize.Tokenize.Multi>ul.Focused>li:last-child {
    background-color: #ffffcc;
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.08) inset;
    border-radius: .3rem;
}

ul.TokensContainer>li>button.append {
    justify-content: center;
    min-height: unset;
}

ul.TokensContainer>li>button.append>span {
    display: none;
}

.form_field.f-tokenize.easy ul.TokensContainer>li>button.append>span {
    display: flex;
    margin-left: .3rem;
}

.tokenize-popup ul.TokensContainer>li>button.append>span {
    display: inherit;
    margin-left: .2rem;
}

ul.TokensContainer>li>button.append::before {
    margin-right: 0;
}

ul.TokensContainer>li:first-child>button.append>span {
    display: inline-flex;
    font-size: 1em;
}

ul.TokensContainer>li:first-child>button.append::before {
    margin-right: 0.3rem;
}

/*
ul.TokensContainer > li:first-child > button.append:not(:hover):not(.focus)>span,
ul.TokensContainer > li:first-child > button.append:not(:hover):not(.focus)::before {
    color:#1c5a9a;
}
*/
ul.TokensContainer>li:first-child>input,
ul.TokensContainer.Focused>li:last-child>input {
    flex-grow: 1;
    background-image: none;
    opacity: 1;
    padding-left: 4px;
}

.tokenize-options>button {
    min-height: 1.6rem;
    min-width: 1.6rem;
    display: inline-flex;
    align-items: center;
    border-radius: .8rem;
    margin: 0 .2rem;
}

.tokenize-options>button:not(.focus):not(:hover) {
    opacity: 0.5;
}

.tokenize-options {
    display: flex;
    align-self: center;
}

.tokenize-options>button+button:not([style*="display: none;"]) {
    margin-left: .2rem;
}

.schedule-group .tokenize-options,
.schedule-course .tokenize-options {
    align-self: flex-start;
}

.tokenize-options>span:first-child,
.tokenize-options>span:last-child {
    flex-grow: 1;
}

li.Token.onfocus {
    background-color: rgba(255, 255, 0, 0.32);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.16) inset;
    border-radius: 6px;
}

.form_field.f-tokenize.comment ul.TokensContainer {
    display: flex;
    flex-direction: column;
}

.form_field.f-tokenize.comment ul.TokensContainer li.Token.form>span:first-child {
    flex-grow: 1;
}

.form_field.f-tokenize.comment ul.TokensContainer>li.TokenSearch {
    align-self: flex-end;
}

.form_field.f-tokenize.comment div.input-tokenize.Tokenize.Multi>ul>li:nth-last-child(2) {
    max-width: 100%;
}

.form_field.f-tokenize.comment li.locked {
    background-position-y: top;
}

div.tokenize-calendar-wrapper {
    max-width: 440px;
}

div.field-tokenize.course_teacher_principal span.Token {
    margin-right: 6px;
}

div.field-tokenize.course_teacher_principal span.Token:after {
    content: ". ";
}

li.Token.flag_email-1>span.input-card::after {
    font-family: 'icons';
    font-style: normal;
    content: '\E04E';
    margin: 0 2px;
    color: rgba(0, 0, 0, 0.64);
}

.DropDownPopup>div>ul>li>span.input-card {
    padding-left: 1rem;
}

ul.Dropdown li.Hover .input-label>span,
ul.Dropdown li:hover .input-label>span {
    color: white;
}

/*
.token-form>span{
    margin: 0.2em;
}

.token-form>span>span{
    padding: 0 .2rem;
}

.token-form>span::before{
    margin-right: 0.2em;
}
*/

.input-tokenize {
    width: 100%;
}

/*
.form_field > .input_envelope.input_tokenizeperson .input-edit-wrapper,
.form_field > .input_envelope.input_tokenizeselect .input-edit-wrapper,
.form_field > .input_envelope.input_tokenizeperson .input_wrapper,
.form_field > .input_envelope.input_tokenizeselect .input_wrapper,
*/
.form_field>.input_envelope.input_tokenize>div>div>.input-edit-wrapper,
.form_field>.input_envelope.input_tokenize>div>.input_wrapper {
    display: none;
}

.printable.input_tokenize.input_tokenize {
    display: block;
}

.form_field.field-user_role ul>li.Token::before,
.form_field.t-dcont ul>li.Token::before,
.form_field.user ul>li.Token::before {
    content: '\E0C0';
}

.form_field.service_person ul>li.active--1::before {
    content: '\E015';
}

.form_field.service_person ul>li.active-1::before {
    content: '\E030';
}

.f-tokenize.t-status li.Token::before {
    content: '\E030';
}

.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize:not(.align-center)>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding-left: 1rem;
}

/*
.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li:nth-child(1) {
    z-index: 1;
}

.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li:nth-child(2) {
    z-index: 2;
}

.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li:nth-child(3) {
    z-index: 3;
}

.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li:nth-child(4) {
    z-index: 4;
}

.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li:nth-child(5) {
    z-index: 5;
}

.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li:nth-child(6) {
    z-index: 6;
}

.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li:nth-child(7) {
    z-index: 7;
}

.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li:nth-child(8) {
    z-index: 8;
}

.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li:nth-child(9) {
    z-index: 9;
}

.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li:nth-child(10) {
    z-index: 10;
}
*/
.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li.Token .tokenize-options,
.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li.Token:has(+ .Token) .input-caption>span.input-label>span,
.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li.Token:has(+ .Token) .tokenize-options,
.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li.Token:has(+ .Token) .input-card-caption {
    display: none;
}

.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li.Token {
    padding-right: .5rem;
}

/*
.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li.Token .input-caption>span.input-label>span:first-child:not(.empty),
.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li.Token:first-child .input-caption>span.input-label>span:not(.empty),
.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li.Token:first-child .tokenize-options,
.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li.Token:first-child .input-card-caption{
    display: flex;
}
*/

.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li.Token {
    margin-left: -.8rem;
    min-width: calc(2rem + 2px);
    flex-grow: 0;
    overflow: hidden;
    /*
    box-shadow: var(--cs-glow-color) 0px 1px 2px, var(--cs-glow-color) 0px 0px 0px 2px;
    display: none;*/
}

.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li.Token:nth-last-child(-n + 7) {
    display: flex;
}

.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope div.Multi>ul.TokensContainer>li.Token {
    border-width: 1px;
    border-style: solid;
    /*min-height: 1.8rem;*/
    border-radius: 1.25rem;
    max-width: 100%;
}

/*
.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li.Token{
    min-width: 1.9rem;
    flex-grow: 0;
    min-height: 1.9rem;
    padding-left:.2rem;
    padding-right:.3rem;
    height: 1.8rem;
    overflow: hidden;
    box-shadow: var(--cs-glow-color) 0px 1px 2px, var(--cs-glow-color) 0px 0px 0px 2px;
}
*/
.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li.Token::before {
    align-self: center;
}

.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div>ul.TokensContainer>li.Token>span.token-form {
    display: flex;
    flex-wrap: nowrap;
    max-width: 100%;
    overflow: hidden;
}

.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div>ul.TokensContainer>li.Token>span.token-form>span {
    white-space: nowrap;
    flex-wrap: nowrap;
}

.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize.t-person>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li.Token {
    padding-left: 0;
    border-radius: 1.5rem;
}

.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize.t-person>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li.Token:first-child {
    border-radius: 1.5rem;
    border-width: 0.1rem;
}

/*
.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer{
    padding-left: 1.1rem;
}
*/
/*
.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li.Token:nth-child(n+8){
    display: none;
}

.td.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li.Token:nth-child(n+4){
    display: none;
}

.form_field:not(.multi-line):not(.bulk):not(.empty).field-group_student.f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li.Token:nth-child(n+2){
    display: none;
}

.form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li.TokenSearch{
    order: -99;
    flex-grow: 1;
    justify-content: flex-end;
    min-width: 2rem;
}
*/
.form_field:not(.multi-line):not(.bulk):not(.empty) .input-tokenize.Multi {
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap !important;
}

.form_field.f-tokenize.block .input-tokenize.OnlyOne>ul>li.Token>span.token-form {
    flex-grow: 1;
}

.input-tokenize .ctrl {
    align-items: center;
    justify-content: center;
    height: 100%;
    display: none;
}

.input-tokenize.Multi .ctrl>button.more {
    padding-left: .2rem;
    padding-right: .2rem;
    min-width: 2.5rem;
    font-size: .7em;
    color: rgba(0, 0, 0, 0.5);
    max-height: 1.8rem;
    margin-right: .2rem;
    opacity: .5;
    justify-content: center;
    border-radius: 1.5rem;
}

.input-tokenize.Multi .ctrl>button.more::after {
    margin: 0;
}

.form_field:not(.multi-line):not(.bulk):not(.empty) .input-tokenize.Multi .btn.append,
.form_field:not(.multi-line):not(.bulk):not(.empty) .tokenize-popup .input-tokenize.Multi .ctrl,
.form_field:not(.multi-line):not(.bulk):not(.empty)[data-rows-count="0"] .input-tokenize.Multi .ctrl {
    display: none;
}

.form_field:not(.multi-line):not(.bulk):not(.empty):not([data-rows-count="0"])>.input_envelope>div:not(.tokenize-popup)>.input-tokenize.Multi>ul>li.TokenSearch {
    display: none;
}

.form_field:not(.multi-line):not(.bulk):not(.empty)[data-rows-count="1"] .input-tokenize.Multi .btn.append,
.form_field:not(.multi-line):not(.bulk):not(.empty)[data-rows-count="1"] .input-tokenize.Multi .TokenSearch.browse>.btn.append,
.form_field:not(.multi-line):not(.bulk):not(.empty)[data-rows-count="0"] .input-tokenize.Multi .TokenSearch.browse>.btn.append,
.form_field:not(.multi-line):not(.bulk):not(.empty) .tokenize-popup .input-tokenize.Multi .btn.append,
.form_field:not(.multi-line):not(.bulk):not(.empty) .input-tokenize.Multi .ctrl {
    display: flex;
}

.token-caption-wrapper {
    padding-left: .2rem;
    flex-grow: 1;
    max-width: 100%;
    overflow: hidden;
}

.tokenize-popup-backdrop {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1033;
    background-color: rgba(255, 255, 255, 0.1);
    height: 100%;
    width: 100%;
}

.tokenize-popup-backdrop>div.tokenize-popup {
    position: absolute;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-style: solid;
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.32);
    border-radius: 6px;
    border-top-left-radius: 6px;
    flex-direction: column;
    height: auto;
    padding: .2rem;
}

.form_field.doc.f-tokenize .tokenize-popup div.Tokenize ul.TokensContainer,
.form_field.grid.f-tokenize .tokenize-popup div.Tokenize ul.TokensContainer {
    align-items: flex-start;
    flex-direction: column;
    padding: 1rem;
    flex-wrap: nowrap;
}


.tokenize-popup>.input-tokenize {
    flex-grow: 1;
    height: auto;
    max-height: 16rem;
    overflow: hidden auto;
}

.tokenize-popup-toolbar {
    display: flex;
    justify-content: flex-end;
}

.tokenize-popup.up>.tokenize-popup-toolbar {
    order: -1;
}

.form_field.f-tokenize.sibling ul>li.Token::before,
.form_field.f-tokenize.emergency_contact ul>li.Token::before {
    content: '\E0C0';
}

/*
.form_field.f-tokenize.passport ul>li.Token::before{
    content: '\E0B2';
}
*/
.form_field.field-grid_column_filter div.Tokenize ul.TokensContainer li.Token {
    align-items: flex-start;
}

.form_field.field-grid_column_filter span.token-form {
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start;
}

.form_field.field-grid_column_filter span.token-form>span:first-child {
    flex-grow: 1;
    margin-left: .2rem;
}

.form_field.field-grid_column_filter ul>li.Token::before {
    font-size: .8rem;
    margin-top: .2em;
}

.form_field.filter-format-date ul>li.Token::before {
    content: '\E0AF';
}

.form_field.filter-format-datetime ul>li.Token::before {
    content: '\E023';
}

.form_field.filter-format-text ul>li.Token::before {
    content: '\E0C6';
}

li.Token.type-bank_transfer::before {
    content: '\E0C3';
}

div.Tokenize ul.TokensContainer>li.Token.type-bank_transfer {
    background-color: #d3f7dd;
    border: .1rem solid #d0f0d0;
    border-radius: 1rem;
}

li.Token.type-credit_card::before {
    content: '\E0C4';
}

div.Tokenize ul.TokensContainer>li.Token.type-credit_card {
    background-color: #cae7fd;
    border: .1rem solid #c0e0f0;
    border-radius: 1rem;
}

li.Token.type-credit_card .input-label>.field-type,
li.Token.type-bank_transfer .input-label>.field-type {
    display: none;
}


.form_field.d-individual_subject ul.TokensContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

/*
.form_field.d-individual_subject ul>li.Token::before{
    margin-left: .3rem;
    margin-right: .5rem;
    align-self: flex-start;
    margin-top: .2rem;
}
*/
/*
.form_field.individual_improve ul>li.Token{
    background-color: #ffecce;
}

.form_field.individual_barrier ul>li.Token{
    background-color: #ffdad8;
}

.form_field.individual_methodology ul>li.Token{
    background-color: #d6f7db;
}

.form_field.individual_didactic ul>li.Token{
    background-color: #e0f6ff;
}

.form_field.individual_heval ul>li.Token{
    background-color: #dfdefa;
}

.form_field.individual_weval ul>li.Token{
    background-color: #cee6ff;
}
*/
.form_field.d-individual_subject.field-objective_student ul>li.Token>.token-form,
.form_field.d-individual_subject.field-indicator_student ul>li.Token>.token-form {
    display: flex;
    flex-direction: column;
}

.form_field.d-individual_subject.field-objective_student ul>li.Token>.token-form>span,
.form_field.d-individual_subject.field-indicator_student ul>li.Token>.token-form>span {
    padding: .5rem;
    display: flex;
    flex-direction: column;
}

.form_field.d-individual_subject.field-objective_student ul>li.Token>.token-form>span:last-child>span:last-child,
.form_field.d-individual_subject.field-indicator_student ul>li.Token>.token-form>span:last-child>span:last-child {
    border-top: .1rem dashed rgba(0, 0, 0, 0.24);
}

.form_field.field-activity_indicator li.Token::before {
    content: '\E096';
}

.form_field.field-project_objective li.Token::before,
.form_field.field-objective_student li.Token::before,
.form_field.field-activity_objective li.Token::before {
    content: '\E0C8';
}

.form_field.topic li.Token::before,
.form_field.field-project_topic li.Token::before,
.form_field.field-activity_topic li.Token::before {
    content: '\E0C9';
}


.form_field.objective_student ul>li.Token {
    background-color: #d6f7db;
}

.form_field.field-objective_student li.Token span.token-form {
    display: flex;
    flex-direction: column;
}

.form_field.field-objective_student li.Token span.token-form>span {
    width: 100%;
    padding: .3rem;
}

/*
.form_field.field-objective_student li.Token span.token-form>span:first-child{
    border-bottom: 0.1rem solid rgba(0,0,0,0.24);
}
*/
.td.form_field.col-wd-5 div.Tokenize ul.TokensContainer {
    justify-content: center;
}

.td.form_field.col-wd-5 ul.TokensContainer>li:first-child>button.append::before {
    margin-right: 0;
}

.td.form_field.col-wd-5 ul.TokensContainer>li:first-child>button.append>span {
    display: none;
}

.Token.grade>.token-caption-wrapper {
    justify-content: center;
}

.input_tokenize.grade div.Tokenize ul.TokensContainer {
    padding: 0;
}

div.Tokenize.OnlyOne ul.TokensContainer li.Token.grade {
    margin: 0;
    height: 100%;
    border-radius: 0;
    cursor: pointer;
    border: none;
}

.input_tokenize.grade .tokenize-options {
    display: none;
}

li.Token.grade.has-feedback span.grade-caption>span:first-child::after {
    content: '\E06A';
}

li.Token.grade span.grade-caption {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    height: 100%;
}

li.Token.grade span.grade-caption>span:first-child {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

li.Token.grade span.grade-caption>span:first-child::after {
    font-family: 'icons';
    font-size: 0.6rem;
    line-height: 0.6rem;
    height: 0.6rem;
}

.form_field.doc.f-tokenize.extended ul.TokensContainer {
    justify-content: flex-end;
    align-items: stretch;
}

.form_field.doc.f-tokenize.extended label {
    text-align: center;
    padding-right: 2rem;
    border-left: 0.1rem solid rgba(0, 0, 0, .24);
    border-bottom: 0.1rem solid rgba(0, 0, 0, .24);
}

.form_field.doc.f-tokenize.extended .btn.append {
    padding: 0 .45rem;
}

.form_field.doc.f-tokenize.extended div.Tokenize.Multi>ul>li.Token {
    min-width: 4rem;
    margin: 0;
    border-radius: 0;
}

.form_field.doc.eanchor {
    border-right: none;
}

.doc_page.snap .doc_grid_form,
.doc_page.snap .doc_row_form,
.doc_page.snap .doc_row_form>.form_field {
    border-radius: 0 !important;
}

/*
.doc_section>.doc_page.snap .doc_grid_form {
    border-top: none;
}
*/
.doc_section>.doc_page.snap:first-child {
    margin-top: 3rem;
}

.doc_section>.doc_page.snap:last-child {
    margin-bottom: 4rem;
}

.doc_section>.doc_page.snap:first-child .doc_grid_form {
    border-top: 0.1rem solid rgba(0, 0, 0, .24);
}

.form_field.field-person_treatment ul>li.Token::before {
    content: '\E0E7';
    margin-right: .5rem;
}

.form_field.field-medical ul>li.Token::before {
    content: '\E0E8';
    margin-right: .5rem;
}

.form_field.field-at86 ul>li.Token::before {
    content: '\E096';
    margin-right: .5rem;
}

.form_field.field-at86 ul>li.Token .token-row{
    flex-direction: column;
}

.form_field.field-at86 ul>li.Token .field-freq{
    font-style: italic;
}
.form_field.field-at86 ul>li.Token .field-name {
    font-weight: bold;
}
/*
.form_field.field-at86 ul>li.Token .field-freq::before {
    content: '\E015';
    margin-right: .5rem;
}
*/
.f-tokenize.t-agreement ul>li.Token::before {
    content: '\E096';
    color: #50b743;
    align-self: center;
}

/*
.popup-layer.layer-tokenize{
    background-color: rgba(0,0,0,0.16);
}
*/
.form_field.doc.f-tokenize.field-indicator_student li.Token span.token-form {
    flex-direction: column;
}
/*
.field-session.d-group_session.session .Token.form {
    border-color: #bfbef5;
    background-color: #dfdefa;
}

.field-session.d-group_session.session .Token.form .emphasis {
    background-color: #bfbef5;
}

.field-session.d-group_session.session .Token.form.attendance_absent-0:not(:hover) {
    background-color: #d6f7db;
    border-color: #adefb7;
}

.field-session.d-group_session.session .Token.form.attendance_absent-0:not(:hover) .emphasis {
    background-color: #adefb7;
}

.field-session.d-group_session.session .Token.form.attendance_absent-1:not(:hover),
.field-session.d-group_session.session .Token.form.attendance_absent-2:not(:hover),
.field-session.d-group_session.session .Token.form.attendance_absent-3:not(:hover) {
    border-color: #ffef9d;
    background-color: #fff7ce;
}

.field-session.d-group_session.session .Token.form.attendance_absent-1:not(:hover) .emphasis,
.field-session.d-group_session.session .Token.form.attendance_absent-2:not(:hover) .emphasis,
.field-session.d-group_session.session .Token.form.attendance_absent-3:not(:hover) .emphasis {
    background-color: #ffef9d;
}

.field-session.d-group_session.session .Token.form.attendance_absent-0.attendance_count-0:not(:hover) {
    border-color: #cf7f9f;
    background-color: #ffd7df;
}
*/
li.Token>span.token-form>.input-caption {
    display: flex;
    margin: 0;
}

li.Token>span.token-form>.input-caption>span {
    padding: 0;
}

.form_field.f-tokenize:not(.lt) .token-row>span.emphasis {
    padding-right: .5rem;
    border-radius: .3rem 0 0 .3rem;
}

.DropDownPopup.sidebar>div>div>ul>li {
    border-bottom: 1px solid rgba(0, 0, 0, .32);
    padding: 0;
    flex-direction: column;

}

.DropDownPopup.sidebar>div>div>ul>li>span {
    display: flex;
    margin: 0;
    height: 100%;
    width: 100%;
    justify-content: flex-start;
    align-items: stretch;
}

.DropDownPopup.sidebar>div>div>ul>li>span>span {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.DropDownPopup.sidebar>div>div>ul.t-person>li {
    padding-left: 1rem;
}

.DropDownPopup.sidebar .input-label {
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
}

.DropDownPopup.sidebar .input-label>span.field-shortname {
    flex-grow: 1;
    justify-content: flex-start;
    align-items: center;
    padding: 1rem .5rem;
    line-height: 1.2;
}

.DropDownPopup.sidebar .input-label>span.field-value {
    min-width: 30%;
    justify-content: flex-end;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.04);
    padding: 1rem .5rem;
}

.token-row>.layout-sidebar>span>.field-value,
.input_envelope.input_tokenize.shop span.input-label>span.field-value {
    display: none;
}

.DropDownPopup.sidebar ul.Dropdown>li::before {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    background-color: #e1fbe2;
    border-bottom: 2px solid rgba(0, 0, 0, 0.24);
    font-family: sans;
}

/*
li.supplier_id-1::before{
  content: 'Liceo Pino Verde';
}

.supplier_id-1 + .supplier_id-2::before {
  content: 'Sr Mango';
}

.supplier_id-2 + .supplier_id-3::before {
  content: 'Pizzabor';
}

.supplier_id-3 + .supplier_id-4::before {
  content: 'Los Chingones';
}

.supplier_id-4 + .supplier_id-5::before {
  content: 'Sr Patata';
}

.supplier_id-5 + .supplier_id-6::before {
  content: 'Dark Burguer';
}

.supplier_id-6 + .supplier_id-7::before {
  content: 'San Isidro';
}

.supplier_id-7 + .supplier_id-8::before {
  content: 'Sir Pollo';
}

.supplier_id-8 + .supplier_id-9::before {
  content: 'La Paella Rústica';
}
*/
.popup-layer.layer-DropDownPopup.layer-sidebar {
    align-items: flex-end;
    justify-content: center;
}

.popup-layer.layer-sidebar>div.wrapper {
    border-radius: 0;
    border-left: none;
    flex-grow: 1;
}

/*
.DropDownPopup.sidebar>div>* {
    background-color: var(--cs-bg-color);
}
*/
.DropDownPopup.sidebar {
    height: 100%;
}

.token-row>.field-value.f-currency {
    order: -1;
}

.token-row>.f-tokenize.t-person {
    order: -2;
}

ul.Dropdown.t-showcase>li .input-card-label {
    flex-direction: column;
}

/*
ul.Dropdown.t-showcase>li .input-card-label>.input-card-details{
    padding: .5rem 0;
}
*/
ul.Dropdown.t-showcase>li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.24);
    padding: .8rem;
}

li.Token.showcase .input-card-label>.input-card-details .price {
    display: none;
}

.input-card-label>.input-card-details .supplier {
    font-size: .8em;
}

.input-card-label>.input-card-details .supplier>span:first-child {
    opacity: 0.5;
    margin-right: .2rem;
}

/*
.form_field.t-reqs li.Token{
    border-width: 1px;
    border-style: solid;
}
*/

.form_field.t-reqs li.Token.reqs {
    background-color: color-mix(in srgb, var(--cs-bg-color) 30%, white);
    --cs-icon-color: var(--cs-bg-color);
}

/*
li.service_event_id-1 {
    background-color: #d6f7db;
    color: #13b481;
    --cs-icon-color: #0fbd68;
}

li.service_event_id-100 {
    background-color: #ffd7e1;
    color: #e3492f;
    --cs-icon-color: #e3492f;
}
*/
.bullet p {
    display: flex;
}

.bullet.right p {
    justify-content: space-between;
}

.bullet:not(.right) p::before {
    content: '\E115';
    font-size: .6em;
    margin-right: .2rem;
    margin-left: .5rem;
}

.bullet.status-1:not(.right) p::before {
    color: #249843;
}

.bullet.status-2:not(.right) p::before {
    color: #e8963d;
}

.bullet.status-3:not(.right) p::before {
    color: #de2a1e;
}

.bullet.status-100:not(.right) p::before {
    color: #ea4335;
}

.bullet.right p::after {
    content: '\E115';
    font-size: .6em;
    margin-right: .2rem;
    margin-left: .5rem;
}

.bullet.right.status-1 p::after {
    color: #249843;
}

.bullet.right.status-2 p::after {
    color: #e8963d;
}

.bullet.right.status-3 p::after {
    color: #de2a1e;
}

.bullet.right.status-100 p::after {
    color: #ea4335;
}

li.service_event_id-1 {
    --cs-bg-color: #32d74b;
    --cs-border-color: #0fbd68;
    border-width: 1px;
    border-style: solid;
}

li.service_event_id-1::before {
    content: '\E030';
}

li.service_event_id-2 {
    --cs-bg-color: #eda60b;
}

li.service_event_id-2::before {
    content: '\E043';
}

li.service_event_id-3 {
    --cs-bg-color: #fc433f;
}

li.service_event_id-3::before {
    content: '\E0E3';
}

li.service_event_id-5 {
    --cs-bg-color: #ffa980;
    --cs-border-color: #ff7f41;
    border-width: 1px;
    border-style: solid;
}

li.service_event_id-5::before {
    content: '\E04B';
}



li.service_event_id-5 {
    --cs-bg-color: #fd972c;
}

li.service_event_id-100 {
    --cs-bg-color: #e3492f;
    --cs-border-color: #f04f7b;
    border-width: 1px;
    border-style: solid;
}

li.service_event_id-100::before {
    content: '\E0CD';
}

/*
.form_field.f-tokenize.t-reqs li{
    background-color: color-mix(in oklab, var(--cs-bg-color) 20%, white);
    color: color-mix(in oklab, var(--cs-bg-color) 40%, black);
}
*/
.Token.person .token-row>span>span {
    line-height: 1;
}

.form_field.f-tokenize.field-grade_log_reply.req-status li.value-0 {
    background-color: #e0f6ff;
    color: #4479b4;
}

.form_field.f-tokenize.field-grade_log_reply.req-status li.value-0::before {
    content: '\E023';
    color: #4479b4;
}

.form_field.f-tokenize.field-grade_log_reply.req-status li.value-20,
.form_field.f-tokenize.t-form.req-status li.value-110 {
    background-color: #d6f7db;
    color: #13b481;
}

.form_field.f-tokenize.rec-status li.Token::before {
    content: '\E030';
}

.form_field.f-display.req-status .btn:not(:hover) {
    --cs-icon-color: var(--cs-bg-color);
    background-color: color-mix(in oklab, var(--cs-bg-color) 16%, white);
}

.form_field.f-display.req-status.status-10 .btn,
.form_field.f-tokenize.req-status li.value-10 {
    --cs-bg-color: #4479b4;
}

.form_field.f-display.req-status.status-10 .btn::before,
.form_field.f-tokenize.req-status li.value-10::before {
    content: '\E023';
}

.form_field.f-display.req-status.status-20 .btn,
.form_field.f-tokenize.req-status li.value-20 {
    --cs-bg-color: #249843;
}

.form_field.f-display.req-status.status-20 .btn::before,
.form_field.f-tokenize.req-status li.value-20::before {
    content: '\E08D';
}

.form_field.f-display.req-status.status-40 .btn,
.form_field.f-tokenize.req-status li.value-40 {
    --cs-bg-color: #ea4335;
}

.form_field.f-display.req-status.status-40 .btn::before,
.form_field.f-tokenize.req-status li.value-40::before {
    content: '\E07E';
}

.form_field.f-tokenize.field-grade_log_reply.req-status li.value-20::before,
.form_field.f-tokenize.t-form.req-status li.value-110::before {
    content: '\E08D';
    color: #249843;
}

.form_field.f-tokenize.field-grade_log_reply.req-status li.value-40,
.form_field.f-tokenize.t-form.req-status li.value-120 {
    background-color: #ffd7df;
    color: #ea4335;
}

.form_field.f-tokenize.field-grade_log_reply.req-status li.value-40::before,
.form_field.f-tokenize.t-form.req-status li.value-120::before {
    content: '\E07E';
    color: #ea4335;
}

.form_field.f-tokenize.colored li.Token,
.form_field.f-tokenize.has-color li.Token {
    --cs-emphasis-bg-color: var(--cs-bg-color);
    --cs-border-color: color-mix(in oklab, var(--cs-bg-color) 20%, #CCC);
    --cs-text-color: color-mix(in oklab, var(--cs-bg-color) 20%, black);

    --cs-link-color: color-mix(in oklab, var(--cs-bg-color) 40%, black);
    --cs-link-hover-color: color-mix(in oklab, var(--cs-bg-color) 40%, black);

    background-color: color-mix(in oklab, var(--cs-bg-color) 20%, white);

}

.form_field.f-tokenize.t-tg li.Token.type-70::before,
.form_field.f-tokenize.t-tg li.Token.type-71::before,
.form_field.f-tokenize.t-tg li.Token.type-72::before,
.form_field.f-tokenize.t-tg li.Token.type-73::before {
    content: '\E0C0';
}

.Token.payment::before,
.Token.fee::before {
    content: '\E0C5';
}

.form_field.f-tokenize.t-form.field-passport .Token::before {
    content: '\E066';
}

.form_field.f-tokenize.field-enrollment_subject .Token::before {
    content: '\E096';
}

/*
.form_field.f-tokenize.field-service_person li.Token.type-2{
    filter: hue-rotate(90deg);
}
*/
.form_field.f-tokenize.field-shop_payment_method li.Token::before {
    content: '\E0C5';
}

.form_field.f-tokenize.field-shop_section li.Token::before {
    content: '\E0C1';
}

.shop-order-list .showcase,
.token-row>span.t-showcase.field-shop_product_id>span {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.shop-order-list .showcase::before,
.token-row>span.t-showcase.field-shop_product_id>span::before,
.Token.showcase::before,
.Dropdown.t-showcase>li::before {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    width: 4rem;
    height: 4rem;
    content: '';
    margin-right: 1rem;
}

.form_field.f-tokenize.field-product_variant li.Token::before {
    content: '\E122';
}

.showcase-viewer {
    display: flex;
    flex-direction: column;
}

.showcase-viewer>div {
    flex-wrap: wrap;
    justify-content: flex-start;
    display: none;
    flex-direction: column;
}

.showcase-viewer>div.show {
    display: flex;
}

.showcase-viewer button.back {
    width: 9rem;
    min-height: 12rem;
    font-size: small;
    margin: 1rem;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
}

.showcase-viewer button.showcase {
    border-width: 1px;
    border-style: solid;
    width: 9rem;
    min-height: 12rem;
    font-size: small;
    margin: 1rem;
    border-radius: .5rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    display: flex;
    flex-direction: column;
    border-color: rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.showcase-viewer button.showcase>span:first-child {
    width: 9rem;
    height: 9rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.showcase-viewer button.showcase>span.caption {
    display: flex;
    flex-direction: column;
    padding: .5rem;
}

.showcase-viewer button.back::before {
    font-size: 4rem;
    min-height: 9rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.showcase-viewer>div>div {
    display: flex;
}

.showcase-viewer>div>div:first-child {
    background-size: cover;
    aspect-ratio: 3 / 1;
    width: 100%;
    border-radius: 0 0 2rem 0;
}

.showcase-viewer>div>div:last-child {
    flex-wrap: wrap;
}

.form_field.f-tokenize.tag li.Token::before,
.form_field.f-tokenize.field-purchase_shop_product li.Token::before,
.Token.dtg::before {
    content: '\E123';
}

.form_field.f-tokenize.field-inventory_item_person li.Token::before {
    content: '\E10A';
}

.form_field.f-tokenize.field-institute_role li.Token::before {
    content: '\E0B2';
}

span.f-tokenize.t-dtg>span>.token-row {
    flex-direction: row;
    flex-wrap: nowrap;
    color: color-mix(in oklab, var(--cs-bg-color) 40%, black);
    margin: 0 .2rem;
}

span.f-tokenize.t-dtg>span>.token-row>.t-oth span,
span.f-tokenize.t-dtg>span>.token-row>.field-tag_id span {
    white-space: nowrap;
}

.field-tag_id:has(+ .t-oth:not(.empty)) {
    display: none;
}

.form_field.f-tokenize.field-activity_section li.Token::before {
    content: '\E011';
}

.form_field.f-tokenize.field-payment_item li.Token::before {
    content: '\E123';
}

.form_field.f-tokenize.t-custom .input-tokenize.Tokenize.Multi li.Token::before {
    content: '\E096';
}

.form_field.f-tokenize.t-custom:not(.has-color) .input-tokenize.Tokenize.Multi li.Token::before {
    color: var(--cs-own-text-color, #1a5b9c);
    align-self: flex-start;
}

.form_field.doc.f-tokenize.t-custom:not(.has-color) .input-tokenize.Tokenize.Multi li.Token {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgba(0, 0, 0, .2);
    width: 100%;
    border-radius: 0;
}

.form_field.f-tokenize.t-rubric li.Token::before {
    content: '\E0A7';
}

.form_field.f-tokenize li.Token>span:first-child {
    overflow: hidden;
    min-width: 2rem;
    max-width: fit-content;
}

.form_field.f-tokenize.block li.Token>span:first-child {
    max-width: 100%;
    width: 100%;
}

.form_field.bulk.f-tokenize li.Token>span:first-child {
    display: flex;
}

.form_field.f-tokenize.t-comment li.Token>span:first-child,
.form_field.doc.singl-line>label>span,
.form_field.f-tokenize.readonly li.Token:not(.has-more)>span:first-child,
.form_field.f-tokenize.singl-line .token-row>span {
    max-width: 100%;
    overflow: hidden;
}

.caption-person>span:last-child>span,
.form_field.doc.singl-line>label>span>span,
.form_field.file li.Token a,
.fieldset-caption>span,
.form_field.grid.f-tokenize .token-row>span>span {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

/*
.form_field.file li.Token a{
    max-width: calc(100% - 4px);
}
*/
.fieldset-caption>span>span {
    padding: 0 .1rem;
}

.form_field.align-center.f-tokenize .token-row {
    justify-content: center;
}

.form_field.f-tokenize.t-tg li.Token::before {
    content: '\E011';
}

button.ticket::before,
.form_field.f-tokenize.field-event_ticket li.Token::before {
    content: '\E110';
}

.form_field.f-tokenize.field-section_student.d-chapter_student li.Token::before,
.form_field.f-tokenize.d-subject_cluster.field-subject2_id li.Token::before,
.form_field.f-tokenize.field-subject_cluster li.Token::before,
.form_field.f-tokenize.field-project_subject:not(.t-person):not(.person) li.Token::before,
.form_field.f-tokenize.field-course_teacher:not(.t-person):not(.person) li.Token::before {
    content: '\E0B1';
}

.form_field.f-tokenize.field-service_person li.Token::before {
    content: '\E096';
}

.form_field.f-tokenize.field-route_person li.Token::before {
    content: '\E042';
}

.form_field.f-tokenize.field-period_id li.Token::before,
.form_field.f-tokenize.field-project_period li.Token::before,
.form_field.f-tokenize.field-objective_section li.Token::before,
.form_field.f-tokenize.field-section li.Token::before {
    content: '\E00B';
}

.form_field.f-tokenize.field-grade_report li.Token::before {
    content: '\E06D';
}

.form_field.f-tokenize.t-select.working span.inline-menu>button {
    display: none;
}

.form_field.f-tokenize.t-select.working span.inline-menu {
    background-image: url(../images/rolling.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1.2rem;
    min-height: 2rem;
    min-width: 2rem;
}

.form_field.f-tokenize.t-tg.flag_excluded .Token.tg.flag-1 {
    filter: grayscale(1);
}

.form_field.f-text.has-color.field-action_id.d-reg p {
    padding-right: 1rem;
}

.form_field.f-text.has-color.field-fld.d-form_field p::before,
.form_field.f-text.has-color.field-action_id.d-reg p::before {
    content: '\E01B';
    margin-right: .3rem;
}

.form_field.f-text.has-color.field-tbl.d-form_field p::before,
.form_field.f-text.has-color.field-resource_id.d-reg p::before {
    content: '\E0C1';
    margin-right: .3rem;
}

.form_field.f-tokenize.field-form_field_attr li.Token::before {
    content: '\E127';
}

.form_field.f-tokenize.field-project_activity li.Token::before,
.form_field.f-tokenize.field-at192 li.Token::before {
    content: '\E058';
}

.form_field.f-tokenize.field-learning_experiences li.Token::before {
    content: '\E0D8';
}

/*
body.project-view .form_field.wd-100 li.Token::before{
    content: '\E0D8';   
}
*/
.form_field.f-tokenize.field-at122 li.Token::before,
.form_field.f-tokenize.field-at123 li.Token::before {
    content: '\E0C5';
}

.form_field.f-tokenize.field-payment_detail li.Token::before {
    content: '\E070';
}

.form_field.f-tokenize.field-school_report li.Token::before {
    content: '\E0AE';
}

.form_field.f-tokenize.field-access li.Token::before {
    content: '\E045';
}
/*
.form_field.f-tokenize.field-admission_test li.Token::before {
    content: '\E0B2';
}
*/
/*
.form_field.doc.f-tokenize.t-form.field-activity.d-project ul>li>.token-form>.token-row::before{
    content:'';    
    order: -2;
    font-size: 2rem;
    font-family: roboto;
    min-width: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;    
}

.form_field.doc.f-tokenize.t-form.field-activity.d-project ul {
  counter-reset: item;
}

.form_field.doc.f-tokenize.t-form.field-activity.d-project ul>li>.token-form>.token-row::before {
  counter-increment: item;
  content: counter(item);
  background-color: var(--cs-own-bg-color);
  color: var(--cs-own-text-color);
  border-radius: .5rem .5rem 0 0;
}
*/
.form_field.doc.f-tokenize.t-form.field-activity.d-project .field-shortname,
.form_field.doc.f-tokenize.t-form.field-activity.d-project .field-desc {
    width: 100%;
    margin: 0;
    padding: .5rem;
}

.form_field.doc.f-tokenize.t-form.field-activity.d-project .field-shortname {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgba(0, 0, 0, 0.2);
    font-weight: bold;
}

.form_field.doc.f-tokenize.t-form.field-activity.d-project .field-activity_section,
.form_field.doc.f-tokenize.t-form.field-activity.d-project .field-subject_id {
    width: 49%;
    margin: 0;
    padding: 0;
    line-height: 1;
}

.form_field.doc.f-tokenize.t-form.field-activity.d-project .field-activity_section * {
    flex-wrap: nowrap;
}

.form_field.doc.f-tokenize.t-form.field-activity.d-project .field-activity_section {
    order: -1;
}

.form_field.doc.f-tokenize.t-form.field-activity.d-project .field-activity_section .field-seq {
    order: -1;
}

.form_field.doc.f-tokenize.t-form.field-activity.d-project .field-activity_section .field-seq>span {
    min-width: 3rem;
    font-size: 2rem;
    background-color: var(--cs-own-bg-color);
    color: var(--cs-own-text-color);
    border-radius: 0.5rem 0.5rem 0px 0px;
    text-align: center;
}

.form_field.doc.f-tokenize.t-form.field-activity.d-project .field-activity_section .field-section_id {
    font-size: 2rem;
}

.activity_section-seq-20 {
    order: 20
}

.activity_section-seq-19 {
    order: 19
}

.activity_section-seq-18 {
    order: 18
}

.activity_section-seq-17 {
    order: 17
}

.activity_section-seq-16 {
    order: 16
}

.activity_section-seq-15 {
    order: 15
}

.activity_section-seq-14 {
    order: 14
}

.activity_section-seq-13 {
    order: 13
}

.activity_section-seq-12 {
    order: 12
}

.activity_section-seq-11 {
    order: 11
}

.activity_section-seq-10 {
    order: 10
}

.activity_section-seq-9 {
    order: 9
}

.activity_section-seq-8 {
    order: 8
}

.activity_section-seq-7 {
    order: 7
}

.activity_section-seq-6 {
    order: 6
}

.activity_section-seq-5 {
    order: 5
}

.activity_section-seq-4 {
    order: 4
}

.activity_section-seq-3 {
    order: 3
}

.activity_section-seq-2 {
    order: 2
}

.activity_section-seq-1 {
    order: 1
}

.TokenSearch.browse {
    order: 999;
}

.form_field.doc.f-tokenize.t-form.field-activity.d-project .field-activity_section>span {
    font-size: .8em;
}

.form_field.doc.f-tokenize.t-form.field-activity.d-project .field-subject_id>span {
    justify-content: flex-end;
}

.form_field.f-tokenize.field-service_package_type li.Token::before {
    content: '\E0C1';
}

.Token.ratt.res_id-2 .token-caption>.field-res_id,
.Token.dtg.tag_id-2 .token-form>.token-row>.field-tag_id {
    display: none;
}

.Token.ratt .token-caption>.field-res {
    display: none;
}

li.Token.ratt::before {
    content: '\E129';
}

.fieldset-caption.tokenize.t-dtg>.value {
    display: flex;
    flex-wrap: wrap;
}

.fieldset-caption.tokenize.t-dtg>.value>span {
    margin: .1rem 0;
}

.fieldset-caption.tokenize.t-custom>.value {
    display: flex;
    flex-direction: column;
}

.fieldset-caption.tokenize.t-custom>.value>span {
    margin: .2rem 0;
    line-height: 1.2;
    white-space: pre-line;
}

.fieldset-caption.tokenize.t-custom>.value>span::before {
    content: '\E096';
    margin-right: .5em;
    font-size: 1rem;
}

.form_field.f-group:not(:hover):not(.focus) .fieldset-caption.tokenize>.value>span::before {
    color: var(--cs-own-text-color);
}

.td.form_field.grid.f-tokenize.singl-line li.Token::before {
    align-self: center;
}

.form_field.f-tokenize.t-dsrc li.Token::before {
    content: '\E125';
}

.form_field.f-tokenize.t-dsrc li.Token.type-1::before {
    content: '\E12B';
}

.Token.status:has(+ .Token) span.tokenize-options>button.delete {
    display: none;
}

.form_field.f-tokenize.field-service_person .Token.at160-status-110::before {
    content: '\E08D';
}

.input_form_wrapper.tokenize.rec-status .input-form-shortcuts>button.remove {
    display: none;
}

.input_form_wrapper.tokenize.rec-status.lastone .input-form-shortcuts>button.remove {
    display: initial;
}

.form_field.f-tokenize.field-attachment_status.has-color li.Token.value-110 {
    --cs-bg-color: #32d74b;
}

.form_field.f-tokenize.field-attachment_status.has-color li.Token.value-120::before {
    content: '\E0E6';
}

.form_field.f-tokenize.field-attachment_status.has-color li.Token.value-120 {
    --cs-bg-color: #e3492f;
}

.td.form_field.grid.f-tokenize.rec-status .token-row>.field-date {
    order: -1;
}

.token-row>span.tblcd {
    display: none;
}

.input_tokenize.tokenize-popup-backdrop .token-row>span.tblcd {
    display: initial;
}
/*
.tokenize-popup {
    --cs-bg-color: #fafafb;
}
*/
button.cycle::before,
.form_field.f-tokenize.schedule_cycle li.Token::before {
    content: '\E017';
}

.form_field.f-tokenize.visitor li.Token::before {
    content: '\E0C0';
}

.token-row>.field-schedule_cycle_id>span {
    border: 1px solid rgba(0, 0, 0, 0.1);
    min-width: 1.5rem;
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 1rem;
    background-color: color-mix(in oklab, var(--cs-bg-color) 40%, white);
    margin-left: .1rem;
}

.form_field.doc.f-tokenize.t-form.field-activity.d-project .field-activity_section_schedule_cycle {
    order: -1;
    font-size: 1.5rem;
}

.form_field.doc.f-tokenize.t-form.field-activity.d-project .field-activity_section_schedule_cycle .token-row>.field-schedule_cycle_id>span {
    color: var(--cs-own-text-color);
    background-color: color-mix(in oklab, var(--cs-own-text-color) 10%, white);
    border: 1px solid color-mix(in oklab, var(--cs-own-text-color) 30%, white);
    min-width: 2.4rem;
    border-radius: 2rem;
}

.layer.layer-grade>.wrapper.grade span.tokenize-details>span:first-child,
.layer.layer-grade>.wrapper.grade span.tokenize-details>span:last-child>span:first-child {
    display: none;
}

li.embedded,
li.embedded>div {
    width: 100%;
}

li.embedded>.input_form_wrapper>.input_form label,
li.embedded>.input_form_wrapper>.input_form>.footer {
    display: none;
}

li.Token>.embedded-form>.token-row>span {
    width: 100%;
}

li.Token>.embedded-form>.token-row{
    border-right: 1px solid rgba(0,0,0,.2);
}

.form_field.doc.f-tokenize.embd div.Tokenize ul.TokensContainer>li.Token {
    padding: 0;
    border-width: 0;
    border-style: solid;
    border-radius: .25rem;
}

.form_field.f-tokenize.embd ul>li.Token>.tokenize-options {
    align-self: flex-start;
}

li.Token>.embedded-form>.token-row>span textarea {
    overflow: hidden;
    resize: none;
    width: 100%;
    min-height: 4rem;
    border: none;
    padding: .2rem;
    font-size: 1em;
    background-color: transparent;
}

li.Token>.embedded-form>.token-row>span textarea:focus {
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.24) inset;
    background-color: rgba(255, 255, 0, 0.3);
}

.rcd.type3 .form_field.field-ticketout_person ul>li.Token {
    --cs-bg-color: #e3492f;
}

.rcd.type3 .form_field.field-ticketout_person ul>li.Token.at319-status-80 {
    --cs-bg-color: #0fbd68;
}

.rcd.type3 .form_field.field-ticketout_person ul>li.Token.at319-status-100 {
    --cs-bg-color: #0a84ff;
}

.form_field.f-select.has-color p::before {
    margin-left: .3rem;
    margin-right: .3rem;
}

.form_field.f-select.has-color.field-type.d-template.type-40 p::before {
    content: '\E064';
}

.form_field.f-select.has-color.field-type.d-template.type-30 p::before {
    content: '\E0C2';
}

.form_field.f-select.has-color.field-type.d-template.type-20 p::before {
    content: '\E063';
}

.token-row>.f-tokenize>span>.caption-attachment {
    height: 100%;
    display: flex;
    align-items: center;
}

.form_field.f-tokenize.t-status .token-row>.field-author_id.f-display.t-person>span>.caption-person>span:last-child {
    display: none;
}

ul.Dropdown.t-status>li>span>.token-row>.field-author_id {
    display: none;
}
/*
.form_field.f-tokenize.t-status li.Token.depth-2 {
    display: none;
}
*/
.readonly button.delete {
    display: none;
}

.table.ticketout_person>.tbody>.tr>.td.ticketoutrecurrence-0 .fieldset-caption.field-ticketoutrecurrence.ticketoutrecurrence-0 {
    display: none;
}

.table.ticketout_person>.tbody>.tr>.td.ticketoutrecurrence-1 {
    background-color: #f3e0ff;
}

.caption-person {
    display: flex;
}

.form_field.f-tokenize.t-form.field-pqrs_reply ul>li.Token::before{
    content:'\E0C8';
}

.form_field.f-tokenize.t-task ul>li.Token::before{
    content:'\E058';    
}

.form_field.f-tokenize.t-task ul>li.Token:not(.onfocus):not(:hover)::before{
    color:var(--cs-own-text-color);
}

.form_field.f-tokenize.t-acl ul>li.Token::before{
    content:'\E098';    
}

li.select-empty::before{
    content:'\E0E6'; 
}

body.grade-log-index .form_field.td.f-tokenize.t-grade .grade-wrapper{
    height: auto;
    border-radius: 1rem;
    width: fit-content;
    margin: 0 auto;
}

.field-country_id.f-display>span::before{
    margin-right: .2rem;
}

.field-country_id.f-display>span{
    display: flex;
    flex-direction: row;
}

li.Token.at340-value-0{
    --cs-bg-color: #f7cb00;
}

li.Token.at340-value-0::before{
    content:'\E043';
}

li.Token.at340-value-1::before,
.form_field.field-at340 ul>li.Token.value-1::before{
    content:'\E096';
}

li.Token.at340-value-1,
.form_field.field-at340 .Token.value-1{
    --cs-bg-color: #50d065;
}

li.Token.at340-value-2::before,
.form_field.field-at340 ul>li.Token.value-2::before{
    content:'\E0E3';
}

li.Token.at340-value-2,
.form_field.field-at340 .Token.value-2{
    --cs-bg-color: #f43b37;
}

li.Token.at340-value-10::before,
.form_field.field-at340 ul>li.Token.value-10::before{
    content:'\E08D';
}

li.Token.at340-value-10,
.form_field.field-at340 .Token.value-10{
    --cs-bg-color: #137af3;
}

li.Token.at340-value-100::before,
.form_field.field-at340 ul>li.Token.value-100::before{
    content:'\E0A0';
}

li.Token.at340-value-100,
.form_field.field-at340 .Token.value-100{
    --cs-bg-color: #89898e;
}
/*/var/www/html/clickschoolinfo/public/themes/modern/css/sys_form.css*/
/*
div.form_expand_collapse_wrapper{
    padding: 4px 24px;
}

div.form_expand_collapse_wrapper a{
    color: rgba(0,0,0,0.48);
    text-decoration: none;
    font-size: medium;
    line-height: 32px;
    border: 1px solid rgba(0,0,0,0.24);
    border-radius: 16px;
    padding: 2px 24px;     
    background-image: url(../images/black.png?v=6abdc5c6c7845);
    background-repeat: no-repeat;
    background-position: -10px -1164px;
}

div.form_expand_collapse_wrapper a:hover{
    border: 1px solid rgba(0,0,0,0.48);
}

div.form_expand_collapse_wrapper.expanded a{
    color: white;
    background-color: #4A7EB2;
    background-image: url("../images/white.png?v=6abdc5c6c7845");
    background-position: -10px -1356px;
    background-repeat: no-repeat;    
}
*/
.nav_wrap.views a {
    padding-left: 28px;
    border-radius: 4px;
}

.nav_wrap.views a.active {
    background-color: #4A7EB2;
    color: white;
}

.form_notices {
    display: flex;
    /*justify-content: flex-end;*/
}

.form_notices>div {
    /*border: 1px solid rgba(0,0,0,0.08);*/
    padding: 2px 8px 2px 24px;
    line-height: 18px;
    display: inline-flex;
    border-radius: 12px;
}

.form-block-caption {
    font-size: x-small;
    color: rgba(0, 0, 0, 0.64);
    margin: 4px;
}

div.form-group-caption {
    font-size: small;
    padding-left: 28px;
    color: rgba(0, 0, 0, 0.64);
    padding: 2px 2px;
}

th.form_field.rate_chapter p {
    color: rgba(0, 0, 0, 0.4);
}

.form_field.enlistment li.value-1 span {
    color: #0f9d58;
}

.form_field.enlistment li.value-2 span {
    color: orange;
}

.form_field.enlistment li.value-3 span {
    color: #f6584c;
}

.form_field.readonly.date div.input_options {
    display: none;
}

.form_field.not-visible::after,
.form_field.not-visible::before,
.form_field.not-visible>* {
    visibility: hidden;
}

.form_field.not-visible {
    display: none;
}


.form_field.doc {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form_field.doc {
    display: inline-flex;
    flex-direction: column;
}

.form_field.doc.inl,
.form_field.doc.t-acco {
    flex-direction: row;
    min-height: 2.7rem;
}

.form_field.doc.inl>label,
.form_field.doc.t-acco>label {
    flex-grow: 1;
    display: flex;
    align-items: center;
    font-size: small;
}

.form_field.doc.inl>label,
.form_field.doc.t-acco>label {
    border-right-width: 1px;
    border-right-style: solid;
}

.form_field.inl>label,
.form_field.t-acco>label {
    margin-left: 0;
}

.form_field.inl.child>label .form_field.t-acco.child>label {
    border-left-width: 1px;
    border-left-style: solid;
}

/*
.form_field.doc.inl> div.input_envelope,
.form_field.doc.t-acco > div.input_envelope{
    flex-grow: 0;
}
*/
/*
.form_field.doc.t-acco > div.input_checkbox.input_envelope{
    max-width:3rem;
}

.form_field.doc.inl > div.input_envelope.input_select,
.form_field.doc.t-acco > div.input_envelope.input_text{
    width: 25%;
}
*/
.form_field.doc.unavailable .input-checkbox::before {
    color: gray;
}

.form_field.t-acco.depth-1>label,
.form_field.t-acco.depth-2>label,
.form_field.t-acco.depth-3>label,
.form_field.t-acco.depth-4>label {
    border-right: none !important;
}

.form_field.acco.depth-1::before,
.form_field.acco.depth-2::before,
.form_field.acco.depth-3::before,
.form_field.acco.depth-4::before {
    width: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    border-left: 1px solid rgba(0, 0, 0, 0.4);
    min-height: 1rem;
    content: ' ';
    height: 50%;
}

.form_field.t-acco:hover {
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.24) inset;
    background-color: #FFFFA3;
}

.form_field.acco.depth-1::before {
    margin-left: 1.5rem;
}

.form_field.acco.depth-2::before {
    margin-left: 3rem;
}

.form_field.acco.depth-3::before {
    margin-left: 4.5rem;
}

.form_field.acco.depth-4::before {
    margin-left: 5.5rem;
}

.form_field.doc>.input_envelope {
    flex-grow: 1;
    align-items: stretch;
    height: 100%;
}

.grid_wrapper.unavailable,
.form_field.grid.unavailable,
.form_field.grid.unavailable,
.form_field.doc.unavailable {
    opacity: 0.24;
    display: none;
}

.form_field.doc.unavailable .input-checkbox::before {
    color: gray;
}

.form_field.anchor-stack.focus p {
    color: white;
}

.field-hid p {
    /*
    font-family: 'Roboto Mono';
    font-size: 72%;*/
}

table.self_contract .form_field.field-self_contract_place {
    display: none;
}

table.self_contract tr.contract_type_id-2 .form_field.field-self_contract_place {
    display: block;
}

.form_field[data-grow="1"] {
    flex-grow: 1;
}

/*
.grid .grid_col_tools>button{
    height: 2.3rem;    
}
*/
.table.grid_cols>.tbody>.tr>.td>button,
.icon-text.input-group>span,
.grid_wrapper.block_wrapper>.block-head>.block-title>.title,
.grid_wrapper.doc>.grid_head>.grid_caption,
.wrapper>.top>.title:not(:empty),
.form_field.doc>.input_envelope,
.table.grid.fieldset.sgl>.tbody>.tr:not(.grid_row_deleted):first-of-type>.td.col-f-fieldset .form_field>div,
.playback,
div.grid_filter_wrapper>div:first-child,
.list-item-action,
.btn,
/*
.footer>div>.btn,
.toolbar>div>.btn,
.input-display-wrapper>.btn,
.inline-menu-col>.btn,
*/
.form_field {
    min-height: var(--cs-form-field-h);
}

.table.scheme-doc:not(.multi-line)>.tbody>.tr>.td .input_envelope.input_text .input-display-wrapper>p,
.table.scheme-grid>.tbody>.tr>.td .input_envelope.input_select .input-display-wrapper>p,
.table.scheme-grid>.tbody>.tr>.td .input_envelope.input_text .input-display-wrapper>p,
textarea.grade-input {
    max-height: 2.5rem;
    line-height: 2.5rem;
}

ul.TokensContainer>li {
    min-height: calc(var(--cs-form-field-h) - .2rem);
}

.btn-group.inline-menu>.btn {
    max-height: 2.5rem;
}

.popup-layer.layer-sidebar .grid-column-list>.header {
    margin-top: .5rem;
}

.grid_filter_wrapper>div.ctrl,
.popup-layer.layer-sidebar .popup-menu-bottom,
.form-bulk>.head,
.controller_menu_tab>div:not(:empty),
.menu-bar>div:not(:empty),
.context.playback {
    min-height: 3.2rem;
}

.menu-vertical>button.icon-text {
    height: 3.2rem;
}

div.menu-tab-main>.group>button.btn,
.menu-h>.btn,
.input-display-wrapper>.btn {
    min-height: unset;
}

.form_field.progress {
    border-radius: 0;
    height: auto;
}

.form_field.col-fld-grow,
.form_field.grow {
    flex-grow: 1;
    width: auto;
}

.form_document {
    flex-grow: 1;
}

body.self-enrollment-index .form_field.doc.f-tokenize.t-attachment.at98 {
    border: .1rem dashed rgba(0, 0, 0, 0.48);
}

.form_field.f-group.d-individual_subject .icon-text.group::before {
    margin-right: .2rem;
}

.form_field.f-group.d-individual_subject.at96value1 .icon-text.group::before {
    content: '\E043';
}

.form_field.f-group.d-individual_subject.at96value2 .icon-text.group::before {
    content: '\E08D';
}

.form_field.f-group.d-individual_subject.at96value1 .icon-text.group {
    background-color: #f18044;
}

.form_field.f-group.d-individual_subject.at96value2 .icon-text.group {
    background-color: #65b974;
}


.form_field.f-tokenize.t-form.lt.purchase_shop_product>* {
    border-right: 1px solid rgba(0, 0, 0, 0.24);
    border-bottom: 1px solid rgba(0, 0, 0, 0.24);
}

body.self-shop-index .form_field.f-currency.field-value.d-purchase {
    padding: 1rem;
    font-size: 2rem;
}

body.self-shop-index .form_field.f-currency.field-value.d-purchase>label {
    border: none;
    margin-right: 1rem;
    font-size: 2rem;
}

.form_field.f-currency.field-value.d-purchase>label>span>span {
    word-wrap: break-word;
}

.form_field.f-tokenize.t-form.lt.purchase_shop_product>label {
    display: none;
}

.form_field.f-tokenize.t-form.lt.purchase_shop_product>div>div>div.input-tokenize {
    margin: 1rem;
}

.form_field.f-tokenize.t-form.lt.purchase_shop_product>div>div>div>ul>li.Token {
    border-left: 1px solid rgba(0, 0, 0, 0.24);
}

/*
.f-tokenize.t-form.lt.purchase_shop_product>div>div>div>ul>li.Token + li.TokenSearch{
    border-top: 1px solid rgba(0,0,0,0.24);
}
*/

.form_field.f-tokenize.t-form.lt>div>div>div>ul>li>span>span>span>span {
    padding: 1rem;
}

.form_field.f-tokenize.t-form.lt>div>div>div>ul>li>span>span.token-row>span>label {
    padding: .5rem 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.24);
    background-color: rgba(0, 0, 0, 0.04);
}

.form_field.f-tokenize.t-form.lt>div>div>div>ul>li:first-child>span>span.token-row>span>label {
    display: inherit;
}

/*
.form_field.f-tokenize.t-form.lt>div>div>div>ul>li.Token>span>span.token-row>span{
    border-top: 1px solid rgba(0,0,0,.24);
}
*/
li.Token+li.Token .token-form>.token-row>span:not(.lt) {
    border-top: none;
}

.form_field.f-tokenize.t-form.lt>div>div>div>ul>li.TokenSearch>button {
    margin-top: 1rem;
    padding: 1rem 1rem 1rem .75rem;
    border: 1px solid #1c5a9a;
}

.form_field.f-tokenize.t-form.lt>div>div>div>ul>li.TokenSearch>button>span {
    display: inherit;
    margin-left: .5rem;
}

.sidebar-section.sidebar-section-fill {
    flex-grow: 1;
    overflow: hidden;
}

.sidebar-section>div {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.sidebar-section>iframe {
    height: 100%;
}

.sidebar-section>div>iframe {
    display: flex;
    flex-grow: 1;
}

.form-block-caption-extended {
    display: flex;
    flex-direction: column;
    margin: 2rem 0;
}

.form-block-caption-extended>button {
    margin-top: 1rem;
}

.form-block-caption-extended button::before,
.form-block-caption-extended button>span {
    color: #1c5a9a;
}

.shop-block-showcase {
    display: flex;
    min-width: 24rem;
    flex-direction: column;
    overflow: auto;
    max-height: 100%;
}

.shop-block-showcase>span:last-child {
    padding: 1rem;
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

.shop-block-showcase>span:last-child>span {
    display: block;
    font-weight: bold;
    margin-top: 1rem;
}

.shop-block-showcase>span:last-child>ul {
    max-width: 32rem;
}

.shop-block-showcase>span:last-child>ul>li {
    display: flex;
}

.shop-block-showcase>span:last-child>ul>li>span {
    padding: .5rem 0;
    font-size: .9em;
}

.shop-block-showcase>span:last-child>ul>li>span:first-child {
    flex-grow: 1;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.24);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: 1.2;
}

.shop-block-showcase>span:last-child>ul>li>span:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.24);
    min-width: 5rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.doc_envelope.file-explorer .block_wrapper {
    margin: 0;
}

.doc_envelope.file-explorer div.paper-letter.page-P>div>div>div.block_wrapper {
    max-width: 100%;
}

/*
.doc_envelope.file-explorer .form_field{
    padding-bottom: .5rem;
}*/

.slide-body.unknown .input-credential-wrapper>.input-mail-wrapper {
    display: none;
}

.field-fullname.not-empty>span {
    margin-right: .2em;
}

ul.form-steps {
    padding: 0;
}

ul.form-steps>li {
    margin: 1.5rem 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

ul.form-steps>li>span:first-child {
    color: var(--cs-hover-bg-color);
    font-size: 1.5em;
    min-width: 3rem;
    justify-content: flex-end;
    display: flex;
    padding-right: .5rem;
    font-weight: bold;
}

.form-basic {
    display: flex;
    flex-direction: column;
    border-width: 1px;
    border-style: solid;
    border-radius: .7rem;
    overflow: hidden;
}

.form-basic>.caption {
    background-color: rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: flex-start;
    padding: .5rem 1rem;
}

.form-basic>.body {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.form-basic>.body>div {
    display: flex;
    flex-direction: column;
}

.form-basic>.body>div>label {
    font-size: .8em;
    display: flex;
    justify-content: flex-start;
}

.form-basic>.body>div>select,
.form-basic>.body>div>input {
    border-width: 1px;
    border-style: solid;
    padding: .5rem;
}

.form_field.f-separator.error {
    background-color: var(--cs-bg-color);
}

.form_field.doc.f-separator.error>label::before {
    content: '\E046';
    color: var(--cs-text-color);
}

.form_field.doc.f-button button {
    width: fit-content;
    min-height: 2.5rem;
    padding: 0 1rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.form_field.doc.f-button .input-display-wrapper {
    padding: .5rem;
}

.form_field.doc.f-button {
    border-width: 0;
}

.form_field.popup {
    flex-direction: column;
    width: 100%;
    flex-grow: 1;
}

.form_field.doc.popup>label,
.form_field.grid.popup>.label {
    display: none;
}

.form_field.popup.f-tokenize ul.TokensContainer {
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    margin-left: 1.5rem;
}

.form_field.popup.f-tokenize ul.TokensContainer>li.TokenSearch {
    flex-grow: 0;
    margin-bottom: 4rem;
}

.form_field.popup ul>li.Token {
    margin: .25rem;
}

.form_field.popup>div.input_envelope {
    flex-grow: 1;
    overflow-y: auto;
    height: auto;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05) inset;
}

.menu-bar+.label {
    min-height: 2.5rem;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    margin-top: .5rem;
    cursor: default;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
/*/var/www/html/clickschoolinfo/public/themes/modern/css/sys_printer.css*/
@media print {
    .controller_display_tab,
    #body_tab_content{
        height:unset !important;
        max-height: unset !important;
        overflow-y: unset !important;
    }
    .doc-mobile,
    .only-screen,
    .app-aside,
    .app-header,
    .doc_page>.form_field.f-index,
    ul.TokensContainer > li > button.append,
    .grid_wrapper.scheme-doc button.append,
    .col-f-opt,
    button.gi::before,
    button.toggle-check-all::before,
    #menu_tab_n{
        display: none !important;
    }

    #body_tab_content{
        width:100%;
        border:none;
        box-shadow: none;
    }
    .grid_wrapper.doc,
    .doc_body,
    .page-P {
        min-width: unset !important;
    }

    html,
    body{
        background-color:white !important;
    }

    .doc_page{
        page-break-after: always;
    }

    .table.doc > * > .tr{
        padding-right: 0 !important;
    }

    .app-main{
        padding: 0 !important;
    }

    .doc_section>.doc_page{
        margin: 0 !important;
    }

    .doc-page-wrapper,
    div.grid_wrapper.flex-strech{
        width: 100% !important;
    }

    div.grid_envelope div.grid_wrapper > div.grid_head,
    .tr:not(.not-expandable)>.td.col-f-fieldset .doc_grid_form>.doc_group_form>.doc_row_form.collapsable{
        display: inherit;
    }
    .doc-page-wrapper,
    .page-P.preview, .paper-letter.page-P > div > div > div.icon-text, div.doc_body .form_notices, div.menu-bottom-wrapper, div.doc_body div.message, div.doc_body div.doc_message, div.paper-letter.page-P div.doc_textbox, div.paper-letter.page-P div.footnote, div.paper-letter.page-P div.doc-header, div.paper-letter.page-P div.doc-footer, div.paper-letter.page-P > div > div > div.group-wrapper > div.grid_wrapper, div.paper-letter.page-P > div > div > div.group-wrapper > div.group-wrapper > div.grid_wrapper, div.paper-letter.page-P > div > div > div.grid_wrapper, div.paper-letter.page-P .fullpage, div.paper-letter.page-P > div > div > div.doc-block-group, div.paper-letter.page-P > div > div > div.block_wrapper, .paper-letter.page-P > div > div > div.grid_wrapper.flex.stretch {
        max-width: unset !important;
    }

    .doc-textbox.doc-error,
    .doc-textbox.doc-warning,
    .table.tree>.tbody>.tr>.td.f-index,
    .tpanel,
    .inline-row.menu,
    .indent-dec,
    .indent-inc,
    .toggle-box{
        display: none !important;
    }

    .doc_row_form.collapsable>div{
        background-color: transparent;
        box-shadow: none;
    }

    .doc_group_form.expanded .form_field.t-toggle{
        border:none;
    }
    .table > .tfoot > .tr > .td:first-child, .table > .thead > .tr > .th:first-child, .table > .tbody > .tr > .td.f-index {
        width: 2rem;
        min-width: 2rem;
        max-width: 2rem;
    }

    .doc-header{
        margin-top: 2rem;
    }
    .doc-footer{
        margin-bottom: 2rem;
    }
}


/*/var/www/html/clickschoolinfo/public/themes/modern/css/jquery.qtip.css*/
/*
 * qTip2 - Pretty powerful tooltips - v3.0.3
 * http://qtip2.com
 *
 * Copyright (c) 2016 
 * Released under the MIT licenses
 * http://jquery.org/license
 *
 * Date: Wed May 11 2016 11:09 EDT-0400
 * Plugins: tips viewport imagemap svg modal ie6
 * Styles: core basic css3
 */
.qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 280px;
	min-width: 50px;

	font-size: 10.5px;
	line-height: 12px;

	direction: ltr;

	box-shadow: none;
	padding: 0;
}

	.qtip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;

		text-align: left;
		word-wrap: break-word;
	}

	.qtip-titlebar{
		position: relative;
		padding: 5px 35px 5px 10px;
		overflow: hidden;

		border-width: 0 0 1px;
		font-weight: bold;
	}

	.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }

	/* Default close button class */
	.qtip-close{
		position: absolute;
		right: -9px; top: -9px;
		z-index: 11; /* Overlap .qtip-tip */

		cursor: pointer;
		outline: medium none;

		border: 1px solid transparent;
	}

		.qtip-titlebar .qtip-close{
			right: 4px; top: 50%;
			margin-top: -9px;
		}

		* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */

		.qtip-titlebar .ui-icon,
		.qtip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
			direction: ltr;
		}

		.qtip-icon, .qtip-icon .ui-icon{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			text-decoration: none;
		}

			.qtip-icon .ui-icon{
				width: 18px;
				height: 14px;

				line-height: 14px;
				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus{}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover{}

/* Default tooltip style */
.qtip-default{
	border: 1px solid #F1D031;

	background-color: #FFFFA3;
	color: #555;
}

	.qtip-default .qtip-titlebar{
		background-color: #FFEF93;
	}

	.qtip-default .qtip-icon{
		border-color: #CCC;
		background: #F1F1F1;
		color: #777;
	}

	.qtip-default .qtip-titlebar .qtip-close{
		border-color: #AAA;
		color: #111;
	}


/*! Light tooltip style */
.qtip-light{
	background-color: white;
	border-color: #E2E2E2;
	color: #454545;
}

	.qtip-light .qtip-titlebar{
		background-color: #f1f1f1;
	}


/*! Dark tooltip style */
.qtip-dark{
	background-color: #505050;
	border-color: #303030;
	color: #f3f3f3;
}

	.qtip-dark .qtip-titlebar{
		background-color: #404040;
	}

	.qtip-dark .qtip-icon{
		border-color: #444;
	}

	.qtip-dark .qtip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/*! Cream tooltip style */
.qtip-cream{
	background-color: #FBF7AA;
	border-color: #F9E98E;
	color: #A27D35;
}

	.qtip-cream .qtip-titlebar{
		background-color: #F0DE7D;
	}

	.qtip-cream .qtip-close .qtip-icon{
		background-position: -82px 0;
	}


/*! Red tooltip style */
.qtip-red{
	background-color: #F78B83;
	border-color: #D95252;
	color: #912323;
}

	.qtip-red .qtip-titlebar{
		background-color: #F06D65;
	}

	.qtip-red .qtip-close .qtip-icon{
		background-position: -102px 0;
	}

	.qtip-red .qtip-icon{
		border-color: #D95252;
	}

	.qtip-red .qtip-titlebar .ui-state-hover{
		border-color: #D95252;
	}


/*! Green tooltip style */
.qtip-green{
	background-color: #CAED9E;
	border-color: #90D93F;
	color: #3F6219;
}

	.qtip-green .qtip-titlebar{
		background-color: #B0DE78;
	}

	.qtip-green .qtip-close .qtip-icon{
		background-position: -42px 0;
	}


/*! Blue tooltip style */
.qtip-blue{
	background-color: #E5F6FE;
	border-color: #ADD9ED;
	color: #5E99BD;
}

	.qtip-blue .qtip-titlebar{
		background-color: #D0E9F5;
	}

	.qtip-blue .qtip-close .qtip-icon{
		background-position: -2px 0;
	}


.qtip-shadow{
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.qtip-rounded,
.qtip-tipsy,
.qtip-bootstrap{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.qtip-rounded .qtip-titlebar{
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

/* Youtube tooltip style */
.qtip-youtube{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 0 0 3px #333;
	-moz-box-shadow: 0 0 3px #333;
	box-shadow: 0 0 3px #333;

	color: white;
	border: 0 solid transparent;

	background: #4A4A4A;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,black));
	background-image: -webkit-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -moz-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -ms-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -o-linear-gradient(top,#4A4A4A 0,black 100%);
}

	.qtip-youtube .qtip-titlebar{
		background-color: #4A4A4A;
		background-color: rgba(0,0,0,0);
	}

	.qtip-youtube .qtip-content{
		padding: .75em;
		font: 12px arial,sans-serif;

		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
	}

	.qtip-youtube .qtip-icon{
		border-color: #222;
	}

	.qtip-youtube .qtip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* jQuery TOOLS Tooltip style */
.qtip-jtools{
	background: #232323;
	background: rgba(0, 0, 0, 0.7);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
	background-image: -moz-linear-gradient(top, #717171, #232323);
	background-image: -webkit-linear-gradient(top, #717171, #232323);
	background-image: -ms-linear-gradient(top, #717171, #232323);
	background-image: -o-linear-gradient(top, #717171, #232323);

	border: 2px solid #ddd;
	border: 2px solid rgba(241,241,241,1);

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 0 0 12px #333;
	-moz-box-shadow: 0 0 12px #333;
	box-shadow: 0 0 12px #333;
}

	/* IE Specific */
	.qtip-jtools .qtip-titlebar{
		background-color: transparent;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
	}
	.qtip-jtools .qtip-content{
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
	}

	.qtip-jtools .qtip-titlebar,
	.qtip-jtools .qtip-content{
		background: transparent;
		color: white;
		border: 0 dashed transparent;
	}

	.qtip-jtools .qtip-icon{
		border-color: #555;
	}

	.qtip-jtools .qtip-titlebar .ui-state-hover{
		border-color: #333;
	}


/* Cluetip style */
.qtip-cluetip{
	-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);

	background-color: #D9D9C2;
	color: #111;
	border: 0 dashed transparent;
}

	.qtip-cluetip .qtip-titlebar{
		background-color: #87876A;
		color: white;
		border: 0 dashed transparent;
	}

	.qtip-cluetip .qtip-icon{
		border-color: #808064;
	}

	.qtip-cluetip .qtip-titlebar .ui-state-hover{
		border-color: #696952;
		color: #696952;
	}


/* Tipsy style */
.qtip-tipsy{
	background: black;
	background: rgba(0, 0, 0, .87);

	color: white;
	border: 0 solid transparent;

	font-size: 11px;
	font-family: 'Lucida Grande', sans-serif;
	font-weight: bold;
	line-height: 16px;
	text-shadow: 0 1px black;
}

	.qtip-tipsy .qtip-titlebar{
		padding: 6px 35px 0 10px;
		background-color: transparent;
	}

	.qtip-tipsy .qtip-content{
		padding: 6px 10px;
	}

	.qtip-tipsy .qtip-icon{
		border-color: #222;
		text-shadow: none;
	}

	.qtip-tipsy .qtip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* Tipped style */
.qtip-tipped{
	border: 3px solid #959FA9;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	background-color: #F9F9F9;
	color: #454545;

	font-weight: normal;
	font-family: serif;
}

	.qtip-tipped .qtip-titlebar{
		border-bottom-width: 0;

		color: white;
		background: #3A79B8;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
		background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -ms-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
	}

	.qtip-tipped .qtip-icon{
		border: 2px solid #285589;
		background: #285589;
	}

		.qtip-tipped .qtip-icon .ui-icon{
			background-color: #FBFBFB;
			color: #555;
		}


/**
 * Twitter Bootstrap style.
 *
 * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
 * Does not work with IE 7.
 */
.qtip-bootstrap{
	/** Taken from Bootstrap body */
	font-size: small;
	line-height: 20px;
	color: #333333;

	/** Taken from Bootstrap .popover */
	padding: 1px;
	background-color: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

	.qtip-bootstrap .qtip-titlebar{
		/** Taken from Bootstrap .popover-title */
		padding: 8px 14px;
		margin: 0;
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		background-color: #f7f7f7;
		border-bottom: 1px solid #ebebeb;
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
	}

		.qtip-bootstrap .qtip-titlebar .qtip-close{
			/**
			 * Overrides qTip2:
			 * .qtip-titlebar .qtip-close{
			 *   [...]
			 *   right: 4px;
			 *   top: 50%;
			 *   [...]
			 *   border-style: solid;
			 * }
			 */
			right: 11px;
			top: 45%;
			border-style: none;
		}

	.qtip-bootstrap .qtip-content{
		/** Taken from Bootstrap .popover-content */
		padding: 9px 14px;
	}

	.qtip-bootstrap .qtip-icon{
		/**
		 * Overrides qTip2:
		 * .qtip-default .qtip-icon {
		 *   border-color: #CCC;
		 *   background: #F1F1F1;
		 *   color: #777;
		 * }
		 */
		background: transparent;
	}

		.qtip-bootstrap .qtip-icon .ui-icon{
			/**
			 * Overrides qTip2:
			 * .qtip-icon .ui-icon{
			 *   width: 18px;
			 *   height: 14px;
			 * }
			 */
			width: auto;
			height: auto;

			/* Taken from Bootstrap .close */
			float: right;
			font-size: 20px;
			font-weight: bold;
			line-height: 18px;
			color: #000000;
			text-shadow: 0 1px 0 #ffffff;
			opacity: 0.2;
			filter: alpha(opacity=20);
		}

		.qtip-bootstrap .qtip-icon .ui-icon:hover{
			/* Taken from Bootstrap .close:hover */
			color: #000000;
			text-decoration: none;
			cursor: pointer;
			opacity: 0.4;
			filter: alpha(opacity=40);
		}

                .qtip-error{
                    background-color:rgb(244, 204, 204);
                    border-color:rgb(204, 164, 164);
                }
/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar{
	filter: none;
	-ms-filter: none;
}


.qtip .qtip-tip{
	margin: 0 auto;
	overflow: hidden;
	z-index: 10;

}

	/* Opera bug #357 - Incorrect tip position
	https://github.com/Craga89/qTip2/issues/367 */
	x:-o-prefocus, .qtip .qtip-tip{
		visibility: hidden;
	}

	.qtip .qtip-tip,
	.qtip .qtip-tip .qtip-vml,
	.qtip .qtip-tip canvas{
		position: absolute;

		color: #123456;
		background: transparent;
		border: 0 dashed transparent;
	}

	.qtip .qtip-tip canvas{ top: 0; left: 0; }

	.qtip .qtip-tip .qtip-vml{
		behavior: url(#default#VML);
		display: inline-block;
		visibility: visible;
	}


#qtip-overlay{
	position: fixed;
	left: 0; top: 0;
	width: 100%; height: 100%;
}

	/* Applied to modals with show.modal.blur set to true */
	#qtip-overlay.blurs{ cursor: pointer; }

	/* Change opacity of overlay here */
	#qtip-overlay div{
		position: absolute;
		left: 0; top: 0;
		width: 100%; height: 100%;

		background-color: black;

		opacity: 0.7;
		filter:alpha(opacity=70);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}


.qtipmodal-ie6fix{
	position: absolute !important;
}

.qtip-popup span:nth-child(1){
    font-weight: bold;
    display:block;
}

.qtip-popup span:nth-child(3){
    font-weight: normal;
    display: block;
    border-top:1px solid rgba(0,0,0,0.16);
    padding-top: 6px;
    margin-top: 4px;
}

.qtip-popup a{
    color:black !important;
    text-decoration: none;
}
/*/var/www/html/clickschoolinfo/public/themes/modern/css/croppie.css*/
.croppie-container {
    width: 100%;
    height: 100%;
}

.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none;
}

.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    border-radius: 6px;
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {   
    position: absolute;
    border-radius: 4px;
    border: 2px solid rgba(0,0,0,0.24);
    margin: 12px auto 12px auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 2000px 2000px rgba(245, 245, 245, 0.64);
    z-index: 0;    
}

.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}

.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
}

.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 1px solid black;
    background: #fff;
    width: 10px;
    height: 10px;
    content: '';
}

.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}

.croppie-container .cr-resizer-vertical::after {
    left: 50%;
    margin-left: -5px;
}

.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}

.croppie-container .cr-resizer-horisontal::after {
    top: 50%;
    margin-top: -5px;
}

.croppie-container .cr-original-image {
    display: none;
}

.croppie-container .cr-vp-circle {
    border-radius: 50%;
}

.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    touch-action: none;
}

.croppie-container .cr-slider-wrap {
    width: 60%;
    margin: 4px auto;
    text-align: center;
}

.croppie-result {
    position: relative;
    overflow: hidden;
}

.croppie-result img {
    position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/

.cr-slider {
    -webkit-appearance: none;
/*removes default webkit styles*/
	/*border: 1px solid white; *//*fix for FF unable to apply focus style bug */
    width: 300px;
/*required for proper track sizing in FF*/
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent;
}

.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

.cr-slider:focus {
    outline: none;
}
/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/

.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-moz-range-thumb {
    border: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #28a4cd;
    margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

.cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    background: transparent;
/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
	border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */
	border-width: 6px 0;
	color: transparent;/*remove default tick marks*/
}
.cr-slider::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #ddd;
	margin-top:1px;
}
.cr-slider:focus::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
}
/*******************************************/

/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
    position: absolute;
    top: 4px;
    right: 0;
    z-index: 1;
    width: 48px;
    text-align: center;
}

.cr-rotate-controls button {
    border: 0;
    background: none;
    cursor: pointer;
    border-radius: 50%; 
    background-color: #28a4cd;
    display: block;
    width:2rem;
    height:2rem;
    margin: 1rem auto;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.12) inset;
}

.cr-rotate-controls button:before {
    font-size: 20px;
    color:white;
}

.cr-rotate-controls button:hover{
    background-color: #0884ad;
}

button.cr-trash:hover{
    background-color: #f6584c;
}

button.cr-trash{
    background-color: #f6584c;
}

/*/var/www/html/clickschoolinfo/public/themes/modern/css/charts.css*/
.chart-wrapper{
    gap: 0.2em 1em;
    border: 1px solid rgba(0,0,0,0.08);
    display: inline-flex;
    border-radius: 0.2em;
    flex-direction: column;
    flex-grow: 1;
}

.chart_group_wrapper>.chart-wrapper{
    display:inline-block;
}
/*
.chart-legend-wrapper{
    background-color: rgba(0,0,0,0.032);
    padding: 4px;
    border-left: 1px solid rgba(0,0,0,0.08);    
}
*/
.chart-serie-wrapper{
    padding: .5rem;
    border-top: .1rem solid rgba(0,0,0,0.08);        
}
/*
.chart-serie-wrapper>div{
    display: table;
    margin:0 auto;
}
*/
.chart-serie{
    padding: 2px;
    display: inline-block;
}

.chart-serie.color>span:first-child{
    height:16px; 
    width:16px; 
    border-radius:50%; 
    display:inline-block;
    padding-right: 0;
    text-align: center;    
    vertical-align: top;
    margin-right: 4px;
}

.chart-serie>span:last-child{
    display:inline-block;
    font-size: small;
    line-height: 16px;
    vertical-align: top;
}

.chart-title{
    font-weight: 500;
    line-height: 28px;
    padding-left: 1rem;
}

canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.chart-frame {
    display: flex;
    padding: 0.5rem;
    height: 100%;
    align-items: center;    
}

.chart-body {
    height: 100%;
    display: inline-block;
}

table.chart-legend {
    font-family: Roboto;
    display: inline-block;
    font-size: small;
}

table.chart-legend caption{
    font-size: small;
    text-transform: uppercase;
    font-weight: bold;
    /*border-bottom: 1px solid rgba(0,0,0,0.12);*/
    white-space: nowrap;
}

table.chart-legend>tbody>tr>td>span{
    margin:2px;
}

table.chart-legend>tbody>tr>td>span{
    width: 100%;
    display:block;
    text-align: right;
    padding-right: 1rem;
    padding-left: 0.5rem;
}

table.chart-legend>tbody>tr>td:first-child>span{
    height:8px; 
    width:20px; 
    border-radius:3px; 
    display:block;
    padding-right: 0;
    text-align: center;
}

table.chart-legend>tbody>tr>td:nth-child(2)>span{
    text-align: left;
}

span.chart-dataset-value{
    font-weight: 500;
}

table.chart-legend>thead>tr>th>span{
    height:8px;
    width: 92%;
    display:block;
    border-radius: 6px;
    margin: 0 4%;
}

div.chart_group_wrapper{
    display: block;
}

table.chart{    
    border-collapse: collapse;
    border-left: 1px solid rgba(0,0,0,0.24);
    border-top: 1px solid rgba(0,0,0,0.24);    
}

table.chart>thead>tr>th{
    background-color: rgba(0,0,0,0.04);
}

table.chart>thead>tr>th,
table.chart>tbody>tr>td{
    padding: 4px;
    text-align:center;
    min-width: 72px;
}

table.chart>thead>tr>th,
table.chart>tbody>tr>td{
    border-right: 1px solid rgba(0,0,0,0.24);
    border-bottom: 1px solid rgba(0,0,0,0.24);
}

.chart-wrapper.doughnut .chart-body{
    width:150px;
    height:150px;
    margin-right: 1rem;    
}

.chart-wrapper.percent .chart-dataset-value::after{
    content:'%';
}

.program-stats-demography .chart-block>.body{
    display: flex;
    flex-direction: column;
}

.program-stats-demography .chart-wrapper{
    width: 100%;
    padding: 2rem;
    background-color: rgba(255,255,255,0.2);
    border: none;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.24);    
}

.chart-note{
    padding: 0 2rem;
    color: rgba(0, 0, 0, 0.64);
    font-size: .8em;
    font-style: italic;
    margin-bottom: 2rem;    
}

.program-stats-demography .doc-section{
    background-image: url("../../../images/page-bg.png?v=6abdc5c6c7845");
}

.program-stats-demography .chart-school-logo{
    max-width: 40%;
    margin: 4rem auto 1rem;
    display: flex;
}

.chart-block h2{
    text-align: center;
    text-transform: uppercase;
    margin-top: 4rem;    
}

.chart-block{
    page-break-after: always;
}

.chart-block>.body>div{
    display: flex;    
}
/*/var/www/html/clickschoolinfo/public/themes/modern/css/outline.css*/
.align-center{
    text-align: center;
}
/*
.outline{
    background-image: url("../images/black.png?v=6abdc5c6c7845"); 
    background-repeat: no-repeat;
}

th.outline.col-index:hover,
th.outline:hover,
.outline:hover{
    background-image: url("../images/white.png?v=6abdc5c6c7845"); 
    background-repeat: no-repeat;
    background-color: #4a7eb2;
    cursor:pointer;
    color:white;
}
table>tbody>tr>.outline:hover *::before,
table>tbody>tr>.outline:hover *::after
*/

.grade-wrapper:hover,
.table>.tbody>.tr>.adder:hover,
.table>.thead>.tr>.outline:not(.f-filler):hover,
.table>.tbody>.tr>.outline:not(.f-filler):hover
{
    box-shadow: rgb(26, 91, 156) 0px 0px 0 2px inset;
}


/*
.outline.f-attendance{
    min-width: 3rem;
    font-size: 0;
}
*/
/*
.outline.f-attendance:hover>span::before,
.outline.f-attendance:hover>span::after{
    color:white !important;
}
*/
.outline.f-attendance:not(.adder)>span:last-child::after{
    content: '\E061';
    color:gray;
    width: 1.5rem;
    display: inline-flex;
    justify-content: center;
    margin: 2px;
    height: calc(100% - 4px);
    align-items: center;    
}

.outline.f-attendance.undefined>span:last-child::after{
    display: none;
}

.outline.f-attendance>span:last-child::before{
    flex-grow: 1;
    justify-content: center;
    display: inline-flex;
}

.f-attendance .input-checkbox::before,
.outline.f-attendance>span:last-child::before{
    font-size:1rem;
}

.outline.f-attendance>span:last-child::after{
    font-size:0.6em;
}

.outline.f-attendance:hover{
    cursor:pointer;
}

.outline.form_field>span:last-child{
    min-height: 2rem;
    align-items: center;
    /*justify-content: center;*/
    display: flex;    
}

.outline.td.form_field.bold>span:last-child{
    font-weight: bold;
}

.outline.form_field.adder>span:last-child{
    align-items: center;
    justify-content: center;
}

.outline.form_field.doc>span:last-child{
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.outline.form_field.doc.f-tokenize.t-signature>span:last-child{
    justify-content: center;
    align-items: center;
}

.outline.form_field.doc.align-center>span:last-child{
    align-items: center;
}

.outline.f-grade>.grade-wrapper{
    min-height: 2rem;
}

.form_field.f-attendance.adder>div.input_envelope,
.outline.f-grade.adder::before,
.outline.f-attendance.adder::before{
    opacity: 0.32;
}

.form_field.f-attendance.adder>div.input_envelope:hover,
.outline.f-attendance.adder:hover{
    opacity: 1;
}

.outline.form_field.f-attendance > span {
    display: flex;
    align-items: center;
    width:100%;
}

.outline.form_field.f-attendance > span:last-child {
    min-height: 2rem;
}

.checkselect.group_session_studentvalue-0::before{
    content: '\E056';
    color: rgba(0,0,0,0.4);    
}

.form_field.f-attendance.undefined button.btn-attendance::before,
.outline.f-attendance.undefined>span::before{
    content: '\E024';
    color: rgba(0,0,0,0.4);
}

.d-group_session_student a::before{
    margin-right: .2rem;
}

.checkselect.group_session_studentvalue-1::before{
    content: '\E096';
    color: #39b54a;
}

.outline.f-checkselect.t-icon.attendance>span:last-child::before{
    color:var(--cs-icon-color);
}

.outline.f-checkselect.t-icon.attendance>span:last-child{
    background-color: color-mix(in srgb, var(--cs-icon-color) 4%,  transparent);
}

.outline.f-checkselect.t-icon.attendance[data-value="1"]>span:last-child::before{
    content: '\E030';
    color: color-mix(in srgb, var(--cs-icon-color) 90%,  black);    
}

.outline.f-checkselect.t-icon.attendance[data-value="1"]>span:last-child{
    --cs-icon-color: #00d780;
}

.outline.f-checkselect.t-icon.attendance[data-value="-1"]>span:last-child::before,
.outline.f-checkselect.t-icon.attendance[data-value="-2"]>span:last-child::before,
.outline.f-checkselect.t-icon.attendance.has-virtual>span:last-child::before{
    content: '\E0E6';    
}

.outline.f-checkselect.t-icon.attendance[data-value="-1"]>span:last-child{
    --cs-icon-color: #f6584c;         
}

.outline.f-checkselect.t-icon.attendance[data-value="-2"]>span:last-child{
    --cs-icon-color: #0a80f7
}

.form_field.f-attendance.not-absent.flag10 button.btn-attendance.checked::before,
.outline.f-attendance.not-absent.flag10>span:last-child::before{
    content: '\E096';
    color: #39b54a;
}

.fieldset-caption.t-icon-text::before{
    margin-right: .3rem;
}

.outline.f-checkselect.t-icon.attendance[data-value="1"][data-h-attendance_absent="0"]>span:last-child::before,
.form_field.f-group.d-group_session_student.value-1 span.field-value::before,
.d-group_session_student.value-1 .input_envelope button::before,
.form_field.f-attendance.not-absent button.btn-attendance.checked::before,
.outline.f-attendance.not-absent>span:last-child::before{
    content: '\E08D';
}

.outline.f-checkselect.t-icon.attendance[data-value="1"][data-h-attendance_absent="0"]>span:last-child::before,
.form_field.f-group.d-group_session_student.value-1 span.field-value::before,
.d-group_session_student.value-1 .input_envelope button::before,
.form_field.f-attendance.not-absent button.btn-attendance.checked::before,
.outline.f-attendance.not-absent>span:last-child::before{
    color: #39b54a;
}

.form_field.f-attendance.not-absent.flag20 button.btn-attendance.checked::before,
.outline.f-attendance.not-absent.flag20>span:last-child::before{
    color: #ffa500;
}

.td.form_field.f-attendance.focus>.input_envelope > div button.btn-attendance::before,
.form_field.f-attendance button.btn-attendance.checked:hover::before{
  padding: 2px;
  border-radius: 50%;
  background-color: white;
}

.td.form_field.f-attendance.focus>.input_envelope > div {
    background-color: var(--cs-hover-bg-color);
    --cs-icon-color: var(--cs-hover-text-color);
    --cs-text-color: var(--cs-hover-text-color);
    overflow: hidden;
    border-radius: 6px;    
}

.td.form_field.f-attendance.focus>.input_envelope.input_attendance{
    padding:2px;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1) inset;
    background-color: rgba(0,0,0,0.1);
}

.form_field.f-attendance.not-absent.flag21 button.btn-attendance.checked::before,
.outline.f-attendance.not-absent.flag21>span:last-child::before{
    color: #0a80f7;
}

.form_field.f-attendance.not-absent.flag30 button.btn-attendance.checked::before,
.outline.f-attendance.not-absent.flag30>span:last-child::before{
    color: #f6584c;
}

.form_field.f-attendance.not-absent.flag31 button.btn-attendance.checked::before,
.outline.f-attendance.not-absent.flag31>span:last-child::before{
    color: #676dde;
}

.outline.f-checkselect.t-icon>span:last-child{
    display: flex;
    justify-content: center;    
}


.form_field.f-group.d-group_session_student.value--1 span.field-value::before,
.form_field.f-group.d-group_session_student.value--2 span.field-value::before,
.d-group_session_student.value--1 .input_envelope button::before,
.d-group_session_student.value--2 .input_envelope button::before,
.form_field.f-attendance.absent button.btn-attendance.unchecked::before,
.outline.f-attendance.absent>span:last-child::before{
    content: '\E07E';
}

.d-group_session_student.value--1.at117-value-1 .input_envelope button::before,
.d-group_session_student.value--2.at117-value-1 .input_envelope button::before{
    content: '\E102';    
}

.form_field.f-group.d-group_session_student.value--2:not(:hover):not(.focus) span.field-value::before,
.d-group_session_student.value--2:not(:hover):not(.focus) .input_envelope button::before{
    color: #0a80f7
}

.form_field.f-group.d-group_session_student.value--1:not(:hover):not(.focus) span.field-value::before,
.d-group_session_student.value--1:not(:hover):not(.focus) .input_envelope button::before{
    color: #f6584c;         
}

.form_field.f-attendance.absent button.btn-attendance.unchecked::before,
.outline.f-attendance.absent>span:last-child::before{
    color: #f6584c
}

.form_field.f-attendance.absent.flag90 button.btn-attendance.unchecked::before,
.outline.f-attendance.absent.flag90>span:last-child::before{
    color: #0a80f7
}

.form_field.f-attendance.has-comments button.input-options::before,
.outline.f-attendance.has-comments>span:last-child::after{
    content: '\E06A';
}

.outline.f-header>span,
.outline.f-select.grid,
.outline.f-display.grid,
.outline.f-text.doc>span>span:last-child,
.outline.f-display.doc>span>span:last-child{
    padding: 0 .2rem;
}

.outline.f-header>span.layout-vertical{
    padding: .2rem 0
}

.outline.form_field.doc>span>span{
    display:block;   
}

.outline.form_field.doc.f-tokenize>span>span{
    display:flex;
    justify-content: space-around;
    width: 100%;
}

.outline.form_field.doc>span>span:first-child{
    color: rgba(0,0,0,0.64);
    font-size: 0.7em;
    padding: 0 0.2em;
    display: inline-block;    
}

.outline.form_field.doc.f-picture>span>span:first-child{
    display: none;
}

.outline.form_field.doc.align-center>span>span:first-child {
    margin-left: 0;
}

.outline.form_field.doc>span>span:last-child{
    height: 100%;
    overflow: hidden;
    width: 100%;
    display: flex;
    min-height: 2rem;
    font-size: 0.8em;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0.2em;
}

.outline.form_field.doc.f-date>span>span:last-child,
.outline.form_field.doc.align-center>span>span:last-child{
    justify-content: center;
    padding-left: 0;
}

.outline.form_field.doc.f-picture>span>img{
    width:100%;
}

.outline.f-index.bullet{
    justify-content: flex-end;
}

.outline.f-index.bullet::after{
    line-height: 2rem;
    display: flex;
    align-items: center;    
}

.outline.f-index>span{
    justify-content: flex-end;
    padding-right: 0.2em;
    height:100%;
    display: flex;
    align-items: center;
}   

.outline.f-index.bullet>span{
    display: none;
}

.outline.f-index.bullet.alpha::after{
    content: '\E058';   
}

.outline.f-index.check::after{
    content: '\E030';
    color: #1a5b9c;
}

.outline.f-index.custom::after{
    content: '\E03C';
    color: #5653cf;
}

.outline.f-index.checkbox::after{
    content: '\E096';
    color: #1a5b9c;
}

.outline.tokenize.person>span>img{
    border-radius: 50%;
    height: 22px;    
    align-self: center;
}
.outline.tokenize.person>span{
    display: flex;
    align-items: stretch; 
}
.outline.tokenize.person>span>span{
    flex-grow: 1;
    align-self: center;
    font-size: x-small;  
}

th.outline.col-index{
    text-align: center;    
    /*min-height: 28px;*/
    vertical-align: center;
    background-color: #f0f0f0;
}

th.outline.f-attendance{
    background-image: none;
}

th.outline.f-attendance>a{
    display: flex;
    flex-direction: column;
    padding: 4px 0;    
}

th.outline.f-attendance:hover a{
    color:white;
}

th.outline.f-attendance.datetime>a>span{
    text-align: center;
    line-height: 14px;
}

th.outline.f-attendance.datetime>a>span:nth-child(2){
    font-weight: bold;
    line-height: 18px;
    font-size: 18px;
}
th.outline.f-attendance.datetime>a>span:nth-child(3){
    text-transform: lowercase;
}
/*
th.outline.f-attendance.datetime>a>span:nth-child(4),
th.outline.f-attendance.datetime>a>span:nth-child(5){
    color:rgba(0,0,0,0.24);    
}
*/
th.outline.f-attendance.datetime>a>span:nth-child(4){
    border-top: 1px solid rgba(0,0,0,0.24);
}

th.outline.f-attendance.datetime:hover>a>span:nth-child(4){
    border-color: rgba(255,255,255,0.64);
}

th.outline.f-attendance.datetime>span{
    min-height: 28px;
    display: block;
    background-image: url("../images/black.png?v=6abdc5c6c7845"), url("../images/black.png?v=6abdc5c6c7845");    
    background-position: -10px -4954px, right -16px top -4762px;
    background-repeat: no-repeat, no-repeat;
    opacity: 0.4;
}

th.outline.f-attendance.datetime:hover > span{
    background-image: url("../images/white.png?v=6abdc5c6c7845"), url("../images/white.png?v=6abdc5c6c7845");    
}

th.outline.f-attendance.datetime>span:hover{
    opacity: 1;
    cursor: pointer;
}

.outline.index{
    text-align: right;
    padding-right: 6px;
}

th.outline.term.expand{
    background-image: url(../images/black/expand.png?v=6abdc5c6c7845), url(../images/black/vdots.png?v=6abdc5c6c7845);
    background-repeat: no-repeat, no-repeat;
    background-position: center bottom 32px, bottom 8px right 8px;
    min-height: 24px;
    font-size: 48px;
    padding-bottom: 48px;    
}

th.outline.term.expand.expanded{
    background-image: url(../images/black/expanded.png?v=6abdc5c6c7845), url(../images/black/vdots.png?v=6abdc5c6c7845);
    background-repeat: no-repeat, no-repeat;
    background-position: center bottom 32px, bottom 8px right 8px;  
}

th.outline.term.expand:hover{
    background-image: url(../images/white/expand.png?v=6abdc5c6c7845), url(../images/white/vdots.png?v=6abdc5c6c7845);
    cursor: pointer;
}

th.outline.term.expand.expanded:hover{
    background-image: url(../images/white/expanded.png?v=6abdc5c6c7845), url(../images/white/vdots.png?v=6abdc5c6c7845);
}

.outline.form_field{
    vertical-align: middle;
}

.outline.form_field.f-grade:hover{
    color:black;
}    

.form_field.f-grade span.grade-caption>span:first-child::before,
.form_field.f-grade span.grade-caption>span:first-child::after{
    font-family: 'icons';
    font-size: 0.6rem;        
    line-height: 0.6rem;
    height: 0.6rem;
}

.form_field.f-grade .grade-wrapper>.grade-caption>span:first-child::before{    
    margin-right: .2rem;
}

.form_field.f-grade .grade-wrapper>.grade-caption>span:first-child::after{
    margin-left: .2rem;
}

.form_field.f-grade .grade-wrapper.evl.efl>.grade-caption>span:first-child::after{
    margin-left: 0;
}

.form_field.f-grade .grade-wrapper:not(.evl)>.grade-caption>span:first-child::before{    
    margin-left: -.8rem;
}

.form_field.f-grade .grade-wrapper:not(.evl)>.grade-caption>span:first-child::after{
    margin-right: -.8rem;
    margin-top: .2rem;
    align-self: flex-start;
}

.form_field.f-grade.extended span.grade-caption>span:first-child::after{
    margin-top: 6px;
}

.form_field.f-grade.has-comments span.grade-caption>span:first-child::after{
    content: '\E06A';    
}

.form_field.f-grade.has-comments .grade-wrapper.left-empty span.grade-caption::after {
    content: '\E06B';
}

.form_field.f-grade.t-value span.grade-caption>span:first-child::after {
    content: '' !important;
}

.form_field.f-grade.t-value span.grade-caption > span.grade-value {
    justify-content: center;
}

.outline.form_field.f-grade.flagD span.grade-wrapper.left-empty:not(.xfl)::before,
.form_field.f-grade.flagD span.grade-caption>span:first-child::before{
    content: '\E073';      
}

.outline.form_field.f-grade.flagP span.grade-wrapper.left-empty:not(.xfl)::before,
.form_field.f-grade.flagP span.grade-caption>span:first-child::before{
    content: '\E051';      
}

.outline.form_field.f-grade.flagT span.grade-wrapper.left-empty:not(.xfl)::before,
.form_field.f-grade.flagT span.grade-caption>span:first-child::before{
    content: '\E023';      
}

.outline.form_field.f-grade.flagI span.grade-wrapper.left-empty:not(.xfl)::before,
.form_field.f-grade.flagI span.grade-caption>span:first-child::before{
    content: '\E046';      
}

.outline.form_field.f-grade.flagN span.grade-wrapper.left-empty:not(.xfl)::before,
.form_field.f-grade.flagN span.grade-caption>span:first-child::before{
    content: '\E084';      
}

.outline.form_field.f-grade.flagE span.grade-wrapper.left-empty:not(.xfl)::before,
.form_field.f-grade.flagE span.grade-caption>span:first-child::before{
    content: '\E031';      
}

.outline.form_field.f-grade.flag0 span.grade-wrapper.left-empty:not(.xfl)::before,
.form_field.f-grade.flag0 span.grade-caption>span:first-child::before{
    content: '\E038'; 
    color: #006fff;
}

.outline.form_field.f-grade.flag1 span.grade-wrapper.left-empty:not(.xfl)::before,
.form_field.f-grade.flag1 span.grade-caption>span:first-child::before{
    content: '\E046';
    color: #f5a623;
}

.outline.form_field.f-grade.flag2 span.grade-wrapper.left-empty:not(.xfl)::before,
.form_field.f-grade.flag2 span.grade-caption>span:first-child::before{
    content: '\E096';     
    color: #39cc64;
}

/*.outline.form_field.f-grade.flag3 span.grade-wrapper:not(.xfl)::before,*/
.form_field.f-grade.flag3 span.grade-caption>span:first-child::before{
    content: '\E073';      
    color: #003c9e;
}

.form_field.adder>span{
    cursor: pointer;
    opacity: 0.32;  
    justify-content: center;
    align-items: center;
    display: flex;      
}

.form_field.adder>span:hover::before,
.form_field.outline.adder:hover::before,
.form_field.adder:hover{
    opacity: 1;
    /*color:white;*/
}
.form_field.adder>.input_envelope.input_adder::before,
.form_field.adder>span:not(.label)::before,
.form_field.outline.adder>span:last-child::before{
    font-family: 'icons';
    font-size: 1rem;
    font-style: normal;      
    content: '\E024';
}

.form_field.doc.adder > div::before{
    display: none;
}

.form_field.adder,
.outline.form_field.adder{
    text-align:center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.grade-suggested {
    border: none;
    width: 28px;
    background-color: rgba(0,0,0,0.08);
    font-size: x-small;
    cursor: pointer;
    text-align: center;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.32) inset;
    color: rgba(0,0,0,0.72);
    line-height: 1;
    border-radius: 0;
    display: none;
    align-items: center;
    justify-content: center;    
    height:100%;
}
/*
.grade-wrapper.evl>.grade-suggested {
    display: inline-flex;
}
*/
.grade-suggested:hover {
    color:white;
}

.f-grade.has-log .grade-suggested,
.f-grade.suggested-empty .grade-suggested,
.f-grade.equal .grade-suggested {
    display:none;
}

.outline.form_field.grid.align-center>span{
    justify-content: center;    
}

.outline.form_field.grid.f-text.align-center>span{
    display: flex;
    align-items: center;
}
/*
.outline.form_field.grid.f-index>span{
    justify-content: flex-end;
    padding-right: 4px;
    height:100%;
    display: flex;
}   
*/

.outline.f-average>span{
    justify-content: center;
    background-color: #EEE;
    cursor: pointer;
    border-radius: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
    align-items: center; 
}

.th.outline.f-header>span{
    align-items: end;
}

.outline.f-tokenize.t-signature>span>span:last-child{
    justify-content: space-around;    
}
/*/var/www/html/clickschoolinfo/public/themes/modern/css/pay.css*/

/*/var/www/html/clickschoolinfo/public/themes/modern/css/buttons.css*/
@font-face {
    font-family: icons;
    src: url(../../../fonts/Icons.woff?v=6abdc5c6c7845) format("woff");
    font-weight: 400;
    font-style: normal
}

.btn {
    border: none;
}

.btn.index-col,
.label-col,
.icon-text {
    text-align: left;
    background-image: none;
    display: flex;
    align-items: center;
}

.btn.index-col>span:last-child {
    flex-grow: 1;
}

.label-col>span:last-child,
.icon-text>span:last-child {
    flex-grow: 1;
    text-align: left;
}

button.icon,
a.icon {
    justify-content: center;
}

.menu-icon::after,
.menu-icon::before,
a.icon::before {
    text-align: center;
    min-width: 24px;
    display: inline-block;
}

*::before,
*::after {
    font-family: 'Icons';
    font-style: normal;
    color: var(--cs-icon-color);
}

li.Token::before {
    font-size: 1rem;
    min-width: 1.5rem;
    min-height: 1.5rem;
    border-radius: 50%;
    justify-content: center;
    display: flex;
    align-items: center;
    margin: .3rem;
    align-self: flex-start;
}

.form_field.has-color li.Token .tokenize-options{
    --cs-icon-color: color: color-mix(in oklab, var(--cs-bg-color) 100%, white);    
}

.form_field.colored li.Token:not(:hover)::before,
.form_field.has-color li.Token:not(:hover)::before {
    color: color-mix(in oklab, var(--cs-bg-color) 100%, white);
    filter: saturate(70%);
}

.form_field.colored li.Token.onfocus::before,
.form_field.colored li.Token:hover::before,
.form_field.has-color li.Token.onfocus::before,
.form_field.has-color li.Token:hover::before {
    background-color: color-mix(in oklab, var(--cs-bg-color) 84%, white);
    color: white;
}

.form_field.status li.Token.onfocus::before,
.form_field.status li.Token:hover::before {
    border-radius: 50%;
    color: var(--cs-icon-color);
}


.form_field.grid li.Token {
    margin-left: 0.3rem;
}

.form_field.doc.has-color li.Token {
    border-radius: 1rem;
}

.footer>.feedback>span {
    padding: 0 .5em;
    display: block;
}

.footer>.feedback>span::before {
    margin-right: .3em;
}

.input_form>.footer>.feedback>span {
    display: flex;
}

.input_form>.footer>.feedback>span.error {
    color: #D24726;
}

.popup-form-request-status {
    width: 22rem;
    max-width: 22rem;
}

.popup-form-request-status .list {
    border-top: .1rem solid rgba(0, 0, 0, 0.06);
    border-bottom: .1rem solid rgba(0, 0, 0, 0.06);
    background-color: rgba(0, 0, 0, 0.04);
    max-height: 12rem;
    overflow: hidden auto;
}

.popup-form-request-status .list ul {
    padding: 1rem;
    margin: 0;
}

.popup-form-request-status .list ul>li {
    display: flex;
}

.popup-form-request-status .list ul>li.sublist::before {
    display: none;
}

.popup-form-request-status .list ul>li>span {
    margin-left: .4rem;
    display: inline-flex;
    font-size: .9em;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    line-height: 1.6;
}

/*
.popup-form-request-status .list ul>li>ul>li>span{
    color:rgba(0,0,0,0.5);
}
*/
.popup-form-request-status .list ul>li>ul {
    padding-left: 1.5rem;
}

.popup-form-request-status .list ul>li::before {
    content: '\E069';
}

.popup-form-request-status.error .list ul>li::before {
    color: #D24726;
}

.popup-form-request-status.success .list ul>li::before {
    color: #39b54a
}

.popup-form-request-status.not-changes .list ul>li::before {
    color: #5282b2
}

.popup-alert-wrapper ul {
    padding: 0.5rem 0;
    margin: 0;
}

.popup-alert-wrapper .tokenize-options {
    display: none;
}

.footer>.feedback>span.error::before {
    content: '\E043';
    color: #D24726;
}

.icon-list {
    padding: 0;
}

.icon-list>li {
    padding: .5rem 0;
}

.icon-list>li::before {
    content: '\E04E';
    color: #1a5b9c;
    margin-right: .5rem;
}

.icon-list>li.phone::before {
    content: '\E03E';
    color: #1a5b9c;
}

.message.icon-text.left.working::before,
.message.icon-text.working::before {
    display: none;
}

.icon-text.col-help::before,
.icon-text.help::before {
    content: '\E024';
}

.icon-text.copy::before {
    content: '\E0F3';
}

button.input-options::before {
    content: '\E061';
    font-family: 'Icons';
    font-style: normal;
    font-size: 0.6em;
}

div.message.icon-text.lock-saved::before {
    content: '\E096';
    color: #3bab1d;
}

/*
.message.icon-text.wait::before{
    content: '\E023';
    color:#7578c4;
}
*/
.message.icon-text.report::before {
    content: '\E0A2';
    color: #7578c4;
}

.message.icon-text.alert::before {
    content: '\E046';
    color: #fb8422;
}

button.send-message::before,
button.icon-text.feedback::before {
    content: '\E04C';
}

button.icon-text.archive::before {
    content: '\E0BE';
}

button.icon-text.flag::before {
    content: '\E07A';
}

button.icon-text.flag.active::before {
    content: '\E07B';
}

.icon-text.none.left::before {
    display: none;
}

span.grade-req,
span.grade-log {
    font-size: xx-small;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    height: calc(100% - 4px);
    padding: 0 .2em;
    min-width: 1.3rem;
    background-color: var(--cs-bg-color);
    color: var(--cs-text-color);
    margin:2px;
}

/*
span.grade-log {
    border-right: 0.05rem solid rgba(0, 0, 0, 0.12);
}

span.grade-req {
    border-left: 0.05rem solid rgba(0, 0, 0, 0.12);
}
*/

.paragraph::before {
    content: '\E038';
    margin-right: .3em;
}

button.browse::after {
    content: '\E05B';
}

.paragraph.warning::before {
    content: '\E046';
}

.paragraph.thanks::before {
    content: '\E079';
}

.paragraph.modified::before {
    content: '\E023';
}

button.icon-text.edit::before {
    content: '\E055';
}

.sys_popup_frame>div.top.dark {
    background-color: #1a5b9c;
}

.wrapper:not(.has-popup-label)>.top>.title
{
    flex-grow: 1;
    display: flex;
    align-items: center;
    padding-left: 1rem;    
}

.layer:not(.locked)>.wrapper>.top>.title::before,
.input-form-frame>div>.title::before {
    margin-right: .7rem;
    font-size: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.sys_popup_frame {
    border-radius: .5rem;
    overflow: hidden;
}

.layer:not(.locked)>.wrapper:not(.has-popup-label)>.top>.title:not(:empty)::before,
.input-form-frame.send>div>.title::before,
button.mail::before,
button.icon-text.send::before {
    content: '\E0F4';
}

button.send-form {
    border-style: solid;
    border-width: 1px;
    border-color: #39b54a;
    --cs-text-color: #39b54a;
    --cs-icon-color: #39b54a;
}

button.pending,
span.terminate,
button.terminate,
span.wait,
button.wait {
    --cs-text-color: #7578c4;
    --cs-icon-color: #7578c4;
}

button.terminate,
button.wait {
    border-style: solid;
    border-width: 1px;
    border-color: var(--cs-text-color);
}

.icon-text.wait::after {
    content: '\E00E';
    animation: blink 1s infinite;
}

.icon-text.focus::after,
.icon-text.focus::before {
    animation: none;
}

.icon-text.terminate::before {
    content: '\E0C8';
}

/*
.icon-text.wait::after{
    content: '';
    background-image:url(../images/info-stroke-loop.svg);    
    background-position:center center;
    background-repeat:no-repeat;
    min-height: 2rem;
    min-width: 2rem;
    background-size: contain;
    margin-right: 1rem;    
    display: flex;    
}
*/
/*
button.send-form::before,
button.send-form>span{
    color: #39b54a;
}
*/
button.edit-form {
    --cs-text-color: #2c6aaa;
    --cs-icon-color: #2c6aaa;
}

/*
button.edit-form::before,
button.edit-form>span{
    color: #2c6aaa;
}
*/
button.focus,
button.edit-form:hover,
button.send-form:hover {
    border: none;
}

/*
li.locked::after{
    font-family: 'Icons';
    font-style: normal;       
    content: '\E048';
    align-self: center;
}
*/
.tr.locked>.td.f-index .row-label::before {
    font-family: 'Icons';
    font-style: normal;
    content: '\E048';
    margin-left: .5rem;
}

button.icon-text.next.right::after,
button.icon-text.next.left::before,
button.next::before,
button.indent-inc::before {
    content: '\E00E';
    margin-left: -.1rem;
}

button.prev::before,
button.indent-dec::before {
    content: '\E00D';
}

.icon>span {
    display: none;
}

button.icon-text::after {
    margin-left: 0.3em;
}

.list-group-item::before {
    content: '\E057';
    margin-right: 0.3em;
}

.icon-text::before {
    content: '\E057';
    margin-right: 0.3em;
}

button.icon-text.check::before {
    content: '\E08E';
}

button.explain {
    margin-left: 1rem;
}

button.explain::before {
    content: '\E0EA';
}

button.icon-text.check.checked::before {
    content: '\E08D';
}

.layout-term.link>span:last-child {
    display: block;
    align-self: center;
}

/*
.td.expandable>.label>button::before,
.th.expandable .layout-vertical>.icon::before,
.th.expand .layout-vertical.link>span:last-child::before,
.layout-term.link>span:last-child::before{    
    content: '\E07B';
}

.th.expand .layout-vertical.active>span:last-child::before,
.th.expandable.expanded .layout-vertical>.icon::before,
.td.expandable>.label>button.active::before,
.layout-term.active>span:last-child::before{    
    content: '\E07A';    
}
*/
button.calc::before {
    content: '\E074';
    color: #0c6f38;
}

button.route_person::before,
button.chapter_student::before {
    content: '\E014';
}

button.pdf::before {
    content: '\E075';
    color: #b50000;
}

button.calc:hover::before,
button.pdf:hover::before {
    color: white;
}

button.continue::before,
button.icon-text.right::before {
    display: none;
}

.form_field.f-group.icon-text button.icon-text.right::before {
    display: inherit;
}

a.icon-text:hover {
    background-color: #1a5b9c;
    color: white;
}

.popup-layer.layer-sidebar>div>.btn-toolbar>div>button.popup::after,
button.popup::after {
    content: '\E05B';
}


.popup-layer.tip > .wrapper > .ctrl > .toolbar > div >button.popup,
.popup-layer.form-request-status > .wrapper > .ctrl > .toolbar > div >button.popup,
.popup-layer.menu > .wrapper > .ctrl > .toolbar > div >button.popup{
    display: none;
}

.popup-layer>div>.btn-toolbar>div>button.popup::after {
    content: '\E109';
}

.popup-layer>div>.btn-toolbar>div>button.popup {
    display: none;
}

.popup-layer.layer-input_form_wrapper>div>.btn-toolbar>div>button.popup {
    display: flex;
    justify-content: center;
    align-items: center;
}

.layer.popup-layer.force-layout>div>.btn-toolbar>div>button.popup {
    display: none;
}

a.browse::after {
    content: '\E05B';
}

a.status::before {
    content: '\E07C';
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    margin-left: 0.3em;
}

a.status:hover::before {
    background-color: white;
    border-radius: 50%;
}

/*
table.invoice .form_field.f-display.t-status.status-0 a::before{
    color:#ff6600;
}
*/

a.browse.status::after {
    display: none;
}

.e-breadcrumb.c-template.btn.v-20::before,
.menu-vertical.pmv-e-breadcrumb.pmv-c-template>.icon-text.v-20::before,
button.sign::before {
    content: '\E063';
}

.e-breadcrumb.c-note.btn::before,
.menu-vertical.pmv-e-breadcrumb.pmv-c-note>.icon-text::before,
.e-breadcrumb.c-ticketout-person.btn::before,
.menu-vertical.pmv-e-breadcrumb.pmv-c-ticketout-person>.icon-text::before,
.e-breadcrumb.c-ticketout.btn::before,
.menu-vertical.pmv-e-breadcrumb.pmv-c-ticketout>.icon-text::before{
    content: '\E011';
}

button.promote::before {
    content: '\E073';
}

button.event::before {
    content: '\E111';
}

button.leave::before {
    content: '\E0A0';
}

button.comeback::before {
    content: '\E0A1';
}


button.permissions::before,
button.permit::before,
button.own-ticketout::before,
button.ticketout::before,
button.ownticketout::before {
    content: '\E0AA';
}

.icon-home::before,
.icon-text.home::before {
    content: '\E000';
}


.icon-graderequest::before,
button.grade_log::before,
.icon-text.graderequest::before {
    content: '\E001';
}

.icon-text.save::before {
    content: '\E002';
}

.dpanel button,
.tpanel button {
    border: 0.01rem solid rgba(0, 0, 0, 0.16);
    box-shadow: .2rem .2rem .2rem rgba(0, 0, 0, 0.1);
}

/*
.tpanel button.append::before,
.tpanel button.append>span,*/
button.download.ready::after,
button.download.ready::before,
button.views>span,
button.views::before,
button.views::after,
button.save::before,
button.save>span {
    color: white;
}

button.save:hover {
    background-color: #47bd2d;
}

.grid_wrapper.scheme-doc button.append {
    padding: .3rem .5rem .3rem .5rem;
}

.icon-text.new::before {
    content: '\E003';
}

button.reg::before {
    content: '\E04F';
}

button.fld::before {
    content: '\E10A';
}

.form_field.f-tokenize.t-field li.Token::before {
    content: '\E125';
}

button.change::before {
    content: '\E04B';
}

.icon-text.print::before {
    content: '\E005';
}

h2.icon-text::before {
    margin-right: 0.2em;
}

h2.icon-text {
    font-size: 1.6em;
}

.icon-text.enrollment_status.withdrawn::before {
    color: #a54ed1;
}

.icon-text.enrollment_status.not-approved::before {
    color: #f6584c;
}

.icon-text.enrollment_status.approved::before {
    color: #4a8bcc;
}

.icon-text.enrollment_status.enrolled::before {
    color: #39b54a;
}

.icon-text.enrollment_status.contract::before {
    color: #ffbb08;
}

.icon-text.approved::before,
.icon-text.success::before {
    content: '\E08D';
    color: #39b54a;
}

.token-row>.bullet::before {
    content: '\E096';
    color: #1a5b9c;
    margin: 0 .5rem;
    font-size: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form_field.bullet.field-feedback p::before,
.token-row>.bullet.field-feedback::before {
    content: '\E04C';
    color: rgba(0, 0, 0, 0.64);
    margin: 0 .5rem 0 .5rem;
    font-size: 1rem;
}

.lt>.token-row>.bullet::before {
    content: '\E030';
    color: #1a5b9c;
    margin: 0 .5rem 0 .5rem;
    font-size: 1rem;
}

.form_field.objective li.Token::before,
.message.approved::before,
.message.success::before {
    content: '\E096';
}

.message.happy::before {
    content: '\E112';
    color: black;
    background-color: #ffd101;
    max-height: 4rem;
    width: 4rem;
    border-radius: 50%;
    line-height: 1;
    margin-top: .5rem;
}

.message.happy {
    background-color: #f7f0de;
}

.icon-text.caution::before {
    content: '\E043';
    color: #d7583a;
}

h2.caution {
    color: #d7583a;
}

button.icon-text.input-checkbox.unchecked::before {
    content: '\E03A';
}

button.icon-text.input-checkbox.checked::before,
button.check-all::before {
    content: '\E034';
}

button.add-all::before {
    content: '\E0E1';
}

button.input_color.selected::before {
    content: '\E030';
    background-color: #1a5b9c;
    border-radius: 50%;
    border: 2px solid white;
}

button.email::before {
    content: '\E04E';
}

button.select-all::before {
    content: '\E034';
}

.message.warning::before {
    content: '\E046';
}

.bulk-action>span.error::before {
    content: '\E07E';
}

.message.rejected::before,
.message.error::before {
    content: '\E0E6';
}

.message.not-changes::before {
    content: '\E038';
    color: #5282b2;
}

.message.caution::before {
    content: '\E043';
}

.message.caution.invoice::before {
    content: '\E113';
}

.message::before {
    margin-right: 0.5rem;
    align-self: self-start;
}

button.log::before,
.message.info::before {
    content: '\E038';
    color: #4479b4;
}

.block_wrapper>.block-head>.block-title>.title::before {
    content: '\E038';
    width: 2rem;
    display: inline-flex;
    justify-content: center;
    font-weight: normal;
    align-items: center;
    height: 100%;
    color: var(--cs-own-text-color, var(--cs-icon-color));
    background-image: radial-gradient(at 50% 50%, color-mix(in oklab, var(--cs-own-text-color, var(--cs-icon-color)) 12%, var(--cs-bg-color)) 30%, transparent 70%, transparent);
}

.block_wrapper.t-checkbox>.block-head>.block-title>.title::before {
    display: none;
}

.block_wrapper.t-checkbox .block-title>.btn.expand{
    margin: 0;
}

.block_wrapper.t-checkbox .btn.expand::before {
    content: '\E0DE';
}

.block_wrapper.t-checkbox.collapsed .btn.expand::before {
    content: '\E0DD';
}

.block-head>.block-title>.title>span {
    display: flex;
    align-items: center;
}
/*
.light .block-head>.block-title>.title::before {
    color: var(--cs-own-text-color);        
}

.dark .block-head>.block-title>.title::before {
    background-color: var(--cs-own-text-color);
    color: white;
}
*/
.block-head.has-title>.block-title>*{
    margin: .25rem;
}

/*
.block-head>.block-title>.title{
    font-weight: bold;
}
*/
.block-head>.block-caption {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: .5rem 1rem;
    border-style: solid;
    border-width: .1rem;
    border-bottom: none;
    border-top: none;
    line-height: 1.6;
    font-size: .9em;
}

.block_wrapper.richtext .block-head>.block-caption {
    align-items: flex-start;
    flex-direction: column;
}

.block-head>.block-caption h2 {
    font-size: 100%;
}

.block-head>.block-caption ol {
    list-style: decimal;
}

.block-head>.block-caption ul {
    list-style: circle;
}

.block-head>.block-caption p {
    line-height: 1.6;
}

.block-head>.block-caption a {
    color: #1c5a9a;
}

.block-head>.block-caption a::before {
    content: '\E05B';
    color: #1c5a9a;
    margin-right: .2rem;
}

.block-head>.block-caption a:hover {
    text-decoration: underline;
    background-color: transparent;
    color: #1c5a9a;
}

.toggle-cell {
    cursor: pointer;
}

.toggle-cell::after {
    content: '\E061';
    background-color: rgba(0, 0, 0, 0.06);
    height: 1.6rem;
    width: 1.7rem;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-left: 1rem;
    border-radius: 50%;
    padding-top: .1rem;
}

.toggle-cell.expanded::after {
    content: '\E053';
    background-color: #1c5a9a;
    color: white;
    padding-top: 0;
    padding-bottom: .1rem;
}

.toggle-box>button.btn::after {
    content: '\E054';
    padding: .5rem;
    border-radius: 50%;
}

.table.minimized-head button.toggle-header::before,
button.expand::before {
    content: '\E054';
}

.expanded>div>button.toggle-expand::before,
button.vexpand::before {
    content: '\E07B';
}

button.toggle-expand::before,
button.vcollapse::before {
    content: '\E07A';
}

.grid_caption>button.expand::before {
    content: '\E05C';
    opacity: 0.64;
}

button.summary::before {
    content: '\E049';
}

.grid_wrapper:not(.collapsed)>.grid_head button.expand::before {
    content: '\E084';
}

.toggle-box.expanded>button.btn::after {
    content: '\E053';
    color: white;
}

button.toggle-header::before,
.tr.expanded>.td.f-opt button.expand::before {
    content: '\E053';
}

button.v-all::before,
button.all::before,
button.service-demand-log::before,
button.list::before {
    content: '\E04A';
}

button.logs::before,
button.v-log::before {
    content: '\E136';
}

button.v-main::before {
    content: '\E133';
}

button.unselect-all::before {
    content: '\E059';
}


button.goto.first::before {
    content: '\E025';
}

button.goto.last::before {
    content: '\E026';
}

.input-visibility {
    cursor: pointer;
}

.message.icon-text.help::before {
    font-size: 2em;
    color: #1a5b9c;
}

button.own-student::before,
.icon-about-me::before,
button.about-me::before {
    content: '\E03C';
}

.icon-password-change::before,
button.security::before {
    content: '\E03D';
}

button.password-change::before {
    content: '\E04B';
}

.icon-theme-settings::before,
button.theme-settings::before {
    content: '\E067';
}

button.col-details::before {
    content: '\E0BC';
}

.input-icon.username::before {
    content: '\E03C';
    color: #1a5b9c;
}

button.sandboxauth::before,
button.mfa::before,
button.token::before {
    content: '\E05A';
}

button.prehistory::before {
    content: '\E0A4';
}

.input-icon.password::before {
    content: '\E05A';
}

.input-icon.email::before {
    content: '\E04E';
}

button.show-column::before,
.input-visibility::before {
    content: '\E045';
}

.input-visibility::before {
    font-size: 24px;
}

table.grid_cols>tbody>tr>td>button.dnd:not(.visible)::before{
    content: '\E0DD';
}

table.grid_cols>tbody>tr>td>button.dnd.visible::before{
    content: '\E0DE';    
}

table.grid_cols>tbody>tr>td>button.dnd.visible.pinned::before{
    content: '\E0EB'; 
}

button.hide-column::before,
.input-visibility.show::before {
    content: '\E044';
}

.btn.advanced::before {
    content: '\E00E';
    display: flex;
    align-items: center;    
}

.export::before,
.icon-download::before,
.icon-text.download::before {
    content: '\E006';
}

label.input-file::before {
    content: '\E033';
    font-family: 'Icons';
    font-size: 20px;
}

.icon-text.attachment::before {
    content: '\E033';
}

.icon-text.import::before {
    content: '\E095';
}

button.recycle::before {
    content: '\E068';
}

.bulk-action>span.delete::before,
button.bulk-reset::before,
.icon-remove::before,
button.remove::before {
    content: '\E007';
}

button.focus.remove::before {
    content: '\E07E';
}

button.unlock::before {
    content: '\E047';
}

button.lock::before {
    content: '\E048';
}

.light button.btn.remove:hover:not(:disabled):not(.part):hover,
.btn.icon.remove.shortcut:hover,
button.remove.focus,
button.remove:hover {
    --cs-bg-color: #dd4726;
    --cs-hover-bg-color: #dd4726;
}

TR.locked>td.f-opt button.remove {
    display: none;
}

button.view::before {
    content: '\E008';
}

button.cv::before {
    content: '\E076';
}

button.invoice::before {
    content: '\E070';
}

button.payment1::before {
    content: '\E071';
}

button.menu::before {
    content: '\E009';
}

button.menu-has-log::before {
    content: '\E0AB';
    display: inline-flex;
    transform: translateX(0.25em);
}

button.menu-has-log::after {
    content: '\E038';
    font-size: 0.8em;
    transform: translate(-0.2em, -0.75em);
    display: inline-flex;
    float: none;
}

button.menu-has-log.focus::after:hover button.menu-has-log::after:hover {
    color: white;
}

/*
button.app-menu.compact::before {    
    content: '\E00A';
}

.top-bar-brand button.app-menu::before {
    content: '\E00A';
}

.top-bar-brand button.app-menu.compact::before {    
    content: '\E009';
}
*/

.top-bar-brand button.app-menu {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-width: 3.5rem;
    padding-left: 1.2rem;
}

.top-bar-brand button.app-menu.compact {
    justify-content: center;
    padding-left: 0;
}
/*
.top-bar-brand button.app-menu>img {
    margin-left: 1.6rem;
}

.app-header.dark img.logo-main {
    filter: grayscale(1) brightness(10);
}
*/
.icon-section_student::before,
button.term::before,
button.period::before,
button.report::before {
    content: '\E00B';
}

button.backup::before {
    content: '\E091';
}

.popup-label.input_header>.label-col>span{
    margin:2px;
}

.popup-label.input_header>.label-col>span:last-child{
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 3rem);
}

.popup-label.input_header>.label-col>span:first-child::before{
    width: 2rem;
    display: inline-flex;
    justify-content: center;
    background-color: #f4e2fd;
    border-radius: 5px;
    margin: 0;
    border: 1px solid #e4d2ed;
}

.e-breadcrumb.c-template.btn::before,
.menu-vertical.pmv-e-breadcrumb.pmv-c-template>.icon-text::before,
button.document::before,
button.cert::before {
    content: '\E064';
}

.e-breadcrumb.c-template.btn.v-30::before,
.menu-vertical.pmv-e-breadcrumb.pmv-c-template>.icon-text.v-30::before,
button.carpass::before,
button.idcard::before {
    content: '\E0AD';
}

.icon-objective::before,
.icon-objective_period_student::before,
button.objective::before {
    content: '\E020';
}

button.accept::before {
    content: '\E030';
}

button.indicator_course::before,
button.indicator::before {
    content: '\E06D';
}

h2.attachment::before,
button.attachment::before {
    content: '\E040';
}

button.icon.comments {
    min-height: 2rem;
    width: 100%;
    border-radius: 0;
}

button.icon.comments::before {
    content: '\E06A';
    opacity: 0.5;
}

button.icon.comments.not-empty::before {
    content: '\E06C';
    opacity: 1;
}

.icon-activity_objective_student::before,
.icon-activity_student::before,
button.activity::before,
button.activity_category::before,
button.task::before,
button.requirement_person::before {
    content: '\E058';
}

button.resource::before {
    content: '\E12A';
}

button.pqrs_reply::before {
    content: '\E0A7';
}

button.area::before {
    content: '\E091';
}

button.enlistment::before {
    content: '\E0FF';
}

button.admission-test::before,
button.candidate::before {
    content: '\E100';
}

button.appointment::before {
    content: '\E094';
}

button.employment::before {
    content: '\E0BF';
}

button.enrollment::before {
    content: '\E0BF';
}

button.route::before,
button.place::before {
    content: '\E042';
}

button.student_car::before {
    content: '\E090';
}

button.group_student::before,
button.course_student::before,
button.student_driver::before,
button.sibling::before {
    content: '\E011';
}

.doc-block-user .block-head>.block-title>.title::before,
button.visitor::before,
button.user::before {
    content: '\E03C';
}

button.service-request:before {
    content: '\E051';
}

button.delivered::before {
    content: '\E09D';
}

button.ticketout-person::before,
button.ticketout::before {
    content: '\E0AA';
}

button.course_teacher::before {
    content: '\E03B';
}

button.passport::before {
    content: '\E03D';
}

/*.block-head > .title::before,*/
button.contact::before {
    content: '\E03E';
}

button.level::before {
    content: '\E128';
}

.enroll.tree::before {
    content: '\E10E';
}

.doc-block-passport .block-head>.block-title>.title::before {
    content: '\E03D';
}

.doc-block-attach .block-head>.block-title>.title::before {
    content: '\E09C';
}

.doc-block-comment .block-head>.block-title>.title::before {
    content: '\E04C';
}


button.family_member::before,
button.relationship::before {
    content: '\E03F';
}

.icon-formula::before,
button.formula::before {
    content: '\E01E';
}

.form_field.timelapse li.Token::before {
    content: '\E015';
}

.icon-planning::before,
button.planning::before {
    content: '\E0A2';
}

/*
button.log{
    cursor: help;
}
*/
a.log::before,
button.log::before {
    content: '\E038';
}

.icon-topic::before,
button.topic::before {
    content: '\E0C9';
}

button.individual::before {
    content: '\E0B3';
}

button.individual_subject::before {
    content: '\E0C2';
}

.icon-gradebook::before,
button.scale_level::before,
button.activity_student::before,
button.evaluation::before,
button.gradebook::before {
    content: '\E018';
}

button.prgrss::before,
button.middlereport::before,
.icon-progressreport::before,
button.progressreport::before {
    content: '\E019';
}

.icon-note::before,
button.note::before {
    content: '\E012';
}

.icon-student::before,
.icon-people::before,
button.family_candidate::before,
button.employee::before,
button.roles::before,
button.people::before,
button.icon-text.person::before,
button.students::before,
button.student::before {
    content: '\E011';
}

button.polish::before {
    content: '\E11F';
}

button.elaborate::before {
    content: '\E120';
}

button.shorten::before {
    content: '\E121';
}

button.history::before {
    content: '\E017';
}

button.config::before {
    content: '\E01B';
}

button.settings::before {
    content: '\E0BA';
}

.btn-toolbar button.settings>span {
    display: none;
}

button.details::before {
    content: '\E008';
}

.icon-attendance::before,
button.attendance::before {
    content: '\E08F';
}

button.market::before,
button.payment2::before,
button.store::before {
    content: '\E0E9';
}

button.pqrs::before {
    content: '\E0A6';
}

button.comm::before,
button.messenger::before {
    content: '\E04C';
}

button.project::before {
    content: '\E022';
}

button.pending::before,
button.wait::before,
.icon-schedule::before,
button.schedule::before {
    content: '\E023';
}

.icon-logout::before,
button.logout::before {
    content: '\E027';
}

button.clear,
button.dark.logout {
    background-color: #e3492f;
    color: white;
}

button.dark.logout::before {
    color: white;
    background-color: #d3391f;
}

button.clear:hover,
button.logout:hover {
    background-color: #d24726;
}

.icon-help::before,
button.global-help::before {
    content: '\E024';
}

button.teacher::before {
    content: '\E010';
}

button.week::before {
    content: '\E0EC';
}

button.daily::before,
button.day::before {
    content: '\E0ED';
}

button.monthly::before,
button.month::before {
    content: '\E0EE';
}

button.yearly::before,
.icon-calendar::before,
.icon-course_student::before,
button.schedule_day::before,
button.academicyear::before,
button.calendar::before {
    content: '\E016';
}
/*
.chart-block > .title > span::before {
    content: '\E013';
}
*/
.icon-course::before,
button.course::before {
    content: '\E013';
}

.form_field.f-tokenize.field-course ul>li.Token::before,
.icon-group::before,
.icon-group_id::before,
button.group::before {
    content: '\E013';
}


.more::before {
    content: '\E02C';
}

.more.right::after {
    content: '\E02C';
}

button.mail.status-0::before {
    content: '\E023';
}

.bulk-action>span.insert::before,
button.mail.status-1::before {
    content: '\E096';
}

button.mail.status-2::before {
    content: '\E046';
}

button.menu-collapsed::after {
    content: '\E02B';
}

a.append::before,
button.append::before {
    content: '\E05C';
}

.icon-school::before,
button.school::before {
    content: '\E0B4';
}

button.checkpoint::before {
    content: '\E098';
}

button.system::before,
.icon-system::before {
    content: '\E137';
}

div.input_options>button {
    border-radius: 0;
}

div.input_options>button:hover {
    background-color: #1a5b9c;
}

button.find::before,
button.search::before {
    content: '\E029';
}

button.clear::before {
    content: '\E02A';
}

button.clean-filter {
    display: none;
}

button.clean-filter.active {
    background-color: rgb(246, 128, 116);
    display: inline-block;
}

button.clean-filter::before {
    content: '\E039';
}

.icon-text.rmfilter::before,
.icon-rmfilter::before,
button.clean-filter-all::before {
    content: '\E039';
}

button.sort.asc::before {
    content: '\E12D';
}

button.sort.desc::before {
    content: '\E12C';
}

button.close::before {
    content: '\E02A';
}

a.delete::before,
button.delete::before {
    content: '\E072';
}

.form_field.f-tokenize.selectable .input_tokenize>div>div>ul>li>.tokenize-options>button.delete::before,
button.choose::before {
    content: '\E061';
}

.input_tokenize.t-select>div>div>ul>li>.tokenize-options>button {
    border-radius: 1rem;
    font-size: 1rem;
}

.form_field.readonly .input_tokenize.t-select>div>div>ul>li>.tokenize-options {
    display: none;
}

.form_field.f-tokenize.t-select.focus button.icon {
    background-color: var(--cs-hover-bg-color);
    color: var(--cs-hover-text-color);
    opacity: 1;
}

.form_field.f-tokenize.t-select.focus button.icon::before {
    color: var(--cs-hover-text-color);
}

.form_field.f-tokenize.t-select.focus.up button.icon::before {
    content: '\E062';
    margin: 0;
}

a.delete:hover::before,
button.delete:hover::before {
    content: '\E05F';
}

a.icon.delete.focus,
button.icon.delete.focus,
a.delete:hover,
button.delete:hover {
    background-color: #D24726;
}

button.unselect::before,
button.cancel::before {
    content: '\E004';
}

button.selection::before {
    content: '\E0E1';
}

button.unselect {
    order: 99;
}

/*
.popup-layer.layer-sidebar > div.wrapper > div.ctrl button.close::before{
    
}
*/
button.back::before {
    content: '\E00D';
}

button.images::before {
    content: '\E0A8';
}

button.data::before {
    content: '\E0A9';
}

button.dnd {
    width: 100%;
    border-radius: 0;
}

button.dnd.active {
    color: rgba(0, 0, 0, 0.8);
}

button.dnd.active:hover {
    color: white;
}

button.dnd::before {
    content: '\E032';
}

/*
.table.grid_cols button::before{
  content: '\E0DD';
  font-size: .8rem;
  opacity: 1;
}

.table.grid_cols button.visible::before {
  content: '\E0EB';
}

.table.grid_cols button.visible:not(:hover)::before {
    color: #1c5a9a;
}
*/
button.cr-capture-cam::before {
    content: '\E035';
}

button.cr-rotate-l::before {
    content: '\E036';
}

button.cr-rotate-r::before {
    content: '\E037';
}


button.cr-trash::before {
    content: '\E007';
}

button.dnd.selected::after {
    content: '\E030';
}

button.apply::after {
    content: '\E00E';
}

.popup-menu-bottom.choose-one button::after,
button.finish::after,
button.continue.ready::after,
button.g-recaptcha::after,
button.continue:not(.logout)::after {
    content: '\E00E';
}

h2.continue::before {
    content: '\E00E';
}

button.submit.g-recaptcha:disabled::after {
    content: '\E060';
    background-image: url(../images/rolling_rev.svg);
    background-repeat: no-repeat;
}

button.continue.working::after {
    line-height: 1rem;
    background-size: 1rem;
    background-position: 0 0;
    background-image: url(../images/rolling.svg);
    background-repeat: no-repeat;
    min-height: 1rem;
    filter: grayscale(1) brightness(10);
    min-width: 1rem;
    content: '';
}

button.icon-text.add::before,
button.icon-text.append.focus::before {
    content: '\E09F';
    float: none;
}

.has-child>.menu-link::after,
button.icon-text.tree::after {
    content: '\E00E';
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
}

a.icon.delete.beeper.focus::before {
    content: '\E05F';
}

button.icon-text.tree.focus::after {
    content: '\E00D';
    margin-left: 0;
}

.table.minimized-head .th.form_field.col-index button.index-col::after,
button.menu-col::after {
    content: '\E02B';
}

button.picker::after,
button.dropdown::after {
    content: '\E061';
    opacity: 0.5;
    margin-right: .2em;
    margin-left: .3em;
    float: right;
}

.form_field.readonly button.dropdown::after,
button.dropdown:disabled::after {
    content: '';
}

.icon-text.input-group {
    min-height: 2rem;
    cursor: pointer;
    max-width: 100%;
    flex-wrap: nowrap;
    padding-right: 0;
}

.icon-text.input-group>span:last-child {
    flex-grow: 1;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    max-width: calc(100% - 1rem);
    overflow: hidden;
}

.form_field.doc.f-group.multi-line .icon-text.input-group>span {
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
}

.form_field.doc.f-group.multi-line .icon-text.input-group {
    padding: .5em;
}

.form_field.doc.f-group.multi-line .icon-text.input-group>span>.fieldset-caption>span {
    white-space: wrap;
}

.form_field.doc.f-group.multi-line .icon-text.input-group>span>.fieldset-caption {
    margin-bottom: .5rem;
}

.icon-text.input-group::after {
    content: '\E02B';
    opacity: 0.5;
    margin-left: 0;
}

button.dropdown.focus::after {
    content: '\E062';
}

.playback>button.dropdown:not(:disabled)::after,
.app-header>.top-bar button.dropdown:not(:disabled)::after {
    border-radius: 1rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.playback>button.dropdown:disabled{
    justify-content: center;
}

.playback>button.dropdown:not(.focus)::after,
.app-header>.top-bar button.dropdown:not(.focus)::after {
    background-color: rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.16);
    opacity: 1;
}

.playback>button.dropdown.focus::after,
.app-header>.top-bar button.dropdown.focus::after {
    background-color: rgba(0, 0, 0, 0.16);
    border: 1px solid rgba(0, 0, 0, 0.24);
    opacity: 1;
}

.icon-text.role-substitute::before,
.icon-text.role-accounting::before,
.icon-text.role-admin::before,
.icon-text.role-admissions::before,
.icon-text.role-auditor::before,
.icon-text.role-bus::before,
.icon-text.role-teacher::before,
.icon-text.role-candidate::before,
.icon-text.role-checkpoint::before,
.icon-text.role-coexistence::before,
.icon-text.role-coordinator::before,
.icon-text.role-directory::before,
.icon-text.role-foodline::before,
.icon-text.role-hr::before,
.icon-text.role-nurse::before,
.icon-text.role-restaurant::before,
.icon-text.role-secretary::before,
.icon-text.role-staff::before,
.icon-text.role-transport::before,
.icon-text.role-welfare::before,
button.employee_role::before,
button.role::before {
    content: '\E0C0';
}

button.list-group-item.share:not(.link)::before {
    content: '\E07C';
    background-color: white;
    border-radius: 50%;
    height: 1rem;
    display: flex;
    align-items: center;
}

button.list-group-item.share.link::before {
    content: '\E101';
    font-size: 1.5rem;
}

button.list-group-item.share.link.done::after {
    content: '\E08D';
    color: #39b54a;
}

button.share::before {
    content: '\E097';
}

button.list-item-action.share::before {
    content: '\E011';
}

button.wizard::before,
button.actions::before {
    content: '\E11F';
}

button.wizard {
    border-radius: 2rem 0 0 2rem;
    font-size: 1.3rem;
}

.next-level::before,
button.sudo::before {
    content: '\E041';
}

button.option::before {
    content: '';
}

button.filtering::after {
    content: '\E02D';
}

button.menu-col.filtering::after {
    content: '\E02D \E02B';
}

button.menu-col.asc::after {
    content: '\E02F \E02B';
}

button.menu-col.desc::after {
    content: '\E02E \E02B';
}

button.menu-col.filtering.asc::after {
    content: '\E02F \E02D \E02B';
}

button.menu-col.filtering.desc::after {
    content: '\E02E \E02D \E02B';
}

div.grid-popup-row-menu>button {
    min-width: 160px;
}

/*
 * BEGIN PATCH
 */
icon.unselect-all,
.icon.select-all,
.icon.close,
.icon.clear,
.icon.search,
.icon.report,
.icon.menu,
.icon.view {
    background-image: none !important;
}

/*
 * END PATCH
 */
ul.button-list>li>button {
    width: 100%;
    border-radius: 0;
}

div.popup-menu-bottom button {
    border: 1px solid rgba(0, 0, 0, 0.16);    
    height: 100%;
}

/*
div.popup-menu-bottom button:not(.continue):not(:hover){
    background-color: rgba(0,0,0,0.08);
}
*/
.bulk-action>span::before {
    margin-right: .2rem;
    color: var(--cs-icon-color);
    content: '\E030';
}

.bulk-action>.update::before,
button.self_enrollment::before,
button.updater::before {
    content: '\E04B';
}

/*
div.confirm-wrapper.delete>div:first-child::before{
    content: '\E007';
    font-size: 2.5rem;
    float: left;
    color: #f6584c;
    margin-right: 0.5rem;
}
*/
div.alert-wrapper>div:first-child,
div.confirm-wrapper>div:first-child {
    min-height: 4.5rem;
    display: flex;
    align-items: center;
}

div.confirm-wrapper.send>div:first-child::before {
    background-image: url(../images/send.svg);
}

div.confirm-wrapper.delete>div:first-child::before {
    background-image: url(../images/trash-stroke-loop.svg);
}

div.confirm-wrapper.wizard>div:first-child::before {
    background-image: url(../images/ai-stroke-loop.svg);
}

div.alert-wrapper.wizard>div:first-child::before {
    background-image: url(../images/bouncing.svg);
}


div.card.wizard button.continue {
    --cs-bg-color: #880088;
}


li.Token.dattach::before,
li.Token.attachment::before {
    content: '\E09C';
    margin-right: .3rem;
}

li.Token.contract::before {
    content: '\E023';
    margin-right: .3rem;
}

li.Token.contract.status-100::before,
li.Token.attachment::before {
    content: '\E09C';
}
/*
.form_field.file li.Token.contract.status-80{
    --cs-bg-color:#d24726;
}
*/
.form_field.file li.Token {
    --cs-emphasis-bg-color: #ffa500;
    --cs-bg-color: #ffa500;
}

.form_field.file li.Token.status-110 {
    --cs-emphasis-bg-color: #0da95d;
    --cs-bg-color: #0da95d;
    --cs-link-color: color-mix(in oklab, var(--cs-bg-color) 70%, var(--cs-text-color-mix));
    --cs-link-hover-color: color-mix(in oklab, var(--cs-bg-color) 60%, var(--cs-text-color-mix));
}

.form_field.file li.Token.status-110::before {
    content: '\E09C';
}

.form_field.file li.Token.status-120 {
    --cs-emphasis-bg-color: rgb(227, 105, 95);
    --cs-bg-color: rgb(227, 105, 95);
    --cs-link-color: color-mix(in oklab, var(--cs-bg-color) 70%, var(--cs-text-color-mix));
    --cs-link-hover-color: color-mix(in oklab, var(--cs-bg-color) 60%, var(--cs-text-color-mix));
}

.form_field.file li.Token.status-120::before {
    content: '\E09C';
}

li.Token.signing {
    --cs-emphasis-bg-color: #3c7aba;
    --cs-bg-color: #3c7aba;
    --cs-link-color: color-mix(in oklab, var(--cs-bg-color) 70%, var(--cs-text-color-mix));
    --cs-link-hover-color: color-mix(in oklab, var(--cs-bg-color) 60%, var(--cs-text-color-mix));

}

li.Token.signing::before {
    content: '\E063';
    margin-right: .3rem;
}

.field-at125 li.Token::before,
.field-at65 li.Token::before {
    content: '\E09B';
}

/*
span.field-neighborhood::before{
    content: '\E01C';
}
*/
.form_field.f-tokenize.field-self_contract_place li.Token span.field-desc::before {
    content: '\E09B';
}

button.personcovid::before {
    content: '\E0A5';
}

button.vertical.right {
    flex-direction: column-reverse;
    display: flex;
}

button.vertical>span {
    font-size: 0.8em;
}


#body-button-role button.accounting::before,
#body-button-role button.admin::before,
#body-button-role button.admissions::before,
#body-button-role button.auditor::before,
#body-button-role button.bus::before,
#body-button-role button.candidate::before,
#body-button-role button.checkpoint::before,
#body-button-role button.coexistence::before,
#body-button-role button.coordinator::before,
#body-button-role button.directory::before,
#body-button-role button.foodline::before,
#body-button-role button.guardian::before,
#body-button-role button.hr::before,
#body-button-role button.nurse::before,
#body-button-role button.restaurant::before,
#body-button-role button.secretary::before,
#body-button-role button.staff::before,
#body-button-role button.student::before,
#body-button-role button.teacher::before,
#body-button-role button.transport::before,
#body-button-role button.welfare::before {
    content: '\E066';
}

button.directory::before {
    content: '\E0F2';
}

.context-course>button::before {
    display: none;
}

.context-course>button>span {
    display: flex;
}

button.scale::before {
    content: '\E077';
}

button.schoolweek::before {
    content: '\E0AF';
}

button.program::before {
    content: '\E0B0';
}

body.home-teacher .chart-block>.top>.title::before,
button.subject::before {
    content: '\E0B1';
}

button.admission::before {
    content: '\E0B2';
}

button.guardian::before {
    content: '\E135';
}

button.risk::before {
    content: '\E134';
}

.doc-block-service_person>.block-head>.block-title>.title::before,
button.service_demand::before,
button.contract::before,
button.service-demand::before,
button.service::before {
    content: '\E0B5';
}

button.purchase::before,
button.service-person::before,
button.service_person::before {
    content: '\E0B6';
}

button.service_request::before {
    content: '\E0B7';
}

button.payment::before {
    content: '\E0BD';
}

button.move-right::before {
    content: '\E00E';
}

button.move-left::before {
    content: '\E00D';
}

button.move-up::before {
    content: '\E062';
}

button.move-down::before {
    content: '\E061';
}

.btn.icon-text.inline {
    flex-direction: row;
}

.btn.icon-text.inline.capsule {
    border-radius: 1.5rem;
}

.sidebar-header>div {
    height: 100%;
}

.top-bar.ctrl button,
.popup-layer.layer-sidebar>.wrapper>.ctrl button,
.sidebar-header button {
    height: 100%;
    border-radius: 0;    
}

.sidebar-header button.back::before {
    content: '\E0C7';
}

button.checkbox::before {
    content: '\E0DD';
}

button.checkbox.checked::before {
    content: '\E0EB';
    color: #137af3;
}

button.checkbox.checked.focus::before,
button.checkbox.checked:hover::before {
    color: white;
}

button.row-label::before {
    content: '\E0DD';
    margin-left: .5rem;
    font-size: .8rem;
    opacity: 0.3;
}

.tr.error>.f-index button.row-label::before {
    content: '\E043';
    color: #dd4b39;
    opacity: 1;
}

.highlight>.form_field.f-index button.row-label::before,
.table.select-all>.tbody>.tr:not(.highlight)>.form_field.f-index button.row-label::before,
.table:not(.select-all)>.tbody>.tr.highlight>.form_field.f-index button.row-label::before {
    content: '\E0EB';
    opacity: 1;
}

.td.form_field.f-index button.menu {
    min-width: 1.5rem;
    width: 1.5rem;
    padding: 0;
}

button.selected-items {
    border: 0.1rem solid rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.05) inset;
    display: none;
}

button.selected-items::before {
    content: '\E0DF';
}

button.selected-items>span>span:last-child {
    background-color: #ffbb08;
    color: white;
    padding: .3rem .5rem;
    margin-left: .3rem;
    border-radius: 1rem;
    min-width: 2rem;
    display: inline-flex;
    justify-content: center;
}

button.btn.show {
    display: inherit;
}

button.toggle-check-all::before {
    content: '\E0DD';
    opacity: .3;
}

button.toggle-check-all.active::before {
    content: '\E0DE';
    opacity: 1;
}

button.toggle-check-all {
    padding: 0;
    border-radius: 0;
}

button.select-page::before {
    content: '\E0E0';
}

button.select-page-all::before {
    content: '\E0E1';
}

button.template::before {
    content: '\E0E2';
}

button.approve::before {
    content: '\E0E4';
}

button.decline::before {
    content: '\E0E3';
}

button.lang::before {
    content: '\E0E5';
}

button.settings {
    order: 100;
}
/*
button.term.seq2::before {
    transform: rotate(90deg);
}

button.term.seq3::before {
    transform: rotate(180deg);
}

button.term.seq4::before {
    transform: rotate(270deg);
}
*/
button.bulk::before {
    content: '\E0EF';
}

.message.bulk::before {
    content: '\E0EF';
    color: #1c5a9a;
}

button.birthday::before {
    content: '\E0F1';
}

button.medical::before {
    content: '\E0E8';
}

button.request::before {
    content: '\E051';
}

button.inventory::before {
    content: '\E10A';
}

button.product::before,
button.inventory-item::before {
    content: '\E10B';
}

button.checklistreport::before {
    content: '\E0B2';
}

.icon-text.status::before {
    content: '\E10C';
}


button.compass::before {
    content: '\E114';
    font-size: 1rem;
}

button.restore::before {
    content: '\E036';
}

button.sms::before {
    content: '\E116';
}

.lt>.token-row>.bullet.customized::before {
    content: '\E03C';
    color: #5653cf;
}

.form_field.t-status.rcc.status-3 button.status {
    --cs-icon-color: #5442c7;
}

.form_field.t-status.rcc.status-2 button.status {
    --cs-icon-color: #fa784c;
}

.form_field.t-status.rcc.status-1 button.status {
    --cs-icon-color: #4bbb2d;
}

.form_field.t-status.rcc.status-0 button.status {
    --cs-icon-color: #5442c7;
}

.form_field.t-status.rcc.status-3 button.status::before {
    content: '\E048';
}

.form_field.t-status.rcc.status-2 button.status::before {
    content: '\E052';
}

.form_field.t-status.rcc.status-1 button.status::before {
    content: '\E08D';
}

.form_field.t-status.rcc.status-0 button.status::before {
    content: '\E080';
}

.form_field.f-group.d-relationship.principal-1 span.fieldset-caption::before {
    content: '\E0B3';
    margin-right: .3em;
    font-size: 1rem;
}

.form_field.f-group.d-relationship.payment-1  span.fieldset-caption>span:first-child::before {
    content: '\E0C5';
    margin-right: .3em;
    font-size: 1rem;
}

.form_field.f-group.d-relationship.principal-1:not(.focus):not(:hover) span.fieldset-caption::before {
    color: #3a7bbc;
}

.form_field.f-group.d-relationship.payment-1:not(.focus):not(:hover) span.fieldset-caption>span:first-child::before {
    color: #f48225;
}

.lt>.token-row>.bullet.field-activity_id::before {
    content: '\E058';
    color: rgba(0, 0, 0, .64);
}

.token-form>span.token-row>span.bullet.field-objective_id,
.token-form>span.token-row>span.bullet.field-activity_category_id {
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.04);
    padding: 1rem 0;
}


.form_field.f-tokenize.lt.field-objective_period_student>div>div>div>ul>li.Token,
.form_field.f-tokenize.lt.field-activity_category_student>div>div>div>ul>li.Token {
    margin: 1rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.24);
    border-left: 1px solid rgba(0, 0, 0, 0.24);
}

.form_field.f-text.total.field-formula_display>label,
.form_field.f-text.total.field-formula_display {
    border: none;
}

.dark,
.dark .btn.color>span,
.dark .btn.color::before {
    color: white;
}

.btn.search {
    display: none;
}

.has-global-search .btn.search {
    display: initial;
}

.views {
    --cs-bg-color: var(--cs-emphasis-bg-color);
    --cs-hover-bg-color: color-mix(in srgb, var(--cs-emphasis-bg-color) 84%, black);
}
/*
.block_wrapper.has-caption.icon-block>.block-head>.caption::before {
    content: '\E0B5';
    color: #1c5a9a;
    margin-right: 1rem;
    font-size: 4rem;
}

.block_wrapper.doc-block-100>.block-head>.caption,
.block_wrapper.doc-block-100>.block-head>.block-title>.title {
    background-color: #d2fefc;
}

.block_wrapper.has-caption.icon-block.icon-tickets>.block-head>.caption::before {
    content: '\E111';
    color: #337595;
}

.block_wrapper.has-caption.icon-block.icon-clothes>.block-head>.caption::before {
    content: '\E11E';
    color: #337595;
}

.block_wrapper.has-caption.icon-block.icon-extra-activities>.block-head>.caption::before {
    content: '\E0DB';
    color: orange;
}

.block_wrapper.has-caption.icon-block.icon-extra-bus>.block-head>.caption::before {
    content: '\E0F6';
    color: orange;
}

.block_wrapper.doc-block-101>.block-head>.caption,
.block_wrapper.doc-block-101>.block-head>.block-title>.title {
    background-color: #ccfdb6;
}

.block_wrapper.has-caption.icon-block.doc-block-101>.block-head>.caption::before {
    content: '\E09D';
    color: #66b648;
}

.block_wrapper.doc-block-102>.block-head>.caption,
.block_wrapper.doc-block-102>.block-head>.block-title>.title {
    background-color: #eec5e2;
}

.block_wrapper.has-caption.icon-block.doc-block-102>.block-head>.caption::before {
    content: '\E0BD';
    color: #8b3878;
}
*/
.form_field.f-tokenize.field-vehicle li.Token::before,
button.vehicle::before {
    content: '\E090';
}

.form_field.doc.f-tokenize.t-place li.Token::before {
    content: '\E09A';
}

button.icon-text.input-group>span>span.fieldset-caption:not(.empty)::before {
    margin-right: .2rem;
}

.fieldset-caption.t-phone:not(.empty)::before,
.form_field.doc.f-tokenize.t-phone li.Token::before {
    content: '\E03E';
}

.fieldset-caption.t-email:not(.empty)::before,
.form_field.doc.f-tokenize.t-email li.Token::before {
    content: '\E04E';
}

button.v-extra::before,
button.extra::before {
    content: '\E0DB';
}

button.supplier::before {
    content: '\E10A';
}

button.billing::before {
    content: '\E070';
}

/*
.td.form_field.f-display.has-color.align-left.field-type.d-enrollment button::before{
    content: '\E0BD';
}*/

.field-status.d-message.status-0 button.btn.icon-text::before {
    content: '\E023';
}

.field-status.d-message.status-20 button.btn.icon-text::before {
    content: '\E096';
}

button.btn.icon-text.working::before {
    background-image: url(../images/rolling.svg);
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 1;
    background-size: 2.6rem;
}

button.btn.icon-text.working.active,
button.btn.icon-text.working:hover::before {
    background-image: url(../images/rolling_rev.svg);
}

.form_field.doc.field-sent button.btn::before {
    content: '\E0F4';
    margin-right: .3rem;
}

.form_field.doc.field-seen button.btn::before {
    content: '\E04D';
    margin-right: .3rem;
}

button.button-grid-settings.person::before {
    content: '\E0C0';
}

button.renew::before {
    content: '\E04B';
}

.form_field.doc.field-queue button.btn::before {
    content: '\E10C';
    margin-right: .3rem;
}


.menu-vertical>.remove.focus {
    background-color: #f3593f;
}

.menu-vertical>.remove:not(.focus):not(:hover) span {
    --cs-text-color: #d3391f;
}

.menu-vertical>.remove:not(.focus):not(:hover)::before {
    background-color: rgba(227, 73, 47, .2);
    --cs-icon-color: #d3391f;
}

.btn.views {
    background-color: var(--cs-emphasis-bg-color);
}

.form_field.doc.f-url button.link>span::before {
    content: '\E129';
    margin-right: .3rem;
}

.form_field.doc.f-url button.link>span {
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-height: 2.25rem;
    line-height: 2.25rem;
    max-width: 100%;
}

button.cookie::before {
    content: '\E130';
}

button.rm:hover {
    --cs-hover-bg-color: #e3492f;
}

button.trip::before {
    content: '\E042';
}

.form_field.f-tokenize.field-device li.Token::before {
    content: '\E138';
}

.form_field.f-tokenize.field-device li.Token.type-3::before {
    content: '\E116';
}

.form_field.f-tokenize.field-device li.Token.type-2::before {
    content: '\E139';
}

.form_field.f-tokenize.field-device li.Token.type-6::before {
    content: '\E005';
}

.grid-popup-row-menu>button.icon-text.inline-row.logout {
    order: 99;
    margin: 0;
    border-radius: 0;
    padding: .25rem .5rem;    
}

.top-bar-shortcut> button{
    border-radius: 1rem;
    width: 2rem;
    height: 2rem;
    justify-content: center;
    align-items: center;
    display: flex;
    margin: 0 .5rem;
}

.input-card-options>button:not(:hover),
.input-card-options>button.browse:not(:hover),
.top-bar-search>.btn:not(:hover),
.top-bar-shortcut> button:not(:hover){
    background-color: rgba(0,0,0,0.06);
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.06) inset;
}

.app-header button.logout {
    height:100%;
}
/*
button.has-color{
    --cs-icon-color: white;
    --cs-text-color: white;
}*/
/*
.form_field.waiting button.icon.choose,
.form_field.working button.icon.choose{
    opacity: 1;
}

.form_field.waiting.focus button.icon.choose::before,
.form_field.waiting button.icon.choose:hover::before,
.form_field.working button.icon.choose:hover::before{
  background-image: url(../images/rolling_rev.svg);
}

.form_field.waiting button.icon.choose::before,
.form_field.working button.icon.choose::before {
  content: '';
  background-image: url(../images/rolling.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  min-width: 1.5rem;
  min-height: 1.5rem;  
}*/
.doc_row_form>.form_field button.icon.bulk-reset{
    text-align: center;
}

button.continue.done::after {
    content: '\E0C8';
    font-size: 1rem;
}
/*/var/www/html/clickschoolinfo/public/themes/modern/css/sys_screen.css*/
.doc_frame {
    margin: 0 auto 0 auto;
    padding-bottom: 0;
}

@media only screen {
    div.paper-letter.page-P {
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        /*
        margin-bottom: 1rem;
        padding-bottom: 1rem;       */
    }
}

.popup_body .printable .doc_header {
    display: block;
}

th span.input_inline_menu>button {
    opacity: 0.8;
}

div[onclick],
span[onclick] {
    cursor: pointer;
}

.doc_normal_margins .doc_body {
    display: flex;
    flex-direction: column;
}

.chart-block>.title {
    padding: .5rem 0;
    font-weight: bold;

}

.chart-block>.title>span {
    background-color: #1c5a9a;
    padding: .3rem 1rem;
    color: white;
    border-radius: 1rem;
}

/*
.chart-block{
    padding: 1em;
}
*/
.chart-block>.body {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1em;
}

.doc_narrow_margins .doc_body {
    font-size: 12pt;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
}

.doc_body_wrapper {
    font-size: 12pt;
    margin-bottom: 8mm;
    margin-left: 12mm;
    margin-right: 12mm;
    padding-top: 5mm;
}

.doc_body_wrapper>div {
    margin-top: 6px;
}

.view-compact {
    background-color: white !important;
    background-image: none !important;
}

.view-compact .doc_frame {
    width: 100%;
    box-shadow: none;
    margin: 0 auto;
    /*max-width: 610pt;*/
    padding: 0 !important;
}

.view-compact .doc_header {
    border: none;
}

.view-compact .doc_document {
    border: none;
}

.doc_page_h {
    width: 279.4mm
}

.has-ticket .doc_ticket_frame {
    border: 1px dotted rgba(0, 0, 0, 0.24);
    margin-top: 5mm;
}

div.menu-bottom-wrapper {
    padding-left: 64px;
    padding-bottom: 96px;
}

/*
.terms-box,
div.popup-layer.layer-sidebar > div.wrapper > div.ctrl,
.info-tbl,
.doc-page-wrapper,
.upload_wrapper,
div.popup-alert-wrapper.help,
.popup-layer.layer-sidebar>.wrapper>.body>div,
.sidebar-section>.input_form_wrapper,
.page-P.preview,
.paper-letter.page-P>div>div>div.icon-text,
div.doc_body .form_notices,
div.menu-bottom-wrapper,
.page-P>.doc-notices,
div.doc_body div.message,
div.doc_body div.doc_message,
div.paper-letter.page-P div.doc-textbox,
div.paper-letter.page-P div.doc_textbox,
div.paper-letter.page-P div.footnote,
div.paper-letter.page-P div.doc-header,
div.paper-letter.page-P div.doc-footer,
div.paper-letter.page-P>div>div>div.group-wrapper>div.grid_wrapper,
div.paper-letter.page-P>div>div>div.group-wrapper>div.group-wrapper>div.grid_wrapper,
div.paper-letter.page-P>div>div>div.grid_wrapper,
div.paper-letter.page-P .fullpage,
div.paper-letter.page-P>div>div>div.doc-block-group,
div.paper-letter.page-P>div>div>div.block_wrapper,
.paper-letter.page-P>div>div>div.grid_wrapper.flex.stretch
{
    max-width:215.9mm;
}

div.page-token{
    width:215.9mm;
}

div.doc_page_v > div > div > div.grid_wrapper.flex-strech,
.grid_wrapper.doc,
.page-P{
    min-width: min(100%, 215.9mm);    
}
*/

.flex-strech {
    width: fit-content;
    min-width: min(100%, 215.9mm);
}

.doc_section {
    padding: 1rem;
}

.form-bulk>.head {
    margin: .7rem .5rem 1rem .5rem;
    display: flex;
}

.form-bulk>.head>button {
    margin-left: 1rem;
    margin-right: 1rem;
}

.grid-column-list table {
    max-width: min(100%, 20rem);
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: var(--cs-border-color);
    background-color: var(--cs-page-bg-color);
    margin: 0;
}

.form_field.popup>.input_envelope>div,
.upload_wrapper,
.doc-page-wrapper,
.page-P {
    min-width: min(100%, 215.9mm);
    max-width: 215.9mm;
}

.page-L {
    min-width: min(100%, 279.4mm);
    max-width: 279.4mm;
}

.doc_envelope.file-explorer .doc_section > .doc_page,
div.input_form {
    max-width: min(100vw, 215.9mm);        
}

.sidebar-section>.input_form_wrapper.group {
    margin-right: 2rem;
}

div.popup-layout div.menu-bottom-wrapper {
    padding-left: 0;
    display: table;
    margin: 0 auto;
}

/*
.paper-letter.page-P>div>div>div.grid_wrapper.flex-strech,
.paper-letter.page-P>div>div>div.grid_wrapper.flex {
    width: auto;
    display: table;
}
*/

/*
#main_wrapper{
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
}
*/
.controller_display_tab {
    overflow-y: scroll;
    margin: 8px;
    border-width: 1px;
    border-style: solid;
    border-radius: .5rem;
    width: calc(100% - 16px);
    height: calc(100% - 16px);    
}

/*
.controller_display_tab.doc {
    background-image:url("../images/bg_dot.png?v=6abdc5c6c7845");
    background-color: white;
}
*/
div.sandbox .controller_display_tab.doc {
    background-color: transparent;
}

.doc_section>div:last-child {
    border-bottom: none;
}

div.doc_header,
div.doc_footer {
    opacity: 0.24;
    border-radius: 7px;
    overflow: hidden;
}

.prt {
    display: none !important;
}

div.page-header-space,
div.page-footer-space {
    display: none;
}

.doc_with_mirrors .doc_body {
    margin-bottom: 0;
}

.doc_empty_page {
    width: 610pt;
    margin: 24px auto;
    overflow-x: hidden;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: right;
}

.doc_empty_page>div {
    display: inline-block;
    border: 0.05rem solid rgba(0, 0, 0, 0.24);
    padding: 4px 4px;
}

.doc_empty_page>div>a,
.doc_empty_page>div>span {
    padding-right: 16px;
    color: rgba(0, 0, 0, 0.64);
    text-decoration: none;
}

#sys_init_frame {
    border: 2px solid #bc5fd3;
    border-radius: 24px;
    background-color: rgba(255, 255, 255, 0.64);
}

div.doc_envelope>div>div:first-child {
    max-width: 1.5rem;
    /*background-color: white;*/
    flex-grow: 1;
}

/*
div.doc_envelope>div>div:nth-child(2){
    background-color: white;
}
*/
/*
body.not-editing div.doc_envelope>div>div:first-child{
    max-width: none;
}
*/
div.doc_envelope>div>div:nth-child(2),
div.doc_envelope>div>div:first-child {
    background-color: var(--cs-page-bg-color);
}

div.doc_envelope>div>div:nth-child(2) {
    min-width: min(100%, 215.9mm);
}

#main_display.home div.doc_envelope>div>div:first-child {
    min-width: 2rem;
}

.doc-custom-text {
    border: 1px dotted rgba(0, 0, 0, 0.24);
}

.layout-term {
    text-decoration: none;
    color: black;
    background-color: transparent;
    width: 100%;
}

/*
div.doc-header,
div.doc-footer{
    max-width: 8.5in;
}

.page-P .doc-info,
.page-P .doc-textbox{
    max-width: 210mm;
}
*/


div.screen-main div.system-logo {
    display: none;
}

div.custom-logo {
    display: flex;
    justify-content: center;
}

div.system-logo {
    min-height: 80px;
}

div.system-logo img {
    height: 48px;
}

div.custom-logo img {
    max-height: 80px;
}

@media (min-width: 768px) {

    .table.grid>.tfoot>.tr>.td:first-child,
    .table.grid>.thead>.tr>.th:first-child,
    .table.grid>.tbody>.tr>.td.f-index {
        width: 3rem;
        min-width: 3rem;
        max-width: 3rem;
    }

    .col-fixed.table.scheme-grid.consolidated:not(.minimized-head)>.thead>.tr>.th{
        border-right-color: transparent;
        border-bottom-color: transparent;
    }

    .col-fixed.table.scheme-grid.consolidated:not(.minimized-head)>.thead>.tr:last-child>.th{
        border-bottom-color: inherit;
    }  

    .col-fixed.table.scheme-grid.consolidated:not(.minimized-head)>.thead>.tr>.th:last-child{
        border-right-color: inherit;
    }        

    .table.scheme-grid.consolidated:not(.minimized-head)>.thead>.tr>.th:first-child {
        border-right-color: transparent;
    }

    .table.scheme-grid.consolidated:not(.minimized-head)>.thead>.tr>.th.col-index.col-ind+div,
    .table.scheme-grid.consolidated:not(.minimized-head)>.thead>.tr>.th.col-index.col-ind {
        border-bottom-color: transparent;
    }

    .col-fixed.table.scheme-grid.consolidated:not(.minimized-head)>.thead>.tr>.th button.btn.index-col,
    .table.scheme-grid.consolidated:not(.minimized-head)>.thead>.tr>.th.col-index.col-ind+div button {
        display: none;
    }

    .table.scheme-grid>.tfoot>.tr>.td:first-child,
    .table.scheme-grid>.thead>.tr>.th:first-child,
    .table.scheme-grid>.tbody>.tr>.td.f-index {
        width: 4rem;
        min-width: 4rem;
        max-width: 4rem;
    }

    .table.scheme-grid.il4>.tfoot>.tr>.td:first-child,
    .table.scheme-grid.il4>.thead>.tr>.th:first-child,
    .table.scheme-grid.il4>.tbody>.tr>.td.f-index {
        width: 4.5rem;
        min-width: 4.5rem;
        max-width: 4.5rem;
    }

    .table.scheme-grid.il5>.tfoot>.tr>.td:first-child,
    .table.scheme-grid.il5>.thead>.tr>.th:first-child,
    .table.scheme-grid.il5>.tbody>.tr>.td.f-index {
        width: 5.5rem;
        min-width: 5.5rem;
        max-width: 5.5rem;
    }

    .table.scheme-grid.il6>.tfoot>.tr>.td:first-child,
    .table.scheme-grid.il6>.thead>.tr>.th:first-child,
    .table.scheme-grid.il6>.tbody>.tr>.td.f-index {
        width: 6.5rem;
        min-width: 6.5rem;
        max-width: 6.5rem;
    }
}

.table>.tbody>.tr>.td.f-index button.menu-has-log::before,
.table>.tbody>.tr>.td.f-index button.menu::before {
    content: '\E02B';
    opacity: 0.6;
}

.table.scheme-doc .input_envelope.input_index button.menu-has-log,
.table.scheme-doc .input_envelope.input_index button.menu,
.input_envelope.input_index button.menu-has-log::after {
    display: none;
}

.input_envelope.input_index button.menu-has-log,
.input_envelope.input_index button.menu {
    border-radius: 0;
}

.table.doc>.tfoot>.tr>.td:last-child,
.table.doc>.thead>.tr>.th:last-child,
.table.doc>.tbody>.tr>.td.f-opt {
    width: 2rem;
    min-width: 2rem;
}

.table.flex-strech>*>.tr>.form_field.col-opt {
    width: auto;
}

.table.scheme-grid>*>.tr>.form_field.col-opt {
    width: auto;
    min-width: 2rem;
}

.table.scheme-grid.fixed>*>.tr>.form_field.col-f-opt {
    border-right: none;
    flex-grow: 1;
    background-color: transparent;
    border-bottom-color: transparent;
    /*background: linear-gradient(to right,var(--cs-page-bg-color), transparent 16%, transparent 94%, var(--cs-page-bg-color)); */
}

.outline.form_field.grid>span {
    min-height: 2rem;
    flex-grow: 1;
}

.table.doc.expandable>.thead>.tr>.th:last-child,
.table.doc.expandable>*>.tr>.form_field.col-opt {
    width: 4.5rem;
    min-width: 4.5rem;
}

.table.doc>*>.tr {
    padding: 0 2rem 0 3rem;
}

.table.doc.expandable>*>.tr {
    padding: 0 4.5rem 0 3rem;
}

.table.doc.expandable>*>.tr.collapsable {
    padding-left: 2.9rem;
    padding-right: 4.45rem;
    background-color: rgba(0, 0, 0, 0.04);
}

.table.doc>.thead>.tr>.th:first-child,
.table.doc>*>.tr>.f-index {
    margin-left: -3rem;
}

.table.doc>.thead>.tr>.th:last-child,
.table.doc>*>.tr>.f-opt {
    margin-right: -2rem;
}

.table.doc.expandable>.thead>.tr>.th:last-child,
.table.doc.expandable>*>.tr>.f-opt {
    margin-right: -4.5rem;
}

@media only screen and (max-width: 800px) {
    div.screen-filler {
        display: none;
    }

    .slide_display_tab div.screen-main {
        padding: 0 !important;
    }

    div.screen-main {
        flex-grow: 1;
    }

    .flex-spacer.header-filler {
        flex-grow: 3;
        min-height: 10rem;
    }

    div.screen-main div.system-logo {
        display: block;
    }

    div.header-filler {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 110%;
        margin-bottom: 1rem;
    }
}

@media only screen and (max-device-width: 667px) {
    div.screen-filler {
        display: none;
    }

    div.screen-main {
        flex-grow: 1;
    }

    .slide_display_tab div.screen-main {
        padding: 0 !important;
    }

    .flex-spacer.header-filler {
        flex-grow: 3;
        min-height: 10rem;
    }

    .slide_display_tab>div:first-child div.header {
        flex-direction: column;
    }

    div.screen-main div.system-logo {
        background-color: #1a5b9c;
        min-height: inherit;
    }

    div.system-logo img {
        filter: grayscale(1) brightness(10);
        margin: 0 auto;
        display: block;
    }

    div.header-filler {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 110%;
        margin-bottom: 1rem;
    }

    div.header.app {
        padding: 0;
    }

    div.form-step>img {
        margin: 1rem auto;
    }
}

.app-aside-expand-md {
    transform: translateZ(0);
    z-index: 9;
}

.popup-layer>.wrapper>.body>.flex-popup-column {
    display: flex;
    flex-direction: column;
}

table.scheme-doc.grid>colgroup>col.ind {
    width: 3rem;
}

.row-overview {
    display: none;
}

.table.grid>.tfoot>.tr>.td>.label,
.table.grid>.tbody>.tr>.td>.label {
    display: none;
}

/* Small or higter Breakpoint */
@media (min-width: 768px) {
    .grid_options_bottom button {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .grid_options_bottom button.append {
        border: 0.05rem solid lightgray;
        border-top: none;
        opacity: 0.5;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    .grid_options_bottom button.append.focus {
        border-bottom-right-radius: 0;
    }

    .popup-layer.layer-sidebar>div.wrapper {
        max-width: calc(100vw - 13rem);
    }

    .has-sidebar-open .popup-anchor-sidebar,
    .has-sidebar-open .page-sidebar {
        min-width: max(215.9mm, 80%);
        max-width: calc(100vw - 13rem);
    }

    .layout-sidebar.has-sidebar-open .popup-anchor-sidebar,
    .layout-sidebar.has-sidebar-open .page-sidebar {
        width: calc(100vw - 2rem);
        max-width: calc(100vw - 2rem);
    }

    .has-sidebar-open .popup-anchor-sidebar,
    .has-sidebar-open .page-sidebar {
        box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 20px, rgba(0, 0, 0, 0.4) 0px 6px 6px;
    }

    .sidebar-toolbar>div {
        display: flex;
        width: 2rem;
        overflow: hidden;
    }

    .sidebar-toolbar>div:last-child {
        width: unset;
        flex-grow: 1;
    }

    .sidebar-toolbar>div {
        display: flex;
        background-color: var(--cs-bg-color);
    }

    .sidebar-toolbar>div>.btn-group>button,
    .sidebar-toolbar>div>.btn-group {
        height: 100%;
        border-radius: 0;
    }

    .sidebar-toolbar>div>.btn-group>button:hover {
        background-color: color-mix(in srgb, var(--cs-bg-color) 95%, var(--cs-bg-color-mix));
    }

    div.form_field .input_text p {
        white-space: nowrap;
    }

    .menu-tab>.anchor {
        display: none;
    }

    .table.grid.fieldset.sgl>.tbody>.tr>.td label:not(.onfocus) {
        display: none;
    }

    /*
    .table.grid.fieldset.sgl>.tbody>.tr>.td label.onfocus {
        flex-grow: 1;
        max-height: 1rem;
    }

    .table.grid.fieldset.sgl>.tbody>.tr>.td label.onfocus+.input_envelope {
        max-height: 1rem;
        min-height: 1rem;
        overflow: hidden;
    }
*/
    .table.grid.fieldset>.tbody>.tr>.td div.grid_row_hidden_wrapper .form_field>label {
        display: inline-flex;
    }

    .table.grid.fieldset.sgl>.tbody>.tr:not(.grid_row_deleted):first-of-type>.td.col-f-fieldset .form_field>label {
        display: inline-flex;
        border-bottom: 1px solid rgba(0, 0, 0, 0.24);
        min-height: 2rem;
        line-height: 1;
        align-items: center;
        font-style: normal;
        font-size: .9rem;
    }

    .table.grid.fieldset.sgl > .tbody > .tr:not(.grid_row_deleted):first-of-type > .td.f-index,
    .table.grid.fieldset.sgl>.tbody>.tr:not(.grid_row_deleted):first-of-type>.td.col-f-fieldset .form_field{  
        border-right-color: transparent;
    }
    
    .table.grid.fieldset.sgl>.tbody>.tr:not(.grid_row_deleted):first-of-type>.td.col-f-fieldset .form_field{
        border-image: linear-gradient(to bottom, color-mix(in srgb, var(--cs-own-bg-color, var(--cs-bg-color)) 24%, var(--cs-bg-color-mix)) 0%, var(--cs-border-color) 50%, var(--cs-border-color)) 1;
    }

    .table.grid.fieldset.sgl > .tbody > .tr:not(.grid_row_deleted):first-of-type > .td.f-index{
        border-image: linear-gradient(30deg,  var(--cs-border-color) 60%, color-mix(in srgb, var(--cs-own-bg-color, var(--cs-bg-color)) 24%, var(--cs-bg-color-mix))) 1;
    }

    .table.grid.fieldset.sgl>.tbody>.tr:not(.grid_row_deleted):first-of-type>.td.f-opt,
    .table.grid.fieldset.sgl>.tbody>.tr:not(.grid_row_deleted):first-of-type>.td.f-index {
        flex-direction: column;
    }

    .table.grid.fieldset.sgl>.tbody>.tr:not(.grid_row_deleted):first-of-type>.td.f-opt::before,
    .table.grid.fieldset.sgl>.tbody>.tr:not(.grid_row_deleted):first-of-type>.td.f-index::before {
        height: 2rem;
        min-height: 2rem;
        width: 100%;
        content: '';        
        background-color: color-mix(in srgb, var(--cs-own-bg-color, var(--cs-bg-color)) 24%, var(--cs-bg-color-mix));
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: var(--cs-border-color);
    }

    /*
    .table.grid.fieldset.sgl > .tbody > .tr:not(.grid_row_deleted):first-of-type > .td.f-opt,
    .table.grid.fieldset.sgl > .tbody > .tr:not(.grid_row_deleted):first-of-type > .td.f-index {
        padding-top: 2rem;
    }
    */
    .avatar-group {
        justify-content: flex-start;
    }

    .row-overview,
    .DropDownPopup:not(.sidebar)>div>div>label,
    ul.TokensContainer>li:first-child.TokenSearch.text>button:not(.share) {
        display: none;
    }

    div.doc_envelope>div>div:last-child {
        flex-grow: 1;
        box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
        border-left: 1px solid rgba(0, 0, 0, 0.12);
    }

    .col-ind.f-filler,
    .grid_left_top_corner,
    button.gi {
        width: 3em;
    }
}

div.input_form>div.body[data-scroll-t]:not([data-scroll-t='0']) {
    border-top: 2px solid rgba(0, 0, 0, 0.12);
}

div.input_form>div.body[data-scroll-b]:not([data-scroll-b='0']) {
    border-bottom: 2px solid rgba(0, 0, 0, 0.12);
}

#main_menu_bar {
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}

#main_menu_bar:hover {
    overflow-y: auto;
}

.label>button span {
    margin-right: .2rem;
}

/*
body.font1 {
    font-size:1rem;
}

body.font2{
    font-size:2rem;
}

body.font3 .input-card-label,
body.font3 .input_wrapper > div > button,
body.font3 .input_wrapper a,
body.font3 .input_wrapper p,
body.font3 input[type="text"],
body.font3 optgroup,
body.font3 select,
body.font3 textarea{
    font-size:2em;
}

body.font4{
    font-size:4rem;
}*/

.card.confirm {
    border: none;
    box-shadow: none;
    background-color: transparent;
}

.popup-form-not-complete {
    min-width: 20rem;
    max-width: 20rem;
}

.doc_envelope.file-explorer iframe {
    width: 100%;
    height: 100%;
}

.doc_envelope.file-explorer>div>div:first-child,
.doc_envelope.file-explorer>div>div:last-child,
.doc_envelope.file-explorer .doc_page>.form_field {
    display: none;
}

.doc_envelope.file-explorer .main-form,
.doc_envelope.file-explorer .doc_section,
.doc_envelope.file-explorer>div,
.doc_envelope.file-explorer {
    height: 100%;
    background-color: var(--cs-bg-color);
}

.doc_envelope.file-explorer .doc_section>.doc_page>.form_document>.doc_body {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.doc_envelope.file-explorer .doc_section>.doc_page {
    height: 100%;
    padding: 0;
    margin: 0;
    
}

.doc_envelope.file-explorer>div>div:nth-child(2) {
    width: 100%;
}

body.contract-explorer-viewer .controller_display_tab,
body.attachment-viewer .controller_display_tab {
    overflow: hidden;
    border-width: 0;
}


.doc_envelope.file-explorer iframe img {
    max-width: 100%;
}

@-webkit-keyframes shake {
    0% {
        -webkit-transform: translate(2px, 1px) rotate(0deg);
    }

    10% {
        -webkit-transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        -webkit-transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        -webkit-transform: translate(0px, 2px) rotate(0deg);
    }

    40% {
        -webkit-transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        -webkit-transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        -webkit-transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        -webkit-transform: translate(2px, 1px) rotate(-1deg);
    }

    80% {
        -webkit-transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        -webkit-transform: translate(2px, 2px) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(1px, -2px) rotate(-1deg);
    }
}

.shake:hover {
    -webkit-animation-name: shake;
    -webkit-animation-duration: 0.5s;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: infinite;
}

@keyframes checkmark {
    0% {
        stroke-dashoffset: 100px
    }

    100% {
        stroke-dashoffset: 0px
    }
}

@keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 480px
    }

    100% {
        stroke-dashoffset: 960px
    }
}

@keyframes colored-circle {
    0% {
        opacity: 0
    }

    100% {
        opacity: 100
    }
}

.icon-order-success svg polyline {
    animation: checkmark 0.25s ease-in-out 0.7s backwards
}

.icon-order-success svg circle {
    animation: checkmark-circle 0.6s ease-in-out backwards;
}

.icon-order-success svg circle#colored {
    animation: colored-circle 0.6s ease-in-out 0.7s backwards;
}

.layer.has-backdrop {
    background-color: rgba(0, 0, 0, 0.1);
}

/*
.showcase{
    margin-top:2rem;
    display: flex;
}

.showcase>div{
    max-width: 16rem;
    overflow: hidden;
    min-height: 16rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: .6rem;
    margin: .5rem;
    border: 1px solid rgba(0,0,0,0.24);
    display: flex;
    flex-direction: column;
}

.showcase>div>div:last-child{
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
}

.showcase>div>div:last-child>p{
    flex-grow: 1;
}

.showcase>div>div>img{
    width: 100%;
}

.showcase button.success{
    border:1px solid rgba(0,0,0,0.1);
    color: #39b54a;
}

.showcase button{
    border:1px solid #1c5a9a;
    background-color: transparent;
    border-radius: 1rem;
}

.showcase button>span,
.showcase button::after,
.showcase button::before{
    color: #1c5a9a;
}
*/
span.step-label {
    font-weight: bold;
    background-color: #1a5b9c;
    color: white;
    padding: 0 .5rem;
    margin-right: .5rem;
    border-radius: .5rem;
}

.form-breadcrumb-anchor {
    display: none;
    --cs-bg-color: var(--cs-emphasis-bg-color);
    --cs-text-color: var(--cs-emphasis-text-color);
    background-color: var(--cs-bg-color);
}

@media only screen {
    div.table.grid {
        display: inline-flex;
    }

    .tfoot,
    div.tbody,
    div.thead {
        display: flex;
    }

    .table,
    div.tfoot,
    div.tbody,
    div.thead {
        flex-direction: column;
    }

    #main_display_content {
        display: flex;
        flex-direction: column;
    }

    #body_tab_content {
        display: flex;
    }

    .doc_page {
        display: flex;
        flex-direction: column;
        /*margin-right: 1rem;*/
    }


    div.doc_envelope>div {
        display: flex;
        flex-grow: 1;
    }

    .doc_envelope {
        display: flex;
        flex-direction: column;
    }

    .list-group.share {
        min-width: 16rem;
    }

    /*
    .popup-layer>.wrapper>.body .list-group {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
*/
    .menu-breadcrumb {
        display: none;
    }

    .has-breadcrumb .menu-breadcrumb {
        display: flex;
        min-height: 3rem;
        background-color: var(--cs-bg-color);
        border-radius: .3rem;
        overflow: hidden;

    }

    .menu-breadcrumb>button:last-child {
        flex-grow: 1;
    }

    /*
    .show-history > button.history,
    .show-trash>button.recycle,
    button.selection.active,
    .light .top-bar-list>.menu-breadcrumb>button.btn.focus:not(:disabled):not(.part),
    .light .top-bar-list>.menu-breadcrumb>button.btn:hover:not(:disabled):not(.part){
        --cs-bg-color: #ffa500;
        border-width: 0;
    }
*/
    .top-bar-shortcut {
        flex-grow: 1;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .top-bar-search+.top-bar-shortcut {
        flex-grow: 0;
    }

    .top-bar-search {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-grow: 1;        
        padding: 0 .5rem;
    }

    .top-bar-search.searching {
        background-color: rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
        border-radius: .3rem;
    }

    .top-bar-list>.menu-auth {
        margin-right: 1rem;
    }

    .global-search-box {
        display: none;
        flex-grow: 1;
        border-width: 0;
        border-radius: .3rem;
    }

    .searching>.global-search-box {
        display: flex;
    }

    .global-search-box>div {
        display: flex;
        flex-grow: 1;
        box-shadow: 1px 1px 1px inset rgba(0, 0, 0, 0.16);
    }

    .global-search-box>input {
        flex-grow: 1;
        border: none;
        padding: .2rem;
        background-color: transparent;
    }

    .top-bar-search:not(.searching)>.search {
        --cs-icon-color: var(--cs-text-color);
    }

    .btn.dropdown {
        padding-right: .2rem;
    }

    .top-bar-search.searching>.btn.search:not(:hover) {
        margin-left: .2rem;
        background-color: #0fbd68;
        box-shadow: rgba(50, 50, 93, 0.2) 0px 2px 5px -1px, rgba(0, 0, 0, 0.2) 0px 1px 3px -1px;
    }

    .top-bar-search.searching>.global-search-box>.btn.clear::before,
    .top-bar-search.searching>.btn.search:not(:hover)::before {
        color: white;
    }

    .light .toggle-box.active {
        background-color: transparent;
    }

    .toggle-box.active button {
        background-color: #1c5a9a;
    }

    .toggle-box.active+div.collapsable+div.collapsable,
    .toggle-box.active+div.collapsable {
        display: initial;
    }

    .toggle-box.active+div.collapsable * {
        border-color: rgba(0, 0, 0, 0.16);
    }

    /*
    .toggle-box.active + div.collapsable>div{
        background-color: rgba(0,0,0,0.02);
    }         
    */

    .toggle-box+div.collapsable+.doc-feedback>div:last-child>div {
        border-radius: 0 0 .5rem .5rem;
    }

    .toggle-box:not(.active)+div.collapsable+.doc-feedback>div>div {
        border-top-color: transparent;
    }

    body.die {
        background-image: url("../images/bgwhiteboard.png?v=6abdc5c6c7845");
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 1rem;
        flex-direction: column;
    }

    .die>div.message.icon-text {
        border: 1px solid rgba(0, 0, 0, 0.24);
        max-width: 32rem;
        padding: 2rem 1rem;
        background-color: #FFFFCC;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    }

    .die>img {
        max-width: 28rem;
        width: 90%;
    }

    .doc-page-wrapper {
        padding: 8mm;
    }

    .popup-form-request-status .message.icon-text {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        /*background-image: linear-gradient(0deg, transparent 0%, transparent 70%, #fafafb 100%);*/
        background-color: transparent;
    }

    .sidebar-toolbar>.toolbar:nth-child(9n + 1) {
        --cs-bg-color: #1a5b9c;
    }

    .sidebar-toolbar>.toolbar:nth-child(9n + 2) {
        --cs-bg-color: #fc8e23;
    }

    .sidebar-toolbar>.toolbar:nth-child(9n + 3) {
        --cs-bg-color: #31c15f;
    }

    .sidebar-toolbar>.toolbar:nth-child(9n + 4) {
        --cs-bg-color: #1587f0;
    }

    .sidebar-toolbar>.toolbar:nth-child(9n + 5) {
        --cs-bg-color: #c72ed8;
    }

    .sidebar-toolbar>.toolbar:nth-child(9n + 6) {
        --cs-bg-color: #8d8d8f;
    }

    .sidebar-toolbar>.toolbar:nth-child(9n + 7) {
        --cs-bg-color: #ffd7df;
    }

    .sidebar-toolbar>.toolbar:nth-child(9n + 8) {
        --cs-bg-color: #ffdad8;
    }

    .sidebar-toolbar>.toolbar:nth-child(9n + 9) {
        --cs-bg-color: #fff7ce;
    }
}

.popup-layer.layer-help>div>.btn-toolbar>div>button.popup {
    display: none;
}

.doc_envelope.file-explorer .form_document>.doc_body {
    height: 100vh;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    /* smooth scrolling on iOS */
}

.doc_envelope.file-explorer .form_document>.doc_body canvas {
    display: block;
    margin: 16px auto 16px auto;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
    max-width: 96%;
}

.file-viewer-wrapper {
    flex-grow: 1;
    overflow: scroll;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
    background-image: var(--cs-background-image);
    background-repeat: repeat;
    background-position: top left;
    background-size: auto;
    border: 1px solid var(--cs-border-color);
    margin-top: .5rem;
    border-radius: 8px;
    background-color: rgba(0,0,0,0.02);
}

.file-viewer-wrapper.working {
    background-image: var(--cs-background-image), url("../images/rolling.svg");
    background-repeat: repeat, no-repeat;
    background-position: top left, center center;
    background-size: auto, 3rem 3rem;
}

body.file-viewer .popup_title>span>span:nth-child(2) {
    max-width: 12rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.doc_envelope.file-explorer .form_document {
    height: 100%;
}

.embedded-file-viewer {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.embedded-file-viewer.img>img {
    max-width: 100%;
}

.embedded-file-viewer.img {
    cursor: zoom-out;
}

.embedded-file-viewer.img.zoom {
    cursor: zoom-in;
}

.grid_filter_list_box,
.layer>.wrapper>.body {
    background:
        /* 1. White covers that hide the shadows when at the absolute top/bottom */
        linear-gradient(var(--cs-bg-color) 30%, rgba(255, 255, 255, 0)) center top,
        linear-gradient(rgba(255, 255, 255, 0), var(--cs-bg-color) 70%) center bottom,

        /* 2. Actual inner shadows that appear when content scrolls */
        radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center top,
        radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center bottom;

    background-repeat: no-repeat;
    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;

    /* "local" moves with content (covers), "scroll" stays fixed (shadows) */
    background-attachment: local, local, scroll, scroll;
}

.controller_menu_tab .playback-ctrl {
    background-color: rgba(0, 0, 0, 0.06);
    border-radius: .5rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    display: flex;
    overflow: hidden;
}

.controller_menu_tab .playback-ctrl.num-views-0.num-pages-1,
.controller_menu_tab .playback-ctrl.num-views-0.num-pages-0 {
    display: none;
}

.controller_menu_tab .playback-ctrl>button {
    border-radius: .3rem 0 0 .3rem;
}

.controller_menu_tab .playback-ctrl>button>span {
    white-space: nowrap;
}

.menu-bar.h-menu>div>button+div,
.menu-bar.h-menu>div>button+button,
.controller_menu_tab>div>button+div,
.controller_menu_tab>div>button+button {
    margin-left: .2rem;
}

.controller_menu_tab>div>button+button.views {
    margin: 0 .2rem 0 0;
}

.popup-layer.ltip .popup-menu-bottom {
    justify-content: flex-end;
}

.popup-layer.layer-sidebar .popup-menu-bottom {
    order: -1;
    justify-content: flex-start;    
}

.context-wrapper>.playback {
    border-radius: .5rem;
}

.context-wrapper>.list-group,
.context-wrapper>.playback {
    margin: .25rem;
}

.context-wrapper>.list-group {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.04);
}

.context-wrapper>.playback:has(+ .list-group) {
    margin-bottom: 0;
    border-radius: .5rem .5rem 0 0;
    overflow: hidden;
}

.context-wrapper>.playback+.list-group {
    border-radius: 0 0 .25rem .25rem;
    margin-top: 0;
}

body.home-teacher .chart-block>.top>.title {
    --cs-text-color: color-mix(in srgb, var(--cs-hover-bg-color) 80%, var(--cs-text-color-mix));
    --cs-icon-color: var(--cs-emphasis-bg-color);
    width: fit-content;
    padding: .25rem .5rem;
    border-radius: 1rem;
    margin: .5rem 0;
}

body.home-teacher .chart-block>.top>.title::before
{
    border: 1px solid var(--cs-emphasis-bg-color);
    background-color: color-mix(in srgb, var(--cs-emphasis-bg-color) 12%, var(--cs-bg-color-mix));
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;    
}

img.zoom-in {
    width: 120px;
    height: 120px;
    position: absolute;
    border-radius: 60px;
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
    border: 2px solid #1a5b9c;
    margin: 0;
    padding: 0;
}

.list-group.context-course>button .head{
    background-color: color-mix(in srgb, var(--cs-bg-color) 24%, var(--cs-bg-color-mix));
    color: color-mix(in srgb, var(--cs-bg-color) 50%, var(--cs-text-color-mix));
    border-radius: .25rem;
    padding: 0 .25rem;
    border: 1px solid color-mix(in srgb, var(--cs-bg-color) 50%, var(--cs-bg-color-mix));
}

.popup-layer.layer-sidebar>.wrapper>.ctrl>.toolbar>div>button.close,
body.layout-sidebar>.main_wrapper>.top-bar>.toolbar>.btn-group>button.back{    
    margin-left: -.2rem;
    border-radius: 0 0 .5rem 0;
    padding-right: 1.2rem;
    margin-top: -.2rem;
}

.popup-layer.layer-sidebar>.wrapper>.ctrl>.toolbar>div>button.close:not(:hover),
body.layout-sidebar>.main_wrapper>.top-bar>.toolbar>.btn-group>button.back:not(:hover){
    background-color: rgba(0,0,0,0.1);
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1) inset;
}

.a-date{
  padding: .2rem .5rem;
  border-radius: .5rem;
}

.Lun{background-color: #ffecce;}
.Mar{background-color: #d6f7db;}
.Mie{background-color: #e0f6ff;}
.Jue{background-color: #cee7ff;}
.Vie{background-color: #dfdffa;}
.Sab{background-color: #f3defd;}
.Dom{background-color: #ffd7df;}

.popup-layer.alert>.wrapper>.ctrl,
.popup-layer.confirm>.wrapper>.ctrl{
    display: none;
}

div>.doc_row_form>.colored ul>li.Token.payment.status-rejected{
    --cs-bg-color: #ff6c5d;
}

div>.doc_row_form>.colored ul>li.Token.payment.status-rejected::before{
    content:'\E0E6';
}


div>.doc_row_form>.colored ul>li.Token.payment.status-approved{
    --cs-bg-color: #6ab56a;
}


/*/var/www/html/clickschoolinfo/public/themes/modern/css/mobile.css*/
/* XSmall Breakpoint */
@media only screen and (max-width: 767.98px) {
    div.popup-layer:not(.layer-sidebar) {
        display: flex;
        flex-direction: column;
        background-color: rgba(0, 0, 0, 0.24);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        justify-content: flex-start;
        position: absolute;
    }

    /*    
    div.popup-layer.layer-sidebar {
        width: unset;
    }
*/
    .table:not(.multi-line) .td.form_field[data-rows-count="0"] .input-tokenize.Multi .btn.append {
        display: inherit;
        opacity: 1;
    }

    .table.scheme-grid .tr>.td .input_envelope.input_text .input-display-wrapper>p {
        padding-left: .3rem;
    }

    /*
    .table.not-fieldset > .tbody > .tr > .td.iwd-65 > div.input_envelope ul.TokensContainer {
        justify-content: flex-end;
    }
    */
    .table.grid.snap.not-fieldset {
        border-top: none;
    }

    .TokenSearch.text>input,
    .td.col-t-fixed-elements,
    .controller_display_tab.grid .controller_menu_bottom>div {
        display: none;
    }

    .controller_display_tab.grid .controller_menu_bottom {
        border-top: 0.1rem solid rgba(0, 0, 0, 0.24);
        /*background-color: rgb(248 248 248);*/
    }

    .controller_display_tab.grid .controller_menu_bottom>div:first-child {
        display: flex;
        flex-grow: 1;
        justify-content: center;
        align-items: center;
        margin: 2rem auto;
    }

    .form_field.align-center.xwd-100,
    .form_field.xwd-100 button.dropdown {
        text-align: left;
    }

    .form_field.align-center.xwd-100>div>div>div.input_wrapper>div>p,
    .form_field.align-center.xwd-100>div>div>div.input_wrapper>div {
        justify-content: center;
    }

    .btn-context .context-name>span:last-child {
        max-width: 7rem;
    }

    .chart-wrapper {
        flex-grow: 1;
    }

    div.layer.popup-layer>div.wrapper.help,
    .popup-form-not-complete,
    div.input-calendar-box,
    .grid_popup_col_options,
    div.confirm-wrapper,
    div.popup-layer>div.wrapper {
        min-width: 100%;
        width: 100%;
        max-width: 100%;
        margin: unset;
        border-radius: 0;
        height: 100%;
        border: none;
    }

    .popup-form-request-status {
        max-width: 100%;
        width: 100%;
    }

    .grid_wrapper_empty .table:not(.col-fixed)>.tbody::before {
        font-size: 4rem;
        align-self: center;
    }

    .grid_wrapper_empty .table:not(.col-fixed)>.tbody::after {
        align-self: center;
        margin-bottom: 1rem;
    }

    .card,
    .popup-layer .card {
        box-shadow: none;
        width: 100%;
        max-width: 100%;
        min-width: unset;
        border: none;
    }

    .sys_popup_frame.confirm {
        display: flex;
        flex-direction: column;
    }

    .sys_popup_frame.confirm>.sys_popup_box_frame {
        height: 100%;
        display: flex;
    }

    .card.confirm>.card-body {
        display: flex;
        flex-direction: column;
    }

    .card.confirm>.card-body>.list {
        max-height: unset;
        flex-grow: 1;
    }

    .tokenize-popup>.tokenize-popup-toolbar,
    .popup-layer>div.wrapper .btn-toolbar.ctrl {
        padding: 1rem;
    }

    .popup-layer>div.wrapper>div.body>div>div:first-child,
    .popup-layer>div.wrapper>div.body>div:first-child {
        flex-grow: 0;
    }

    /*
    div.popup-layer>div.wrapper>div.body{
        max-width: unset;
    }
    */
    /*
    .menu-vertical>button.icon-text,
    .table.grid_cols>.tbody>.tr>.td>button,
    div.popup-layer>div.wrapper>div.body>.flex-popup-column>button,
    div.popup-layer>div.wrapper>div.body>.list-group>.list-group-item {
        padding: 1rem;
    }
*/
    .menu-vertical>.btn-group {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: .5rem;
        background-color: transparent;
    }

    .menu-vertical>.btn-group>button {
        border-radius: 0;
        border: 0.1rem solid rgba(0, 0, 0, 0.1);
    }

    div.popup-layer>div.wrapper>div.ctrl {
        order: -1;
    }

    div.popup-layer.side.down.rev>div.wrapper {
        border-top-right-radius: 6px;
    }

    div.popup-layer.side.down>div.wrapper {
        border-top-left-radius: 6px;
    }

    div.popup-layer.side.up.rev>div.wrapper {
        border-bottom-right-radius: 6px;
    }

    div.popup-layer.side.up>div.wrapper {
        border-bottom-left-radius: 6px;
    }

    /*
    .btn.icon-text:not(.inline){
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    */
    /*
    .dnd>button.icon-text,
    .list-group>button.icon-text,
    .menu-vertical>.btn.icon-text {
        padding: 1rem;
    }
*/
    .controller_menu_tab {
        flex-wrap: wrap;
    }

    .controller_menu_tab>.playback-ctrl {
        order: 99;
        width: 100%;
    }

    .controller_menu_tab>.playback-ctrl>.playback {
        flex-grow: 1;
        border-radius: 0;
        border-left: none;
        border-right: none;
    }

    .controller_menu_tab>.playback-ctrl>button>span {
        display: none;
    }

    /*
    .controller_menu_tab button.dropdown::after {
        display: none;
    }
    */
    .btn.icon-text.flag,
    .btn.icon-text.dnd,
    .btn-toolbar.flex-popup-column>.btn.icon-text,
    .btn-group-vertical>.btn.icon-text {
        flex-direction: row;
        justify-content: flex-start;
    }

    .btn-toolbar.flex-popup-column>.btn.icon-text>span,
    .btn-group-vertical>.btn.icon-text>span {
        font-size: 1em;
    }

    .btn.icon-text.right {
        flex-direction: column-reverse;
    }

    .btn.icon-text.inline.right {
        flex-direction: row;
    }

    .btn.icon-text.right.dropdown {
        flex-direction: row;
    }

    /*
    .btn.icon-text:not(.inline){
        padding: .275rem .75rem
    }

    button.icon-text:not(.inline)>span{
        font-size: 0.6em;
        display:block;
        line-height: 1;
        text-align: left;
        margin: .2rem auto 0 auto;
        flex-grow: 0;
    }
    */
    .dnd>button.icon-text>span,
    .list-group>button.icon-text>span,
    .menu-vertical>button.icon-text>span {
        font-size: 1rem;
        margin: 0;
    }

    /*
    .icon-text:not(.inline)::before{
        margin:0;
    }
    */
    div.controller_menu_bottom.nav {
        flex-direction: column-reverse;
    }

    div.controller_menu_bottom.nav button {
        width: 100%;
        margin-bottom: 1rem;
    }

    .btn.icon-text.inline.capsule {
        border-radius: 2rem;
    }

    .btn.inline {
        padding: 1rem;
    }

    .button-list>li>button.btn.icon-text>span {
        font-size: 1em;
    }

    div.doc_row_form {
        display: flex;
        align-items: stretch;
        flex-wrap: wrap;
    }

    div.form_field.doc {
        border-left: 0.05rem solid rgba(0, 0, 0, 0.12);
        flex-grow: 1;
    }

    .awd-1,
    .awd-2,
    .awd-3,
    .awd-4,
    .awd-5,
    .awd-6,
    .awd-7,
    .awd-8,
    .awd-9,
    .awd-10,
    .awd-11,
    .awd-12,
    .awd-13,
    .awd-14,
    .awd-15,
    .awd-16,
    .awd-17,
    .awd-18,
    .awd-19,
    .awd-20,
    .awd-21,
    .awd-22,
    .awd-23,
    .awd-24,
    .awd-25,
    .awd-26,
    .awd-27,
    .awd-28,
    .awd-29,
    .awd-30,
    .awd-31,
    .awd-32,
    .awd-33,
    .awd-34,
    .awd-35,
    .awd-36,
    .awd-37,
    .awd-38,
    .awd-39,
    .awd-40,
    .awd-41,
    .awd-42,
    .awd-43,
    .awd-44,
    .awd-45,
    .awd-46,
    .awd-47,
    .awd-48,
    .awd-49,
    .awd-50,
    .awd-51,
    .awd-52,
    .awd-53,
    .awd-54,
    .awd-55,
    .awd-56,
    .awd-57,
    .awd-58,
    .awd-59,
    .awd-60,
    .awd-61,
    .awd-62,
    .awd-63,
    .awd-64,
    .awd-65,
    .awd-66,
    .awd-67,
    .awd-68,
    .awd-69,
    .awd-70,
    .awd-71,
    .awd-72,
    .awd-73,
    .awd-74,
    .awd-75,
    .awd-76,
    .awd-77,
    .awd-78,
    .awd-79,
    .awd-80,
    .awd-81,
    .awd-82,
    .awd-83,
    .awd-84,
    .awd-85,
    .awd-86,
    .awd-87,
    .awd-88,
    .awd-89,
    .awd-90,
    .awd-91,
    .awd-92,
    .awd-93,
    .awd-94,
    .awd-95,
    .awd-96,
    .awd-97,
    .awd-98,
    .awd-99,
    .awd-100,
    .col-wd-1,
    .col-wd-2,
    .col-wd-3,
    .col-wd-4,
    .col-wd-5,
    .col-wd-6,
    .col-wd-7,
    .col-wd-8,
    .col-wd-9,
    .col-wd-10,
    .col-wd-11,
    .col-wd-12,
    .col-wd-13,
    .col-wd-14,
    .col-wd-15,
    .col-wd-16,
    .col-wd-17,
    .col-wd-18,
    .col-wd-19,
    .col-wd-20,
    .col-wd-21,
    .col-wd-22,
    .col-wd-23,
    .col-wd-24,
    .col-wd-25,
    .col-wd-26,
    .col-wd-27,
    .col-wd-28,
    .col-wd-29,
    .col-wd-30,
    .col-wd-31,
    .col-wd-32,
    .col-wd-33,
    .col-wd-34,
    .col-wd-35,
    .col-wd-36,
    .col-wd-37,
    .col-wd-38,
    .col-wd-39,
    .col-wd-40,
    .col-wd-41,
    .col-wd-42,
    .col-wd-43,
    .col-wd-44,
    .col-wd-45,
    .col-wd-46,
    .col-wd-47,
    .col-wd-48,
    .col-wd-49,
    .col-wd-50,
    .col-wd-51,
    .col-wd-52,
    .col-wd-53,
    .col-wd-54,
    .col-wd-55,
    .col-wd-56,
    .col-wd-57,
    .col-wd-58,
    .col-wd-59,
    .col-wd-60,
    .col-wd-61,
    .col-wd-62,
    .col-wd-63,
    .col-wd-64,
    .col-wd-65,
    .col-wd-66,
    .col-wd-67,
    .col-wd-68,
    .col-wd-69,
    .col-wd-70,
    .col-wd-71,
    .col-wd-72,
    .col-wd-73,
    .col-wd-74,
    .col-wd-75,
    .col-wd-76,
    .col-wd-77,
    .col-wd-78,
    .col-wd-79,
    .col-wd-80,
    .col-wd-81,
    .col-wd-82,
    .col-wd-83,
    .col-wd-84,
    .col-wd-85,
    .col-wd-86,
    .col-wd-87,
    .col-wd-88,
    .col-wd-89,
    .col-wd-90,
    .col-wd-91,
    .col-wd-92,
    .col-wd-93,
    .col-wd-94,
    .col-wd-95,
    .col-wd-96,
    .col-wd-97,
    .col-wd-98,
    .col-wd-99,
    .col-wd-100,
    .mwd-1,
    .mwd-2,
    .mwd-3,
    .mwd-4,
    .mwd-5,
    .mwd-6,
    .mwd-7,
    .mwd-8,
    .mwd-9,
    .mwd-10,
    .mwd-11,
    .mwd-12,
    .mwd-13,
    .mwd-14,
    .mwd-15,
    .mwd-16,
    .mwd-17,
    .mwd-18,
    .mwd-19,
    .mwd-20,
    .mwd-21,
    .mwd-22,
    .mwd-23,
    .mwd-24,
    .mwd-25,
    .mwd-26,
    .mwd-27,
    .mwd-28,
    .mwd-29,
    .mwd-30,
    .mwd-31,
    .mwd-32,
    .mwd-33,
    .mwd-34,
    .mwd-35,
    .mwd-36,
    .mwd-37,
    .mwd-38,
    .mwd-39,
    .mwd-40,
    .mwd-41,
    .mwd-42,
    .mwd-43,
    .mwd-44,
    .mwd-45,
    .mwd-46,
    .mwd-47,
    .mwd-48,
    .mwd-49,
    .mwd-50,
    .mwd-51,
    .mwd-52,
    .mwd-53,
    .mwd-54,
    .mwd-55,
    .mwd-56,
    .mwd-57,
    .mwd-58,
    .mwd-59,
    .mwd-60,
    .mwd-61,
    .mwd-62,
    .mwd-63,
    .mwd-64,
    .mwd-65,
    .mwd-66,
    .mwd-67,
    .mwd-68,
    .mwd-69,
    .mwd-70,
    .mwd-71,
    .mwd-72,
    .mwd-73,
    .mwd-74,
    .mwd-75,
    .mwd-76,
    .mwd-77,
    .mwd-78,
    .mwd-79,
    .mwd-80,
    .mwd-81,
    .mwd-82,
    .mwd-83,
    .mwd-84,
    .mwd-85,
    .mwd-86,
    .mwd-87,
    .mwd-88,
    .mwd-89,
    .mwd-90,
    .mwd-91,
    .mwd-92,
    .mwd-93,
    .mwd-94,
    .mwd-95,
    .mwd-96,
    .mwd-97,
    .mwd-98,
    .mwd-99,
    .mwd-100,
    .wd-1,
    .wd-2,
    .wd-3,
    .wd-4,
    .wd-5,
    .wd-6,
    .wd-7,
    .wd-8,
    .wd-9,
    .wd-10,
    .wd-11,
    .wd-12,
    .wd-13,
    .wd-14,
    .wd-15,
    .wd-16,
    .wd-17,
    .wd-18,
    .wd-19,
    .wd-20,
    .wd-21,
    .wd-22,
    .wd-23,
    .wd-24,
    .wd-25,
    .wd-26,
    .wd-27,
    .wd-28,
    .wd-29,
    .wd-30,
    .wd-31,
    .wd-32,
    .wd-33,
    .wd-34,
    .wd-35,
    .wd-36,
    .wd-37,
    .wd-38,
    .wd-39,
    .wd-40,
    .wd-41,
    .wd-42,
    .wd-43,
    .wd-44,
    .wd-45,
    .wd-46,
    .wd-47,
    .wd-48,
    .wd-49,
    .wd-50,
    .wd-51,
    .wd-52,
    .wd-53,
    .wd-54,
    .wd-55,
    .wd-56,
    .wd-57,
    .wd-58,
    .wd-59,
    .wd-60,
    .wd-61,
    .wd-62,
    .wd-63,
    .wd-64,
    .wd-65,
    .wd-66,
    .wd-67,
    .wd-68,
    .wd-69,
    .wd-70,
    .wd-71,
    .wd-72,
    .wd-73,
    .wd-74,
    .wd-75,
    .wd-76,
    .wd-77,
    .wd-78,
    .wd-79,
    .wd-80,
    .wd-81,
    .wd-82,
    .wd-83,
    .wd-84,
    .wd-85,
    .wd-86,
    .wd-87,
    .wd-88,
    .wd-89,
    .wd-90,
    .wd-91,
    .wd-92,
    .wd-93,
    .wd-94,
    .wd-95,
    .wd-96,
    .wd-97,
    .wd-98,
    .wd-99,
    .wd-100 {
        width: unset;
        min-width: unset;
    }

    .doc-block-group {
        flex-direction: column;
    }

    .table.grid>.tfoot {
        display: none;
    }

    /*
    .input_opt .input_wrapper>.inline-menu>button{
        display: none;
    }
    */
    .input_opt .input_wrapper>.inline-menu>button.menu {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .input_opt .input_wrapper>.inline-menu>button.expand {
        order: 10;
    }

    .app.has-compact-menu .app-aside {
        transform: translate3d(-100%, 0, 0);
        z-index: 1029;
        border-right: 0
    }

    .app.has-compact-menu .app-aside+.app-main {
        padding-left: 0;
    }

    .app-aside-expand-md.show {
        transform: translateZ(0)
    }

    .app-aside-expand-md {
        top: 0;
        z-index: 21;
    }

    .doc_page {
        padding: 0;
        margin: 0;
    }

    div.grid_wrapper {
        margin: 1rem 0;
    }
    /*
    .grid_head>div,
    .block-head>span.title {
        border-radius: 0;
        border: 1px solid rgba(0, 0, 0, 0.24);
    }
    */
    .grid_wrapper.block_wrapper > .block-head > .block-title, 
    .grid_wrapper.doc > .grid_head > .grid_caption {
        border-width: 1px 1px 1px 1px;  
    }

    .grid_head>.grid_caption .button-grid-settings {
        min-height: 3rem;
    }

    .grid_wrapper.long-form>.table>.tbody>.tr>.td.f-opt {
        background-color: var(--cs-own-bg-color);        
    }

    .grid_wrapper.doc.long-form > .table > .tbody > .tr > .td.f-opt,
    .grid_wrapper.doc.long-form > .table > .tbody > .tr > .td.f-index {
        background-color: var(--cs-own-bg-color);
        border-radius: 0;
    }

    .grid_wrapper.doc.long-form > .table > .tbody > .tr > .td {
        border-top-color: var(--cs-own-bg-color);
    }

    .grid_table_options_bottom {
        display: flex;
        justify-content: center;
        padding: 1rem 1rem 2rem 1rem;
        margin: 0;
    }

    .grid_wrapper.scheme-doc .grid_table_options_bottom>ul>li>button.append {
        opacity: 1;
        padding: 1rem;
    }

    body.has-menu-side.has-wide-menu .aside-backdrop {
        display: block;
        animation: fadeInBackdrop .26s ease forwards;
        z-index: 20;
    }

    .app.sandbox .top-bar-brand {
        display: flex;
    }

    .chart-frame,
    /*.input-card,*/
    .doc_iso_header {
        flex-direction: column;
        border-radius: 0;
    }

    .doc_iso_header>div {
        flex-direction: column;
    }

    .doc_iso_header>div:first-child>div:first-child {
        display: none;
    }

    .doc_iso_header>div:first-child>div:last-child {
        border: none;
    }

    .doc_iso_header>div:first-child>div:last-child>div {
        width: 33%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: 0.8em;
    }

    .doc_iso_header>div:first-child>div:last-child>div:nth-child(2) {
        border-left: 0.1rem solid rgba(0, 0, 0, 0.24);
        border-right: 0.1rem solid rgba(0, 0, 0, 0.24);
    }

    .doc_iso_header>div:last-child>div:first-child,
    .doc_iso_header>div>div {
        width: 100%;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: center;
        border-width: 0;
    }

    .Token.person .input-card,
    .Dropdown .input-card {
        flex-direction: row;
    }

    .avatar-group {
        justify-content: flex-end;
    }

    div.popup_anchor_options>ul>li>button.icon-text {
        align-items: flex-start;
    }

    .popup-layer .btn.icon-text.close::before {
        margin-right: 0;
    }

    .table.grid>*>.tr {
        flex-wrap: wrap;
        padding: 0;
        /*background: linear-gradient(90deg, rgb(240 240 240) 0, rgb(240 240 240) 2rem, white 1.95rem);*/
        margin: 0.5rem 0;
        border: 0.05rem solid rgba(0, 0, 0, 0.16);
        border-radius: 0.4rem;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
        background-color: white;
        overflow: hidden;
        flex-direction: column;
    }

    /*
    .table.grid > * > .tr.highlight {
        background: linear-gradient(90deg, rgba(255, 255, 0, 0.24) 0, rgba(255, 255, 0, 0.24) 2rem, white 1.95rem);
    }
    */
    .table.grid.scheme-grid>.tbody>.tr.highlight>.td.col-opt {
        background-color: transparent;
    }


    .table>.tbody>.tr>.td .input_index button.gi::before {
        margin: 0;
    }

    .table.doc.expandable>*>.tr {
        padding: 0;
    }

    .table.doc.expandable>*>.tr.collapsable {
        padding: 0;
    }

    .table.scheme-doc.grid.has-border>.tbody>.tr.collapsable>.td:first-child {
        padding: 0;
        margin: 0;
    }

    .table.grid.fieldset>*>.tr {
        padding-top: 0;
        padding-bottom: 0;
    }

    .table.grid.fieldset>.tbody>.tr>.td.rh {
        padding: 0;
    }

    .table.grid>*>.tr.expandable.expanded {
        margin-bottom: 0;
        border-bottom: none;
        border-radius: 0.4rem 0.4rem 0 0;
    }

    .table.grid>*>.tr.collapsable {
        display: flex;
        margin-top: 0;
        border-top-style: none;
        border-radius: 0 0 0.4rem 0.4rem;
        padding-top: 0;
        padding-bottom: 0;
    }

    .table.grid>*>.tr.collapsable.collapsed {
        display: none;
    }

    .table.grid>.tbody>.tr>.td.f-index,
    .table.grid.not-fieldset>.tbody>.tr>.td.f-index {
        order: -20 !important;
        min-width: 3rem;
        max-width: unset;
        margin: 0;
        border-width: 0;
        border-radius: 0.3rem .3rem 0 0;
        padding: 0;
        min-height: 3rem;
        /*border-bottom: .1rem solid rgba(0, 0, 0, 0.12);*/
        width: calc(100% - 3rem);
    }

    .table.grid.not-fieldset>.tbody>.tr.expandable>.td.f-index {
        width: calc(100% - 6rem);
    }

    .table.grid>.tbody>.tr>.td.rh.f-picture {
        order: -9;
    }

    .table.grid.fieldset>.tbody>.tr>.td.f-index {
        margin-top: 0;
    }
    /*
    .table.scheme-doc.has-border>.thead>.tr>.th:first-child,
    .table.scheme-doc.grid.has-border>.tbody>.tr>.td:first-child {
        border-right-width: 0;
        padding: .5rem 1rem;
        min-height: 3rem;
    }
    */
    .table.grid>.tbody>.tr>.td.f-index .gi {
        background-color: transparent;
        justify-content: center;
        align-items: center;
        display: flex;
        min-height: 3rem;        
        padding: 0 1rem 0 .5rem;
        min-width: 4rem;
        /*
        background-color: rgba(0, 0, 0, 0.06);
        border-radius: 0 0 1rem 0;        
        box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1) inset;*/
    }
    
    /*
    .table.grid.doc>.tbody>.tr>.td:nth-child(2){
        order:-2;
        width: 100%;
        min-width: 100%;
        flex-grow: 1;
        border:none;
    }
    */
    .table.grid>.tbody>.tr>.td .grid_sub_wrapper .grid_wrapper>.indent,
    .table.grid>.tbody>.tr>.td .grid_sub_wrapper .grid_wrapper>.margin {
        display: none;
    }

    .table.grid>.tbody>.tr>.td.rh {
        order: -2 !important;
        flex-grow: 1;
        margin: 0;
        padding: 0.3rem 0;
        border: none;
        border-radius: 0;
        min-height: 3rem;
    }

    .table.grid>.tbody>.tr>.td.ext.rh {
        order: inherit;
    }

    .table.grid>.tbody>.tr>.td.rh>.label {
        display: none;
    }

    .table.grid>.tbody>.tr>.td.f-opt>*:last-child,
    .table.grid>.tbody>.tr>.td.f-index>*:last-child,
    .table.grid>.tbody>.tr>.td.rh>*:last-child {
        border: none;
    }

    .table.doc.not-fieldset>.tbody>.tr>.td.col-opt,
    .table.grid.scheme-grid>.tbody>.tr>.td.col-opt {
        order: -19 !important;
        width: 3rem;
        min-width: 3rem;
        margin: 0;
        padding: 0;
        border-radius: 0 0.3rem 0 0;
        flex-grow: 0;
        align-self: flex-end;
        margin: -3rem 0 0 0;
        min-height: 3rem;
    }


    .input_opt .input_wrapper,
    .input_opt .input_wrapper div:first-child {
        justify-content: center;
        align-items: center;
    }

    .table.scheme-grid .tr>.td.rh {
        width: 100%;
    }

    .td.form_field.grid.f-picture img,
    .td .input-card img {
        border-radius: 50%;
        height: 2rem;
        width: 2rem;
    }

    .td.rh.form_field.grid.t-person img,
    .td.rh.form_field.grid.f-picture img {
        border-radius: 50%;
        height: 3rem;
        width: 3rem;
    }

    .form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize > div.input_envelope:not(.tokenize-popup-backdrop) div.Multi > ul.TokensContainer > li.Token {    
        min-width: calc(3.4rem + 2px);
    }

    .form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize.t-person > div.input_envelope:not(.tokenize-popup-backdrop) div.Multi > ul.TokensContainer > li.Token:first-child,
    .form_field:not(.multi-line):not(.bulk):not(.empty).f-tokenize.t-person > div.input_envelope:not(.tokenize-popup-backdrop) div.Multi > ul.TokensContainer > li.Token {    
        border-radius: 1.7rem;
    }

    .td.form_field .input_wrapper>div.input-display-wrapper>button {
        justify-content: flex-start;
    }

    .td.rh.form_field.grid.t-person .input-card-label {
        font-size: 1.2rem;
    }

    .td.rh .input-label>.field-fullname>span,
    .td.rh .fieldset-caption {
        font-size: 1.2rem;
    }

    div.doc_envelope>div>div:first-child,
    div.doc_envelope>div>div:last-child {
        flex-grow: 0;
    }

    div.doc_envelope>div>div:nth-child(2) {
        flex-grow: 1;
    }

    div.popup-layer>div.wrapper>div.body {
        order: 1;
    }

    div.popup-layer.layer-input_form_wrapper>div.wrapper>div.body {
        margin: 1rem;
    }

    div.popup-layer>div.wrapper>div.body>div {
        /*
        border: 0.1rem solid rgba(0,0,0,0.12);
        border-radius: .3rem;
        */
        max-height: 100%;
    }

    div.form_field.doc>div.input_envelope {
        padding: .5rem .3rem;
    }

    span,
    p,
    a {
        word-wrap: anywhere;
        line-height: 1;
    }

    button.gi {
        font-size: 1.2rem;
        min-width: 2rem;
        align-items: flex-start;
        justify-content: flex-start;
        flex-grow: unset;
    }

    .table.grid.not-fieldset>.thead {
        display: none;
    }

    .table.doc {
        /*border-top: 0.05rem solid rgba(0,0,0,0.24);*/
        border-radius: 0 0 0 0;
    }

    /*
    .table.grid.not-fieldset .row-overview-wrapper{
        flex-grow:1;
        border-left: 0.05rem solid rgba(0,0,0,0.24);
    }

    .table.grid.not-fieldset .row-overview{
        display: flex;
        flex-wrap: wrap;
    }
    */
    .row-overview>.form_pair {
        display: inline-flex;
        flex-direction: column;
        border: 0.05rem solid rgba(0, 0, 0, 0.12);
        border-radius: 4px;
        margin: 2px;
    }

    .row-overview>.form_pair.ext {
        display: flex;
        width: 100%;
        min-height: 2rem;
        border: none;
        flex-direction: row;
        border-radius: 0;
        margin: 0;
    }

    .row-overview>.form_pair.ext>label {
        background-color: transparent !important;
    }

    .row-overview>.form_pair>label,
    .row-overview>.form_pair>div {
        display: inline-flex;
        flex-wrap: wrap;
    }

    .row-overview>.form_pair>label {
        align-items: center;
        font-size: 0.8em;
        flex-grow: 1;
        border-bottom: 0.05rem solid rgba(0, 0, 0, 0.12);
        padding: 2px;
    }

    .table.grid>.tbody>.tr>.td.col-f-fieldset>.label {
        background-color: transparent;
    }

    .table.grid>.tbody>.tr>.td.col-f-fieldset>*:last-child {
        border-color: transparent;
    }

    .table.grid>.tbody>.tr.collapsable>.td>*:last-child {
        border: none;
        border-radius: 0;
    }


    .table.grid.gradebook>.tbody>.tr>.td.f-grade .grade-wrapper,
    .table.grid.gradebook>.tbody>.tr>.td.f-grade>*:last-child,
    .table.grid>.tbody>.tr>.td.ext>*:last-child {
        border-radius: 0.4rem;
    }

    .table.grid>.tbody>.tr>.td.focus>*:last-child {
        border-radius: 0;
    }


    .row-overview>.form_pair>label>span {
        color: rgba(0, 0, 0, 0.4);
        margin: 0 .2em;
    }

    .row-overview>.form_pair.field-fullname a.caption {
        font-size: 0.7em;
    }

    .row-overview>.form_pair.t-person {
        width: 100%;
    }

    /*
    .table.gradebook .form_pair{
        display: flex;
        width:100%;
    }

    .table.gradebook .row-overview>.form_pair:first-child>label{
        display: none;
    }

    .table.gradebook .row-overview>.form_pair:first-child>div,
    .table.gradebook .form_pair.field-extended{
        width: 100%;
    }

    .table.gradebook .form_pair>label,
    .table.gradebook .form_pair>div{
        display: inline-flex;
        width: 50%;
    }

    .table.gradebook .form_pair>div.f-grade{
        max-width: 6rem;
    }

    .table.gradebook .form_pair>label{
        flex-wrap: wrap;
        flex-grow: 1;
    }

    .table.gradebook .form_pair>label>span{
        padding:0.2em;
        font-size:0.8em;
    }
    */
    .table.scheme-grid button.gi {
        background-color: rgba(0, 0, 0, 0.08);
    }

    .table.scheme-doc button.gi {
        background-color: transparent;
    }

    .form_pair.field-personpicture {
        order: -99;
    }

    .form_pair.field-personpicture,
    .row-overview .input-card img {
        min-width: 3rem;
        min-height: 3rem;
        width: 3rem;
        height: 3rem;
        overflow: hidden;
        border-radius: 50%;
        border: 0.05rem solid rgba(0, 0, 0, 0.24);
    }

    .form_pair.field-enrollmentstudent_id.t-person,
    .form_pair.field-student_id.t-person,
    .form_pair.field-fullname,
    .form_pair.field-person {
        order: -98;
        font-size: 1rem;
        flex-grow: 1;
        font-size: 1.5em;
    }

    .form_pair.field-enrollmentstudent_id.t-person+span,
    .form_pair.field-student_id.t-person+span,
    .form_pair.field-fullname+span,
    .form_pair.field-person+span {
        order: -97;
        width: 100%;
        height: 0;
    }

    .form_pair.field-enrollmentstudent_id.t-person>label,
    .form_pair.field-student_id.t-person>label,
    .form_pair.field-fullname>label,
    .form_pair.field-personpicture>label,
    .form_pair.field-person>label {
        display: none;
    }

    .form_pair.field-fullname a.fullname {
        flex-wrap: wrap;
    }

    .form_pair.field-fullname a.fullname>span:nth-child(3),
    .form_pair.field-fullname a.fullname>span:nth-child(4) {
        opacity: 0.5;
    }

    .form_pair.field-personpicture+span+.form_pair.field-fullname {
        width: calc(100% - 4rem);
    }

    /*
    div.Tokenize.Multi>ul>li.Token:not(.person), .form_field.has-color li.Token:not(.person){
        padding: .5rem;
    }
    */
    /*
    .btn-toolbar>.btn-group{
        background-color: rgba(0,0,0,0.08);
    }
    */
    .table.scheme-grid.ticketout .form_field.field-student_id li {
        background-color: transparent;
    }

    .controller_display_tab.grid div.grid_wrapper {
        display: block;
        width: 100%;
        margin: 0;
        border: none;
    }

    .controller_display_tab.grid div.grid_wrapper>.table {
        max-width: 100%;
        min-width: 100%;
    }

    .table.scheme-grid {
        padding: .5rem;
    }

    .xwd-1 {
        min-width: 1%;
        width: 1%;
    }

    .xwd-2 {
        min-width: 2%;
        width: 2%;
    }

    .xwd-3 {
        min-width: 3%;
        width: 3%;
    }

    .xwd-4 {
        min-width: 4%;
        width: 4%;
    }

    .xwd-5 {
        min-width: 5%;
        width: 5%;
    }

    .xwd-6 {
        min-width: 6%;
        width: 6%;
    }

    .xwd-7 {
        min-width: 7%;
        width: 7%;
    }

    .xwd-8 {
        min-width: 8%;
        width: 8%;
    }

    .xwd-9 {
        min-width: 9%;
        width: 9%;
    }

    .xwd-10 {
        min-width: 10%;
        width: 10%;
    }

    .xwd-11 {
        min-width: 11%;
        width: 11%;
    }

    .xwd-12 {
        min-width: 12%;
        width: 12%;
    }

    .xwd-13 {
        min-width: 13%;
        width: 13%;
    }

    .xwd-14 {
        min-width: 14%;
        width: 14%;
    }

    .xwd-15 {
        min-width: 15%;
        width: 15%;
    }

    .xwd-16 {
        min-width: 16%;
        width: 16%;
    }

    .xwd-17 {
        min-width: 17%;
        width: 17%;
    }

    .xwd-18 {
        min-width: 18%;
        width: 18%;
    }

    .xwd-19 {
        min-width: 19%;
        width: 19%;
    }

    .xwd-20 {
        min-width: 20%;
        width: 20%;
    }

    .xwd-21 {
        min-width: 21%;
        width: 21%;
    }

    .xwd-22 {
        min-width: 22%;
        width: 22%;
    }

    .xwd-23 {
        min-width: 23%;
        width: 23%;
    }

    .xwd-24 {
        min-width: 24%;
        width: 24%;
    }

    .xwd-25 {
        min-width: 25%;
        width: 25%;
    }

    .xwd-26 {
        min-width: 26%;
        width: 26%;
    }

    .xwd-27 {
        min-width: 27%;
        width: 27%;
    }

    .xwd-28 {
        min-width: 28%;
        width: 28%;
    }

    .xwd-29 {
        min-width: 29%;
        width: 29%;
    }

    .xwd-30 {
        min-width: 30%;
        width: 30%;
    }

    .xwd-31 {
        min-width: 31%;
        width: 31%;
    }

    .xwd-32 {
        min-width: 32%;
        width: 32%;
    }

    .xwd-33 {
        min-width: 33%;
        width: 33%;
    }

    .xwd-34 {
        min-width: 34%;
        width: 34%;
    }

    .xwd-35 {
        min-width: 35%;
        width: 35%;
    }

    .xwd-36 {
        min-width: 36%;
        width: 36%;
    }

    .xwd-37 {
        min-width: 37%;
        width: 37%;
    }

    .xwd-38 {
        min-width: 38%;
        width: 38%;
    }

    .xwd-39 {
        min-width: 39%;
        width: 39%;
    }

    .xwd-40 {
        min-width: 40%;
        width: 40%;
    }

    .xwd-41 {
        min-width: 41%;
        width: 41%;
    }

    .xwd-42 {
        min-width: 42%;
        width: 42%;
    }

    .xwd-43 {
        min-width: 43%;
        width: 43%;
    }

    .xwd-44 {
        min-width: 44%;
        width: 44%;
    }

    .xwd-45 {
        min-width: 45%;
        width: 45%;
    }

    .xwd-46 {
        min-width: 46%;
        width: 46%;
    }

    .xwd-47 {
        min-width: 47%;
        width: 47%;
    }

    .xwd-48 {
        min-width: 48%;
        width: 48%;
    }

    .xwd-49 {
        min-width: 49%;
        width: 49%;
    }

    .xwd-50 {
        min-width: 50%;
        width: 50%;
    }

    .xwd-51 {
        min-width: 51%;
        width: 51%;
    }

    .xwd-52 {
        min-width: 52%;
        width: 52%;
    }

    .xwd-53 {
        min-width: 53%;
        width: 53%;
    }

    .xwd-54 {
        min-width: 54%;
        width: 54%;
    }

    .xwd-55 {
        min-width: 55%;
        width: 55%;
    }

    .xwd-56 {
        min-width: 56%;
        width: 56%;
    }

    .xwd-57 {
        min-width: 57%;
        width: 57%;
    }

    .xwd-58 {
        min-width: 58%;
        width: 58%;
    }

    .xwd-59 {
        min-width: 59%;
        width: 59%;
    }

    .xwd-60 {
        min-width: 60%;
        width: 60%;
    }

    .xwd-61 {
        min-width: 61%;
        width: 61%;
    }

    .xwd-62 {
        min-width: 62%;
        width: 62%;
    }

    .xwd-63 {
        min-width: 63%;
        width: 63%;
    }

    .xwd-64 {
        min-width: 64%;
        width: 64%;
    }

    .xwd-65 {
        min-width: 65%;
        width: 65%;
    }

    .xwd-66 {
        min-width: 66%;
        width: 66%;
    }

    .xwd-67 {
        min-width: 67%;
        width: 67%;
    }

    .xwd-68 {
        min-width: 68%;
        width: 68%;
    }

    .xwd-69 {
        min-width: 69%;
        width: 69%;
    }

    .xwd-70 {
        min-width: 70%;
        width: 70%;
    }

    .xwd-71 {
        min-width: 71%;
        width: 71%;
    }

    .xwd-72 {
        min-width: 72%;
        width: 72%;
    }

    .xwd-73 {
        min-width: 73%;
        width: 73%;
    }

    .xwd-74 {
        min-width: 74%;
        width: 74%;
    }

    .xwd-75 {
        min-width: 75%;
        width: 75%;
    }

    .xwd-76 {
        min-width: 76%;
        width: 76%;
    }

    .xwd-77 {
        min-width: 77%;
        width: 77%;
    }

    .xwd-78 {
        min-width: 78%;
        width: 78%;
    }

    .xwd-79 {
        min-width: 79%;
        width: 79%;
    }

    .xwd-80 {
        min-width: 80%;
        width: 80%;
    }

    .xwd-81 {
        min-width: 81%;
        width: 81%;
    }

    .xwd-82 {
        min-width: 82%;
        width: 82%;
    }

    .xwd-83 {
        min-width: 83%;
        width: 83%;
    }

    .xwd-84 {
        min-width: 84%;
        width: 84%;
    }

    .xwd-85 {
        min-width: 85%;
        width: 85%;
    }

    .xwd-86 {
        min-width: 86%;
        width: 86%;
    }

    .xwd-87 {
        min-width: 87%;
        width: 87%;
    }

    .xwd-88 {
        min-width: 88%;
        width: 88%;
    }

    .xwd-89 {
        min-width: 89%;
        width: 89%;
    }

    .xwd-90 {
        min-width: 90%;
        width: 90%;
    }

    .xwd-91 {
        min-width: 91%;
        width: 91%;
    }

    .xwd-92 {
        min-width: 92%;
        width: 92%;
    }

    .xwd-93 {
        min-width: 93%;
        width: 93%;
    }

    .xwd-94 {
        min-width: 94%;
        width: 94%;
    }

    .xwd-95 {
        min-width: 95%;
        width: 95%;
    }

    .xwd-96 {
        min-width: 96%;
        width: 96%;
    }

    .xwd-97 {
        min-width: 97%;
        width: 97%;
    }

    .xwd-98 {
        min-width: 98%;
        width: 98%;
    }

    .xwd-99 {
        min-width: 99%;
        width: 99%;
    }

    .xwd-100 {
        min-width: 100%;
        width: 100%;
    }

    .xwd-1:not(.grow) {
        max-width: 1%;
    }

    .xwd-2:not(.grow) {
        max-width: 2%;
    }

    .xwd-3:not(.grow) {
        max-width: 3%;
    }

    .xwd-4:not(.grow) {
        max-width: 4%;
    }

    .xwd-5:not(.grow) {
        max-width: 5%;
    }

    .xwd-6:not(.grow) {
        max-width: 6%;
    }

    .xwd-7:not(.grow) {
        max-width: 7%;
    }

    .xwd-8:not(.grow) {
        max-width: 8%;
    }

    .xwd-9:not(.grow) {
        max-width: 9%;
    }

    .xwd-10:not(.grow) {
        max-width: 10%;
    }

    .xwd-11:not(.grow) {
        max-width: 11%;
    }

    .xwd-12:not(.grow) {
        max-width: 12%;
    }

    .xwd-13:not(.grow) {
        max-width: 13%;
    }

    .xwd-14:not(.grow) {
        max-width: 14%;
    }

    .xwd-15:not(.grow) {
        max-width: 15%;
    }

    .xwd-16:not(.grow) {
        max-width: 16%;
    }

    .xwd-17:not(.grow) {
        max-width: 17%;
    }

    .xwd-18:not(.grow) {
        max-width: 18%;
    }

    .xwd-19:not(.grow) {
        max-width: 19%;
    }

    .xwd-20:not(.grow) {
        max-width: 20%;
    }

    .xwd-21:not(.grow) {
        max-width: 21%;
    }

    .xwd-22:not(.grow) {
        max-width: 22%;
    }

    .xwd-23:not(.grow) {
        max-width: 23%;
    }

    .xwd-24:not(.grow) {
        max-width: 24%;
    }

    .xwd-25:not(.grow) {
        max-width: 25%;
    }

    .xwd-26:not(.grow) {
        max-width: 26%;
    }

    .xwd-27:not(.grow) {
        max-width: 27%;
    }

    .xwd-28:not(.grow) {
        max-width: 28%;
    }

    .xwd-29:not(.grow) {
        max-width: 29%;
    }

    .xwd-30:not(.grow) {
        max-width: 30%;
    }

    .xwd-31:not(.grow) {
        max-width: 31%;
    }

    .xwd-32:not(.grow) {
        max-width: 32%;
    }

    .xwd-33:not(.grow) {
        max-width: 33%;
    }

    .xwd-34:not(.grow) {
        max-width: 34%;
    }

    .xwd-35:not(.grow) {
        max-width: 35%;
    }

    .xwd-36:not(.grow) {
        max-width: 36%;
    }

    .xwd-37:not(.grow) {
        max-width: 37%;
    }

    .xwd-38:not(.grow) {
        max-width: 38%;
    }

    .xwd-39:not(.grow) {
        max-width: 39%;
    }

    .xwd-40:not(.grow) {
        max-width: 40%;
    }

    .xwd-41:not(.grow) {
        max-width: 41%;
    }

    .xwd-42:not(.grow) {
        max-width: 42%;
    }

    .xwd-43:not(.grow) {
        max-width: 43%;
    }

    .xwd-44:not(.grow) {
        max-width: 44%;
    }

    .xwd-45:not(.grow) {
        max-width: 45%;
    }

    .xwd-46:not(.grow) {
        max-width: 46%;
    }

    .xwd-47:not(.grow) {
        max-width: 47%;
    }

    .xwd-48:not(.grow) {
        max-width: 48%;
    }

    .xwd-49:not(.grow) {
        max-width: 49%;
    }

    .xwd-50:not(.grow) {
        max-width: 50%;
    }

    .xwd-51:not(.grow) {
        max-width: 51%;
    }

    .xwd-52:not(.grow) {
        max-width: 52%;
    }

    .xwd-53:not(.grow) {
        max-width: 53%;
    }

    .xwd-54:not(.grow) {
        max-width: 54%;
    }

    .xwd-55:not(.grow) {
        max-width: 55%;
    }

    .xwd-56:not(.grow) {
        max-width: 56%;
    }

    .xwd-57:not(.grow) {
        max-width: 57%;
    }

    .xwd-58:not(.grow) {
        max-width: 58%;
    }

    .xwd-59:not(.grow) {
        max-width: 59%;
    }

    .xwd-60:not(.grow) {
        max-width: 60%;
    }

    .xwd-61:not(.grow) {
        max-width: 61%;
    }

    .xwd-62:not(.grow) {
        max-width: 62%;
    }

    .xwd-63:not(.grow) {
        max-width: 63%;
    }

    .xwd-64:not(.grow) {
        max-width: 64%;
    }

    .xwd-65:not(.grow) {
        max-width: 65%;
    }

    .xwd-66:not(.grow) {
        max-width: 66%;
    }

    .xwd-67:not(.grow) {
        max-width: 67%;
    }

    .xwd-68:not(.grow) {
        max-width: 68%;
    }

    .xwd-69:not(.grow) {
        max-width: 69%;
    }

    .xwd-70:not(.grow) {
        max-width: 70%;
    }

    .xwd-71:not(.grow) {
        max-width: 71%;
    }

    .xwd-72:not(.grow) {
        max-width: 72%;
    }

    .xwd-73:not(.grow) {
        max-width: 73%;
    }

    .xwd-74:not(.grow) {
        max-width: 74%;
    }

    .xwd-75:not(.grow) {
        max-width: 75%;
    }

    .xwd-76:not(.grow) {
        max-width: 76%;
    }

    .xwd-77:not(.grow) {
        max-width: 77%;
    }

    .xwd-78:not(.grow) {
        max-width: 78%;
    }

    .xwd-79:not(.grow) {
        max-width: 79%;
    }

    .xwd-80:not(.grow) {
        max-width: 80%;
    }

    .xwd-81:not(.grow) {
        max-width: 81%;
    }

    .xwd-82:not(.grow) {
        max-width: 82%;
    }

    .xwd-83:not(.grow) {
        max-width: 83%;
    }

    .xwd-84:not(.grow) {
        max-width: 84%;
    }

    .xwd-85:not(.grow) {
        max-width: 85%;
    }

    .xwd-86:not(.grow) {
        max-width: 86%;
    }

    .xwd-87:not(.grow) {
        max-width: 87%;
    }

    .xwd-88:not(.grow) {
        max-width: 88%;
    }

    .xwd-89:not(.grow) {
        max-width: 89%;
    }

    .xwd-90:not(.grow) {
        max-width: 90%;
    }

    .xwd-91:not(.grow) {
        max-width: 91%;
    }

    .xwd-92:not(.grow) {
        max-width: 92%;
    }

    .xwd-93:not(.grow) {
        max-width: 93%;
    }

    .xwd-94:not(.grow) {
        max-width: 94%;
    }

    .xwd-95:not(.grow) {
        max-width: 95%;
    }

    .xwd-96:not(.grow) {
        max-width: 96%;
    }

    .xwd-97:not(.grow) {
        max-width: 97%;
    }

    .xwd-98:not(.grow) {
        max-width: 98%;
    }

    .xwd-99:not(.grow) {
        max-width: 99%;
    }

    .xwd-100:not(.grow) {
        max-width: 100%;
    }

    .table.scheme-grid>.thead>.tr>.th.form_field.col-f-grade:not(.col-t-average)+.th.form_field.col-f-grade.col-t-average,
    .table.scheme-grid>.tbody>.tr>.td.form_field.f-grade:not(.t-average)+.td.form_field.f-grade.t-average {
        border-right: none;
        border-bottom: 0.1rem solid rgba(0, 0, 0, .24);
    }

    .table.grid>.tbody>.tr>.td,
    .table.grid>.head>.tr>.th {
        min-width: auto;
        max-width: 100%;
    }

    .table.grid>.tbody>.tr>.td {
        flex-grow: 1;
        /*padding:0.2rem;*/
        border-width: 0;
    }

    .table.grid>.tbody>.tr.collapsable>.td {
        padding: 0;
        border-radius: 0;
    }

    .table.grid>.tbody>.tr>.td>.label {
        padding: 0.1rem 0.1rem;
        display: flex;
        font-size: 0.7em;
        border-radius: 0.3rem 0.3rem 0 0;
        color: rgba(0, 0, 0, 0.64);
        justify-content: flex-start;
    }

    .table.grid.not-fieldset>.tbody>.tr>.td>.label>button {
        padding: 0;
        font-size: .8rem;
        border-radius: 0;
        flex-grow: 1;
        justify-content: flex-end;
        display: flex;
        align-items: center;
        text-align: right;
    }

    .table.grid.not-fieldset>.tbody>.tr>.td>.label>button>span {
        display: flex;
        /*justify-content: flex-end;*/
    }

    .table.grid.not-fieldset>.tbody>.tr>.td>.label>span {
        margin-right: .2rem;
    }

    .table.grid.not-fieldset .form_field:not(.ext) .input_wrapper {
        display: inline-flex;
        width: unset;
    }

    .table.scheme-grid .form_field>div.input_envelope {
        border-top: 1px solid rgba(0, 0, 0, 0.16);
        /*padding-top: .3rem;*/
    }

    .table.scheme-grid .form_field.f-index+.td>.input_envelope {
        border-top: none;
    }

    .table.grid.not-fieldset .form_field:not(.rh) .input_envelope>div,
    .table.grid.not-fieldset .form_field:not(.rh) .Tokenize ul.TokensContainer,
    .table.grid.not-fieldset .form_field.align-center.xwd-100>div>div>div.input_wrapper>div>p,
    .table.grid.not-fieldset .form_field.align-center.xwd-100>div>div>div.input_wrapper>div,
    .table.grid.not-fieldset .form_field.align-center>div>div>div.input_wrapper>div>button,
    .table.grid.not-fieldset .form_field.align-center>div>div>div.input_wrapper>div>p,
    .table.grid.not-fieldset .form_field.align-center>div>div>div.input_wrapper>div,
    .table.grid.not-fieldset .input_envelope .input_wrapper>div p,
    .table.grid.not-fieldset .input_envelope .input_wrapper>div {
        justify-content: flex-start;
    }

    .table.grid.not-fieldset:not(.multi-line) .td.form_field.f-tokenize:not(.rh)>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer,
    .table.grid.not-fieldset .form_field.f-index>.input_envelope>div,
    .table.grid.not-fieldset .td.form_field.f-tokenize:not(.rh)>div.input_envelope div.Multi>ul.TokensContainer {
        justify-content: flex-start;
    }

    .table.grid.not-fieldset .tr>.td.rh>.input_envelope .input-display-wrapper>button {
        justify-content: flex-start;
    }

    .table.grid.not-fieldset .tr>.td.ext>.input_envelope .input-display-wrapper>button {
        justify-content: center;
    }


    .table.not-fieldset:not(.multi-line) .td.form_field.block.f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div>ul.TokensContainer>li.Token,
    .table.not-fieldset .form_field.block ul.TokensContainer>li.Token,
    .table.not-fieldset .form_field.block.t-person ul.TokensContainer>li.Token,
    .table.not-fieldset .form_field.block.focus.t-person ul.TokensContainer>li.TokenSearch {
        flex-grow: 0;
    }

    .table.grid.not-fieldset .form_field:not(.rh) .Tokenize.OnlyOne>ul>.Token .field-picture>img,
    .table.grid.not-fieldset .form_field:not(.rh) .Tokenize.OnlyOne>ul>.Token .input-card img {
        order: 20;
    }

    .table.grid.not-fieldset .td.form_field.grid.f-select.has-color .input_wrapper {
        border-radius: 1rem;
        padding: 0 1rem;
        flex-grow: 0;
    }

    .table.grid.not-fieldset.gradebook>.tbody>.tr>.td.f-grade>.label,
    .table.grid.not-fieldset>.tbody>.tr>.td.ext>.label {
        display: flex;
        text-align: left;
        border: none;
        border-radius: 0;
        background-color: transparent;
        justify-content: left;
        align-items: center;
        min-height: 2rem;
        flex-wrap: wrap;
    }

    .td>.input_grade>div>.input_wrapper {
        max-width: 6rem;
        border-radius: .3rem;
    }

    .table.grid>.tbody>.tr>.td.iwd-25.xwd-100>.label>button,
    .table.grid.not-fieldset>.tbody>.tr>.td.f-attendance>.label>button,
    .table.grid.not-fieldset.gradebook>.tbody>.tr>.td.f-grade>.label>button,
    .table.grid.not-fieldset>.tbody>.tr>.td.ext>.label>button {
        flex-grow: 1;
        display: inline-flex;
        min-height: 2rem;
        align-items: center;
        flex-direction: row-reverse;
    }

    .table.grid>.tbody>.tr>.td>.label>button::after {
        content: '\E02B';
        font-size: 1rem;
        opacity: .3;
    }

    .table.grid.not-fieldset>.tbody>.tr>.td.ext>.label>button.btn.vertical>span:first-child {
        color: rgba(0, 0, 0, 0.64);
    }

    .table.grid.not-fieldset.gradebook>.tbody>.tr>.td.f-grade>.label>button>span,
    .table.grid.not-fieldset>.tbody>.tr>.td.ext>.label>button>span {
        text-align: left;
        display: inline;
    }

    .table.grid.not-fieldset>.tbody>.tr>.td {
        border-radius: 0;
        border-width: 0;
        padding: .5rem;
        align-items: center;
    }

    .table.scheme-doc.grid.has-border>.tbody>.tr>.td:not(.grid_cell_sub):first-child {
        border-left-width: 0;
        border-left-style: none;
        border-right-width: 0;
        border-right-style: none;
    }

    .table.grid.not-fieldset.gradebook>.tbody>.tr>.td.f-grade>*:last-child,
    .table.grid.not-fieldset>.tbody>.tr>.td.ext>*:last-child {
        border: 1px solid rgba(0, 0, 0, 0.16);
        padding: 0;
    }

    .table.grid.not-fieldset.gradebook>.tbody>.tr>.td.f-grade>*:last-child,
    .table.grid.not-fieldset:not(.multi-line)>.tbody>.tr>.td.ext>*:last-child {
        max-height: 2rem;
    }

    span.grade-req {
        border-radius: 0 .4rem .4rem 0;
    }

    span.grade-log {
        border-radius: .4rem 0 0 .4rem;
    }

    .form_field.f-grade.t-average.not-equal .grade-caption {
        background-position: -4px bottom;
        border-radius: .4rem;
    }

    .table.grid>.tbody>.tr>.td.xwd-1 {
        min-width: 1%;
        width: 1%;
    }

    .table.grid>.tbody>.tr>.td.xwd-2 {
        min-width: 2%;
        width: 2%;
    }

    .table.grid>.tbody>.tr>.td.xwd-3 {
        min-width: 3%;
        width: 3%;
    }

    .table.grid>.tbody>.tr>.td.xwd-4 {
        min-width: 4%;
        width: 4%;
    }

    .table.grid>.tbody>.tr>.td.xwd-5 {
        min-width: 5%;
        width: 5%;
    }

    .table.grid>.tbody>.tr>.td.xwd-6 {
        min-width: 6%;
        width: 6%;
    }

    .table.grid>.tbody>.tr>.td.xwd-7 {
        min-width: 7%;
        width: 7%;
    }

    .table.grid>.tbody>.tr>.td.xwd-8 {
        min-width: 8%;
        width: 8%;
    }

    .table.grid>.tbody>.tr>.td.xwd-9 {
        min-width: 9%;
        width: 9%;
    }

    .table.grid>.tbody>.tr>.td.xwd-10 {
        min-width: 10%;
        width: 10%;
    }

    .table.grid>.tbody>.tr>.td.xwd-11 {
        min-width: 11%;
        width: 11%;
    }

    .table.grid>.tbody>.tr>.td.xwd-12 {
        min-width: 12%;
        width: 12%;
    }

    .table.grid>.tbody>.tr>.td.xwd-13 {
        min-width: 13%;
        width: 13%;
    }

    .table.grid>.tbody>.tr>.td.xwd-14 {
        min-width: 14%;
        width: 14%;
    }

    .table.grid>.tbody>.tr>.td.xwd-15 {
        min-width: 15%;
        width: 15%;
    }

    .table.grid>.tbody>.tr>.td.xwd-16 {
        min-width: 16%;
        width: 16%;
    }

    .table.grid>.tbody>.tr>.td.xwd-17 {
        min-width: 17%;
        width: 17%;
    }

    .table.grid>.tbody>.tr>.td.xwd-18 {
        min-width: 18%;
        width: 18%;
    }

    .table.grid>.tbody>.tr>.td.xwd-19 {
        min-width: 19%;
        width: 19%;
    }

    .table.grid>.tbody>.tr>.td.xwd-20 {
        min-width: 20%;
        width: 20%;
    }

    .table.grid>.tbody>.tr>.td.xwd-21 {
        min-width: 21%;
        width: 21%;
    }

    .table.grid>.tbody>.tr>.td.xwd-22 {
        min-width: 22%;
        width: 22%;
    }

    .table.grid>.tbody>.tr>.td.xwd-23 {
        min-width: 23%;
        width: 23%;
    }

    .table.grid>.tbody>.tr>.td.xwd-24 {
        min-width: 24%;
        width: 24%;
    }

    .table.grid>.tbody>.tr>.td.xwd-25 {
        min-width: 25%;
        width: 25%;
    }

    .table.grid>.tbody>.tr>.td.xwd-26 {
        min-width: 26%;
        width: 26%;
    }

    .table.grid>.tbody>.tr>.td.xwd-27 {
        min-width: 27%;
        width: 27%;
    }

    .table.grid>.tbody>.tr>.td.xwd-28 {
        min-width: 28%;
        width: 28%;
    }

    .table.grid>.tbody>.tr>.td.xwd-29 {
        min-width: 29%;
        width: 29%;
    }

    .table.grid>.tbody>.tr>.td.xwd-30 {
        min-width: 30%;
        width: 30%;
    }

    .table.grid>.tbody>.tr>.td.xwd-31 {
        min-width: 31%;
        width: 31%;
    }

    .table.grid>.tbody>.tr>.td.xwd-32 {
        min-width: 32%;
        width: 32%;
    }

    .table.grid>.tbody>.tr>.td.xwd-33 {
        min-width: 33%;
        width: 33%;
    }

    .table.grid>.tbody>.tr>.td.xwd-34 {
        min-width: 34%;
        width: 34%;
    }

    .table.grid>.tbody>.tr>.td.xwd-35 {
        min-width: 35%;
        width: 35%;
    }

    .table.grid>.tbody>.tr>.td.xwd-36 {
        min-width: 36%;
        width: 36%;
    }

    .table.grid>.tbody>.tr>.td.xwd-37 {
        min-width: 37%;
        width: 37%;
    }

    .table.grid>.tbody>.tr>.td.xwd-38 {
        min-width: 38%;
        width: 38%;
    }

    .table.grid>.tbody>.tr>.td.xwd-39 {
        min-width: 39%;
        width: 39%;
    }

    .table.grid>.tbody>.tr>.td.xwd-40 {
        min-width: 40%;
        width: 40%;
    }

    .table.grid>.tbody>.tr>.td.xwd-41 {
        min-width: 41%;
        width: 41%;
    }

    .table.grid>.tbody>.tr>.td.xwd-42 {
        min-width: 42%;
        width: 42%;
    }

    .table.grid>.tbody>.tr>.td.xwd-43 {
        min-width: 43%;
        width: 43%;
    }

    .table.grid>.tbody>.tr>.td.xwd-44 {
        min-width: 44%;
        width: 44%;
    }

    .table.grid>.tbody>.tr>.td.xwd-45 {
        min-width: 45%;
        width: 45%;
    }

    .table.grid>.tbody>.tr>.td.xwd-46 {
        min-width: 46%;
        width: 46%;
    }

    .table.grid>.tbody>.tr>.td.xwd-47 {
        min-width: 47%;
        width: 47%;
    }

    .table.grid>.tbody>.tr>.td.xwd-48 {
        min-width: 48%;
        width: 48%;
    }

    .table.grid>.tbody>.tr>.td.xwd-49 {
        min-width: 49%;
        width: 49%;
    }

    .table.grid>.tbody>.tr>.td.xwd-50 {
        min-width: 50%;
        width: 50%;
    }

    .table.grid>.tbody>.tr>.td.xwd-51 {
        min-width: 51%;
        width: 51%;
    }

    .table.grid>.tbody>.tr>.td.xwd-52 {
        min-width: 52%;
        width: 52%;
    }

    .table.grid>.tbody>.tr>.td.xwd-53 {
        min-width: 53%;
        width: 53%;
    }

    .table.grid>.tbody>.tr>.td.xwd-54 {
        min-width: 54%;
        width: 54%;
    }

    .table.grid>.tbody>.tr>.td.xwd-55 {
        min-width: 55%;
        width: 55%;
    }

    .table.grid>.tbody>.tr>.td.xwd-56 {
        min-width: 56%;
        width: 56%;
    }

    .table.grid>.tbody>.tr>.td.xwd-57 {
        min-width: 57%;
        width: 57%;
    }

    .table.grid>.tbody>.tr>.td.xwd-58 {
        min-width: 58%;
        width: 58%;
    }

    .table.grid>.tbody>.tr>.td.xwd-59 {
        min-width: 59%;
        width: 59%;
    }

    .table.grid>.tbody>.tr>.td.xwd-60 {
        min-width: 60%;
        width: 60%;
    }

    .table.grid>.tbody>.tr>.td.xwd-61 {
        min-width: 61%;
        width: 61%;
    }

    .table.grid>.tbody>.tr>.td.xwd-62 {
        min-width: 62%;
        width: 62%;
    }

    .table.grid>.tbody>.tr>.td.xwd-63 {
        min-width: 63%;
        width: 63%;
    }

    .table.grid>.tbody>.tr>.td.xwd-64 {
        min-width: 64%;
        width: 64%;
    }

    .table.grid>.tbody>.tr>.td.xwd-65 {
        min-width: 65%;
        width: 65%;
    }

    .table.grid>.tbody>.tr>.td.xwd-66 {
        min-width: 66%;
        width: 66%;
    }

    .table.grid>.tbody>.tr>.td.xwd-67 {
        min-width: 67%;
        width: 67%;
    }

    .table.grid>.tbody>.tr>.td.xwd-68 {
        min-width: 68%;
        width: 68%;
    }

    .table.grid>.tbody>.tr>.td.xwd-69 {
        min-width: 69%;
        width: 69%;
    }

    .table.grid>.tbody>.tr>.td.xwd-70 {
        min-width: 70%;
        width: 70%;
    }

    .table.grid>.tbody>.tr>.td.xwd-71 {
        min-width: 71%;
        width: 71%;
    }

    .table.grid>.tbody>.tr>.td.xwd-72 {
        min-width: 72%;
        width: 72%;
    }

    .table.grid>.tbody>.tr>.td.xwd-73 {
        min-width: 73%;
        width: 73%;
    }

    .table.grid>.tbody>.tr>.td.xwd-74 {
        min-width: 74%;
        width: 74%;
    }

    .table.grid>.tbody>.tr>.td.xwd-75 {
        min-width: 75%;
        width: 75%;
    }

    .table.grid>.tbody>.tr>.td.xwd-76 {
        min-width: 76%;
        width: 76%;
    }

    .table.grid>.tbody>.tr>.td.xwd-77 {
        min-width: 77%;
        width: 77%;
    }

    .table.grid>.tbody>.tr>.td.xwd-78 {
        min-width: 78%;
        width: 78%;
    }

    .table.grid>.tbody>.tr>.td.xwd-79 {
        min-width: 79%;
        width: 79%;
    }

    .table.grid>.tbody>.tr>.td.xwd-80 {
        min-width: 80%;
        width: 80%;
    }

    .table.grid>.tbody>.tr>.td.xwd-81 {
        min-width: 81%;
        width: 81%;
    }

    .table.grid>.tbody>.tr>.td.xwd-82 {
        min-width: 82%;
        width: 82%;
    }

    .table.grid>.tbody>.tr>.td.xwd-83 {
        min-width: 83%;
        width: 83%;
    }

    .table.grid>.tbody>.tr>.td.xwd-84 {
        min-width: 84%;
        width: 84%;
    }

    .table.grid>.tbody>.tr>.td.xwd-85 {
        min-width: 85%;
        width: 85%;
    }

    .table.grid>.tbody>.tr>.td.xwd-86 {
        min-width: 86%;
        width: 86%;
    }

    .table.grid>.tbody>.tr>.td.xwd-87 {
        min-width: 87%;
        width: 87%;
    }

    .table.grid>.tbody>.tr>.td.xwd-88 {
        min-width: 88%;
        width: 88%;
    }

    .table.grid>.tbody>.tr>.td.xwd-89 {
        min-width: 89%;
        width: 89%;
    }

    .table.grid>.tbody>.tr>.td.xwd-90 {
        min-width: 90%;
        width: 90%;
    }

    .table.grid>.tbody>.tr>.td.xwd-91 {
        min-width: 91%;
        width: 91%;
    }

    .table.grid>.tbody>.tr>.td.xwd-92 {
        min-width: 92%;
        width: 92%;
    }

    .table.grid>.tbody>.tr>.td.xwd-93 {
        min-width: 93%;
        width: 93%;
    }

    .table.grid>.tbody>.tr>.td.xwd-94 {
        min-width: 94%;
        width: 94%;
    }

    .table.grid>.tbody>.tr>.td.xwd-95 {
        min-width: 95%;
        width: 95%;
    }

    .table.grid>.tbody>.tr>.td.xwd-96 {
        min-width: 96%;
        width: 96%;
    }

    .table.grid>.tbody>.tr>.td.xwd-97 {
        min-width: 97%;
        width: 97%;
    }

    .table.grid>.tbody>.tr>.td.xwd-98 {
        min-width: 98%;
        width: 98%;
    }

    .table.grid>.tbody>.tr>.td.xwd-99 {
        min-width: 99%;
        width: 99%;
    }

    .table.grid>.tbody>.tr>.td.xwd-100 {
        min-width: 100%;
        width: 100%;
    }

    /*
    .table.grid>.tbody>.tr>.td.xwd-100 {margin-left:-2rem; min-width: calc(100% + 4rem);}
    */
    .popup-wd-1,
    .popup-wd-2,
    .popup-wd-3,
    .popup-wd-4,
    .popup-wd-5,
    .popup-wd-6,
    .popup-wd-7,
    .popup-wd-8,
    .popup-wd-9,
    .popup-wd-10,
    .popup-wd-11,
    .popup-wd-12,
    .popup-wd-13,
    .popup-wd-14,
    .popup-wd-15,
    .popup-wd-16,
    .popup-wd-17,
    .popup-wd-18,
    .popup-wd-19,
    .popup-wd-20,
    .popup-wd-21,
    .popup-wd-22,
    .popup-wd-23,
    .popup-wd-24,
    .popup-wd-25,
    .popup-wd-26,
    .popup-wd-27,
    .popup-wd-28,
    .popup-wd-29,
    .popup-wd-30,
    .popup-wd-31,
    .popup-wd-32,
    .popup-wd-33,
    .popup-wd-34,
    .popup-wd-35,
    .popup-wd-36,
    .popup-wd-37,
    .popup-wd-38,
    .popup-wd-39,
    .popup-wd-40,
    .popup-wd-41,
    .popup-wd-42,
    .popup-wd-43,
    .popup-wd-44,
    .popup-wd-45,
    .popup-wd-46,
    .popup-wd-47,
    .popup-wd-48,
    .popup-wd-49,
    .popup-wd-50,
    .popup-wd-51,
    .popup-wd-52,
    .popup-wd-53,
    .popup-wd-54,
    .popup-wd-55,
    .popup-wd-56,
    .popup-wd-57,
    .popup-wd-58,
    .popup-wd-59,
    .popup-wd-60,
    .popup-wd-61,
    .popup-wd-62,
    .popup-wd-63,
    .popup-wd-64,
    .popup-wd-65,
    .popup-wd-66,
    .popup-wd-67,
    .popup-wd-68,
    .popup-wd-69,
    .popup-wd-70,
    .popup-wd-71,
    .popup-wd-72,
    .popup-wd-73,
    .popup-wd-74,
    .popup-wd-75,
    .popup-wd-76,
    .popup-wd-77,
    .popup-wd-78,
    .popup-wd-79,
    .popup-wd-80,
    .popup-wd-81,
    .popup-wd-82,
    .popup-wd-83,
    .popup-wd-84,
    .popup-wd-85,
    .popup-wd-86,
    .popup-wd-87,
    .popup-wd-88,
    .popup-wd-89,
    .popup-wd-90,
    .popup-wd-91,
    .popup-wd-92,
    .popup-wd-93,
    .popup-wd-94,
    .popup-wd-95,
    .popup-wd-96,
    .popup-wd-97,
    .popup-wd-98,
    .popup-wd-99,
    .popup-wd-100 {
        max-width: unset;
    }

    .form_field.grid.col-ind {
        width: 2rem;
        min-width: 2rem;
        max-width: 2rem;
    }

    .grid_sub_wrapper .grid_wrapper>.indent {
        min-width: 2rem;
    }

    .form_field.col-opt {
        width: 2rem;
        min-width: 2rem;
    }

    .table.flex-strech>*>.tr>.form_field.col-opt,
    .table.scheme-grid>*>.tr>.form_field.col-opt {
        width: auto;
    }

    .table.expandable .grid_sub_wrapper .grid_wrapper>.margin {
        min-width: 2rem;
    }

    .table.expandable>*>.tr>.form_field.col-opt {
        width: 2rem;
        min-width: 2rem;
    }

    .table>.tbody>.tr>.td.grid_sub_wrapper .grid_wrapper>.margin {
        min-width: 2rem;
    }

    /*
    .td.col-f-fieldset.col-wd-100{
        min-width: calc(100% - 4rem);
        width: calc(100% - 4rem);
    }

    .table.expandable>*>.tr>.td.col-f-fieldset.col-wd-100{
        min-width: calc(100% - 4rem);
        width: calc(100% - 4rem);
    }
    */
    .menu-tab>.anchor {
        flex-grow: 1;
        justify-content: space-between;
        min-height: 3rem;
    }

    .menu-tab>.anchor>span {
        flex-grow: 1;
        padding: 0 .5rem;
        text-align: left;
    }

    .menu-tab>.group {
        display: none;
    }


    .popup-layer .group-tab {
        flex-direction: column;
        align-items: flex-start;
    }

    .popup-layer .group-tab>button {
        width: 100%;
        border-radius: 0;
        text-align: left;
        padding: 1.5rem 1rem;
    }

    /*
    button.tab {
        background-color: transparent;
    }
*/
    .tokenize-popup>.input-tokenize,
    .popup-form-not-complete .list,
    .Dropdown.turnonUp,
    .Dropdown.turnonDown,
    .context-wrapper,
    #body-button-year,
    #body-button-role,
    #body-button-course,
    .popup-list {
        max-height: 100%;
        max-width: unset;
    }

    .popup-anchor-sidebar,
    .page-sidebar {
        width: 100%;
        max-width: 100%;
    }

    div.menu-tab-main {
        padding-top: 0;
    }

    div.layer.top-layer>div>div:first-child,
    div.layer.top-layer>div>div:last-child {
        flex-grow: 0;
    }

    #sys_popup_frame {
        width: 100%;
        flex-grow: 1;
        border-radius: 0;
        border: none;
    }

    .grid_menu_row_options {
        justify-content: center;
        align-items: center;
    }

    .grid_menu_row_options button {
        border: 0.05rem solid lightgray;
        border-radius: 0.4rem;
        padding: 1rem;
    }


    .form_field.xwd-1>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-2>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-3>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-4>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-5>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-6>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-7>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-8>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-9>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-10>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-11>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-12>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-13>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-14>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-15>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-16>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-17>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-18>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-19>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-20>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-21>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-22>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-23>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-24>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-25>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-26>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-27>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-28>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-29>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-30>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-31>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-32>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-33>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-34>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-35>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-36>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-37>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-38>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-39>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-40>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-41>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-42>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-43>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }

    .form_field.xwd-44>div.input-tokenize.Tokenize>ul>li:first-child>button.append>span {
        display: none;
    }


    .grid_pagination_control {
        flex-direction: column;
    }

    .grid_pagination_control>div {
        width: 100%;
    }

    /*
    .doc_grid_form{
        border-left: 0.01rem solid rgba(0,0,0,0.24);
    }
    */
    .doc_row_form>.form_field.rh {
        order: -1;
    }

    .form_field.doc.f-picture.t-person .doc_picture_frame {
        margin: 1rem auto;
        border-radius: .4rem;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
        border-radius: .4rem;
        overflow: hidden;
        border: .1rem solid rgba(0, 0, 0, 0.24);
    }

    .footer-box {
        order: -1;
    }

    .footer-box .playback {
        min-height: 3rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(0, 0, 0, 0.1);
    }

    .footer-box select {
        text-align: center;
    }

    .table:not(.multi-line) .td.form_field.block.f-tokenize.has-color>div.input_envelope:not(.tokenize-popup-backdrop) div>ul.TokensContainer>li.Token,
    .form_field.block.has-color ul.TokensContainer>li.Token,
    .td.form_field.f-group.has-color .input_wrapper {
        flex-grow: 0;
        border-radius: .3rem;
        width: unset;
    }

    .table.attendance.grid.not-fieldset>.tbody>.tr>.td.ext.f-attendance>.label>button>span {
        display: flex;
        justify-content: flex-start;
        font-size: 1rem;
    }

    .table.attendance .td.f-attendance>.label>button>span>.a-date {
        min-width: 4rem;
        margin-right: 1rem;
    }

    .table.attendance .td.f-attendance>.label>button>span>span {
        align-items: center;
        display: flex;
    }

    /*    
    .table.attendance .td.f-attendance>.label>button>span>span:last-child>span {
        font-size: .7em;
    }
    */
    .table.attendance.tl5 .td.f-attendance>.label>button>span>span:first-child {
        display: none;
    }

    /*
    .table.attendance.tl5 .td.f-attendance>.label>button>span>span:last-child>span {
        font-size: 1rem;
    }
    */
    .table.attendance.tl2 .td.f-attendance>.label>button>span>span:first-child>span:nth-child(1) {
        display: none;
    }

    .table.attendance.tl3 .td.f-attendance>.label>button>span>span:first-child>span:nth-child(2),
    .table.attendance.tl4 .td.f-attendance>.label>button>span>span:first-child>span:nth-child(2) {
        display: none;
    }

    .table.attendance .td.f-attendance>.label>button>span>span:last-child>span:last-child::before {
        content: " - ";
    }

    .layout-term>span>span:nth-child(2) {
        line-height: 1.2rem;
        font-size: 1rem;
        justify-content: flex-start;
    }

    .table.grid_cols.dnd .btn.icon-text>span {
        font-size: 1rem;
        flex-grow: 1;
        text-align: left;
    }

    .input_envelope.input_index button.menu {
        display: none;
    }

    .table:not(.multi-line) .td.form_field.f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) div.Multi>ul.TokensContainer>li.Token,
    .table:not(.multi-line) .td.form_field.f-tokenize>div.input_envelope:not(.tokenize-popup-backdrop) ul.TokensContainer>li.Token {
        height: auto;
    }

    /*
    .btn.index-col > span:last-child,
    .label-col > span:last-child,
    .icon-text > span:last-child {
      flex-grow: 0;
    }
    */
    div.transaction_status_frame {
        position: fixed;
        z-index: 10002;
        padding: 0 1rem;
        height: 100%;
        top: 0;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(255, 255, 255, 0.5);
        left: 0;
    }

    .transaction_status_box>div:first-child {
        display: none;
    }

    /*
    div.playback>button {
        padding: 1rem;
    }
*/
    .table.grid.not-fieldset.gradebook>.tbody>.tr>.td.form_field.ext.f-grade>.label {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
    }

    .table.grid.not-fieldset.gradebook>.tbody>.tr>.td.form_field.ext.f-grade>.label::before {
        font-family: 'Icons';
        font-style: normal;
        font-size: 1rem;
        padding-top: .5rem;
    }

    .table.grid.not-fieldset.gradebook>.tbody>.tr>.td.form_field.ext.f-grade>.label>button.btn.vertical {
        padding-left: .2rem;
    }

    /*
    .table.grid.not-fieldset.gradebook>.tbody>.tr>.td.form_field.ext.f-grade[data-table="activity_objective_student"]>.label::before{
        content: '\E069';
    }

    .table.grid.not-fieldset.gradebook>.tbody>.tr>.td.form_field.ext.f-grade[data-table="objective_period_student"]>.label::before{
        content: '\E020';
    }
    */
    .btn.selected-items {
        display: none;
    }

    .table.grid.fieldset>*>.tr.collapsable {
        padding: 0;
    }

    .table.grid.fieldset>*>.tr:not(.collapsable) {
        padding: 0;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: minmax(2rem, auto);
    }

    .doc_section>.doc_page:first-child,
    .doc-header {
        margin: 0;
    }

    .doc-header>div {
        padding: .5rem;
    }

    .table.grid.fieldset>*>.tr:not(.collapsable):not(.collapsed) {}

    .table.grid.fieldset>*>.tr:not(.collapsable)>.f-index {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        margin: 0;
        width: auto;
        border-bottom: .1rem solid var(--cs-border-color);
    }

    .table.grid.fieldset>*>.tr:not(.collapsable)>.f-index button.gi {
        flex-direction: row;     
    }

    .table.grid.fieldset>*>.tr:not(.collapsable)>.f-index button.gi>span:last-child {
        justify-content: flex-start;
        align-items: center;
    }

    button.gi>span:last-child {
        padding-left: 1rem;
    }

    .table.grid.fieldset>*>.tr:not(.collapsable)>.f-opt {
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 1;
        margin: 0;
        width: auto;
        border-bottom: .1rem solid var(--cs-border-color);
        padding: 1rem;
    }

    .table.grid.fieldset>*>.tr:not(.collapsable)>.f-opt .input_wrapper {
        justify-content: flex-end;
    }

    .table.grid.fieldset>*>.tr:not(.collapsable)>.grid_cell_sub {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 2;
    }

    .doc_page>.form_field.f-index button.gi {
        max-width: 14rem;
        flex-direction: row;
        align-items: center;
    }

    .doc_page>.form_field.f-index button.gi::before {
        margin-right: .5rem;
    }


    .showcase>div {
        max-width: unset;
    }

    .grid_wrapper.doc,
    .doc_body,
    .page-P,
    .page-L {
        min-width: unset;
    }

    /*
    .doc_body{
        margin: .5rem;
    }
    */
    span.label>button.term {
        padding: 0 0.5rem;
    }

    span.label>button::before {
        margin-right: 1rem;
    }

    span.label>button.term>span {
        display: flex;
        flex-direction: column;
    }

    span.label>button.term>span>span {
        opacity: 0.5;
        font-size: .8em;
    }

    span.label>button.term>span>span:first-child {
        opacity: 1;
    }

    .doc-space2,
    .doc-space1,
    .light div.popup-layer.side>div.beeper {
        display: none;
    }

    .list-group-item {
        padding: 1rem 1rem;
    }

    div.slide-title {
        justify-content: center;
    }

    #body_tab_content {
        flex-direction: column;
    }

    .form-breadcrumb {
        min-height: 4rem;
        height: unset;
    }

    .form-breadcrumb>.form-breadcrumb-bar {
        display: none;
    }

    .form-breadcrumb-bar {
        width: 100%;
        margin: 0;
        border-radius: 0;
        border: none;
        box-shadow: none;
    }

    .form-breadcrumb-anchor {
        width: 100%;
        height: 4rem;
        display: flex;
    }

    .form-breadcrumb-anchor.dark {
        background-color: var(--cs-emphasis-bg-color);
    }

    .form-breadcrumb-anchor>button::after {
        font-size: 2rem;
    }

    .form-breadcrumb-anchor>button {
        width: 100%;
    }

    .form-breadcrumb-anchor>button>span {
        display: flex;
        height: 100%;
        align-items: center;
    }

    .form-breadcrumb-anchor>button>span>span:first-child {
        font-size: 2rem;
        background-color: rgba(0, 0, 0, 0.24);
        width: 4rem;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 1rem;
    }

    .form-breadcrumb-anchor>button>span>span:last-child {
        display: flex;
        flex-direction: column;
    }

    .form-breadcrumb-anchor>button>span>span:last-child>span:last-child {
        opacity: 0.6;
        padding: .3rem 0;
    }

    /*
    .form-breadcrumb-bar{
        width: 100%;
        background-image: none;
        background-color: #EEE;
        min-height: 5rem;
    }

    .form-breadcrumb-bar ul {
        flex-direction: row;
    }

    .breadcrumb > li.active > button::after,
    .form-breadcrumb-bar>.title,
    .form-breadcrumb-bar ul > li{
        display: none;
    }

    .form-breadcrumb-bar>ul>li.depth1>button.icon-text{
        padding:0 1rem;
    }

    .form-breadcrumb-bar>ul>li.depth1>button.icon-text> span {
        margin: unset;
        font-size: 1rem;
        display:flex;
    }

    .form-breadcrumb-bar ul > li.depth1.active{
        display: flex;
        width:100%;
    }

    .breadcrumb > li > button::after {
        position: inherit;
    }

    .form-breadcrumb-bar ul>li.depth1>button,
    .form-breadcrumb-bar ul>li.depth1{
        border-radius: 0;
    }

    .breadcrumb > li:hover > button:not(:disabled) > span > span:first-child, .breadcrumb > li:hover > button:not(:disabled) > span > span:last-child, .breadcrumb > li.active > button > span > span:first-child, .breadcrumb > li.active > button > span > span:last-child {
        border:none;
    }
    */
    .form_field.doc.f-picture.t-person {
        align-items: center;
        justify-content: center;
        background-color: whitesmoke;
        background-image: url("../images/camera.png?v=6abdc5c6c7845");
        box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
        border-right-style: solid;
        border-right-width: .1rem;
    }

    .popup-form-request-status .list {
        max-height: unset;
        height: 100%;
    }

    .message.icon-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .message.icon-text::before {
        align-self: center;
        font-size: 5rem;
        margin: 1rem auto;
    }

    .message.icon-text.help::before {
        font-size: 2em;
        float: left;
        color: #1a5b9c;
        /*align-self: flex-start;*/
        margin-right: .5rem;
    }

    .popup-form-request-status>.body>.message::before {
        min-width: 6rem;
        min-height: 6rem;
    }

    .form_field.f-index button.gi>span::before {
        display: inherit;
    }

    div.DropDownPopup>div>div {
        background-color: rgba(0, 0, 0, .1);
    }

    div.DropDownPopup>div>div>div {
        margin: 1rem 0;
    }

    div.DropDownPopup>div>div>div>input {
        font-size: 1rem;
        padding: 1rem;
        height: 3rem;
    }

    div.form-step>h2 {
        text-align: center;
    }

    .popup-layer>.wrapper>.body>iframe {
        width: 100% !important;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-1>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-1>div.input_envelope {
        min-width: 1%;
        max-width: 1%;
        width: 1%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-2>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-2>div.input_envelope {
        min-width: 2%;
        max-width: 2%;
        width: 2%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-3>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-3>div.input_envelope {
        min-width: 3%;
        max-width: 3%;
        width: 3%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-4>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-4>div.input_envelope {
        min-width: 4%;
        max-width: 4%;
        width: 4%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-5>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-5>div.input_envelope {
        min-width: 5%;
        max-width: 5%;
        width: 5%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-6>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-6>div.input_envelope {
        min-width: 6%;
        max-width: 6%;
        width: 6%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-7>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-7>div.input_envelope {
        min-width: 7%;
        max-width: 7%;
        width: 7%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-8>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-8>div.input_envelope {
        min-width: 8%;
        max-width: 8%;
        width: 8%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-9>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-9>div.input_envelope {
        min-width: 9%;
        max-width: 9%;
        width: 9%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-10>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-10>div.input_envelope {
        min-width: 10%;
        max-width: 10%;
        width: 10%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-11>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-11>div.input_envelope {
        min-width: 11%;
        max-width: 11%;
        width: 11%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-12>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-12>div.input_envelope {
        min-width: 12%;
        max-width: 12%;
        width: 12%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-13>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-13>div.input_envelope {
        min-width: 13%;
        max-width: 13%;
        width: 13%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-14>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-14>div.input_envelope {
        min-width: 14%;
        max-width: 14%;
        width: 14%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-15>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-15>div.input_envelope {
        min-width: 15%;
        max-width: 15%;
        width: 15%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-16>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-16>div.input_envelope {
        min-width: 16%;
        max-width: 16%;
        width: 16%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-17>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-17>div.input_envelope {
        min-width: 17%;
        max-width: 17%;
        width: 17%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-18>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-18>div.input_envelope {
        min-width: 18%;
        max-width: 18%;
        width: 18%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-19>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-19>div.input_envelope {
        min-width: 19%;
        max-width: 19%;
        width: 19%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-20>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-20>div.input_envelope {
        min-width: 20%;
        max-width: 20%;
        width: 20%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-21>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-21>div.input_envelope {
        min-width: 21%;
        max-width: 21%;
        width: 21%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-22>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-22>div.input_envelope {
        min-width: 22%;
        max-width: 22%;
        width: 22%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-23>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-23>div.input_envelope {
        min-width: 23%;
        max-width: 23%;
        width: 23%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-24>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-24>div.input_envelope {
        min-width: 24%;
        max-width: 24%;
        width: 24%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-25>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-25>div.input_envelope {
        min-width: 25%;
        max-width: 25%;
        width: 25%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-26>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-26>div.input_envelope {
        min-width: 26%;
        max-width: 26%;
        width: 26%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-27>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-27>div.input_envelope {
        min-width: 27%;
        max-width: 27%;
        width: 27%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-28>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-28>div.input_envelope {
        min-width: 28%;
        max-width: 28%;
        width: 28%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-29>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-29>div.input_envelope {
        min-width: 29%;
        max-width: 29%;
        width: 29%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-30>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-30>div.input_envelope {
        min-width: 30%;
        max-width: 30%;
        width: 30%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-31>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-31>div.input_envelope {
        min-width: 31%;
        max-width: 31%;
        width: 31%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-32>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-32>div.input_envelope {
        min-width: 32%;
        max-width: 32%;
        width: 32%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-33>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-33>div.input_envelope {
        min-width: 33%;
        max-width: 33%;
        width: 33%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-34>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-34>div.input_envelope {
        min-width: 34%;
        max-width: 34%;
        width: 34%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-35>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-35>div.input_envelope {
        min-width: 35%;
        max-width: 35%;
        width: 35%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-36>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-36>div.input_envelope {
        min-width: 36%;
        max-width: 36%;
        width: 36%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-37>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-37>div.input_envelope {
        min-width: 37%;
        max-width: 37%;
        width: 37%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-38>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-38>div.input_envelope {
        min-width: 38%;
        max-width: 38%;
        width: 38%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-39>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-39>div.input_envelope {
        min-width: 39%;
        max-width: 39%;
        width: 39%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-40>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-40>div.input_envelope {
        min-width: 40%;
        max-width: 40%;
        width: 40%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-41>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-41>div.input_envelope {
        min-width: 41%;
        max-width: 41%;
        width: 41%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-42>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-42>div.input_envelope {
        min-width: 42%;
        max-width: 42%;
        width: 42%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-43>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-43>div.input_envelope {
        min-width: 43%;
        max-width: 43%;
        width: 43%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-44>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-44>div.input_envelope {
        min-width: 44%;
        max-width: 44%;
        width: 44%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-45>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-45>div.input_envelope {
        min-width: 45%;
        max-width: 45%;
        width: 45%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-46>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-46>div.input_envelope {
        min-width: 46%;
        max-width: 46%;
        width: 46%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-47>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-47>div.input_envelope {
        min-width: 47%;
        max-width: 47%;
        width: 47%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-48>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-48>div.input_envelope {
        min-width: 48%;
        max-width: 48%;
        width: 48%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-49>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-49>div.input_envelope {
        min-width: 49%;
        max-width: 49%;
        width: 49%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-50>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-50>div.input_envelope {
        min-width: 50%;
        max-width: 50%;
        width: 50%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-51>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-51>div.input_envelope {
        min-width: 51%;
        max-width: 51%;
        width: 51%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-52>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-52>div.input_envelope {
        min-width: 52%;
        max-width: 52%;
        width: 52%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-53>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-53>div.input_envelope {
        min-width: 53%;
        max-width: 53%;
        width: 53%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-54>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-54>div.input_envelope {
        min-width: 54%;
        max-width: 54%;
        width: 54%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-55>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-55>div.input_envelope {
        min-width: 55%;
        max-width: 55%;
        width: 55%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-56>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-56>div.input_envelope {
        min-width: 56%;
        max-width: 56%;
        width: 56%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-57>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-57>div.input_envelope {
        min-width: 57%;
        max-width: 57%;
        width: 57%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-58>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-58>div.input_envelope {
        min-width: 58%;
        max-width: 58%;
        width: 58%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-59>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-59>div.input_envelope {
        min-width: 59%;
        max-width: 59%;
        width: 59%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-60>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-60>div.input_envelope {
        min-width: 60%;
        max-width: 60%;
        width: 60%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-61>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-61>div.input_envelope {
        min-width: 61%;
        max-width: 61%;
        width: 61%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-62>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-62>div.input_envelope {
        min-width: 62%;
        max-width: 62%;
        width: 62%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-63>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-63>div.input_envelope {
        min-width: 63%;
        max-width: 63%;
        width: 63%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-64>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-64>div.input_envelope {
        min-width: 64%;
        max-width: 64%;
        width: 64%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-65>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-65>div.input_envelope {
        min-width: 65%;
        max-width: 65%;
        width: 65%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-66>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-66>div.input_envelope {
        min-width: 66%;
        max-width: 66%;
        width: 66%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-67>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-67>div.input_envelope {
        min-width: 67%;
        max-width: 67%;
        width: 67%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-68>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-68>div.input_envelope {
        min-width: 68%;
        max-width: 68%;
        width: 68%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-69>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-69>div.input_envelope {
        min-width: 69%;
        max-width: 69%;
        width: 69%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-70>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-70>div.input_envelope {
        min-width: 70%;
        max-width: 70%;
        width: 70%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-71>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-71>div.input_envelope {
        min-width: 71%;
        max-width: 71%;
        width: 71%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-72>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-72>div.input_envelope {
        min-width: 72%;
        max-width: 72%;
        width: 72%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-73>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-73>div.input_envelope {
        min-width: 73%;
        max-width: 73%;
        width: 73%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-74>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-74>div.input_envelope {
        min-width: 74%;
        max-width: 74%;
        width: 74%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-75>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-75>div.input_envelope {
        min-width: 75%;
        max-width: 75%;
        width: 75%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-76>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-76>div.input_envelope {
        min-width: 76%;
        max-width: 76%;
        width: 76%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-77>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-77>div.input_envelope {
        min-width: 77%;
        max-width: 77%;
        width: 77%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-78>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-78>div.input_envelope {
        min-width: 78%;
        max-width: 78%;
        width: 78%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-79>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-79>div.input_envelope {
        min-width: 79%;
        max-width: 79%;
        width: 79%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-80>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-80>div.input_envelope {
        min-width: 80%;
        max-width: 80%;
        width: 80%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-81>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-81>div.input_envelope {
        min-width: 81%;
        max-width: 81%;
        width: 81%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-82>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-82>div.input_envelope {
        min-width: 82%;
        max-width: 82%;
        width: 82%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-83>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-83>div.input_envelope {
        min-width: 83%;
        max-width: 83%;
        width: 83%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-84>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-84>div.input_envelope {
        min-width: 84%;
        max-width: 84%;
        width: 84%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-85>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-85>div.input_envelope {
        min-width: 85%;
        max-width: 85%;
        width: 85%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-86>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-86>div.input_envelope {
        min-width: 86%;
        max-width: 86%;
        width: 86%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-87>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-87>div.input_envelope {
        min-width: 87%;
        max-width: 87%;
        width: 87%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-88>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-88>div.input_envelope {
        min-width: 88%;
        max-width: 88%;
        width: 88%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-89>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-89>div.input_envelope {
        min-width: 89%;
        max-width: 89%;
        width: 89%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-90>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-90>div.input_envelope {
        min-width: 90%;
        max-width: 90%;
        width: 90%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-91>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-91>div.input_envelope {
        min-width: 91%;
        max-width: 91%;
        width: 91%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-92>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-92>div.input_envelope {
        min-width: 92%;
        max-width: 92%;
        width: 92%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-93>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-93>div.input_envelope {
        min-width: 93%;
        max-width: 93%;
        width: 93%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-94>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-94>div.input_envelope {
        min-width: 94%;
        max-width: 94%;
        width: 94%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-95>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-95>div.input_envelope {
        min-width: 95%;
        max-width: 95%;
        width: 95%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-96>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-96>div.input_envelope {
        min-width: 96%;
        max-width: 96%;
        width: 96%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-97>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-97>div.input_envelope {
        min-width: 97%;
        max-width: 97%;
        width: 97%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-98>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-98>div.input_envelope {
        min-width: 98%;
        max-width: 98%;
        width: 98%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-99>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-99>div.input_envelope {
        min-width: 99%;
        max-width: 99%;
        width: 99%;
    }

    .table.not-fieldset>.tbody>.tr>.td.outline.iwd-100>span:last-child,
    .table.not-fieldset>.tbody>.tr>.td.iwd-100>div.input_envelope {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
    }

    .input_scale ul {
        flex-direction: column;
    }

    .input_scale ul>li {
        flex-direction: row;
        border-top: .1rem solid rgba(0, 0, 0, 0.24);
    }

    .input_scale ul>li>span:first-child {
        flex-direction: row;
        border-bottom: none;
    }

    .input_scale ul>li>span:first-child>span:last-child {
        display: none;
    }

    .input_scale ul>li>span:first-child {
        width: 30%;
        justify-content: center;
    }

    .controller_menu_tab,
    div.main-display-top.not-tab,
    div.form_field.lt.doc>div.input_envelope,
    div.form_field.lt .Tokenize.Multi>ul>li.Token,
    div.form_field.lt .form_field.has-color li.Token {
        padding: 0;
    }

    /*
    div.form_field:not(.lt) ul>li.Token {
        padding: .5rem .5rem;
    }
*/
    .form_field.f-scale.d-section_student {
        display: none;
    }

    .token-row>.f-text,
    .token-row>.f-display,
    .input-display-wrapper>p {
        line-height: 1.6;
    }

    .controller_menu_tab_settings_buttons {
        width: 100%;
    }

    .controller_menu_tab_settings_buttons>.popup_title {
        margin: 0;
        padding: 0;
        width: 100%;
        min-height: 3rem;
    }

    .controller_menu_tab_settings_buttons>span.popup_title>span {
        border-radius: 0;
        border: none;
        height: 100%;
    }

    .f-grade span.grade-caption>.grade-chart {
        min-height: 4rem;
    }

    .form_field.doc.t-toggle>div.input_envelope {
        padding: 0;
    }

    .form_field.doc.spaced {
        margin-top: .5rem;
    }

    .table.not-fieldset>.tbody>.tr>.td.f-tokenize>div.input_envelope.tokenize-popup-backdrop {
        max-width: unset;
        width: 100%;
    }

    .tokenize-popup-backdrop>div.tokenize-popup {
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        flex-direction: column-reverse;
    }

    body:not(.printing) .doc_page>.form_field.f-index {
        width: 100%;
        border-radius: 0;
        border: none;
    }

    div.calendar-day>div>div>button {
        min-height: 3rem;
    }

    div.popup-layer>div.wrapper.date div.input-date-picker {
        height: unset;
    }

    /*
    .controller_menu_tab button,
    .input-form-shortcuts>button {
        padding: 1rem;
    }
*/
    /*
    .showcase{
        flex-direction: column;
    }
    */
    .showcase>div {
        margin: 1.5rem 1rem;
    }

    .controller_menu_tab_left_buttons>button:not(.pinned) {
        display: none;
    }

    .controller_menu_tab_left_buttons>button.save {
        display: inherit;
    }

    .f-tokenize.t-signature ul.TokensContainer {
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
    }

    .grid_filter_list_box {
        max-height: unset;
    }



    /*
    li.Token::before {
        padding: .5rem;
    }*/
    /*
    .btn.selected-items.show>span>span:first-child,
    .controller_menu_tab_right_buttons>div>button:not(.settings),
    .controller_menu_tab_left_buttons>button:not(.save):not(.views){
        display: none;
    }*/


    .form_field.f-tokenize.t-form.lt.field-purchase_shop_product>div>div>div>ul>li.Token {
        margin: 1rem 0;
        border: 1px solid rgba(0, 0, 0, 0.24);
        border-radius: .5rem;
        padding: 1rem 1rem 1rem 0;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 2px 6px;
    }

    .form_field.f-tokenize.t-form.lt.field-purchase_shop_product>div>div>div>ul>li.Token>span>.token-row>span:not(.lt) {
        border-width: 0;
        flex-direction: row;
    }

    .form_field.f-tokenize.lt:not(.hth)>div>div>div>ul.TokensContainer>li.Token>.token-form>.token-row>span {
        width: 100%;
    }

    .form_field.f-tokenize.lt:not(.hth)>div>div>div>ul.TokensContainer>li.Token>.token-form>.token-row>span>label {
        display: inherit;
        background-color: transparent;
        border-bottom: none;
        padding: 1rem;
        font-weight: bold;
        min-width: 33%;
        border-right: 1px solid rgba(0, 0, 0, 0.12);
    }

    .f-tokenize.t-form.lt.field-purchase_shop_product>div>div>div>ul>li.Token+li.TokenSearch {
        border-top-style: dashed;
    }

    .form_field.f-tokenize.t-form.lt.field-purchase_shop_product>div>div>div>ul>li.TokenSearch>button {
        border-radius: 2rem;
        padding: 2rem 1rem;
        width: 100%;
    }

    .form_field.f-tokenize.t-form.lt.purchase_shop_product>div>div>div>ul>li.Token {
        margin-top: 1rem;
    }

    .form_field.f-tokenize.t-form.lt.purchase_shop_product>div>div>div>ul>li.Token .token-form {
        border-top: 1px solid rgba(0, 0, 0, .24);
    }

    .f-tokenize.t-form.lt.purchase_shop_product>div>div>div>ul>li.Token+li.TokenSearch {
        border-top: none;
    }

    .form_field.f-tokenize.t-form.lt.purchase_shop_product .token-row>span:not(.lt) {
        flex-direction: row;
    }

    .form_field.f-tokenize.t-form.lt.purchase_shop_product .token-row>span:not(.lt)>label {
        width: 34%;
        font-size: .8em;
    }

    .form_field.f-tokenize.t-form.lt.purchase_shop_product .token-row>span:not(.lt)>span {
        width: 65%;
    }

    .form_field.f-tokenize.t-form.lt.purchase_shop_product .token-row>span:first-child {
        background-color: rgba(255, 209, 0, .3);
    }

    .top-bar-list {
        flex-direction: column;
    }

    /*
    .top-bar-list>div{
        width: 100%;
    }
    */

    /*.searching>.app-main,*/
    .has-breadcrumb>.app-main {
        padding-top: 7rem;
    }

    .searching>.app-main .controller_menu_tab_right_buttons {
        flex-grow: 1;
    }

    .btn-context>.context-summary {
        flex-direction: column;
    }

    .btn-context>.context-summary>.context-year {
        line-height: 1rem;
        padding: .1rem 0;
        margin-bottom: .2rem;
        border-radius: .5rem;
        width: fit-content;
    }

    /*
    .searching.has-breadcrumb>.app-main {
        padding-top: 10rem;
    }
    */
    .aside-header>.menu-auth .logout,
    .top-bar-brand button>span,
    .top-bar-brand .btn-account,
    .top-bar-list>.top-bar-shortcut,
    .top-bar-list>.menu-auth {
        display: none;
    }

    .app-header>.top-bar {
        flex-direction: column;
    }

    /*
    .top-bar-brand>div {
        height: 100%;
    }
*/
    /*
    .top-bar-search {
        order: -1;
        display: none;
    }
*/
    .controller_menu_tab>div:has(> .playback-ctrl) {
        order: 10;
        flex-grow: 1;
        order: -9;
        display: flex;        
        width: 100%;
    }

    .controller_menu_tab>div>.playback-ctrl {
        flex-grow: 1;
    }

    .top-bar-search.searching {
        display: flex;
        width: 100%;
        order: -10;
    }

    .searching .top-bar-search {        
        display: flex;
    }

    .top-bar-list>.top-bar-context,
    .searching .top-bar-brand button.search,
    img.logo-compact,
    body.not-menu-side img.logo-compact-mobile,
    body.has-menu-side img.logo-wide {
        display: none;
    }

    body.not-menu-side img.logo-wide {
        min-width: 12rem;
    }

    body.has-menu-side .top-bar-brand button.app-menu>img {
        display: none;
    }

    body.has-menu-side .top-bar-brand button.app-menu::before {
        content: '\E009';
    }

    .sidebar-header>div:last-child>.popup_title {
        background-color: transparent;
    }

    .top-bar-brand>.top-bar-context:not(:empty) {
        flex-grow: 1;
        display: flex;
    }

    .doc-page-wrapper>.doc-page .doc-table>div>* {
        border-color: rgba(0, 0, 0, 0.24);
        border-left: none;
        border-right: none;
    }

    .doc-page-wrapper>.doc-page .doc-table.objective_section_student {
        border-left: 1px solid rgba(0, 0, 0, 0.24);
        border-right: 1px solid rgba(0, 0, 0, 0.24);
        border-top: 1px solid rgba(0, 0, 0, 0.24);
    }

    .doc-page-wrapper>.doc-page .doc-table.indicator_section_student {
        border-left: 1px solid rgba(0, 0, 0, 0.24);
        border-right: 1px solid rgba(0, 0, 0, 0.24);
    }

    .doc-page-wrapper>.doc-page .doc-table>div {
        flex-direction: column;
    }

    .doc-page-wrapper>.doc-page .doc-table>div.doc-row-grade-chart>div {
        min-height: 4rem;
    }

    .doc-page-wrapper>.doc-page .doc-table.objective_section_student {
        margin: 1rem 0 0 0;
    }

    .doc-page-wrapper>.doc-page .doc-table.objective_section_student>div>div:first-child {
        background-color: rgba(0, 0, 0, 0.04);
        font-weight: bold;
    }

    .doc-page-wrapper>.doc-page .doc-comment {
        border-color: rgba(0, 0, 0, 0.24);
        border-width: 1px 1px 1px 1px !important;
        margin-top: 1rem;
        border-radius: .5rem;
    }

    .doc-page-wrapper>.doc-header>.doc-row {
        flex-direction: column;
    }

    .doc-page-wrapper>.doc-header>.doc-row>div {
        width: 100% !important;
        border: none !important;
    }

    .doc-page-wrapper>.doc-page .doc-table.section_student {
        border-left: 1px solid rgba(0, 0, 0, 0.24);
        border-right: 1px solid rgba(0, 0, 0, 0.24);
    }

    .doc-page-wrapper>.doc-page .doc-table.section_student.has-grade>.doc-row-label>div:last-child {
        display: none;
    }

    .doc-page-wrapper>.doc-page .doc-table.section_student>div>div {
        justify-content: center;
    }

    .doc-page-wrapper .doc-cell {
        flex-direction: column;
        padding: 0 !important;
        justify-content: center;
    }

    /*
    .doc-page-wrapper>.doc-page .doc-table.section_student>div>div.doc-cell>span:first-child{
        font-weight: bold;
    }
    */
    .doc-page-wrapper>.doc-page .doc-table.section_student>div>div.doc-cell>span {
        width: 100%;
        display: flex;
        min-height: 2rem;
        align-items: center;
        justify-content: center;
    }

    .doc-page-wrapper>.doc-page .doc-row.field-label {
        display: none;
    }

    .doc-page-wrapper>.doc-page .doc-row.field-value {
        flex-direction: column;
        border-top-width: 1px;
        border-right-width: 1px;
    }

    .doc-page-wrapper>.doc-page .doc-row.field-value>div>span {
        padding: .2rem;
    }

    .doc-page-wrapper>.doc-page .doc-row.field-value>div>span:first-child {
        color: rgba(0, 0, 0, 0.5);
    }

    .doc-page-wrapper>.doc-page .doc-row.field-value>div>span:last-child {
        min-height: 2rem;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .doc-page-wrapper>.doc-page .doc-row.not-mobile {
        display: none;
    }

    .doc-page-wrapper>.doc-page .doc-row>.doc-filler {
        padding: 0;
        min-height: 0;
    }

    .doc-page-wrapper>.doc-page .doc-table.doc-feedback {
        border-width: 0 1px 0 1px;
    }

    body.own-shop-purchase .form-breadcrumb-bar ul {
        flex-direction: column;
    }

    body.own-shop-purchase .form-breadcrumb-bar>.title,
    body.own-shop-purchase .form-breadcrumb-bar ul>li.depth2 {
        display: inherit;
    }

    .message.error span {
        text-align: center;
    }

    .grid_wrapper.long-form>.table>.tbody>.tr>.td.f-index {
        border-radius: .5rem 0 0 0;
    }

    .grid_wrapper.long-form>.table>.tbody>.tr>.td.f-opt {
        border-radius: 0 .5rem 0 0;
    }

    .table.grid.has-border.fieldset,
    .table.grid.fieldset>.tbody>.tr:last-child>.td:last-child button.settings,
    .table.grid.fieldset>.tbody>.tr:last-child>.td:last-child {
        border-radius: 0 .5rem 0 0;
    }

    .doc-notices {
        padding: 1rem;
    }

    .popup-layer.layer-input_form_wrapper>div>.btn-toolbar>div>button.popup {
        display: none;
    }

    .controller_display_tab {
        margin: 0;
        border-width: 1px 0 0 0;
        border-radius: 0;
        width: 100%;
    }

    .form_field.doc > label {
        padding: .25rem;
    }

    .grid_table_options_bottom{
        background-image: radial-gradient(at 50% 50%, color-mix(in oklab, var(--cs-own-text-color) 16%, transparent), transparent 70%, transparent 100%);    
    }

    .tokenize-popup > .input_wrapper{
        height: auto;
        flex-grow: 0;
    }

    button.popup {
        display: none;
    }

    .top-bar-brand>.top-bar-logo,
    .group-tab {
        width: unset;
    }

    .top-bar-brand {
        min-height: 3.5rem;
    }

    .top-bar-brand>*:not(:empty) {
        margin: .2rem;
    }

    .menu-auth-top {
        display: flex;
        width: 100%;
        height: 100%;
        align-items: stretch;
        flex-direction: column;
    }

    .chart-block>.body {
        flex-direction: column;
    }

    .form-breadcrumb-bar ul>li:first-child {
        margin-top: 1rem;
    }

    .form-breadcrumb-bar ul>li {
        margin: 0 .5rem;
        border-radius: .5rem;
    }
}

/* END MOBILE */
/*/var/www/html/clickschoolinfo/public/themes/modern/css/printer.css*/

/*/var/www/html/clickschoolinfo/public/themes/modern/css/dynamic.css*/
@media screen {
    li.focus{
        background-color: rgba(255, 255, 0, 0.48);
    }
    
    .col.hdn,
    .th.hdn,
    .td.hdn,
    .th.hdn *,
    .td.hdn *{
        width: 0px !important;
        min-width: 0px !important;
        max-width: 0px !important;
        overflow-x: hidden !important;
        overflow-y: hidden !important;
        min-height: 0 !important;
        line-height: 0 !important;
        border:none !important;
        padding:0 !important;
        margin:0 !important;
        font-size: 0 !important;
    }
    
    div.controller_display_tab.grid div.grid_wrapper.wrapper-fixed{    
        display: flex;
    }
    
    .table.grid.fixed{
        display: inline-block;
    }    
    
    .table.grid.fixed>.tbody{
        scrollbar-width: none;
    }
    
    .hide-scroll{ 
        -ms-overflow-style: none;  /* Internet Explorer 10+ */
        scrollbar-width: none;  /* Firefox */
    }
    
    .hide-scroll::-webkit-scrollbar { 
        display: none;  /* Safari and Chrome */
    }    
    
    .table.grid.fixed>.thead,
    .table.grid.fixed>.tbody,
    .table.grid.fixed>.tfoot{    
        display: block;
    }
    /*
    .table.grid.fixed{    
        position: absolute;
    }*/    
    
    .table.grid.fixed>.thead{
        height: auto;
        overflow-x: hidden;
        overflow-y: hidden;        
    }
    
    .table.grid.fixed.has-tfoot>.tbody{    
        overflow-x: hidden;
        overflow-y: scroll;
    }
    
    .table.grid.fixed.has-tfoot>.tfoot{    
        height: auto;
        overflow-x: scroll;
        overflow-y:hidden;
    }  
    
    .table.grid.fixed.not-tfoot>.tbody{    
        overflow-x: scroll;
        overflow-y: scroll;
    }    
   
    div.controller_display_tab.fixed{
        overflow-x: hidden;
        overflow-y: hidden;
    }    

    .input-grade-picker button.focus::after,
    .input-grade-picker button.focus span{
        color: rgba(0,0,0,0.8);
    }
    
    button.input-checkbox:hover{
        background-color: transparent;
    }
    /*
    div.popup-layer:not(.layer-sidebar)>div.wrapper.help{
        max-width: 22rem;
    } 
    */
    div.popup-layer.layer-info>div.wrapper{
        --cs-bg-color: #c9eff9;
        max-width: 20rem;
    }       
}

@media print {   
    div.controller_display_tab.grid div.grid_wrapper.wrapper-fixed{    
        margin:0 auto;
    }
    
    .table.col-fixed{
        display: none;
    }       
    
    .table.grid.fixed{
        left: 0 !important;
        width: auto !important;
        height: auto !important;        
    }
    
    .table.grid.fixed>.thead>.tr:first-child{
        display: none;
    }
    
    .table.grid.fixed>.thead{        
        width: auto !important;
    }
    
    .table.grid.fixed>.tbody{
        width: auto !important;
        height: auto !important;
    }    
}