/* Minification failed. Returning unminified contents.
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,57): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(89,71): run-time error CSS1039: Token not allowed after unary operator: '-active_item'
(111,113): run-time error CSS1039: Token not allowed after unary operator: '-context'
(111,139): run-time error CSS1039: Token not allowed after unary operator: '-elevation'
(124,76): run-time error CSS1039: Token not allowed after unary operator: '-text'
(129,43): run-time error CSS1039: Token not allowed after unary operator: '-over-color'
(130,46): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(131,48): run-time error CSS1039: Token not allowed after unary operator: '-press-color'
(134,62): run-time error CSS1039: Token not allowed after unary operator: '-outline'
(162,102): run-time error CSS1039: Token not allowed after unary operator: '-overlay'
(163,34): run-time error CSS1039: Token not allowed after unary operator: '-outline'
(164,58): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(174,70): run-time error CSS1039: Token not allowed after unary operator: '-item'
(174,92): run-time error CSS1039: Token not allowed after unary operator: '-item'
(216,34): run-time error CSS1039: Token not allowed after unary operator: '-active_item'
(216,63): run-time error CSS1039: Token not allowed after unary operator: '-active_item'
(326,26): run-time error CSS1039: Token not allowed after unary operator: '-tip'
(341,56): run-time error CSS1039: Token not allowed after unary operator: '-tip'
 */

:root {
    --active_item: 340px;
    --item: 180px;
    --input-color: rgba(136, 136, 136, 0.1);
    --elevation: 0 0 50px 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0,0,0,.05);
    --outline: rgba(0,0,0,.1);
    --outline-dark: rgba(0,0,0,.1);
    --fab: 30px;
    --text: 13px;
    --hover: rgba(136, 136, 136, 0.1);
    --tip: #424242;
    --context: #fff;
    --over-color: linear-gradient(to top, rgba(0,0,0,.05) 0%,rgba(0,0,0,.05) 100%);
    --press-color: linear-gradient(to top, rgba(0,0,0,.07) 0%,rgba(0,0,0,.07) 100%);
    --overlay: rgba(232, 232, 232, 0.65);
    --main-color: #0699FF;
        
    --main-font: 'Roboto', sans-serif; 
}






@media  (max-width: 500px) {

    :root {
        --active_item:300px;

    }

}



@keyframes ink_anim{from{transform:scale(0);opacity:.7}to{opacity:0}}
@font-face { font-family: icon; src: url(/Content/Font/icon.ttf?v=4.9.26_250905);font-display:block; }


*{padding:0;margin:0;box-sizing:border-box;/*box-shadow:0 0 0 1px red !important;*/font-size:13px;outline:none;border:none;}

* {
    -webkit-touch-callout:none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust:none;             /* prevent webkit from resizing text to fit */
    -webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent tap highlight color / shadow */
    -webkit-user-select:none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
}


html, body, input, button, textarea { font-family: var(--main-font)}

a{color:inherit}

logo{margin:40px}

view{display: flex;position: relative; width:100%; overflow:hidden; flex-direction:column; flex-shrink:0; justify-content:space-between; overflow:auto;}
action{padding:40px; display:flex}

action[right]{margin-left:auto;padding:0}

icon{width:30px;height:30px; min-width:30px; 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; }
 icon[large]{width:60px;height:60px; font-size:100px;}

separator{box-shadow:inset 0 0 0 1px; }
separator[vertical]{ height: 30px; min-width:1px; width: 1px;margin:0 10px;opacity:.15;    position: relative;z-index: 2; display:flex;}
separator[horizontal]{  min-height:1px; height: 1px;margin:30px 10px 0; opacity:.1;   position: relative;z-index: 2; display:flex;}

separator[horizontal][normal]{margin:30px 10px}

ul {list-style:none;}

html, body {width:100%; height:100%; font-size:13px; display: flex; touch-action: manipulation; overflow:hidden; }
input{ font-size:13px;-webkit-user-select:initial; overflow:hidden; white-space:normal; text-overflow:ellipsis    }
input,textarea{user-select:text}


