/* stylelint-disable */
:root {  }

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:400px;}


@media screen and (max-width: 400px) {
    login { width: 100%; }
    login > login_cont { width: 100%; }
}


login logo {margin:0 10px 70px;}
login > cont > wrap,
login form > wrap {  display:flex;   flex-direction:column;   position:relative;   z-index:1;   overflow:hidden;   position: relative;   width:100%;  }


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{box-shadow: inset 0px 30px 0px 0px #f3f3f3, 0 0 0 1px var(--outline)!important;transition: background-color 5000s ease-in-out 0s!important;}



.input_wrap .wrap input:-webkit-autofill,
.input_wrap .wrap input:-webkit-autofill:hover,
.input_wrap .wrap 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;}





/*home css*/

/*list { position: relative; z-index: 0; padding: 10px; overflow-y: auto; overflow-y: overlay; -webkit-overflow-scrolling: touch; width: 100%; overflow-x: hidden; }
*/
list[demo] { padding: 40px; }




.drop .k-detail-row { display: none; }
[color]:active svg { transform: translateY(1px) }
[color] svg { width: 20px; height: 20px; }
demo_wrap { display: flex; padding: 20px; flex-wrap: wrap; align-items: center; overflow: hidden; position: relative; box-shadow: 0 0 0 1px var(--border-color); background: var(--background); }
    demo_wrap[fab] { height: 250px; }
demo_column { margin: 20px; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; padding: 30px; border-radius: 15px; background: var(--hover) }
demo_wrap .button { margin: 5px; }
view[icons] scroller { overflow: auto; overflow: overlay; display: flex; height: 100%; flex-direction: column; z-index: 1; }
    view[icons] scroller:after { content: ""; height: 25%; width: 100%; display: flex; flex-shrink: 0; }


count { font-weight: 700; padding: 0 15px; }


grid { position: relative; /* padding:20px; */ display: flex; flex-direction: column; flex-shrink: 0; width: 100%; flex-shrink: 0; }
    grid.no_result { visibility: hidden; height: 0; }
    grid toolbar { position: sticky; top: 0 }
    grid wrap { position: relative; display: flex; flex-wrap: wrap; align-content: flex-start; padding: 20px; display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); }


        grid wrap[mini] { grid-template-columns: repeat(auto-fill, minmax(40px, 1fr)); padding: 0; margin: 20px; overflow: hidden; grid-gap: 1px; }
            grid wrap[mini] div { font-size: 18px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 1px var(--border-color); background: var(--background); }



        grid wrap item { overflow: hidden; cursor: pointer; padding: 15px; flex-direction: column; transition: .125s; position: relative; align-items: center; justify-content: center; display: flex; animation: appera forwards .125s; background: var(--hover); margin: 5px; border-radius: 10px; }
            grid wrap item.selected { background: var(--main-color); color: #fff; }
            grid wrap item text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px; width: 100%; text-align: center; }
            grid wrap item:hover { background-image: var(--over-color) }
            grid wrap item:active icon { transform: translateY(1px); }
            grid wrap item icon { margin: 0 0 10px }
            grid wrap item tag { display: none }



demospace { flex: 1; height: 150px; background-color: var(--hover); margin: 15px; display: flex; align-items: center; justify-content: center; border-radius: 15px; }
    demospace[tip] { line-height: 1.4; text-align: center; height: auto; background: none; padding: 15px; flex-direction: column }

.k-grid td > wrap[grid] { display: flex }

