:root {
    --main-color: #029b96;
    --main-color-1: #51B2AD;
    --main-color-2: #325353;
    --main-color-3: #449996;
    --main-color-4: #65A7A5;
    --main-color-5: #D9EBEB;
    --main-color-6: #3E8A86;

    --focused: rgb(2 155 150 / 50%);
    --button-radius: 5px;
    --input-color: rgba(136, 136, 136, 0.1);
    --input-padding: 7px;
    --input-radius: 5px;
    --elevation: 0 0 50px 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0,0,0,.05);
    --elevation_2: 0 50px 110px -20px rgba(0,0,0,.3), 0 0 0 1px var(--border-color);
    --elevation_3: 0 50px 110px -20px rgba(0,0,0,.3),0 -50px 110px -20px rgba(0,0,0,.3), 0 0 0 1px var(--border-color);
    --elevation_4: 0 50px 110px -20px rgba(0,0,0,.3), 0 0 0 1px var(--outline);
    --outline: rgba(0,0,0,.1);
    --outline-dark: rgba(0,0,0,.1);
    --fab: 50px;
    --hover: rgba(136, 136, 136, 0.1);
    --tip: #424242;
    --context: #fff;
    --over-color: linear-gradient(to top, rgba(0,0,0,.05) 0%,rgba(0,0,0,.05) 100%);
    --press-color: linear-gradient(to top, rgba(0,0,0,.07) 0%,rgba(0,0,0,.07) 100%);
    --overlay: rgba(234, 234, 234, 0.65);
    --area: 60px;
    --dark-color: #eae8e8;
    --text-color: #000;
    --dark-border-color: #c7c4c4;
    --border-color: #EEEEF2;
}

[data-weight="100"] {font-weight:100}
[data-weight="300"] {font-weight:300}
[data-weight="500"] {font-weight:500}
[data-weight="700"] {font-weight:700}


wrapper > view[space] { background: rgba(0, 0, 0, 0.65) !important; }
wrapper > view[space] > view { border-radius: 0 0 10px 10px; }
wrapper > view[space] > toolbar { border-radius: 10px 10px 0 0; box-shadow: inset 0 0 0 1px var(--border-color); }

/*--Login---*/


login { display: flex; flex-direction: column; align-items: center; margin: 5px; position: relative; margin: auto; }
login > cont { display: flex; flex-direction: column; width: 360px; }

login logo { margin: 40px 0 }
login wrap { display: flex; flex-direction: column; position: relative; z-index: 1; overflow: hidden; position: relative; }
login wrap [space] { padding: 0 10px }


logo { display: flex; flex-shrink: 0; user-select: none; position: relative; z-index: 9; }
login wrap > info { display: flex; flex-direction: column; position: relative; flex-shrink: 0; margin-bottom: 20px; padding: 0 10px }
login wrap > info text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px; }
login wrap > info p { margin-top: 30px; max-width: 300px; line-height: 1.5; }
login toolbar { height: auto; min-height: auto; margin-top: 30px; }
toolbar[none] { box-shadow: none; }

login .input_wrap { margin-top: 20px }
login .input_wrap .button { margin-right: 10px }

login input[type=text], login input[type=password] { box-shadow: none; }

[intro] login info { align-items: flex-start; }
[intro] login info text { text-align: left; opacity: 1; }

[intro] login .input_wrap .wrap input:hover ~ decor,
[intro] login .input_wrap .wrap input:focus ~ decor { opacity: 1 }

