:root { --main-color: #029b96 }

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

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

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 }

view[login] {overflow:overlay;}
/* ------- */

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


[gap='small'] {gap:10px;}

group {display:flex;}


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

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


.uppercase {text-transform:uppercase;}

/*filter*/
.filter_container { display: flex; align-items: center; overflow:hidden}
.filter_container .wrapper {display: flex;
    align-items: center;
    padding:10px 0;
    overflow: hidden;
    position: relative;}
.inner_wrapper {display: flex;
    align-items: center; }
.filter_container .filter_block{display: flex; align-items: center; flex-shrink:0;}
.filter_container .filter_block:last-of-type separator{display:none}
.filter_container .filter_block cont{margin:5px; min-width:initial}
.filter_container .filter_block > text {padding:10px; font-weight:700; color:var(--main-color)}
.filter_container .filter_block .filter_group{display: flex; align-items: center;}

.filter_container action {padding-right:10px}
/*.filter_container .filter_block .ant-select-single:not(.ant-select-customize-input) .ant-select-selector, .filter_container input[type=text] { background: #f9f9f9; }
*/.filter_content toolbar .button.link:active { background: none; }
.filter_block fieldset {border:1px var(--outline) solid;margin: 10px;padding: 0 5px 5px 5px;background-color:var(--highlight);border-radius: 10px;}
.filter_block fieldset legend {margin: 0;padding: 0 5px;/* margin: 0 7px; */width: auto;color: var(--main-color);border-radius:5px;font-size:var(--text);}
.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 .form_fields .data_label { min-width: auto; white-space: nowrap; max-width: 100%; margin:0 5px;}

.filter_container .filter_block cont decor label wrap { transform: translateY(-50%); opacity:1;}
.filter_container .filter_block cont decor label text line {transform: scaleX(0);}
.filter_container .filter_block .ant-select-single.ant-select-show-arrow .ant-select-selection-item {
    padding: 0 30px 0 0;
}
.filter_container .filter_block .ant-select-single:not(.ant-select-customize-input) .ant-select-selector, .filter_container .filter_block .ant-select-multiple.ant-select-focused .ant-select-selector {
    padding: 0 15px;
}
/*ant*/
.filter_block .ant-radio-group {
    margin: 5px;
}
/**/
/*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] {  }
toolbar[panel] {flex-shrink: 0; padding: 0 10px;  width:auto;}
/**/