.tab_strip.round > wrap > ul > li.selected.top { background: red; }
.tab_strip.round > wrap > ul > li.selected.main_zone { background: #2b6490 }
.tab_strip.round > wrap > ul > li.selected.bottom_zone { background: #d8ae00 }


space { display: flex; flex-shrink: 0 }
    space[size="10"] { width: 10px; height: 10px; }
    space[size="20"] { width: 10px; height: 10px; }
    space[size="30"] { width: 10px; height: 10px; }




view > form { height: auto; min-height: 100%; flex-shrink: 0 }





/*switch button*/

switch a.button text { position: static; }
switchable [view="list"] list > wrap block { padding: calc(var(--space)/4); }

switchable switch wrap { padding: 0 var(--space); }
switchable.hide switch wrap { padding: var(--space) 0; order: 2 }

switchable switch icon ~ wrap,
switchable.hide switch icon ~ wrap { padding: 0; }


.sections > form .form_fields { flex-grow: 0; }
/**/
























/*ul list*/
ul[list] {margin: 10px 0; padding-left: 40px;}
ul[list] li { list-style: disc; line-height: 20px;}






/*button*/

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

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




/*filter*/

/*.filter_container {width: 280px;min-width: 280px;background:var(--background);transition: transform .2s;display: flex;-ms-flex-direction:column;flex-direction: column;position:relative;z-index:100;will-change:transform;}*/
.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); background:var(--highlight)*/}
.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(--outline); padding: 20px 0;}

.filter_block:first-child {padding-top:20px}
.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: 15px; color:var(--main-color); margin:0 3px}
.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 .data_cell > wrap { display: flex; flex: 1; max-width: 100%; gap: 10px; }
.filter_block .data_cell > wrap cont { flex: 1; min-width: 0; margin:10px 0; }



.list_menu .filter_block li > text { flex-grow: 1; }
.list_menu .filter_block.filtered .data_cell ul icon { color: var(--main-color); }


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

.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 [checkbox]{min-height: 40px;flex-grow: 1;padding-left: 20px;}
.filter_content .input_cont input ~ label {flex-grow: 0;padding-left: 0;}
.filter_content  [checkbox] text{width:auto;}



.filter_content toolbar { box-shadow: none; background: none;padding:0 0px 0 20px;position: sticky; bottom: 0; background: inherit;}
.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 .data_cell .k-widget{ width:100%;     }
.filter_block .data_cell .k-widget.k-slider{padding:0;min-width:230px;}*/
/*.filter_block .k-widget.k-multiselect{padding:0}
.filter_block  .k-multiselect-wrap{display:flex;}
.filter_block  .k-multiselect .k-button {    margin: 3px; box-shadow:none; border-radius:30px; padding:0 5px 0 15px}
.filter_block .k-multiselect .k-input{order:1; margin: 3px; min-height:30px;   width: auto!important;background: rgba(136, 136, 136, 0.25);    margin: 3px;padding: 0 15px; box-shadow:none; border-radius:30px;background: rgba(136, 136, 136, 0.25); }
.filter_block .k-multiselect-wrap ul{order:2; display:flex;  flex-wrap:wrap}
.filter_block .data_cell .k-widget.k-datepicker .k-select{display:none}*/



/*.filter_block .data_cell  .input_cont{padding:0 5px;background: rgba(136, 136, 136, 0.25);    margin: 3px;padding: 0 8px; box-shadow:none; border-radius:30px;}*/


.filter_block .data_cell.treeview {padding:0 0 20px 0; }


/*.filter_block wrap .ant-select > div{height: 40px!important; padding: 0 20px!important;background: var(--background)!important;}
.filter_block wrap .ant-select input,
.filter_block wrap .ant-select-selection-item,
.filter_block wrap .ant-select-selection-search,
.filter_block wrap .ant-select-selection-placeholder{height: 40px!important;  line-height: 40px!important;color:inherit; }

.filter_block wrap .ant-select-selection-placeholder{opacity:1;color:inherit; }*/


.filter_block .form_fields {padding: 0;}
.filter_block .form_fields .input_cont {margin: 0;}
/*.filter_block .ant-picker {line-height: 40px; height: 40px; background: var(--background); color:#000;box-shadow: 0 0 0 1px var(--outline); border: none;}*/