[intro] login .input_wrap .wrap input:hover ~ name,
[intro] login .input_wrap .wrap input:focus ~ name { color: #000 }

[intro] login .wrap name { color: rgba(0, 0, 0, 0.4); }

login .button.shrink text { text-decoration: underline }


/* ------- */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus { /*border: 1px solid green;*/ /*-webkit-text-fill-color: green;*/ -webkit-box-shadow: 0 0 0px 1000px #fff inset !important; transition: background-color 5000s ease-in-out 0s !important; }







/*button*/

.button.right { margin-left: auto; }
.button.link { padding: 0; text-decoration: underline; color: initial; color: var(--main-color) }
.button.link:hover { opacity: 0.75; background: none; }
.button.action { color: var(--main-color); }

/*----------*/




/*filter*/

.filter_content { width: 100%; /*height: 100%;*/ position: relative; overflow: auto; overflow:overlay; -webkit-overflow-scrolling: touch; overflow-x: hidden; flex: 1 1 auto; padding: 0 20px; box-shadow: 0 0 0 1px var(--outline);}
.filter_container.advanced { flex: 1; -ms-flex: 1 1 auto; }
.filter_container.medium { width: 280px }

/*.k-desktop .filter_container.static .filter_content{    width: -webkit-calc(100% + 20px);}*/



.filter_block { float: left; width: 100%; display: block; box-shadow: 0 1px 0 0 var(--highlight); padding: 20px 0; }

.filter_block:last-child { box-shadow: none; }

.filter_block.footer { padding: 15px; box-shadow: inset 0 1px 0 0 #3c4e5d, 0 -1px 0 0 #273745; background: rgba(255,255,255,.03); }


.filter_block .title { margin-top: -20px; display: flex; height: 60px; align-items: center; }
.filter_block .title span { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;font-size: var(--text);font-weight:700; color: var(--main-color); margin: 0 3px }
.filter_block .title span tip{font-weight: 400; opacity: .5; padding: 0 10px;color:initial;}
.filter_block .title .button { display: none }
.filtered .title .button { display: flex; }

.filter_block .button.reset { height: 60px; width: 100%; color: #fff; font-weight: 300; font-size: 16px; text-align: left; padding: 0 20px; }
.filter_block .button.reset:hover { box-shadow: none; background: rgba(255,255,255,.05) }

.filter_block .data_cell { float: left; width: 100%; display: flex; flex-wrap: wrap; }
.filter_block .data_cell > wrap { display: flex; flex: 1; max-width: 100%; }






.filter_block .input_cont separator[vertical] { margin: 0 20px; }
.filter_block .input_cont i { background: var(--input-color); z-index: -1;border-radius:30px; }
.filter_block .input_cont input:focus ~ i { background: var(--background); }
.filter_block .input_cont [checkbox][simple] name { opacity: .5; }

.filter_block .input_cont [checkbox][simple] input ~ text:after { font-weight: 700; }
.filter_block .input_cont [checkbox][simple] input:checked ~ text:after { color: var(--main-color); }
.filter_block [checkbox] text, .filter_block [radio] text, .filter_block [classic] text { padding: 0 20px 0 10px; }

.filter_content toolbar { box-shadow: none; background: none; padding: 0 0px 0 20px; }
.filter_content > wrap { display: flex; flex-wrap: wrap; }



/*.filter_content input[type=text],
.filter_content input[type=password],
.filter_content input[type=url] { height: 40px; line-height: 40px; padding: 0 20px; }*/





.filter_content toolbar .button.link:active { background: none; }


.filter_block .form_fields {padding:3px;}
 
.filter_block .data_cell  .form_fields > input,
.filter_block .data_cell  .form_fields .input_cont, 
.filter_block .data_cell  .form_fields .option_bar,
.filter_block .data_cell  .form_fields .ant-select, 
.filter_block .data_cell  .form_fields .ant-input-number, 
.filter_block .data_cell  .form_fields .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
.filter_block .data_cell  .form_fields .ant-picker,
.filter_block .data_cell  .form_fields .ant-select-multiple .ant-select-selector {margin:0px;}




.filter_block .data_cell  .input_cont{margin: 3px;box-shadow:none;border-radius:30px;}

.filter_block .data_cell  .input_cont > input,
.filter_block .data_cell  .input_cont .input_cont, 
.filter_block .data_cell  .input_cont .option_bar, 
.filter_block .data_cell  .input_cont .ant-input-number, 
.filter_block .data_cell  .input_cont .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
.filter_block .data_cell  .input_cont .ant-picker,
.filter_block .data_cell  .input_cont .ant-select-multiple .ant-select-selector {border-radius:30px;}

.filter_block .data_cell  .input_cont > input[type=text]{padding:0 5px}, 
.filter_block .data_cell  .input_cont > input[type=password], 
.filter_block .data_cell  .input_cont > textarea, 
.filter_block .data_cell  .input_cont > .data_read{padding:0 15px;} 


/**/


/*toolbar*/

toolbar nav[launcher] ul li a { color: inherit; transition: none; }
toolbar nav[launcher] ul li:hover text { }

toolbar > wrap[wide] { flex-wrap: wrap; }
toolbar > wrap[wide] > action { flex-grow: 1; flex-shrink: 1; flex-basis: 100%; }
toolbar[multiline] { flex-shrink: 0; padding: 20px 10px; }


/* Will be review */
/*tab_strip*/
.tab_strip { display: flex; flex-direction: column; overflow: hidden; width: 100%; height: 100%; }
.tab_strip.accent li dot { padding: 0 }
.tab_strip.accent > wrap > ul > li.selected { box-shadow: none; color: #fff; background: var(--main-color) }


.tab_strip.round { }
.tab_strip.round > wrap ul { align-items: center; padding: 0 10px }
.tab_strip.round > wrap ul > li { height: 30px; line-height: 30px; border-radius: 30px; font-weight: 400; background: var(--over-color); margin: 0 5px }
.tab_strip.round > wrap ul > li.selected { box-shadow: none; color: #fff; background: var(--main-color) }
.tab_strip.round > wrap ul > li[zone].selected { opacity: 1; box-shadow: none; }
.tab_strip.round > wrap ul > li > text { padding: 0 5px; }


.tab_strip > wrap { display: flex; flex-shrink: 0; box-shadow: inset 0 -1px 0 0 var(--outline); }
.tab_strip > wrap ul { display: flex; flex-shrink: 0; overflow: hidden; float: left; min-width: 100%; height: var(--area); line-height: var(--area); background: var(--background); box-shadow: var(--elevation); z-index: 99; }

.tab_strip > wrap ul > li { list-style: none; height: var(--area); line-height: var(--area); overflow: hidden; padding: 0 10px; cursor: pointer; position: relative; overflow: hidden; box-shadow: inset 0 0px 0 0 var(--main-color); font-weight: 700; display: flex; align-items: center; white-space: nowrap; flex-shrink: 0 }
.tab_strip > wrap ul > li:hover { background-color: var(--hover) }
.tab_strip > wrap ul > li:active text, .tab_strip > wrap > ul > li:active icon { transform: translateY(1px) }
.tab_strip > wrap ul > li.selected { box-shadow: inset 0 -2px 0 0; color: var(--main-color); }


.tab_strip > wrap ul > li.hidden { display: none }
.tab_strip > wrap ul > li.disabled { cursor: default; opacity: .5; transform: none; }
.tab_strip > wrap ul > li text { padding: 0 10px; }

.tab_strip > div { position: relative; display: -ms-flexbox; display: flex; clear: both; overflow: hidden; height: 100%; flex: 1; }
.tab_strip > div > div { display: none; position: relative; flex: 1; flex-direction: column; overflow: hidden; -ms-flex: 1 1 auto; height: 100%; width: 100%; }
.tab_strip > div > div.selected { display: flex; overflow: auto; }
/*----*/





/*  dashboard  */
dashboard[demo] wrap > item {
    min-height: 150px;
    height: 150px;
    align-items: center;
    z-index: 1;
    transition: box-shadow .125s;
    position: relative;
    padding: 10px 10px 0;
    background: var(--background);
    box-shadow: 0 0 0 1px var(--border-color);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-radius: 20px;
}

    dashboard[demo] wrap > item[accent] {
        background: var(--main-color);
        color: #fff;
    }


view.drop dashboard > [intro]{display:none}

dashboard [intro] + wrap{display:none}
.drop dashboard [intro] + wrap{display:grid}


canvas { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }

dashboard { display: flex; height: 100%; width: 100%; flex-direction: column; overflow: auto; -webkit-overflow-scrolling: touch }

dashboard[mini]{height:auto; overflow:hidden; flex-shrink:0;     box-shadow: 0 0 0 1px var(--border-color); background:var(--highlight)}
dashboard[mini] item:hover{box-shadow:0 0 0 1px var(--border-color); }

dashboard  > separator[horizontal]{margin: 0 30px;}
/*dashboard:after { content: ""; height: 25%; display: flex; flex-shrink: 0 }*/
dashboard header { display: flex; width: 100%; height: 60px; display: flex; align-items: center; padding: 0 15px; }
dashboard header text { padding: 0 15px; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
dashboard wrap[chart] { display: flex; width: 100%; flex-shrink: 0; padding: 40px 100px 40px 40px; flex-wrap: wrap; grid-gap: 40px; grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));}

dashboard > wrap[template="large"] {grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));}

    @media(max-width:1200px) {

        dashboard > wrap[chart] { grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)); grid-gap: 40px; }
        [drag_start] [autohide] { height: var(--area) }
    }

@media(max-width:1180px) {
    dashboard > wrap[chart] { padding: 40px; }
}


dashboard > wrap indicator {  height: 440px; width:100%; border-radius:20px;  }

item[dwidget] { z-index:1; transition:box-shadow .125s; position:relative; padding:10px 10px 0; background: var(--background); box-shadow:0 0 0 1px var(--border-color);  overflow: hidden; display: flex; flex-direction: column;  justify-content: center;  height: 280px; width:100%; border-radius:20px; /*flex: 1 1 320px;*/ }

    item[dwidget] text[caption]{overflow:hidden; text-overflow:ellipsis}


    item[dwidget]:hover {
        box-shadow: var(--elevation_2);
        z-index: 2;
    }
/*
item[dwidget] list {
        mask-image: linear-gradient(to top, transparent 10%, black 60%);
        -webkit-mask-image: linear-gradient(to top, transparent 10%, black 60%);
    }

    item[dwidget]:hover list {
        mask-image: none;
        -webkit-mask-image:none
    }*/

    item[dwidget] > wrap {
        display: flex;
        width: 100%;
        height: 100%;
        background: var(--background);
        overflow: hidden;
        align-items: center;
        position: relative;
    }
item[dwidget] > info{ padding:20px 20px 0 20px}

.drag_item item[widget] { height: 340px; position: relative; overflow: hidden; display: flex; flex-direction: column; margin: 20px }

dashboard item[accent] { background: var(--main-color); color: #fff; }
dashboard item count { font-size: 50px; font-weight: 700; font-family: Roboto }
dashboard item > text { margin-top: 10px; }



dashboard wrap item[large] { height: auto; width: 100%; flex: 1 }
dashboard wrap item[extra] { height: auto; width: 100%; flex: 1 1 100% }



.button.slider{position:absolute;z-index:9;top:50%;transform: translateX(0) translateY(-50%);transition: .125s;transform-origin: center center;}
.button.slider[hidden]{opacity: 0;transform: translateX(-50%) translateY(-50%);visibility: hidden;}
.button.slider.prev{left:10px}
.button.slider.next{right:10px}

/*.k-webkit.k-desktop dashboard item toolbar {margin: 0 20px;padding:0;width:auto;}*/


/* ----- */





/*badge*/

group { display: flex; flex-wrap: wrap; align-items: center; overflow: hidden; padding: 3px 0 0; min-height: 30px; }
group badge { margin: 0 3px 3px 0 }
badge { white-space: nowrap; border-radius: 2px; padding: 4px 10px; z-index: 2; position: relative; text-align: center; box-shadow: inset 0 0 0 1.5px; font-weight: 700; max-width: 100%; overflow: hidden; text-overflow: ellipsis; flex-shrink: 0 }
group[line] { flex-wrap: nowrap; }
group[right] { margin: 0 5px 0 auto; }


:root { --error-color: tomato; --new-color: /*#76a45d;*/ #4e87de; --success-color: #1ca9bb; --private-color: /*#e8c978;*/ #76a45d; --missing-color: #c7c4c4; --special-color: #E53935; --orange-color: #ff7614; --process-color: #fbcb00 }



badge[error] { color: var(--error-color) }
badge[new] { color: var(--new-color) }
badge[private] { color: var(--private-color) }
badge[accent] { }

badge[filled] { box-shadow: none; color: #fff; background: #000 }



badge[filled][error],
badge[filled][offline] { background: var(--error-color) }
badge[filled][new] { background: var(--new-color) }
badge[filled][private] { background: var(--private-color); color: #fff }
badge[filled][accent] { background: var(--main-color) }
badge[filled][missing] { background-color: var(--missing-color) }

badge[filled][process] { background-color: var(--process-color); color: #000; }


group[compact] {padding: 0;}
group[compact] badge {margin: 0;padding: 1px 10px;}

/******/


badge[mini] { padding: 0; width: 10px; height: 10px; margin-left: auto; margin-right: auto; border-radius: 10px }
badge[medium] { padding: 0; width: 15px; height: 15px; margin-left: auto; margin-right: auto; border-radius: 10px }


badge[floating] { position: absolute; top: 10px; left: -5px; max-width: none; overflow: inherit; padding: 0 15px; height: 30px; line-height: 30px; border-radius: 0 3px 3px 0; box-shadow: 0 2px 0 0 rgba(0,0,0,.1); }
badge[floating]:before { content: " "; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-width: 4px; bottom: -4px; transform: rotate(-42deg); text-align: left; left: 2px; }

badge[floating][private]:before { border-left-color: #66882c; }
badge[floating][error]:before { border-left-color: #a24620; }
badge[floating][new]:before { border-left-color: #1f52a0; }
badge[floating][process]:before { border-left-color: #bb9905; }

badge[l_space] { margin-left: 3px; }
/*----------*/

group[circle]{min-width:30px; justify-content:center;}
group circle{display:flex;width:10px;height:10px;border-radius:50%;}
group circle[green]{background: green;}
group circle[blue]{background: #1f52a0;}


/*grid*/

/*.ant-table-thead{height:40px;z-index:1;position:relative;box-shadow:0 1px 0 0 var(--border-color);flex-shrink: 0;}
.ant-table-thead tr {height: 40px;}
.ant-table-thead th {border: none;color: var(--main-color); background: none; border-bottom: none;font-weight: 400;vertical-align: middle;font-weight: 700;box-shadow: 1px 0 0 0 var(--border-color);white-space: nowrap;text-overflow: ellipsis;text-align: left;overflow: hidden;height: 40px;}
.ant-table-thead th:last-child{box-shadow:none;}


.ant-table-tbody{position:relative; height:100%; width:100%;overflow:auto;overflow-x:auto;overflow-y:scroll;background:#fff;}
.ant-table-tbody tr{box-shadow:inset 0 1px 0 0 var(--border-color);}
.ant-table-tbody tr:last-child{box-shadow:inset 0 1px 0 0 var(--border-color),inset 0 -1px 0 0 var(--border-color) ;}

.ant-table-tbody > tr:hover { background: var(--hover); box-shadow: inset 0 1px 0 0 var(--border-color), inset -1px 0 0 var(--border-color);}

.ant-table-tbody tr td{box-shadow:1px 0 0 0 var(--border-color);height:40px;}
.ant-table-tbody tr td:first-child{box-shadow:1px 0 0 0 var(--border-color),-1px 0 0 0 var(--border-color);}



.ant-table-tbody tr:nth-child(odd) {background-color: var(--light);}
.ant-table-tbody tr.parent{background-color: var(--background)}
.ant-table-tbody tr.children{background-color: var(--light);}

.ant-table-tbody tr.parent text[mark] {font-weight: 600;color: #029b96;}*/



/*tbody tr:nth-child(odd) {background: rgba(244, 244, 244, 0.75);}*/
/*tr.children {background-color:rgba(244, 244, 244, 0.5)}
tbody tr.children:nth-child(odd) {background: rgba(244, 244, 244, 0.5)}
tr.parent:nth-child(odd) {background-color: var(--background)}*/
/* 
.ant-table-tbody tr:nth-child(odd),
.table_view tr:nth-child(even) {background-color: var(--light);} */

.ant-table-tbody tr.parent:nth-child(odd) {background-color: var(--background)}
.ant-table-tbody tr.children {background: #f0f0f0;}
.ant-table-tbody tr.children:nth-child(odd) {background: #f4f4f4;}




.k-grid-content > table, .k-grid-content > form > table { padding-bottom: 120px; }




.ant-table-tbody tr:hover .button,
.ant-table-tbody tr:hover td action { display: flex }

.ant-table-tbody tr td action[hover] .button,
.ant-table-thead tr th action[hover] .button { opacity: 0 }

.ant-table-tbody tr.selected action[hover] .button:not(.ant-table-tbody .table_view action[hover] .button),
.ant-table-tbody tr:hover action[hover] .button:not(.ant-table-tbody .table_view action[hover] .button) { opacity: 1; }


.ant-table-tbody tr.selected .table_view action[hover] .button,
.ant-table-tbody tr .table_view tr:hover action[hover] .button { opacity: 1; }




/*.ant-table-tbody tr.ant-table-expanded-row { box-shadow: 0 -1px 0 0 var(--border-color);}

.ant-table-thead > tr > th > wrap{display:flex;padding:0 10px;width:100%; height:100%; overflow:hidden; white-space:nowrap; position:relative; align-items:center}
.ant-table-tbody > tr > td > wrap{padding:0 10px;width:100%;  overflow:hidden; white-space:nowrap;text-overflow:ellipsis;position:relative; display:block;}

/*.ant-table-tbody > tr > td > wrap  .ant-form-item-control-input-content [checkbox],
.ant-table-tbody > tr > td > wrap  .ant-form-item-control-input-content [radio],
.ant-table-tbody > tr > td > wrap  .ant-form-item-control-input-content  [classic]{justify-content:center;}*/
td wrap,th wrap {display: flex;}

td wrap[center],th wrap[center] {justify-content: center;}
td wrap[center] elastic{justify-content: center;}
td wrap[center] elastic action{left:0;}


td wrap[right],th wrap[right] {justify-content: flex-end;}
td wrap[right] elastic{justify-content: flex-end;}
td wrap[right] elastic action{left:0;}

td wrap[left] elastic { justify-content: flex-start; }

td elastic { display: flex; align-items: center;justify-content:center; white-space: nowrap; position: relative; width: 100%; }
td wrap action { position: relative; }
td wrap action[hover] { display: none; /* left: -10px; */ }
td action[right] { /*left: 10px*/ }
td action[visible] { display: flex; }
td .button.extra { /*box-shadow:1px 0 var(--border-color);*/ height: 40px; width: 40px; }
td .button.extra:only-child { box-shadow: none; }

td elastic text { max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

td elastic wrap{max-width:100%;}

td elastic badge { margin-right: 10px; }


td action .ant-picker { background: transparent; box-shadow: none; }
td action .ant-picker.ant-picker-focused,
td action .ant-picker.ant-picker-focused:hover { box-shadow: none }



wrap[readonly] {padding: 0 0px 0 7px;}
wrap[readonly] action{flex-grow: 1;}
wrap[readonly] action text {flex-grow: 1;padding: 0 7px 0 0;}
wrap[readonly] action[right]{justify-content: flex-end;/* left:auto; */}

wrap action:only-child{flex-grow:1;}




.ant-tree-title { width: 100%; }
.ant-tree-title text { display: flex; width: 100%; }
.ant-tree-title input { display: flex; width: 100%; box-shadow: 0 -1px 0 0 var(--border-color); }
.ant-tree-title elastic { display: flex; align-items: center; white-space: nowrap; position: relative; width: 100%; }
.ant-tree-title wrap action { display: none; left: -10px; position: relative; }
.ant-tree-treenode:hover .ant-tree-title action { display: flex }


/*.ant-table-cell > wrap > .form_fields > .input_cont{margin:5px 0;}




.ant-table-cell view {box-shadow: none;}
.ant-table-cell view[space]{padding: 40px;}

.ant-table-cell .fab_container.compact {bottom: 20px;}*/
.fab_container.compact .button.fab { width: 40px; height: 40px; }
.fab_container.compact .button.fab icon { font-size: 20px; }



/*.ant-table-cell .form_fields > input{margin:5px 0;}
.ant-table-cell .form_fields {padding:5px 0;}*/


td > wrap a{white-space:nowrap;text-overflow: ellipsis; overflow: hidden;}


td text {user-select: text; /*cursor: text;*/}

/*menu list*/
/*[schemas] nav .list_menu.ant-dropdown-menu ul { min-width: 200px; }
[schemas] nav .list_menu.ant-dropdown-menu .separator { margin: 0; padding: 0; line-height: 0; box-shadow: inset 0 1px 0 0 var(--outline) }
[schemas] nav .list_menu.ant-dropdown-menu li { line-height: 50px; }
[schemas] nav .list_menu.ant-dropdown-menu li text { font-weight: 600; }*/


.form_fields .ant-select { flex-grow: 1; }

.ant-select-dropdown { text-align: center }
.ant-select-dropdown-menu-item { height: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer; padding: 0 10px; list-style: none; display: flex; align-items: center; flex-shrink: 0; width: 100%; position: relative; font-weight: normal; font-size: 14px; line-height: 22px; transition: none; min-width: 70px !important; min-height: 40px; color: var(--text); }

.ant-select-dropdown-menu-item-active { }
.ant-select-dropdown-menu-item:hover { background-image: var(--over-color); }
.ant-select-dropdown-menu-item-selected { font-weight: 700; background-color: var(--main-color); color: #fff; }
.ant-select-dropdown-menu-item-selected.ant-select-dropdown-menu-item:hover { background-image: var(--over-color); background-color: var(--main-color); }
.ant-select-dropdown .ant-select-item-option { padding: 4px }



/**/

/*resizable*/
.ant-table-header .react-resizable { position: relative; background-clip: padding-box; }
.ant-table-header .react-resizable-handle { position: absolute; right: 0; bottom: 0; z-index: 1; width: 2px; height: 100%; cursor: col-resize; border-left: dashed 1px RGB(190, 190, 190); }


.sheet-table-header .react-resizable { position: relative; background-clip: padding-box; background: #929292; color: #fff}
.sheet-table-header .react-resizable-handle {position: absolute;top: 0;right: 0px;width: 5px;height: 100%;transition: background-color 0.3s;cursor: col-resize;border-right: 1px dashed  var(--dark-border-color);}
.sheet-table-header .react-resizable-handle:after{content:'';display:block;width:1px;height:100%;background: var(--dark-border-color);position:absolute;right: -1px;display:none;}

.table_view  th.react-resizable{box-shadow:none;}





/*window*/
.window_container > div.fullscreen { padding: 0; }
.window_container > div.fullscreen > div { border-radius: 0 0 10px 10px; }

.window_container > .large > div { max-width: 1100px; }
.window_container > .middle > div { max-width: 800px; }
.window_container > .small > div { max-width: 500px; }
/*----*/


.form_fields > .input_cont[wrapper] { width: 100%; margin: 0; padding: 5px;}



/*form_fileds line*/
.form_fields.line{flex-wrap:nowrap;align-items:center;flex:auto;}
.form_fields.line .data_label{ white-space: nowrap; }
.form_fields.line > input{border-radius:30px;padding:0 15px}
.form_fields.line.large{width:200px}
.form_fields.line.small { font-size: var(--text_m); font-weight: 400; line-height: 16px; padding-right: 12px; }
.form_fields.line.small .data_label tip{margin-right:-5px;}
.form_fields.line.small input{width:60px;min-width:60px}

.order__batch-text { font-size: 12px }
.data_label__text { font-size: 14px!important; flex: 0!important; margin: 0 8px }

.form_fields.line.middle { flex: inherit; }
.form_fields.line.middle .data_label { }
.form_fields.line.middle input { }


.form_fields.line .input_cont { background: var(--ihghlight); box-shadow: 0 0 0 1px var(--outline); padding: 0; min-width: 0; }
.form_fields.line .input_cont i { display: none; }


.form_fields.line > input:focus{background:none;}

/*form_fileds line ant override */
.form_fields.line > input,
.form_fields.line > .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
.form_fields.line > .ant-input-number,
.form_fields.line > .ant-picker,
.form_fields.line > .ant-select-multiple .ant-select-selector {border-radius:30px; margin:0; }


.form_fields.line > input,
.form_fields.line > .input_cont,
.form_fields.line > .option_bar,
.form_fields.line > .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
.form_fields.line > .ant-input-number,
.form_fields.line > .ant-picker,
.form_fields.line > .ant-select-multiple .ant-select-selector {background: var(--input-color); }



.form_fields.line > input,
.form_fields.line > .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
.form_fields.line > .ant-input-number,
.form_fields.line > .ant-picker{padding:0 5px}

.form_fields.line > .ant-select-multiple{min-width: 120px;}
.form_fields.line > .ant-select-multiple .ant-select-selector {padding: 0 15px 0 5px;}
.form_fields.line > .ant-select-multiple .ant-select-selector .ant-select-selection-placeholder{margin: 0 10px;}


.form_fields.line .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
.form_fields.line .ant-picker,
.form_fields.line .ant-select-multiple .ant-select-selector { box-shadow: 0 0 0 1px var(--outline); border: none; }


.form_fields.line .ant-select-multiple .ant-select-selection-item{border-radius:30px}

.form_fields.line .input_cont .ant-select .ant-select-selector {background: none !important; border: none !important; }
.form_fields.line .ant-select-multiple .ant-select-selector {flex-wrap: nowrap;}
/*toolbar .form_fields.line .ant-select-multiple .ant-select-selector { flex-wrap: wrap; }*/




/*toolbar line form_fields*/

toolbar .form_fields.line > input,
toolbar .form_fields.line > .ant-select,
toolbar .form_fields.line > .ant-select-multiple .ant-select-selector,
toolbar .form_fields.line > .ant-input-number,
toolbar .form_fields.line > .ant-picker { border-radius: 30px!important; }

toolbar .form_fields.line{width:auto;flex:auto;}
toolbar .form_fields.line.counts { margin: 0 22px; padding: 0; font-size: 14px; font-weight: 400; line-height: 16px; color: #0D2727; }

toolbar .form_fields.line .ant-select, 
toolbar .form_fields.line .ant-input-number, 
toolbar .form_fields.line .ant-picker,
toolbar .form_fields.line .data_read,
toolbar .form_fields.line input{width:250px;}
toolbar .data_read_rate { width: 100px !important; }
toolbar .data_read_rate input { width: 100px !important; }
toolbar .form_fields.line.small .ant-select, 
toolbar .form_fields.line.small .ant-input-number, 
toolbar .form_fields.line.small .ant-picker,
toolbar .form_fields.line.small .data_read,
toolbar .form_fields.line.small input{width:100px;}

toolbar .form_fields.line.middle .ant-select, 
toolbar .form_fields.line.middle .ant-input-number, 
toolbar .form_fields.line.middle .ant-picker,
toolbar .form_fields.line.middle .data_read,
toolbar .form_fields.line.middle input{width:150px;}




toolbar .form_fields.line.large{width:auto;flex:auto;}
toolbar .form_fields.line.large .ant-select, 
toolbar .form_fields.line.large .ant-input-number, 
toolbar .form_fields.line.large .ant-picker,
toolbar .form_fields.line.large .data_read,
toolbar .form_fields.line.large input{width:350px;}







toolbar[highlight] .form_fields.line > input,
toolbar[highlight] .form_fields.line .input_cont, 
toolbar[highlight] .form_fields.line .option_bar, 
toolbar[highlight] .form_fields.line .ant-input-number, 
toolbar[highlight] .form_fields.line .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
toolbar[highlight] .form_fields.line .ant-input-number, 
toolbar[highlight] .form_fields.line .ant-picker,
toolbar[highlight] .form_fields.line .ant-select-multiple .ant-select-selector {background: var(--background);box-shadow: 0 0 0 1px var(--outline);}



toolbar.main_header a[logo] { margin-left: 0px; }
toolbar .ant-dropdown-trigger {margin:0 10px; }
toolbar .ant-dropdown-trigger + separator{margin-left:0;}


    /**/
    .form_fields textarea ~ .button,
    .form_fields textarea ~ .ant-tooltip-open,
    .form_fields textarea + span { align-self: self-end; }





/*.validation icon {color: tomato;}
.validation.input_cont i {color: tomato;box-shadow: 0 0 0 1px;}
.validation.input_cont {align-items: flex-start;}
.validation .ant-upload-picture-card-wrapper{width:auto;flex-grow:0;}
.validation .ant-upload-picture-card-wrapper ~ i{display:none;}*/




/*srch*/
.srch { display: flex; align-items: center; height: 50px; flex-shrink: 0; min-height: 0; padding: 15px; margin: 30px; width: auto; border-radius: 30px; box-shadow: var(--elevation); }
.srch input[type=text] { box-shadow: none; background-color: transparent; height: 100%; width: 100%; }
.srch input:focus { box-shadow: none; }
.srch .hidden { display: none; animation: hidden_appear_anim .125s }
.srch .hidden:nth-last-child(1) { animation-duration: .25s }
 input[pattern]:valid ~ .hidden { display: flex; }

 view[space] > .srch { margin: 0 0 30px 0; }


toolbar .srch {flex-grow:1;}
toolbar .srch[compact] { margin: 15px 10px; height: 30px; box-shadow: 0 0 0 1px var(--border-color); padding: 0 5px;}
toolbar .srch[compact] input{padding-left: 5px;}
/*-------*/





.ant-table-wrapper { padding-bottom: 0px; }
.fab_container ~ .ant-table-wrapper { padding-bottom: 100px; }





/* Tree */
.tree_view { color: rgba(0, 0, 0, 0.65); transition: background-color 0.3s; width: 100%; }
.tree_view > ul { padding: 10px; width: 100%; }
.tree_view ul li { display: flex; width: 100%; flex-direction: column; align-items: flex-start; margin: 0 0 5px 0; outline: none; cursor: pointer; }
.tree-node { display: flex; width: 100%; align-items: center; height: 40px; line-height: 40px; padding: 0 10px 0 0; }
.tree-node:hover { background-color: #f5f5f5; }
.toggler { display: block; }
.node { display: flex; width: 100%; overflow: hidden; }
.tree_view .selected { background-color: #ffd3ad; }
.selected .node input { box-shadow: inset 0 0 0 1px rgb(0 0 0 / 0.1); background: rgb(255 255 255 / 0.5); }




.tree-node wrap { display: flex; width: 100%; }
.tree-node wrap elastic { display: flex; align-items: center; white-space: nowrap; position: relative; width: 100%; }
.tree-node wrap elastic text { align-items: center; padding: 0 10px; text-overflow: ellipsis; overflow: hidden; width: 100%; }

.border-bottom { /* box-shadow: 0 1px 0 0 BLACK; */ border-bottom: 2px dotted #029b96; }
.border-top { /* box-shadow: 0 -1px 0 0 rgb(250 91 11); */ border-top: 2px dotted #029b96; }
.background-clr { background-color: #ffd3ad; }

.tree-node wrap elastic input { flex-grow: 1; display: flex; align-items: center; background: transparent; padding: 0px 10px; border-radius: 3px; height: 30px; margin: 0 5px; }
.tree-node wrap action { display: none; left: 0px; position: relative; }
.tree-node:hover action { display: flex }
.node.selected action { display: flex; }


.nested { padding-left: 20px; width: 100%; }

.tree-node.new { background-color: #ffd3ad; }
.tree-node.new input { box-shadow: inset 0 0 0 1px rgb(0 0 0 / 0.1); background: rgb(255 255 255 / 0.5); }
.tree-node.new action { display: flex; }




.tree-node .form_fields { margin: 0; padding: 0; }
/*.tree-node  .form_fields.input-validation-error i{box-shadow:0 0 0 2px rgba(240, 80, 80, 0.3);}
.tree-node  .form_fields.input-validation-error icon{color: rgba(240, 80, 80, 0.5);}*/
/*---*/


/*total_box*/
.total_box { background: var(--light); box-shadow: var(--elevation); padding: 30px 30px 10px 30px; max-width: 450px; }
.total_box .form_fields { justify-content: flex-end; }
.total_box .form_fields .data_label { flex: 1; text-align: right; }
.total_box .form_fields .data_value { min-width: 150px; text-align: right; }

.total_box [classic] { justify-content: flex-end; }
.total_box [classic] text { width: auto; }
.total_box [classic] text a { color: var(--main-color); }

.total_box toolbar { padding: 0; }





.sauter [classic] input:checked ~ box { background: #75af4a; }
.sauter .total_box [classic] text a { color: #75af4a }
.therpac [classic] input:checked ~ box { background: grey; }
.therpac .total_box [classic] text a { color: grey }

/*----*/





.alert_contianer alert[message] { min-height: 60px; height: auto; max-width: 1000px; box-shadow: none; padding: 20px 30px; justify-content: center; border-radius: 3px; }
toolbar[logo] { margin: 50px auto; box-shadow: none; justify-content: center; }
.alert_contianer[center] { justify-content: center; }
.alert_contianer alert[message] text { font-weight: 400; white-space: normal; }


alert[message][error] { background: rgb(255 0 0 / 20%); color: red; }
alert[message][success] { background: rgb(0 128 0 / 0.2); color: green; }









/*button*/
a.button.primary text { text-decoration: none; }
a.button.primary:hover text { color: #fff; }

.input_cont .fab{border-radius:60px;}
/*---*/



/*table_view*/
.table_view {display: flex;overflow: auto;box-shadow: 0 0 0 1px var(--border-color);}
.table_view table {border-spacing: 0;flex:1;table-layout: fixed}

.table_view thead {position: relative; z-index: 10;}

.table_view th,
.table_view td {box-shadow:inset -1px 0 0 0 var(--border-color);height: 30px;}
.table_view tr {box-shadow: inset 0 1px 0 0 var(--border-color);}
.table_view td > text { padding: 0 7px;height: 30px;line-height: 30px;}
/*.table_view tbody tr:hover { background: var(--over-color)}*/
.table_view th[action] {width: 40px;min-width:40px;}
.table_view th { padding: 0 7px; font-weight: 700; font-weight: 700; position: sticky; top: 0; background: #929292; color: #fff; z-index: 2; /*box-shadow:inset 0 -1px 0 0 var(--border-color),-1px 0 0 0 var(--border-color);*/ }

.table_view thead th { font-weight: bold; }


    .table_view input[type=number]:not(split .table_view input[type=number]),
    .table_view input[type=text]:not(.split .table_view input[type=text]),
    .table_view input[type=password]:not(.split .table_view input[type=password]),
    .table_view input[type=url]:not(.split .table_view input[type=url]) { height: 30px; box-shadow: none; background: transparent; }


.table_view input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.table_view td wrap > text{padding:0 7px;overflow:hidden;text-overflow:ellipsis;}

.table_view action[hover] .button{z-index:1; display:none}
.table_view tr:hover action[hover] .button{display:flex}

.table_view th > wrap{display:flex;justify-content:center;}
.table_view td > wrap{display:flex;justify-content:center;/*margin:5px*/;overflow:hidden;}




.table_view td > wrap[left] elastic {justify-content: flex-start;}
.table_view td > wrap[right] elastic {justify-content: flex-end;}

.table_view td > wrap > elastic action {padding: 0 10px;}
.table_view td > wrap > group[compact] {padding: 0 10px;}

.table_view td  action[left] {justify-content: flex-start;}
.table_view td  action[right] {justify-content: flex-start;}

.table_view td > wrap[left]{justify-content:flex-start;}
.table_view td > wrap[right]{justify-content:flex-end;}




.table_view input.input-validation-error{box-shadow: inset 0 0 0 2px rgba(240, 80, 80, 0.3) !important;}
.table_view input.input-validation-warning{box-shadow: inset 0 0 0 2px rgba(251, 203, 0, 0.3) !important;}

.table_view td img{max-height: 50px; padding: 5px;}

/*adaptive*/
.table_view.adaptive table{table-layout: auto;}
.table_view.adaptive table th {min-width: 200px;}
.table_view.adaptive table th[action]{min-width: 40px;}
.table_view.adaptive table th.large {min-width: 400px;}
/**/


.small.table_view table th {min-width:110px;}
.middle.table_view table th {min-width: 140px;}

.compact.table_view{} 
.compact.table_view .ant-picker .ant-picker-suffix,
.compact.table_view .ant-picker .ant-picker-clear{display:none;} 



.table_view [checkbox][simple] tip:after {content: "Off";opacity: .5;}
.table_view [checkbox][simple] input:checked ~ tip:after {content: "On";font-weight: 700;color:var(--main-color);opacity: 1;}




/*.table_view tr[dragging] {display: flex;align-items: center;justify-content: flex-start;}
.table_view tr[dragging] td { display: flex; flex: 1; align-items: center; }*/

.table_view tr[dragging] {display: table-row; box-shadow: inset 0 1px 0 0 var(--border-color), inset 0 -1px 0 0 var(--border-color);background: var(--light);}
.table_view tr[dragging] td {display: table-cell;}

.table_view tr[select] {background-color: var(--focused);}
tr[select] > td:nth-child(-n + 2), tr[select] > td:last-child { background-color: var(--background); }

.table_view.extra table{width:100%;}

.table_view.extra.header { overflow: auto; overflow-x: hidden; }


.pane > container {}
.table_view{flex-grow: 1;position: relative; flex-direction: column;}
.table_view > table, .table_view > div > table {flex-grow: 0;}
.table_view > div:after{content:"";position: absolute;left:0;top:0;height: 100%;width: 100%;/*background: var(--highlight);*/z-index: -1;}

.form_container > .table_view { min-height: 100%; }


.pdf {max-width: 1000px;box-shadow: none;}
.pdf > table { table-layout: auto; }
.pdf caption { padding-top: 0; padding-bottom: 20px; color: initial; font-weight: bold; font-size: 16px; text-align: center; caption-side: initial; }

.pdf .load_info { background: #f3f3f3;box-shadow: inset 0 0px 0 1px var(--dark-border-color); }
.pdf .load_info tr, 
.pdf .load_info td,
.pdf .load_info th{box-shadow: none;}


.pdf .border { box-shadow: inset -1px 0px 0 0px var(--dark-border-color), inset 0px -1px 0 0px var(--dark-border-color), inset 0px 0px 0 1px var(--dark-border-color); }
.pdf .border th { box-shadow: inset -1px 0 0 0 var(--dark-border-color); position: static; }
.pdf .all_border th { box-shadow: inset -1px 0 0 0 var(--dark-border-color); position: static; }
.pdf .all_border { box-shadow: inset -1px 0px 0 0px var(--dark-border-color), inset 0px -1px 0 0px var(--dark-border-color), inset 1px 0px 0 0px var(--dark-border-color); }


.pdf tr.separator, 
.pdf tr.separator td,
.pdf tr.separator th, 
.pdf .no_border,
.pdf .no_border td,
.pdf .no_border th{box-shadow: none;}




.pdf .all_border th { box-shadow: inset -1px 0 0 0 var(--dark-border-color); position: static; }
.pdf .all_border { box-shadow: inset -1px 0px 0 0px var(--dark-border-color), inset 0px -1px 0 0px var(--dark-border-color), inset 1px 0px 0 0px var(--dark-border-color); }
.pdf tr.separator, .pdf .no_border { box-shadow: none; }
.pdf .all_border th { text-align: center; }
.pdf tr.separator th, .pdf tr.separator td { height: 10px; }
.pdf th { background: none; font-weight: bold; color: inherit; text-align: left; }
.pdf td textarea { width: 100%; background: #fff; }
.pdf [padding] { padding: 5px; }
.pdf text { white-space: inherit; }
.vertical_top_table th,
.vertical_top_table td,
.vertical_top { vertical-align: top; }
.vertical_center { vertical-align: middle; }
.load_info table { height: 100%; }
.right { text-align: right; }
.auto_width { width: auto; }


/*text color*/

text[red],
.table_view text[red],
.table_view wrap[red],
.ant-table-cell text[red],
.ant-table-cell wrap[red] {color: red;}

text[orange],
.table_view text[orange],
.table_view wrap[orange],
.ant-table-cell text[orange],
.ant-table-cell wrap[orange] {color: orange;}

text[green],
.table_view text[green],
.table_view wrap[green],
.ant-table-cell text[green],
.ant-table-cell wrap[green] {color: green;}

text[blue],
.table_view text[blue],
.table_view wrap[blue],
.ant-table-cell text[blue],
.ant-table-cell wrap[blue] {color: blue;}

text[purple-rose] {color: #f14ad3;}

.table_view text[purple],
.table_view wrap[purple],
.ant-table-cell text[purple],
.ant-table-cell wrap[purple] {color: purple;}
/*--*/


.table_view wrap[sort] {flex-grow: 1;}
.table_view wrap[sort] > text{flex-grow:1;}
.table_view div[sort] {display: flex;flex-direction: column;justify-content:center;}
.table_view div[sort] > span{display:flex;cursor:pointer}
.table_view div[sort] > span:active{transform: translateY(1px);}
.table_view div[sort] icon{width: 11px;height: 11px;font-size: 20px;}
.table_view div[sort] span.select icon{color: var(--main-color);opacity:1;}



/*map*/
div.map, div[map] { display:block;height:190px; width: 100%; padding: 5px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);}
div.map[medium], div[map][medium]{height:300px;}




.section_group .sections list { padding: 0;}
.section_group  .sections [view="block"] list[template='line'] > wrap {width: 100%; display: flex;flex-direction: column;}





/*uploader*/
div[uploader] {display: flex; position: relative; align-items: center; justify-content: center;}
div[uploader] > action {justify-content: center; position: absolute; background: rgb(255 255 255 / 50%); box-shadow: 0 0 0 1px var(--outline);}



/*preloader holder*/
div[spinner]{display:flex;align-items:center;justify-content:center;min-height:100px;height: 100%;}











/*SIZES*/

:root { 
--height: 20px; 
--margin: 3px; 
--icon_font: 20px; 
--icon_height: 18px; 
--icon_width: 18px; 
--field_margin: 1px 5px 1px; 
--item_height: 16px; 
--item_line_height: 16px; 
--item_margin: 1px 1px;

--h_point:10px;
--v_point:10px;
--text_s: 10px;
--text_m: 12px;
--text_l: 14px;

}


[compact_view], [compact_view] wrapper { font-size: var(--text_m); }

[compact_view] input[type=number],
[compact_view] input[type=text],
[compact_view] input[type=password],
[compact_view] input[type=url],
[compact_view] input[type=time],
[compact_view] .input_cont > text,
[compact_view] .option_bar label text,
[compact_view] .option_bar,
[compact_view] .button,
[compact_view] [checkbox],
[compact_view] [radio],
[compact_view] [classic],
[compact_view] group,
[compact_view] separator[vertical],

[compact_view] .table_view wrap .ant-picker,
[compact_view] .table_view wrap .ant-select,
[compact_view] .table_view wrap .ant-select .ant-select-selector { height: var(--height); line-height: var(--height); min-height: 0; font-size: var(--text_m); }

[compact_view] group {padding: 0;}
[compact_view] group badge { height: var(--item_height); line-height: 15px; font-size: inherit; padding: 0px 5px;align-items: flex-start;margin-bottom: 1px;margin-right: 1px;}

[compact_view] [checkbox] box { height: 14px; width: 34px; }
[compact_view] [checkbox] check { height: 20px; width: 20px; top: -3px; left: -1px; }

[compact_view] [classic]  box { height: 14px; width: 14px; }
[compact_view] [classic]  check { height:100%; width:100%;background-size: 14px;}


[compact_view] .table_view th,
[compact_view] .table_view td,
[compact_view] .table_view td > text { height: var(--height); line-height: var(--item_line_height); }
[compact_view] .button.micro,
[compact_view] icon { width: var(--icon_width); height: var(--icon_height); font-size: var(--icon_font); }
[compact_view] .button.micro.flag { width: 13px; padding-left: 2px; margin: 0 5px; }
[compact_view] .button.micro.flag:hover { background: none }

.flag-container-white { margin: 0 -5px; }
.flag-container-red { margin: 0 -5px; background-color: #DDC1C1; }
.flag-container-orangeRed { margin: 0 -5px; background-color: orangered; }
[compact_view] .button.micro.edit,
[compact_view] icon { margin-left: 16px;}

[compact_view] .form_fields{padding:var(--margin)}

[compact_view] .form_fields > input,
[compact_view] .form_fields .input_cont,
[compact_view] .form_fields .data_read,
[compact_view] .form_fields textarea,
[compact_view] .form_fields .option_bar,
[compact_view] .form_fields .option_column { margin: var(--margin); padding:var(--margin);}


[compact_view] .filter_block { padding: 10px 0; }
[compact_view] .filter_block .title { margin-top: -10px; height: 30px; }

[compact_view] .srch,[compact_view]  toolbar .srch[compact] { height: calc(var(--v_point)*2); min-height: calc(var(--v_point)*2);padding: 0; margin: 5px; }
[compact_view] toolbar{min-height: 44px;}
[compact_view] toolbar.subToolbar { height: 32px; min-height: 32px; padding-left: 16px; font-size: var(--text_l); font-weight: 700; line-height: 16px; color: #0D2727}

[compact_view] .tab_strip > wrap ul{height:calc(var(--v_point)*3);line-height: calc(var(--v_point)*3);}
[compact_view] .tab_strip > wrap ul > li{height: 100%;line-height:100%;}

[compact_view] .nav_strip {height:auto;}
[compact_view] .nav_strip ul { height: 32px; line-height: calc(var(--v_point)*3); }
[compact_view] .nav_strip ul > li { height: 100%; line-height:100%; }




[compact_view] .table_view input[type=number]:not(split .table_view input[type=number]),
[compact_view] .table_view input[type=text]:not(.split .table_view input[type=text]),
[compact_view] .table_view input[type=password]:not(.split .table_view input[type=password]),
[compact_view] .table_view input[type=url]:not(.split .table_view input[type=url]) { height: var(--height); box-shadow: none; background: transparent; }

[compact_view] .table_view div[sort] icon { width: 8px; height: 8px; font-size: 18px; }


/*buttons*/
[compact_view] .button.micro { width: calc(var(--h_point)*2); height: calc(var(--v_point)*2); }
[compact_view] .button.large { height: calc(var(--v_point)*3); padding: 0 calc(var(--h_point)*3); min-height: calc(var(--v_point)*3); }
[compact_view] .button.fab { width: calc(var(--h_point)*4); height: calc(var(--v_point)*4); }
[compact_view] .button.mini.logo { margin: 0 18px; width: 18px; }

[compact_view] td .button.extra { height: var(--height); width: auto; }











/* Will be review */
.indiana-scroll-container { position: relative }
.indiana-scroll-container > wrap { display: flex; position: relative; align-items: center; padding: 0 15px; flex-shrink: 0; width: 100%; }
.button.btn-scroll.left { left: 10px; }
.button.btn-scroll.right { right: 10px; }
.button.btn-scroll { position: absolute; z-index: 1; }
.button.btn-scroll.hidden { display: none }

toolbar nav[launcher] .button.white{background:#fff;box-shadow: 0 0 0 1px var(--outline);}
toolbar nav[launcher] .button.white icon{color:var(--main-color);}

.splitter.splitter-layout { position: relative; }

.spreadsheet__margins { margin: 0 12px}

container > .ant-table-wrapper{box-shadow: 0 0 0 1px var(--border-color);}



.form_fields.description { }
.form_fields.description.short { max-width: 340px; }
.custom_spin {
    height: 60% !important
}

.palInSummary {
    display: flex;
    height: 20px;
    overflow: hidden;
    width: 100%;
}
.palInSummarySpanOne {
    max-width: 360px; 
    min-width: 360px;
    width: 360px;
}
.palInSummarySpanTwo {
    background-color: #F3F3F3;
    max-width: 50px;
    min-width: 50px;
    width: 50px;
    text-align: center;
    border-color: #204D49;
    color: #204D49;
    border-top: 1px solid #204D49;
    border-radius: 0 0 6px 6px;
    font-weight: 600;
    padding: 1px;
}
.palInSummarySpanThree {
    max-width: 1330px; 
    min-width: 1330px;
    width: 1330px;
}
.palInSummarySpanOneUpcoming {
    max-width: 350px; 
    min-width: 350px;
    width: 350px;
}
.palInSummarySpanTwoUpcoming {
    background-color: #F3F3F3;
    max-width: 60px;
    min-width: 60px;
    width: 60px;
    text-align: center;
    border-color: #204D49;
    color: #204D49;
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #204D49;
    font-weight: 600;
    padding: 1px;
}
.palInSummarySpanThreeUpcoming {
    max-width: 450px; 
    min-width: 450px;
    width: 450px;
}

.order-admin-button {
    display: flex;
    background-color: #DEDEDE;
    color: #0D2727;
    height: 32px;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    cursor: pointer;
    margin-right: 12px;
    align-items: center;
    border-radius: 12px;
    padding: 8px 16px;
};

.create-date { 
    margin: 8px!important; 
    flex-grow: 0!important;
    height: 20px;
    padding-right: 8px;
}

.upload_modal_text {
    color: black;
    display: flex;
    justify-content: center;
    margin-top: 32px;
    font-size: 16px;
    font-weight: 900;
}

.ar-bg__button {
    color: #ffffff;
    border-radius: 4px;
    font-size: 10px;
    cursor: pointer;
    padding: 0 6px;
    margin-top: 2px;
    background-color: #449996;
}