<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root{
    --search-bar-input-height: 37px;
    --search-bar-height: calc(var(--search-bar-input-height) + 1.5rem); /* height of search bar input + top and bottom padding for title bar */
    --navbar-height: 60px;
}

#main-nav{
    box-shadow: 0px 0px 10px #ff000020;
    height: var(--navbar-height);
    /*box-shadow: 0px 0px 10px var(--accent-color);*/
    position: fixed;
top: 0;
width: 100%;
z-index: 99999;
/*box-shadow: 0px 2px 7px black;*/
width: calc(100% - calc(4 * var(--border-padding)));
left: calc(2 * var(--border-padding));
border-radius: var(--border-radius-box);
box-shadow: var(--box-shadow-outer-card);
/*z-index: 99999999;*/
}

#main-nav .container-fluid{
    flex-wrap: nowrap;
}

#logo-nav{
margin-right: auto;
transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
transform: translateX(0) scale(1);
}

#logo-nav img{
    height: 32px;
    width: auto;
/*    height: auto;*/
/*width: 100px;*/
}

#logo-nav .navbar-brand{
    font-size: 1.45rem;
}

.navbar-nav .nav-link {
  color: rgb(105, 115, 134) !important;
}

#md-primary-nav{
      position: absolute;
  left: 50%;
  transform: translateX(-50%) scale(1);
  transition:  all 1s cubic-bezier(0.23, 1, 0.32, 1);
  display: block;
  opacity: 1;
}

#md-primary-nav .navbar-nav{
 gap: calc(var(--border-padding) / 1);
}

#md-primary-nav .nav-item{
border-radius: 0.25rem;
display: inline-flex;
place-items: center;
padding: 0.2rem 0.625rem;
cursor: pointer;
}

#md-primary-nav .nav-item:hover {
  /*background: #ededed;*/
  /*background: #eff5fa;*/
  background: var(--body2);
}

#md-primary-nav .nav-item:hover .nav-link{
    color: var(--fontDark) !important;
}

#md-primary-nav .nav-item.active{
    background: var(--btncolor);
}

#md-primary-nav .nav-item.active .nav-link{
    color: white !important;
}

#md-primary-nav .nav-item .nav-link{
    padding: 0;
}

.navbar-expand-md .navbar-nav .dropdown-menu{
    width: 280px;
    padding: var(--border-padding);
}



/*#mobile-nav .nav-item.active .nav-link{
    font-size: 1.2rem;
font-weight: 500;
}*/


.nav-item.btn-group{
    box-shadow: none;
    border-radius: 50px;
}

/*.nav-item.btn-group img{
    height: 40px;
    width: 40px;
    object-fit: cover;
    border-radius: 50px;
}*/

.navFadeOutLeft, 
.fadeOutLeft{
transform: translateX(-100%) scale(0.6) !important;
opacity: 0 !important;
}

.searchFadeIn,
.fadeInLeft{
transform: translateX(0%) scale(1) !important;
opacity: 1 !important;
}

#mobile-search-icon{
    margin-right: auto;
transform: translateX(0%);
}

#search-icon{
    /*margin-right: 1rem;*/
position: absolute;
right: 5rem;
cursor: pointer;
height: 1.25rem;
width: 1.25rem;
display: grid;
}

#search-bar-container{
    position: absolute;
/*left: 100px;*/
/*left: 50%;*/
  /*transform: translateX(-50%);*/
  /*position: relative;*/
width: calc(100% - 7rem); /* 6rem - 2rem left padding + 4rem for counter width + 1rem right margin  */
left: calc(2 * var(--border-padding));
}


#search-bar{
    position: relative;
transform: translateX(50%) scale(0.6);
transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
opacity: 0;
}






#md-secondary-nav{
    margin-left: auto;
}

#md-secondary-nav .navbar-nav{
  display: flex;
  align-content: center;
  align-items: center;
}

.navbar .nav-icon-only{
    border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
place-content: center;
}

.navbar .nav-icon-only:hover{
    background: var(--body2);
}

.btn-group .nav-item{
  cursor: pointer;
  font-size: 15px;
    border-radius: var(--border-radius-button);
overflow: hidden;
margin: 0.25rem 0;
}

.btn-group .nav-item.active, 
#mobile-nav .nav-item.active {
  background: var(--body);
}

.nav-link{
    font-size: var(--font-size-regular);
}

.btn-group .nav-item.active .nav-link, 
#mobile-nav .nav-item.active .nav-link{
    color: rgb(15, 21, 33) !important;
/*    font-size: var(--font-size-large);*/
}

/*.btn-group .nav-item.active::before {
  content: '';
  position: absolute;
  left: 0.25rem;
  height: 6px;
  width: 6px;
  background: var(--btncolor);
  border-radius: 50px;
  top: 50%;
  transform: translateY(-50%);
}*/

.btn-group .nav-item.active .dropdown-item {
  font-weight: 500;
}



/*#md-secondary-nav .dropdown-menu{
    right: 0;
    left: unset;
}*/


#menu-button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
  height: 40px;
width: 40px;
z-index: 9999999;
}

#mobile-nav .page-title{
box-shadow: none;
}

#mobile-nav .go-back {
  display: none;
}

.line {
  fill: none;
  stroke: #0C2337;
  stroke-width: 6;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.line2 {
  stroke-dasharray: 60 60;
  stroke-width: 6;
}
.line3 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 6;
}
.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}