content{width:100%; overflow:hidden;display:flex; flex-shrink:0}
wrap {
    display: flex;
    align-items: center;


}


wrap[static]{width:100%;height:100%;padding: 40px;justify-content:center;}
wrap[multiple]{ width:auto; height:auto;   padding: 0 calc(50% - var(--active_item) / 2);}

[static] container {width:350px}
[static][large] container {width:400px}

[static] container info {margin-bottom:30px;display:flex; flex-direction:column; }
[static] container info h1{font-size:24px;}
[static] container info p{opacity:.5; margin-top:20px;}
[static] container info p[highlight]{opacity:1}
[static] container info p[highlight] a { color: #4e87de; }


[static] container info[center]{text-align:center}


/* context_menu */

.context_menu{ transition-delay:.125s;  max-width:calc(100vw - 20px);max-height:calc(100% - 20px);visibility:hidden;opacity:0;/*transition-property:transform, opacity, visibility;transition-duration:.2s,.125s,.125s;*/position:absolute;z-index:9999;cursor:default;top:0;/*left:0;*/display:flex;}

.context_menu.open{visibility:visible;opacity:1;transition-delay:0s; }
.context_wrap{max-height:inherit;max-width:inherit;width:100%;overflow:hidden;display:flex;flex-direction:column;position:relative;padding:10px;}

.context_container{overflow-y:auto;overflow-y:overlay;overflow-x:hidden;width:100%;display:flex;background:var(--context);box-shadow:var(--elevation);-webkit-overflow-scrolling: touch; transform:translateY(-10px); opacity:0; transition:.125s;  }
.open .context_container{transform:translateY(0); opacity:1;}

.context_menu .close_window{display:none;}
.context_wrap footer{background:#ffffff;padding:15px;box-shadow:0 5px 12px -2px rgba(0, 0, 0,.2), 0 0 0 1px rgba(0,0,0,.05);position:relative;z-index:100;}





/*list template*/
.list_menu{height:100%;}
.list_menu ul { height:100%; display:flex; flex-direction:column;  overflow:auto;min-width:240px;margin:0;padding:10px 0;box-sizing:border-box;font-weight:initial}
.list_menu li {  font-weight:400; flex-shrink:0; padding:0 5px; color:var(--text);line-height:40px;position:relative;white-space:nowrap;overflow:hidden;box-sizing:border-box;text-align:left;text-overflow:ellipsis;width:100%;cursor:pointer; user-select: none; display:flex; align-items:center;  }
.list_menu ul > wrap{display: flex;flex-direction: column;overflow: auto;}


.list_menu li icon{margin:5px;}
.list_menu li:hover{background-image:var(--over-color);}
.list_menu li.selected{background-color:var(--main-color); color:#fff;}
.list_menu ul li:active {background-image:var(--press-color); }
.list_menu ul li:active text,.list_menu ul li:active icon {transform:translateY(1px); }

.list_menu li.separator{height:1px;box-shadow:0 1px 0 0 var(--outline);margin:10px 0}
.list_menu li a text{flex:1;min-width:0;overflow:hidden;position:relative;text-overflow:ellipsis; }
.list_menu li.mobile{display:none}
.list_menu li.highlight{font-weight:700}
.list_menu li.title{opacity:.5; pointer-events:none;}
.list_menu li.disabled{opacity:.5; cursor:default;}
.list_menu li.hidden{display:none;}

.list_menu li[bottom]{margin-top:auto}
.list_menu li.search input{padding: 0;
    box-shadow: none;
    height: 40px;
    background: none;}


.list_menu li > a, .list_menu li > label {text-decoration:none; display:flex;align-items:center;  width:100%; cursor:pointer;}



@keyframes list_item{from{transform:translateY(-10px) ; opacity:0}}

.context_menu.open .list_menu li{ animation:list_item .125s .125s backwards;}

.context_menu.open .list_menu li:nth-last-child(1){animation-delay:.15s}


/* ----- */

.preloader{height:100%;width:100%;z-index:99999;position:absolute;top:0;left:0;background-color:var(--overlay);display:flex;align-items:center;justify-content:center;}
.preloader > div{background:var(--outline);width:150px;height:2px;position:relative;overflow:hidden;}
.preloader > div > div{position:absolute;background:var(--main-color);height:100%;width:100%;animation:loader 1.5s infinite;}
@keyframes loader{from{transform:translateX(-100%)} 50%{transform:translateX(100%)} to{transform:translateX(-100%)}}



form{background: inherit;}

toolbar{display:flex;margin:20px 0 0;background: inherit;}
toolbar .button{margin-left:auto;}

wrap item{ border-radius:10px; height: 220px;padding:20px;width:var(--item);min-width:var(--item);display:flex;justify-content:flex-end;background:#fff;flex-direction:column;margin:5px;transition:.225s;position:relative;overflow:hidden;cursor:pointer;}

wrap item[role='static'] {box-shadow: 0 0 0 1px rgba(0,0,0,.1);}

/*item[active='active']:active{box-shadow: 0 0 0 1px rgba(0,0,0,.05), 0 30px 50px -20px rgba(0,0,0,.2);}*/
wrap item info{ display:flex; justify-content:flex-end; flex-direction:column;height:100%; background-size:cover;}


    item[system] {color:#fff; background:#86bf78;  }
    item[partner] {color:#fff;  background:#7ea5b8;}
    item[org] {color:#fff;  background:#677191; }
    item[subscriber] {color:#fff;  background:#91d4d0; }


    item[manager] {color:#fff;  background:#4e87de;}
    item[content] {color:#fff; background:#76a45d;}
    item[stream] {color:#fff; background:#ff7300;}


item[role='dynamic'] .button.accent {
    background: none;
box-shadow:inset  0 0 0 1.5px

}

[active] text[adaptive] {
white-space:normal;}

info text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px;}

item avatar{font-size:48px; font-weight:100; line-height:100%; margin-bottom:20px; font-family:roboto; }
item .title{/* font-size:18px; */font-weight: 700;}
item .email{opacity:.5; display:none}



item[active='active'] avatar{font-size:72px; }
item[active='active'] .title{ font-size:24px; }

item[active='active'] .email{display:flex}


item[active='active']{width:var(--active_item);min-width:var(--active_item); height:auto; padding:30px;}
item[active='active'] info{height:auto; }
item container{display:flex;flex-direction:column;position:relative;z-index:1;height: 0;overflow: hidden;transition: .325s;position: relative; opacity:0;background: inherit;}



item[active='active'] container{height: 110px; margin-top:30px; opacity:1}
item[role='static'][active='active'] container{height: 250px; margin-top:30px;opacity:1}

.input_wrap.center{justify-content:center;}
 .input_wrap{position:relative; display:flex; overflow:hidden;  height:50px; border-radius:25px; align-items:center;   overflow:hidden; color:#000; z-index:1}
 .input_wrap input{border:none; height:50px; width:100%;padding:0 20px;background:none; min-width:0; }
 .input_wrap:not(:first-child){margin-top:10px}

 .input_wrap i{position:absolute; width:100%; height:100%;  left:0; top:0; z-index:-1;background:#efefef; border-radius:25px; pointer-events:none;}


 .input_wrap .input-validation-error ~ i{    box-shadow: inset 0 0 0 2px rgba(226, 88, 78, 0.36);}
    .input_wrap input:-webkit-autofill ~ i {
        background: #e8f0fe
    }


 .input_wrap .button.gap{margin-right:10px;}

    .input_wrap .k-widget {
        width: 100%;
        display: flex;
        height: 100%;
    }

    .input_wrap .k-input{width:100%;padding:0 20px;}
    .input_wrap .k-select{min-width:40px; height:40px; border-radius:30px; padding:5px; margin:0 5px;}

    .input_wrap .k-dropdown-wrap {
        align-items: center;
    }
.input_group {
    margin-top: 10px;
    display: flex
}

    .input_group .input_wrap{margin:0; flex:1}
        .input_group .input_wrap[large]{flex:1.5}
        .input_group .input_wrap:first-child{margin-right:10px;}

        @keyframes autofill {
            to { background: transparent; } }

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

/*buttons*/ 

.button{ font-size: 13px; display:block;box-sizing:border-box;height:30px;text-align:center;line-height:30px;border-radius:30px;display:flex; align-items:center; justify-content:center; cursor:pointer;float:left;padding:0 15px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-weight:700;font-size:13px;white-space:nowrap;border:none; position:relative;    overflow: hidden; flex-shrink: 0; background:transparent}
.button:hover{background-image:linear-gradient(to top, rgba(0,0,0,.05) 0%,rgba(0,0,0,.05) 100%);}
.button:active{background-image:linear-gradient(to top, rgba(0,0,0,.07) 0%,rgba(0,0,0,.07) 100%); padding-top:1px;}
.button[right]{margin-left:auto}


.button.mini{min-width:40px; width:40px; min-height:40px; height:40px;  padding-left:0;padding-right:0;}
a.button{text-decoration:none}

.button.accent{background:#4e87de; color:#fff; width:120px; flex-shrink:unset}

.button.light text{opacity:.7; font-weight:400;}

a[accent]{color: #4e87de;}

.button text ~ icon {
    margin: 0 -15px 0 0;
}
/**/



.material_ink{height:100%;width:100%;position:absolute;left:0;top:0;pointer-events:none;}
.material_ink circle{animation:ink_anim .95s ;animation-timing-function:ease-out;opacity:0; }


/**/

.input_wrap .checkbox{margin:0 auto 0 0}


.checkbox{display:flex; align-items:center;background: inherit; justify-content:center; cursor:pointer; min-height:30px; white-space:nowrap; padding: 0 10px;}
.checkbox:active{ transform:translateY(1px)}

.checkbox input{display:none; }
.checkbox box{height: 2px;width: 28px;display:flex;position: relative;margin-right: 10px;box-shadow: inset 0 0 0 2px; border-radius:10px;background: inherit;}
.checkbox check{height: 16px;width: 16px;display:flex;margin:auto;transition:.25s;background: inherit;border-radius: 20px;position: absolute;top: -7px;box-shadow: inset 0 0 0 2px;}
.checkbox input:checked ~ box {}
.checkbox input:checked ~ box check {transform:translateX(12px); box-shadow:inset 0 0 0 10px }


@keyframes attention {from{transform:translateX(-5px)} 50%{transform:translateX(5px)} to{}}

.checkbox [link]{}
.checkbox input.input-validation-error ~ box {color:rgb(226, 88, 78)}
.checkbox input.input-validation-error ~ [link] { color:rgb(226, 88, 78);}
.checkbox input.input-validation-error ~ box check { animation:attention .125s 3 .125s}

/**/



/* tooltip */

.tooltip{background:var(--tip);color:#fff;top:0;left:0;position:fixed;border-radius:30px;pointer-events:none;padding:6px 15px;z-index:10000;transition-property:opacity,visibility;transition-duration:.225s;}
.tooltip{visibility:hidden;opacity:0;transition-delay:0s;}
.tooltip.open{/*transition-delay:.3s;*/ visibility:visible; opacity:1;}

.tooltip.error{ background:rgba(240,80,80,1);}

/* ----- */





/* toast */

.toast_container{position:absolute;bottom:0;display:flex;flex-direction:column;justify-content:center;width:100%;align-items:center;z-index:9999;overflow:hidden;margin:20px 0;pointer-events:none;white-space:pre-line;}
.toast_container > div{min-height:30px;background:var(--tip);color:#fff;display:flex;align-items:center;border-radius:30px;margin:0px 0 10px 0;padding:6px 15px;animation:toast_anim .2s forwards}
.toast_container > div > div{display:flex;align-items:center;}
.toast_container > div.toast_close{animation:toast_gone .2s both}
@keyframes toast_anim{from{transform:translateY(20px);opacity:0}}
@keyframes toast_gone{to{transform:translateY(-10px);opacity:0}}




/* scrollbars */

.k-desktop ::-webkit-scrollbar-track{display:none}
.k-desktop ::-webkit-scrollbar{width:16px;height:16px;background-color:transparent;}

.k-desktop ::-webkit-scrollbar-thumb{background-color:transparent;background-clip:padding-box;height:40px;width:40px;}
.k-desktop ::-webkit-scrollbar-thumb:vertical{border-left:12px solid transparent;}
.k-desktop ::-webkit-scrollbar-thumb:horizontal{border-top:12px solid transparent;}

:hover::-webkit-scrollbar-thumb{background-color:#cccccc;}


.k-desktop ::-webkit-scrollbar-thumb:vertical:hover{border-left:5px solid transparent;}
.k-desktop ::-webkit-scrollbar-thumb:horizontal:hover{border-top:5px solid transparent;}

.k-desktop ::-webkit-scrollbar-button{display:none}

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


group{width:100%; background:#fff;}
group[hide]{display:none}



group .input_wrap{height:40px}
group .input_wrap input{height:40px }

/*Anahit*/
group .input_wrap.multiselect{height:inherit;padding:3px 10px}
group .input_wrap.multiselect .k-widget{display:initial;overflow:hidden;max-width:100%}
group .input_wrap.multiselect .k-widget.k-multiselect .k-button{border-radius:5px;margin:2px}
group .input_wrap.multiselect input {height: 30px;float: left;margin:2px 0; display: flex;height: 30px;line-height: 30px;padding: 0 7px;transition: none;-webkit-transition: none; flex: 1; width: 100%; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; color: inherit;}

/* */
bar{display:flex;margin:30px 0;}
step {
    display: flex;
    height: 3px;
    background: rgba(0,0,0,.15);
    flex: 1;
    margin: 2px;
    border-radius: 30px;
}

    step[active] {
        background: #99CC32
    }
a[link]{display:flex; align-items:center;}


wrap[picker] {
    margin: auto;
     padding: 5px; 
    /* width: 100%; */
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
    width: 100%;
}

wrap[picker] block{transition:transform .125s;cursor:pointer;padding:40px;display:flex;flex-direction:column;align-items:center;margin:5px;text-align:center;min-width:240px;box-shadow: 0 0 0 1px rgba(0,0,0,.1);border-radius:20px;}
    wrap[picker] block:hover{ background:rgba(0,0,0,.05); color:#fff; transform:scale(1.05)}

        wrap[picker] block:hover path{fill:#fff}

        wrap[picker] block[manager]:hover {
            background: #4e87de
        }

    wrap[picker] block[content]:hover {
        background: #76a45d
    }

    wrap[picker] block[stream]:hover {
        background: #ff9a00
    }

    wrap[picker] block:active{ transform:translateY(1px)}
    wrap[picker] block logo {margin: auto}
     text[large] {font-size: 16px;margin-top: 10px;text-align:center}

     text[huge] {
        font-size: 24px;

        margin-bottom: 10px;
text-align:center
    }

@media (max-width: 800px) {

    wrap[picker]{flex-direction:column;}
        wrap[picker] block{min-width: 100%;flex: 1 1 100%;overflow: hidden;width: 100%;padding: 30px; margin:  10px 0 0}

}

.hide{display:none}

view[center]{flex-direction:row; justify-content:center; flex-wrap:wrap;}
view[center] block{   display:flex; flex-direction:column; align-items:center; justify-content:flex-start; margin:5px; text-align:center; min-width:240px; padding:0 20px;  }

view[center] block logo{margin:0}
view[center] block text[compact]{max-width:280px;}