/*filters result*/
.filter_result{ display:none  }
.filter_result.filtered {    display: flex;}
.filter_result .filtered_item{min-height:30px;line-height:30px;padding-right: 10px;margin-right: 10px;box-shadow: 1px 0 0 var(--outline); display:flex}
.filter_result .filtered_item:only-child,.filter_result .filtered_item:last-child{box-shadow:none; padding:0; margin:0}
.filter_result .filtered_item label{float:left;margin-right: 5px; white-space:nowrap  }
.filter_result .filtered_item span{ margin: 0 0 0 3px; white-space:nowrap; height: 30px; line-height: 30px; display: flex; float: left; border-radius: var(--button-radius); padding: 0 15px; background: rgba(136, 136, 136, 0.25); position: relative; cursor:pointer;}

    .filter_result .filtered_item span icon{ margin:0 -10px}
    /* blocks*/
/**/







/*toolbar*/

toolbar nav[launcher] ul li a {color: inherit;}
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;}

toolbar[multiline] action > wrap{flex-wrap: wrap;}
toolbar[multiline] action > wrap .button{margin-top:3px;margin-bottom:3px;}


                            /* 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  */


	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; overflow:overlay;-webkit-overflow-scrolling: touch;    background: var(--over-color);}
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;font-family:var(--main-color); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
dashboard > wrap{display:flex; padding:20px; width:100%; align-items:flex-start; flex-wrap:wrap;flex-shrink: 0;

}
dashboard  item{ background:var(--background); box-shadow:0 0 0 1px var(--border-color);overflow: hidden; min-width:300px; border-radius: 15px;   margin:10px; display:flex;flex-direction: column;align-items: center; justify-content:center; width: calc(33.33% - 20px);min-height: 200px;}

dashboard  item wrap {padding:20px; display:flex;width:100%; min-height:320px;
}

dashboard  item[accent]{background:var(--main-color);color:#fff;}
dashboard  item count{ font-size:50px; font-weight:700; font-family:var(--main-color);}
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%}


@media screen and (max-width: 900px){
dashboard wrap item,
dashboard wrap item[large]{width:100%;flex:1 1 100%}


}

/* ----- */

:root { --error-color: tomato; --new-color: #4e87de; --success-color: #1ca9bb; --private-color: #76a45d; --missing-color: #c7c4c4; --special-color: #E53935; --orange-color: #ff7614; --process-color: #fbcb00; --high-color: #ff4266; --medium-color: #f7c986; --low-color: #4a9994; }


/*text color*/
text[priority="high"] { color: var(--high-color); }
text[priority="medium"] { color: var( --medium-color); }
text[priority="low"] { color: var(--low-color); }

text[green] { color: var(--private-color); }
text[blue] { color: var(--new-color); }
text[orange] { color: var(--orange-color); }
text[red] { color: var(--special-color); }
text[yellow] { color: var(--process-color); }




text[priority="high"] { color: var(--high-color); }
text[priority="medium"] { color: var( --medium-color); }
text[priority="low"] { color: var(--low-color); }
/**/





icon[high] { background-color: var(--high-color); }
icon[medium] { background-color: var( --medium-color); }
icon[low] { background-color: var(--low-color); }







/*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: 20px; 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; height: initial; line-height: initial; }
group[line]{flex-wrap:nowrap; }
group[right]{margin:0 5px 0 auto;}

group a{display: flex;margin: 0 3px 3px 0;}
group a badge{margin:0}





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{display:flex;align-items:center;margin:0;padding: 2px 10px;height: 24px;}
group[compact] badge icon{width:20px;height:20px;margin-right:5px;}

group[compact] badge icon[green] { color: var(--private-color);}


    /******/
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:13px;}

badge b { margin-right: 5px; }
badge text ~ b { margin-left: 5px; }
/*----------*/




/* list status*/

status[data] { display: flex; align-items: center; margin-right: 15px; }
status[data] text { }

status[data] icon { border-radius: 50%; margin-left: 15px;color: var(--background); }

