/*!
 * Copyright Zendesk, Inc.
 *
 * Use of this source code is governed under the Apache License, Version 2.0
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */

.c-chrome{
  display:-webkit-box;
  display:flex;
  margin:0;
  height:100vh;
  overflow-y:hidden;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;
}

.c-chrome.is-rtl{
  direction:rtl;
}

.c-chrome__body{
  -webkit-box-flex:1;
          flex:1;
  -webkit-box-ordinal-group:2;
          order:1;
/*   background-color:#f8f9f9; */
  min-width:0;
}

.c-chrome__body__content{
  display:-webkit-box;
  display:flex;
  height:calc(100% - 52px);
  line-height:1.42857;
  color:#2f3941;
  font-size:14px;
}

.c-chrome__body--footer .c-chrome__body__content{
  height:calc(100% - 52px);
}

.c-chrome__body__content__main{
  -webkit-box-flex:1;
          flex:1;
  -webkit-box-ordinal-group:2;
          order:1;
  background-color:#fff;
  overflow:auto;
}

.c-chrome__body__content__sidebar{
  flex-shrink:0;
  -webkit-box-ordinal-group:1;
          order:0;
  box-sizing:border-box;
  border-right:1px solid #d8dcde;
  width:330px;
  overflow:auto;
}

.c-chrome.is-rtl .c-chrome__body__content__sidebar{
  border-right:none;
  border-left:1px solid #d8dcde;
}

.c-chrome__nav{
  position:relative;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
          flex-direction:column;
  -webkit-box-ordinal-group:0;
          order:-1;
  background-color:#49545C;
  width:60px;
  color:#fff;
  font-size:14px;
}

.c-chrome__nav,.c-chrome__nav__item{
  display:-webkit-box;
  display:flex;
  flex-shrink:0;
}

.c-chrome__nav__item{
  -webkit-box-align:center;
          align-items:center;
  -webkit-box-pack:center;
          justify-content:center;
  -webkit-box-ordinal-group:2;
          order:1;
  -webkit-transition:box-shadow .1s ease-in-out,background-color .1s ease-in-out,opacity .1s ease-in-out;
  transition:box-shadow .1s ease-in-out,background-color .1s ease-in-out,opacity .1s ease-in-out;
  opacity:.6;
  border:none;
  box-sizing:border-box;
  background:transparent;
  cursor:pointer;
  padding:13px 8.5px;
  min-height:52px;
  font-size:inherit;
}

.c-chrome__nav__item--logo{
  -webkit-box-ordinal-group:1;
          order:0;
  fill:#fff;
  cursor:default;
}

.c-chrome__nav__item--brandmark{
  -webkit-box-ordinal-group:2;
          order:1;
  opacity:.3;
  margin-top:auto;
}

.c-chrome__nav__item,.c-chrome__nav__item:focus,.c-chrome__nav__item:hover{
  text-decoration:none;
  color:inherit;
}

.c-chrome__nav__item:focus{
  outline:none;
}

.c-chrome__nav__item--logo:not(.c-chrome__nav__item--brandmark),.c-chrome__nav__item:not(.c-chrome__nav__item--brandmark).is-current,.c-chrome__nav__item:not(.c-chrome__nav__item--brandmark).is-focused,.c-chrome__nav__item:not(.c-chrome__nav__item--brandmark).is-hovered,.c-chrome__nav__item:not(.c-chrome__nav__item--brandmark):hover,.c-chrome__nav__item:not(.c-chrome__nav__item--brandmark)[aria-current=true]{
  opacity:1;
}

.c-chrome__nav__item__icon{
  align-self:flex-start;
  -webkit-box-ordinal-group:1;
          order:0;
  border-radius:4px;
  width:26px;
  height:26px;
}

.c-chrome__nav__item__text{
  position:absolute;
  -webkit-box-ordinal-group:2;
          order:1;
  clip:rect(1px, 1px, 1px, 1px);
  width:1px;
  height:1px;
  overflow:hidden;
  line-height:1.42857;
  white-space:nowrap;
}

.c-chrome__nav__item__text--wrap{
  white-space:normal;
}

