

  .BlockList {
   position: absolute;
   z-index: 9999;
   width: calc(100% - 20px);
   background: white;
   height:300px;
   max-height:50vh;
   overflow: auto;
   border: 1px solid silver;
   border-top: none;
   border-radius: 0 0 10px 10px;
   box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.1);
   display: none;
}
.TextInput
{z-index: 10000;padding:8px 15px;font:inherit;outline:none;border-radius:10px;border:1px solid silver;width:100%;}
.TextInput::-webkit-input-placeholder
{color:silver;font-weight:100}
.TextInput::-moz-placeholder
{color:silver;font-weight:100}
.TextInput:-ms-input-placeholder
{color:silver;font-weight:100}
.TextInput::-ms-input-placeholder
{color:silver;font-weight:100}
.TextInput::placeholder
{color:silver;font-weight:100}
.TextInput:focus
{border-color:rgba(2,121,254,.38);-webkit-box-shadow:0 0 0 2px rgba(2,121,254,.38);box-shadow:0 0 0 2px rgba(2,121,254,.38)}
.TextInput.__error
{background-color:#fcf4f4;border:1px solid #fe7676}
.TextInput.__error:focus
{border-color:rgba(254,2,57,.38);-webkit-box-shadow:0 0 0 2px rgba(254,2,57,.38);box-shadow:0 0 0 2px rgba(254,2,57,.38)}

.SearchBlock
{padding:10px 10px;position:relative}
.SearchBlock__input.__left-icon
{padding-left:35px}
.SearchBlock__input
{padding-right:25px;font-size:14px}
.SearchBlock__clear{right:20px;cursor:pointer}

.SearchBlock__clear,.SearchBlock__left-icon
{position:absolute;top:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.SearchBlock__left-icon
{left:20px;color:grey}
.SearchBlock .TextInput:focus
{border-color:silver;-webkit-box-shadow:none;box-shadow:none}

.TextBlock
{word-break:break-word;white-space:pre-line;line-height:150%;color: rgb(153, 153, 153); font-weight: normal; font-size: 15px; padding: 20px 10px 5px; margin-top: 0px; margin-bottom: 5px;}
.TextBlock.__clickable
{cursor:pointer}
.TextBlock .TextBlock__empty
{color:#999}
.TextBlock__editor .ProseMirror
{outline:none}

.ScreenBlock
{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box;height:75px;padding:10px 0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit!important;font-weight: normal; font-size: 16px; position: relative; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px;}
.ScreenBlock.__clickable
{cursor:pointer}
.ScreenBlock.__unavailable
{background:#f0f0f0}
.ScreenBlock__left
{width:70px;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.ScreenBlock__left,.ScreenBlock__right
{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.ScreenBlock__right
{overflow:hidden;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}
.ScreenBlock__right-wrapper
{width:100%;max-height:55px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.ScreenBlock__logo
{position:relative}
.ScreenBlock .ScreenBlock__left.__no-logo
{width:10px!important}
.ScreenBlock__logo-status
{position:absolute;right:-3px;bottom:-3px}
.ScreenBlock__item-title
{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;line-height:16px}.ScreenBlock__item-title-left{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding-right:5px;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}
.ScreenBlock__item-title-left--with-description
{margin-bottom:3px}
.ScreenBlock__item-title-right
{white-space:nowrap}
.ScreenBlock__item-unread-bullet
{display:inline-block;width:10px;height:10px;border-radius:10px;background-color:#2381cc;margin-right:5px}
.ScreenBlock__item-time{font-size:13px;color:#9f9f9f;margin-right:10px}
.ScreenBlock__description
{font-size:13px;line-height:15px;max-height:30px;opacity:.6;overflow:hidden;text-overflow:ellipsis;padding-right:5px}
.ScreenBlock.__selected
{background-color:#2788cc!important;color:#fff!important}
.ScreenBlock.__selected .ScreenBlock__description,.ScreenBlock.__selected .ScreenBlock__item-time
{color:#fff!important}
.ScreenBlock.__medium
{height:60px;padding:7px 0}
.ScreenBlock.__medium .ScreenBlock__left
{width:60px}
.ScreenBlock.__medium .ScreenBlock__description
{max-height:15px}
.ScreenBlock.__small
{height:50px;padding:7px 0}
.ScreenBlock.__small .ScreenBlock__left
{width:50px}
.ScreenBlock.__small .ScreenBlock__description
{white-space:nowrap}
.ScreenBlock.__mini .ScreenBlock__item-title-left
{font-weight:400;font-size:12px}
.ScreenBlock.__mini .ScreenBlock__left
{width:30px}
.ScreenBlock.__mini
{height:30px;padding:7px 0}
.Logo
{height:50px;width:50px;border-radius:5px;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:23px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;color: white; background-color: rgb(246, 139, 45); font-size: 23px;}
.Logo.__circle
{border-radius:50px}
.Logo.__large
{height:50px;width:50px}
.Logo.__medium
{height:40px;width:40px}
.Logo.__small
{height:30px;width:30px}
.Logo.__mini{height:20px;width:20px}
.Logo.__default:after
{content:" ";position:absolute;left:0;right:0;top:0;bottom:0;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.5)),to(hsla(0,0%,100%,0)));background:linear-gradient(hsla(0,0%,100%,.5),hsla(0,0%,100%,0));border-radius:5px}
.Logo.__circle.__default:after
{border-radius:50px}


