:root{--pulse-color: #FF0000;--silver-color: var(--gray-color-93);--blue-color: var(--primary-color);--text-color-dark: var(--gray-color-24);--text-color-main: var(--gray-color-40);--text-color-light: var(--gray-color-50);--text-color-lighter: var(--gray-color-60);--text-color-very-light: var(--gray-color-87);--header-color: var(--bg-gray-97);--avatar-size: 80px;--avatar-message-size: 45px;--job-type-size: 60px;--smart-width:600px;--primary-color: hsl(205, 52%, 44%);--primary-color-light: #3c8ac0;--primary-color-dark: #306e9a;--links-color: hsl(205, 70%, 44%);--links-color-visited: hsl(205,70%,18%);--color-hue: 0;--color-saturation: 0%;--gray-color-13: hsl(var(--color-hue),var(--color-saturation),13%);--gray-color-20: hsl(var(--color-hue),var(--color-saturation),20%);--gray-color-24: hsl(var(--color-hue),var(--color-saturation),24%);--gray-color-40: hsl(var(--color-hue),var(--color-saturation),40%);--gray-color-50: hsl(var(--color-hue),var(--color-saturation),50%);--gray-color-60: hsl(var(--color-hue),var(--color-saturation),60%);--gray-color-80: hsl(var(--color-hue),var(--color-saturation),80%);--gray-color-86: hsl(var(--color-hue),var(--color-saturation),86%);--gray-color-87: hsl(var(--color-hue),var(--color-saturation),87%);--gray-color-93: hsl(var(--color-hue),var(--color-saturation),93%);--gray-color-95: hsl(var(--color-hue),var(--color-saturation),95%);--gray-color-100: hsl(var(--color-hue),var(--color-saturation),100%);--site-header-bg: var(--gray-color-95);--site-header-border: var(--gray-color-86);--filter-color: var(--text-color-light);--filter-bg: var(--gray-color-100);--filter-border: var(--gray-color-86);--filter-color-active: var(--gray-color-24);--filter-bg-active: var(--gray-color-95);--filter-border-active: var(--gray-color-86);--trash-color: hsl(146.1,81%,55%);--trash-color-light: hsl(146.1,81%,75%);--trash-color-dark: hsl(146.1,81%,35%);--orange-color: #FF7F11;--red-color: #D81159;--slategray-color: #708090;--astronaut-color: hsl(203,50%,31%);--astronaut-color-light: hsl(203,50%,95%);--astronaut-color-light2: hsl(203,50%,65%);--mintcream-color: #F5FFFA;--persian-green: hsl(98, 32%, 45%);--persian-green-light: hsl(98, 32%, 45%);--persian-green-dark: hsl(98, 32%, 55%);--bg-hue: 0;--bg-saturation: 0%;--bg-gray-20: hsl(var(--bg-hue),var(--bg-saturation),20%);--bg-gray-60: hsl(var(--bg-hue),var(--bg-saturation),60%);--bg-gray-70: hsl(var(--bg-hue),var(--bg-saturation),70%);--bg-gray-80: hsl(var(--bg-hue),var(--bg-saturation),80%);--bg-gray-84: hsl(var(--bg-hue),var(--bg-saturation),84%);--bg-gray-87: hsl(var(--bg-hue),var(--bg-saturation),87%);--bg-gray-93: hsl(var(--bg-hue),var(--bg-saturation),93%);--bg-gray-95: hsl(var(--bg-hue),var(--bg-saturation),95%);--bg-gray-96: hsl(var(--bg-hue),var(--bg-saturation),96%);--bg-gray-97: hsl(var(--bg-hue),var(--bg-saturation),97%);--bg-gray-98: hsl(var(--bg-hue),var(--bg-saturation),98%);--bg-graY-100: hsl(var(--bg-hue),var(--bg-saturation),100%);--bg-chambray: #3b5998;--bg-astronaut: var(--astronaut-color);--bg-azure: #007FFF;--bg-orange: var(--orange-color);--bg-red: var(--red-color);--bg-primary: var(--primary-color);--bg-primary-light: var(--primary-color-light);--bg-primary-dark: var(--primary-color-dark);--bg-transparent: rgba(0,0,0,0);--border-primary: var(--primary-color);--border-primary-light: var(--primary-color-light);--border-primary-dark: var(--primary-color-dark);--border-persian-green: var(--persian-green);--border-orange: var(--orange-color);--border-astronaut: var(--astronaut-color);--border-hue: 0;--border-saturation: 0%;--border-gray-main: var(--gray-color-80);--border-gray-light: var(--gray-color-93);--border-gray-24: hsl(var(--border-hue),var(--border-saturation),24%);--border-gray-52: hsl(var(--border-hue),var(--border-saturation),52%);--border-gray-80: hsl(var(--border-hue),var(--border-saturation),80%);--border-gray-89: hsl(var(--border-hue),var(--border-saturation),89%);--border-message: var(--astronaut-color);--write-to-moderator-color: var(--astronaut-color);--write-to-moderator-bg: var(--astronaut-color-light);--robot-color: #E06D06;--reply-button-bg: var(--astronaut-color);--reply-button-color: var(--gray-color-87);--reply-button-disabled-bg: var(--gray-color-20);--reply-button-disabled-color: var(--gray-color-87);--message-choosen-left-border: var(--astronaut-color);--message-choosen-bg: var(--astronaut-color-light)}html{height:100%}body{font-family:Source Sans Pro,sans-serif;background-color:#51545b;height:100%}app-root{display:flex;flex-direction:column;position:absolute;top:0;bottom:0;left:0;right:0}.input-error{font-style:italic;color:#d81159;color:var(--red-color);font-size:12px;margin-right:5px}header{background-color:#f7f7f7;background-color:var(--header-color)}.pointer{cursor:pointer}.form-control{height:35px;border-color:#ccc;border-color:var(--border-gray-main)}.form-control:focus{border-color:#ccc;border-color:var(--border-gray-main);box-shadow:0 0 0 .2rem #dcdcdc45}.autocomplete-container .input-container input{border:1px solid hsl(0,0%,80%)!important;border:1px solid var(--border-gray-80)!important;height:35px!important;line-height:inherit!important;border-radius:5px!important;padding:0 36px!important;background-position:7px 8px;background-repeat:no-repeat}.title-search .autocomplete-container .input-container input{background-image:url(search.f225e61b3a09f2c1.png)}.autocomplete-container .suggestions-container ul li .suggestion-item a{padding:3px!important}.autocomplete-container .suggestions-container ul li .suggestion-item p{font-size:12px;padding:0;margin:0 0 2px;color:gray;color:var(--text-color-light)}.autocomplete-container .suggestions-container ul li .suggestion-item{padding:5px!important;border-bottom:1px solid hsl(0,0%,89%)!important;border-bottom:1px solid var(--border-gray-89)!important}.autocomplete-container .suggestions-container ul li .suggestion-item:last-child{border-bottom:none}.autocomplete-container .input-container input:focus{border-color:#ccc!important;border-color:var(--border-gray-main)!important;box-shadow:0 0 0 .2rem #dcdcdc45!important}.autocomplete-container .input-container .x{top:43%!important}.autocomplete-container{box-shadow:none!important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}