.c-chrome__nav__fab{
  display:-webkit-inline-box;
  display:inline-flex;
  position:absolute;
  right:-30px;
  bottom:22px;
  -webkit-box-align:center;
          align-items:center;
  -webkit-box-pack:center;
          justify-content:center;
  -webkit-transition:box-shadow .1s ease-in-out,background-color .1s ease-in-out;
  transition:box-shadow .1s ease-in-out,background-color .1s ease-in-out;
  border:none;
  border-radius:100px;
  box-shadow:0 6px 12px 0 rgba(4, 68, 77, .15);
  background-color:#56777a;
  cursor:pointer;
  width:60px;
  height:40px;
  color:inherit;
  font-size:inherit;
  font-weight:600;
}

.c-chrome__nav__fab:focus{
  outline:none;
}

.c-chrome__nav__fab__icon{
  width:20px;
  height:20px;
}

.c-chrome__nav__fab__text{
  margin:0 4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.c-chrome__nav--expanded{
  width:200px;
}

.c-chrome__nav--expanded .c-chrome__nav__item:not(.c-chrome__nav__item--logo){
  -webkit-box-pack:start;
          justify-content:start;
  text-align:inherit;
}

.c-chrome__nav--expanded .c-chrome__nav__item__icon,.c-chrome__nav--expanded .c-chrome__nav__item__text{
  margin:0 8.5px;
}

.c-chrome__nav--expanded :not(.c-chrome__nav__item--logo) .c-chrome__nav__item__text{
  position:static;
  -webkit-box-flex:1;
          flex:1;
  clip:auto;
  width:auto;
  height:auto;
  text-overflow:ellipsis;
}

.c-chrome__nav__item:not(.c-chrome__nav__item--logo).is-hovered,.c-chrome__nav__item:not(.c-chrome__nav__item--logo):hover{
  background-color:rgba(0, 0, 0, .1);
}

.c-chrome__nav__fab.is-hovered,.c-chrome__nav__fab:hover{
  background-color:#6c9497;
}

.c-chrome__nav__item:not(.c-chrome__nav__item--logo).is-focused{
  box-shadow:inset 0 0 0 3px hsla(0, 0%, 100%, .2);
}

.c-chrome__nav__fab.is-focused{
  box-shadow:0 6px 12px 0 rgba(4, 68, 77, .15),inset 0 0 0 3px hsla(0, 0%, 100%, .2);
}

.c-chrome__nav__item:not(.c-chrome__nav__item--logo).is-active,.c-chrome__nav__item:not(.c-chrome__nav__item--logo):active{
  background-color:hsla(0, 0%, 100%, .1);
}

.c-chrome__nav__fab.is-active,.c-chrome__nav__fab:active{
  background-color:#56777a;
}

.c-chrome__nav__item:not(.c-chrome__nav__item--logo).is-current,.c-chrome__nav__item:not(.c-chrome__nav__item--logo)[aria-current=true]{
  background-color:#56777a;
  cursor:default;
}

.c-chrome__nav__fab:active.is-focused,.c-chrome__nav__item:not(.c-chrome__nav__item--logo):active.is-focused{
  box-shadow:0 6px 12px 0 rgba(4, 68, 77, .15);
}

.c-chrome.is-rtl .c-chrome__nav__fab{
  right:auto;
  left:-30px;
}

.c-chrome__subnav{
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
          flex-direction:column;
  -webkit-box-ordinal-group:1;
          order:0;
  background-color:#012b30;
  padding:24px 20px;
  min-width:220px;
  color:#fff;
  font-size:14px;
}

.c-chrome__subnav__panel{
  -webkit-transition:max-height .25s cubic-bezier(.15, .85, .35, 1.2),visibility .25s linear 0s;
  transition:max-height .25s cubic-bezier(.15, .85, .35, 1.2),visibility .25s linear 0s;
  height:auto;
  max-height:100%;
}

.c-chrome__subnav__panel.is-hidden{
  visibility:hidden;
  max-height:0 !important;
  overflow:hidden;
}

.c-chrome__subnav__item{
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
          align-items:center;
  -webkit-transition:box-shadow .1s ease-in-out,background-color .1s ease-in-out,opacity .1s ease-in-out;
  transition:box-shadow .1s ease-in-out,background-color .1s ease-in-out,opacity .1s ease-in-out;
  opacity:.6;
  margin-top:8px;
  border:none;
  border-radius:4px;
  box-sizing:border-box;
  background:transparent;
  cursor:pointer;
  padding:0 8px;
  width:100%;
  min-height:30px;
  text-align:inherit;
  font-size:inherit;
}

.c-chrome__subnav__item--header{
  position:relative;
  padding-right:28px;
}

.c-chrome__subnav__item--header:before{
  position:absolute;
  top:0;
  right:0;
  -webkit-transition:-webkit-transform .25s ease-in-out;
  transition:-webkit-transform .25s ease-in-out;
  transition:transform .25s ease-in-out;
  transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' color='%23fff'%3E%3Cpath fill='currentColor' d='M1.646 3.646a.5.5 0 01.638-.057l.07.057L6 7.293l3.646-3.647a.5.5 0 01.638-.057l.07.057a.5.5 0 01.057.638l-.057.07-4 4a.5.5 0 01-.638.057l-.07-.057-4-4a.5.5 0 010-.708z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:50%;
  width:28px;
  height:30px;
  content:"";
}

.c-chrome__subnav__item--header.is-expanded:before{
  -webkit-transform:rotate(180deg);
          transform:rotate(180deg);
}

.c-chrome__subnav__item,.c-chrome__subnav__item:focus,.c-chrome__subnav__item:hover{
  text-decoration:none;
  color:inherit;
}

.c-chrome__subnav__panel .c-chrome__subnav__item{
  padding-left:20px;
}

.c-chrome__subnav__item:focus{
  outline:none;
}

.c-chrome__subnav__item.is-current,.c-chrome__subnav__item.is-focused,.c-chrome__subnav__item.is-hovered,.c-chrome__subnav__item:hover,.c-chrome__subnav__item[aria-current=true]{
  opacity:1;
}

.c-chrome__subnav__item.is-hovered,.c-chrome__subnav__item:hover{
  background-color:rgba(0, 0, 0, .1);
}

.c-chrome__subnav__item.is-focused{
  box-shadow:0 0 0 3px hsla(0, 0%, 100%, .2);
}

.c-chrome__subnav__item:not(.c-chrome__subnav__item--header).is-active,.c-chrome__subnav__item:not(.c-chrome__subnav__item--header):active{
  background-color:hsla(0, 0%, 100%, .03);
}

.c-chrome__subnav__item.c-chrome__subnav__item.is-current,.c-chrome__subnav__item.c-chrome__subnav__item[aria-current=true]{
  background-color:hsla(0, 0%, 100%, .1);
  cursor:default;
}

.c-chrome__subnav>.c-chrome__subnav__item:first-child{
  margin-top:0;
}

.c-chrome__subnav__item:active.is-focused{
  box-shadow:none;
}

.c-chrome__subnav__item__text{
  margin:5px 0;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height:1.42857;
  white-space:nowrap;
}

.c-chrome__subnav__item__text--wrap{
  white-space:normal;
}

.is-rtl .c-chrome__subnav__item--header{
  padding-right:8px;
  padding-left:28px;
}

.is-rtl .c-chrome__subnav__item--header:before{
  right:auto;
  left:0;
}

.is-rtl .c-chrome__subnav__item--header.is-expanded:before{
  -webkit-transform:rotate(-180deg);
          transform:rotate(-180deg);
}

.is-rtl .c-chrome__subnav__panel .c-chrome__subnav__item{
  padding-right:20px;
  padding-left:8px;
}

.c-chrome__body__header{
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
          align-items:center;
/* 
  -webkit-box-pack:end;
          justify-content:flex-end;
 */
  box-sizing:border-box;
  border-bottom:1px solid #d8dcde;
  background-color:#D1E8DF;
  padding:0 4px;
  height:52px;
  color:#68737d;
  font-size:14px;
}

.c-chrome__body__header--standalone{
  box-shadow:0 0 10px 0 rgba(4, 68, 77, .15);
}

.c-chrome__body__header__item{
  display:-webkit-inline-box;
  display:inline-flex;
  position:relative;
  -webkit-box-align:center;
          align-items:center;
  -webkit-box-pack:center;
          justify-content:center;
  -webkit-box-ordinal-group:2;
          order:1;
  -webkit-transition:box-shadow .1s ease-in-out,color .1s ease-in-out;
  transition:box-shadow .1s ease-in-out,color .1s ease-in-out;
  z-index:0;
  margin:0 12px;
  border:none;
  border-radius:4px;
  background:transparent;
  padding:0 3px;
  min-width:30px;
  height:30px;
  line-height:2.14286;
  white-space:nowrap;
  font-size:inherit;
  cursor: pointer;
}

.c-chrome__body__header__item,.c-chrome__body__header__item:focus,.c-chrome__body__header__item:hover{
  text-decoration:none;
  color:inherit;
}

.c-chrome__body__header__item:focus{
  outline:none;
}

.c-chrome__body__header__item:not(.c-chrome__body__header__item--logo).is-focused{
  box-shadow:0 0 0 3px rgba(86, 119, 122, .35);
}

.c-chrome__body__header__item:not(.c-chrome__body__header__item--logo):active.is-focused{
  box-shadow:none;
}

.c-chrome__body__header__item:hover{
  color: #03363d;
}

.c-chrome__body__header__item--max-x{
  -webkit-box-flex:1;
          flex:1;
  -webkit-box-pack:start;
          justify-content:start;
  color: #03363d;
  font-weight:600;
  font-size:16px;
}

.c-chrome__body__header__item--logo{
/*   display:none; */
  -webkit-box-ordinal-group:1;
          order:0;
/*   margin-right:auto; */
/*   margin-left:-4px; */
  border-right:1px solid #d8dcde;
  padding:0;
/*   width:60px; */

  overflow:hidden;
  fill:#03363d;
}

.c-chrome__body__header__item--logo,.c-chrome__body__header__item--max-y{
  border-radius:0;
  height:100%;
}

.c-chrome__body__header--standalone .c-chrome__body__header__item--logo{
  display:-webkit-inline-box;
  display:inline-flex;
}

.c-chrome.is-rtl .c-chrome__body__header__item--logo{
  margin-right:-4px;
  margin-left:auto;
  border-right:none;
  border-left:1px solid #d8dcde;
}

.c-chrome__body__header__item.c-chrome__body__header__item--max-y.is-focused{
  box-shadow:inset 0 3px 0 0 rgba(86, 119, 122, .35),3px 0 0 0 rgba(86, 119, 122, .35),inset 0 -3px 0 0 rgba(86, 119, 122, .35),-3px 0 0 0 rgba(86, 119, 122, .35);
}

.c-chrome__body__header__item__icon{
  -webkit-transition:-webkit-transform .25s ease-in-out;
  transition:-webkit-transform .25s ease-in-out;
  transition:transform .25s ease-in-out;
  transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out;
  margin:0 3px;
  width:16px;
  min-width:16px;
  height:16px;
}

.c-chrome__body__header__item--logo .c-chrome__body__header__item__icon{
  margin:0;
  width:26px;
  height:26px;
}

img.c-chrome__body__header__item__icon{
  margin:0;
  border-radius:3px;
  width:22px;
  height:22px;
}

.c-chrome__body__header__item.c-chrome__body__header__item--round,.c-chrome__body__header__item.c-chrome__body__header__item--round .c-chrome__body__header__item__icon{
  border-radius:100px;
}

.c-chrome__body__header__item__text{
  margin:0 3px;
}

.c-chrome__body__header__item--logo .c-chrome__body__header__item__text,.c-chrome__body__header__item__text.is-clipped{
  position:absolute;
  margin:0;
  clip:rect(1px, 1px, 1px, 1px);
  width:1px;
  height:1px;
  overflow:hidden;
  white-space:nowrap;
}

.c-chrome__body__header__item:not(.c-chrome__body__header__item--logo).is-active .c-chrome__body__header__item__icon,.c-chrome__body__header__item:not(.c-chrome__body__header__item--logo).is-active .c-chrome__body__header__item__text,.c-chrome__body__header__item:not(.c-chrome__body__header__item--logo).is-hovered .c-chrome__body__header__item__icon,.c-chrome__body__header__item:not(.c-chrome__body__header__item--logo).is-hovered .c-chrome__body__header__item__text,.c-chrome__body__header__item:not(.c-chrome__body__header__item--logo):active .c-chrome__body__header__item__icon,.c-chrome__body__header__item:not(.c-chrome__body__header__item--logo):active .c-chrome__body__header__item__text,.c-chrome__body__header__item:not(.c-chrome__body__header__item--logo):hover .c-chrome__body__header__item__icon,.c-chrome__body__header__item:not(.c-chrome__body__header__item--logo):hover .c-chrome__body__header__item__text{
  color:#03363d;
}

.c-chrome__body__footer{
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
          align-items:center;
  -webkit-box-pack:end;
          justify-content:flex-end;
  box-sizing:border-box;
  border-top:1px solid #d8dcde;
  background-color:#fff;
  padding:0 36px;
  height:80px;
}

.c-chrome__body__footer__item{
  margin:0 4px;
}

.c-chrome__body__header__item--logo.c-chrome__body__header__item--logo--chat,.c-chrome__nav__item--logo.c-chrome__nav__item--logo--chat{
  color:#f79a3e;
}

.c-chrome__body__header__item--logo.c-chrome__body__header__item--logo--connect,.c-chrome__nav__item--logo.c-chrome__nav__item--logo--connect{
  color:#eb6651;
}

.c-chrome__body__header__item--logo.c-chrome__body__header__item--logo--explore,.c-chrome__nav__item--logo.c-chrome__nav__item--logo--explore{
  color:#30aabc;
}

.c-chrome__body__header__item--logo.c-chrome__body__header__item--logo--guide,.c-chrome__nav__item--logo.c-chrome__nav__item--logo--guide{
  color:#eb4962;
}

.c-chrome__body__header__item--logo.c-chrome__body__header__item--logo--message,.c-chrome__nav__item--logo.c-chrome__nav__item--logo--message{
  color:#37b8af;
}

.c-chrome__body__header__item--logo.c-chrome__body__header__item--logo--support,.c-chrome__nav__item--logo.c-chrome__nav__item--logo--support{
  color:#78a300;
}

.c-chrome__body__header__item--logo.c-chrome__body__header__item--logo--talk,.c-chrome__nav__item--logo.c-chrome__nav__item--logo--talk{
  color:#efc93d;
}

.c-chrome__nav--dark{
  background-color:#000;
}

.c-chrome__nav--dark .c-chrome__nav__item:not(.c-chrome__nav__item--logo).is-active,.c-chrome__nav--dark .c-chrome__nav__item:not(.c-chrome__nav__item--logo):active{
  background-color:rgba(0, 0, 0, .1);
}

.c-chrome__nav--dark .c-chrome__nav__item:not(.c-chrome__nav__item--logo).is-current,.c-chrome__nav--dark .c-chrome__nav__item:not(.c-chrome__nav__item--logo)[aria-current=true]{
  background-color:hsla(0, 0%, 100%, .3);
}

.c-chrome__nav--dark .c-chrome__nav__item--logo.c-chrome__nav__item--logo--chat,.c-chrome__nav--dark .c-chrome__nav__item--logo.c-chrome__nav__item--logo--connect,.c-chrome__nav--dark .c-chrome__nav__item--logo.c-chrome__nav__item--logo--explore,.c-chrome__nav--dark .c-chrome__nav__item--logo.c-chrome__nav__item--logo--guide,.c-chrome__nav--dark .c-chrome__nav__item--logo.c-chrome__nav__item--logo--message,.c-chrome__nav--dark .c-chrome__nav__item--logo.c-chrome__nav__item--logo--support,.c-chrome__nav--dark .c-chrome__nav__item--logo.c-chrome__nav__item--logo--talk{
  color:#fff;
}

.c-chrome__nav--light{
  background-color:#fff;
  color:#2f3941;
}

.c-chrome__nav--light .c-chrome__nav__item:not(.c-chrome__nav__item--logo).is-focused{
  box-shadow:inset 0 0 0 3px rgba(0, 0, 0, .2);
}

.c-chrome__nav--light .c-chrome__nav__item:not(.c-chrome__nav__item--logo).is-active,.c-chrome__nav--light .c-chrome__nav__item:not(.c-chrome__nav__item--logo):active{
  background-color:rgba(0, 0, 0, .1);
}

.c-chrome__nav--light .c-chrome__nav__item:not(.c-chrome__nav__item--logo).is-current,.c-chrome__nav--light .c-chrome__nav__item:not(.c-chrome__nav__item--logo)[aria-current=true]{
  background-color:rgba(0, 0, 0, .3);
}

.c-chrome__nav--light .c-chrome__nav__item--logo.c-chrome__nav__item--logo--chat,.c-chrome__nav--light .c-chrome__nav__item--logo.c-chrome__nav__item--logo--connect,.c-chrome__nav--light .c-chrome__nav__item--logo.c-chrome__nav__item--logo--explore,.c-chrome__nav--light .c-chrome__nav__item--logo.c-chrome__nav__item--logo--guide,.c-chrome__nav--light .c-chrome__nav__item--logo.c-chrome__nav__item--logo--message,.c-chrome__nav--light .c-chrome__nav__item--logo.c-chrome__nav__item--logo--support,.c-chrome__nav--light .c-chrome__nav__item--logo.c-chrome__nav__item--logo--talk{
  color:#2f3941;
  fill:#2f3941;
}