/* windows */

.window_container{height:100%; width:100%;    left: 0; position:absolute; display:none}
.window_container.open{display:flex}
.window_container > div {height:100%;width:100%;position:absolute;z-index:9998;overflow:hidden;padding:20px;opacity:0;visibility:hidden;display:flex;align-items:center; flex-direction:column; justify-content:center;overflow:hidden;    background-color: rgba(47, 47, 47, 0.8);}
.window_container > div.no_overlay{background:none;pointer-events:none}
.window_container > div.no_overlay > div{pointer-events:all}
.window_container > div.open{opacity:1;visibility:visible;}




.window_container > div > div{    border-radius: 10px; box-sizing:border-box;position:relative;overflow:hidden;justify-content:center;display:flex;flex-direction:column;max-height:100%;max-width:100%;box-shadow: 0 0 0 1px var(--outline) }

.window_container > div > div > header{width:100%;height:var(--area);min-height:var(--area);user-select:none;-webkit-user-select:none;cursor:default;position:relative;z-index:2;box-shadow:0 1px 0 0 var(--border-color);background:var(--light);display:flex;align-items:center;padding:0 10px }
.window_container > div > div > header p{text-align:left;box-sizing:border-box;margin:0;padding:0 0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;    align-items: center;font-weight:700}
.window_container > div > div > header .button.close{margin-left:auto;}
.window_container > div > div > div{display:flex;flex-direction:column;max-height:100%;overflow:hidden;z-index:1}

.window_container > div > div > header group{flex-shrink:0}

.window_container > div.fullscreen{    padding: 0px; background: none;}
.window_container > div.fullscreen > div,.window_container > div.fullscreen > div > div, .window_container > div.fullscreen .window_cont{height:100%;width:100%;}

.window_cont{position:relative;display:flex;flex-direction:column;max-height:100%;width:100%;overflow:hidden;background:var(--background);}
.window_cont .form_container{padding:0;white-space:normal;position:relative;max-height:100%; min-width: 260px;min-height: 120px;}
.window_cont form{display:flex;flex-direction:column;max-height:100%; min-height:100%; overflow:hidden;}
.window_cont .commandPanel{min-height:60px;box-sizing:border-box;box-shadow:0 0 0 1px var(--outline);z-index:1;display:flex;align-items:center;padding:0 15px;}




.window_container.fullscreen{ height:calc(100% - var(--area)); bottom:0}


.window_container.fullscreen > .open:not(.fullscreen)

{    max-width: calc(100% - 20px);
    border-radius: 10px;
    left: 10px;
    height: calc(100% - 10px);}

/* ----- */


/* message_container */

.message_box{background:var(--context);display:flex;flex-direction:column;     padding: 0 40px 20px;}
.message_container{padding:20px; display:flex; align-items:center; flex-direction:column;}


.message_container > icon{opacity:.2;    margin: 0 0 20px;}

.message_container p{    font-size: 16px;    text-align: center; white-space:pre-line;}
.message_container h3{ font-size:16px; color:var(--main-color)}
.message_container.truck div {font-size: 16px;display: flex;flex-direction: column;}
.message_container.truck ul {margin: 5px}
.message_container.truck li {list-style: initial; margin-left: 40px;}

.message_box panel .button{min-width:100px;}
.message_box panel {min-height:60px;width:100%;position:relative;display:flex;align-items:center;box-sizing:border-box;user-select:none;display:flex;padding:0 15px;z-index:99; justify-content:center;}
.message_box panel .button + .button { margin-left: 10px; }

/* ----- */


/* form_container */

.form_container{height:100%;overflow:auto;overflow:overlay;-ms-overflow-style:-ms-autohiding-scrollbar;display:block;-moz-overflow-y:scroll;flex:1;-webkit-overflow-scrolling: touch; position:relative;z-index:1} 


.form_container[accent]{background:var(--main-color)}
.form_container[fab]{padding-bottom:110px;}

.form_container[highlight]
{background:var(--highlight)}

.form_container .section_group{width:100%;position:relative;display: flex;flex-wrap: wrap;flex: 1 1 100%;}
.form_container .section_group .sections{position:relative;padding:10px;/* flex-basis: 340px; */ width:340px;}
.form_container .section_group .sections.mini{ width:240px;}
.form_container .section_group .sections.wide{
    /*flex: 2;*/
    /* max-width: 680px; */
    /* flex-basis: 580px; */
width:680px;

}

.form_container .section_group .sections.extra{width:100%;}

.form_container .section_group .sections.medium{width:520px;}
.form_container .section_group .sections.s_medium{width:420px;}