status[data][priority="low"] icon { background-color: var(--low-color); color: var(--background); }
status[data][priority="medium"] icon { background-color: var(--medium-color); color: var(--background); }
status[data][priority="high"] icon { background-color: var(--high-color); color: var(--background); }












/*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;min-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: 30px; }
/*.ant-table-tbody tr td:only-child { box-shadow: inset 1px 0px 0 0 var(--border-color),inset -1px 0px 0 0 var(--border-color); }*/
.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:nth-child(odd) {background-color: var(--background)}
.ant-table-tbody tr.children {background: #f0f0f0;}
.ant-table-tbody tr.children:nth-child(odd) {background: #f4f4f4;}



tr.ant-table-row.principial { background: var(--main-color-accent); }


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



.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}


.form_fields .ant-table { margin: 5px 0; }


.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,
.ant-table-tbody 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: flex; flex-wrap: wrap; }



.ant-table td > wrap[vertical] { flex-direction: column;}
.ant-table wrap > holder{display: flex;align-items: center;position: relative;margin-right: 50px;}
.ant-table wrap > holder text:only-child{/* margin-left: 40px; */}




.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;}

.ant-table wrap[center] { justify-content: center; }
.ant-table wrap[v_align] { align-items: center; }



td elastic{display:flex;align-items:center;white-space:nowrap;position:relative;width:100%;}
td wrap action {display:none;left:-10px;position:relative;}
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  badge{margin-right:10px;}
td elastic text ~ badge { margin-left: 10px; }


.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;/* background: #fff;*/ }
.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;}

view .fab_container.bottom {bottom: 60px;}
view .fab_container.bottom_s {bottom: 20px;}
view .fab_container.right {right: 25px;}


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


.ant-table-row.highlighted > td{background: var(--action-color)!important;}