/*tab_strip*/
.tab_strip { display: flex; flex-direction: column; overflow: hidden; width: 100%; height: 100%; /*box-shadow: inset 0 -1px 0 0 var(--border-color);*/}
.tab_strip.accent li dot { padding: 0 }
.tab_strip.accent  > ul > li.selected { box-shadow: none; color: #fff; background: var(--main-color) }
.tab_strip > wrap {display: flex;flex-shrink: 0;/*box-shadow: 0 1px 0 0 var(--outline);*/align-items:center;}
.tab_strip.round > ul { align-items: center; padding: 0 10px }
.tab_strip.round > ul > li { height: 30px; line-height: 30px; border-radius: 30px; font-weight: 400; background: var(--over-color); margin: 0 5px }
.tab_strip.round > ul > li.selected { box-shadow: none; color: #fff; background: var(--main-color) }
.tab_strip.round > ul > li[zone].selected { opacity: 1; box-shadow: none; }
.tab_strip.round > ul > li > text { padding: 0 5px; }

.tab_strip > div { display: flex; flex-shrink: 0; box-shadow: 0 0 0 1px var(--outline); }
.tab_strip ul { display: flex; flex-shrink: 0; overflow: hidden; float: left; min-width: 100%; height: var(--area); line-height: var(--area); box-shadow: var(--elevation); z-index: 99; }
.tab_strip ul > li { list-style: none; height: var(--area); line-height: var(--area); overflow: hidden; padding: 0 15px; 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 ul > li:hover { background-color: var(--hover) }
.tab_strip ul > li:active a, .tab_strip ul > li:active icon, .tab_strip ul > li:active text { transform: translateY(1px) }
.tab_strip ul > li.selected { box-shadow: inset 0 -2px 0 0; color: var(--main-color); }
.tab_strip ul > li.selected a { color: var(--main-color); }
.tab_strip ul > li.selected svg { fill: var(--main-color); }
.tab_strip ul > li.hidden { display: none }
.tab_strip ul > li.disabled { cursor: default; opacity: .5; transform: none; }
.tab_strip 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; }

/*----*/
.window_cont .tab_strip ul > li text {padding:0 5px;}
.window_cont .tab_strip ul > li {padding:0 15px;}



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

group[form] { display: flex; width: 100%; align-items:center; flex-wrap:wrap;}
group[form][column] { flex-direction: column; align-items:flex-start; }

/*group[form] > .button { margin: 10px }
*/
group[form] > label{margin:0 10px;}

group[form][row] { flex-wrap: wrap; flex-direction: row; align-items: center }


/*group { display: flex; flex-wrap: wrap; overflow: hidden; min-height: 30px; align-items:center; }
*//*group[column] {flex-direction:column; align-items:flex-start;*/ /*width:370px*//*}*/
/*group .custom_info{margin:0 0 10px 0;}
*//*.form_container .section_group group .sections {padding:10px 0;}
*//*group[row] fieldset {width:auto; margin-right:10px;}*/
group[fix] fieldset {width:auto;}

group[scroll] {height:100%;}
group[scroll] .custom_info { display: flex; flex-direction: column; overflow: hidden; height: 100%; width: 100%; }
group[scroll] .custom_info > div { display: flex; flex-direction: column; overflow: auto; height: 100%; }

.section_group group .sections:not(:first-child), .section_group group .sections:not(:last-child) { padding: 0; }

/*group badge { margin: 0 3px 3px 0 }
*/badge { white-space: nowrap; border-radius: 30px; 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; }
group[fit] {width:100%;}

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

:root {
    --error-color: tomato;
    --new-color: #4e87de;
    --success-color: #1ca9bb;
    --private-color: #00c478;
    --missing-color: #c7c4c4;
    --special-color: #00c478;
    --orange-color: #f58360;
    --process-color: #fbcb00
}

badge[error] { color: var(--error-color) }
badge[new] { color: var(--new-color) }
badge[private] { color: var(--private-color) }
badge[accent] { }
[accent] badge[filled] { box-shadow: none; background: #fff; color: var(--main-color) }
badge[filled] {}
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; }


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



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


/*ant*/

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


td wrap {/*white-space:nowrap; */position: relative; z-index: 1;}
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; }

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

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


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



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



/**/


.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;flex:auto;}
.form_fields.line .data_label{margin:0 5px;flex:initial;white-space: nowrap;}
.form_fields.line > input{border-radius:30px;padding:0 15px}
.form_fields.line.large{width:200px}
.form_fields.line.large .k-widget {padding: 0 10px}
.form_fields.line.small {width:initial;}
.form_fields.line.small .data_label{margin:0;}
.form_fields.line.small input{width:60px;min-width:60px}

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

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

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

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

.form_fields textarea ~ .button { position: absolute; right: 5px; bottom: 5px; }

/**/

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


/**/




/*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);*/ flex:1}
.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; }
[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;}*/

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

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





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



/*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: gray; }
.therpac .total_box [classic] text a { color: gray }
*/
/*----*/





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

/*---*/






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

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

/*.filter_container .indiana-scroll-container { padding-top: 5px;}
*/.indiana-scroll-container { position: relative;z-index:1; }

.button.btn-scroll.left { left: 0; margin:0; }
.button.btn-scroll.right { right: 0; margin:0; }

.button.btn-scroll { position: absolute; z-index: 2; }
.button.btn-scroll.hidden { display: none }





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

*/


/*roadsmax*/

