/* stylelint-disable */

:root {
    --main-color: #fa5b0b
}

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

login logo {margin:0 10px 70px;}
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{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;}





/*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: 10px 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 .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 name{}




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


/**/


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



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


}

/* ----- */

/*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 var(--main-color); 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;}

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

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



/******/


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





/*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:32px;}
.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 td,
.ant-table-tbody td wrap,
.ant-table-tbody td wrap text {
    user-select: all !important;
    cursor: text;
}

.ant-table-tbody td wrap:active {
    white-space: pre-line;
}

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



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





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

/* disable row */
.ant-table-tbody tr.disabled {background-color: #F0F0F0;}
tr.disabled .ant-checkbox-disabled .ant-checkbox-inner{background-color: #F0F0F0;}
tr.disabled input:checked ~ box { background-color: #A0A0A0; }


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

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



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








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




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




/*schemas*/
[schemas]{}
[schemas] > view{box-shadow:none; padding-left: 0;}
[schemas] nav{padding: 20px;box-shadow: var(--elevation);background: #fff;/*margin-right: 30px;*/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;}

 .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;}
/*[schemas] svg{display:none;}*/
.ant-table-tbody > tr.empty {box-shadow: inset 0 0 0 1px #fa5b0b54; background-color:#fa5b0b11;}

[schemas] holder{/*margin: 30px 30px 30px 30px;*/display: flex;flex-direction:column;/*box-shadow: var(--elevation)*/;/*max-width: 1000px;*/flex-shrink: 0;border-radius: 10px;position:relative;flex:1;overflow:auto;}
[schemas] holder cont {margin: 30px; /*display: flex;*/ position: relative;}
[schemas] holder thumbs{display: block;/*z-index: -1;*/}
[schemas] holder thumbs img{pointer-events: none; /*position: relative;*/ 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;}

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

/**/



/* 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;}
toolbar[logo][is_work_order] {margin: 50px auto 0px;box-shadow: none;justify-content: center;}
toolbar[panier_extern] {margin: 5px auto;box-shadow: none;justify-content: center;font-weight: 700}
.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;}

/*---*/






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

/* maintainance */
maintainance{display:flex !important;flex-direction:column !important;align-items:center !important;position:relative !important;margin:auto !important;padding:20px !important}
maintainance > cont{display:flex !important;flex-direction:column !important;}
maintainance > cont > div {padding: 10px !important; }
maintainance p {
    font-size: 20px !important;
    font-weight: 400 !important;
    margin: 10px 0 0 !important;
    font-family: 'sans-serif' !important;
    /* color: #f26f5f; */
}
maintainance h1 {
    text-transform: uppercase !important;
    border-radius: 30px !important;
    font-size: 22px !important;
    text-align: center !important;
    font-family: 'sans-serif' !important;
    box-shadow: inset 0 0 0 1.5px !important;
    width: 50px;
    padding-left: 0px !important;
    color: #f26f5f !important;
    font-weight: 600;
}

/* stylelint-enable */