view[filter] .ant-table-wrapper{width:100%;}
view[filter] .ant-table-content {}
view[filter] .ant-table-content th{color: var(--main-color);font-weight: 600;background: #fff!important;box-shadow: inset 1px 0 0 0 var(--border-color);}
view[filter] .ant-table-content th:first-child, view[filter] .ant-table-content th:only-child{box-shadow:none;}
view[filter] .ant-table-content th:before{display:none;}
view[filter] .ant-table-content td{color: var(--main-color);font-weight: 600;}
view[filter] .ant-table-tbody > tr:hover {background: var(--main-color);color:#fff;transition:color,background, .125s;}
view[filter] .ant-table-tbody > tr td{color:inherit;}



view[colorize] .ant-table-thead > tr > th { background: var(--main-color) !important; color: #fff; }




/*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-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-table-thead tr th.ant-table-cell-fix-left.ant-table-column-has-sorters,
.ant-table-thead tr .ant-table-cell-fix-right.ant-table-column-has-sorters {background: red!important; z-index:999;}

.ant-table-tbody tr td.ant-table-cell-fix-left.ant-table-cell-fix-left-last,
.ant-table-tbody tr td.ant-table-cell-fix-right.ant-table-cell-fix-right-first {background: green!important; z-index: 999;}

.ant-table-tbody tr:nth-child(odd) td.ant-table-cell-fix-left.ant-table-cell-fix-left-last,
.ant-table-tbody tr:nth-child(odd) td.ant-table-cell-fix-right.ant-table-cell-fix-right-first {background: yellow!important; z-index: 999;}*/



.ant-table-scroll-horizontal .ant-table-thead > tr {box-shadow: inset 2px 0 0 0 var(--border-color);}
.ant-table-scroll-horizontal .ant-table-thead > tr > th{background:#fafafa!important; box-shadow: inset 1px 0 0 0 var(--border-color);}

.ant-table-scroll-horizontal .ant-table-tbody > tr {}
.ant-table-scroll-horizontal .ant-table-tbody > tr > td{background:#fff!important;box-shadow: inset 1px 0 0 0 var(--border-color), inset 0px 1px 0 0px var(--border-color);}

.ant-table-scroll-horizontal .ant-table-tbody tr:nth-child(even) {}
.ant-table-scroll-horizontal .ant-table-tbody tr:nth-child(even) td{background: #fafafa!important;}

.ant-table-scroll-horizontal .ant-table-tbody > tr > .ant-table-cell wrap{z-index: 1;}

.ant-table-scroll-horizontal .ant-table-tbody > tr > .ant-table-cell.ant-table-cell-fix-left wrap,
.ant-table-scroll-horizontal .ant-table-tbody > tr > .ant-table-cell.ant-table-cell-fix-right wrap{z-index: 2;}

.ant-table-fixed-header .ant-table-thead > tr {box-shadow: inset 2px 0 0 0 var(--border-color);}
.ant-table-fixed-header .ant-table-thead > tr > th{background:#fafafa!important; box-shadow: inset 1px 0 0 0 var(--border-color);}

.ant-table-fixed-header .ant-table-tbody > tr {}
.ant-table-fixed-header .ant-table-tbody > tr > td{background:#fff!important;box-shadow: inset 1px 0 0 0 var(--border-color), inset 0px 1px 0 0px var(--border-color);}

.ant-table-fixed-header .ant-table-tbody tr:nth-child(even) {}
.ant-table-fixed-header .ant-table-tbody tr:nth-child(even) td{background: #fafafa!important;}

.ant-table-fixed-header .ant-table-tbody > tr > .ant-table-cell wrap{z-index: 1;}

.ant-table-fixed-header .ant-table-tbody > tr > .ant-table-cell.ant-table-cell-fix-left wrap,
.ant-table-fixed-header .ant-table-tbody > tr > .ant-table-cell.ant-table-cell-fix-right wrap{z-index: 2;}




.etude_list .ant-table-cell wrap { /* padding: 5px 2px; */ }

.etude_list .ant-table-fixed-header .ant-table-tbody .ant-table-row,
.etude_list .ant-table-fixed-header .ant-table-tbody .ant-table-row td { background-color: transparent !important; }

.etude_list .ant-table-fixed-header .ant-table-tbody .ant-table-expanded-row > td { }
.etude_list .ant-table-fixed-header .ant-table-tbody tr:hover > td:not(.etude_list .ant-table-fixed-header .ant-table-tbody > .ant-table-expanded-row > td) { background-image: var(--over-color) !important; }

.etude_list .ant-table-fixed-header .ant-table-tbody tr > td { background: var(--highlight) !important; }
.etude_list .ant-table-fixed-header .ant-table-expanded-row .ant-table-row .ant-table-cell { background: var(--light) !important; }
.etude_list .ant-table-fixed-header .ant-table-expanded-row .ant-table-row:last-child .ant-table-cell { box-shadow: inset 1px 0 0 0 var(--border-color), inset 0px 1px 0 0px var(--border-color),inset 0px -1px 0 0px var(--border-color); }




/**/

/*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_fileds line*/
.form_fields.line{flex-wrap:nowrap;align-items:center;width:auto;}
.form_fields.line .data_label{margin:0 5px;flex-shrink: 0;flex-grow: 0;flex-basis: auto;font-weight: 400;white-space: nowrap;/*min-height: 30px; line-height: 30px;*/}
.form_fields.line > input, .form_fields.line .ant-input-number,.form_fields.line .ant-select {width:100%;}

.form_fields.line.large{flex: 2;min-width: 250px;}
.form_fields.line.large .data_label{}
.form_fields.line.large input{}

.form_fields.line.small {flex:inherit;}
.form_fields.line.small .data_label{}
.form_fields.line.small input{width: 50px;min-width:0;}

.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 > .ant-time-picker,
.form_fields.line > .ant-input-number,
.form_fields.line > .ant-calendar-picker,
.form_fields.line > .ant-select,
.form_fields.line > .ant-picker,
.form_fields.line > input{min-width: 130px;}


.form_fields.line > input,
.form_fields.line .input_cont,
.form_fields.line .option_bar,
.form_fields.line .ant-input-number,
.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 .ant-select:not(.ant-select-disabled):hover .ant-select-selector{background:inherit;}*/


.form_fields.line > input,
.form_fields.line .input_cont,
.form_fields.line .option_bar,
.form_fields.line .ant-input-number,
.form_fields.line > .ant-select,
.form_fields.line > .ant-picker{margin: 0;}

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


.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;}



.form_container form { display: flex; flex-direction: column; max-height: 100%; min-height: 100%; overflow: hidden; }
.form_container .sections cont { margin: 15px 10px; }








/*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);}*/





/**/

.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: 40px;flex-shrink: 0;min-height: 0;padding: 10px; margin: 15px; 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;}
div.srch {flex: 1;margin-left:5px;margin-right:5px;box-shadow: 0 0 0 1px rgb(0 0 0 / 10%);}
/*-------*/



/*schemas*/
/*[schemas]{}
[schemas] > view{box-shadow:none; padding-left: 0;}
[schemas] nav{padding: 20px;box-shadow: var(--elevation);background: #fff;overflow: auto;overflow-x: hidden;min-width: 100px;flex-shrink: 0;z-index:9;}
[schemas] nav wrap{display:flex;flex-direction:column;width: 100%;align-items:center;}
[schemas] nav wrap thumbs {width: 60px;height: 60px;margin: 0 0 15px 0;box-shadow: inset 0 0 0 1px var(--outline);background: var(--background);cursor: pointer;border-radius: 5px;}
[schemas] nav wrap thumbs:active{transform:translateY(1px);}
[schemas] nav wrap thumbs.select{box-shadow: inset 0 0 0 2px var(--main-color);}

[schemas] .ant-upload-picture-card-wrapper {margin: 0!important;}
[schemas] .avatar-uploader {margin: 0!important;}
[schemas] nav .ant-upload{padding:0;width: 60px!important;height: 60px!important;border-radius: 50px;background: none;}


[schemas] .ant-table-wrapper{height:100%;overflow:auto;overflow-x:hidden;}


[schemas] holder{display: flex;flex-direction:column;flex-shrink: 0;border-radius: 10px;position:relative;flex:1;overflow:auto;}
[schemas] holder cont {margin: 30px;  position: relative;}
[schemas] holder thumbs{display: block;}
[schemas] holder thumbs img{pointer-events: none; z-index: -1;}
[schemas] holder wrap{position:absolute;right: 0px;top: 0px;height:100%;width: 100%;pointer-events: none;}
[schemas] holder point{position:absolute;display: flex;align-items: center;justify-content: center;font-size: 10px;font-weight: 600;border-radius:50%;box-shadow:0 0 0 1px var(--outline);background: var(--background);cursor: pointer;pointer-events: auto; transform-origin:center;}
[schemas] holder point:active{transform:translateY(1px);}
[schemas] holder point.select{background:var(--main-color);box-shadow:0 0 0 1px var(--elevation);color: #fff;z-index:1;}*/

.ant-table-tbody > tr.select {box-shadow: inset 0 0 0 2px var(--main-color);}
.ant-table-tbody > tr.select + tr.ant-table-expanded-row{box-shadow:none;}
.ant-table-tbody > tr.empty {box-shadow: inset 0 0 0 1px #fa5b0b54; background-color:#fa5b0b11;}


holder point[mini]{width:20px;height:20px;}
holder point[normal]{width:25px;height:25px;}
holder point[large]{width:35px;height:35px;}
holder point[extra]{width:45px;height:45px;}

.layout-pane.layout-pane-primary {display: flex; flex-direction: column;height: 100%; overflow: hidden!important;}



/*.fab_container ~ .ant-table-wrapper {padding-bottom: 70px;}
[schemas] .fab_container ~ .ant-table-wrapper {padding-bottom: 90px;}*/


/*compact view*/
.fab_grid.ant-table-wrapper{padding-bottom:0;}
.fab_grid.ant-table-wrapper .ant-table .ant-table-body{padding-bottom:90px;}
.pagination_grid.ant-table-wrapper .ant-table .ant-table-body{padding-bottom:90px;}

.pagination_grid.ant-table-wrapper .ant-pagination {}
.ant-table-wrapper .ant-pagination { /*box-shadow: var(--elevation);*/ position: relative; box-shadow: 0 0 0 1px var(--outline); }

.pagination_grid.ant-table-wrapper .ant-table{flex-grow:1;}
/**/
/* 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 #fa5b0b;}
.border-top {/* box-shadow: 0 -1px 0 0 rgb(250 91 11); */ border-top: 2px dotted #fa5b0b;}
.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;}



icon[pen] { background-image: url(../img/icons/picto_crayon.svg); }
icon[final] { background-image: url(../img/icons/picto_finalise_nsb.svg); background-size: contain; margin: 0px 5px 0px 0px !important; filter: invert(1); }

icon[middle_s] { width: 40px; height: 40px; font-size: 40px; }
icon[final] + text { max-width: 160px; }
/*---*/


.dx-scheduler-appointment view[priority] { padding: 5px; /*box-shadow: inset 0 0 0 1px var(--outline);*/ background-image: repeating-linear-gradient(135deg, var(--outline-dark), var(--outline-dark) 1px, transparent 1px, transparent 3px ); background-size: 4px 4px; }
.dx-scheduler-appointment.dx-state-focused .dx-item-content > view { background-image: var(--over-color), repeating-linear-gradient(135deg, var(--outline-dark), var(--outline-dark) 1px, transparent 1px, transparent 3px ); }


view[priority="high"] { background-color: var(--high-color); }
view[priority="medium"] { background-color: var(--medium-color); }
view[priority="low"] { background-color: var(--low-color); }



appointment_details {display: flex;flex-direction: column;flex-wrap: wrap;gap: 5px 5px;padding: 0 5px;color: var(--background);position: relative;}
appointment_details icon[status] {color: initial;background: var(--background);border-radius: 50%;width: 20px;height: 20px;font-size: 24px;}
appointment_details text{overflow: hidden;text-overflow: ellipsis;width: 100%;white-space: nowrap!important;}
appointment_details text[code]{letter-spacing: 5px;}
appointment_details icon[status] + text{}
appointment_details icon[status] ~ text{}



.dx-scheduler-work-space-day appointment_details { }
.dx-scheduler-work-space-day appointment_details icon[status] { position: absolute; left: 5px; top: 5px }
.dx-scheduler-work-space-day appointment_details icon[status] ~ text { padding-left: 30px; }

.dx-scheduler-work-space-week appointment_details {}
.dx-scheduler-work-space-week appointment_details icon[status] {}
.dx-scheduler-work-space-week appointment_details icon[status] ~ text {}


.dx-scheduler-agenda appointment_details {}
.dx-scheduler-agenda appointment_details icon[status] { position: absolute; left: 5px; top: 5px }
.dx-scheduler-agenda appointment_details text { padding-left: 30px; }




view[priority="high"] appointment_details icon[status] { color: var(--high-color); background: var(--background); border-radius: 50%; }
view[priority="medium"] appointment_details icon[status] { color:  var(--medium-color); background: var(--background); border-radius: 50%; }
view[priority="low"] appointment_details icon[status] { color:  var(--low-color); background: var(--background); border-radius: 50%; }





/*uploader*/

cont[uploader] { width: auto; min-width: 0; }
cont[uploader] decor { width: auto; min-width: 90px; }
cont[uploader] .input_cont + decor { width: 100%; }

cont[uploader] .ant-upload-picture-card-wrapper { margin: 0; display: flex; flex-shrink: 0; }
cont[uploader] .ant-upload.ant-upload-select.ant-upload-select-picture-card { width: 60px; height: 60px; margin: 15px; border-radius: 3px; }

cont[uploader] .avatar-uploader { border-radius: 5px; margin: 0; padding: 0; background: none; box-shadow: none; width: 90px; height: 90px; }
cont[uploader] .avatar-uploader > span { width: 60px; height: 60px; margin: 15px; border-radius: 3px; box-shadow: 0 0 0 1px var(--outline); background: var(--input-color); }
cont[uploader] .avatar-uploader img { /* min-width: 60px; */ /* min-height: 60px; */ }
cont[uploader] .button { border-radius: 50%; }


cont[uploader] .input-validation-error ~ decor label line { box-shadow: inset 0 1.5px 0 0 rgb(240 80 80); }
cont[uploader] .input-validation-error ~ decor border { box-shadow: inset 0 0 0 1.52px rgb(240 80 80); }
cont[uploader] .input-validation-error ~ decor,
cont[uploader] .input-validation-error ~ .input_cont { color: rgb(240 80 80); }
cont[uploader] .input-validation-error .ant-upload.ant-upload-select .ant-upload { box-shadow: none; }







/*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; }

.colorize.table_view th{background:var(--main-color);}


    .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:0 1px;overflow:hidden;}

.table_view td > wrap {margin: 5px 0px;}
.table_view td > wrap:only-child {margin:0px;}


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

.table_view th > wrap[right],
.table_view td > wrap[right],
.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 td > wrap ul { }
.table_view td > wrap ul {margin: 7px 0;}
.table_view td > wrap ul li {padding: 3px 0px;padding-left: 10px;display: flex;align-items: center;}
.table_view td > wrap ul[point] li:before{content:""; height:5px;width:5px; background:#000;border-radius:50%;margin-right: 5px;}
.table_view td > wrap ul li text{padding:0 7px}



collapsible td.ant-table-cell > wrap ul { margin: 7px 0; }
collapsible td.ant-table-cell > wrap ul li { padding: 3px 0px; padding-left: 10px; display: flex; align-items: center; }
collapsible td.ant-table-cell > wrap ul[point] li:before { content: ""; height: 5px; width: 5px; background: #000; border-radius: 50%; margin-right: 5px; }
collapsible td.ant-table-cell > wrap ul li text { padding: 0 7px }



.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%; }





/*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;

}


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

[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_s); }

[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: 30px; }
[compact_view] [checkbox] check { height: 8px; width: 8px; top: 3px; left: 3px; }

[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] .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] .form_fields .data_label { margin: var(--field_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{height: calc(var(--v_point)*4);min-height: calc(var(--v_point)*4);}

[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: calc(var(--v_point)*3); 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.mini { width: calc(var(--h_point)*2.5); height: calc(var(--v_point)*2.5); }
[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] td .button.extra { height: var(--height); width: auto; }













/* for Eduard */


                                /* Will be review */

.indiana-scroll-container {/*height:99%;*/ position:relative}

.button.btn-scroll {/*height: 30px; width: 30px; margin: auto;*/position: relative; z-index: 1; align-self: center;}
.button.btn-scroll.left{left:10px}
.button.btn-scroll.right { right:10px}

.main_header .button.btn-scroll { box-shadow: var(--button-shadow); margin: 0;}


.button.btn-scroll.hidden { visibility: hidden; }
.button.btn-scroll > icon { margin: auto;}

                                /* Will be review */
.button.btn-scroll.hidden ~ .indiana-scroll-container {padding: 0 0px;}
.button.btn-scroll ~ .indiana-scroll-container {margin: 0px 0px 0 0px;padding: 0 0px 0 0px;}
                                /*---------------*/


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

.sun-editor .se-dialog .se-dialog-inner .se-dialog-content {
    top: 180px !important;
}

.react-resizable {
    position: relative;
    background-clip: padding-box;
}

.react-resizable-handle {
    position: absolute;
    right: -5px;
    bottom: 0;
    z-index: 1;
    width: 10px;
    height: 100%;
    cursor: col-resize;
    /* background-color: red; */
}

.fab_container {
    position: absolute;
    z-index: 99!important;
}

/* stylelint-enable */