#mobile-nav{
    display: none;
    height: calc(var(--vh, 1vh) * 100);
    width: calc(var(--vw, 1vw) * 100);
    background: white;
    position: fixed;
    /*transform: translateX(100%);*/
    /*transform: translateY(100%);*/
    left: 100%;
  transition-property: all;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  transition-delay: 0s;
  opacity: 0;
}

#mobile-nav.active{
    left: 0;
    opacity: 1;
}


#mobile-nav .nav-item{
    padding: 0 0.5rem;
border-radius: var(--border-radius-button);
    /*transform: translateX(100%);*/
/*    transform: translateY(100%);
    color: white;
      transition-property: transform;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-delay: .5s;*/
}

/*#mobile-nav .nav-item:nth-child(1){
transition-delay: 0.2s; 
}

#mobile-nav .nav-item:nth-child(2){
transition-delay: 0.3s; 
}

#mobile-nav .nav-item:nth-child(3){
transition-delay: 0.4s; 
}
#mobile-nav .nav-item:nth-child(4){
transition-delay: 0.5s; 
}#mobile-nav .nav-item:nth-child(5){
transition-delay: 0.6s; 
}#mobile-nav .nav-item:nth-child(6){
transition-delay: 0.7s; 
}

*/

#mobile-nav .navbar-nav{
    padding: var(--border-padding);
height: calc(100% - var(--search-bar-height));
overflow: scroll;
}


#title-bar-container, .page-title{
    height: 50px;
position: sticky;
top: 0;
z-index: 99;
background: var(--bg);
}

.page-title .go-back, .page-title h5{
    cursor: pointer;
    width: auto;
}



#search-bar input[type="search"]{
  padding: 0.25rem calc(24px + 1rem) 0.25rem 0.5rem;
  color: var(--fontDark);
  width: 100%;
  border-radius: var(--border-radius-box);
  border: 1px solid var(--btncolor-nogradient-op80);
  height: var(--search-bar-input-height);
  /*box-shadow: var(--box-shadow-titlebar);*/
  font-size: var(--font-size-body-regular);
font-family: var(--font-apple-system);
}

#search-bar input[type="search"]::placeholder {
  font-size: var(--font-size-body-regular);
  font-family: var(--font-apple-system);
  color: var(--btncolor-nogradient-op80);
}

#search-bar .clearTextIcon{
    position: absolute;
    right: 0.5rem;
    z-index: 999;
    height: 100%;
    cursor: pointer;
}


.nav-item.chatCount::before {
  content: attr(data-unread-count);
  position: absolute;
  font-size: 0.6rem;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  margin-top: -2px;
  font-weight: 500;
  font-family: var(--font-apple-system);
}


#branding_company_logo_text{
    font-size: 1.1rem;
    max-width: 300px;
}


body[data-user="client"] .processQueue{
    display: none !important;
}

.processQueue .dropdown-menu{
    width: min(350px, 80vw) !important;
    pointer-events: none;
}

.processQueue.display-sm-only{
    margin-right: calc(var(--border-padding) / 2);
}

.processQueueDropdown{
    height: 40px;
    width: 40px;
    display: flex;
    place-content: center;
}

/*.processQueueDropdown:hover {
  background: var(--body2);
}*/

.processQueueDropdown .progressIcon{
    z-index: 1;
}

.processQueuePulse{
position: absolute;
height: 40px;
width: 40px;
border-radius: 50%;
left: 0;
top: 0;
background: linear-gradient(90deg, rgb(0, 147, 255) 35%, rgb(0, 212, 255) 100%);
/*    border: 3px solid #0093ff;*/
animation: rotating 2s linear infinite;
}

.processQueuePulse span{
      height: 82%;
  width: 82%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: var(--bg);
  border-radius: 50%;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.processQueuePulse span:hover,
.processQueueDropdown .progressIcon:hover + .processQueuePulse span{
    background: var(--body2) !important;
}



.processQueue .nav-item .nav-item-icon::before{
    font-size: 1.25rem;
margin-right: 0.5rem;
}

.processQueue .nav-item .dropdown-item &gt; div{
    display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
}

.processQueue .nav-item .dropdown-item &gt; div &gt; div{
    display: flex;
flex-direction: column;
}

.processQueue .nav-item .dropdown-item &gt; div &gt; div &gt; span:first-child{
    font-size: var(--font-size-body-regular);
    color: var(--fontDark);
}

.processQueue .nav-item .dropdown-item &gt; div &gt; div &gt; span:last-child{
    font-size: 10px;
color: var(--fontDarkGrey);
}


@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



@media only screen and (min-width: 578px){

    #branding_company_logo_text{
        max-width: 400px;
    }

}

@media only screen and (min-width: 768px){

    #branding_company_logo_text{
        max-width: 230px;
    }
}

@media only screen and (min-width: 992px){

    #branding_company_logo_text{
        max-width: 300px;
    }

}

@media only screen and (max-width: 767px){

#main-nav{
    width: 100%;
left: 0;
padding: 0 1rem;
}

#mobile-nav{
z-index: 999999;
display: block;
right: 0;
top: 0;
}

#mobile-nav.open{
    /*transform: translateY(0);*/
    /*transform: translateX(0);*/

}

#mobile-nav.open .nav-item
{
/*transform: translateY(0);   */
/*transform: translateX(0);   */
}


#search-bar-container{
    position: absolute;
/*left: 1rem;*/
width: calc(100% - calc(2rem + 50px));
right: 2.5rem;
}

.nav-item.chatCount::before{
    left: unset;
right: 0.5rem;
top: 50%;
transform: translateY(-50%);
font-size: 1rem;
}

} </pre></body></html>