@media screen and (max-width: 750px) /* mobile */
{
.form_container .section_group .sections{width:100%;flex-basis: 100%;}
.window_container > div{padding:0}
}


.form_container .section_group.highlight{padding:10px;}
.form_container .section_group.highlight .sections.special{    background: #FFECB3; color: #4E342E}
.form_container .section_group.highlight .sections {/*border-radius: 10px;*/
    background: var(--background);
    box-shadow:  0 0 0 1px var(--border-color);}

/* ----- */


/* section_group */

.section_group{max-width:100%;}
.section_group .sections{max-width:100%;}


/* ----- */


/* form_fields */

.form_fields{box-sizing:border-box;display:block;position:relative;padding:5px;width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;flex:1;}
.form_fields.large{flex:2}
.form_fields.mini{flex:.5}
.form_fields.standart { flex-basis: 50%; flex-grow: 0; }
.form_fields .data_label { cursor:default; flex:1 100%; font-weight:700; margin:0 5px 5px;}
.form_fields .data_label_TBD { cursor:default; flex:1 100%; font-weight:500; margin: 0 5px;}
.form_fields .data_help { cursor:default; flex:1 100%; padding: 0 5px 5px; opacity:.7; overflow: hidden;text-overflow: ellipsis;}

.form_fields .section_title{display: flex; align-items: center; padding: 0 5px;  } 
.form_fields .section_title > text{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; opacity: .5;}
.form_fields .section_title > [classic] input + text{padding-left:0}
.form_fields .section_title > [classic] separator + text {padding-right:0}
.form_fields .data_label span{font-weight:400;opacity:.5;float:right;}
.form_fields .data_label tip{font-weight:400;opacity:.5; padding:0 10px}

.form_fields .data_label em{margin-right:5px;}

.form_fields options{display:flex;flex-direction:column;flex:1;align-items:flex-start;}

wrap[group].form_fields {flex-wrap:nowrap}
wrap[group].form_fields text{margin-left:5px}

.form_fields .form_separator{height:1px;box-shadow:inset 0 -1px  var(--outline);flex:1;margin:15px 5px}

.form_fields > input,
.form_fields .input_cont,
.form_fields .k-widget,
.form_fields .data_read,
.form_fields textarea,
.form_fields .Tokenize,
.form_fields .option_bar,
.form_fields .option_column

{ margin:5px;flex-grow:1;}

.form_fields .k-slider.k-widget
{margin-top:10px}


.form_fields > [checkbox],
.form_fields > [radio]

{ margin:0 5px;}

.input_cont > .data_read { margin: 0; }

.field_group{padding:5px;display:flex;flex-wrap: wrap;    align-items: center;}
.field_group.start {align-items: flex-start;}
.field_group .form_fields{padding:0}
.field_group .form_fields[compact]{flex-grow: 0;}

.field_group.vertical { flex-direction: column; }
/* ----- */




.alert_contianer {display: flex; width: 100%; flex-shrink:0;flex-wrap: wrap; }
.alert_contianer alert {height: 60px; display: flex; flex-shrink: 0; align-items: center; padding: 10px; width: 100%; box-shadow: 0 0 0 1px var(--outline); z-index:1; background:var(--background) }
.alert_contianer alert action {margin-left: auto; display: flex; align-items: center; }
.alert_contianer alert[warning] {background: #FFECB3; color: #4E342E;box-shadow: 0 0 0 1px var(--outline-dark); }
.alert_contianer icon {margin: 10px; }
.alert_contianer alert > text {font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.test .ant-table-tbody{ display:none}
.test .ant-table-wrapper {
    height: auto !important
}
.parent_table{height:20px !important}
.childe_table{
    table-layout:inherit !important;
    height:25% !important
}
#test::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
}
    .childe_table .ant-table-body table{
        table-layout:inherit !important
    }
    @media screen and (max-width: 720px) {
        .childe_table {
        height: 25% !important
    }
    .ant-table-sticky-scroll-bar{
        position:relative !important
    }
}


@media screen and (max-width: 500px) {
    .childe_table {
        height: 55% !important
    }
}
@media screen and (max-width: 350px) {
    .childe_table {
        height: 80% !important
    }
}
.alert_contianer.multi alert {
    height: auto;
    padding: 15px
}
.alert_contianer.multi alert > text{white-space:pre-line}

.btnDone {
    background-color: inherit;
    border-radius:4px;
    font-size: 8px;
    padding: 0 8px;
    line-height: 12px;
    color: #FFF8EF,
};

.customerOrder-admin__separator {
    margin: 6px 0 0 8px!important;
}

.customer-order-admin-checkbox__container {
    margin-right: 6px;
    overflow: clip;
}