cont .message {display: flex;align-items: center;/* color: #fff; */font-size: 12px; margin:5px; padding:0 10px; border-radius:30px;}
cont .message.warning  {background-color:#ffdc75;}
cont .message.error  {background-color:#ffacac;}
cont .message text {line-height:10px; font-size:11px;}


.tree_view {min-height:520px; max-height:520px; overflow:auto; background:#ffff; box-shadow:0 0 0 1px #e4e4e4; z-index:99;}
.form_container .tree_cont.section_group .sections {padding:15px;}

view.history {max-width:1200px; min-height:400px; padding:10px;}
view.history > wrap {padding:10px;display:flex; flex-direction:column; flex:1;}

view.commonvalue > wrap {
        /*padding: 10px;*/
        display: flex;
        flex-direction: column;
        /*flex: 1;*/
}

/**/

view.org {width:1260px; height:500px;}

/**/
.spin_cont {position: absolute;width: 100%;height: 100%;display: flex; align-items:center; justify-content:center; background: rgba(255, 255, 255, .7);z-index: 99999;}


/*commom value*/

[menu] { background:#fff;}
[menu] .ant-table.ant-table-small .ant-table-tbody > tr > td {padding:0 15px; border-radius:30px; height:35px; cursor:pointer; border:none !important;}
[menu] .ant-table.ant-table-bordered > .ant-table-container {border:none;}
[menu] tbody tr:nth-child(odd) {background:none;}
[menu] .ant-table-wrapper .ant-table-tbody .ant-table-row.selected td { background-color: var(--main-color) !important; color: #fff; }
[menu] .ant-table-tbody > tr.ant-table-row:hover > td {background:#f3f3f3;}
[menu] .ant-table-tbody > tr.ant-table-row.selected:hover >  td {background-color: #0071bb;}
[menu] .ant-spin-container, [menu] .ant-spin-nested-loading, [menu] .ant-table-wrapper, [menu] .react-contextmenu-wrapper {box-shadow:none;}


[usage] { padding: 15px; }
[usage] item toolbar {min-height:50px; padding:0 15px;}
[usage] item { background: var(--background); box-shadow: 0 0 0 1px var(--border-color); overflow: hidden; min-width: 300px; border-radius: 15px; margin-bottom: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; max-width:400px;}
[usage] item div { padding: 20px; display: flex; width: 100%; }
[usage] item table { border-radius: 10px; box-shadow: 0 0 0 1px #e4e4e4; box-shadow: 0 0 0 1px var(--border-color); width:100%; background:var(--highlight);}
[usage] item table td, [usage] item table th { padding: 0 10px; height: 40px; box-shadow: 1px 0 0 0 var(--border-color); }
[usage] item table tr { box-shadow: inset 0 -1px 0 0 var(--border-color); }
[usage] item table tr:last-child, [usage] item table td:last-child, [usage] item table th:last-child { box-shadow: none; }
[usage] item table th {color:var(--main-color); text-align:left;}
[usage] tbody tr:nth-child(odd) {background:none;}

[menu] ul {padding:10px; display:flex; flex-direction:column; cursor:pointer;}
[menu] ul li { padding: 0 10px; height: 40px; box-shadow: 0 1px 0 0 var(--border-color); display:flex; align-items:center;}
[menu] ul li:hover {background-image: var(--over-color);}
[menu] ul li.selected {background-color: var(--main-color); color:#fff;}

[agent] > view {
    max-width: 580px;
    box-shadow: none;
}

    [agent] > view > view {
        border-radius: 10px;
    }

[agent] [title] {
    font-weight: bold;
    text-align: center;
    padding: 5px 0 20px;
}






.custom_info { border:1px solid var(--outline);  padding: 0px 5px 5px;/* background: #f9fdff; */    margin: 0 5px 5px;/*width:100%;*/border-radius: 5px;}
.custom_info legend { font-weight: bold; font-size: var(--text); color: var(--main-color); padding: 0 7px;width: auto; border-radius:5px; margin:0;min-height:20px;}
legend[none] {background-color:transparent;padding: 0;
}

.content { display: flex; flex-direction: column; overflow: hidden; padding: 10px 0; }
/*scroller { overflow: auto; overflow: overlay; display: flex; height: 100%; flex-direction: column; z-index: 1; padding:0 10px}
*//*scroller wrap { position: relative;*/ /* padding: 20px; */ /*display: flex; flex-direction: column; flex-shrink: 0; width: 100%; flex-shrink: 0; padding:5px; }*/
/*scroller .form_container { position: relative; display: flex; flex-wrap: wrap; align-content: flex-start; padding: 20px; background: var(--light); display:none;}
scroller toolbar { position: sticky; top: 1px; backdrop-filter: blur(10px); --background: rgba(245 244 248 / 75%); cursor: pointer; border-radius: 10px; }
scroller title { display: flex; font-weight:bold; padding:0 10px; }
scroller wrap.open .form_container { display: flex; box-shadow: 0 0 0 1px var(--border-color); border-radius:0 0 10px 10px;}
scroller wrap.open toolbar { border-radius:10px 10px 0 0 ; }
*/.loads .field_group { width: 100%; }
.loads .form_fields text {height:30px; margin:5px; display:flex; align-items:center;}
.loads.window_cont .form_container {padding:0; background-color:transparent;}
scroller .panel {border-radius:0 0 10px 10px; box-shadow:none; --background:transparent}

.window_container.fullscreen > div > div > header {background-color:#fff;}
toolbar.special { background: #bfd6d7; }
toolbar.special ~ toolbar { background-color: #bed4d8 }


.loads.window_cont wrap .form_container { background: var(--light); }

.grid { display: flex; width: 100%; height: 200px; box-shadow: 0 0 0 1px #e4e4e4; }

.temp.form_fields .data_label {min-width:90px;}
.temp.form_fields > .ant-input-number {min-width:60px; max-width:60px;}
.special .form_fields .data_label {min-width:90px;}


/*load_cont*/



.load_cont form > toolbar .form_fields .data_label {min-width:auto;}
.load_cont .toolbar { box-shadow: 0 0 0 1px #ced8df; display: flex; position: relative; z-index: 9; }
.load_cont input[type=text]{ height: 27px; line-height: 27px; }
.load_cont .form_fields > input, .load_cont .form_fields > .ant-select, .load_cont .form_fields > .ant-input-number { margin: 3px; }
.load_cont .form_container .section_group .sections {width:300px;}
.load_cont .toolbar .form_container { background-color:var(--main-color); padding:0; color:#fff}cont decor label text wrap
.load_cont .toolbar .form_container ::selection {background: #fff;color:#455a64;}
.load_cont .toolbar .form_container cont{--main-color:#fff}

.load_cont .toolbar .form_container .ant-picker-input > input[disabled], .load_cont .toolbar .form_container .ant-checkbox-disabled + span { color: #fbfbfb; }
.load_cont .toolbar .form_container .data_label, .load_cont .toolbar icon, .load_cont form > toolbar .data_label { color: #fff; }

.load_cont .form_container cont decor label text wrap {opacity:.5;}

/*.load_cont .tab_strip ul {*/ /* line-height: 40px; */ /* height: 40px; */ /* align-items: flex-end; */ /* background-color: transparent !important; */ /* background: var(--main-color); */ /* color: #fff; */ /*box-shadow: none;height: 40px;padding: 0 20px;}
.load_cont .tab_strip ul > li {*/ /* line-height:32px; */ /* height:32px; */ /* padding:0 10px; */ /*border-radius: 5px 5px 0 0;height: 40px;}
.load_cont .tab_strip ul > li.selected {background-color: #ffffff;box-shadow:none;}
.load_cont .tab_strip ul > li.selected svg { fill: #fff; }*/
/*.window_container > div.fullscreen.load > div { width: auto; min-width: 1260px; }
*/ /*.load view.medium {height:100%; width:1370px;}*/
/*.load_cont .tab_strip > wrap {box-shadow:inset 0 -2px 0 0 var(--main-color); padding:0 10px;}*/
.locations, .locations .custom_info { height: 100%; }

/*.load_cont .tab_strip > wrap, .window_cont .load_cont .tab_strip ul { background-color: #e3eef5; }*/

.max { display: flex; letter-spacing: 7px; margin-bottom: 15px; }

/**/

[newloads] > view {border-radius:10px; margin-bottom:10px;}
[newloads] > view:last-child {margin:0;}
/*map*/
.map_cont { overflow: hidden; width: 100%; min-height: 800px; box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px; border-radius: 10px; position: relative; margin-right: 20px; }
.map_cont > div { position: static !important; }
.gm-style-mtc button { height: 30px !important; color: #fff !important; background-color: var(--main-color) !important; font-size: 14px !important; padding: 0 15px !important; }
.gm-style .gm-style-mtc label { font-size: 14px; padding: 0 5px; }
.gm-style .gm-style-mtc ul img { transform: none !important; }
.gm-fullscreen-control, .gm-svpc { border-radius: 30px !important; backdrop-filter: blur(10px); --background: rgb(255 255 255 / 75%) !important; background-color: rgb(255 255 255 / 70%) !important; }
.gm-style .gmnoprint img { width: 14px !important; }
.gm-style .gmnoprint > div { backdrop-filter: blur(10px); --background: rgb(255 255 255 / 75%) !important; background-color: rgb(255 255 255 / 70%) !important; }

.map [grid] {max-height:500px; min-height:210px;}
.map.form_container .section_group {width:auto; flex:auto;}
.map.form_container {display:flex;}
.map group { min-width: 400px; }
.map.form_container .section_group group .sections { padding: 0 0 10px 0 }
.map group view { box-shadow: none; padding: 1px; }

[grid] view { box-shadow: none; padding: 5px 2px; background-color: transparent; }
/*[grid] { max-height: 200px; display: flex; max-width: 388px; }
*/


/*color_picker*/
.color_picker { display: flex; height: 20px; width: 20px; border-radius: 30px; box-shadow: inset 0 0 0 4px rgb(0 0 0 / 10%); margin: 3px; cursor:pointer;}
.color_picker:active { transform: translateY(1px); }

/*preference*/

/*.preference toolbar {padding:5px 0;}
.preference toolbar .custom_info { width: auto; margin: 5px; }
.preference toolbar .custom_info.end {margin-left:auto;}
.preference .option_column > label { font-weight: bold; }
.preference .option_column label { min-width: 80px; }
*/
.window_cont .preference .form_container {padding:0 15px 15px;}
.option_column [group] { display: flex; margin-left: 25px; }
[preference] {display:flex; flex-direction:column; padding:0 20px;}
toolbar[title] {min-height:40px; color:var(--main-color); font-weight:bold;}
/*toolbar cont {width:100%;}
*//**/

view[brackets] > wrap { width: 50%; }
view[brackets] > wrap:first-child { margin-right: 15px; }

/*view[regions] > wrap {*//* width: 35%;*/ /*margin-right: 15px; }*/
view[regions] wrap > view, view[brackets] wrap > view, view[states] wrap > view { border-radius: 10px; }

/*view[states] > wrap {width:35%;}
*/view wrap[map] { display: flex; flex-direction: column; overflow: hidden; width: 100%; margin:0;align-items:flex-end;}
view wrap[map] svg {height:100%;}
/*view wrap[map] svg {width:100% !important; height:100% !important;}
*/ /*Arman*/
table.load-charge-amounts { border: 1px solid; margin: 2px; }
table.load-charge-amounts td, table.load-charge-amounts th { border: 1px solid #c3c3c3; text-align: center; height: 25px; padding: 2px; }
table.load-charge-amounts td .ant-input-number { max-width: 110px; min-width:110px; }
table.load-charge-amounts td .ant-input-number input { text-align: center; }
table.load-charge-amounts th { background-color: #ddedf7; padding:5px; }

.section_group.accounting .sections fieldset { height: 100%}

wrap[grid]{ display:flex; }

.ant-table-cell wrap[center] icon { margin: auto }

.ant-table-cell.multiline {white-space: pre; }


.ant-table-wrapper .ant-table-tbody tr.ant-table-row.current_connected_load td{ background-color: lightgreen}
.ant-table-wrapper .ant-table-tbody tr.ant-table-row.current_connected_load.selected td{ background-color: lightgreen !important}
.ant-table-wrapper .ant-table-tbody tr.lightskyblue{ background-color: lightskyblue}

/*Arman*/
/*::-webkit-scrollbar-button:vertical:decrement:end,
::-webkit-scrollbar-button:vertical:increment:start,
::-webkit-scrollbar-button:horizontal:decrement:end,
::-webkit-scrollbar-button:horizontal:increment:start { display: none }

::-webkit-scrollbar-track { display: none }*/
/*::-webkit-scrollbar { width: 8px; height: 8px; }
*/
/*::-webkit-scrollbar-thumb { background-color: rgba(136, 136, 136, 0); height: 30px; width: 30px; background-color: transparent; background-clip: content-box; }


::-webkit-scrollbar { width: 10px; height: 10px; }*/
/*::-webkit-scrollbar-thumb:vertical { border-left: 5px solid transparent; border-right: 5px solid transparent; }
::-webkit-scrollbar-thumb:horizontal { border-top: 5px solid transparent; border-bottom: 5px solid transparent; }
*/
/*body::-webkit-scrollbar { width: 10px; height: 10px; }
body::-webkit-scrollbar-thumb { border: none }

::-webkit-scrollbar-button { width: 30px; height: 30px }

::-webkit-scrollbar-corner,
::-webkit-resizer { background-color: transparent; }



* { scrollbar-color: rgba(136, 136, 136, 0.25) transparent; scrollbar-width: thin; }




:hover > ::-webkit-scrollbar-thumb,
:hover > ::-webkit-scrollbar-thumb { background-color: rgba(136, 136, 136, 0.3); }*/
/**/
/*view.load_cont {overflow:auto; overflow:overlay;}

view.load_cont form,
view.load_cont .tab_strip,
view.load_cont .tab_strip > div,
view.load_cont .tab_strip > div > div
{
    height:initial; max-height:initial; overflow:initial
}

.load_cont .tab_strip > wrap {

    position: sticky;
    top: 0;

    z-index: 999;
}

.Popup.load header {background:var(--main-color); color:#fff; box-shadow:none}*/
.color {
    box-shadow: inset 0 0 0 1px var(--outline);
    border-radius: 5px;
}

/*.load_cont .button.outline {color:var(--main-color)}
*/


/*.anticon { font-display: swap; width: 30px; height: 30px; flex-shrink: 0; display: flex; -moz-font-feature-settings: "liga=1, dlig=1"; -ms-font-feature-settings: "liga", "dlig"; -webkit-font-feature-settings: "liga", "dlig"; -o-font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig"; font-variant-ligatures: common-ligatures; text-rendering: optimizeLegibility; font-family: icon; display: flex; display: -ms-flexbox; display: -webkit-flex; align-items: center; -ms-flex-align: center; justify-content: center; -ms-flex-pack: center; font-size: 30px; font-weight: 400; font-style: normal; user-select: none;*/ /* cursor: default; */ /*text-transform: lowercase; position: relative; z-index: 9; overflow: hidden; text-decoration: none; pointer-events: none; }
.anticon svg{display:none}
.anticon.anticon-calendar:after{content:"calendar"}*/


/*text{white-space:nowrap}
*/
[data-size="medium"] {font-size:16px;}
[data-size="large"] {font-size:18px;}
[data-size="larger"] {font-size:20px;}
[data-size="x-large"] {font-size:24px;}
[data-size="xx-large"] {font-size:32px;}
[data-size="xxx-large"] {font-size:48px;}

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

text[contenteditable="true"]{cursor:text}

text[wrap]{white-space:normal}
text[wrap-line]{white-space:pre-line}
text[nowrap]{white-space:nowrap}
text[middle]{font-size:15px;}
text[medium]{font-size:17px;}
text[large]{font-size:24px;}
text[light]{opacity:.5}
text[info]{line-height:1.5}
text[digit]{letter-spacing: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
text[error]{color:var(--error-color);}
text[private]{color:var(--private-color);}
text[accent]{color:#4e87de;color:var(--main-color)}
[data-shrink="no"]{flex-shrink:0}
[data-shrink="yes"]{flex-shrink:initial}
text[highlight]{opacity:1}

[text-align='right'] {text-align:right;}
/*SunEditor*/
.email_message_editor ol li {list-style-type: decimal; display: list-item;}
.email_message_editor ul li {list-style-type: square; display: list-item;}
.se-dialog-content { margin-top: 100px !important; }
.se-list-basic {
    height: 250px !important;
    overflow: hidden !important;
    overflow-y: scroll !important;
}
/*SunEditor*/

.button.newload { background-color: #46af4a; color:#fff; min-width:250px;}

/*Gurgen*/
.button.carrier_submit { background-color: #46af4a; color:#fff;}
.button.carrier_approve { background-color: #c3f7c7; }
.button.carrier_deny { background-color: #ff8f8f;  }
.button.carrier_problematic { background-color: #fcce13;}
/*Gurgen*/

/*drag*/
.drag > span {display:flex; flex:1; justify-content:center;margin:5px;}
.drag_cont {display:flex; justify-content:center; cursor:pointer; flex-direction:column;align-items:center;}
.drag_cont h3 {cursor:pointer;}



/**/
fieldset {box-shadow: 0 0 0 1px #c0c0c0; background-color:#f2f2f2;}
fieldset legend {font-size:13px;margin:0 5px; padding:0 5px; width:auto;}
fieldset group[form] {flex-direction:column; align-items:flex-start;}

/**/
group[info] {background: #fff;color: #205490;padding: 5px 0;text-align: center;border-radius:5px;display:flex; flex-direction:column;}
group[info] textarea {box-shadow:none; text-align:center; box-shadow:none; padding:0; user-select:none;background-color:#fff; max-height: 35px; padding-top:5px; line-height:15px;
    font-size: 13px;}
group[info='blacklisted'], group[info='blacklisted'] textarea {background-color:#ff644e; color:#fff;}
group[info='terminated'], group[info='terminated'] textarea{background-color:#ff644e; color:#fff;}
group[info='autodeny'], group[info='autodeny'] textarea {background-color:#ff644e; color:#fff;}
group[info] h3 {margin-top:5px;}

cont.info textarea[placeholder] {min-height:50px; line-height:17px; font-size:13px;}


/**/
.creditrequest {background: #d3edd0;}
.cod {background: #fdf0d5;}
.consignment {background: #bce2fe;}
.approved {background: #d3eed1;}
.denied {background: #fb998e;}