.tag {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 2px;
  color: #aaa;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1em;
  margin: 5px;
  padding: 7px;
  position: relative;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.tag > span {
  display: inline-block;
  margin-bottom: -4px;
  max-width: 200px;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tag:before {
  border-radius: 2px 0 0 2px;
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  width: 4px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.tag:hover {
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(26, 134, 202, 0.1);
  color: #6fa0cd;
}
.tag[data-weighting="3"] {
  font-weight: 600;
  padding-left: 10px;
}
.tag[data-weighting="3"]:before {
  background-color: #c29d0b;
}
.tag[data-weighting="2"] {
  font-weight: 400;
  padding-left: 10px;
}
.tag[data-weighting="2"]:before {
  background-color: #f4d03f;
}
.tag[data-weighting="1"] {
  font-weight: 300;
  padding-left: 10px;
}
.tag[data-weighting="1"]:before {
  background-color: #f9e8a0;
}
.tag.tag--skill[data-weighting="3"]:before {
  background-color: #1a86ca;
}
.tag.tag--skill[data-weighting="2"]:before {
  background-color: #60b5ea;
}
.tag.tag--skill[data-weighting="1"]:before {
  background-color: #badff6;
}

.tag-popover {
  border-radius: 3px;
  box-shadow: 0 3px 5px rgbA(0, 0, 0, 0.1);
  border: 0;
  min-width: 200px;
}
.tag-popover .arrow {
  border-top-color: transparent !important;
}
.tag-popover .popover-content {
  padding: 10px;
}
.tag-popover .popover-content > span {
  border-bottom: 1px solid #e6ecf2;
  display: block;
  padding: 10px;
}
.tag-popover .popover-content ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.tag-popover .popover-content ul li:last-child a {
  border-bottom: 0;
}
.tag-popover .popover-content ul li a {
  display: block;
  border-bottom: 1px solid #e6ecf2;
  padding: 10px;
  display: block;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.tag-popover .popover-content ul li a:hover {
  background: #f6fafd;
}

.tagsinput .tag {
  background: #fff;
  border-radius: 3px;
  border: 1px solid #e5e5e5;
  color: #999;
  font-size: 16px;
  cursor: pointer;
  float: left;
  margin: 0 5px 5px 0;
  padding: 4px 15px;
  position: relative;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.tagsinput .tag.readonly {
  cursor: default;
}
.tagsinput .tag:hover, .tagsinput .tag:focus-within {
  background: #f9fcff;
  border: 1px solid #d7f0fc;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #6fa0cd;
}
.tagsinput .tag:hover .tag-name, .tagsinput .tag:focus-within .tag-name {
  color: #6fa0cd;
}
.tagsinput .tag:hover .delete, .tagsinput .tag:focus-within .delete {
  opacity: 1;
}
.tagsinput .tag .hole {
  display: none;
}
.tagsinput .tag .tag-name {
  color: #999;
  position: relative;
  opacity: 1;
  word-break: break-all;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.tagsinput .tag .delete {
  background: rgba(224, 76, 76, 0.9);
  border: 1px solid #dc3636;
  border-radius: 3px;
  color: #fff;
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  opacity: 0;
  overflow: hidden;
  text-align: center;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.tagsinput .tag .delete i {
  margin: -8px 0 0 -8px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.tagsinput.remove-tags .tag {
  position: relative;
  padding: 8px 15px;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tagsinput.remove-tags .tag .tag-icon-cross {
  position: relative;
  font-style: normal;
  color: #999;
  right: -2px;
  font-size: 14px;
  margin: 0 0 0 10px;
}
.tagsinput.remove-tags .tag .tag-name {
  display: inline-block;
}
.tagsinput.remove-tags .tag:hover {
  border: 1px solid #efa3a3;
  background: #fefafa;
  background-color: transparent;
}
.tagsinput.remove-tags .tag:hover .tag-name {
  color: #e04c4c;
}
.tagsinput.remove-tags .tag:hover .tag-icon-cross {
  color: #e04c4c;
}
.tagsinput.remove-tags .tag.removed {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.tagsinput.remove-tags .tag.added {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.tagsinput.remove-tags .tag.large {
  height: 42px;
  padding: 9px 20px;
}
.tagsinput.remove-tags .tag.large .tag-icon-cross {
  top: -3px;
  right: -5px;
}
#advancedSearchPanel {
  z-index: 200;
}
#advancedSearchPanel.floatingPanel {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  width: 450px;
  position: absolute;
  right: 150px;
  top: 70px;
  background: #fff;
  border-radius: 2px;
}
#advancedSearchPanel.floatingPanel:after {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 5px;
  left: 50%;
  margin-left: -5px;
}
#advancedSearchPanel.floatingPanel .mainContent {
  position: relative;
  overflow: auto;
}
#advancedSearchPanel.floatingPanel .mainContent #ClearButton {
  margin-left: 20px;
}
#advancedSearchPanel.floatingPanel .mainContent #typeSelector {
  margin: 20px 0;
}
#advancedSearchPanel.floatingPanel .mainContent #typeSelector select {
  width: 100%;
  padding: 5px;
}
#advancedSearchPanel.floatingPanel .mainContent .stubs {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  top: 1px;
}
#advancedSearchPanel.floatingPanel .mainContent .stubs li {
  padding: 8px;
  border: 1px solid #ddd;
  border-bottom: 0;
  width: 60px;
  background-color: #f7f7f7;
  text-align: center;
  border-radius: 5px 5px 0 0;
  color: #444;
}
#advancedSearchPanel.floatingPanel .mainContent .stubs li a {
  background: none;
  color: #444;
  display: block;
}
#advancedSearchPanel.floatingPanel .mainContent .tabPanes .tabPane {
  background-color: #f7f7f7;
  padding: 20px 20px 50px;
  min-height: 265px;
  border: 1px solid #ddd;
}
#advancedSearchPanel .title {
  border-bottom: 1px solid #eee;
  border-radius: 3px 3px 0 0;
  color: #333;
  display: block;
  font-size: 18px;
  padding: 15px;
  background-color: #f5f5f5;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #fff 100%);
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #fff 100%);
  background-image: -ms-linear-gradient(top, #f5f5f5 0%, #fff 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFF5F5F5", endColorstr="#FFFFFFFF", GradientType=0);
}
#advancedSearchPanel .footer {
  position: relative;
  padding: 0 20px 20px 0;
  height: 25px;
}
#advancedSearchPanel .footer .buttons a {
  float: right;
  margin-left: 5px;
}
@-webkit-keyframes fullWidth {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
@-moz-keyframes fullWidth {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
@-ms-keyframes fullWidth {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
@keyframes fullWidth {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
.relevanceBar {
  background: #666;
  border-radius: 4px;
  color: #fff;
  padding: 6px 0;
  position: relative;
  text-align: center;
  width: 60px;
}
.relevanceBar span {
  position: relative;
  z-index: 2;
}
.relevanceBar .progress {
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
.relevanceBar .progress span {
  background: #8ebd2c;
  border-radius: 4px;
  display: block;
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-animation: fullwidth 1s ease-in-out 0s 1 both;
  -moz-animation: fullwidth 1s ease-in-out 0s 1 both;
  -ms-animation: fullwidth 1s ease-in-out 0s 1 both;
  animation: fullwidth 1s ease-in-out 0s 1 both;
}
.no-cssanimation .relevanceBar .progress span {
  width: 100%;
}

.list-item-report-wrapper {
  float: right;
}
.list-item-report-wrapper .list-item-report {
  padding-right: 10px;
  padding-bottom: 10px;
}
.list-item-report-wrapper .list-item-report .displayCell {
  padding-right: 10px;
}
.list-item-report-wrapper .list-item-report .displayHeader {
  padding-right: 10px;
}
.list-item-report-wrapper .full-text-report-icon {
  vertical-align: top;
}
.list-item-report-wrapper .relevance-report-icon {
  vertical-align: top;
}
.sort-dropdown {
  background: #3a9ab9;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  margin: -7px 5px;
  position: relative;
}
.sort-dropdown.active {
  border-radius: 3px 3px 0 0;
}
.sort-dropdown .main {
  color: #fff;
  font-size: 14px;
  padding: 7px 28px 7px 10px;
  position: relative;
}
.sort-dropdown .main .icon {
  background: url(/CDN/Content/Images/svg/arrow-down-white.svg);
  width: 10px;
  height: 10px;
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -5px;
}
.sort-dropdown .main:hover {
  background: #3ca0c1;
}
.sort-dropdown .options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}
.sort-dropdown .options li {
  background: #348aa6;
  color: #fff;
  float: none;
  padding: 7px 10px;
}
.sort-dropdown .options li:hover {
  background: #3690ad;
}
.sort-dropdown .options li:last-child {
  border-radius: 0 0 3px 3px;
}

.dd-menu {
  background: #fff;
  border: 1px solid rgba(174, 225, 248, 0.5);
  box-shadow: 0 1px 2px rgba(174, 225, 248, 0.2);
  position: absolute;
  z-index: 100;
}
.dd-menu:after, .dd-menu:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.dd-menu:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 5px;
  margin-left: -5px;
}
.dd-menu:before {
  border-color: rgba(174, 225, 248, 0);
  border-bottom-color: rgba(174, 225, 248, 0.8);
  border-width: 6px;
  margin-left: -6px;
}
.dd-menu .ra {
  right: 0;
}
.dd-menu .ra:before {
  bottom: 100%;
  border-bottom-color: #98dbfa;
  right: 9px;
  margin-left: -6px;
}
.dd-menu .ra:after {
  bottom: 100%;
  right: 10px;
  border-bottom-color: #fff;
}
.dd-menu .ra.bot:before {
  top: 100%;
  bottom: 0;
  border-top-color: #98dbfa;
  border-bottom-color: #fff;
}
.dd-menu .ra.bot:after {
  bottom: 0;
  border-top-color: #fff;
  top: 100%;
}
.dd-menu .la {
  left: 0;
}
.dd-menu .la:before {
  left: 9px;
  margin-left: -5px;
}
.dd-menu .la:after {
  left: 10px;
}
.dd-menu.small {
  width: 200px;
}
.dd-menu.medium {
  width: 300px;
}
.dd-menu.large {
  width: 400px;
}
.dd-menu.block {
  display: block;
  width: 100%;
}
.dd-menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.dd-menu ul li a {
  display: block;
  padding: 10px;
  color: #3a9ab9;
}
.dd-menu ul li a:hover,
.dd-menu ul li a .feature {
  color: #348aa6;
  background: #f3fbff;
}
.dd-menu ul li a span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
}
.dd-menu ul li a span.title {
  font-size: 16px !important;
  margin: 0 !important;
}
.dd-menu ul li a span.sub-title {
  font-size: 14px;
  color: #999;
  padding: 0 0 0 25px;
}
.dd-menu ul li a span i.active-address {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #8cbf26;
  float: left;
  margin: 5px 7px 0 0;
}
.dd-menu ul li a span i.nonactive-address {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #ccc;
  float: left;
  margin: 5px 7px 0 0;
}
.dd-menu ul li:last-child a {
  border: none;
}
.overlay-buttons {
  opacity: 0;
  background: rgba(51, 51, 51, 0.95);
  border-radius: 3px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
div:hover > .overlay-buttons, span:hover > .overlay-buttons {
  opacity: 1;
}
.overlay-buttons .buttons {
  position: absolute;
  top: 50%;
  margin: -8px 0 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 14px;
}
.overlay-buttons .buttons a {
  display: inline-block !important;
  color: #fff;
  border-left: 1px solid #fff;
  padding: 0 10px !important;
  vertical-align: auto !important;
}
.overlay-buttons .buttons a:first-child {
  border: none;
}
.overlay-buttons .buttons a i {
  margin: 0 3px -3px !important;
  top: 0;
  width: 16px;
  height: 16px;
}
@-webkit-keyframes loop {
  0% {
    width: 4px;
    height: 4px;
    left: 6px;
    top: 6px;
  }
  50% {
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
  }
}
@-moz-keyframes loop {
  0% {
    width: 4px;
    height: 4px;
    left: 6px;
    top: 6px;
  }
  50% {
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
  }
}
@-ms-keyframes loop {
  0% {
    width: 4px;
    height: 4px;
    left: 6px;
    top: 6px;
  }
  50% {
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
  }
}
@keyframes loop {
  0% {
    width: 4px;
    height: 4px;
    left: 6px;
    top: 6px;
  }
  50% {
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
  }
}
@-webkit-keyframes fade-out {
  0% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    transform: translate(0, 0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    opacity: 0;
  }
}
@-moz-keyframes fade-out {
  0% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    transform: translate(0, 0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    opacity: 0;
  }
}
@-ms-keyframes fade-out {
  0% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    transform: translate(0, 0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    opacity: 0;
  }
}
@keyframes fade-out {
  0% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    transform: translate(0, 0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    opacity: 0;
  }
}
@-webkit-keyframes fade-in {
  0% {
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-moz-keyframes fade-in {
  0% {
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-ms-keyframes fade-in {
  0% {
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes fade-in-out {
  0% {
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    opacity: 0;
  }
  40% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    transform: translate(0, 0%);
    opacity: 1;
  }
  60% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    transform: translate(0, 0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    opacity: 0;
  }
}
@-moz-keyframes fade-in-out {
  0% {
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    opacity: 0;
  }
  40% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    transform: translate(0, 0%);
    opacity: 1;
  }
  60% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    transform: translate(0, 0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    opacity: 0;
  }
}
@-ms-keyframes fade-in-out {
  0% {
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    opacity: 0;
  }
  40% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    transform: translate(0, 0%);
    opacity: 1;
  }
  60% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    transform: translate(0, 0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    opacity: 0;
  }
}
@keyframes fade-in-out {
  0% {
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    opacity: 0;
  }
  40% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    transform: translate(0, 0%);
    opacity: 1;
  }
  60% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    transform: translate(0, 0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    opacity: 0;
  }
}
#masterPageTitleBar {
  background: #394045;
  /*font-size: 16px;*/
  height: 36px;
  padding: 0;
  position: relative;
  /*z-index: 15;*/
  /*display: flex;*/
  align-content: center;
}
#masterPageTitleBar.affix {
  position: fixed;
  width: 100%;
  top: 0;
}
#masterPageTitleBar.sky-high {
  z-index: 1001;
}
#masterPageTitleBar .container-fluid {
  padding: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#masterPageTitleBar .container-fluid > .row {
  margin: 0;
}
#masterPageTitleBar #breadcrumbs {
  height: 70px;
  /*padding: 0 200px 0 0;*/
  overflow: hidden;
  height: inherit;
  flex: 1 1 auto;
}
#masterPageTitleBar #breadcrumbs .back {
  width: 36px;
  height: inherit;
  /*text-align: center;*/
  display: none;
}
#masterPageTitleBar #breadcrumbs .back a {
  height: 36px;
  width: 36px;
  padding: 0;
}
#masterPageTitleBar #breadcrumbs .back a i {
  margin: 5px 0 0 0;
}
#masterPageTitleBar #breadcrumbs .dot-dot {
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
  /*float: left;*/
  font-size: 24px;
  width: 36px;
  /*line-height: $oak-subheader-size;*/
  height: 36px;
  text-align: center;
  cursor: pointer;
  display: none;
  /*margin-top: -7px;
  padding-bottom: 7px;*/
}
#masterPageTitleBar #breadcrumbs .dot-dot i {
  color: #fff;
  font-size: 17px;
  line-height: 36px;
}
#masterPageTitleBar #breadcrumbs ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  height: inherit;
  height: 36px;
}
#masterPageTitleBar #breadcrumbs ul li {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  color: rgba(255, 255, 255, 0.7);
  display: none;
  float: left;
  height: 36px;
  position: relative;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  /*overflow: hidden;*/
  overflow: visible;
  text-overflow: ellipsis;
  font-size: 14px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#masterPageTitleBar #breadcrumbs ul li.reveal {
  display: inline-block;
}
#masterPageTitleBar #breadcrumbs ul li.collapse {
  max-width: calc(100vw - 64px);
  text-overflow: ellipsis;
}
#masterPageTitleBar #breadcrumbs ul li.collapse:last-child {
  overflow: hidden;
}
#masterPageTitleBar #breadcrumbs ul li.no-link {
  padding: 8px 12px;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
#masterPageTitleBar #breadcrumbs ul li a {
  color: #fff;
  padding: 8px 12px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: block;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
#masterPageTitleBar #breadcrumbs ul li a:hover {
  background: rgba(0, 0, 0, 0.1);
}
#masterPageTitleBar #breadcrumbs ul li a:focus {
  outline: none;
}
#masterPageTitleBar #breadcrumbs .no-transition li {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  transition: none;
}
#masterPageTitleBar #breadcrumbs .no-transition li a {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  transition: none;
}
#masterPageTitleBar #page-settings {
  position: absolute;
  top: 0;
  right: 0;
}
#masterPageTitleBar #page-settings .save {
  background: #eee;
  border-radius: 50%;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  width: 16px;
  height: 16px;
  /*margin: 17px 15px 0 0;*/
  position: relative;
  text-align: center;
  overflow: hidden;
  margin-right: 8px;
}
#masterPageTitleBar #page-settings .save.loading i {
  -webkit-animation: loop 0.6s ease 0s infinite;
  -moz-animation: loop 0.6s ease 0s infinite;
  -ms-animation: loop 0.6s ease 0s infinite;
  animation: loop 0.6s ease 0s infinite;
}
#masterPageTitleBar #page-settings .save.complete i {
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
}
#masterPageTitleBar #page-settings .save i {
  background: #8ebd2c;
  border-radius: 50%;
  display: block;
  width: 4px;
  height: 4px;
  margin: 0;
  padding: 0;
  transition: all 0.2s ease;
  position: absolute;
  left: 6px;
  top: 6px;
}
#masterPageTitleBar #page-settings .page-options {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
#masterPageTitleBar #page-settings .page-options > li:last-child a {
  border-radius: 0 3px 3px 0;
}
#masterPageTitleBar #page-settings .page-options > li, #masterPageTitleBar #page-settings .page-options ngo-subscription > li {
  float: left;
}
#masterPageTitleBar #page-settings .page-options > li .blockUI.blockOverlay, #masterPageTitleBar #page-settings .page-options ngo-subscription > li .blockUI.blockOverlay {
  border-radius: 0;
}
#masterPageTitleBar #page-settings .page-options > li .blockUI.blockElement .spinLoader, #masterPageTitleBar #page-settings .page-options ngo-subscription > li .blockUI.blockElement .spinLoader {
  display: none;
}
#masterPageTitleBar #page-settings .page-options > li > a, #masterPageTitleBar #page-settings .page-options ngo-subscription > li > a {
  color: rgba(255, 255, 255, 0.8);
  /*float: left;*/
  /*padding: 16px 0;*/
  /*padding: 10px 0;*/
  text-align: center;
  /*width: 36px;*/
  height: 36px;
  /*display: block;*/
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  font-weight: 500;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  transition: all 0.15s ease;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#masterPageTitleBar #page-settings .page-options > li > a#masterPageOptions, #masterPageTitleBar #page-settings .page-options ngo-subscription > li > a#masterPageOptions {
  width: 36px;
  padding: 0 !important;
}
#masterPageTitleBar #page-settings .page-options > li > a.page-specific-btn, #masterPageTitleBar #page-settings .page-options ngo-subscription > li > a.page-specific-btn {
  width: auto;
  /*padding: 15px 15px;*/
  border: 0;
}
#masterPageTitleBar #page-settings .page-options > li > a.page-specific-btn.primary, #masterPageTitleBar #page-settings .page-options ngo-subscription > li > a.page-specific-btn.primary {
  background: #1a86ca;
  color: #fff;
}
#masterPageTitleBar #page-settings .page-options > li > a.page-specific-btn.primary:hover, #masterPageTitleBar #page-settings .page-options ngo-subscription > li > a.page-specific-btn.primary:hover {
  background: #1777b3;
}
#masterPageTitleBar #page-settings .page-options > li > a.page-specific-btn.primary.subdued, #masterPageTitleBar #page-settings .page-options ngo-subscription > li > a.page-specific-btn.primary.subdued {
  background: rgba(26, 134, 202, 0.4);
  color: rgba(255, 255, 255, 0.8);
}
#masterPageTitleBar #page-settings .page-options > li > a.page-specific-btn.primary.subdued:hover, #masterPageTitleBar #page-settings .page-options ngo-subscription > li > a.page-specific-btn.primary.subdued:hover {
  background: #1a86ca;
  color: white;
}
#masterPageTitleBar #page-settings .page-options > li > a.page-specific-btn.delete, #masterPageTitleBar #page-settings .page-options ngo-subscription > li > a.page-specific-btn.delete {
  background: #fefafa;
  border-left: 1px solid #fae4e4;
  color: #e04c4c;
}
#masterPageTitleBar #page-settings .page-options > li > a.page-specific-btn.disabled, #masterPageTitleBar #page-settings .page-options ngo-subscription > li > a.page-specific-btn.disabled {
  opacity: 0.5;
}
#masterPageTitleBar #page-settings .page-options > li > a.page-specific-btn .with-icon, #masterPageTitleBar #page-settings .page-options ngo-subscription > li > a.page-specific-btn .with-icon {
  margin-left: 8px;
}
#masterPageTitleBar #page-settings .page-options > li > a.metadata-btn, #masterPageTitleBar #page-settings .page-options ngo-subscription > li > a.metadata-btn {
  /*border-radius: 4px;*/
  color: #bbb;
  font-size: 14px;
  height: 36px;
  width: auto;
  /* margin: 7px 20px; */
  /* padding: 8px 10px; */
  position: relative;
  /*margin: 0 2px;*/
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#masterPageTitleBar #page-settings .page-options > li > a.metadata-btn i + span, #masterPageTitleBar #page-settings .page-options ngo-subscription > li > a.metadata-btn i + span {
  margin-left: 8px;
}
#masterPageTitleBar #page-settings .page-options > li > a i, #masterPageTitleBar #page-settings .page-options ngo-subscription > li > a i {
  margin: 0;
  top: -1px;
}
#masterPageTitleBar #page-settings .page-options > li > a:hover, #masterPageTitleBar #page-settings .page-options ngo-subscription > li > a:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.1);
}
#masterPageTitleBar #page-settings .page-options > li > a.active, #masterPageTitleBar #page-settings .page-options ngo-subscription > li > a.active {
  background: rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.01);
}
#masterPageTitleBar #page-settings .page-options > li > a.active:hover, #masterPageTitleBar #page-settings .page-options ngo-subscription > li > a.active:hover {
  background: rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.01);
}
#masterPageTitleBar #page-settings .page-options > li#PageOptionsSubscribeItem, #masterPageTitleBar #page-settings .page-options ngo-subscription > li#PageOptionsSubscribeItem {
  position: relative;
}
#masterPageTitleBar #page-settings .page-options > li#PageOptionsSubscribeItem > a#PageOptionSubscribe, #masterPageTitleBar #page-settings .page-options ngo-subscription > li#PageOptionsSubscribeItem > a#PageOptionSubscribe {
  position: relative;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
#masterPageTitleBar #page-settings .page-options > li#PageOptionsSubscribeItem > a#PageOptionSubscribe .icon-container, #masterPageTitleBar #page-settings .page-options ngo-subscription > li#PageOptionsSubscribeItem > a#PageOptionSubscribe .icon-container {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
}
#masterPageTitleBar #page-settings .page-options > li#PageOptionsSubscribeItem > a#PageOptionSubscribe .icon-container i, #masterPageTitleBar #page-settings .page-options ngo-subscription > li#PageOptionsSubscribeItem > a#PageOptionSubscribe .icon-container i {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
#masterPageTitleBar #page-settings .page-options > li#PageOptionsSubscribeItem > a#PageOptionSubscribe .icon-container i.status-icon, #masterPageTitleBar #page-settings .page-options ngo-subscription > li#PageOptionsSubscribeItem > a#PageOptionSubscribe .icon-container i.status-icon {
  opacity: 0;
}
#masterPageTitleBar #page-settings .page-options > li#PageOptionsSubscribeItem > a#PageOptionSubscribe .icon-container i:last-child, #masterPageTitleBar #page-settings .page-options ngo-subscription > li#PageOptionsSubscribeItem > a#PageOptionSubscribe .icon-container i:last-child {
  opacity: 0;
}
#masterPageTitleBar #page-settings .page-options > li#PageOptionsSubscribeItem .text, #masterPageTitleBar #page-settings .page-options ngo-subscription > li#PageOptionsSubscribeItem .text {
  background-color: #75bb4f;
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  padding: 2px 4px;
  position: absolute;
  right: 55px;
  bottom: 15px;
  opacity: 0;
  cursor: default;
  min-width: 170px;
  display: none;
}
#masterPageTitleBar #page-settings .page-options > li#PageOptionsSubscribeItem .text:before, #masterPageTitleBar #page-settings .page-options ngo-subscription > li#PageOptionsSubscribeItem .text:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #75bb4f;
  border-width: 5px;
  margin-top: -5px;
}
#masterPageTitleBar #page-settings .page-options > li#PageOptionsSubscribeItem.active > a#PageOptionSubscribe, #masterPageTitleBar #page-settings .page-options ngo-subscription > li#PageOptionsSubscribeItem.active > a#PageOptionSubscribe {
  background-color: #75bb4f;
  text-align: center;
}
#masterPageTitleBar #page-settings .page-options > li#PageOptionsSubscribeItem.active > a#PageOptionSubscribe .icon-container i:first-child, #masterPageTitleBar #page-settings .page-options ngo-subscription > li#PageOptionsSubscribeItem.active > a#PageOptionSubscribe .icon-container i:first-child {
  opacity: 0;
}
#masterPageTitleBar #page-settings .page-options > li#PageOptionsSubscribeItem.active > a#PageOptionSubscribe .icon-container i:last-child, #masterPageTitleBar #page-settings .page-options ngo-subscription > li#PageOptionsSubscribeItem.active > a#PageOptionSubscribe .icon-container i:last-child {
  opacity: 1;
}
#masterPageTitleBar #page-settings .page-options > li#PageOptionsSubscribeItem.active.animate .text, #masterPageTitleBar #page-settings .page-options ngo-subscription > li#PageOptionsSubscribeItem.active.animate .text {
  display: block;
  -webkit-animation: fade-in-out 1400ms ease 0s 1 both;
  -moz-animation: fade-in-out 1400ms ease 0s 1 both;
  -ms-animation: fade-in-out 1400ms ease 0s 1 both;
  animation: fade-in-out 1400ms ease 0s 1 both;
}
#masterPageTitleBar #page-settings .page-options > li#PageOptionsSubscribeItem.active.animate .icon-container i:first-child, #masterPageTitleBar #page-settings .page-options ngo-subscription > li#PageOptionsSubscribeItem.active.animate .icon-container i:first-child {
  -webkit-animation: fade-out 400ms ease 0s 1 both;
  -moz-animation: fade-out 400ms ease 0s 1 both;
  -ms-animation: fade-out 400ms ease 0s 1 both;
  animation: fade-out 400ms ease 0s 1 both;
}
#masterPageTitleBar #page-settings .page-options > li#PageOptionsSubscribeItem.active.animate .icon-container i.status-icon, #masterPageTitleBar #page-settings .page-options ngo-subscription > li#PageOptionsSubscribeItem.active.animate .icon-container i.status-icon {
  -webkit-animation: fade-in-out 1400ms ease 0s 1 both;
  -moz-animation: fade-in-out 1400ms ease 0s 1 both;
  -ms-animation: fade-in-out 1400ms ease 0s 1 both;
  animation: fade-in-out 1400ms ease 0s 1 both;
}
#masterPageTitleBar #page-settings .page-options > li#PageOptionsSubscribeItem.active.animate .icon-container i:last-child, #masterPageTitleBar #page-settings .page-options ngo-subscription > li#PageOptionsSubscribeItem.active.animate .icon-container i:last-child {
  -webkit-animation: fade-in 400ms ease 1100ms 1 both;
  -moz-animation: fade-in 400ms ease 1100ms 1 both;
  -ms-animation: fade-in 400ms ease 1100ms 1 both;
  animation: fade-in 400ms ease 1100ms 1 both;
}
#masterPageTitleBar #page-settings .page-options > li.o-share-page .o-share-btn a.o-share-btn__open:hover, #masterPageTitleBar #page-settings .page-options ngo-subscription > li.o-share-page .o-share-btn a.o-share-btn__open:hover {
  background: rgba(0, 0, 0, 0.1);
}

.masterPageOptionsMenu {
  border: 0;
  padding: 0;
  border-radius: 0;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  min-width: 250px !important;
  z-index: 1002;
}
.masterPageOptionsMenu .arrow {
  border-bottom-color: transparent !important;
}
.masterPageOptionsMenu .popover-title {
  display: none;
}
.masterPageOptionsMenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.masterPageOptionsMenu ul li {
  cursor: pointer;
  display: block;
  float: none;
}
.masterPageOptionsMenu ul li.no-link,
.masterPageOptionsMenu ul li a {
  padding: 10px;
  display: block;
  float: none;
  display: flex;
  min-height: 20px;
  gap: 8px;
  align-items: center;
  color: #333;
}
.masterPageOptionsMenu ul li.no-link {
  cursor: default;
  color: #6fa0cd;
}
.masterPageOptionsMenu ul li:hover {
  background-color: #efefef;
}
.masterPageOptionsMenu ul li .delete {
  color: #c54545;
}
.masterPageOptionsMenu ul li .delete i {
  background: #c54545;
}
.masterPageOptionsMenu ul li .delete:hover {
  background-color: #fbd8d8;
  color: #8d3434;
}
.masterPageOptionsMenu ul li .delete:hover i {
  background: #8d3434;
}
.masterPageOptionsMenu.dot-dot-menu {
  left: 20px;
}
.masterPageOptionsMenu.dot-dot-menu .arrow {
  border-bottom-color: transparent;
}
.masterPageOptionsMenu.dot-dot-menu .arrow:after {
  border-bottom-color: #f9f9f9;
}
.masterPageOptionsMenu.dot-dot-menu ul li:hover {
  background: transparent;
}
.masterPageOptionsMenu.dot-dot-menu ul li a {
  padding: 10px 10px 10px 20px;
  border-left: 2px solid #eee;
  margin: 0 0 0 10px;
  position: relative;
  display: block;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.masterPageOptionsMenu.dot-dot-menu ul li a:after {
  background: #1a86ca;
  border-radius: 50%;
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  left: -3px;
  top: 17px;
}
.masterPageOptionsMenu.dot-dot-menu ul li a:hover {
  background: #f9f9f9;
}
.masterPageOptionsMenu.dot-dot-menu ul li:nth-child(-n+2) a {
  background: #f9f9f9;
  border: 0;
  padding: 10px;
  margin: 0;
  display: block;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.masterPageOptionsMenu.dot-dot-menu ul li:nth-child(-n+2) a:after {
  display: none;
}
.masterPageOptionsMenu.dot-dot-menu ul li.no-link {
  border-left: 2px solid #eee;
  color: #999;
  margin: 0 0 0 10px;
  padding: 10px 10px 10px 20px;
  position: relative;
  display: block;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.masterPageOptionsMenu.dot-dot-menu ul li.no-link:after {
  background: #1a86ca;
  border-radius: 50%;
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  left: -3px;
  top: 17px;
}
.masterPageOptionsMenu.dot-dot-menu ul li.no-link:hover {
  background: #fff;
}

#masterPageFooter {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 20;
}
#masterPageFooter #spam-text-bar {
  color: red;
  position: fixed;
  left: 20px;
  bottom: 0;
  background-color: white;
  font-size: smaller;
}

@media (max-width: 550px) {
  #spam-text-bar {
    display: none;
  }
  #pageScore {
    display: none;
  }
  #editMetadata .page-specific-btn-text {
    display: none;
  }
}
.search-dropdown {
  border-radius: 3px;
  border: 0;
  min-width: 400px;
  min-height: 63px;
  padding: 0 0 15px 0;
  position: relative;
  color: #333 !important;
}
.search-dropdown.chromeless {
  min-height: unset;
}
.search-dropdown .popover-content {
  padding: 0;
}
.search-dropdown .popover-content .user-search-items .title {
  display: block;
  color: #333;
  font-size: 18px;
  padding: 20px 20px 10px 20px;
}
.search-dropdown .popover-content .user-search-items ul {
  list-style-type: none;
  font-size: 16px;
  padding: 0;
  margin: 0;
}
.search-dropdown .popover-content .user-search-items ul li {
  display: block;
}
.search-dropdown .popover-content .user-search-items ul li a {
  color: #999;
  display: block;
  padding: 8px 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-dropdown .popover-content .user-search-items ul li a:hover, .search-dropdown .popover-content .user-search-items ul li a:focus {
  background: #eef9fe;
  outline: none;
}
.search-dropdown .popover-content .advanced-search-btn {
  display: none;
  background: #1a86ca;
  border-radius: 0 0 3px 3px;
  color: #fff;
  font-size: 16px;
  padding: 15px 0;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.search-dropdown .popover-content .no-recent {
  display: block;
  font-size: 18px;
  padding: 25px 20px 15px 20px;
  text-align: center;
}

.site-main-header {
  /*background: $header-background;
  height: 80px;
  position: relative;*/
  height: 70px;
  z-index: 1012;
  display: flex;
  position: relative;
}
.site-main-header .logo-tag {
  /*height: 80px;
  float: left;*/
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 16px;
  margin-right: 16px;
  justify-content: center;
  flex: 0 0 auto;
}
.site-main-header .logo-tag > img {
  max-width: 250px;
  max-height: 45px;
  position: relative;
  display: block;
  /*top: 50%;*/
  /*@include translateY(-50%);*/
}
.site-main-header .main-nav-menu {
  /*background: $header-background;*/
  cursor: pointer;
  /*float: left;
  margin: 0 10px 0 0;
  padding: 0 4px;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*&.active {
      background: $header-background;
      color: color(neutral-color-0);
  }*/
}
.site-main-header .main-nav-menu .o-notification-bubble {
  top: 2px;
  right: -1px;
}
.site-main-header .main-nav-menu.no-hover:hover {
  background: #32383d;
  cursor: default;
  color: #fff;
}
.site-main-header .right-side {
  float: right;
  -ms-flex: 0 0 auto;
}
.site-main-header .right-side .oak-button {
  background: #e96f4f;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  /*float: left;*/
  /*margin: 15px 20px;*/
  /*text-align: center;*/
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 11.6666666655px;
  width: 46.66666662px;
  height: 46.66666662px;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.site-main-header .right-side .oak-button.rounded {
  border-radius: 16px;
}
.site-main-header .right-side .oak-button.shadow {
  box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.site-main-header .right-side .oak-button:hover {
  background: #e65c38;
}
.site-main-header .right-side .oak-button:active {
  background: #e4512b;
}
.site-main-header .right-side .oak-button.surface {
  background: var(--md-sys-color-surface);
}
.site-main-header .right-side .oak-button.white {
  background: #fff;
}
.site-main-header .right-side .oak-button.white:hover {
  background: #f2f2f2;
}
.site-main-header .right-side .oak-button.no-hover {
  cursor: default;
}
.site-main-header .right-side .oak-button.no-hover:hover {
  background: #e96f4f;
}
.site-main-header .right-side .oak-button.no-hover:active {
  background: #e96f4f;
}
.site-main-header .right-side .oak-button.no-hover i {
  cursor: default;
}
.site-main-header .right-side .oak-button i {
  font-size: 24px;
  /*margin-top: 14px;*/
}
.site-main-header .right-side #search {
  float: left;
  width: 250px;
  height: 50px;
  margin: 15px 0 15px 0;
  position: relative;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.site-main-header .right-side #search .search-input {
  border-radius: 25px;
  border: 0;
  font-size: 16px;
  width: 250px;
  height: 50px;
  padding: 0 60px 0 20px;
  outline: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.site-main-header .right-side #search .search-btn {
  background: transparent;
  border: 0;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.site-main-header .right-side #search .search-btn:hover {
  background: #101113;
}
.site-main-header .right-side #user {
  float: left;
  height: 80px;
  position: relative;
  margin: 0 0 0 5px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.site-main-header .right-side #user #user-box {
  float: left;
  margin: 15px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.site-main-header .right-side #user #user-box:hover .user-photo .overlay {
  opacity: 1;
}
.site-main-header .right-side #user #user-box .user-photo {
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2), 0 1px 3px rgba(0, 0, 0, 0.6);
  position: relative;
  float: left;
  width: 50px;
  height: 50px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.site-main-header .right-side #user #user-box .user-photo .overlay {
  background: rgba(26, 134, 202, 0.6);
  border-radius: 50%;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.site-main-header .right-side #user #user-box .user-photo .overlay i {
  color: #fff;
  display: block;
  font-size: 24px;
  line-height: 50px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

#background-of-nav {
  background: #fafafa;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 300px;
  z-index: 888;
}
#background-of-nav.adminNavigationBg {
  width: 650px !important;
}

#header-nav-container {
  background: #fafafa;
  color: #888 !important;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 300px;
  z-index: 1004;
  overflow-x: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#header-nav-container.adminNavigation {
  width: 650px !important;
}
#header-nav-container.adminNavigation #header-nav {
  width: 650px !important;
}
#header-nav-container #header-nav {
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 300px;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1004;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#header-nav-container #header-nav.admin {
  bottom: 50px;
}
#header-nav-container #header-nav .o-main-header_link {
  /*height: 64px;*/
}
#header-nav-container #header-nav .header-row {
  /* padding: 10px; */
  position: fixed;
  background: white;
  width: 300px;
  z-index: 1;
  height: 70px;
  display: flex;
}
#header-nav-container #header-nav .header-row .close-menu {
  top: 8px;
  position: relative;
}
#header-nav-container #header-nav .header-row .lbl {
  font-weight: bold;
  font-size: 20px;
  color: #000;
  position: relative;
  /*top: 6px;
  left: 10px;*/
}
#header-nav-container #header-nav .header-row.is-mobile {
  width: 100%;
  display: block;
}
#header-nav-container #header-nav .top-separator {
  margin-top: 70px;
}
#header-nav-container #header-nav .sub-header-row {
  height: 40px;
  padding: 5px;
  background: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  margin-bottom: 8px;
  /*&.with-v-margin {
      margin-top: 45px;
  }*/
}
#header-nav-container #header-nav .sub-header-row .lbl {
  font-weight: bold;
  font-size: 17px;
  color: #000;
  position: absolute;
  margin: 10px;
}
#header-nav-container #header-nav .seperator {
  /* border-bottom: 1px solid rgba(0, 0, 0, 0.05); */
  margin-top: 10px;
}
#header-nav-container #header-nav .o-usb-header__item {
  border-bottom: none;
  display: flex;
}
#header-nav-container #header-nav .o-usb-header__item-inner {
  margin-bottom: 0;
}
#header-nav-container #header-nav .o-usb-header__item:hover {
  background: #efefef;
}
#header-nav-container #header-nav #nav-user-container {
  background: rgba(0, 0, 0, 0.3);
  display: none;
  padding: 0 50px 0 0;
  position: relative;
}
#header-nav-container #header-nav #nav-user-container #nav-user a {
  display: block;
  position: relative;
  padding: 10px 0 10px 70px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#header-nav-container #header-nav #nav-user-container #nav-user a:hover {
  background: rgba(0, 0, 0, 0.4);
}
#header-nav-container #header-nav #nav-user-container #nav-user .user-photo {
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 20px;
  top: 15px;
}
#header-nav-container #header-nav #nav-user-container #nav-user span {
  display: block;
  font-size: 16px;
  font-weight: 600;
  padding: 15px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#header-nav-container #header-nav #nav-user-container .log-out {
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50px;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#header-nav-container #header-nav #nav-user-container .log-out:hover {
  background: rgba(0, 0, 0, 0.5);
  /*i {
      color: $header-foreground-color;
  }*/
}
#header-nav-container #header-nav #nav-user-container .log-out i {
  margin: 25px 0 0 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#header-nav-container #header-nav .header-nav-search {
  display: none;
  height: 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  position: relative;
}
#header-nav-container #header-nav .header-nav-search .search-input {
  background: transparent;
  border: 0;
  color: #fff;
  display: block;
  height: 50px;
  padding: 0 60px 0 15px;
  outline: none;
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#header-nav-container #header-nav .header-nav-search .search-btn {
  background: rgba(0, 0, 0, 0.1);
  border: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  -webkit-transition: all 0.2 ease;
  -moz-transition: all 0.2 ease;
  -ms-transition: all 0.2 ease;
  transition: all 0.2 ease;
}
#header-nav-container #header-nav .header-nav-search .search-btn:hover {
  background: rgba(0, 0, 0, 0.2);
  /*i {
      color: $header-foreground-color;
  }*/
}
#header-nav-container #header-nav .vertical-nav {
  font-size: 16px;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#header-nav-container #header-nav .vertical-nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#header-nav-container #header-nav .vertical-nav li {
  display: block;
}
#header-nav-container #header-nav .vertical-nav li a {
  color: #333;
  display: block;
  padding: 12px 30px 12px 15px;
  position: relative;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*&.has-child {
      i {
          display: block;
      }
  }*/
  /*&:hover {
      background: rgba(0,0,0,0.2);
  }

  &.active {
      background: color(secondary-accent-color);
      color: $header-foreground-color;

      &:hover {
          background: color(secondary-accent-color);
      }

      i {
          color: #fff;
      }

      .glyphicon-chevron-down {
          display: none;
      }

      .glyphicon-chevron-up {
          display: block;
      }
  }*/
}
#header-nav-container #header-nav .vertical-nav li a:hover {
  background: #efefef;
}
#header-nav-container #header-nav .vertical-nav li a.has-child.active {
  background: #dedede;
}
#header-nav-container #header-nav .vertical-nav li a i {
  /*display: none;*/
  /*font-size: 14px;
  width: 16px;
  height: 14px;*/
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10px;
  /*&.glyphicon-chevron-up {
      display: none;
  }*/
}
#header-nav-container #header-nav .vertical-nav li a i.icon {
  /*background-repeat: no-repeat;
  border-radius: 50%;
  width: 32px;
  height: 32px;*/
  display: block !important;
  position: absolute;
  left: 13px !important;
}
#header-nav-container #header-nav .vertical-nav li a i.create {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGcgaWQ9ImJydXNoXzJfIj4NCgk8cGF0aCBpZD0iYnJ1c2hfM18iIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zMS44LDIuOGMwLDAtMTEuMywxNC42LTEyLjQsMTZjLTEuMSwxLjQtMi4yLDIuMy0yLjUsMi41Yy0wLjMsMC4yLTMuNywyLjItMy43LDIuMg0KCQljLTAuMSwwLTAuMSwwLTAuMiwwYzAsMC0wLjEsMC0wLjEsMGMtMC4xLDAtMC4yLTAuMS0wLjItMC4yYy0wLjEtMC42LTAuNC0xLjEtMC44LTEuNWMtMC40LTAuNC0xLTAuNy0xLjYtMC44DQoJCWMtMC4xLDAtMC4yLTAuMS0wLjItMC4yYzAtMC4xLDAtMC4yLDAtMC4zYzAsMCwxLjgtMy4zLDIuMS0zLjdjMC4zLTAuMywxLjUtMS41LDIuNi0yLjZTMzAuNCwyLjEsMzAuNiwxLjkNCgkJYzAuNC0wLjMsMC45LTAuMywxLjEtMC4xQzMyLDIuMSwzMi4xLDIuNCwzMS44LDIuOHogTTgsMjIuMWMtMSwwLTEuOSwwLjQtMi42LDEuMWMtMC40LDAuNC0wLjgsMS0wLjksMS42bDAsMC4xYzAsMCwwLDAsMCwwLjENCgkJYy0wLjUsMS44LTEuMywzLjYtNC4yLDQuNWMtMC4xLDAtMC4yLDAuMi0wLjIsMC4zYzAsMC4yLDAuMSwwLjMsMC4zLDAuM2MxLjIsMC4xLDIuMywwLjIsMy4yLDAuMmMyLjgsMCw0LjktMC41LDYuMy0xLjQNCgkJYzAuMy0wLjIsMC41LTAuNCwwLjctMC42YzAsMCwwLjEtMC4xLDAuMS0wLjFjMCwwLDAuMS0wLjEsMC4xLTAuMWwwLjEtMC4xYzEuMS0xLjUsMS0zLjUtMC4zLTQuOEM5LjgsMjIuNSw4LjksMjIuMSw4LDIyLjF6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==);
  background-size: 24px;
  background-position: 4px;
}
#header-nav-container #header-nav .vertical-nav li a i.share {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGcgaWQ9InNoYXJlIj4NCgk8cGF0aCBpZD0icmlnaHRfeDVGX2Fycm93IiBmaWxsPSIjRkZGRkZGIiBkPSJNMzAuNSwxNi40TDE2LjUsMjYuOGMtMC4zLDAuMi0wLjUsMC4xLTAuNS0wLjNsMC02LjZjLTQsMC0xMi42LTAuMS0xNS4yLDUuOQ0KCQlDMC45LDEzLjQsMTMsMTEuNywxNS45LDExLjRsMC01LjljMC0wLjQsMC4yLTAuNSwwLjUtMC4zbDE0LjEsMTAuNEMzMC44LDE1LjgsMzAuOCwxNi4yLDMwLjUsMTYuNHoiLz4NCjwvZz4NCjwvc3ZnPg0K);
  background-size: 20px;
  background-position: 6px;
}
#header-nav-container #header-nav .vertical-nav li a i.upload {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE0LDEzVjE3SDEwVjEzSDdMMTIsOEwxNywxM00xOS4zNSwxMC4wM0MxOC42Nyw2LjU5IDE1LjY0LDQgMTIsNEM5LjExLDQgNi42LDUuNjQgNS4zNSw4LjAzQzIuMzQsOC4zNiAwLDEwLjkgMCwxNEE2LDYgMCAwLDAgNiwyMEgxOUE1LDUgMCAwLDAgMjQsMTVDMjQsMTIuMzYgMjEuOTUsMTAuMjIgMTkuMzUsMTAuMDNaIiAvPjwvc3ZnPg==);
  background-size: 20px;
  background-position: 6px;
}
#header-nav-container #header-nav .vertical-nav li a i.do {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iNy43IiBjeT0iMTEuOSIgcj0iMSIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTIzLjcsMTIuOWgtMTJjLTAuNSwwLTEtMC40LTEtMXYwYzAtMC42LDAuNC0xLDEtMWgxMmMwLjUsMCwxLDAuNCwxLDF2MEMyNC43LDEyLjUsMjQuMywxMi45LDIzLjcsMTIuOXoiLz4NCjxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjcuNyIgY3k9IjE1LjkiIHI9IjEiLz4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMy43LDE2LjloLTEyYy0wLjUsMC0xLTAuNC0xLTF2MGMwLTAuNiwwLjQtMSwxLTFoMTJjMC41LDAsMSwwLjQsMSwxdjBDMjQuNywxNi41LDI0LjMsMTYuOSwyMy43LDE2Ljl6Ii8+DQo8Y2lyY2xlIGZpbGw9IiNGRkZGRkYiIGN4PSI3LjciIGN5PSIxOS45IiByPSIxIi8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjMuNywyMC45aC0xMmMtMC41LDAtMS0wLjQtMS0xdjBjMC0wLjUsMC40LTEsMS0xaDEyYzAuNSwwLDEsMC41LDEsMXYwQzI0LjcsMjAuNSwyNC4zLDIwLjksMjMuNywyMC45eiIvPg0KPC9zdmc+DQo=);
  background-size: 32px;
  color: #000;
}
#header-nav-container #header-nav .vertical-nav li a i.admin {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGcgaWQ9ImNvZ3doZWVscyI+DQoJPHBhdGggaWQ9ImNvZ3doZWVsc18xXyIgZmlsbD0iI0ZGRkZGRiIgZD0iTTIyLjcsMTIuNGMwLTAuMywwLTAuNiwwLTFjMC0wLjMsMC0wLjYsMC0xbC0yLTAuNWMtMC4xLTAuNy0wLjMtMS4zLTAuNS0xLjlsMS41LTEuNA0KCQljLTAuMy0wLjYtMC42LTEuMS0xLTEuN2wtMiwwLjZjLTAuNC0wLjUtMC45LTEtMS40LTEuNGwwLjYtMmMtMC41LTAuNC0xLjEtMC43LTEuNy0xbC0xLjUsMS41Yy0wLjYtMC4yLTEuMy0wLjQtMS45LTAuNWwtMC41LTINCgkJYy0wLjMsMC0wLjYsMC0xLDBjLTAuMywwLTAuNiwwLTEsMGwtMC41LDJDOS4zLDIuMiw4LjYsMi40LDgsMi42TDYuNiwxLjFDNiwxLjQsNS40LDEuNyw0LjksMi4xbDAuNiwyQzUsNC41LDQuNSw0LjksNC4xLDUuNQ0KCQlsLTItMC42QzEuNyw1LjQsMS40LDYsMS4xLDYuNUwyLjYsOEMyLjQsOC42LDIuMiw5LjMsMi4xLDkuOWwtMiwwLjVjMCwwLjMsMCwwLjYsMCwxYzAsMC4zLDAsMC42LDAsMWwyLDAuNQ0KCQljMC4xLDAuNywwLjMsMS4zLDAuNSwxLjlsLTEuNSwxLjRjMC4zLDAuNiwwLjYsMS4xLDEsMS43bDItMC42YzAuNCwwLjUsMC45LDEsMS40LDEuNGwtMC42LDJjMC41LDAuNCwxLjEsMC43LDEuNywxTDgsMjAuMg0KCQljMC42LDAuMiwxLjMsMC40LDEuOSwwLjVsMC41LDJjMC4zLDAsMC42LDAsMSwwLjFjMC4zLDAsMC42LDAsMSwwbDAuNS0yYzAuNy0wLjEsMS4zLTAuMywxLjktMC41bDEuNCwxLjVjMC42LTAuMywxLjEtMC42LDEuNy0xDQoJCWwtMC42LTJjMC41LTAuNCwxLTAuOSwxLjQtMS40bDIsMC42YzAuNC0wLjUsMC43LTEuMSwxLTEuN2wtMS41LTEuNWMwLjItMC42LDAuNC0xLjMsMC41LTEuOUwyMi43LDEyLjR6IE0xMS40LDE2DQoJCWMtMi41LDAtNC42LTIuMS00LjYtNC42YzAtMi41LDIuMS00LjYsNC42LTQuNmMyLjUsMCw0LjYsMi4xLDQuNiw0LjZDMTYsMTQsMTMuOSwxNiwxMS40LDE2eiBNMzIsMjRsLTEuNS0wLjYNCgkJYy0wLjEtMC42LTAuNC0xLjEtMC42LTEuNmwwLjctMS40Yy0wLjQtMC41LTAuOC0wLjktMS4yLTEuM2wtMS40LDAuNmMtMC41LTAuMy0xLTAuNS0xLjYtMC43bC0wLjUtMS41Yy0wLjMsMC0wLjYtMC4xLTAuOS0wLjENCgkJYy0wLjMsMC0wLjYsMC0wLjksMEwyMy41LDE5Yy0wLjYsMC4xLTEuMSwwLjQtMS42LDAuNkwyMC41LDE5Yy0wLjUsMC40LTAuOSwwLjgtMS4zLDEuMmwwLjYsMS40Yy0wLjMsMC41LTAuNiwxLTAuNywxLjZsLTEuNSwwLjUNCgkJYzAsMC4zLTAuMSwwLjYtMC4xLDAuOWMwLDAuMywwLDAuNiwwLDAuOWwxLjUsMC41YzAuMSwwLjYsMC4zLDEuMSwwLjYsMS42TDE5LDI5LjFjMC40LDAuNSwwLjgsMC45LDEuMiwxLjNsMS40LTAuNg0KCQljMC41LDAuMywxLDAuNiwxLjYsMC43bDAuNSwxLjVjMC4zLDAsMC42LDAuMSwwLjksMC4xYzAuMywwLDAuNiwwLDAuOSwwbDAuNi0xLjVjMC42LTAuMSwxLjEtMC4zLDEuNi0wLjZsMS40LDAuNw0KCQljMC41LTAuNCwwLjktMC44LDEuMy0xLjJsLTAuNi0xLjRjMC4zLTAuNSwwLjYtMSwwLjctMS42bDEuNS0wLjVjMC0wLjMsMC4xLTAuNiwwLjEtMC45QzMyLDI0LjYsMzIsMjQuMywzMiwyNHogTTI0LjcsMjcuNA0KCQljLTEuNSwwLTIuNi0xLjItMi42LTIuN2MwLTEuNSwxLjItMi42LDIuNy0yLjZjMS41LDAsMi42LDEuMiwyLjYsMi43QzI3LjQsMjYuMywyNi4yLDI3LjQsMjQuNywyNy40eiIvPg0KPC9nPg0KPC9zdmc+DQo=);
  background-size: 20px;
  background-position: 6px;
}
#header-nav-container #header-nav .vertical-nav li a span {
  display: block;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#header-nav-container #header-nav .vertical-nav li a span.title {
  position: relative;
  left: 40px;
  font-weight: 500;
}
#header-nav-container #header-nav .vertical-nav > li > ul li {
  padding-left: 10px;
}
#header-nav-container #header-nav .vertical-nav > li > ul li > a:not(.active):hover {
  background: #efefef;
}

@media (max-width: 991px) {
  .site-main-header .logo-tag > img {
    max-width: 100px;
  }
  .site-main-header .right-side {
    /*.oak-button {
        margin: 15px 10px;
    }*/
  }
  .site-main-header .right-side #user {
    margin: 0;
  }
  .site-main-header .right-side #user #user-box {
    display: none;
  }
  .site-main-header .right-side #user #user-logout {
    display: none;
  }
  .site-main-header .right-side #search {
    display: none;
  }
  #header-nav-container #header-nav #nav-user-container {
    display: block;
  }
  #header-nav-container #header-nav .header-nav-search {
    display: block;
  }
  .header-nav-search {
    display: block;
  }
}
.menuContainer {
  background-color: #272b2f;
  border-radius: 0 3px 3px 0;
}
.menuContainer td a {
  color: #cfdce7;
  display: block;
  padding: 8px 10px;
  font-size: 16px;
}
.menuContainer td.img {
  text-align: center;
  width: 16px;
  padding: 5px;
  background-color: transparent;
}
.menuContainer td.img img {
  width: 16px;
}
.menuContainer .selected td {
  background: #272b2f;
  color: #fff;
}
.menuContainer .selected td a {
  background: #272b2f;
  color: #fff;
}
.menuContainer .separator {
  background-color: #ccc;
  height: 1px;
  padding: 0;
  margin: 0;
}
.menuContainer .toggleOn td {
  background-color: #e96f4f;
}

.menuContainer .toggleOn td {
  background-color: #e96f4f;
}
.menuContainer .toggleOn td a {
  color: #fff;
}

.menuArrow {
  background-image: url(Images/menuArrow_w.gif);
  background-position: 95% 50%;
  background-repeat: no-repeat;
}
.menuArrow:hover {
  background-image: url(Images/menuArrow_w.gif);
  background-position: 95% 50%;
  background-repeat: no-repeat;
}

.search .advanced-search:hover,
.search.active .advanced-search {
  height: auto;
  opacity: 1;
}

.favourites-dd {
  width: 340px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  z-index: 4;
  display: none;
  margin: 15px 0 0 0;
}
.favourites-dd:before, .favourites-dd:after {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.favourites-dd:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: rgba(0, 0, 0, 0.2);
  border-width: 6px;
  left: 50%;
  margin-left: 45px;
}
.favourites-dd.share-dd:before {
  margin-left: 87px;
}
.favourites-dd:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 5px;
  left: 50%;
  margin-left: 46px;
}
.favourites-dd.share-dd:after {
  margin-left: 88px;
}
.favourites-dd .title {
  background: #fff;
  padding: 15px;
  display: block;
  font-size: 18px;
  color: #333;
  border-bottom: 1px solid #eee;
  border-radius: 3px 3px 0 0;
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #fff 0%, #f5f5f5 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #f5f5f5 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFF5F5F5", GradientType=0);
}
.favourites-dd .recent-favs {
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  padding: 20px;
}
.favourites-dd .recent-favs .header {
  color: #333;
  display: block;
  font-size: 18px;
  margin: 0 0 15px 0;
}
.favourites-dd .recent-favs a {
  display: block;
}
.favourites-dd .recent-favs ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.favourites-dd .recent-favs ul li a {
  line-height: 25px;
  padding: 5px;
}
.favourites-dd .existing-fav {
  display: block;
  text-align: center;
  background: #f4fbe7;
  border-radius: 2px;
  border: 1px solid #c4dc94;
  color: #8ebd2c;
  padding: 5px;
  margin: 0 0 10px 0;
}

.page-tour-dd {
  width: 340px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  z-index: 4;
  display: none;
  margin: 15px 0 0 0;
}
.page-tour-dd:before, .page-tour-dd:after {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

#AddToFavouritesPanel {
  display: none;
  text-align: left;
  position: relative;
  z-index: 3;
}

.title-bar-dropdown {
  border: 0;
  padding: 0;
  border-radius: 0;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  min-width: 250px;
}
.title-bar-dropdown.bottom .arrow {
  border-bottom-color: transparent;
}
.title-bar-dropdown h3 {
  font-size: 18px;
  margin: 2px 0 12px 0;
  font-weight: normal;
}
.title-bar-dropdown .title-bar-dropdown-content {
  padding: 15px 0;
}
.title-bar-dropdown .title-bar-dropdown-footer {
  background: #f9f9f9;
  padding: 10px;
  margin: 0 -14px -9px -14px;
}
.title-bar-dropdown .title-bar-dropdown-footer:before, .title-bar-dropdown .title-bar-dropdown-footer:after {
  content: "";
  display: table;
}
.title-bar-dropdown .title-bar-dropdown-footer:after {
  clear: both;
}
.title-bar-dropdown .title-bar-dropdown-footer .btn {
  float: right;
  border: none;
  background: #e0e0e0;
  border-radius: 0;
  padding: 8px 20px;
  font-size: 16px;
  min-width: 90px;
}
.title-bar-dropdown .title-bar-dropdown-footer .btn.primary {
  background: #e96f4f;
}
.title-bar-dropdown .title-bar-dropdown-footer .btn.primary:hover {
  background: #eb7a5d;
}
.title-bar-dropdown .title-bar-dropdown-footer .btn:hover {
  background: #e8e8e8;
  box-shadow: none;
}
.title-bar-dropdown.share-page-options {
  min-width: 350px;
}
.title-bar-dropdown.share-page-options .fadeDown.animate {
  -webkit-animation: fadeDown 0.2s 0s 1 both;
  -moz-animation: fadeDown 0.2s 0s 1 both;
  -ms-animation: fadeDown 0.2s 0s 1 both;
  animation: fadeDown 0.2s 0s 1 both;
}
.title-bar-dropdown.share-page-options .fadeUpFadeOut.animate {
  -webkit-animation: fadeUpFadeOut 0.2s 0s 1 both;
  -moz-animation: fadeUpFadeOut 0.2s 0s 1 both;
  -ms-animation: fadeUpFadeOut 0.2s 0s 1 both;
  animation: fadeUpFadeOut 0.2s 0s 1 both;
}
.title-bar-dropdown.share-page-options .share-options {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.title-bar-dropdown.share-page-options .share-options li {
  display: inline-block;
  width: 50%;
  margin-right: -0.31em;
}
.title-bar-dropdown.share-page-options .share-options li a {
  border: 1px solid #ddd;
  display: block;
  text-align: center;
  padding: 10px;
  font-size: 16px;
  color: #999;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  transition: all 200ms ease;
}
.title-bar-dropdown.share-page-options .share-options li a i {
  font-size: 32px;
  display: block;
  height: 32px;
  margin-bottom: 5px;
}
.title-bar-dropdown.share-page-options .share-options li a.active {
  color: #fff;
  border: 1px solid #3a9ab9;
  background: #3a9ab9;
  position: relative;
}
.title-bar-dropdown.share-page-options .share-options li a.active:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: solid transparent;
  border-top-color: #3a9ab9;
  border-width: 6px;
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.title-bar-dropdown.share-page-options .share-options li a.active:hover {
  color: #fff;
  background: #47a7c5;
}
.title-bar-dropdown.share-page-options .share-options li a.active:hover:before {
  border-top-color: #47a7c5;
}
.title-bar-dropdown.share-page-options .share-options li a:hover {
  border: 1px solid #81c3d8;
  color: #3a9ab9;
}
.title-bar-dropdown.share-page-options .title-bar-dropdown-content .form-group textarea.form-control {
  font-size: 15px;
  height: 100px;
}
.title-bar-dropdown.share-page-options .title-bar-dropdown-content .form-group.textarea .validation-container {
  top: 0;
  margin-top: 0;
}
.title-bar-dropdown.share-page-options .add-recepients-btn {
  display: block;
  padding: 10px;
  border: 1px solid #cfedfb;
  background: #f4fbfe;
  border-radius: 3px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  transition: all 200ms ease;
}
.title-bar-dropdown.share-page-options .add-recepients-btn:hover {
  background: white;
}

/*.oak-menu {
    border: 0;
    border-radius: 0;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);

    &:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 5px;
        margin-left: -5px;
    }

    > .arrow {
        display: none;
    }
}*/
@media (max-width: 767px) {
  /*.oak-menu {
      width: 100% !important;
  }*/
  #notifications {
    width: auto;
    position: absolute;
    right: 0;
    left: -260px;
    top: 80px;
  }
}
@media (max-width: 375px) {
  .site-main-header .logo-tag > img {
    max-width: 100px;
  }
}
@media (min-width: 386px) and (max-width: 991px) {
  .site-main-header .logo-tag > img {
    max-width: 150px;
  }
}
.o-main-header_link {
  color: #fff;
  display: block;
  position: relative;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  transition: all 200ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  border-right: 1px solid;
}
.o-main-header_link:hover {
  background: #101113;
  color: #fff;
}
.o-main-header_link.is-active {
  background: black;
  color: #fff;
}
.o-main-header_link-icon {
  /*position: absolute;
  top: 50%;
  left: 50%;
  @include translate(-50%,-50%);*/
}
@-webkit-keyframes border-notification-highlight-anim {
  0% {
    border-left: 2px solid rgba(224, 76, 76, 0.9);
  }
  50% {
    border-left: 2px solid #e56666;
  }
  100% {
    border-left: 2px solid rgba(224, 76, 76, 0.9);
  }
}
@-moz-keyframes border-notification-highlight-anim {
  0% {
    border-left: 2px solid rgba(224, 76, 76, 0.9);
  }
  50% {
    border-left: 2px solid #e56666;
  }
  100% {
    border-left: 2px solid rgba(224, 76, 76, 0.9);
  }
}
@-ms-keyframes border-notification-highlight-anim {
  0% {
    border-left: 2px solid rgba(224, 76, 76, 0.9);
  }
  50% {
    border-left: 2px solid #e56666;
  }
  100% {
    border-left: 2px solid rgba(224, 76, 76, 0.9);
  }
}
@keyframes border-notification-highlight-anim {
  0% {
    border-left: 2px solid rgba(224, 76, 76, 0.9);
  }
  50% {
    border-left: 2px solid #e56666;
  }
  100% {
    border-left: 2px solid rgba(224, 76, 76, 0.9);
  }
}
@-webkit-keyframes fade-in-anim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fade-in-anim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fade-in-anim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in-anim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#background-of-nav.adminNavigationBg {
  width: 650px;
}

.admin-menu-layover {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 30;
  display: none;
}
.admin-menu-layover.active {
  display: block;
}

#header-nav-container {
  color: #fff;
}
#header-nav-container .menu-item-name {
  width: calc(100% - (50px * 2));
  min-height: 50px;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
#header-nav-container .menu-item-name.edit-mode {
  width: 100%;
  min-height: 100px;
}
#header-nav-container .menu-item-name > .menu-link {
  display: block;
  padding: 15px;
  position: relative;
  text-decoration: none;
  padding-right: 50px;
}
#header-nav-container .menu-item-name > .menu-link span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#header-nav-container .menu-item-name > .menu-link i {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#header-nav-container .menu-item-name > .menu-link span {
  display: block;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#header-nav-container .menu-item-name .item-options {
  right: 0;
  top: 0;
  position: absolute;
  z-index: 1;
}
#header-nav-container .menu-item-name .item-options.edit-mode {
  width: 0;
  overflow: hidden;
}
#header-nav-container .menu-item-name .item-options.edit-mode i {
  left: 100%;
}
#header-nav-container .menu-item-name .list-item-edit-form {
  padding: 15px;
}
#header-nav-container .menu-item-name .list-item-edit-form .editable {
  border-radius: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
  padding: 5px 10px;
  position: relative;
}
#header-nav-container .menu-item-name .list-item-edit-form .editable:hover {
  background: transparent;
  border-bottom-color: rgba(255, 255, 255, 0.85);
}
#header-nav-container .menu-item-name .list-item-edit-form .editable:focus {
  outline: none;
  background: transparent;
  border-bottom-color: #fff;
  padding: 5px 10px;
}
#header-nav-container .menu-tab {
  color: #fff;
  border-bottom: 1px solid #101113;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#header-nav-container .menu-tab-link:hover {
  color: #fff;
  background: #101113;
}
#header-nav-container .menu-tab-link:focus, #header-nav-container .menu-tab-link:active {
  background: black;
}
#header-nav-container .menu-tab-small {
  width: 50px;
  height: 50px;
}
#header-nav-container .menu-tab-small_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#header-nav-container .opacity-low {
  opacity: 0.3;
}
#header-nav-container .grabbing-cursor {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
#header-nav-container .grabbing-cursor a:hover {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
#header-nav-container .menu-overlay {
  width: 650px;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
}
#header-nav-container .menu-overlay.darkened {
  background: rgba(0, 0, 0, 0.7);
  z-index: 901;
}
#header-nav-container .menu-overlay .menu-manager-alert {
  background: #373d43;
  display: block;
  position: absolute;
  width: 300px;
  min-height: 50px;
  left: 50%;
  top: 50%;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  padding: 20px;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 300;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate(-50%, -100%);
  -moz-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}
#header-nav-container .menu-overlay .menu-manager-alert .menu-manager-alert-footer {
  width: 100%;
  margin-top: 10px;
}
#header-nav-container .menu-overlay .menu-manager-alert .menu-manager-alert-footer a {
  display: inline-block;
  background: #1a86ca;
  padding: 10px 25px;
  border-radius: 3px;
  color: #fff;
  bottom: 20px;
  right: 20px;
  float: right;
}
#header-nav-container .menu-overlay .spinloader-wrapper {
  display: block;
  position: absolute;
  width: 45px;
  height: 45px;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -100%);
  -moz-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  -webkit-animation: fade-in-anim 0.3s linear 1s forwards;
  -moz-animation: fade-in-anim 0.3s linear 1s forwards;
  -ms-animation: fade-in-anim 0.3s linear 1s forwards;
  animation: fade-in-anim 0.3s linear 1s forwards;
}
#header-nav-container .loading {
  opacity: 0.45;
}
#header-nav-container #header-nav #vertical-nav.has-footer {
  padding-bottom: 50px;
}
#header-nav-container .picker-popup.admin-menu-picker {
  z-index: 1000;
}
#header-nav-container.adminNavigation #header-nav {
  position: relative;
}
#header-nav-container.adminNavigation #header-nav #admin-menu-content-wrapper {
  margin: 30px 20px 0 20px;
  padding: 0 0 180px 0;
  width: 600px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.05s ease-in;
  -moz-transition: all 0.05s ease-in;
  -ms-transition: all 0.05s ease-in;
  transition: all 0.05s ease-in;
}
#header-nav-container.adminNavigation #header-nav #admin-menu-content-wrapper .validation-container {
  z-index: 2;
}
#header-nav-container.adminNavigation #header-nav #admin-menu-content-wrapper .no-menu-items {
  width: 100%;
  padding: 20px 40px;
  font-size: 20px;
  text-align: center;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#header-nav-container.adminNavigation #header-nav #admin-menu-content-wrapper .add-button {
  position: absolute;
  right: 0;
  top: 0;
}
#header-nav-container.adminNavigation #header-nav #admin-menu-content-wrapper .admin-help-label {
  background: none;
  background: transparent;
  color: #fff;
}
#header-nav-container.adminNavigation #header-nav #admin-menu-content-wrapper .admin-help-label .help-secondary-text {
  margin: 0;
  background: 0;
  padding: 15px 15px 15px 20px;
  position: relative;
  background: #101113;
}
#header-nav-container.adminNavigation #header-nav #admin-menu-content-wrapper .admin-help-label .help-secondary-text:before, #header-nav-container.adminNavigation #header-nav #admin-menu-content-wrapper .admin-help-label .help-secondary-text:after {
  display: none;
}
#header-nav-container.adminNavigation #header-nav #admin-menu-content-wrapper .admin-help-label .help-secondary-text > p:last-child {
  margin-bottom: 0;
}
#header-nav-container.adminNavigation #header-nav .menu-options-box {
  padding: 20px 20px 20px 40px;
  font-size: 14px;
}
#header-nav-container.adminNavigation #header-nav .menu-options-box .offside-icon {
  position: absolute;
  left: -20px;
  top: 8px;
}
#header-nav-container.adminNavigation #header-nav .menu-options-box .fade-in.animate {
  -webkit-animation: fade-in-anim 0.2s ease-in;
  -moz-animation: fade-in-anim 0.2s ease-in;
  -ms-animation: fade-in-anim 0.2s ease-in;
  animation: fade-in-anim 0.2s ease-in;
}
#header-nav-container.adminNavigation #header-nav .menu-options-box .editable {
  border-radius: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
  padding: 5px 10px;
  position: relative;
}
#header-nav-container.adminNavigation #header-nav .menu-options-box .editable:hover {
  background: transparent;
  border-bottom-color: rgba(255, 255, 255, 0.85);
}
#header-nav-container.adminNavigation #header-nav .menu-options-box .editable:focus {
  outline: none;
  background: transparent;
  border-bottom-color: #fff;
  padding: 5px 10px;
}
#header-nav-container.adminNavigation #header-nav .menu-options-box .link-to {
  padding: 8px 20px;
  color: #fff;
  position: relative;
  border: 0;
  border-radius: 3px;
  display: inline-block;
  background: #101113;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#header-nav-container.adminNavigation #header-nav .menu-options-box .link-to:hover {
  background: black;
}
#header-nav-container.adminNavigation #header-nav .menu-options-box .link-to.disabled {
  opacity: 0.3;
}
#header-nav-container.adminNavigation #header-nav .menu-options-box .relative .link-to {
  border-radius: 3px 0 0 3px;
  padding: 8px 35px 8px 20px;
  width: 300px;
}
#header-nav-container.adminNavigation #header-nav .menu-options-box .clear-link {
  background: #101113;
  border: 0;
  color: #fff;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
#header-nav-container.adminNavigation #header-nav .menu-options-box .clear-link i {
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
#header-nav-container.adminNavigation #header-nav .menu-options-box .clear-link:hover {
  background: black;
}
#header-nav-container.adminNavigation #header-nav .menu-options-box .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 20;
  top: 0;
  left: 0;
}
#header-nav-container.adminNavigation #header-nav .menu-options-footer:before, #header-nav-container.adminNavigation #header-nav .menu-options-footer:after {
  content: "";
  display: table;
}
#header-nav-container.adminNavigation #header-nav .menu-options-footer:after {
  clear: both;
}
#header-nav-container.adminNavigation #header-nav .menu-options-footer > * {
  float: right;
}
#header-nav-container.adminNavigation #header-nav .menu-options-footer > .smallLoader {
  margin: 12px 20px 0 0;
}
#header-nav-container.adminNavigation #header-nav .add-menu-children {
  position: relative;
  margin-left: 10px;
  border-left: 2px solid #0e4a70;
  border-bottom: 1px solid #101113;
  width: calc(100% - 10px);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#header-nav-container.adminNavigation #header-nav .add-menu-children .menu-options-box {
  background: #32383d;
}
#header-nav-container.adminNavigation #header-nav .add-menu-children .notification {
  padding-left: 8px;
  margin: 5px 0 30px 0;
  position: relative;
  color: #999;
}
#header-nav-container.adminNavigation #header-nav .add-menu-children .notification:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background: url(/CDN/Content/Images/icon16/alert.png);
  left: -20px;
  top: 0;
}
#header-nav-container.adminNavigation #header-nav .add-menu-children.active {
  border-left: 2px solid #1a86ca;
}
#header-nav-container.adminNavigation #header-nav #vertical-admin-nav {
  border-top: 1px solid #101113;
  font-size: 16px;
  list-style-type: none;
  margin: 0;
  position: relative;
  padding: 0;
}
#header-nav-container.adminNavigation #header-nav #vertical-admin-nav li.admin-menu-item {
  display: block;
  width: 100%;
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#header-nav-container.adminNavigation #header-nav #vertical-admin-nav li.admin-menu-item:before, #header-nav-container.adminNavigation #header-nav #vertical-admin-nav li.admin-menu-item:after {
  content: "";
  display: table;
}
#header-nav-container.adminNavigation #header-nav #vertical-admin-nav li.admin-menu-item:after {
  clear: both;
}
#header-nav-container.adminNavigation #header-nav #vertical-admin-nav li.admin-menu-item .drag-handle {
  position: absolute;
  right: 50px;
  top: 0;
}
#header-nav-container.adminNavigation #header-nav #vertical-admin-nav li.admin-menu-item .drag-handle.edit-mode {
  width: 0;
  right: 0;
  overflow: hidden;
}
#header-nav-container.adminNavigation #header-nav #vertical-admin-nav > li ol {
  padding-left: 10px;
  list-style-type: none;
  margin: 0;
  display: block;
  position: relative;
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#header-nav-container.adminNavigation #header-nav #vertical-admin-nav > li ol > li.admin-menu-item {
  position: relative;
}
#header-nav-container.adminNavigation #header-nav #vertical-admin-nav > li ol > li.admin-menu-item .menu-item-name > .menu-link {
  border-left: 2px solid #0e4a70;
}
#header-nav-container.adminNavigation #header-nav #vertical-admin-nav > li ol > li.admin-menu-item .menu-item-name > .menu-link:hover {
  border-left: 2px solid #115986;
}
#header-nav-container.adminNavigation #header-nav #vertical-admin-nav > li ol > li.admin-menu-item .menu-item-name.edit-mode {
  border-left: 2px solid #1a86ca;
}
#header-nav-container.adminNavigation #header-nav #vertical-admin-nav .menu-control-dropdown {
  position: absolute;
  width: 200px;
  padding: 10px 0;
  right: 0;
  top: 50px;
  background: #fff;
  z-index: 20;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 30px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#header-nav-container.adminNavigation #header-nav #vertical-admin-nav .menu-control-dropdown_icon {
  position: relative;
  top: 2px;
  margin-right: 4px;
}
#header-nav-container.adminNavigation #header-nav #vertical-admin-nav .menu-control-dropdown > a {
  display: block;
  width: 100%;
  padding: 8px 20px;
  font-size: 14px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#header-nav-container.adminNavigation #header-nav #vertical-admin-nav .menu-control-dropdown > a:hover {
  color: #8db4d8;
  background: #eee;
}
#header-nav-container.adminNavigation #header-nav #vertical-admin-nav .menu-control-dropdown > a:last-child {
  color: #e25959;
}
#header-nav-container.adminNavigation #header-nav #vertical-admin-nav .menu-control-dropdown > a:last-child:hover {
  color: #e66f6f;
}
#header-nav-container.adminNavigation .admin-menu-footer {
  background: #32383d;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 650px;
  padding: 10px 30px;
  z-index: 900;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#header-nav-container.adminNavigation .admin-menu-footer:before, #header-nav-container.adminNavigation .admin-menu-footer:after {
  content: "";
  display: table;
}
#header-nav-container.adminNavigation .admin-menu-footer:after {
  clear: both;
}
#header-nav-container .main-menu-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 300px;
  min-height: 50px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#header-nav-container .main-menu-footer .admin-menu-button {
  background: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.05);
  color: #000;
  width: 100%;
  padding: 15px 20px;
  text-align: center;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
#header-nav-container .main-menu-footer .admin-menu-button i {
  margin-right: 5px;
  top: 3px;
  position: relative;
  margin-left: -10px;
}
#header-nav-container .main-menu-footer .admin-menu-button:hover {
  background: #efefef;
}
#header-nav-container .popover.admin-confirmation {
  z-index: 1100;
  position: fixed;
}
@media (max-width: 991px) {
  #header-nav-container #header-nav-container.adminNavigation #header-nav .header-nav-search {
    display: none;
  }
  #header-nav-container #header-nav-container.adminNavigation #header-nav #nav-user-container {
    display: none;
  }
}

.dd-dragel {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
  position: absolute;
  pointer-events: none;
  z-index: 999;
  margin-left: -500px;
  margin-top: 0;
  list-style-type: none;
  padding: 0;
}
.dd-dragel .menu-item-name {
  width: calc(100% - (50px * 2));
  min-height: 50px;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.dd-dragel .menu-item-name.edit-mode {
  width: 100%;
  min-height: 100px;
}
.dd-dragel .menu-item-name > .menu-link {
  display: block;
  padding: 15px;
  position: relative;
  text-decoration: none;
  padding-right: 50px;
}
.dd-dragel .menu-item-name > .menu-link span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dd-dragel .menu-item-name > .menu-link i {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.dd-dragel .menu-item-name > .menu-link span {
  display: block;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.dd-dragel .menu-item-name .item-options {
  right: 0;
  top: 0;
  position: absolute;
  z-index: 1;
}
.dd-dragel .menu-item-name .item-options.edit-mode {
  width: 0;
  overflow: hidden;
}
.dd-dragel .menu-item-name .item-options.edit-mode i {
  left: 100%;
}
.dd-dragel .menu-item-name .list-item-edit-form {
  padding: 15px;
}
.dd-dragel .menu-item-name .list-item-edit-form .editable {
  border-radius: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
  padding: 5px 10px;
  position: relative;
}
.dd-dragel .menu-item-name .list-item-edit-form .editable:hover {
  background: transparent;
  border-bottom-color: rgba(255, 255, 255, 0.85);
}
.dd-dragel .menu-item-name .list-item-edit-form .editable:focus {
  outline: none;
  background: transparent;
  border-bottom-color: #fff;
  padding: 5px 10px;
}
.dd-dragel .menu-tab {
  color: #fff;
  border-bottom: 1px solid #101113;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dd-dragel .menu-tab-link:hover {
  color: #fff;
  background: #101113;
}
.dd-dragel .menu-tab-link:focus, .dd-dragel .menu-tab-link:active {
  background: black;
}
.dd-dragel .menu-tab-small {
  width: 50px;
  height: 50px;
}
.dd-dragel .menu-tab-small_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.dd-dragel .menu-item-name {
  font-size: 16px;
  height: 50px;
}
.dd-dragel .menu-tab {
  background: black;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.dd-item .dd-handle {
  position: absolute;
  right: 50px;
  margin-top: 0;
  -ms-touch-action: none;
  touch-action: none;
}
.dd-item .dd-handle:hover {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
/* BEGIN Thin */
@font-face {
  font-family: Roboto;
  src: url("/CDN/Content/Fonts/Roboto/Thin/Roboto-Thin.woff2?v=1.1.0") format("woff2"), url("/CDN/Content/Fonts/Roboto/Thin/Roboto-Thin.woff?v=1.1.0") format("woff"), url("/CDN/Content/Fonts/Roboto/Thin/Roboto-Thin.ttf?v=1.1.0") format("truetype");
  font-weight: 100;
  font-style: normal;
}
/* END Thin */
/* BEGIN Thin Italic */
@font-face {
  font-family: Roboto;
  src: url("/CDN/Content/Fonts/Roboto/ThinItalic/Roboto-ThinItalic.woff2?v=1.1.0") format("woff2"), url("/CDN/Content/Fonts/Roboto/ThinItalic/Roboto-ThinItalic.woff?v=1.1.0") format("woff"), url("/CDN/Content/Fonts/Roboto/ThinItalic/Roboto-ThinItalic.ttf?v=1.1.0") format("truetype");
  font-weight: 100;
  font-style: italic;
}
/* END Thin Italic */
/* BEGIN Light */
@font-face {
  font-family: Roboto;
  src: url("/CDN/Content/Fonts/Roboto/Light/Roboto-Light.woff2?v=1.1.0") format("woff2"), url("/CDN/Content/Fonts/Roboto/Light/Roboto-Light.woff?v=1.1.0") format("woff"), url("/CDN/Content/Fonts/Roboto/Light/Roboto-Light.ttf?v=1.1.0") format("truetype");
  font-weight: 300;
  font-style: normal;
}
/* END Light */
/* BEGIN Light Italic */
@font-face {
  font-family: Roboto;
  src: url("/CDN/Content/Fonts/Roboto/LightItalic/Roboto-LightItalic.woff2?v=1.1.0") format("woff2"), url("/CDN/Content/Fonts/Roboto/LightItalic/Roboto-LightItalic.woff?v=1.1.0") format("woff"), url("/CDN/Content/Fonts/Roboto/LightItalic/Roboto-LightItalic.ttf?v=1.1.0") format("truetype");
  font-weight: 300;
  font-style: italic;
}
/* END Light Italic */
/* BEGIN Regular */
@font-face {
  font-family: Roboto;
  src: url("/CDN/Content/Fonts/Roboto/Regular/Roboto-Regular.woff2?v=1.1.0") format("woff2"), url("/CDN/Content/Fonts/Roboto/Regular/Roboto-Regular.woff?v=1.1.0") format("woff"), url("/CDN/Content/Fonts/Roboto/Regular/Roboto-Regular.ttf?v=1.1.0") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url("/CDN/Content/Fonts/Roboto/Regular/Roboto-Regular.woff2?v=1.1.0") format("woff2"), url("/CDN/Content/Fonts/Roboto/Regular/Roboto-Regular.woff?v=1.1.0") format("woff"), url("/CDN/Content/Fonts/Roboto/Regular/Roboto-Regular.ttf?v=1.1.0") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* END Regular */
/* BEGIN Italic */
@font-face {
  font-family: Roboto;
  src: url("/CDN/Content/Fonts/Roboto/Italic/Roboto-Italic.woff2?v=1.1.0") format("woff2"), url("/CDN/Content/Fonts/Roboto/Italic/Roboto-Italic.woff?v=1.1.0") format("woff"), url("/CDN/Content/Fonts/Roboto/Italic/Roboto-Italic.ttf?v=1.1.0") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: Roboto;
  src: url("/CDN/Content/Fonts/Roboto/Italic/Roboto-Italic.woff2?v=1.1.0") format("woff2"), url("/CDN/Content/Fonts/Roboto/Italic/Roboto-Italic.woff?v=1.1.0") format("woff"), url("/CDN/Content/Fonts/Roboto/Italic/Roboto-Italic.ttf?v=1.1.0") format("truetype");
  font-weight: normal;
  font-style: italic;
}
/* END Italic */
/* BEGIN Medium */
@font-face {
  font-family: Roboto;
  src: url("/CDN/Content/Fonts/Roboto/Medium/Roboto-Medium.woff2?v=1.1.0") format("woff2"), url("/CDN/Content/Fonts/Roboto/Medium/Roboto-Medium.woff?v=1.1.0") format("woff"), url("/CDN/Content/Fonts/Roboto/Medium/Roboto-Medium.ttf?v=1.1.0") format("truetype");
  font-weight: 500;
  font-style: normal;
}
/* END Medium */
/* BEGIN Medium Italic */
@font-face {
  font-family: Roboto;
  src: url("/CDN/Content/Fonts/Roboto/MediumItalic/Roboto-MediumItalic.woff2?v=1.1.0") format("woff2"), url("/CDN/Content/Fonts/Roboto/MediumItalic/Roboto-MediumItalic.woff?v=1.1.0") format("woff"), url("/CDN/Content/Fonts/Roboto/MediumItalic/Roboto-MediumItalic.ttf?v=1.1.0") format("truetype");
  font-weight: 500;
  font-style: italic;
}
/* END Medium Italic */
/* BEGIN Bold */
@font-face {
  font-family: Roboto;
  src: url("/CDN/Content/Fonts/Roboto/Bold/Roboto-Bold.woff2?v=1.1.0") format("woff2"), url("/CDN/Content/Fonts/Roboto/Bold/Roboto-Bold.woff?v=1.1.0") format("woff"), url("/CDN/Content/Fonts/Roboto/Bold/Roboto-Bold.ttf?v=1.1.0") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url("/CDN/Content/Fonts/Roboto/Bold/Roboto-Bold.woff2?v=1.1.0") format("woff2"), url("/CDN/Content/Fonts/Roboto/Bold/Roboto-Bold.woff?v=1.1.0") format("woff"), url("/CDN/Content/Fonts/Roboto/Bold/Roboto-Bold.ttf?v=1.1.0") format("truetype");
  font-weight: bold;
  font-style: normal;
}
/* END Bold */
/* BEGIN Bold Italic */
@font-face {
  font-family: Roboto;
  src: url("/CDN/Content/Fonts/Roboto/BoldItalic/Roboto-BoldItalic.woff2?v=1.1.0") format("woff2"), url("/CDN/Content/Fonts/Roboto/BoldItalic/Roboto-BoldItalic.woff?v=1.1.0") format("woff"), url("/CDN/Content/Fonts/Roboto/BoldItalic/Roboto-BoldItalic.ttf?v=1.1.0") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: Roboto;
  src: url("/CDN/Content/Fonts/Roboto/BoldItalic/Roboto-BoldItalic.woff2?v=1.1.0") format("woff2"), url("/CDN/Content/Fonts/Roboto/BoldItalic/Roboto-BoldItalic.woff?v=1.1.0") format("woff"), url("/CDN/Content/Fonts/Roboto/BoldItalic/Roboto-BoldItalic.ttf?v=1.1.0") format("truetype");
  font-weight: bold;
  font-style: italic;
}
/* END Bold Italic */
/* BEGIN Black */
@font-face {
  font-family: Roboto;
  src: url("/CDN/Content/Fonts/Roboto/Black/Roboto-Black.woff2?v=1.1.0") format("woff2"), url("/CDN/Content/Fonts/Roboto/Black/Roboto-Black.woff?v=1.1.0") format("woff"), url("/CDN/Content/Fonts/Roboto/Black/Roboto-Black.ttf?v=1.1.0") format("truetype");
  font-weight: 900;
  font-style: normal;
}
/* END Black */
/* BEGIN Black Italic */
@font-face {
  font-family: Roboto;
  src: url("/CDN/Content/Fonts/Roboto/BlackItalic/Roboto-BlackItalic.woff2?v=1.1.0") format("woff2"), url("/CDN/Content/Fonts/Roboto/BlackItalic/Roboto-BlackItalic.woff?v=1.1.0") format("woff"), url("/CDN/Content/Fonts/Roboto/BlackItalic/Roboto-BlackItalic.ttf?v=1.1.0") format("truetype");
  font-weight: 900;
  font-style: italic;
}
/* END Black Italic */
/* MaterialDesignIcons.com */
@font-face {
  font-family: "Material Design Icons";
  src: url("/CDN/Content/Fonts/mdi/materialdesignicons-webfont.eot?v=2.2.43");
  src: url("/CDN/Content/Fonts/mdi/materialdesignicons-webfont.eot?#iefix&v=2.2.43") format("embedded-opentype"), url("/CDN/Content/Fonts/mdi/materialdesignicons-webfont.woff2?v=2.2.43") format("woff2"), url("/CDN/Content/Fonts/mdi/materialdesignicons-webfont.woff?v=2.2.43") format("woff"), url("/CDN/Content/Fonts/mdi/materialdesignicons-webfont.ttf?v=2.2.43") format("truetype"), url("/CDN/Content/Fonts/mdi/materialdesignicons-webfont.svg?v=2.2.43#materialdesigniconsregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.mdi:before,
.mdi-set {
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mdi-access-point:before {
  content: "\F002";
}

.mdi-access-point-network:before {
  content: "\F003";
}

.mdi-account:before {
  content: "\F004";
}

.mdi-account-alert:before {
  content: "\F005";
}

.mdi-account-box:before {
  content: "\F006";
}

.mdi-account-box-outline:before {
  content: "\F007";
}

.mdi-account-card-details:before {
  content: "\F5D2";
}

.mdi-account-check:before {
  content: "\F008";
}

.mdi-account-circle:before {
  content: "\F009";
}

.mdi-account-convert:before {
  content: "\F00A";
}

.mdi-account-edit:before {
  content: "\F6BB";
}

.mdi-account-group:before {
  content: "\F848";
}

.mdi-account-heart:before {
  content: "\F898";
}

.mdi-account-key:before {
  content: "\F00B";
}

.mdi-account-location:before {
  content: "\F00C";
}

.mdi-account-minus:before {
  content: "\F00D";
}

.mdi-account-multiple:before {
  content: "\F00E";
}

.mdi-account-multiple-minus:before {
  content: "\F5D3";
}

.mdi-account-multiple-outline:before {
  content: "\F00F";
}

.mdi-account-multiple-plus:before {
  content: "\F010";
}

.mdi-account-multiple-plus-outline:before {
  content: "\F7FF";
}

.mdi-account-network:before {
  content: "\F011";
}

.mdi-account-off:before {
  content: "\F012";
}

.mdi-account-outline:before {
  content: "\F013";
}

.mdi-account-plus:before {
  content: "\F014";
}

.mdi-account-plus-outline:before {
  content: "\F800";
}

.mdi-account-remove:before {
  content: "\F015";
}

.mdi-account-search:before {
  content: "\F016";
}

.mdi-account-settings:before {
  content: "\F630";
}

.mdi-account-settings-variant:before {
  content: "\F631";
}

.mdi-account-star:before {
  content: "\F017";
}

.mdi-account-switch:before {
  content: "\F019";
}

.mdi-accusoft:before {
  content: "\F849";
}

.mdi-adjust:before {
  content: "\F01A";
}

.mdi-air-conditioner:before {
  content: "\F01B";
}

.mdi-airballoon:before {
  content: "\F01C";
}

.mdi-airplane:before {
  content: "\F01D";
}

.mdi-airplane-landing:before {
  content: "\F5D4";
}

.mdi-airplane-off:before {
  content: "\F01E";
}

.mdi-airplane-takeoff:before {
  content: "\F5D5";
}

.mdi-airplay:before {
  content: "\F01F";
}

.mdi-airport:before {
  content: "\F84A";
}

.mdi-alarm:before {
  content: "\F020";
}

.mdi-alarm-bell:before {
  content: "\F78D";
}

.mdi-alarm-check:before {
  content: "\F021";
}

.mdi-alarm-light:before {
  content: "\F78E";
}

.mdi-alarm-multiple:before {
  content: "\F022";
}

.mdi-alarm-off:before {
  content: "\F023";
}

.mdi-alarm-plus:before {
  content: "\F024";
}

.mdi-alarm-snooze:before {
  content: "\F68D";
}

.mdi-album:before {
  content: "\F025";
}

.mdi-alert:before {
  content: "\F026";
}

.mdi-alert-box:before {
  content: "\F027";
}

.mdi-alert-circle:before {
  content: "\F028";
}

.mdi-alert-circle-outline:before {
  content: "\F5D6";
}

.mdi-alert-decagram:before {
  content: "\F6BC";
}

.mdi-alert-octagon:before {
  content: "\F029";
}

.mdi-alert-octagram:before {
  content: "\F766";
}

.mdi-alert-outline:before {
  content: "\F02A";
}

.mdi-alien:before {
  content: "\F899";
}

.mdi-all-inclusive:before {
  content: "\F6BD";
}

.mdi-allo:before {
  content: "\F801";
}

.mdi-alpha:before {
  content: "\F02B";
}

.mdi-alphabetical:before {
  content: "\F02C";
}

.mdi-altimeter:before {
  content: "\F5D7";
}

.mdi-amazon:before {
  content: "\F02D";
}

.mdi-amazon-clouddrive:before {
  content: "\F02E";
}

.mdi-ambulance:before {
  content: "\F02F";
}

.mdi-amplifier:before {
  content: "\F030";
}

.mdi-anchor:before {
  content: "\F031";
}

.mdi-android:before {
  content: "\F032";
}

.mdi-android-debug-bridge:before {
  content: "\F033";
}

.mdi-android-head:before {
  content: "\F78F";
}

.mdi-android-studio:before {
  content: "\F034";
}

.mdi-angular:before {
  content: "\F6B1";
}

.mdi-angularjs:before {
  content: "\F6BE";
}

.mdi-animation:before {
  content: "\F5D8";
}

.mdi-anvil:before {
  content: "\F89A";
}

.mdi-apple:before {
  content: "\F035";
}

.mdi-apple-finder:before {
  content: "\F036";
}

.mdi-apple-ios:before {
  content: "\F037";
}

.mdi-apple-keyboard-caps:before {
  content: "\F632";
}

.mdi-apple-keyboard-command:before {
  content: "\F633";
}

.mdi-apple-keyboard-control:before {
  content: "\F634";
}

.mdi-apple-keyboard-option:before {
  content: "\F635";
}

.mdi-apple-keyboard-shift:before {
  content: "\F636";
}

.mdi-apple-mobileme:before {
  content: "\F038";
}

.mdi-apple-safari:before {
  content: "\F039";
}

.mdi-application:before {
  content: "\F614";
}

.mdi-approval:before {
  content: "\F790";
}

.mdi-apps:before {
  content: "\F03B";
}

.mdi-archive:before {
  content: "\F03C";
}

.mdi-arrange-bring-forward:before {
  content: "\F03D";
}

.mdi-arrange-bring-to-front:before {
  content: "\F03E";
}

.mdi-arrange-send-backward:before {
  content: "\F03F";
}

.mdi-arrange-send-to-back:before {
  content: "\F040";
}

.mdi-arrow-all:before {
  content: "\F041";
}

.mdi-arrow-bottom-left:before {
  content: "\F042";
}

.mdi-arrow-bottom-right:before {
  content: "\F043";
}

.mdi-arrow-collapse:before {
  content: "\F615";
}

.mdi-arrow-collapse-all:before {
  content: "\F044";
}

.mdi-arrow-collapse-down:before {
  content: "\F791";
}

.mdi-arrow-collapse-horizontal:before {
  content: "\F84B";
}

.mdi-arrow-collapse-left:before {
  content: "\F792";
}

.mdi-arrow-collapse-right:before {
  content: "\F793";
}

.mdi-arrow-collapse-up:before {
  content: "\F794";
}

.mdi-arrow-collapse-vertical:before {
  content: "\F84C";
}

.mdi-arrow-down:before {
  content: "\F045";
}

.mdi-arrow-down-bold:before {
  content: "\F72D";
}

.mdi-arrow-down-bold-box:before {
  content: "\F72E";
}

.mdi-arrow-down-bold-box-outline:before {
  content: "\F72F";
}

.mdi-arrow-down-bold-circle:before {
  content: "\F047";
}

.mdi-arrow-down-bold-circle-outline:before {
  content: "\F048";
}

.mdi-arrow-down-bold-hexagon-outline:before {
  content: "\F049";
}

.mdi-arrow-down-box:before {
  content: "\F6BF";
}

.mdi-arrow-down-drop-circle:before {
  content: "\F04A";
}

.mdi-arrow-down-drop-circle-outline:before {
  content: "\F04B";
}

.mdi-arrow-down-thick:before {
  content: "\F046";
}

.mdi-arrow-expand:before {
  content: "\F616";
}

.mdi-arrow-expand-all:before {
  content: "\F04C";
}

.mdi-arrow-expand-down:before {
  content: "\F795";
}

.mdi-arrow-expand-horizontal:before {
  content: "\F84D";
}

.mdi-arrow-expand-left:before {
  content: "\F796";
}

.mdi-arrow-expand-right:before {
  content: "\F797";
}

.mdi-arrow-expand-up:before {
  content: "\F798";
}

.mdi-arrow-expand-vertical:before {
  content: "\F84E";
}

.mdi-arrow-left:before {
  content: "\F04D";
}

.mdi-arrow-left-bold:before {
  content: "\F730";
}

.mdi-arrow-left-bold-box:before {
  content: "\F731";
}

.mdi-arrow-left-bold-box-outline:before {
  content: "\F732";
}

.mdi-arrow-left-bold-circle:before {
  content: "\F04F";
}

.mdi-arrow-left-bold-circle-outline:before {
  content: "\F050";
}

.mdi-arrow-left-bold-hexagon-outline:before {
  content: "\F051";
}

.mdi-arrow-left-box:before {
  content: "\F6C0";
}

.mdi-arrow-left-drop-circle:before {
  content: "\F052";
}

.mdi-arrow-left-drop-circle-outline:before {
  content: "\F053";
}

.mdi-arrow-left-thick:before {
  content: "\F04E";
}

.mdi-arrow-right:before {
  content: "\F054";
}

.mdi-arrow-right-bold:before {
  content: "\F733";
}

.mdi-arrow-right-bold-box:before {
  content: "\F734";
}

.mdi-arrow-right-bold-box-outline:before {
  content: "\F735";
}

.mdi-arrow-right-bold-circle:before {
  content: "\F056";
}

.mdi-arrow-right-bold-circle-outline:before {
  content: "\F057";
}

.mdi-arrow-right-bold-hexagon-outline:before {
  content: "\F058";
}

.mdi-arrow-right-box:before {
  content: "\F6C1";
}

.mdi-arrow-right-drop-circle:before {
  content: "\F059";
}

.mdi-arrow-right-drop-circle-outline:before {
  content: "\F05A";
}

.mdi-arrow-right-thick:before {
  content: "\F055";
}

.mdi-arrow-top-left:before {
  content: "\F05B";
}

.mdi-arrow-top-right:before {
  content: "\F05C";
}

.mdi-arrow-up:before {
  content: "\F05D";
}

.mdi-arrow-up-bold:before {
  content: "\F736";
}

.mdi-arrow-up-bold-box:before {
  content: "\F737";
}

.mdi-arrow-up-bold-box-outline:before {
  content: "\F738";
}

.mdi-arrow-up-bold-circle:before {
  content: "\F05F";
}

.mdi-arrow-up-bold-circle-outline:before {
  content: "\F060";
}

.mdi-arrow-up-bold-hexagon-outline:before {
  content: "\F061";
}

.mdi-arrow-up-box:before {
  content: "\F6C2";
}

.mdi-arrow-up-drop-circle:before {
  content: "\F062";
}

.mdi-arrow-up-drop-circle-outline:before {
  content: "\F063";
}

.mdi-arrow-up-thick:before {
  content: "\F05E";
}

.mdi-artist:before {
  content: "\F802";
}

.mdi-assistant:before {
  content: "\F064";
}

.mdi-asterisk:before {
  content: "\F6C3";
}

.mdi-at:before {
  content: "\F065";
}

.mdi-atlassian:before {
  content: "\F803";
}

.mdi-atom:before {
  content: "\F767";
}

.mdi-attachment:before {
  content: "\F066";
}

.mdi-audiobook:before {
  content: "\F067";
}

.mdi-augmented-reality:before {
  content: "\F84F";
}

.mdi-auto-fix:before {
  content: "\F068";
}

.mdi-auto-upload:before {
  content: "\F069";
}

.mdi-autorenew:before {
  content: "\F06A";
}

.mdi-av-timer:before {
  content: "\F06B";
}

.mdi-azure:before {
  content: "\F804";
}

.mdi-baby:before {
  content: "\F06C";
}

.mdi-baby-buggy:before {
  content: "\F68E";
}

.mdi-backburger:before {
  content: "\F06D";
}

.mdi-backspace:before {
  content: "\F06E";
}

.mdi-backup-restore:before {
  content: "\F06F";
}

.mdi-badminton:before {
  content: "\F850";
}

.mdi-bandcamp:before {
  content: "\F674";
}

.mdi-bank:before {
  content: "\F070";
}

.mdi-barcode:before {
  content: "\F071";
}

.mdi-barcode-scan:before {
  content: "\F072";
}

.mdi-barley:before {
  content: "\F073";
}

.mdi-barrel:before {
  content: "\F074";
}

.mdi-baseball:before {
  content: "\F851";
}

.mdi-baseball-bat:before {
  content: "\F852";
}

.mdi-basecamp:before {
  content: "\F075";
}

.mdi-basket:before {
  content: "\F076";
}

.mdi-basket-fill:before {
  content: "\F077";
}

.mdi-basket-unfill:before {
  content: "\F078";
}

.mdi-basketball:before {
  content: "\F805";
}

.mdi-battery:before {
  content: "\F079";
}

.mdi-battery-10:before {
  content: "\F07A";
}

.mdi-battery-20:before {
  content: "\F07B";
}

.mdi-battery-30:before {
  content: "\F07C";
}

.mdi-battery-40:before {
  content: "\F07D";
}

.mdi-battery-50:before {
  content: "\F07E";
}

.mdi-battery-60:before {
  content: "\F07F";
}

.mdi-battery-70:before {
  content: "\F080";
}

.mdi-battery-80:before {
  content: "\F081";
}

.mdi-battery-90:before {
  content: "\F082";
}

.mdi-battery-alert:before {
  content: "\F083";
}

.mdi-battery-charging:before {
  content: "\F084";
}

.mdi-battery-charging-10:before {
  content: "\F89B";
}

.mdi-battery-charging-100:before {
  content: "\F085";
}

.mdi-battery-charging-20:before {
  content: "\F086";
}

.mdi-battery-charging-30:before {
  content: "\F087";
}

.mdi-battery-charging-40:before {
  content: "\F088";
}

.mdi-battery-charging-50:before {
  content: "\F89C";
}

.mdi-battery-charging-60:before {
  content: "\F089";
}

.mdi-battery-charging-70:before {
  content: "\F89D";
}

.mdi-battery-charging-80:before {
  content: "\F08A";
}

.mdi-battery-charging-90:before {
  content: "\F08B";
}

.mdi-battery-charging-outline:before {
  content: "\F89E";
}

.mdi-battery-charging-wireless:before {
  content: "\F806";
}

.mdi-battery-charging-wireless-10:before {
  content: "\F807";
}

.mdi-battery-charging-wireless-20:before {
  content: "\F808";
}

.mdi-battery-charging-wireless-30:before {
  content: "\F809";
}

.mdi-battery-charging-wireless-40:before {
  content: "\F80A";
}

.mdi-battery-charging-wireless-50:before {
  content: "\F80B";
}

.mdi-battery-charging-wireless-60:before {
  content: "\F80C";
}

.mdi-battery-charging-wireless-70:before {
  content: "\F80D";
}

.mdi-battery-charging-wireless-80:before {
  content: "\F80E";
}

.mdi-battery-charging-wireless-90:before {
  content: "\F80F";
}

.mdi-battery-charging-wireless-alert:before {
  content: "\F810";
}

.mdi-battery-charging-wireless-outline:before {
  content: "\F811";
}

.mdi-battery-minus:before {
  content: "\F08C";
}

.mdi-battery-negative:before {
  content: "\F08D";
}

.mdi-battery-outline:before {
  content: "\F08E";
}

.mdi-battery-plus:before {
  content: "\F08F";
}

.mdi-battery-positive:before {
  content: "\F090";
}

.mdi-battery-unknown:before {
  content: "\F091";
}

.mdi-beach:before {
  content: "\F092";
}

.mdi-beaker:before {
  content: "\F68F";
}

.mdi-beats:before {
  content: "\F097";
}

.mdi-bed-empty:before {
  content: "\F89F";
}

.mdi-beer:before {
  content: "\F098";
}

.mdi-behance:before {
  content: "\F099";
}

.mdi-bell:before {
  content: "\F09A";
}

.mdi-bell-off:before {
  content: "\F09B";
}

.mdi-bell-outline:before {
  content: "\F09C";
}

.mdi-bell-plus:before {
  content: "\F09D";
}

.mdi-bell-ring:before {
  content: "\F09E";
}

.mdi-bell-ring-outline:before {
  content: "\F09F";
}

.mdi-bell-sleep:before {
  content: "\F0A0";
}

.mdi-beta:before {
  content: "\F0A1";
}

.mdi-bible:before {
  content: "\F0A2";
}

.mdi-bike:before {
  content: "\F0A3";
}

.mdi-bing:before {
  content: "\F0A4";
}

.mdi-binoculars:before {
  content: "\F0A5";
}

.mdi-bio:before {
  content: "\F0A6";
}

.mdi-biohazard:before {
  content: "\F0A7";
}

.mdi-bitbucket:before {
  content: "\F0A8";
}

.mdi-bitcoin:before {
  content: "\F812";
}

.mdi-black-mesa:before {
  content: "\F0A9";
}

.mdi-blackberry:before {
  content: "\F0AA";
}

.mdi-blender:before {
  content: "\F0AB";
}

.mdi-blinds:before {
  content: "\F0AC";
}

.mdi-block-helper:before {
  content: "\F0AD";
}

.mdi-blogger:before {
  content: "\F0AE";
}

.mdi-bluetooth:before {
  content: "\F0AF";
}

.mdi-bluetooth-audio:before {
  content: "\F0B0";
}

.mdi-bluetooth-connect:before {
  content: "\F0B1";
}

.mdi-bluetooth-off:before {
  content: "\F0B2";
}

.mdi-bluetooth-settings:before {
  content: "\F0B3";
}

.mdi-bluetooth-transfer:before {
  content: "\F0B4";
}

.mdi-blur:before {
  content: "\F0B5";
}

.mdi-blur-linear:before {
  content: "\F0B6";
}

.mdi-blur-off:before {
  content: "\F0B7";
}

.mdi-blur-radial:before {
  content: "\F0B8";
}

.mdi-bomb:before {
  content: "\F690";
}

.mdi-bomb-off:before {
  content: "\F6C4";
}

.mdi-bone:before {
  content: "\F0B9";
}

.mdi-book:before {
  content: "\F0BA";
}

.mdi-book-minus:before {
  content: "\F5D9";
}

.mdi-book-multiple:before {
  content: "\F0BB";
}

.mdi-book-multiple-variant:before {
  content: "\F0BC";
}

.mdi-book-open:before {
  content: "\F0BD";
}

.mdi-book-open-page-variant:before {
  content: "\F5DA";
}

.mdi-book-open-variant:before {
  content: "\F0BE";
}

.mdi-book-plus:before {
  content: "\F5DB";
}

.mdi-book-secure:before {
  content: "\F799";
}

.mdi-book-unsecure:before {
  content: "\F79A";
}

.mdi-book-variant:before {
  content: "\F0BF";
}

.mdi-bookmark:before {
  content: "\F0C0";
}

.mdi-bookmark-check:before {
  content: "\F0C1";
}

.mdi-bookmark-music:before {
  content: "\F0C2";
}

.mdi-bookmark-outline:before {
  content: "\F0C3";
}

.mdi-bookmark-plus:before {
  content: "\F0C5";
}

.mdi-bookmark-plus-outline:before {
  content: "\F0C4";
}

.mdi-bookmark-remove:before {
  content: "\F0C6";
}

.mdi-boombox:before {
  content: "\F5DC";
}

.mdi-bootstrap:before {
  content: "\F6C5";
}

.mdi-border-all:before {
  content: "\F0C7";
}

.mdi-border-all-variant:before {
  content: "\F8A0";
}

.mdi-border-bottom:before {
  content: "\F0C8";
}

.mdi-border-bottom-variant:before {
  content: "\F8A1";
}

.mdi-border-color:before {
  content: "\F0C9";
}

.mdi-border-horizontal:before {
  content: "\F0CA";
}

.mdi-border-inside:before {
  content: "\F0CB";
}

.mdi-border-left:before {
  content: "\F0CC";
}

.mdi-border-left-variant:before {
  content: "\F8A2";
}

.mdi-border-none:before {
  content: "\F0CD";
}

.mdi-border-none-variant:before {
  content: "\F8A3";
}

.mdi-border-outside:before {
  content: "\F0CE";
}

.mdi-border-right:before {
  content: "\F0CF";
}

.mdi-border-right-variant:before {
  content: "\F8A4";
}

.mdi-border-style:before {
  content: "\F0D0";
}

.mdi-border-top:before {
  content: "\F0D1";
}

.mdi-border-top-variant:before {
  content: "\F8A5";
}

.mdi-border-vertical:before {
  content: "\F0D2";
}

.mdi-bottle-wine:before {
  content: "\F853";
}

.mdi-bow-tie:before {
  content: "\F677";
}

.mdi-bowl:before {
  content: "\F617";
}

.mdi-bowling:before {
  content: "\F0D3";
}

.mdi-box:before {
  content: "\F0D4";
}

.mdi-box-cutter:before {
  content: "\F0D5";
}

.mdi-box-shadow:before {
  content: "\F637";
}

.mdi-bridge:before {
  content: "\F618";
}

.mdi-briefcase:before {
  content: "\F0D6";
}

.mdi-briefcase-check:before {
  content: "\F0D7";
}

.mdi-briefcase-download:before {
  content: "\F0D8";
}

.mdi-briefcase-outline:before {
  content: "\F813";
}

.mdi-briefcase-upload:before {
  content: "\F0D9";
}

.mdi-brightness-1:before {
  content: "\F0DA";
}

.mdi-brightness-2:before {
  content: "\F0DB";
}

.mdi-brightness-3:before {
  content: "\F0DC";
}

.mdi-brightness-4:before {
  content: "\F0DD";
}

.mdi-brightness-5:before {
  content: "\F0DE";
}

.mdi-brightness-6:before {
  content: "\F0DF";
}

.mdi-brightness-7:before {
  content: "\F0E0";
}

.mdi-brightness-auto:before {
  content: "\F0E1";
}

.mdi-broom:before {
  content: "\F0E2";
}

.mdi-brush:before {
  content: "\F0E3";
}

.mdi-buffer:before {
  content: "\F619";
}

.mdi-bug:before {
  content: "\F0E4";
}

.mdi-bulletin-board:before {
  content: "\F0E5";
}

.mdi-bullhorn:before {
  content: "\F0E6";
}

.mdi-bullseye:before {
  content: "\F5DD";
}

.mdi-bus:before {
  content: "\F0E7";
}

.mdi-bus-articulated-end:before {
  content: "\F79B";
}

.mdi-bus-articulated-front:before {
  content: "\F79C";
}

.mdi-bus-double-decker:before {
  content: "\F79D";
}

.mdi-bus-school:before {
  content: "\F79E";
}

.mdi-bus-side:before {
  content: "\F79F";
}

.mdi-cached:before {
  content: "\F0E8";
}

.mdi-cake:before {
  content: "\F0E9";
}

.mdi-cake-layered:before {
  content: "\F0EA";
}

.mdi-cake-variant:before {
  content: "\F0EB";
}

.mdi-calculator:before {
  content: "\F0EC";
}

.mdi-calendar:before {
  content: "\F0ED";
}

.mdi-calendar-blank:before {
  content: "\F0EE";
}

.mdi-calendar-check:before {
  content: "\F0EF";
}

.mdi-calendar-clock:before {
  content: "\F0F0";
}

.mdi-calendar-edit:before {
  content: "\F8A6";
}

.mdi-calendar-multiple:before {
  content: "\F0F1";
}

.mdi-calendar-multiple-check:before {
  content: "\F0F2";
}

.mdi-calendar-plus:before {
  content: "\F0F3";
}

.mdi-calendar-question:before {
  content: "\F691";
}

.mdi-calendar-range:before {
  content: "\F678";
}

.mdi-calendar-remove:before {
  content: "\F0F4";
}

.mdi-calendar-text:before {
  content: "\F0F5";
}

.mdi-calendar-today:before {
  content: "\F0F6";
}

.mdi-call-made:before {
  content: "\F0F7";
}

.mdi-call-merge:before {
  content: "\F0F8";
}

.mdi-call-missed:before {
  content: "\F0F9";
}

.mdi-call-received:before {
  content: "\F0FA";
}

.mdi-call-split:before {
  content: "\F0FB";
}

.mdi-camcorder:before {
  content: "\F0FC";
}

.mdi-camcorder-box:before {
  content: "\F0FD";
}

.mdi-camcorder-box-off:before {
  content: "\F0FE";
}

.mdi-camcorder-off:before {
  content: "\F0FF";
}

.mdi-camera:before {
  content: "\F100";
}

.mdi-camera-burst:before {
  content: "\F692";
}

.mdi-camera-enhance:before {
  content: "\F101";
}

.mdi-camera-front:before {
  content: "\F102";
}

.mdi-camera-front-variant:before {
  content: "\F103";
}

.mdi-camera-gopro:before {
  content: "\F7A0";
}

.mdi-camera-iris:before {
  content: "\F104";
}

.mdi-camera-metering-center:before {
  content: "\F7A1";
}

.mdi-camera-metering-matrix:before {
  content: "\F7A2";
}

.mdi-camera-metering-partial:before {
  content: "\F7A3";
}

.mdi-camera-metering-spot:before {
  content: "\F7A4";
}

.mdi-camera-off:before {
  content: "\F5DF";
}

.mdi-camera-party-mode:before {
  content: "\F105";
}

.mdi-camera-rear:before {
  content: "\F106";
}

.mdi-camera-rear-variant:before {
  content: "\F107";
}

.mdi-camera-switch:before {
  content: "\F108";
}

.mdi-camera-timer:before {
  content: "\F109";
}

.mdi-cancel:before {
  content: "\F739";
}

.mdi-candle:before {
  content: "\F5E2";
}

.mdi-candycane:before {
  content: "\F10A";
}

.mdi-cannabis:before {
  content: "\F7A5";
}

.mdi-car:before {
  content: "\F10B";
}

.mdi-car-battery:before {
  content: "\F10C";
}

.mdi-car-connected:before {
  content: "\F10D";
}

.mdi-car-convertible:before {
  content: "\F7A6";
}

.mdi-car-estate:before {
  content: "\F7A7";
}

.mdi-car-hatchback:before {
  content: "\F7A8";
}

.mdi-car-pickup:before {
  content: "\F7A9";
}

.mdi-car-side:before {
  content: "\F7AA";
}

.mdi-car-sports:before {
  content: "\F7AB";
}

.mdi-car-wash:before {
  content: "\F10E";
}

.mdi-caravan:before {
  content: "\F7AC";
}

.mdi-cards:before {
  content: "\F638";
}

.mdi-cards-outline:before {
  content: "\F639";
}

.mdi-cards-playing-outline:before {
  content: "\F63A";
}

.mdi-cards-variant:before {
  content: "\F6C6";
}

.mdi-carrot:before {
  content: "\F10F";
}

.mdi-cart:before {
  content: "\F110";
}

.mdi-cart-off:before {
  content: "\F66B";
}

.mdi-cart-outline:before {
  content: "\F111";
}

.mdi-cart-plus:before {
  content: "\F112";
}

.mdi-case-sensitive-alt:before {
  content: "\F113";
}

.mdi-cash:before {
  content: "\F114";
}

.mdi-cash-100:before {
  content: "\F115";
}

.mdi-cash-multiple:before {
  content: "\F116";
}

.mdi-cash-usd:before {
  content: "\F117";
}

.mdi-cast:before {
  content: "\F118";
}

.mdi-cast-connected:before {
  content: "\F119";
}

.mdi-cast-off:before {
  content: "\F789";
}

.mdi-castle:before {
  content: "\F11A";
}

.mdi-cat:before {
  content: "\F11B";
}

.mdi-cctv:before {
  content: "\F7AD";
}

.mdi-ceiling-light:before {
  content: "\F768";
}

.mdi-cellphone:before {
  content: "\F11C";
}

.mdi-cellphone-android:before {
  content: "\F11D";
}

.mdi-cellphone-basic:before {
  content: "\F11E";
}

.mdi-cellphone-dock:before {
  content: "\F11F";
}

.mdi-cellphone-iphone:before {
  content: "\F120";
}

.mdi-cellphone-link:before {
  content: "\F121";
}

.mdi-cellphone-link-off:before {
  content: "\F122";
}

.mdi-cellphone-settings:before {
  content: "\F123";
}

.mdi-cellphone-wireless:before {
  content: "\F814";
}

.mdi-certificate:before {
  content: "\F124";
}

.mdi-chair-school:before {
  content: "\F125";
}

.mdi-chart-arc:before {
  content: "\F126";
}

.mdi-chart-areaspline:before {
  content: "\F127";
}

.mdi-chart-bar:before {
  content: "\F128";
}

.mdi-chart-bar-stacked:before {
  content: "\F769";
}

.mdi-chart-bubble:before {
  content: "\F5E3";
}

.mdi-chart-donut:before {
  content: "\F7AE";
}

.mdi-chart-donut-variant:before {
  content: "\F7AF";
}

.mdi-chart-gantt:before {
  content: "\F66C";
}

.mdi-chart-histogram:before {
  content: "\F129";
}

.mdi-chart-line:before {
  content: "\F12A";
}

.mdi-chart-line-stacked:before {
  content: "\F76A";
}

.mdi-chart-line-variant:before {
  content: "\F7B0";
}

.mdi-chart-pie:before {
  content: "\F12B";
}

.mdi-chart-scatterplot-hexbin:before {
  content: "\F66D";
}

.mdi-chart-timeline:before {
  content: "\F66E";
}

.mdi-check:before {
  content: "\F12C";
}

.mdi-check-all:before {
  content: "\F12D";
}

.mdi-check-circle:before {
  content: "\F5E0";
}

.mdi-check-circle-outline:before {
  content: "\F5E1";
}

.mdi-check-outline:before {
  content: "\F854";
}

.mdi-checkbox-blank:before {
  content: "\F12E";
}

.mdi-checkbox-blank-circle:before {
  content: "\F12F";
}

.mdi-checkbox-blank-circle-outline:before {
  content: "\F130";
}

.mdi-checkbox-blank-outline:before {
  content: "\F131";
}

.mdi-checkbox-intermediate:before {
  content: "\F855";
}

.mdi-checkbox-marked:before {
  content: "\F132";
}

.mdi-checkbox-marked-circle:before {
  content: "\F133";
}

.mdi-checkbox-marked-circle-outline:before {
  content: "\F134";
}

.mdi-checkbox-marked-outline:before {
  content: "\F135";
}

.mdi-checkbox-multiple-blank:before {
  content: "\F136";
}

.mdi-checkbox-multiple-blank-circle:before {
  content: "\F63B";
}

.mdi-checkbox-multiple-blank-circle-outline:before {
  content: "\F63C";
}

.mdi-checkbox-multiple-blank-outline:before {
  content: "\F137";
}

.mdi-checkbox-multiple-marked:before {
  content: "\F138";
}

.mdi-checkbox-multiple-marked-circle:before {
  content: "\F63D";
}

.mdi-checkbox-multiple-marked-circle-outline:before {
  content: "\F63E";
}

.mdi-checkbox-multiple-marked-outline:before {
  content: "\F139";
}

.mdi-checkerboard:before {
  content: "\F13A";
}

.mdi-chemical-weapon:before {
  content: "\F13B";
}

.mdi-chess-bishop:before {
  content: "\F85B";
}

.mdi-chess-king:before {
  content: "\F856";
}

.mdi-chess-knight:before {
  content: "\F857";
}

.mdi-chess-pawn:before {
  content: "\F858";
}

.mdi-chess-queen:before {
  content: "\F859";
}

.mdi-chess-rook:before {
  content: "\F85A";
}

.mdi-chevron-double-down:before {
  content: "\F13C";
}

.mdi-chevron-double-left:before {
  content: "\F13D";
}

.mdi-chevron-double-right:before {
  content: "\F13E";
}

.mdi-chevron-double-up:before {
  content: "\F13F";
}

.mdi-chevron-down:before {
  content: "\F140";
}

.mdi-chevron-left:before {
  content: "\F141";
}

.mdi-chevron-right:before {
  content: "\F142";
}

.mdi-chevron-up:before {
  content: "\F143";
}

.mdi-chili-hot:before {
  content: "\F7B1";
}

.mdi-chili-medium:before {
  content: "\F7B2";
}

.mdi-chili-mild:before {
  content: "\F7B3";
}

.mdi-chip:before {
  content: "\F61A";
}

.mdi-church:before {
  content: "\F144";
}

.mdi-circle:before {
  content: "\F764";
}

.mdi-circle-outline:before {
  content: "\F765";
}

.mdi-cisco-webex:before {
  content: "\F145";
}

.mdi-city:before {
  content: "\F146";
}

.mdi-clipboard:before {
  content: "\F147";
}

.mdi-clipboard-account:before {
  content: "\F148";
}

.mdi-clipboard-alert:before {
  content: "\F149";
}

.mdi-clipboard-arrow-down:before {
  content: "\F14A";
}

.mdi-clipboard-arrow-left:before {
  content: "\F14B";
}

.mdi-clipboard-check:before {
  content: "\F14C";
}

.mdi-clipboard-check-outline:before {
  content: "\F8A7";
}

.mdi-clipboard-flow:before {
  content: "\F6C7";
}

.mdi-clipboard-outline:before {
  content: "\F14D";
}

.mdi-clipboard-plus:before {
  content: "\F750";
}

.mdi-clipboard-pulse:before {
  content: "\F85C";
}

.mdi-clipboard-pulse-outline:before {
  content: "\F85D";
}

.mdi-clipboard-text:before {
  content: "\F14E";
}

.mdi-clippy:before {
  content: "\F14F";
}

.mdi-clock:before {
  content: "\F150";
}

.mdi-clock-alert:before {
  content: "\F5CE";
}

.mdi-clock-end:before {
  content: "\F151";
}

.mdi-clock-fast:before {
  content: "\F152";
}

.mdi-clock-in:before {
  content: "\F153";
}

.mdi-clock-out:before {
  content: "\F154";
}

.mdi-clock-start:before {
  content: "\F155";
}

.mdi-close:before {
  content: "\F156";
}

.mdi-close-box:before {
  content: "\F157";
}

.mdi-close-box-outline:before {
  content: "\F158";
}

.mdi-close-circle:before {
  content: "\F159";
}

.mdi-close-circle-outline:before {
  content: "\F15A";
}

.mdi-close-network:before {
  content: "\F15B";
}

.mdi-close-octagon:before {
  content: "\F15C";
}

.mdi-close-octagon-outline:before {
  content: "\F15D";
}

.mdi-close-outline:before {
  content: "\F6C8";
}

.mdi-closed-caption:before {
  content: "\F15E";
}

.mdi-cloud:before {
  content: "\F15F";
}

.mdi-cloud-braces:before {
  content: "\F7B4";
}

.mdi-cloud-check:before {
  content: "\F160";
}

.mdi-cloud-circle:before {
  content: "\F161";
}

.mdi-cloud-download:before {
  content: "\F162";
}

.mdi-cloud-off-outline:before {
  content: "\F164";
}

.mdi-cloud-outline:before {
  content: "\F163";
}

.mdi-cloud-print:before {
  content: "\F165";
}

.mdi-cloud-print-outline:before {
  content: "\F166";
}

.mdi-cloud-sync:before {
  content: "\F63F";
}

.mdi-cloud-tags:before {
  content: "\F7B5";
}

.mdi-cloud-upload:before {
  content: "\F167";
}

.mdi-clover:before {
  content: "\F815";
}

.mdi-code-array:before {
  content: "\F168";
}

.mdi-code-braces:before {
  content: "\F169";
}

.mdi-code-brackets:before {
  content: "\F16A";
}

.mdi-code-equal:before {
  content: "\F16B";
}

.mdi-code-greater-than:before {
  content: "\F16C";
}

.mdi-code-greater-than-or-equal:before {
  content: "\F16D";
}

.mdi-code-less-than:before {
  content: "\F16E";
}

.mdi-code-less-than-or-equal:before {
  content: "\F16F";
}

.mdi-code-not-equal:before {
  content: "\F170";
}

.mdi-code-not-equal-variant:before {
  content: "\F171";
}

.mdi-code-parentheses:before {
  content: "\F172";
}

.mdi-code-string:before {
  content: "\F173";
}

.mdi-code-tags:before {
  content: "\F174";
}

.mdi-code-tags-check:before {
  content: "\F693";
}

.mdi-codepen:before {
  content: "\F175";
}

.mdi-coffee:before {
  content: "\F176";
}

.mdi-coffee-outline:before {
  content: "\F6C9";
}

.mdi-coffee-to-go:before {
  content: "\F177";
}

.mdi-cog:before {
  content: "\F493";
}

.mdi-coin:before {
  content: "\F178";
}

.mdi-coins:before {
  content: "\F694";
}

.mdi-collage:before {
  content: "\F640";
}

.mdi-color-helper:before {
  content: "\F179";
}

.mdi-comment:before {
  content: "\F17A";
}

.mdi-comment-account:before {
  content: "\F17B";
}

.mdi-comment-account-outline:before {
  content: "\F17C";
}

.mdi-comment-alert:before {
  content: "\F17D";
}

.mdi-comment-alert-outline:before {
  content: "\F17E";
}

.mdi-comment-check:before {
  content: "\F17F";
}

.mdi-comment-check-outline:before {
  content: "\F180";
}

.mdi-comment-multiple:before {
  content: "\F85E";
}

.mdi-comment-multiple-outline:before {
  content: "\F181";
}

.mdi-comment-outline:before {
  content: "\F182";
}

.mdi-comment-plus-outline:before {
  content: "\F183";
}

.mdi-comment-processing:before {
  content: "\F184";
}

.mdi-comment-processing-outline:before {
  content: "\F185";
}

.mdi-comment-question:before {
  content: "\F816";
}

.mdi-comment-question-outline:before {
  content: "\F186";
}

.mdi-comment-remove:before {
  content: "\F5DE";
}

.mdi-comment-remove-outline:before {
  content: "\F187";
}

.mdi-comment-text:before {
  content: "\F188";
}

.mdi-comment-text-multiple:before {
  content: "\F85F";
}

.mdi-comment-text-multiple-outline:before {
  content: "\F860";
}

.mdi-comment-text-outline:before {
  content: "\F189";
}

.mdi-compare:before {
  content: "\F18A";
}

.mdi-compass:before {
  content: "\F18B";
}

.mdi-compass-outline:before {
  content: "\F18C";
}

.mdi-console:before {
  content: "\F18D";
}

.mdi-console-line:before {
  content: "\F7B6";
}

.mdi-console-network:before {
  content: "\F8A8";
}

.mdi-contact-mail:before {
  content: "\F18E";
}

.mdi-contacts:before {
  content: "\F6CA";
}

.mdi-content-copy:before {
  content: "\F18F";
}

.mdi-content-cut:before {
  content: "\F190";
}

.mdi-content-duplicate:before {
  content: "\F191";
}

.mdi-content-paste:before {
  content: "\F192";
}

.mdi-content-save:before {
  content: "\F193";
}

.mdi-content-save-all:before {
  content: "\F194";
}

.mdi-content-save-outline:before {
  content: "\F817";
}

.mdi-content-save-settings:before {
  content: "\F61B";
}

.mdi-contrast:before {
  content: "\F195";
}

.mdi-contrast-box:before {
  content: "\F196";
}

.mdi-contrast-circle:before {
  content: "\F197";
}

.mdi-cookie:before {
  content: "\F198";
}

.mdi-copyright:before {
  content: "\F5E6";
}

.mdi-corn:before {
  content: "\F7B7";
}

.mdi-counter:before {
  content: "\F199";
}

.mdi-cow:before {
  content: "\F19A";
}

.mdi-crane:before {
  content: "\F861";
}

.mdi-creation:before {
  content: "\F1C9";
}

.mdi-credit-card:before {
  content: "\F19B";
}

.mdi-credit-card-multiple:before {
  content: "\F19C";
}

.mdi-credit-card-off:before {
  content: "\F5E4";
}

.mdi-credit-card-plus:before {
  content: "\F675";
}

.mdi-credit-card-scan:before {
  content: "\F19D";
}

.mdi-crop:before {
  content: "\F19E";
}

.mdi-crop-free:before {
  content: "\F19F";
}

.mdi-crop-landscape:before {
  content: "\F1A0";
}

.mdi-crop-portrait:before {
  content: "\F1A1";
}

.mdi-crop-rotate:before {
  content: "\F695";
}

.mdi-crop-square:before {
  content: "\F1A2";
}

.mdi-crosshairs:before {
  content: "\F1A3";
}

.mdi-crosshairs-gps:before {
  content: "\F1A4";
}

.mdi-crown:before {
  content: "\F1A5";
}

.mdi-cube:before {
  content: "\F1A6";
}

.mdi-cube-outline:before {
  content: "\F1A7";
}

.mdi-cube-send:before {
  content: "\F1A8";
}

.mdi-cube-unfolded:before {
  content: "\F1A9";
}

.mdi-cup:before {
  content: "\F1AA";
}

.mdi-cup-off:before {
  content: "\F5E5";
}

.mdi-cup-water:before {
  content: "\F1AB";
}

.mdi-curling:before {
  content: "\F862";
}

.mdi-currency-bdt:before {
  content: "\F863";
}

.mdi-currency-btc:before {
  content: "\F1AC";
}

.mdi-currency-chf:before {
  content: "\F7B8";
}

.mdi-currency-cny:before {
  content: "\F7B9";
}

.mdi-currency-eth:before {
  content: "\F7BA";
}

.mdi-currency-eur:before {
  content: "\F1AD";
}

.mdi-currency-gbp:before {
  content: "\F1AE";
}

.mdi-currency-inr:before {
  content: "\F1AF";
}

.mdi-currency-jpy:before {
  content: "\F7BB";
}

.mdi-currency-krw:before {
  content: "\F7BC";
}

.mdi-currency-kzt:before {
  content: "\F864";
}

.mdi-currency-ngn:before {
  content: "\F1B0";
}

.mdi-currency-rub:before {
  content: "\F1B1";
}

.mdi-currency-sign:before {
  content: "\F7BD";
}

.mdi-currency-try:before {
  content: "\F1B2";
}

.mdi-currency-twd:before {
  content: "\F7BE";
}

.mdi-currency-usd:before {
  content: "\F1B3";
}

.mdi-currency-usd-off:before {
  content: "\F679";
}

.mdi-cursor-default:before {
  content: "\F1B4";
}

.mdi-cursor-default-outline:before {
  content: "\F1B5";
}

.mdi-cursor-move:before {
  content: "\F1B6";
}

.mdi-cursor-pointer:before {
  content: "\F1B7";
}

.mdi-cursor-text:before {
  content: "\F5E7";
}

.mdi-database:before {
  content: "\F1B8";
}

.mdi-database-minus:before {
  content: "\F1B9";
}

.mdi-database-plus:before {
  content: "\F1BA";
}

.mdi-database-search:before {
  content: "\F865";
}

.mdi-debug-step-into:before {
  content: "\F1BB";
}

.mdi-debug-step-out:before {
  content: "\F1BC";
}

.mdi-debug-step-over:before {
  content: "\F1BD";
}

.mdi-decagram:before {
  content: "\F76B";
}

.mdi-decagram-outline:before {
  content: "\F76C";
}

.mdi-decimal-decrease:before {
  content: "\F1BE";
}

.mdi-decimal-increase:before {
  content: "\F1BF";
}

.mdi-delete:before {
  content: "\F1C0";
}

.mdi-delete-circle:before {
  content: "\F682";
}

.mdi-delete-empty:before {
  content: "\F6CB";
}

.mdi-delete-forever:before {
  content: "\F5E8";
}

.mdi-delete-restore:before {
  content: "\F818";
}

.mdi-delete-sweep:before {
  content: "\F5E9";
}

.mdi-delete-variant:before {
  content: "\F1C1";
}

.mdi-delta:before {
  content: "\F1C2";
}

.mdi-deskphone:before {
  content: "\F1C3";
}

.mdi-desktop-classic:before {
  content: "\F7BF";
}

.mdi-desktop-mac:before {
  content: "\F1C4";
}

.mdi-desktop-tower:before {
  content: "\F1C5";
}

.mdi-details:before {
  content: "\F1C6";
}

.mdi-developer-board:before {
  content: "\F696";
}

.mdi-deviantart:before {
  content: "\F1C7";
}

.mdi-dialpad:before {
  content: "\F61C";
}

.mdi-diamond:before {
  content: "\F1C8";
}

.mdi-dice-1:before {
  content: "\F1CA";
}

.mdi-dice-2:before {
  content: "\F1CB";
}

.mdi-dice-3:before {
  content: "\F1CC";
}

.mdi-dice-4:before {
  content: "\F1CD";
}

.mdi-dice-5:before {
  content: "\F1CE";
}

.mdi-dice-6:before {
  content: "\F1CF";
}

.mdi-dice-d10:before {
  content: "\F76E";
}

.mdi-dice-d12:before {
  content: "\F866";
}

.mdi-dice-d20:before {
  content: "\F5EA";
}

.mdi-dice-d4:before {
  content: "\F5EB";
}

.mdi-dice-d6:before {
  content: "\F5EC";
}

.mdi-dice-d8:before {
  content: "\F5ED";
}

.mdi-dice-multiple:before {
  content: "\F76D";
}

.mdi-dictionary:before {
  content: "\F61D";
}

.mdi-dip-switch:before {
  content: "\F7C0";
}

.mdi-directions:before {
  content: "\F1D0";
}

.mdi-directions-fork:before {
  content: "\F641";
}

.mdi-discord:before {
  content: "\F66F";
}

.mdi-disk:before {
  content: "\F5EE";
}

.mdi-disk-alert:before {
  content: "\F1D1";
}

.mdi-disqus:before {
  content: "\F1D2";
}

.mdi-disqus-outline:before {
  content: "\F1D3";
}

.mdi-division:before {
  content: "\F1D4";
}

.mdi-division-box:before {
  content: "\F1D5";
}

.mdi-dna:before {
  content: "\F683";
}

.mdi-dns:before {
  content: "\F1D6";
}

.mdi-do-not-disturb:before {
  content: "\F697";
}

.mdi-do-not-disturb-off:before {
  content: "\F698";
}

.mdi-docker:before {
  content: "\F867";
}

.mdi-dolby:before {
  content: "\F6B2";
}

.mdi-domain:before {
  content: "\F1D7";
}

.mdi-donkey:before {
  content: "\F7C1";
}

.mdi-door:before {
  content: "\F819";
}

.mdi-door-closed:before {
  content: "\F81A";
}

.mdi-door-open:before {
  content: "\F81B";
}

.mdi-doorbell-video:before {
  content: "\F868";
}

.mdi-dots-horizontal:before {
  content: "\F1D8";
}

.mdi-dots-horizontal-circle:before {
  content: "\F7C2";
}

.mdi-dots-vertical:before {
  content: "\F1D9";
}

.mdi-dots-vertical-circle:before {
  content: "\F7C3";
}

.mdi-douban:before {
  content: "\F699";
}

.mdi-download:before {
  content: "\F1DA";
}

.mdi-download-network:before {
  content: "\F6F3";
}

.mdi-drag:before {
  content: "\F1DB";
}

.mdi-drag-horizontal:before {
  content: "\F1DC";
}

.mdi-drag-vertical:before {
  content: "\F1DD";
}

.mdi-drawing:before {
  content: "\F1DE";
}

.mdi-drawing-box:before {
  content: "\F1DF";
}

.mdi-dribbble:before {
  content: "\F1E0";
}

.mdi-dribbble-box:before {
  content: "\F1E1";
}

.mdi-drone:before {
  content: "\F1E2";
}

.mdi-dropbox:before {
  content: "\F1E3";
}

.mdi-drupal:before {
  content: "\F1E4";
}

.mdi-duck:before {
  content: "\F1E5";
}

.mdi-dumbbell:before {
  content: "\F1E6";
}

.mdi-ear-hearing:before {
  content: "\F7C4";
}

.mdi-earth:before {
  content: "\F1E7";
}

.mdi-earth-box:before {
  content: "\F6CC";
}

.mdi-earth-box-off:before {
  content: "\F6CD";
}

.mdi-earth-off:before {
  content: "\F1E8";
}

.mdi-edge:before {
  content: "\F1E9";
}

.mdi-eject:before {
  content: "\F1EA";
}

.mdi-elephant:before {
  content: "\F7C5";
}

.mdi-elevation-decline:before {
  content: "\F1EB";
}

.mdi-elevation-rise:before {
  content: "\F1EC";
}

.mdi-elevator:before {
  content: "\F1ED";
}

.mdi-email:before {
  content: "\F1EE";
}

.mdi-email-alert:before {
  content: "\F6CE";
}

.mdi-email-open:before {
  content: "\F1EF";
}

.mdi-email-open-outline:before {
  content: "\F5EF";
}

.mdi-email-outline:before {
  content: "\F1F0";
}

.mdi-email-secure:before {
  content: "\F1F1";
}

.mdi-email-variant:before {
  content: "\F5F0";
}

.mdi-emby:before {
  content: "\F6B3";
}

.mdi-emoticon:before {
  content: "\F1F2";
}

.mdi-emoticon-cool:before {
  content: "\F1F3";
}

.mdi-emoticon-dead:before {
  content: "\F69A";
}

.mdi-emoticon-devil:before {
  content: "\F1F4";
}

.mdi-emoticon-excited:before {
  content: "\F69B";
}

.mdi-emoticon-happy:before {
  content: "\F1F5";
}

.mdi-emoticon-neutral:before {
  content: "\F1F6";
}

.mdi-emoticon-poop:before {
  content: "\F1F7";
}

.mdi-emoticon-sad:before {
  content: "\F1F8";
}

.mdi-emoticon-tongue:before {
  content: "\F1F9";
}

.mdi-engine:before {
  content: "\F1FA";
}

.mdi-engine-outline:before {
  content: "\F1FB";
}

.mdi-equal:before {
  content: "\F1FC";
}

.mdi-equal-box:before {
  content: "\F1FD";
}

.mdi-eraser:before {
  content: "\F1FE";
}

.mdi-eraser-variant:before {
  content: "\F642";
}

.mdi-escalator:before {
  content: "\F1FF";
}

.mdi-ethereum:before {
  content: "\F869";
}

.mdi-ethernet:before {
  content: "\F200";
}

.mdi-ethernet-cable:before {
  content: "\F201";
}

.mdi-ethernet-cable-off:before {
  content: "\F202";
}

.mdi-etsy:before {
  content: "\F203";
}

.mdi-ev-station:before {
  content: "\F5F1";
}

.mdi-eventbrite:before {
  content: "\F7C6";
}

.mdi-evernote:before {
  content: "\F204";
}

.mdi-exclamation:before {
  content: "\F205";
}

.mdi-exit-to-app:before {
  content: "\F206";
}

.mdi-export:before {
  content: "\F207";
}

.mdi-eye:before {
  content: "\F208";
}

.mdi-eye-off:before {
  content: "\F209";
}

.mdi-eye-off-outline:before {
  content: "\F6D0";
}

.mdi-eye-outline:before {
  content: "\F6CF";
}

.mdi-eye-plus:before {
  content: "\F86A";
}

.mdi-eye-plus-outline:before {
  content: "\F86B";
}

.mdi-eye-settings:before {
  content: "\F86C";
}

.mdi-eye-settings-outline:before {
  content: "\F86D";
}

.mdi-eyedropper:before {
  content: "\F20A";
}

.mdi-eyedropper-variant:before {
  content: "\F20B";
}

.mdi-face:before {
  content: "\F643";
}

.mdi-face-profile:before {
  content: "\F644";
}

.mdi-facebook:before {
  content: "\F20C";
}

.mdi-facebook-box:before {
  content: "\F20D";
}

.mdi-facebook-messenger:before {
  content: "\F20E";
}

.mdi-factory:before {
  content: "\F20F";
}

.mdi-fan:before {
  content: "\F210";
}

.mdi-fan-off:before {
  content: "\F81C";
}

.mdi-fast-forward:before {
  content: "\F211";
}

.mdi-fast-forward-outline:before {
  content: "\F6D1";
}

.mdi-fax:before {
  content: "\F212";
}

.mdi-feather:before {
  content: "\F6D2";
}

.mdi-ferry:before {
  content: "\F213";
}

.mdi-file:before {
  content: "\F214";
}

.mdi-file-account:before {
  content: "\F73A";
}

.mdi-file-chart:before {
  content: "\F215";
}

.mdi-file-check:before {
  content: "\F216";
}

.mdi-file-cloud:before {
  content: "\F217";
}

.mdi-file-compare:before {
  content: "\F8A9";
}

.mdi-file-delimited:before {
  content: "\F218";
}

.mdi-file-document:before {
  content: "\F219";
}

.mdi-file-document-box:before {
  content: "\F21A";
}

.mdi-file-excel:before {
  content: "\F21B";
}

.mdi-file-excel-box:before {
  content: "\F21C";
}

.mdi-file-export:before {
  content: "\F21D";
}

.mdi-file-find:before {
  content: "\F21E";
}

.mdi-file-hidden:before {
  content: "\F613";
}

.mdi-file-image:before {
  content: "\F21F";
}

.mdi-file-import:before {
  content: "\F220";
}

.mdi-file-lock:before {
  content: "\F221";
}

.mdi-file-multiple:before {
  content: "\F222";
}

.mdi-file-music:before {
  content: "\F223";
}

.mdi-file-outline:before {
  content: "\F224";
}

.mdi-file-pdf:before {
  content: "\F225";
}

.mdi-file-pdf-box:before {
  content: "\F226";
}

.mdi-file-percent:before {
  content: "\F81D";
}

.mdi-file-plus:before {
  content: "\F751";
}

.mdi-file-powerpoint:before {
  content: "\F227";
}

.mdi-file-powerpoint-box:before {
  content: "\F228";
}

.mdi-file-presentation-box:before {
  content: "\F229";
}

.mdi-file-question:before {
  content: "\F86E";
}

.mdi-file-restore:before {
  content: "\F670";
}

.mdi-file-send:before {
  content: "\F22A";
}

.mdi-file-tree:before {
  content: "\F645";
}

.mdi-file-video:before {
  content: "\F22B";
}

.mdi-file-word:before {
  content: "\F22C";
}

.mdi-file-word-box:before {
  content: "\F22D";
}

.mdi-file-xml:before {
  content: "\F22E";
}

.mdi-film:before {
  content: "\F22F";
}

.mdi-filmstrip:before {
  content: "\F230";
}

.mdi-filmstrip-off:before {
  content: "\F231";
}

.mdi-filter:before {
  content: "\F232";
}

.mdi-filter-outline:before {
  content: "\F233";
}

.mdi-filter-remove:before {
  content: "\F234";
}

.mdi-filter-remove-outline:before {
  content: "\F235";
}

.mdi-filter-variant:before {
  content: "\F236";
}

.mdi-finance:before {
  content: "\F81E";
}

.mdi-find-replace:before {
  content: "\F6D3";
}

.mdi-fingerprint:before {
  content: "\F237";
}

.mdi-fire:before {
  content: "\F238";
}

.mdi-fire-truck:before {
  content: "\F8AA";
}

.mdi-firefox:before {
  content: "\F239";
}

.mdi-fish:before {
  content: "\F23A";
}

.mdi-flag:before {
  content: "\F23B";
}

.mdi-flag-checkered:before {
  content: "\F23C";
}

.mdi-flag-outline:before {
  content: "\F23D";
}

.mdi-flag-triangle:before {
  content: "\F23F";
}

.mdi-flag-variant:before {
  content: "\F240";
}

.mdi-flag-variant-outline:before {
  content: "\F23E";
}

.mdi-flash:before {
  content: "\F241";
}

.mdi-flash-auto:before {
  content: "\F242";
}

.mdi-flash-circle:before {
  content: "\F81F";
}

.mdi-flash-off:before {
  content: "\F243";
}

.mdi-flash-outline:before {
  content: "\F6D4";
}

.mdi-flash-red-eye:before {
  content: "\F67A";
}

.mdi-flashlight:before {
  content: "\F244";
}

.mdi-flashlight-off:before {
  content: "\F245";
}

.mdi-flask:before {
  content: "\F093";
}

.mdi-flask-empty:before {
  content: "\F094";
}

.mdi-flask-empty-outline:before {
  content: "\F095";
}

.mdi-flask-outline:before {
  content: "\F096";
}

.mdi-flattr:before {
  content: "\F246";
}

.mdi-flip-to-back:before {
  content: "\F247";
}

.mdi-flip-to-front:before {
  content: "\F248";
}

.mdi-floor-plan:before {
  content: "\F820";
}

.mdi-floppy:before {
  content: "\F249";
}

.mdi-flower:before {
  content: "\F24A";
}

.mdi-folder:before {
  content: "\F24B";
}

.mdi-folder-account:before {
  content: "\F24C";
}

.mdi-folder-download:before {
  content: "\F24D";
}

.mdi-folder-google-drive:before {
  content: "\F24E";
}

.mdi-folder-image:before {
  content: "\F24F";
}

.mdi-folder-key:before {
  content: "\F8AB";
}

.mdi-folder-key-network:before {
  content: "\F8AC";
}

.mdi-folder-lock:before {
  content: "\F250";
}

.mdi-folder-lock-open:before {
  content: "\F251";
}

.mdi-folder-move:before {
  content: "\F252";
}

.mdi-folder-multiple:before {
  content: "\F253";
}

.mdi-folder-multiple-image:before {
  content: "\F254";
}

.mdi-folder-multiple-outline:before {
  content: "\F255";
}

.mdi-folder-network:before {
  content: "\F86F";
}

.mdi-folder-open:before {
  content: "\F76F";
}

.mdi-folder-outline:before {
  content: "\F256";
}

.mdi-folder-plus:before {
  content: "\F257";
}

.mdi-folder-remove:before {
  content: "\F258";
}

.mdi-folder-star:before {
  content: "\F69C";
}

.mdi-folder-upload:before {
  content: "\F259";
}

.mdi-font-awesome:before {
  content: "\F03A";
}

.mdi-food:before {
  content: "\F25A";
}

.mdi-food-apple:before {
  content: "\F25B";
}

.mdi-food-croissant:before {
  content: "\F7C7";
}

.mdi-food-fork-drink:before {
  content: "\F5F2";
}

.mdi-food-off:before {
  content: "\F5F3";
}

.mdi-food-variant:before {
  content: "\F25C";
}

.mdi-football:before {
  content: "\F25D";
}

.mdi-football-australian:before {
  content: "\F25E";
}

.mdi-football-helmet:before {
  content: "\F25F";
}

.mdi-forklift:before {
  content: "\F7C8";
}

.mdi-format-align-bottom:before {
  content: "\F752";
}

.mdi-format-align-center:before {
  content: "\F260";
}

.mdi-format-align-justify:before {
  content: "\F261";
}

.mdi-format-align-left:before {
  content: "\F262";
}

.mdi-format-align-middle:before {
  content: "\F753";
}

.mdi-format-align-right:before {
  content: "\F263";
}

.mdi-format-align-top:before {
  content: "\F754";
}

.mdi-format-annotation-plus:before {
  content: "\F646";
}

.mdi-format-bold:before {
  content: "\F264";
}

.mdi-format-clear:before {
  content: "\F265";
}

.mdi-format-color-fill:before {
  content: "\F266";
}

.mdi-format-color-text:before {
  content: "\F69D";
}

.mdi-format-float-center:before {
  content: "\F267";
}

.mdi-format-float-left:before {
  content: "\F268";
}

.mdi-format-float-none:before {
  content: "\F269";
}

.mdi-format-float-right:before {
  content: "\F26A";
}

.mdi-format-font:before {
  content: "\F6D5";
}

.mdi-format-header-1:before {
  content: "\F26B";
}

.mdi-format-header-2:before {
  content: "\F26C";
}

.mdi-format-header-3:before {
  content: "\F26D";
}

.mdi-format-header-4:before {
  content: "\F26E";
}

.mdi-format-header-5:before {
  content: "\F26F";
}

.mdi-format-header-6:before {
  content: "\F270";
}

.mdi-format-header-decrease:before {
  content: "\F271";
}

.mdi-format-header-equal:before {
  content: "\F272";
}

.mdi-format-header-increase:before {
  content: "\F273";
}

.mdi-format-header-pound:before {
  content: "\F274";
}

.mdi-format-horizontal-align-center:before {
  content: "\F61E";
}

.mdi-format-horizontal-align-left:before {
  content: "\F61F";
}

.mdi-format-horizontal-align-right:before {
  content: "\F620";
}

.mdi-format-indent-decrease:before {
  content: "\F275";
}

.mdi-format-indent-increase:before {
  content: "\F276";
}

.mdi-format-italic:before {
  content: "\F277";
}

.mdi-format-line-spacing:before {
  content: "\F278";
}

.mdi-format-line-style:before {
  content: "\F5C8";
}

.mdi-format-line-weight:before {
  content: "\F5C9";
}

.mdi-format-list-bulleted:before {
  content: "\F279";
}

.mdi-format-list-bulleted-type:before {
  content: "\F27A";
}

.mdi-format-list-checks:before {
  content: "\F755";
}

.mdi-format-list-numbers:before {
  content: "\F27B";
}

.mdi-format-page-break:before {
  content: "\F6D6";
}

.mdi-format-paint:before {
  content: "\F27C";
}

.mdi-format-paragraph:before {
  content: "\F27D";
}

.mdi-format-pilcrow:before {
  content: "\F6D7";
}

.mdi-format-quote-close:before {
  content: "\F27E";
}

.mdi-format-quote-open:before {
  content: "\F756";
}

.mdi-format-rotate-90:before {
  content: "\F6A9";
}

.mdi-format-section:before {
  content: "\F69E";
}

.mdi-format-size:before {
  content: "\F27F";
}

.mdi-format-strikethrough:before {
  content: "\F280";
}

.mdi-format-strikethrough-variant:before {
  content: "\F281";
}

.mdi-format-subscript:before {
  content: "\F282";
}

.mdi-format-superscript:before {
  content: "\F283";
}

.mdi-format-text:before {
  content: "\F284";
}

.mdi-format-textdirection-l-to-r:before {
  content: "\F285";
}

.mdi-format-textdirection-r-to-l:before {
  content: "\F286";
}

.mdi-format-title:before {
  content: "\F5F4";
}

.mdi-format-underline:before {
  content: "\F287";
}

.mdi-format-vertical-align-bottom:before {
  content: "\F621";
}

.mdi-format-vertical-align-center:before {
  content: "\F622";
}

.mdi-format-vertical-align-top:before {
  content: "\F623";
}

.mdi-format-wrap-inline:before {
  content: "\F288";
}

.mdi-format-wrap-square:before {
  content: "\F289";
}

.mdi-format-wrap-tight:before {
  content: "\F28A";
}

.mdi-format-wrap-top-bottom:before {
  content: "\F28B";
}

.mdi-forum:before {
  content: "\F28C";
}

.mdi-forum-outline:before {
  content: "\F821";
}

.mdi-forward:before {
  content: "\F28D";
}

.mdi-foursquare:before {
  content: "\F28E";
}

.mdi-fridge:before {
  content: "\F28F";
}

.mdi-fridge-filled:before {
  content: "\F290";
}

.mdi-fridge-filled-bottom:before {
  content: "\F291";
}

.mdi-fridge-filled-top:before {
  content: "\F292";
}

.mdi-fuel:before {
  content: "\F7C9";
}

.mdi-fullscreen:before {
  content: "\F293";
}

.mdi-fullscreen-exit:before {
  content: "\F294";
}

.mdi-function:before {
  content: "\F295";
}

.mdi-function-variant:before {
  content: "\F870";
}

.mdi-gamepad:before {
  content: "\F296";
}

.mdi-gamepad-variant:before {
  content: "\F297";
}

.mdi-garage:before {
  content: "\F6D8";
}

.mdi-garage-alert:before {
  content: "\F871";
}

.mdi-garage-open:before {
  content: "\F6D9";
}

.mdi-gas-cylinder:before {
  content: "\F647";
}

.mdi-gas-station:before {
  content: "\F298";
}

.mdi-gate:before {
  content: "\F299";
}

.mdi-gauge:before {
  content: "\F29A";
}

.mdi-gauge-empty:before {
  content: "\F872";
}

.mdi-gauge-full:before {
  content: "\F873";
}

.mdi-gauge-low:before {
  content: "\F874";
}

.mdi-gavel:before {
  content: "\F29B";
}

.mdi-gender-female:before {
  content: "\F29C";
}

.mdi-gender-male:before {
  content: "\F29D";
}

.mdi-gender-male-female:before {
  content: "\F29E";
}

.mdi-gender-transgender:before {
  content: "\F29F";
}

.mdi-gesture:before {
  content: "\F7CA";
}

.mdi-gesture-double-tap:before {
  content: "\F73B";
}

.mdi-gesture-swipe-down:before {
  content: "\F73C";
}

.mdi-gesture-swipe-left:before {
  content: "\F73D";
}

.mdi-gesture-swipe-right:before {
  content: "\F73E";
}

.mdi-gesture-swipe-up:before {
  content: "\F73F";
}

.mdi-gesture-tap:before {
  content: "\F740";
}

.mdi-gesture-two-double-tap:before {
  content: "\F741";
}

.mdi-gesture-two-tap:before {
  content: "\F742";
}

.mdi-ghost:before {
  content: "\F2A0";
}

.mdi-gift:before {
  content: "\F2A1";
}

.mdi-git:before {
  content: "\F2A2";
}

.mdi-github-box:before {
  content: "\F2A3";
}

.mdi-github-circle:before {
  content: "\F2A4";
}

.mdi-github-face:before {
  content: "\F6DA";
}

.mdi-glass-cocktail:before {
  content: "\F356";
}

.mdi-glass-flute:before {
  content: "\F2A5";
}

.mdi-glass-mug:before {
  content: "\F2A6";
}

.mdi-glass-stange:before {
  content: "\F2A7";
}

.mdi-glass-tulip:before {
  content: "\F2A8";
}

.mdi-glass-wine:before {
  content: "\F875";
}

.mdi-glassdoor:before {
  content: "\F2A9";
}

.mdi-glasses:before {
  content: "\F2AA";
}

.mdi-gmail:before {
  content: "\F2AB";
}

.mdi-gnome:before {
  content: "\F2AC";
}

.mdi-golf:before {
  content: "\F822";
}

.mdi-gondola:before {
  content: "\F685";
}

.mdi-google:before {
  content: "\F2AD";
}

.mdi-google-analytics:before {
  content: "\F7CB";
}

.mdi-google-assistant:before {
  content: "\F7CC";
}

.mdi-google-cardboard:before {
  content: "\F2AE";
}

.mdi-google-chrome:before {
  content: "\F2AF";
}

.mdi-google-circles:before {
  content: "\F2B0";
}

.mdi-google-circles-communities:before {
  content: "\F2B1";
}

.mdi-google-circles-extended:before {
  content: "\F2B2";
}

.mdi-google-circles-group:before {
  content: "\F2B3";
}

.mdi-google-controller:before {
  content: "\F2B4";
}

.mdi-google-controller-off:before {
  content: "\F2B5";
}

.mdi-google-drive:before {
  content: "\F2B6";
}

.mdi-google-earth:before {
  content: "\F2B7";
}

.mdi-google-glass:before {
  content: "\F2B8";
}

.mdi-google-home:before {
  content: "\F823";
}

.mdi-google-keep:before {
  content: "\F6DB";
}

.mdi-google-maps:before {
  content: "\F5F5";
}

.mdi-google-nearby:before {
  content: "\F2B9";
}

.mdi-google-pages:before {
  content: "\F2BA";
}

.mdi-google-photos:before {
  content: "\F6DC";
}

.mdi-google-physical-web:before {
  content: "\F2BB";
}

.mdi-google-play:before {
  content: "\F2BC";
}

.mdi-google-plus:before {
  content: "\F2BD";
}

.mdi-google-plus-box:before {
  content: "\F2BE";
}

.mdi-google-translate:before {
  content: "\F2BF";
}

.mdi-google-wallet:before {
  content: "\F2C0";
}

.mdi-gpu:before {
  content: "\F8AD";
}

.mdi-gradient:before {
  content: "\F69F";
}

.mdi-graphql:before {
  content: "\F876";
}

.mdi-grease-pencil:before {
  content: "\F648";
}

.mdi-grid:before {
  content: "\F2C1";
}

.mdi-grid-large:before {
  content: "\F757";
}

.mdi-grid-off:before {
  content: "\F2C2";
}

.mdi-group:before {
  content: "\F2C3";
}

.mdi-guitar-acoustic:before {
  content: "\F770";
}

.mdi-guitar-electric:before {
  content: "\F2C4";
}

.mdi-guitar-pick:before {
  content: "\F2C5";
}

.mdi-guitar-pick-outline:before {
  content: "\F2C6";
}

.mdi-guy-fawkes-mask:before {
  content: "\F824";
}

.mdi-hackernews:before {
  content: "\F624";
}

.mdi-hamburger:before {
  content: "\F684";
}

.mdi-hand-pointing-right:before {
  content: "\F2C7";
}

.mdi-hanger:before {
  content: "\F2C8";
}

.mdi-hangouts:before {
  content: "\F2C9";
}

.mdi-harddisk:before {
  content: "\F2CA";
}

.mdi-headphones:before {
  content: "\F2CB";
}

.mdi-headphones-box:before {
  content: "\F2CC";
}

.mdi-headphones-off:before {
  content: "\F7CD";
}

.mdi-headphones-settings:before {
  content: "\F2CD";
}

.mdi-headset:before {
  content: "\F2CE";
}

.mdi-headset-dock:before {
  content: "\F2CF";
}

.mdi-headset-off:before {
  content: "\F2D0";
}

.mdi-heart:before {
  content: "\F2D1";
}

.mdi-heart-box:before {
  content: "\F2D2";
}

.mdi-heart-box-outline:before {
  content: "\F2D3";
}

.mdi-heart-broken:before {
  content: "\F2D4";
}

.mdi-heart-half:before {
  content: "\F6DE";
}

.mdi-heart-half-full:before {
  content: "\F6DD";
}

.mdi-heart-half-outline:before {
  content: "\F6DF";
}

.mdi-heart-off:before {
  content: "\F758";
}

.mdi-heart-outline:before {
  content: "\F2D5";
}

.mdi-heart-pulse:before {
  content: "\F5F6";
}

.mdi-help:before {
  content: "\F2D6";
}

.mdi-help-box:before {
  content: "\F78A";
}

.mdi-help-circle:before {
  content: "\F2D7";
}

.mdi-help-circle-outline:before {
  content: "\F625";
}

.mdi-help-network:before {
  content: "\F6F4";
}

.mdi-hexagon:before {
  content: "\F2D8";
}

.mdi-hexagon-multiple:before {
  content: "\F6E0";
}

.mdi-hexagon-outline:before {
  content: "\F2D9";
}

.mdi-high-definition:before {
  content: "\F7CE";
}

.mdi-high-definition-box:before {
  content: "\F877";
}

.mdi-highway:before {
  content: "\F5F7";
}

.mdi-history:before {
  content: "\F2DA";
}

.mdi-hockey-puck:before {
  content: "\F878";
}

.mdi-hockey-sticks:before {
  content: "\F879";
}

.mdi-hololens:before {
  content: "\F2DB";
}

.mdi-home:before {
  content: "\F2DC";
}

.mdi-home-account:before {
  content: "\F825";
}

.mdi-home-alert:before {
  content: "\F87A";
}

.mdi-home-assistant:before {
  content: "\F7CF";
}

.mdi-home-automation:before {
  content: "\F7D0";
}

.mdi-home-circle:before {
  content: "\F7D1";
}

.mdi-home-currency-usd:before {
  content: "\F8AE";
}

.mdi-home-heart:before {
  content: "\F826";
}

.mdi-home-map-marker:before {
  content: "\F5F8";
}

.mdi-home-modern:before {
  content: "\F2DD";
}

.mdi-home-outline:before {
  content: "\F6A0";
}

.mdi-home-variant:before {
  content: "\F2DE";
}

.mdi-hook:before {
  content: "\F6E1";
}

.mdi-hook-off:before {
  content: "\F6E2";
}

.mdi-hops:before {
  content: "\F2DF";
}

.mdi-hospital:before {
  content: "\F2E0";
}

.mdi-hospital-building:before {
  content: "\F2E1";
}

.mdi-hospital-marker:before {
  content: "\F2E2";
}

.mdi-hot-tub:before {
  content: "\F827";
}

.mdi-hotel:before {
  content: "\F2E3";
}

.mdi-houzz:before {
  content: "\F2E4";
}

.mdi-houzz-box:before {
  content: "\F2E5";
}

.mdi-hulu:before {
  content: "\F828";
}

.mdi-human:before {
  content: "\F2E6";
}

.mdi-human-child:before {
  content: "\F2E7";
}

.mdi-human-female:before {
  content: "\F649";
}

.mdi-human-greeting:before {
  content: "\F64A";
}

.mdi-human-handsdown:before {
  content: "\F64B";
}

.mdi-human-handsup:before {
  content: "\F64C";
}

.mdi-human-male:before {
  content: "\F64D";
}

.mdi-human-male-female:before {
  content: "\F2E8";
}

.mdi-human-pregnant:before {
  content: "\F5CF";
}

.mdi-humble-bundle:before {
  content: "\F743";
}

.mdi-ice-cream:before {
  content: "\F829";
}

.mdi-image:before {
  content: "\F2E9";
}

.mdi-image-album:before {
  content: "\F2EA";
}

.mdi-image-area:before {
  content: "\F2EB";
}

.mdi-image-area-close:before {
  content: "\F2EC";
}

.mdi-image-broken:before {
  content: "\F2ED";
}

.mdi-image-broken-variant:before {
  content: "\F2EE";
}

.mdi-image-filter:before {
  content: "\F2EF";
}

.mdi-image-filter-black-white:before {
  content: "\F2F0";
}

.mdi-image-filter-center-focus:before {
  content: "\F2F1";
}

.mdi-image-filter-center-focus-weak:before {
  content: "\F2F2";
}

.mdi-image-filter-drama:before {
  content: "\F2F3";
}

.mdi-image-filter-frames:before {
  content: "\F2F4";
}

.mdi-image-filter-hdr:before {
  content: "\F2F5";
}

.mdi-image-filter-none:before {
  content: "\F2F6";
}

.mdi-image-filter-tilt-shift:before {
  content: "\F2F7";
}

.mdi-image-filter-vintage:before {
  content: "\F2F8";
}

.mdi-image-multiple:before {
  content: "\F2F9";
}

.mdi-image-off:before {
  content: "\F82A";
}

.mdi-image-plus:before {
  content: "\F87B";
}

.mdi-import:before {
  content: "\F2FA";
}

.mdi-inbox:before {
  content: "\F686";
}

.mdi-inbox-arrow-down:before {
  content: "\F2FB";
}

.mdi-inbox-arrow-up:before {
  content: "\F3D1";
}

.mdi-inbox-multiple:before {
  content: "\F8AF";
}

.mdi-incognito:before {
  content: "\F5F9";
}

.mdi-infinity:before {
  content: "\F6E3";
}

.mdi-information:before {
  content: "\F2FC";
}

.mdi-information-outline:before {
  content: "\F2FD";
}

.mdi-information-variant:before {
  content: "\F64E";
}

.mdi-instagram:before {
  content: "\F2FE";
}

.mdi-instapaper:before {
  content: "\F2FF";
}

.mdi-internet-explorer:before {
  content: "\F300";
}

.mdi-invert-colors:before {
  content: "\F301";
}

.mdi-itunes:before {
  content: "\F676";
}

.mdi-jeepney:before {
  content: "\F302";
}

.mdi-jira:before {
  content: "\F303";
}

.mdi-jquery:before {
  content: "\F87C";
}

.mdi-jsfiddle:before {
  content: "\F304";
}

.mdi-json:before {
  content: "\F626";
}

.mdi-karate:before {
  content: "\F82B";
}

.mdi-keg:before {
  content: "\F305";
}

.mdi-kettle:before {
  content: "\F5FA";
}

.mdi-key:before {
  content: "\F306";
}

.mdi-key-change:before {
  content: "\F307";
}

.mdi-key-minus:before {
  content: "\F308";
}

.mdi-key-plus:before {
  content: "\F309";
}

.mdi-key-remove:before {
  content: "\F30A";
}

.mdi-key-variant:before {
  content: "\F30B";
}

.mdi-keyboard:before {
  content: "\F30C";
}

.mdi-keyboard-backspace:before {
  content: "\F30D";
}

.mdi-keyboard-caps:before {
  content: "\F30E";
}

.mdi-keyboard-close:before {
  content: "\F30F";
}

.mdi-keyboard-off:before {
  content: "\F310";
}

.mdi-keyboard-return:before {
  content: "\F311";
}

.mdi-keyboard-tab:before {
  content: "\F312";
}

.mdi-keyboard-variant:before {
  content: "\F313";
}

.mdi-kickstarter:before {
  content: "\F744";
}

.mdi-kodi:before {
  content: "\F314";
}

.mdi-label:before {
  content: "\F315";
}

.mdi-label-outline:before {
  content: "\F316";
}

.mdi-ladybug:before {
  content: "\F82C";
}

.mdi-lambda:before {
  content: "\F627";
}

.mdi-lamp:before {
  content: "\F6B4";
}

.mdi-lan:before {
  content: "\F317";
}

.mdi-lan-connect:before {
  content: "\F318";
}

.mdi-lan-disconnect:before {
  content: "\F319";
}

.mdi-lan-pending:before {
  content: "\F31A";
}

.mdi-language-c:before {
  content: "\F671";
}

.mdi-language-cpp:before {
  content: "\F672";
}

.mdi-language-csharp:before {
  content: "\F31B";
}

.mdi-language-css3:before {
  content: "\F31C";
}

.mdi-language-go:before {
  content: "\F7D2";
}

.mdi-language-html5:before {
  content: "\F31D";
}

.mdi-language-javascript:before {
  content: "\F31E";
}

.mdi-language-lua:before {
  content: "\F8B0";
}

.mdi-language-php:before {
  content: "\F31F";
}

.mdi-language-python:before {
  content: "\F320";
}

.mdi-language-python-text:before {
  content: "\F321";
}

.mdi-language-r:before {
  content: "\F7D3";
}

.mdi-language-swift:before {
  content: "\F6E4";
}

.mdi-language-typescript:before {
  content: "\F6E5";
}

.mdi-laptop:before {
  content: "\F322";
}

.mdi-laptop-chromebook:before {
  content: "\F323";
}

.mdi-laptop-mac:before {
  content: "\F324";
}

.mdi-laptop-off:before {
  content: "\F6E6";
}

.mdi-laptop-windows:before {
  content: "\F325";
}

.mdi-lastfm:before {
  content: "\F326";
}

.mdi-lastpass:before {
  content: "\F446";
}

.mdi-launch:before {
  content: "\F327";
}

.mdi-lava-lamp:before {
  content: "\F7D4";
}

.mdi-layers:before {
  content: "\F328";
}

.mdi-layers-off:before {
  content: "\F329";
}

.mdi-lead-pencil:before {
  content: "\F64F";
}

.mdi-leaf:before {
  content: "\F32A";
}

.mdi-led-off:before {
  content: "\F32B";
}

.mdi-led-on:before {
  content: "\F32C";
}

.mdi-led-outline:before {
  content: "\F32D";
}

.mdi-led-strip:before {
  content: "\F7D5";
}

.mdi-led-variant-off:before {
  content: "\F32E";
}

.mdi-led-variant-on:before {
  content: "\F32F";
}

.mdi-led-variant-outline:before {
  content: "\F330";
}

.mdi-library:before {
  content: "\F331";
}

.mdi-library-books:before {
  content: "\F332";
}

.mdi-library-music:before {
  content: "\F333";
}

.mdi-library-plus:before {
  content: "\F334";
}

.mdi-lifebuoy:before {
  content: "\F87D";
}

.mdi-lightbulb:before {
  content: "\F335";
}

.mdi-lightbulb-on:before {
  content: "\F6E7";
}

.mdi-lightbulb-on-outline:before {
  content: "\F6E8";
}

.mdi-lightbulb-outline:before {
  content: "\F336";
}

.mdi-link:before {
  content: "\F337";
}

.mdi-link-off:before {
  content: "\F338";
}

.mdi-link-variant:before {
  content: "\F339";
}

.mdi-link-variant-off:before {
  content: "\F33A";
}

.mdi-linkedin:before {
  content: "\F33B";
}

.mdi-linkedin-box:before {
  content: "\F33C";
}

.mdi-linux:before {
  content: "\F33D";
}

.mdi-loading:before {
  content: "\F771";
}

.mdi-lock:before {
  content: "\F33E";
}

.mdi-lock-open:before {
  content: "\F33F";
}

.mdi-lock-open-outline:before {
  content: "\F340";
}

.mdi-lock-outline:before {
  content: "\F341";
}

.mdi-lock-pattern:before {
  content: "\F6E9";
}

.mdi-lock-plus:before {
  content: "\F5FB";
}

.mdi-lock-reset:before {
  content: "\F772";
}

.mdi-lock-smart:before {
  content: "\F8B1";
}

.mdi-locker:before {
  content: "\F7D6";
}

.mdi-locker-multiple:before {
  content: "\F7D7";
}

.mdi-login:before {
  content: "\F342";
}

.mdi-login-variant:before {
  content: "\F5FC";
}

.mdi-logout:before {
  content: "\F343";
}

.mdi-logout-variant:before {
  content: "\F5FD";
}

.mdi-looks:before {
  content: "\F344";
}

.mdi-loop:before {
  content: "\F6EA";
}

.mdi-loupe:before {
  content: "\F345";
}

.mdi-lumx:before {
  content: "\F346";
}

.mdi-magnet:before {
  content: "\F347";
}

.mdi-magnet-on:before {
  content: "\F348";
}

.mdi-magnify:before {
  content: "\F349";
}

.mdi-magnify-minus:before {
  content: "\F34A";
}

.mdi-magnify-minus-outline:before {
  content: "\F6EB";
}

.mdi-magnify-plus:before {
  content: "\F34B";
}

.mdi-magnify-plus-outline:before {
  content: "\F6EC";
}

.mdi-mail-ru:before {
  content: "\F34C";
}

.mdi-mailbox:before {
  content: "\F6ED";
}

.mdi-map:before {
  content: "\F34D";
}

.mdi-map-marker:before {
  content: "\F34E";
}

.mdi-map-marker-circle:before {
  content: "\F34F";
}

.mdi-map-marker-minus:before {
  content: "\F650";
}

.mdi-map-marker-multiple:before {
  content: "\F350";
}

.mdi-map-marker-off:before {
  content: "\F351";
}

.mdi-map-marker-outline:before {
  content: "\F7D8";
}

.mdi-map-marker-plus:before {
  content: "\F651";
}

.mdi-map-marker-radius:before {
  content: "\F352";
}

.mdi-margin:before {
  content: "\F353";
}

.mdi-markdown:before {
  content: "\F354";
}

.mdi-marker:before {
  content: "\F652";
}

.mdi-marker-check:before {
  content: "\F355";
}

.mdi-material-ui:before {
  content: "\F357";
}

.mdi-math-compass:before {
  content: "\F358";
}

.mdi-matrix:before {
  content: "\F628";
}

.mdi-maxcdn:before {
  content: "\F359";
}

.mdi-medical-bag:before {
  content: "\F6EE";
}

.mdi-medium:before {
  content: "\F35A";
}

.mdi-memory:before {
  content: "\F35B";
}

.mdi-menu:before {
  content: "\F35C";
}

.mdi-menu-down:before {
  content: "\F35D";
}

.mdi-menu-down-outline:before {
  content: "\F6B5";
}

.mdi-menu-left:before {
  content: "\F35E";
}

.mdi-menu-right:before {
  content: "\F35F";
}

.mdi-menu-up:before {
  content: "\F360";
}

.mdi-menu-up-outline:before {
  content: "\F6B6";
}

.mdi-message:before {
  content: "\F361";
}

.mdi-message-alert:before {
  content: "\F362";
}

.mdi-message-bulleted:before {
  content: "\F6A1";
}

.mdi-message-bulleted-off:before {
  content: "\F6A2";
}

.mdi-message-draw:before {
  content: "\F363";
}

.mdi-message-image:before {
  content: "\F364";
}

.mdi-message-outline:before {
  content: "\F365";
}

.mdi-message-plus:before {
  content: "\F653";
}

.mdi-message-processing:before {
  content: "\F366";
}

.mdi-message-reply:before {
  content: "\F367";
}

.mdi-message-reply-text:before {
  content: "\F368";
}

.mdi-message-settings:before {
  content: "\F6EF";
}

.mdi-message-settings-variant:before {
  content: "\F6F0";
}

.mdi-message-text:before {
  content: "\F369";
}

.mdi-message-text-outline:before {
  content: "\F36A";
}

.mdi-message-video:before {
  content: "\F36B";
}

.mdi-meteor:before {
  content: "\F629";
}

.mdi-metronome:before {
  content: "\F7D9";
}

.mdi-metronome-tick:before {
  content: "\F7DA";
}

.mdi-micro-sd:before {
  content: "\F7DB";
}

.mdi-microphone:before {
  content: "\F36C";
}

.mdi-microphone-minus:before {
  content: "\F8B2";
}

.mdi-microphone-off:before {
  content: "\F36D";
}

.mdi-microphone-outline:before {
  content: "\F36E";
}

.mdi-microphone-plus:before {
  content: "\F8B3";
}

.mdi-microphone-settings:before {
  content: "\F36F";
}

.mdi-microphone-variant:before {
  content: "\F370";
}

.mdi-microphone-variant-off:before {
  content: "\F371";
}

.mdi-microscope:before {
  content: "\F654";
}

.mdi-microsoft:before {
  content: "\F372";
}

.mdi-minecraft:before {
  content: "\F373";
}

.mdi-minus:before {
  content: "\F374";
}

.mdi-minus-box:before {
  content: "\F375";
}

.mdi-minus-box-outline:before {
  content: "\F6F1";
}

.mdi-minus-circle:before {
  content: "\F376";
}

.mdi-minus-circle-outline:before {
  content: "\F377";
}

.mdi-minus-network:before {
  content: "\F378";
}

.mdi-mixcloud:before {
  content: "\F62A";
}

.mdi-mixed-reality:before {
  content: "\F87E";
}

.mdi-mixer:before {
  content: "\F7DC";
}

.mdi-monitor:before {
  content: "\F379";
}

.mdi-monitor-multiple:before {
  content: "\F37A";
}

.mdi-more:before {
  content: "\F37B";
}

.mdi-motorbike:before {
  content: "\F37C";
}

.mdi-mouse:before {
  content: "\F37D";
}

.mdi-mouse-off:before {
  content: "\F37E";
}

.mdi-mouse-variant:before {
  content: "\F37F";
}

.mdi-mouse-variant-off:before {
  content: "\F380";
}

.mdi-move-resize:before {
  content: "\F655";
}

.mdi-move-resize-variant:before {
  content: "\F656";
}

.mdi-movie:before {
  content: "\F381";
}

.mdi-movie-roll:before {
  content: "\F7DD";
}

.mdi-multiplication:before {
  content: "\F382";
}

.mdi-multiplication-box:before {
  content: "\F383";
}

.mdi-mushroom:before {
  content: "\F7DE";
}

.mdi-mushroom-outline:before {
  content: "\F7DF";
}

.mdi-music:before {
  content: "\F759";
}

.mdi-music-box:before {
  content: "\F384";
}

.mdi-music-box-outline:before {
  content: "\F385";
}

.mdi-music-circle:before {
  content: "\F386";
}

.mdi-music-note:before {
  content: "\F387";
}

.mdi-music-note-bluetooth:before {
  content: "\F5FE";
}

.mdi-music-note-bluetooth-off:before {
  content: "\F5FF";
}

.mdi-music-note-eighth:before {
  content: "\F388";
}

.mdi-music-note-half:before {
  content: "\F389";
}

.mdi-music-note-off:before {
  content: "\F38A";
}

.mdi-music-note-quarter:before {
  content: "\F38B";
}

.mdi-music-note-sixteenth:before {
  content: "\F38C";
}

.mdi-music-note-whole:before {
  content: "\F38D";
}

.mdi-music-off:before {
  content: "\F75A";
}

.mdi-nativescript:before {
  content: "\F87F";
}

.mdi-nature:before {
  content: "\F38E";
}

.mdi-nature-people:before {
  content: "\F38F";
}

.mdi-navigation:before {
  content: "\F390";
}

.mdi-near-me:before {
  content: "\F5CD";
}

.mdi-needle:before {
  content: "\F391";
}

.mdi-nest-protect:before {
  content: "\F392";
}

.mdi-nest-thermostat:before {
  content: "\F393";
}

.mdi-netflix:before {
  content: "\F745";
}

.mdi-network:before {
  content: "\F6F2";
}

.mdi-new-box:before {
  content: "\F394";
}

.mdi-newspaper:before {
  content: "\F395";
}

.mdi-nfc:before {
  content: "\F396";
}

.mdi-nfc-tap:before {
  content: "\F397";
}

.mdi-nfc-variant:before {
  content: "\F398";
}

.mdi-ninja:before {
  content: "\F773";
}

.mdi-nintendo-switch:before {
  content: "\F7E0";
}

.mdi-nodejs:before {
  content: "\F399";
}

.mdi-note:before {
  content: "\F39A";
}

.mdi-note-multiple:before {
  content: "\F6B7";
}

.mdi-note-multiple-outline:before {
  content: "\F6B8";
}

.mdi-note-outline:before {
  content: "\F39B";
}

.mdi-note-plus:before {
  content: "\F39C";
}

.mdi-note-plus-outline:before {
  content: "\F39D";
}

.mdi-note-text:before {
  content: "\F39E";
}

.mdi-notebook:before {
  content: "\F82D";
}

.mdi-notification-clear-all:before {
  content: "\F39F";
}

.mdi-npm:before {
  content: "\F6F6";
}

.mdi-nuke:before {
  content: "\F6A3";
}

.mdi-null:before {
  content: "\F7E1";
}

.mdi-numeric:before {
  content: "\F3A0";
}

.mdi-numeric-0-box:before {
  content: "\F3A1";
}

.mdi-numeric-0-box-multiple-outline:before {
  content: "\F3A2";
}

.mdi-numeric-0-box-outline:before {
  content: "\F3A3";
}

.mdi-numeric-1-box:before {
  content: "\F3A4";
}

.mdi-numeric-1-box-multiple-outline:before {
  content: "\F3A5";
}

.mdi-numeric-1-box-outline:before {
  content: "\F3A6";
}

.mdi-numeric-2-box:before {
  content: "\F3A7";
}

.mdi-numeric-2-box-multiple-outline:before {
  content: "\F3A8";
}

.mdi-numeric-2-box-outline:before {
  content: "\F3A9";
}

.mdi-numeric-3-box:before {
  content: "\F3AA";
}

.mdi-numeric-3-box-multiple-outline:before {
  content: "\F3AB";
}

.mdi-numeric-3-box-outline:before {
  content: "\F3AC";
}

.mdi-numeric-4-box:before {
  content: "\F3AD";
}

.mdi-numeric-4-box-multiple-outline:before {
  content: "\F3AE";
}

.mdi-numeric-4-box-outline:before {
  content: "\F3AF";
}

.mdi-numeric-5-box:before {
  content: "\F3B0";
}

.mdi-numeric-5-box-multiple-outline:before {
  content: "\F3B1";
}

.mdi-numeric-5-box-outline:before {
  content: "\F3B2";
}

.mdi-numeric-6-box:before {
  content: "\F3B3";
}

.mdi-numeric-6-box-multiple-outline:before {
  content: "\F3B4";
}

.mdi-numeric-6-box-outline:before {
  content: "\F3B5";
}

.mdi-numeric-7-box:before {
  content: "\F3B6";
}

.mdi-numeric-7-box-multiple-outline:before {
  content: "\F3B7";
}

.mdi-numeric-7-box-outline:before {
  content: "\F3B8";
}

.mdi-numeric-8-box:before {
  content: "\F3B9";
}

.mdi-numeric-8-box-multiple-outline:before {
  content: "\F3BA";
}

.mdi-numeric-8-box-outline:before {
  content: "\F3BB";
}

.mdi-numeric-9-box:before {
  content: "\F3BC";
}

.mdi-numeric-9-box-multiple-outline:before {
  content: "\F3BD";
}

.mdi-numeric-9-box-outline:before {
  content: "\F3BE";
}

.mdi-numeric-9-plus-box:before {
  content: "\F3BF";
}

.mdi-numeric-9-plus-box-multiple-outline:before {
  content: "\F3C0";
}

.mdi-numeric-9-plus-box-outline:before {
  content: "\F3C1";
}

.mdi-nut:before {
  content: "\F6F7";
}

.mdi-nutrition:before {
  content: "\F3C2";
}

.mdi-oar:before {
  content: "\F67B";
}

.mdi-octagon:before {
  content: "\F3C3";
}

.mdi-octagon-outline:before {
  content: "\F3C4";
}

.mdi-octagram:before {
  content: "\F6F8";
}

.mdi-octagram-outline:before {
  content: "\F774";
}

.mdi-odnoklassniki:before {
  content: "\F3C5";
}

.mdi-office:before {
  content: "\F3C6";
}

.mdi-oil:before {
  content: "\F3C7";
}

.mdi-oil-temperature:before {
  content: "\F3C8";
}

.mdi-omega:before {
  content: "\F3C9";
}

.mdi-onedrive:before {
  content: "\F3CA";
}

.mdi-onenote:before {
  content: "\F746";
}

.mdi-onepassword:before {
  content: "\F880";
}

.mdi-opacity:before {
  content: "\F5CC";
}

.mdi-open-in-app:before {
  content: "\F3CB";
}

.mdi-open-in-new:before {
  content: "\F3CC";
}

.mdi-openid:before {
  content: "\F3CD";
}

.mdi-opera:before {
  content: "\F3CE";
}

.mdi-orbit:before {
  content: "\F018";
}

.mdi-ornament:before {
  content: "\F3CF";
}

.mdi-ornament-variant:before {
  content: "\F3D0";
}

.mdi-owl:before {
  content: "\F3D2";
}

.mdi-package:before {
  content: "\F3D3";
}

.mdi-package-down:before {
  content: "\F3D4";
}

.mdi-package-up:before {
  content: "\F3D5";
}

.mdi-package-variant:before {
  content: "\F3D6";
}

.mdi-package-variant-closed:before {
  content: "\F3D7";
}

.mdi-page-first:before {
  content: "\F600";
}

.mdi-page-last:before {
  content: "\F601";
}

.mdi-page-layout-body:before {
  content: "\F6F9";
}

.mdi-page-layout-footer:before {
  content: "\F6FA";
}

.mdi-page-layout-header:before {
  content: "\F6FB";
}

.mdi-page-layout-sidebar-left:before {
  content: "\F6FC";
}

.mdi-page-layout-sidebar-right:before {
  content: "\F6FD";
}

.mdi-palette:before {
  content: "\F3D8";
}

.mdi-palette-advanced:before {
  content: "\F3D9";
}

.mdi-palette-swatch:before {
  content: "\F8B4";
}

.mdi-panda:before {
  content: "\F3DA";
}

.mdi-pandora:before {
  content: "\F3DB";
}

.mdi-panorama:before {
  content: "\F3DC";
}

.mdi-panorama-fisheye:before {
  content: "\F3DD";
}

.mdi-panorama-horizontal:before {
  content: "\F3DE";
}

.mdi-panorama-vertical:before {
  content: "\F3DF";
}

.mdi-panorama-wide-angle:before {
  content: "\F3E0";
}

.mdi-paper-cut-vertical:before {
  content: "\F3E1";
}

.mdi-paperclip:before {
  content: "\F3E2";
}

.mdi-parking:before {
  content: "\F3E3";
}

.mdi-passport:before {
  content: "\F7E2";
}

.mdi-patreon:before {
  content: "\F881";
}

.mdi-pause:before {
  content: "\F3E4";
}

.mdi-pause-circle:before {
  content: "\F3E5";
}

.mdi-pause-circle-outline:before {
  content: "\F3E6";
}

.mdi-pause-octagon:before {
  content: "\F3E7";
}

.mdi-pause-octagon-outline:before {
  content: "\F3E8";
}

.mdi-paw:before {
  content: "\F3E9";
}

.mdi-paw-off:before {
  content: "\F657";
}

.mdi-paypal:before {
  content: "\F882";
}

.mdi-peace:before {
  content: "\F883";
}

.mdi-pen:before {
  content: "\F3EA";
}

.mdi-pencil:before {
  content: "\F3EB";
}

.mdi-pencil-box:before {
  content: "\F3EC";
}

.mdi-pencil-box-outline:before {
  content: "\F3ED";
}

.mdi-pencil-circle:before {
  content: "\F6FE";
}

.mdi-pencil-circle-outline:before {
  content: "\F775";
}

.mdi-pencil-lock:before {
  content: "\F3EE";
}

.mdi-pencil-off:before {
  content: "\F3EF";
}

.mdi-pentagon:before {
  content: "\F6FF";
}

.mdi-pentagon-outline:before {
  content: "\F700";
}

.mdi-percent:before {
  content: "\F3F0";
}

.mdi-periodic-table:before {
  content: "\F8B5";
}

.mdi-periodic-table-co2:before {
  content: "\F7E3";
}

.mdi-periscope:before {
  content: "\F747";
}

.mdi-pharmacy:before {
  content: "\F3F1";
}

.mdi-phone:before {
  content: "\F3F2";
}

.mdi-phone-bluetooth:before {
  content: "\F3F3";
}

.mdi-phone-classic:before {
  content: "\F602";
}

.mdi-phone-forward:before {
  content: "\F3F4";
}

.mdi-phone-hangup:before {
  content: "\F3F5";
}

.mdi-phone-in-talk:before {
  content: "\F3F6";
}

.mdi-phone-incoming:before {
  content: "\F3F7";
}

.mdi-phone-locked:before {
  content: "\F3F8";
}

.mdi-phone-log:before {
  content: "\F3F9";
}

.mdi-phone-minus:before {
  content: "\F658";
}

.mdi-phone-missed:before {
  content: "\F3FA";
}

.mdi-phone-outgoing:before {
  content: "\F3FB";
}

.mdi-phone-paused:before {
  content: "\F3FC";
}

.mdi-phone-plus:before {
  content: "\F659";
}

.mdi-phone-return:before {
  content: "\F82E";
}

.mdi-phone-rotate-landscape:before {
  content: "\F884";
}

.mdi-phone-rotate-portrait:before {
  content: "\F885";
}

.mdi-phone-settings:before {
  content: "\F3FD";
}

.mdi-phone-voip:before {
  content: "\F3FE";
}

.mdi-pi:before {
  content: "\F3FF";
}

.mdi-pi-box:before {
  content: "\F400";
}

.mdi-piano:before {
  content: "\F67C";
}

.mdi-pickaxe:before {
  content: "\F8B6";
}

.mdi-pier:before {
  content: "\F886";
}

.mdi-pier-crane:before {
  content: "\F887";
}

.mdi-pig:before {
  content: "\F401";
}

.mdi-pill:before {
  content: "\F402";
}

.mdi-pillar:before {
  content: "\F701";
}

.mdi-pin:before {
  content: "\F403";
}

.mdi-pin-off:before {
  content: "\F404";
}

.mdi-pine-tree:before {
  content: "\F405";
}

.mdi-pine-tree-box:before {
  content: "\F406";
}

.mdi-pinterest:before {
  content: "\F407";
}

.mdi-pinterest-box:before {
  content: "\F408";
}

.mdi-pipe:before {
  content: "\F7E4";
}

.mdi-pipe-disconnected:before {
  content: "\F7E5";
}

.mdi-pipe-leak:before {
  content: "\F888";
}

.mdi-pistol:before {
  content: "\F702";
}

.mdi-piston:before {
  content: "\F889";
}

.mdi-pizza:before {
  content: "\F409";
}

.mdi-plane-shield:before {
  content: "\F6BA";
}

.mdi-play:before {
  content: "\F40A";
}

.mdi-play-box-outline:before {
  content: "\F40B";
}

.mdi-play-circle:before {
  content: "\F40C";
}

.mdi-play-circle-outline:before {
  content: "\F40D";
}

.mdi-play-network:before {
  content: "\F88A";
}

.mdi-play-pause:before {
  content: "\F40E";
}

.mdi-play-protected-content:before {
  content: "\F40F";
}

.mdi-playlist-check:before {
  content: "\F5C7";
}

.mdi-playlist-minus:before {
  content: "\F410";
}

.mdi-playlist-play:before {
  content: "\F411";
}

.mdi-playlist-plus:before {
  content: "\F412";
}

.mdi-playlist-remove:before {
  content: "\F413";
}

.mdi-playstation:before {
  content: "\F414";
}

.mdi-plex:before {
  content: "\F6B9";
}

.mdi-plus:before {
  content: "\F415";
}

.mdi-plus-box:before {
  content: "\F416";
}

.mdi-plus-box-outline:before {
  content: "\F703";
}

.mdi-plus-circle:before {
  content: "\F417";
}

.mdi-plus-circle-multiple-outline:before {
  content: "\F418";
}

.mdi-plus-circle-outline:before {
  content: "\F419";
}

.mdi-plus-network:before {
  content: "\F41A";
}

.mdi-plus-one:before {
  content: "\F41B";
}

.mdi-plus-outline:before {
  content: "\F704";
}

.mdi-pocket:before {
  content: "\F41C";
}

.mdi-pokeball:before {
  content: "\F41D";
}

.mdi-poker-chip:before {
  content: "\F82F";
}

.mdi-polaroid:before {
  content: "\F41E";
}

.mdi-poll:before {
  content: "\F41F";
}

.mdi-poll-box:before {
  content: "\F420";
}

.mdi-polymer:before {
  content: "\F421";
}

.mdi-pool:before {
  content: "\F606";
}

.mdi-popcorn:before {
  content: "\F422";
}

.mdi-pot:before {
  content: "\F65A";
}

.mdi-pot-mix:before {
  content: "\F65B";
}

.mdi-pound:before {
  content: "\F423";
}

.mdi-pound-box:before {
  content: "\F424";
}

.mdi-power:before {
  content: "\F425";
}

.mdi-power-plug:before {
  content: "\F6A4";
}

.mdi-power-plug-off:before {
  content: "\F6A5";
}

.mdi-power-settings:before {
  content: "\F426";
}

.mdi-power-socket:before {
  content: "\F427";
}

.mdi-power-socket-eu:before {
  content: "\F7E6";
}

.mdi-power-socket-uk:before {
  content: "\F7E7";
}

.mdi-power-socket-us:before {
  content: "\F7E8";
}

.mdi-prescription:before {
  content: "\F705";
}

.mdi-presentation:before {
  content: "\F428";
}

.mdi-presentation-play:before {
  content: "\F429";
}

.mdi-printer:before {
  content: "\F42A";
}

.mdi-printer-3d:before {
  content: "\F42B";
}

.mdi-printer-alert:before {
  content: "\F42C";
}

.mdi-printer-settings:before {
  content: "\F706";
}

.mdi-priority-high:before {
  content: "\F603";
}

.mdi-priority-low:before {
  content: "\F604";
}

.mdi-professional-hexagon:before {
  content: "\F42D";
}

.mdi-projector:before {
  content: "\F42E";
}

.mdi-projector-screen:before {
  content: "\F42F";
}

.mdi-publish:before {
  content: "\F6A6";
}

.mdi-pulse:before {
  content: "\F430";
}

.mdi-puzzle:before {
  content: "\F431";
}

.mdi-qqchat:before {
  content: "\F605";
}

.mdi-qrcode:before {
  content: "\F432";
}

.mdi-qrcode-edit:before {
  content: "\F8B7";
}

.mdi-qrcode-scan:before {
  content: "\F433";
}

.mdi-quadcopter:before {
  content: "\F434";
}

.mdi-quality-high:before {
  content: "\F435";
}

.mdi-quicktime:before {
  content: "\F436";
}

.mdi-radar:before {
  content: "\F437";
}

.mdi-radiator:before {
  content: "\F438";
}

.mdi-radio:before {
  content: "\F439";
}

.mdi-radio-handheld:before {
  content: "\F43A";
}

.mdi-radio-tower:before {
  content: "\F43B";
}

.mdi-radioactive:before {
  content: "\F43C";
}

.mdi-radiobox-blank:before {
  content: "\F43D";
}

.mdi-radiobox-marked:before {
  content: "\F43E";
}

.mdi-raspberrypi:before {
  content: "\F43F";
}

.mdi-ray-end:before {
  content: "\F440";
}

.mdi-ray-end-arrow:before {
  content: "\F441";
}

.mdi-ray-start:before {
  content: "\F442";
}

.mdi-ray-start-arrow:before {
  content: "\F443";
}

.mdi-ray-start-end:before {
  content: "\F444";
}

.mdi-ray-vertex:before {
  content: "\F445";
}

.mdi-react:before {
  content: "\F707";
}

.mdi-read:before {
  content: "\F447";
}

.mdi-receipt:before {
  content: "\F449";
}

.mdi-record:before {
  content: "\F44A";
}

.mdi-record-rec:before {
  content: "\F44B";
}

.mdi-recycle:before {
  content: "\F44C";
}

.mdi-reddit:before {
  content: "\F44D";
}

.mdi-redo:before {
  content: "\F44E";
}

.mdi-redo-variant:before {
  content: "\F44F";
}

.mdi-refresh:before {
  content: "\F450";
}

.mdi-regex:before {
  content: "\F451";
}

.mdi-relative-scale:before {
  content: "\F452";
}

.mdi-reload:before {
  content: "\F453";
}

.mdi-reminder:before {
  content: "\F88B";
}

.mdi-remote:before {
  content: "\F454";
}

.mdi-remote-desktop:before {
  content: "\F8B8";
}

.mdi-rename-box:before {
  content: "\F455";
}

.mdi-reorder-horizontal:before {
  content: "\F687";
}

.mdi-reorder-vertical:before {
  content: "\F688";
}

.mdi-repeat:before {
  content: "\F456";
}

.mdi-repeat-off:before {
  content: "\F457";
}

.mdi-repeat-once:before {
  content: "\F458";
}

.mdi-replay:before {
  content: "\F459";
}

.mdi-reply:before {
  content: "\F45A";
}

.mdi-reply-all:before {
  content: "\F45B";
}

.mdi-reproduction:before {
  content: "\F45C";
}

.mdi-resize-bottom-right:before {
  content: "\F45D";
}

.mdi-responsive:before {
  content: "\F45E";
}

.mdi-restart:before {
  content: "\F708";
}

.mdi-restore:before {
  content: "\F6A7";
}

.mdi-rewind:before {
  content: "\F45F";
}

.mdi-rewind-outline:before {
  content: "\F709";
}

.mdi-rhombus:before {
  content: "\F70A";
}

.mdi-rhombus-outline:before {
  content: "\F70B";
}

.mdi-ribbon:before {
  content: "\F460";
}

.mdi-rice:before {
  content: "\F7E9";
}

.mdi-ring:before {
  content: "\F7EA";
}

.mdi-road:before {
  content: "\F461";
}

.mdi-road-variant:before {
  content: "\F462";
}

.mdi-robot:before {
  content: "\F6A8";
}

.mdi-rocket:before {
  content: "\F463";
}

.mdi-room-service:before {
  content: "\F88C";
}

.mdi-roomba:before {
  content: "\F70C";
}

.mdi-rotate-3d:before {
  content: "\F464";
}

.mdi-rotate-left:before {
  content: "\F465";
}

.mdi-rotate-left-variant:before {
  content: "\F466";
}

.mdi-rotate-right:before {
  content: "\F467";
}

.mdi-rotate-right-variant:before {
  content: "\F468";
}

.mdi-rounded-corner:before {
  content: "\F607";
}

.mdi-router-wireless:before {
  content: "\F469";
}

.mdi-routes:before {
  content: "\F46A";
}

.mdi-rowing:before {
  content: "\F608";
}

.mdi-rss:before {
  content: "\F46B";
}

.mdi-rss-box:before {
  content: "\F46C";
}

.mdi-ruler:before {
  content: "\F46D";
}

.mdi-run:before {
  content: "\F70D";
}

.mdi-run-fast:before {
  content: "\F46E";
}

.mdi-sale:before {
  content: "\F46F";
}

.mdi-salesforce:before {
  content: "\F88D";
}

.mdi-sass:before {
  content: "\F7EB";
}

.mdi-satellite:before {
  content: "\F470";
}

.mdi-satellite-variant:before {
  content: "\F471";
}

.mdi-sausage:before {
  content: "\F8B9";
}

.mdi-saxophone:before {
  content: "\F609";
}

.mdi-scale:before {
  content: "\F472";
}

.mdi-scale-balance:before {
  content: "\F5D1";
}

.mdi-scale-bathroom:before {
  content: "\F473";
}

.mdi-scanner:before {
  content: "\F6AA";
}

.mdi-school:before {
  content: "\F474";
}

.mdi-screen-rotation:before {
  content: "\F475";
}

.mdi-screen-rotation-lock:before {
  content: "\F476";
}

.mdi-screwdriver:before {
  content: "\F477";
}

.mdi-script:before {
  content: "\F478";
}

.mdi-sd:before {
  content: "\F479";
}

.mdi-seal:before {
  content: "\F47A";
}

.mdi-search-web:before {
  content: "\F70E";
}

.mdi-seat-flat:before {
  content: "\F47B";
}

.mdi-seat-flat-angled:before {
  content: "\F47C";
}

.mdi-seat-individual-suite:before {
  content: "\F47D";
}

.mdi-seat-legroom-extra:before {
  content: "\F47E";
}

.mdi-seat-legroom-normal:before {
  content: "\F47F";
}

.mdi-seat-legroom-reduced:before {
  content: "\F480";
}

.mdi-seat-recline-extra:before {
  content: "\F481";
}

.mdi-seat-recline-normal:before {
  content: "\F482";
}

.mdi-security:before {
  content: "\F483";
}

.mdi-security-account:before {
  content: "\F88E";
}

.mdi-security-home:before {
  content: "\F689";
}

.mdi-security-network:before {
  content: "\F484";
}

.mdi-select:before {
  content: "\F485";
}

.mdi-select-all:before {
  content: "\F486";
}

.mdi-select-inverse:before {
  content: "\F487";
}

.mdi-select-off:before {
  content: "\F488";
}

.mdi-selection:before {
  content: "\F489";
}

.mdi-selection-off:before {
  content: "\F776";
}

.mdi-send:before {
  content: "\F48A";
}

.mdi-send-secure:before {
  content: "\F7EC";
}

.mdi-serial-port:before {
  content: "\F65C";
}

.mdi-server:before {
  content: "\F48B";
}

.mdi-server-minus:before {
  content: "\F48C";
}

.mdi-server-network:before {
  content: "\F48D";
}

.mdi-server-network-off:before {
  content: "\F48E";
}

.mdi-server-off:before {
  content: "\F48F";
}

.mdi-server-plus:before {
  content: "\F490";
}

.mdi-server-remove:before {
  content: "\F491";
}

.mdi-server-security:before {
  content: "\F492";
}

.mdi-set-all:before {
  content: "\F777";
}

.mdi-set-center:before {
  content: "\F778";
}

.mdi-set-center-right:before {
  content: "\F779";
}

.mdi-set-left:before {
  content: "\F77A";
}

.mdi-set-left-center:before {
  content: "\F77B";
}

.mdi-set-left-right:before {
  content: "\F77C";
}

.mdi-set-none:before {
  content: "\F77D";
}

.mdi-set-right:before {
  content: "\F77E";
}

.mdi-settings:before {
  content: "\F493";
}

.mdi-settings-box:before {
  content: "\F494";
}

.mdi-settings-outline:before {
  content: "\F8BA";
}

.mdi-shape:before {
  content: "\F830";
}

.mdi-shape-circle-plus:before {
  content: "\F65D";
}

.mdi-shape-outline:before {
  content: "\F831";
}

.mdi-shape-plus:before {
  content: "\F495";
}

.mdi-shape-polygon-plus:before {
  content: "\F65E";
}

.mdi-shape-rectangle-plus:before {
  content: "\F65F";
}

.mdi-shape-square-plus:before {
  content: "\F660";
}

.mdi-share:before {
  content: "\F496";
}

.mdi-share-variant:before {
  content: "\F497";
}

.mdi-shield:before {
  content: "\F498";
}

.mdi-shield-half-full:before {
  content: "\F77F";
}

.mdi-shield-outline:before {
  content: "\F499";
}

.mdi-ship-wheel:before {
  content: "\F832";
}

.mdi-shopping:before {
  content: "\F49A";
}

.mdi-shopping-music:before {
  content: "\F49B";
}

.mdi-shovel:before {
  content: "\F70F";
}

.mdi-shovel-off:before {
  content: "\F710";
}

.mdi-shredder:before {
  content: "\F49C";
}

.mdi-shuffle:before {
  content: "\F49D";
}

.mdi-shuffle-disabled:before {
  content: "\F49E";
}

.mdi-shuffle-variant:before {
  content: "\F49F";
}

.mdi-sigma:before {
  content: "\F4A0";
}

.mdi-sigma-lower:before {
  content: "\F62B";
}

.mdi-sign-caution:before {
  content: "\F4A1";
}

.mdi-sign-direction:before {
  content: "\F780";
}

.mdi-sign-text:before {
  content: "\F781";
}

.mdi-signal:before {
  content: "\F4A2";
}

.mdi-signal-2g:before {
  content: "\F711";
}

.mdi-signal-3g:before {
  content: "\F712";
}

.mdi-signal-4g:before {
  content: "\F713";
}

.mdi-signal-cellular-1:before {
  content: "\F8BB";
}

.mdi-signal-cellular-2:before {
  content: "\F8BC";
}

.mdi-signal-cellular-3:before {
  content: "\F8BD";
}

.mdi-signal-cellular-outline:before {
  content: "\F8BE";
}

.mdi-signal-hspa:before {
  content: "\F714";
}

.mdi-signal-hspa-plus:before {
  content: "\F715";
}

.mdi-signal-off:before {
  content: "\F782";
}

.mdi-signal-variant:before {
  content: "\F60A";
}

.mdi-silverware:before {
  content: "\F4A3";
}

.mdi-silverware-fork:before {
  content: "\F4A4";
}

.mdi-silverware-spoon:before {
  content: "\F4A5";
}

.mdi-silverware-variant:before {
  content: "\F4A6";
}

.mdi-sim:before {
  content: "\F4A7";
}

.mdi-sim-alert:before {
  content: "\F4A8";
}

.mdi-sim-off:before {
  content: "\F4A9";
}

.mdi-sitemap:before {
  content: "\F4AA";
}

.mdi-skip-backward:before {
  content: "\F4AB";
}

.mdi-skip-forward:before {
  content: "\F4AC";
}

.mdi-skip-next:before {
  content: "\F4AD";
}

.mdi-skip-next-circle:before {
  content: "\F661";
}

.mdi-skip-next-circle-outline:before {
  content: "\F662";
}

.mdi-skip-previous:before {
  content: "\F4AE";
}

.mdi-skip-previous-circle:before {
  content: "\F663";
}

.mdi-skip-previous-circle-outline:before {
  content: "\F664";
}

.mdi-skull:before {
  content: "\F68B";
}

.mdi-skype:before {
  content: "\F4AF";
}

.mdi-skype-business:before {
  content: "\F4B0";
}

.mdi-slack:before {
  content: "\F4B1";
}

.mdi-sleep:before {
  content: "\F4B2";
}

.mdi-sleep-off:before {
  content: "\F4B3";
}

.mdi-smoking:before {
  content: "\F4B4";
}

.mdi-smoking-off:before {
  content: "\F4B5";
}

.mdi-snapchat:before {
  content: "\F4B6";
}

.mdi-snowflake:before {
  content: "\F716";
}

.mdi-snowman:before {
  content: "\F4B7";
}

.mdi-soccer:before {
  content: "\F4B8";
}

.mdi-soccer-field:before {
  content: "\F833";
}

.mdi-sofa:before {
  content: "\F4B9";
}

.mdi-solid:before {
  content: "\F68C";
}

.mdi-sort:before {
  content: "\F4BA";
}

.mdi-sort-alphabetical:before {
  content: "\F4BB";
}

.mdi-sort-ascending:before {
  content: "\F4BC";
}

.mdi-sort-descending:before {
  content: "\F4BD";
}

.mdi-sort-numeric:before {
  content: "\F4BE";
}

.mdi-sort-variant:before {
  content: "\F4BF";
}

.mdi-soundcloud:before {
  content: "\F4C0";
}

.mdi-source-branch:before {
  content: "\F62C";
}

.mdi-source-commit:before {
  content: "\F717";
}

.mdi-source-commit-end:before {
  content: "\F718";
}

.mdi-source-commit-end-local:before {
  content: "\F719";
}

.mdi-source-commit-local:before {
  content: "\F71A";
}

.mdi-source-commit-next-local:before {
  content: "\F71B";
}

.mdi-source-commit-start:before {
  content: "\F71C";
}

.mdi-source-commit-start-next-local:before {
  content: "\F71D";
}

.mdi-source-fork:before {
  content: "\F4C1";
}

.mdi-source-merge:before {
  content: "\F62D";
}

.mdi-source-pull:before {
  content: "\F4C2";
}

.mdi-soy-sauce:before {
  content: "\F7ED";
}

.mdi-speaker:before {
  content: "\F4C3";
}

.mdi-speaker-off:before {
  content: "\F4C4";
}

.mdi-speaker-wireless:before {
  content: "\F71E";
}

.mdi-speedometer:before {
  content: "\F4C5";
}

.mdi-spellcheck:before {
  content: "\F4C6";
}

.mdi-spotify:before {
  content: "\F4C7";
}

.mdi-spotlight:before {
  content: "\F4C8";
}

.mdi-spotlight-beam:before {
  content: "\F4C9";
}

.mdi-spray:before {
  content: "\F665";
}

.mdi-square:before {
  content: "\F763";
}

.mdi-square-inc:before {
  content: "\F4CA";
}

.mdi-square-inc-cash:before {
  content: "\F4CB";
}

.mdi-square-outline:before {
  content: "\F762";
}

.mdi-square-root:before {
  content: "\F783";
}

.mdi-ssh:before {
  content: "\F8BF";
}

.mdi-stack-overflow:before {
  content: "\F4CC";
}

.mdi-stackexchange:before {
  content: "\F60B";
}

.mdi-stadium:before {
  content: "\F71F";
}

.mdi-stairs:before {
  content: "\F4CD";
}

.mdi-standard-definition:before {
  content: "\F7EE";
}

.mdi-star:before {
  content: "\F4CE";
}

.mdi-star-circle:before {
  content: "\F4CF";
}

.mdi-star-half:before {
  content: "\F4D0";
}

.mdi-star-off:before {
  content: "\F4D1";
}

.mdi-star-outline:before {
  content: "\F4D2";
}

.mdi-steam:before {
  content: "\F4D3";
}

.mdi-steering:before {
  content: "\F4D4";
}

.mdi-step-backward:before {
  content: "\F4D5";
}

.mdi-step-backward-2:before {
  content: "\F4D6";
}

.mdi-step-forward:before {
  content: "\F4D7";
}

.mdi-step-forward-2:before {
  content: "\F4D8";
}

.mdi-stethoscope:before {
  content: "\F4D9";
}

.mdi-sticker:before {
  content: "\F5D0";
}

.mdi-sticker-emoji:before {
  content: "\F784";
}

.mdi-stocking:before {
  content: "\F4DA";
}

.mdi-stop:before {
  content: "\F4DB";
}

.mdi-stop-circle:before {
  content: "\F666";
}

.mdi-stop-circle-outline:before {
  content: "\F667";
}

.mdi-store:before {
  content: "\F4DC";
}

.mdi-store-24-hour:before {
  content: "\F4DD";
}

.mdi-stove:before {
  content: "\F4DE";
}

.mdi-subdirectory-arrow-left:before {
  content: "\F60C";
}

.mdi-subdirectory-arrow-right:before {
  content: "\F60D";
}

.mdi-subway:before {
  content: "\F6AB";
}

.mdi-subway-variant:before {
  content: "\F4DF";
}

.mdi-summit:before {
  content: "\F785";
}

.mdi-sunglasses:before {
  content: "\F4E0";
}

.mdi-surround-sound:before {
  content: "\F5C5";
}

.mdi-surround-sound-2-0:before {
  content: "\F7EF";
}

.mdi-surround-sound-3-1:before {
  content: "\F7F0";
}

.mdi-surround-sound-5-1:before {
  content: "\F7F1";
}

.mdi-surround-sound-7-1:before {
  content: "\F7F2";
}

.mdi-svg:before {
  content: "\F720";
}

.mdi-swap-horizontal:before {
  content: "\F4E1";
}

.mdi-swap-horizontal-variant:before {
  content: "\F8C0";
}

.mdi-swap-vertical:before {
  content: "\F4E2";
}

.mdi-swap-vertical-variant:before {
  content: "\F8C1";
}

.mdi-swim:before {
  content: "\F4E3";
}

.mdi-switch:before {
  content: "\F4E4";
}

.mdi-sword:before {
  content: "\F4E5";
}

.mdi-sword-cross:before {
  content: "\F786";
}

.mdi-sync:before {
  content: "\F4E6";
}

.mdi-sync-alert:before {
  content: "\F4E7";
}

.mdi-sync-off:before {
  content: "\F4E8";
}

.mdi-tab:before {
  content: "\F4E9";
}

.mdi-tab-plus:before {
  content: "\F75B";
}

.mdi-tab-unselected:before {
  content: "\F4EA";
}

.mdi-table:before {
  content: "\F4EB";
}

.mdi-table-column:before {
  content: "\F834";
}

.mdi-table-column-plus-after:before {
  content: "\F4EC";
}

.mdi-table-column-plus-before:before {
  content: "\F4ED";
}

.mdi-table-column-remove:before {
  content: "\F4EE";
}

.mdi-table-column-width:before {
  content: "\F4EF";
}

.mdi-table-edit:before {
  content: "\F4F0";
}

.mdi-table-large:before {
  content: "\F4F1";
}

.mdi-table-of-contents:before {
  content: "\F835";
}

.mdi-table-row:before {
  content: "\F836";
}

.mdi-table-row-height:before {
  content: "\F4F2";
}

.mdi-table-row-plus-after:before {
  content: "\F4F3";
}

.mdi-table-row-plus-before:before {
  content: "\F4F4";
}

.mdi-table-row-remove:before {
  content: "\F4F5";
}

.mdi-table-settings:before {
  content: "\F837";
}

.mdi-tablet:before {
  content: "\F4F6";
}

.mdi-tablet-android:before {
  content: "\F4F7";
}

.mdi-tablet-ipad:before {
  content: "\F4F8";
}

.mdi-taco:before {
  content: "\F761";
}

.mdi-tag:before {
  content: "\F4F9";
}

.mdi-tag-faces:before {
  content: "\F4FA";
}

.mdi-tag-heart:before {
  content: "\F68A";
}

.mdi-tag-multiple:before {
  content: "\F4FB";
}

.mdi-tag-outline:before {
  content: "\F4FC";
}

.mdi-tag-plus:before {
  content: "\F721";
}

.mdi-tag-remove:before {
  content: "\F722";
}

.mdi-tag-text-outline:before {
  content: "\F4FD";
}

.mdi-target:before {
  content: "\F4FE";
}

.mdi-taxi:before {
  content: "\F4FF";
}

.mdi-teach:before {
  content: "\F88F";
}

.mdi-teamviewer:before {
  content: "\F500";
}

.mdi-telegram:before {
  content: "\F501";
}

.mdi-television:before {
  content: "\F502";
}

.mdi-television-box:before {
  content: "\F838";
}

.mdi-television-classic:before {
  content: "\F7F3";
}

.mdi-television-classic-off:before {
  content: "\F839";
}

.mdi-television-guide:before {
  content: "\F503";
}

.mdi-television-off:before {
  content: "\F83A";
}

.mdi-temperature-celsius:before {
  content: "\F504";
}

.mdi-temperature-fahrenheit:before {
  content: "\F505";
}

.mdi-temperature-kelvin:before {
  content: "\F506";
}

.mdi-tennis:before {
  content: "\F507";
}

.mdi-tent:before {
  content: "\F508";
}

.mdi-terrain:before {
  content: "\F509";
}

.mdi-test-tube:before {
  content: "\F668";
}

.mdi-text-shadow:before {
  content: "\F669";
}

.mdi-text-to-speech:before {
  content: "\F50A";
}

.mdi-text-to-speech-off:before {
  content: "\F50B";
}

.mdi-textbox:before {
  content: "\F60E";
}

.mdi-textbox-password:before {
  content: "\F7F4";
}

.mdi-texture:before {
  content: "\F50C";
}

.mdi-theater:before {
  content: "\F50D";
}

.mdi-theme-light-dark:before {
  content: "\F50E";
}

.mdi-thermometer:before {
  content: "\F50F";
}

.mdi-thermometer-lines:before {
  content: "\F510";
}

.mdi-thermostat-box:before {
  content: "\F890";
}

.mdi-thought-bubble:before {
  content: "\F7F5";
}

.mdi-thought-bubble-outline:before {
  content: "\F7F6";
}

.mdi-thumb-down:before {
  content: "\F511";
}

.mdi-thumb-down-outline:before {
  content: "\F512";
}

.mdi-thumb-up:before {
  content: "\F513";
}

.mdi-thumb-up-outline:before {
  content: "\F514";
}

.mdi-thumbs-up-down:before {
  content: "\F515";
}

.mdi-ticket:before {
  content: "\F516";
}

.mdi-ticket-account:before {
  content: "\F517";
}

.mdi-ticket-confirmation:before {
  content: "\F518";
}

.mdi-ticket-percent:before {
  content: "\F723";
}

.mdi-tie:before {
  content: "\F519";
}

.mdi-tilde:before {
  content: "\F724";
}

.mdi-timelapse:before {
  content: "\F51A";
}

.mdi-timer:before {
  content: "\F51B";
}

.mdi-timer-10:before {
  content: "\F51C";
}

.mdi-timer-3:before {
  content: "\F51D";
}

.mdi-timer-off:before {
  content: "\F51E";
}

.mdi-timer-sand:before {
  content: "\F51F";
}

.mdi-timer-sand-empty:before {
  content: "\F6AC";
}

.mdi-timer-sand-full:before {
  content: "\F78B";
}

.mdi-timetable:before {
  content: "\F520";
}

.mdi-toggle-switch:before {
  content: "\F521";
}

.mdi-toggle-switch-off:before {
  content: "\F522";
}

.mdi-tooltip:before {
  content: "\F523";
}

.mdi-tooltip-edit:before {
  content: "\F524";
}

.mdi-tooltip-image:before {
  content: "\F525";
}

.mdi-tooltip-outline:before {
  content: "\F526";
}

.mdi-tooltip-outline-plus:before {
  content: "\F527";
}

.mdi-tooltip-text:before {
  content: "\F528";
}

.mdi-tooth:before {
  content: "\F8C2";
}

.mdi-tooth-outline:before {
  content: "\F529";
}

.mdi-tor:before {
  content: "\F52A";
}

.mdi-tower-beach:before {
  content: "\F680";
}

.mdi-tower-fire:before {
  content: "\F681";
}

.mdi-towing:before {
  content: "\F83B";
}

.mdi-trackpad:before {
  content: "\F7F7";
}

.mdi-tractor:before {
  content: "\F891";
}

.mdi-traffic-light:before {
  content: "\F52B";
}

.mdi-train:before {
  content: "\F52C";
}

.mdi-train-variant:before {
  content: "\F8C3";
}

.mdi-tram:before {
  content: "\F52D";
}

.mdi-transcribe:before {
  content: "\F52E";
}

.mdi-transcribe-close:before {
  content: "\F52F";
}

.mdi-transfer:before {
  content: "\F530";
}

.mdi-transit-transfer:before {
  content: "\F6AD";
}

.mdi-translate:before {
  content: "\F5CA";
}

.mdi-treasure-chest:before {
  content: "\F725";
}

.mdi-tree:before {
  content: "\F531";
}

.mdi-trello:before {
  content: "\F532";
}

.mdi-trending-down:before {
  content: "\F533";
}

.mdi-trending-neutral:before {
  content: "\F534";
}

.mdi-trending-up:before {
  content: "\F535";
}

.mdi-triangle:before {
  content: "\F536";
}

.mdi-triangle-outline:before {
  content: "\F537";
}

.mdi-trophy:before {
  content: "\F538";
}

.mdi-trophy-award:before {
  content: "\F539";
}

.mdi-trophy-outline:before {
  content: "\F53A";
}

.mdi-trophy-variant:before {
  content: "\F53B";
}

.mdi-trophy-variant-outline:before {
  content: "\F53C";
}

.mdi-truck:before {
  content: "\F53D";
}

.mdi-truck-delivery:before {
  content: "\F53E";
}

.mdi-truck-fast:before {
  content: "\F787";
}

.mdi-truck-trailer:before {
  content: "\F726";
}

.mdi-tshirt-crew:before {
  content: "\F53F";
}

.mdi-tshirt-v:before {
  content: "\F540";
}

.mdi-tumblr:before {
  content: "\F541";
}

.mdi-tumblr-reblog:before {
  content: "\F542";
}

.mdi-tune:before {
  content: "\F62E";
}

.mdi-tune-vertical:before {
  content: "\F66A";
}

.mdi-twitch:before {
  content: "\F543";
}

.mdi-twitter:before {
  content: "\F544";
}

.mdi-twitter-box:before {
  content: "\F545";
}

.mdi-twitter-circle:before {
  content: "\F546";
}

.mdi-twitter-retweet:before {
  content: "\F547";
}

.mdi-uber:before {
  content: "\F748";
}

.mdi-ubuntu:before {
  content: "\F548";
}

.mdi-ultra-high-definition:before {
  content: "\F7F8";
}

.mdi-umbraco:before {
  content: "\F549";
}

.mdi-umbrella:before {
  content: "\F54A";
}

.mdi-umbrella-outline:before {
  content: "\F54B";
}

.mdi-undo:before {
  content: "\F54C";
}

.mdi-undo-variant:before {
  content: "\F54D";
}

.mdi-unfold-less-horizontal:before {
  content: "\F54E";
}

.mdi-unfold-less-vertical:before {
  content: "\F75F";
}

.mdi-unfold-more-horizontal:before {
  content: "\F54F";
}

.mdi-unfold-more-vertical:before {
  content: "\F760";
}

.mdi-ungroup:before {
  content: "\F550";
}

.mdi-unity:before {
  content: "\F6AE";
}

.mdi-untappd:before {
  content: "\F551";
}

.mdi-update:before {
  content: "\F6AF";
}

.mdi-upload:before {
  content: "\F552";
}

.mdi-upload-multiple:before {
  content: "\F83C";
}

.mdi-upload-network:before {
  content: "\F6F5";
}

.mdi-usb:before {
  content: "\F553";
}

.mdi-van-passenger:before {
  content: "\F7F9";
}

.mdi-van-utility:before {
  content: "\F7FA";
}

.mdi-vanish:before {
  content: "\F7FB";
}

.mdi-vector-arrange-above:before {
  content: "\F554";
}

.mdi-vector-arrange-below:before {
  content: "\F555";
}

.mdi-vector-circle:before {
  content: "\F556";
}

.mdi-vector-circle-variant:before {
  content: "\F557";
}

.mdi-vector-combine:before {
  content: "\F558";
}

.mdi-vector-curve:before {
  content: "\F559";
}

.mdi-vector-difference:before {
  content: "\F55A";
}

.mdi-vector-difference-ab:before {
  content: "\F55B";
}

.mdi-vector-difference-ba:before {
  content: "\F55C";
}

.mdi-vector-ellipse:before {
  content: "\F892";
}

.mdi-vector-intersection:before {
  content: "\F55D";
}

.mdi-vector-line:before {
  content: "\F55E";
}

.mdi-vector-point:before {
  content: "\F55F";
}

.mdi-vector-polygon:before {
  content: "\F560";
}

.mdi-vector-polyline:before {
  content: "\F561";
}

.mdi-vector-radius:before {
  content: "\F749";
}

.mdi-vector-rectangle:before {
  content: "\F5C6";
}

.mdi-vector-selection:before {
  content: "\F562";
}

.mdi-vector-square:before {
  content: "\F001";
}

.mdi-vector-triangle:before {
  content: "\F563";
}

.mdi-vector-union:before {
  content: "\F564";
}

.mdi-venmo:before {
  content: "\F578";
}

.mdi-verified:before {
  content: "\F565";
}

.mdi-vibrate:before {
  content: "\F566";
}

.mdi-video:before {
  content: "\F567";
}

.mdi-video-3d:before {
  content: "\F7FC";
}

.mdi-video-4k-box:before {
  content: "\F83D";
}

.mdi-video-input-antenna:before {
  content: "\F83E";
}

.mdi-video-input-component:before {
  content: "\F83F";
}

.mdi-video-input-hdmi:before {
  content: "\F840";
}

.mdi-video-input-svideo:before {
  content: "\F841";
}

.mdi-video-off:before {
  content: "\F568";
}

.mdi-video-switch:before {
  content: "\F569";
}

.mdi-view-agenda:before {
  content: "\F56A";
}

.mdi-view-array:before {
  content: "\F56B";
}

.mdi-view-carousel:before {
  content: "\F56C";
}

.mdi-view-column:before {
  content: "\F56D";
}

.mdi-view-dashboard:before {
  content: "\F56E";
}

.mdi-view-dashboard-variant:before {
  content: "\F842";
}

.mdi-view-day:before {
  content: "\F56F";
}

.mdi-view-grid:before {
  content: "\F570";
}

.mdi-view-headline:before {
  content: "\F571";
}

.mdi-view-list:before {
  content: "\F572";
}

.mdi-view-module:before {
  content: "\F573";
}

.mdi-view-parallel:before {
  content: "\F727";
}

.mdi-view-quilt:before {
  content: "\F574";
}

.mdi-view-sequential:before {
  content: "\F728";
}

.mdi-view-stream:before {
  content: "\F575";
}

.mdi-view-week:before {
  content: "\F576";
}

.mdi-vimeo:before {
  content: "\F577";
}

.mdi-violin:before {
  content: "\F60F";
}

.mdi-virtual-reality:before {
  content: "\F893";
}

.mdi-visualstudio:before {
  content: "\F610";
}

.mdi-vk:before {
  content: "\F579";
}

.mdi-vk-box:before {
  content: "\F57A";
}

.mdi-vk-circle:before {
  content: "\F57B";
}

.mdi-vlc:before {
  content: "\F57C";
}

.mdi-voice:before {
  content: "\F5CB";
}

.mdi-voicemail:before {
  content: "\F57D";
}

.mdi-volume-high:before {
  content: "\F57E";
}

.mdi-volume-low:before {
  content: "\F57F";
}

.mdi-volume-medium:before {
  content: "\F580";
}

.mdi-volume-minus:before {
  content: "\F75D";
}

.mdi-volume-mute:before {
  content: "\F75E";
}

.mdi-volume-off:before {
  content: "\F581";
}

.mdi-volume-plus:before {
  content: "\F75C";
}

.mdi-vpn:before {
  content: "\F582";
}

.mdi-vuejs:before {
  content: "\F843";
}

.mdi-walk:before {
  content: "\F583";
}

.mdi-wall:before {
  content: "\F7FD";
}

.mdi-wallet:before {
  content: "\F584";
}

.mdi-wallet-giftcard:before {
  content: "\F585";
}

.mdi-wallet-membership:before {
  content: "\F586";
}

.mdi-wallet-travel:before {
  content: "\F587";
}

.mdi-wan:before {
  content: "\F588";
}

.mdi-washing-machine:before {
  content: "\F729";
}

.mdi-watch:before {
  content: "\F589";
}

.mdi-watch-export:before {
  content: "\F58A";
}

.mdi-watch-export-variant:before {
  content: "\F894";
}

.mdi-watch-import:before {
  content: "\F58B";
}

.mdi-watch-import-variant:before {
  content: "\F895";
}

.mdi-watch-variant:before {
  content: "\F896";
}

.mdi-watch-vibrate:before {
  content: "\F6B0";
}

.mdi-water:before {
  content: "\F58C";
}

.mdi-water-off:before {
  content: "\F58D";
}

.mdi-water-percent:before {
  content: "\F58E";
}

.mdi-water-pump:before {
  content: "\F58F";
}

.mdi-watermark:before {
  content: "\F612";
}

.mdi-waves:before {
  content: "\F78C";
}

.mdi-weather-cloudy:before {
  content: "\F590";
}

.mdi-weather-fog:before {
  content: "\F591";
}

.mdi-weather-hail:before {
  content: "\F592";
}

.mdi-weather-hurricane:before {
  content: "\F897";
}

.mdi-weather-lightning:before {
  content: "\F593";
}

.mdi-weather-lightning-rainy:before {
  content: "\F67D";
}

.mdi-weather-night:before {
  content: "\F594";
}

.mdi-weather-partlycloudy:before {
  content: "\F595";
}

.mdi-weather-pouring:before {
  content: "\F596";
}

.mdi-weather-rainy:before {
  content: "\F597";
}

.mdi-weather-snowy:before {
  content: "\F598";
}

.mdi-weather-snowy-rainy:before {
  content: "\F67E";
}

.mdi-weather-sunny:before {
  content: "\F599";
}

.mdi-weather-sunset:before {
  content: "\F59A";
}

.mdi-weather-sunset-down:before {
  content: "\F59B";
}

.mdi-weather-sunset-up:before {
  content: "\F59C";
}

.mdi-weather-windy:before {
  content: "\F59D";
}

.mdi-weather-windy-variant:before {
  content: "\F59E";
}

.mdi-web:before {
  content: "\F59F";
}

.mdi-webcam:before {
  content: "\F5A0";
}

.mdi-webhook:before {
  content: "\F62F";
}

.mdi-webpack:before {
  content: "\F72A";
}

.mdi-wechat:before {
  content: "\F611";
}

.mdi-weight:before {
  content: "\F5A1";
}

.mdi-weight-kilogram:before {
  content: "\F5A2";
}

.mdi-whatsapp:before {
  content: "\F5A3";
}

.mdi-wheelchair-accessibility:before {
  content: "\F5A4";
}

.mdi-white-balance-auto:before {
  content: "\F5A5";
}

.mdi-white-balance-incandescent:before {
  content: "\F5A6";
}

.mdi-white-balance-iridescent:before {
  content: "\F5A7";
}

.mdi-white-balance-sunny:before {
  content: "\F5A8";
}

.mdi-widgets:before {
  content: "\F72B";
}

.mdi-wifi:before {
  content: "\F5A9";
}

.mdi-wifi-off:before {
  content: "\F5AA";
}

.mdi-wii:before {
  content: "\F5AB";
}

.mdi-wiiu:before {
  content: "\F72C";
}

.mdi-wikipedia:before {
  content: "\F5AC";
}

.mdi-window-close:before {
  content: "\F5AD";
}

.mdi-window-closed:before {
  content: "\F5AE";
}

.mdi-window-maximize:before {
  content: "\F5AF";
}

.mdi-window-minimize:before {
  content: "\F5B0";
}

.mdi-window-open:before {
  content: "\F5B1";
}

.mdi-window-restore:before {
  content: "\F5B2";
}

.mdi-windows:before {
  content: "\F5B3";
}

.mdi-wordpress:before {
  content: "\F5B4";
}

.mdi-worker:before {
  content: "\F5B5";
}

.mdi-wrap:before {
  content: "\F5B6";
}

.mdi-wrench:before {
  content: "\F5B7";
}

.mdi-wunderlist:before {
  content: "\F5B8";
}

.mdi-xamarin:before {
  content: "\F844";
}

.mdi-xamarin-outline:before {
  content: "\F845";
}

.mdi-xaml:before {
  content: "\F673";
}

.mdi-xbox:before {
  content: "\F5B9";
}

.mdi-xbox-controller:before {
  content: "\F5BA";
}

.mdi-xbox-controller-battery-alert:before {
  content: "\F74A";
}

.mdi-xbox-controller-battery-empty:before {
  content: "\F74B";
}

.mdi-xbox-controller-battery-full:before {
  content: "\F74C";
}

.mdi-xbox-controller-battery-low:before {
  content: "\F74D";
}

.mdi-xbox-controller-battery-medium:before {
  content: "\F74E";
}

.mdi-xbox-controller-battery-unknown:before {
  content: "\F74F";
}

.mdi-xbox-controller-off:before {
  content: "\F5BB";
}

.mdi-xda:before {
  content: "\F5BC";
}

.mdi-xing:before {
  content: "\F5BD";
}

.mdi-xing-box:before {
  content: "\F5BE";
}

.mdi-xing-circle:before {
  content: "\F5BF";
}

.mdi-xml:before {
  content: "\F5C0";
}

.mdi-xmpp:before {
  content: "\F7FE";
}

.mdi-yammer:before {
  content: "\F788";
}

.mdi-yeast:before {
  content: "\F5C1";
}

.mdi-yelp:before {
  content: "\F5C2";
}

.mdi-yin-yang:before {
  content: "\F67F";
}

.mdi-youtube-creator-studio:before {
  content: "\F846";
}

.mdi-youtube-gaming:before {
  content: "\F847";
}

.mdi-youtube-play:before {
  content: "\F5C3";
}

.mdi-youtube-tv:before {
  content: "\F448";
}

.mdi-zip-box:before {
  content: "\F5C4";
}

.mdi-blank:before {
  content: "\f68c";
  visibility: hidden;
}

.mdi-18px.mdi-set, .mdi-18px.mdi:before {
  font-size: 18px;
}

.mdi-24px.mdi-set, .mdi-24px.mdi:before {
  font-size: 24px;
}

.mdi-36px.mdi-set, .mdi-36px.mdi:before {
  font-size: 36px;
}

.mdi-48px.mdi-set, .mdi-48px.mdi:before {
  font-size: 48px;
}

.mdi-dark:before {
  color: rgba(0, 0, 0, 0.54);
}
.mdi-dark.mdi-inactive:before {
  color: rgba(0, 0, 0, 0.26);
}

.mdi-light:before {
  color: rgb(255, 255, 255);
}
.mdi-light.mdi-inactive:before {
  color: rgba(255, 255, 255, 0.3);
}

.mdi-rotate-45 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(45deg);
      transform: scaleX(-1) rotate(45deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: scaleY(-1) rotate(45deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}
.mdi-rotate-45:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mdi-rotate-90 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(90deg);
      transform: scaleX(-1) rotate(90deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: scaleY(-1) rotate(90deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}
.mdi-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mdi-rotate-135 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(135deg);
      transform: scaleX(-1) rotate(135deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(135deg);
      -ms-transform: rotate(135deg);
      transform: scaleY(-1) rotate(135deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}
.mdi-rotate-135:before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.mdi-rotate-180 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(180deg);
      transform: scaleX(-1) rotate(180deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: scaleY(-1) rotate(180deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}
.mdi-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.mdi-rotate-225 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(225deg);
      transform: scaleX(-1) rotate(225deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(225deg);
      -ms-transform: rotate(225deg);
      transform: scaleY(-1) rotate(225deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}
.mdi-rotate-225:before {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}

.mdi-rotate-270 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(270deg);
      transform: scaleX(-1) rotate(270deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(270deg);
      -ms-transform: rotate(270deg);
      transform: scaleY(-1) rotate(270deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}
.mdi-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.mdi-rotate-315 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(315deg);
      transform: scaleX(-1) rotate(315deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(315deg);
      -ms-transform: rotate(315deg);
      transform: scaleY(-1) rotate(315deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}
.mdi-rotate-315:before {
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
}

.mdi-flip-h:before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.mdi-flip-v:before {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

.mdi-spin:before {
  -webkit-animation: mdi-spin 2s infinite linear;
  animation: mdi-spin 2s infinite linear;
}

@-webkit-keyframes mdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes mdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.mdi {
  display: inline-block;
  line-height: 1em;
}

.mdi-18px {
  font-size: 18px;
}

.mdi-24px {
  font-size: 24px;
}

.mdi-36px {
  font-size: 36px;
}

.mdi-48px {
  font-size: 48px;
}

@font-face {
  font-family: "CustomMaterialDesignIcons";
  src: url("/CDN/Content/Fonts/CustomMaterialDesignIcons/CustomMaterialDesignIcons.eot?1h4a16");
  src: url("/CDN/Content/Fonts/CustomMaterialDesignIcons/CustomMaterialDesignIcons.eot?1h4a16#iefix") format("embedded-opentype"), url("/CDN/Content/Fonts/CustomMaterialDesignIcons/CustomMaterialDesignIcons.ttf?1h4a16") format("truetype"), url("/CDN/Content/Fonts/CustomMaterialDesignIcons/CustomMaterialDesignIcons.woff?1h4a16") format("woff"), url("/CDN/Content/Fonts/CustomMaterialDesignIcons/CustomMaterialDesignIcons.svg?1h4a16#CustomMaterialDesignIcons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.cmdi {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "CustomMaterialDesignIcons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cmdi-rotate--270 {
  transform: rotate(270deg) translate(4px, -4px);
}

.cmdi-workflow-multiple-paths:before {
  content: "\e900";
}

.cmdi-workflow-start-end:before {
  content: "\e901";
}

.cmdi-file-zip:before {
  content: "\e902";
}

.cmdi-file-onenote:before {
  content: "\e903";
}

.cmdi-file-publisher:before {
  content: "\e904";
}

.cmdi-file-visio:before {
  content: "\e905";
}

.cmdi-file-certificate:before {
  content: "\e906";
}

.cmdi-area:before {
  content: "\e907";
}

.cmdi-area-business:before {
  content: "\e908";
}

.cmdi-area-folder:before {
  content: "\e909";
}

.cmdi-area-department:before {
  content: "\e90a";
}

.cmdi-area-office:before {
  content: "\e90b";
}

.cmdi-area-project:before {
  content: "\e90c";
}

.cmdi-area-region:before {
  content: "\e90d";
}

.cmdi-area-team:before {
  content: "\e90e";
}

.cmdi-cursor-move-vertical:before {
  content: "\e90f";
}

.cmdi-sharepoint:before {
  content: "\e910";
}

.cmdi-area-hubs:before {
  content: "\e911";
}

.cmdi-process:before {
  content: "\e912";
}

.cmdi-page:before {
  content: "\e913";
}

.cmdi-servicedesk-category:before {
  content: "\e913";
}

@font-face {
  font-family: "freeline-font";
  src: url(/CDN/Content/Fonts/freeline-font-webfont.eot);
  src: url(/CDN/Content/Fonts/freeline-font-webfont.eot?#iefix) format("embedded-opentype"), url(/CDN/Content/Fonts/freeline-font-webfont.woff) format("woff"), url(/CDN/Content/Fonts/freeline-font-webfont.ttf) format("truetype"), url(/CDN/Content/Fonts/freeline-font-webfont.svg#freeline-font) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Glyphicons Halflings";
  src: url(/CDN/Content/Fonts/glyphicons-halflings-regular.eot);
  src: url(/CDN/Content/Fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(/CDN/Content/Fonts/glyphicons-halflings-regular.woff2) format("woff"), url(/CDN/Content/Fonts/glyphicons-halflings-regular.woff) format("woff"), url(/CDN/Content/Fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(/CDN/Content/Fonts/glyphicons-halflings-regular.svg#freeline-font) format("svg");
  font-weight: normal;
  font-style: normal;
}
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, select {
  margin: 0;
  padding: 0;
}

html {
  -webkit-text-size-adjust: none;
  height: 100%;
}

address, caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: normal;
}

caption, th {
  text-align: left;
}

.header, .footer, .nav, .section, .aside {
  display: block;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: bold;
  margin-top: 0;
}

h1 {
  font-size: 200%;
}

h2 {
  font-size: 160%;
}

h3 {
  font-size: 140%;
}

h4 {
  font-size: 120%;
}

h5 {
  font-size: 100%;
}

h6 {
  font-size: 90%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  border: 0;
}

textarea {
  resize: none;
}

p {
  line-height: 18px;
}
html {
  -ms-overflow-style: scrollbar;
}

body {
  background: #f1f3f3;
  /*font-weight:normal;*/
  font-size: 14px;
  /*font-weight:300;*/
  color: #333;
  -webkit-font-smoothing: antialiased;
  min-width: 320px;
}

::-ms-clear {
  display: none;
}

a {
  text-decoration: none;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -ms-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
a:hover {
  cursor: pointer;
}
fieldset {
  border: 1px solid #ccc;
  padding: 2px;
  margin-bottom: 4px;
}

img {
  border: 0;
}

legend {
  color: inherit;
  font-size: x-small;
  position: relative;
  left: 0.5em;
}

label[for]:not(.readonly) {
  cursor: pointer;
}

p, h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0.6em 0;
}

.placeholder {
  color: #aaa !important;
}

.no-bullets {
  margin: 0;
  padding: 0;
  list-style: none;
  min-width: 180px;
}
.no-bullets li {
  margin: 2px 0;
}

::selection {
  background: #779ec2;
  color: #fff;
  text-shadow: none;
}

a.disabled,
span.disabled,
label.disabled {
  color: #999;
  cursor: default;
}

i .disabled {
  background-color: #eee;
  cursor: default;
}

.subtle {
  color: #999;
}

*:-webkit-full-screen {
  background-color: #000 !important;
  float: none !important;
}
*:-webkit-full-screen.full-screen {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
*:-webkit-full-screen.full-screen-div {
  max-width: 100% !important;
  width: 100% !important;
  height: 100% !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
*:-webkit-full-screen img,
*:-webkit-full-screen video,
*:-webkit-full-screen audio {
  max-width: 100% !important;
  height: auto !important;
}
*:-webkit-full-screen img.portrait,
*:-webkit-full-screen video.portrait,
*:-webkit-full-screen audio.portrait {
  max-height: 100% !important;
  max-width: none !important;
}
*:-webkit-full-screen audio {
  height: 100% !important;
}

*:-moz-full-screen {
  background-color: #000 !important;
}
*:-moz-full-screen.full-screen {
  max-width: 100% !important;
  height: auto !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
*:-moz-full-screen.full-screen-div {
  max-width: 100% !important;
  width: 100% !important;
  height: 100% !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
*:-moz-full-screen img,
*:-moz-full-screen video,
*:-moz-full-screen audio {
  max-width: 100% !important;
  height: auto !important;
}
*:-moz-full-screen img.portrait,
*:-moz-full-screen video.portrait,
*:-moz-full-screen audio.portrait {
  max-height: 100% !important;
  max-width: none !important;
}
*:-moz-full-screen audio {
  height: 100% !important;
}

*:-ms-fullscreen {
  background-color: #000 !important;
  transform: none !important;
}
*:-ms-fullscreen.full-screen {
  max-width: 100% !important;
  height: auto !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
*:-ms-fullscreen.full-screen-div {
  max-width: 100% !important;
  width: 100% !important;
  height: 100% !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
*:-ms-fullscreen img,
*:-ms-fullscreen video,
*:-ms-fullscreen audio {
  height: auto !important;
  max-width: 100% !important;
}
*:-ms-fullscreen img.portrait,
*:-ms-fullscreen video.portrait,
*:-ms-fullscreen audio.portrait {
  max-height: 100% !important;
  max-width: none !important;
}
*:-ms-fullscreen audio {
  height: 100% !important;
}

.gm-style img {
  max-width: inherit !important;
}

input[type=checkbox] {
  background: #fff;
  border: 1px solid #cdd0d4;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
  position: relative;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type=checkbox]:focus {
  outline: 5px auto rgba(86, 157, 250, 0.5);
}
input[type=checkbox]:checked {
  border: 1px solid #569dfa;
}
input[type=checkbox]:checked:before {
  content: "";
  background: url(/CDN/Content/Images/svg/tick-blue.svg) no-repeat center;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
input[type=checkbox][disabled] {
  background-color: #eee;
  border-color: #ddd;
}
input[type=checkbox][disabled]:checked:before {
  opacity: 0.5;
}

input[type=radio] {
  background: #fff;
  border: 1px solid #5b5b5b;
  border-radius: 50%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
  position: relative;
  margin-top: 1px;
  width: 14px;
  height: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type=radio]:focus {
  outline: 5px auto rgba(86, 157, 250, 0.5);
}
input[type=radio]:checked {
  border: 1px solid #569dfa;
}
input[type=radio]:checked:before {
  content: "";
  background: #569dfa;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 3px;
  left: 3px;
}
input[type=radio][disabled] {
  background-color: #eee;
  border-color: #ddd;
}
input[type=radio][disabled]:checked:before {
  opacity: 0.5;
}
@-webkit-keyframes scale-up {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes scale-up {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes scale-up {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes spin-scale-up {
  from {
    -webkit-transform: scale(0) rotateZ(20deg);
    -moz-transform: scale(0) rotateZ(20deg);
    -ms-transform: scale(0) rotateZ(20deg);
    transform: scale(0) rotateZ(20deg);
  }
  to {
    -webkit-transform: scale(1) rotateZ(0deg);
    -moz-transform: scale(1) rotateZ(0deg);
    -ms-transform: scale(1) rotateZ(0deg);
    transform: scale(1) rotateZ(0deg);
  }
}
@-moz-keyframes spin-scale-up {
  from {
    -webkit-transform: scale(0) rotateZ(20deg);
    -moz-transform: scale(0) rotateZ(20deg);
    -ms-transform: scale(0) rotateZ(20deg);
    transform: scale(0) rotateZ(20deg);
  }
  to {
    -webkit-transform: scale(1) rotateZ(0deg);
    -moz-transform: scale(1) rotateZ(0deg);
    -ms-transform: scale(1) rotateZ(0deg);
    transform: scale(1) rotateZ(0deg);
  }
}
@-ms-keyframes spin-scale-up {
  from {
    -webkit-transform: scale(0) rotateZ(20deg);
    -moz-transform: scale(0) rotateZ(20deg);
    -ms-transform: scale(0) rotateZ(20deg);
    transform: scale(0) rotateZ(20deg);
  }
  to {
    -webkit-transform: scale(1) rotateZ(0deg);
    -moz-transform: scale(1) rotateZ(0deg);
    -ms-transform: scale(1) rotateZ(0deg);
    transform: scale(1) rotateZ(0deg);
  }
}
@keyframes spin-scale-up {
  from {
    -webkit-transform: scale(0) rotateZ(20deg);
    -moz-transform: scale(0) rotateZ(20deg);
    -ms-transform: scale(0) rotateZ(20deg);
    transform: scale(0) rotateZ(20deg);
  }
  to {
    -webkit-transform: scale(1) rotateZ(0deg);
    -moz-transform: scale(1) rotateZ(0deg);
    -ms-transform: scale(1) rotateZ(0deg);
    transform: scale(1) rotateZ(0deg);
  }
}
@-webkit-keyframes fadeDown {
  from {
    opacity: 0;
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeDown {
  from {
    opacity: 0;
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes fadeDown {
  from {
    opacity: 0;
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeDown {
  from {
    opacity: 0;
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeDownSmall {
  from {
    opacity: 0;
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeDownSmall {
  from {
    opacity: 0;
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes fadeDownSmall {
  from {
    opacity: 0;
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeDownSmall {
  from {
    opacity: 0;
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes fadeUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeUpSmall {
  from {
    opacity: 0;
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeUpSmall {
  from {
    opacity: 0;
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes fadeUpSmall {
  from {
    opacity: 0;
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeUpSmall {
  from {
    opacity: 0;
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fullwidth {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
@-moz-keyframes fullwidth {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
@-ms-keyframes fullwidth {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
@keyframes fullwidth {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
@-webkit-keyframes spinLoader {
  from {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-moz-keyframes spinLoader {
  from {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-ms-keyframes spinLoader {
  from {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes spinLoader {
  from {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-webkit-keyframes bubble {
  0% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  80% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes bubble {
  0% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  80% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes bubble {
  0% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  80% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bubble {
  0% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  80% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes tile-flash {
  0% {
    background: #f5f5f5;
  }
  50% {
    background: #98dbfa;
    top: -5px;
  }
  100% {
    background: #f5f5f5;
  }
}
@-moz-keyframes tile-flash {
  0% {
    background: #f5f5f5;
  }
  50% {
    background: #98dbfa;
    top: -5px;
  }
  100% {
    background: #f5f5f5;
  }
}
@-ms-keyframes tile-flash {
  0% {
    background: #f5f5f5;
  }
  50% {
    background: #98dbfa;
    top: -5px;
  }
  100% {
    background: #f5f5f5;
  }
}
@keyframes tile-flash {
  0% {
    background: #f5f5f5;
  }
  50% {
    background: #98dbfa;
    top: -5px;
  }
  100% {
    background: #f5f5f5;
  }
}
@-webkit-keyframes spin-clockwise {
  from {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-moz-keyframes spin-clockwise {
  from {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-ms-keyframes spin-clockwise {
  from {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes spin-clockwise {
  from {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-webkit-keyframes spin-anti-clockwise {
  from {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(-360deg);
    -moz-transform: rotateZ(-360deg);
    -ms-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg);
  }
}
@-moz-keyframes spin-anti-clockwise {
  from {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(-360deg);
    -moz-transform: rotateZ(-360deg);
    -ms-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg);
  }
}
@-ms-keyframes spin-anti-clockwise {
  from {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(-360deg);
    -moz-transform: rotateZ(-360deg);
    -ms-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg);
  }
}
@keyframes spin-anti-clockwise {
  from {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(-360deg);
    -moz-transform: rotateZ(-360deg);
    -ms-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg);
  }
}
@-webkit-keyframes fadeUpFadeOut {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-moz-keyframes fadeUpFadeOut {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-ms-keyframes fadeUpFadeOut {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes fadeUpFadeOut {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.cssanimations .fadeDown {
  opacity: 0;
}

.fadeDown.animate {
  opacity: 1;
  -webkit-animation: fadeDown 1s ease 0s 1 both;
  -moz-animation: fadeDown 1s ease 0s 1 both;
  -ms-animation: fadeDown 1s ease 0s 1 both;
  animation: fadeDown 1s ease 0s 1 both;
}

.cssanimations .fadeDownSmall {
  opacity: 0;
}

.fadeDownSmall.animate {
  opacity: 1;
  -webkit-animation: fadeDownSmall 300ms ease 0s 1 both;
  -moz-animation: fadeDownSmall 300ms ease 0s 1 both;
  -ms-animation: fadeDownSmall 300ms ease 0s 1 both;
  animation: fadeDownSmall 300ms ease 0s 1 both;
}

.cssanimations .fadeUp {
  opacity: 0;
}

.fadeUp.animate {
  opacity: 1;
  -webkit-animation: fadeUp 1s ease 0s 1 both;
  -moz-animation: fadeUp 1s ease 0s 1 both;
  -ms-animation: fadeUp 1s ease 0s 1 both;
  animation: fadeUp 1s ease 0s 1 both;
}

.cssanimations .fadeUpSmall {
  opacity: 0;
}

.fadeUpSmall.animate {
  opacity: 1;
  -webkit-animation: fadeUpSmall 300ms ease 0s 1 both;
  -moz-animation: fadeUpSmall 300ms ease 0s 1 both;
  -ms-animation: fadeUpSmall 300ms ease 0s 1 both;
  animation: fadeUpSmall 300ms ease 0s 1 both;
}

.bubble {
  -webkit-animation: bubble 1s ease 0s 1 both;
  -moz-animation: bubble 1s ease 0s 1 both;
  -ms-animation: bubble 1s ease 0s 1 both;
  animation: bubble 1s ease 0s 1 both;
}

.fadeUpFadeOut.animate {
  -webkit-animation: fadeUpFadeOut 1s ease 2s 1 both;
  -moz-animation: fadeUpFadeOut 1s ease 2s 1 both;
  -ms-animation: fadeUpFadeOut 1s ease 2s 1 both;
  animation: fadeUpFadeOut 1s ease 2s 1 both;
}
.cursor-pointer {
  cursor: pointer !important;
}

.min-500 {
  min-height: 500px;
}

.max-500 {
  max-height: 500px;
}

.pa-30 {
  padding: 30px;
}

.pt-30 {
  padding-top: 30px;
}

.pr-30 {
  padding-right: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pl-30 {
  padding-left: 30px;
}

.pa-20 {
  padding: 20px;
}

.pt-20 {
  padding-top: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.pa-15 {
  padding: 15px;
}

.pt-15 {
  padding-top: 15px;
}

.pr-15 {
  padding-right: 15px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pl-15 {
  padding-left: 15px;
}

.ml-15 {
  margin-left: 15px;
}

.mr-15 {
  margin-right: 15px;
}

.pa-10 {
  padding: 10px;
}

.pa-10-i {
  padding: 10px !important;
}

.pt-10 {
  padding-top: 10px;
}

.pr-10 {
  padding-right: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.pa-5 {
  padding: 5px;
}

.pt-5 {
  padding-top: 5px;
}

.pr-5 {
  padding-right: 5px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.pa-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.ma-30 {
  margin: 30px;
}

.mt-30 {
  margin-top: 30px;
}

.mr-30 {
  margin-right: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.ml-30 {
  margin-left: 30px;
}

.ma-20 {
  margin: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.ml-20 {
  margin-left: 20px;
}

.ma-10 {
  margin: 10px;
}

.mt-10 {
  margin-top: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.ma-5 {
  margin: 5px;
}

.mt-5 {
  margin-top: 5px;
}

.mr-5 {
  margin-right: 5px;
}

.mb-5 {
  margin-bottom: 5px;
}

.ml-5 {
  margin-left: 5px;
}

.ma-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

@media (max-width: 767px) {
  .scr-xs-max-pa-30 {
    padding: 30px;
  }
  .scr-xs-max-pt-30 {
    padding-top: 30px;
  }
  .scr-xs-max-pr-30 {
    padding-right: 30px;
  }
  .scr-xs-max-pb-30 {
    padding-bottom: 30px;
  }
  .scr-xs-max-pl-30 {
    padding-left: 30px;
  }
  .scr-xs-max-ma-30 {
    margin: 30px;
  }
  .scr-xs-max-mt-30 {
    margin-top: 30px;
  }
  .scr-xs-max-mr-30 {
    margin-right: 30px;
  }
  .scr-xs-max-mb-30 {
    margin-bottom: 30px;
  }
  .scr-xs-max-ml-30 {
    margin-left: 30px;
  }
  .scr-xs-max-pa-20 {
    padding: 20px;
  }
  .scr-xs-max-pt-20 {
    padding-top: 20px;
  }
  .scr-xs-max-pr-20 {
    padding-right: 20px;
  }
  .scr-xs-max-pb-20 {
    padding-bottom: 20px;
  }
  .scr-xs-max-pl-20 {
    padding-left: 20px;
  }
  .scr-xs-max-ma-20 {
    margin: 20px;
  }
  .scr-xs-max-mt-20 {
    margin-top: 20px;
  }
  .scr-xs-max-mr-20 {
    margin-right: 20px;
  }
  .scr-xs-max-mb-20 {
    margin-bottom: 20px;
  }
  .scr-xs-max-ml-20 {
    margin-left: 20px;
  }
  .scr-xs-max-pa-15 {
    padding: 15px;
  }
  .scr-xs-max-pt-15 {
    padding-top: 15px;
  }
  .scr-xs-max-pr-15 {
    padding-right: 15px;
  }
  .scr-xs-max-pb-15 {
    padding-bottom: 15px;
  }
  .scr-xs-max-pl-15 {
    padding-left: 15px;
  }
  .scr-xs-max-ma-15 {
    margin: 15px;
  }
  .scr-xs-max-mt-15 {
    margin-top: 15px;
  }
  .scr-xs-max-mr-15 {
    margin-right: 15px;
  }
  .scr-xs-max-mb-15 {
    margin-bottom: 15px;
  }
  .scr-xs-max-ml-15 {
    margin-left: 15px;
  }
  .scr-xs-max-pa-10 {
    padding: 10px;
  }
  .scr-xs-max-pt-10 {
    padding-top: 10px;
  }
  .scr-xs-max-pr-10 {
    padding-right: 10px;
  }
  .scr-xs-max-pb-10 {
    padding-bottom: 10px;
  }
  .scr-xs-max-pl-10 {
    padding-left: 10px;
  }
  .scr-xs-max-ma-10 {
    margin: 10px;
  }
  .scr-xs-max-mt-10 {
    margin-top: 10px;
  }
  .scr-xs-max-mr-10 {
    margin-right: 10px;
  }
  .scr-xs-max-mb-10 {
    margin-bottom: 10px;
  }
  .scr-xs-max-ml-10 {
    margin-left: 10px;
  }
  .scr-xs-max-pa-5 {
    padding: 5px;
  }
  .scr-xs-max-pt-5 {
    padding-top: 5px;
  }
  .scr-xs-max-pr-5 {
    padding-right: 5px;
  }
  .scr-xs-max-pb-5 {
    padding-bottom: 5px;
  }
  .scr-xs-max-pl-5 {
    padding-left: 5px;
  }
  .scr-xs-max-ma-5 {
    margin: 5px;
  }
  .scr-xs-max-mt-5 {
    margin-top: 5px;
  }
  .scr-xs-max-mr-5 {
    margin-right: 5px;
  }
  .scr-xs-max-mb-5 {
    margin-bottom: 5px;
  }
  .scr-xs-max-ml-5 {
    margin-left: 5px;
  }
  .scr-xs-max-pa-0 {
    padding: 0px;
  }
  .scr-xs-max-pt-0 {
    padding-top: 0px;
  }
  .scr-xs-max-pr-0 {
    padding-right: 0px;
  }
  .scr-xs-max-pb-0 {
    padding-bottom: 0px;
  }
  .scr-xs-max-pl-0 {
    padding-left: 0px;
  }
  .scr-xs-max-ma-0 {
    margin: 0px;
  }
  .scr-xs-max-mt-0 {
    margin-top: 0px;
  }
  .scr-xs-max-mr-0 {
    margin-right: 0px;
  }
  .scr-xs-max-mb-0 {
    margin-bottom: 0px;
  }
  .scr-xs-max-ml-0 {
    margin-left: 0px;
  }
}
.ta-r {
  text-align: right;
}

.ta-l {
  text-align: left;
}

.blk {
  display: block;
}

.notdisplayed,
.hiddenPanel {
  display: none;
}

.fl {
  float: left !important;
}

.fr {
  float: right !important;
}

.ofh {
  overflow: hidden;
}

.clear {
  clear: both;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fullwidth {
  width: 100%;
}

.fullheight {
  height: 100%;
}

.pointer {
  cursor: pointer;
}

.red {
  color: #ff0000;
}

.black {
  color: #000000;
}

.white {
  color: #ffffff;
}

.bold {
  font-weight: bold;
}

.nowrap {
  white-space: nowrap;
}

.zia {
  z-index: auto;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.inactive {
  opacity: 0.2;
}
.inactive.lighter {
  opacity: 0.5;
}

.italic {
  font-style: italic;
}

.noSelect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.inline-block {
  display: inline-block;
}

.block {
  display: block;
}

.overflow-hidden {
  overflow: hidden;
}

.ellipsed {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.word-break-break-word {
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
@-webkit-keyframes scale-up {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes scale-up {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes scale-up {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.validation-container {
  cursor: pointer;
  display: none;
  opacity: 0;
  outline: none;
  position: absolute;
  right: 1px;
  top: 50%;
  width: 30px;
  height: 34px;
  margin-top: -17px;
  z-index: 10;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.validation-container .field-validation-valid {
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.validation-container .field-validation-error,
.validation-container .field-validation-warning,
.validation-container .field-validation-required {
  background: rgba(224, 76, 76, 0.95);
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  padding: 10px;
  position: absolute;
  bottom: 34px;
  right: -6px;
  opacity: 0;
  max-width: 300px;
  min-width: 150px;
  text-align: center;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 90% 100% 0;
  -moz-transform-origin: 90% 100% 0;
  -ms-transform-origin: 90% 100% 0;
  transform-origin: 90% 100% 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
  display: block;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.validation-container .field-validation-error > span span,
.validation-container .field-validation-warning > span span,
.validation-container .field-validation-required > span span {
  margin-left: 10px;
}
.validation-container .field-validation-error > span span:first-of-type,
.validation-container .field-validation-warning > span span:first-of-type,
.validation-container .field-validation-required > span span:first-of-type {
  margin: 0;
}
.validation-container.valid {
  display: none;
}
.validation-container.warning {
  background-image: url(/CDN/Content/Images/icon16/warning.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  display: block !important;
  opacity: 1;
  -webkit-animation: scale-up 500ms ease 0s 1 both;
  -moz-animation: scale-up 500ms ease 0s 1 both;
  -ms-animation: scale-up 500ms ease 0s 1 both;
  animation: scale-up 500ms ease 0s 1 both;
}
.validation-container.warning .field-validation-warning {
  background: #fff09e;
  border: 1px solid #ffe86b;
  color: #9e8600;
}
.validation-container.warning:hover .field-validation-warning {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.validation-container.warning:hover .field-validation-warning:before {
  content: "";
  position: absolute;
  top: 100%;
  right: 17px;
  border: solid transparent;
  height: 0;
  width: 0;
  pointer-events: none;
  border-top-color: #fff09e;
  border-width: 4px;
}
.validation-container.warning:hover .field-validation-warning:after {
  content: "";
  position: absolute;
  top: 100%;
  right: 9px;
  border: solid transparent;
  height: 0;
  width: 0;
  pointer-events: none;
  border-top-color: #ffe86b;
  border-width: 5px;
  z-index: -1;
}
.validation-container.required {
  background-image: url(/CDN/Content/Images/svg/required.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  display: block;
  opacity: 1;
}
.validation-container.required .field-validation-required {
  background: #e96f4f;
  border: 1px solid #e34a22;
}
.validation-container.required:hover .field-validation-required {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.validation-container.required:hover .field-validation-required:before {
  content: "";
  position: absolute;
  top: 100%;
  right: 17px;
  border: solid transparent;
  height: 0;
  width: 0;
  pointer-events: none;
  border-top-color: #e96f4f;
  border-width: 4px;
}
.validation-container.required:hover .field-validation-required:after {
  content: "";
  position: absolute;
  top: 100%;
  right: 16px;
  border: solid transparent;
  height: 0;
  width: 0;
  pointer-events: none;
  border-top-color: #e34a22;
  border-width: 5px;
  z-index: -1;
}
.validation-container.error {
  background-image: url(/CDN/Content/Images/icon16/exclamation.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  display: block;
  opacity: 1;
  -webkit-animation: scale-up 500ms ease 0s 1 both;
  -moz-animation: scale-up 500ms ease 0s 1 both;
  -ms-animation: scale-up 500ms ease 0s 1 both;
  animation: scale-up 500ms ease 0s 1 both;
}
.validation-container.error.required .field-validation-required {
  display: none !important;
}
.validation-container.error:hover .field-validation-required {
  display: none;
}
.validation-container:hover, .validation-container:focus {
  z-index: 21;
}
.validation-container:hover .field-validation-error, .validation-container:focus .field-validation-error {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.validation-container:hover .field-validation-error:before, .validation-container:focus .field-validation-error:before {
  content: "";
  position: absolute;
  top: 100%;
  right: 17px;
  border: solid transparent;
  height: 0;
  width: 0;
  pointer-events: none;
  border-top-color: rgba(224, 76, 76, 0.95);
  border-width: 4px;
}
.validation-container.textarea-validation {
  right: 20px;
}
.control-label .validation-container {
  right: 15px !important;
}
[class^=col-] > .validation-container, [class^=col-] > ngo-validation-message > .validation-container, [class^=col-] > .ngo-validation-message > .validation-container, [class^=col-] > [ngo-validation-message] > .validation-container {
  right: 25px;
}
.inline-validation .validation-container {
  display: inline-block;
  position: relative;
  margin: -3px 0;
  top: 0;
  right: auto;
}
.inline-validation .validation-container.valid {
  width: 0;
}
.inline-validation .validation-container.required, .inline-validation .validation-container.error {
  width: 16px;
  height: 16px;
}
.inline-validation .validation-container.required .field-validation-error,
.inline-validation .validation-container.required .field-validation-warning,
.inline-validation .validation-container.required .field-validation-required, .inline-validation .validation-container.error .field-validation-error,
.inline-validation .validation-container.error .field-validation-warning,
.inline-validation .validation-container.error .field-validation-required {
  bottom: 25px;
  right: -13px;
}

.form-label__requirement {
  color: #e04c4c;
  display: inline-block;
  padding: 0 0.3em;
}

.inline-validation-container {
  color: #e04c4c;
  display: block;
}

select + .validation-container {
  right: 40px !important;
}
select + .validation-container + .validation-container {
  right: 40px !important;
}

select.input-validation-error,
select.ng-invalid,
input.input-validation-error,
input.ng-invalid,
textarea.input-validation-error,
textarea.ng-invalid,
[contenteditable=true].input-validation-error,
[contenteditable=true].ng-invalid {
  background-color: #fae4e4 !important;
  border: 1px solid #fae4e4 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
select.input-validation-error:hover,
select.ng-invalid:hover,
input.input-validation-error:hover,
input.ng-invalid:hover,
textarea.input-validation-error:hover,
textarea.ng-invalid:hover,
[contenteditable=true].input-validation-error:hover,
[contenteditable=true].ng-invalid:hover {
  background-color: #fae4e4 !important;
}

textarea.input-validation-error {
  padding-right: 20px;
}

span.input-validation-error {
  background-color: inherit;
  color: #e04c4c;
}

.validation-summary-errors {
  font-weight: bold;
  color: #e04c4c;
}

.validation-summary-valid {
  display: none;
}

.input-validation-warning {
  border: 1px solid #fff09e !important;
  background-color: #fcf3c3;
}

.static-validation-container {
  display: block;
  margin-bottom: 10px;
  -webkit-transform-origin: 50% 100% 0;
  -moz-transform-origin: 50% 100% 0;
  -ms-transform-origin: 50% 100% 0;
  transform-origin: 50% 100% 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.static-validation-container.error {
  background: rgba(224, 76, 76, 0.95);
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  padding: 10px;
  text-align: center;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.display-label,
.editor-label,
.display-field,
.editor-field {
  margin: 0.5em 0;
}

.text-box.multi-line {
  height: 6.5em;
}

.with-dropdown .validation-container {
  right: 50px;
}

.pc-file-upload-field .form-group .upload-validation {
  position: relative;
  padding-right: 35px;
}
.pc-file-upload-field .form-group .upload-validation .validation-container.required + .btn {
  margin-left: 30px;
}

.upload-validation {
  position: relative;
  padding-right: 35px;
}
.upload-validation .validation-container {
  top: 15px;
}
.upload-validation .uploads-wrapper {
  /*padding-left:20px;*/
}

.rich-text-field ~ .validation-container {
  right: 21px;
}
.rich-text-field.multiline-validation-error {
  background-color: #fae4e4 !important;
  border: 1px solid #fae4e4 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.rich-text-field.multiline-validation-error:hover {
  background-color: #fae4e4 !important;
}
.b .block-working {
  opacity: 0.5;
}
.b .block-working:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.form-group.with-switch {
  min-height: 30px;
}
.form-group.with-switch .control-label {
  font-size: 18px;
}
.form-group.with-switch .user-status {
  font-size: 14px;
  color: #1a86ca;
  margin: 0 0 0 10px;
  position: relative;
  top: -14px;
  display: inline-block;
}
.form-group.with-switch .user-status.disabled {
  color: #e04c4c;
}

.flickbox {
  background: #bababa;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  width: 55px;
  height: 30px;
  margin-bottom: 5px;
}
.flickbox.inline {
  display: inline-block;
}
.flickbox .background {
  border-radius: 20px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: -1px;
  right: 0;
  z-index: 1;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.flickbox label {
  background: #fff;
  border-radius: 20px;
  display: inline-block;
  margin: 5px;
  position: relative;
  width: 20px;
  height: 20px;
  z-index: 2;
  -webkit-transition: margin-left 0.2s ease-in-out;
  -moz-transition: margin-left 0.2s ease-in-out;
  -ms-transition: margin-left 0.2s ease-in-out;
  transition: margin-left 0.2s ease-in-out;
}
.flickbox input {
  cursor: pointer;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.flickbox input:checked ~ label {
  margin-left: 29px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
.flickbox input:checked ~ .background {
  background: #1a86ca;
}

.thin-scroll {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.thin-scroll::-webkit-scrollbar {
  height: 7px;
  width: 7px;
}
.thin-scroll::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.thin-scroll::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.thin-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.15);
}
.thin-scroll.light::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 10px;
}
.thin-scroll.light::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 10px;
}
.thin-scroll.light::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.15);
}

#masterPageMainContent {
  /*padding: 30px 0 0 0;*/
}
#masterPageMainContent .header.page-header {
  /*margin-top: -30px;*/
}
#masterPageMainContent .header.page-header .page-header-button {
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  color: #fff;
  line-height: 42px;
  height: 42px;
  margin-top: 10px;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  padding: 0 15px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  transition: all 200ms ease;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#masterPageMainContent .header.page-header .page-header-button:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
#masterPageMainContent .header.page-header .page-header-button.active {
  background: #fff;
}
#masterPageMainContent .header.page-header .page-header-button.active i {
  color: #1a86ca;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
#masterPageMainContent .header.page-header .page-header-button.disabled {
  opacity: 0.2;
}
#masterPageMainContent .header.page-header .page-header-button:not(:first-child) {
  margin-left: 4px;
}
#masterPageMainContent .header.page-header .page-header-button i {
  position: relative;
  top: 2px;
}

.container.with-header {
  margin-top: -30px;
  position: relative;
  z-index: 10;
}
.container.with-header .row .col-sm-12 > .box {
  border-radius: 12px;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
}
.container.with-header .row .col-sm-12 > .box .box-content {
  border-radius: 12px;
}

.header {
  background-size: cover;
  background-position: center;
  padding: 50px;
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.header.page-header {
  background: #619452;
  background-size: cover;
  background-position: center;
  padding: 60px 0 70px 0;
  z-index: 5;
}
.header.page-header .help-label {
  margin: 10px 0 0 0;
}
.header.page-header .help-label .help-primary-text {
  color: #fff;
}
.header.page-header .help-label .help-secondary-text {
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
  padding: 10px 10px 10px 15px;
  position: relative;
}
.header.page-header .help-label .help-secondary-text:after {
  content: "";
  background: #1a86ca;
  width: 2px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.header.page-header.blog {
  background-color: #563e72;
}
.header.page-header.policies {
  background: #108a92;
}
.header.page-header.forms {
  background: #4a87ae;
}
.header.page-header.forms-manage {
  background: #343a44;
}
.header.page-header.control-panel {
  background-color: #447096;
}
.header.page-header.create {
  background-color: #44967a;
}
.header.page-header.list-view {
  background-color: #4a87ae;
}
.header.page-header.share {
  background-color: #5f3d74;
}
.header.page-header.do {
  background-color: #aa462b;
}
.header.page-header.personnel {
  background-color: #56668a;
}
.header.page-header.personnel .help-label > .help-secondary-text {
  margin-top: 40px;
}
.header.page-header.members {
  background-color: #166663;
}
.header.page-header.no-link .header-content h1 span {
  border-bottom: none;
  cursor: text;
}
.header.page-header.with-search .header-content {
  padding-right: 300px;
}
.header.page-header.with-search .actions-right {
  position: absolute;
  top: 50%;
  right: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.header.page-header.with-search .actions-right.button-core-inverse {
  color: #fff;
}
.header.page-header.with-search .actions-right.button-core-inverse:focus, .header.page-header.with-search .actions-right.button-core-inverse:hover {
  background: rgba(255, 255, 255, 0.15);
}
.header.page-header.with-search .actions-right.button-core-inverse:focus:disabled, .header.page-header.with-search .actions-right.button-core-inverse:hover:disabled {
  background: rgba(255, 255, 255, 0.15);
}
.header.page-header.with-search .actions-right.button-core-inverse:active {
  background: rgba(255, 255, 255, 0.3);
}
.header.page-header.with-search .actions-right.button-core-inverse.button-core-ghost {
  border: 1px solid #fff;
}
.header.page-header.with-search .actions-right.button-core-inverse.button-core-solid {
  background: rgba(255, 255, 255, 0.1);
}
.header.page-header.with-search .actions-right.button-core-inverse.button-core-solid:focus, .header.page-header.with-search .actions-right.button-core-inverse.button-core-solid:hover {
  background: rgba(255, 255, 255, 0.15);
}
.header.page-header.with-search .actions-right.button-core-inverse.button-core-solid:focus:disabled, .header.page-header.with-search .actions-right.button-core-inverse.button-core-solid:hover:disabled {
  background: rgba(255, 255, 255, 0.15);
}
.header.page-header.with-search .actions-right.button-core-inverse.button-core-solid:active {
  background: rgba(255, 255, 255, 0.3);
}
.header.page-header.with-search .buttons-right {
  position: absolute;
  top: 50%;
  right: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.header.page-header.with-search .buttons-right a {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  padding: 10px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.header.page-header.with-search .buttons-right a:hover {
  background: rgba(0, 0, 0, 0.15);
}
.header.page-header.with-search .search {
  background: transparent;
  border: 0;
  color: #fff;
  height: 56px;
  width: 250px;
}
.header.page-header.with-search .search.with-button {
  text-align: right;
  height: 40px;
}
.header.page-header.with-search .search.with-button a {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  padding: 10px 15px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.header.page-header.with-search .search.with-button a:hover {
  background: rgba(0, 0, 0, 0.2);
}
.header.page-header.with-search .search.with-button a i {
  /*float: left;*/
  font-size: 12px;
  position: relative;
  top: 3px;
  left: auto;
  right: auto;
  bottom: auto;
  margin: 0 8px 0 0;
}
.header.page-header.with-search .search.with-button a i.mdi {
  font-size: 18px;
  top: 2px;
  margin: 0 12px 0 0;
}
.header.page-header.with-search .search.with-button button.btn {
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
}
.header.page-header.with-search .search.with-button button.btn span {
  color: #fff;
}
.header.page-header.with-search .search .highlight-container {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  text-align: center;
  padding: 20px 0 0 0;
}
.header.page-header.with-search .search .highlight-container #activeStatus {
  margin: 0 0 0 10px;
}
.header.page-header.with-search .search .form-control {
  background: rgba(0, 0, 0, 0.1);
  box-shadow: none;
  color: #fff;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.header.page-header.with-search .search .form-control:focus {
  background: rgba(0, 0, 0, 0.2);
}
.header.page-header.with-search .search .form-control::-webkit-input-placeholder, .header.page-header.with-search .search .form-control:-moz-placeholder, .header.page-header.with-search .search .form-control::-moz-placeholder, .header.page-header.with-search .search .form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.header.page-header.with-search .search i {
  color: #fff;
  background-image: none;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 15px;
  top: 50%;
}
.header.page-header h1 {
  color: #fff;
  display: inline-block;
  font-size: 35px;
  font-weight: 200;
  padding: 0;
  margin: 0;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  -ms-word-break: break-word;
  word-break: break-word;
}
.header.page-header h1 span {
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
  font-weight: 300;
}
.header.page-header .important-message {
  background: rgbA(0, 0, 0, 0.1);
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  cursor: default;
  display: inline-block;
  font-size: 16px;
  font-weight: 100;
  margin: 10px 0 0 0;
  padding: 10px;
  position: relative;
  top: 0px;
  text-align: center;
}
.header.page-header .important-message:after {
  bottom: 100%;
  left: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgbA(0, 0, 0, 0.1);
  border-width: 5px;
  margin-left: -5px;
}
.header.page-header .important-message a {
  color: #fff;
  text-decoration: underline;
}
.header.page-header h2 {
  color: rgba(255, 255, 255, 0.6);
  font-size: 18px;
  font-weight: 100;
  padding: 0;
  margin: 10px 0 0 0;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.header.page-header h2.subtitle {
  margin: 11px 0 0 0;
}
.header.page-header h2.subtitle span {
  border-bottom: 0;
  cursor: default;
}
.header.page-header .header-links {
  margin-top: 15px;
  overflow: hidden;
}
.header.page-header .header-links a {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  float: left;
  color: #fff;
  font-size: 16px;
  padding: 10px;
  margin: 0 10px 0 0;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -ms-transition: all 0.15s;
  transition: all 0.15s;
}
.header.page-header .header-links a i {
  color: rgba(255, 255, 255, 0.5);
  margin-right: 5px;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -ms-transition: all 0.15s;
  transition: all 0.15s;
}
.header.page-header .header-links a:hover {
  background: rgba(0, 0, 0, 0.15);
}
.header.page-header .header-links a:hover i {
  color: #fff;
}
.header.page-header .user-right {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 15px 15px 15px 80px;
  position: absolute;
  top: 0;
  right: 0;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  max-width: 200px;
}
.header.page-header .user-right:hover {
  background: rgbA(0, 0, 0, 0.15);
}
.header.page-header .user-right .user-photo {
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  position: absolute;
  top: 15px;
  left: 15px;
  width: 50px;
  height: 50px;
}
.header.page-header .user-right .name {
  color: #fff;
  display: block;
  font-size: 20px;
  padding: 5px 0 0 0;
}
.header.page-header .user-right .title {
  color: rgba(255, 255, 255, 0.6);
  display: block;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header.page-header .user-right.no-job-title {
  min-height: 50px;
}
.header.page-header .user-right.no-job-title .name {
  padding-top: 14px;
}
.header .overlay {
  background: rgba(51, 51, 51, 0.8);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.header .header-content {
  position: relative;
}
.header .header-content .location-button {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  margin: -5px 7px -7px;
  padding: 4px 32px 4px 10px;
  position: relative;
  vertical-align: top;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  transition: all 200ms ease;
}
.header .header-content .location-button:before {
  background: url(/CDN/Content/Images/svg/arrow-down-white.svg);
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
}
.header .header-content .location-button:hover {
  background: rgba(0, 0, 0, 0.2);
}
.header.with-search .header-content .search {
  position: absolute;
  right: 0;
  top: 50%;
  width: 210px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.header.with-search .header-content .search input {
  border: none;
  border-radius: 40px;
  font-size: 18px;
  font-weight: 100;
  height: 100%;
  outline: none;
  padding: 15px 40px 15px 20px;
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.header.with-search .header-content .search input[disabled=disabled] {
  opacity: 0.4;
}
.header.with-search .header-content .search i {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
  content: "";
  margin-top: -8px;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 15px;
  top: 50%;
}
.header.with-search .header-content .search.active i:before {
  content: "\e014";
}
.header.with-search .header-content .header-buttons {
  margin-top: 20px;
}
.header.with-search .header-content .header-buttons > a {
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  display: inline-block;
  font-size: 18px;
  padding: 10px 15px;
  margin: 0 5px 0 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.header.with-search .header-content .header-buttons > a i {
  font-size: 15px;
  margin: 0 5px 0 0;
}
.header.with-search .header-content .header-buttons > a.active, .header.with-search .header-content .header-buttons > a.current {
  background: #1a86ca;
  border: 1px solid #1a86ca;
}
.header.with-search .header-content .header-buttons > a.active:hover, .header.with-search .header-content .header-buttons > a.current:hover {
  background: #1a86ca;
  border: 1px solid #1a86ca;
}
.header.with-search .header-content .header-buttons > a:hover {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.4);
}
@media (max-width: 767px) {
  .header.with-search {
    padding: 30px 0;
  }
  .header .header.page-header.with-search .header-content {
    padding-right: 15px;
    min-height: 160px;
  }
  .header .header.page-header.with-search .header-content .mobileHeader {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
  }
  .header .header.page-header.with-search .header-content h1 {
    display: block;
    text-align: left;
  }
  .header .header.page-header.with-search .header-content .search {
    position: relative;
    top: auto;
    margin-top: 15px;
    width: 100%;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .header .header.page-header.with-search .header-content .search input {
    padding: 10px 15px;
  }
}
.header.staff-header {
  background-image: url(/CDN/Content/Images/headers/header-staffdir.jpg);
  height: 200px;
  padding: 80px 30px 20px;
}
.header.staff-header.with-search .search {
  border: none;
  top: auto;
  bottom: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}
.header.staff-header.with-search .search input {
  border-radius: 3px;
  padding: 9px 35px 9px 15px;
}
.header.staff-header.with-search .search i {
  right: 10px;
}

.settings {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.settings .settings-button {
  cursor: pointer;
  height: 30px;
  padding: 4px 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 30px;
  z-index: 110;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.settings .settings-button:hover {
  background: #dff3fb;
}
.settings .settings-button i {
  background: #a3d4eb;
  display: inline-block;
  float: none;
  margin: 0;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  position: relative;
}
.settings .settings-button i:before, .settings .settings-button i:after {
  background: #a3d4eb;
  border-radius: 3px;
  content: " ";
  width: 3px;
  height: 3px;
  position: absolute;
}
.settings .settings-button i:before {
  left: -5px;
}
.settings .settings-button i:after {
  right: -5px;
}
.settings .settings-button.active {
  background: #3a9ab9;
}
.settings .settings-button.active i {
  background: #fff;
}
.settings .settings-button.active i:before, .settings .settings-button.active i:after {
  background: #fff;
}
.settings .settings-menu {
  background: #fff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  display: none;
  position: absolute;
  top: 29px;
  right: 0;
  z-index: 110;
  min-width: 150px;
}
.settings .settings-menu a,
.settings .settings-menu span {
  padding: 10px;
  display: block;
  float: none;
  display: flex;
  min-height: 20px;
  gap: 8px;
  align-items: center;
  color: #333;
}
.settings .settings-menu a:hover,
.settings .settings-menu span:hover {
  background-color: #efefef;
}
.settings .settings-menu a.disabled,
.settings .settings-menu span.disabled {
  opacity: 0.6;
}
.settings .settings-menu a.disabled:hover,
.settings .settings-menu span.disabled:hover {
  background-color: initial;
}
.settings .settings-menu a i,
.settings .settings-menu span i {
  width: 24px;
  height: 24px;
  top: 0;
  float: left;
}
.settings .settings-menu a i[class^=icon16-],
.settings .settings-menu span i[class^=icon16-] {
  background-size: 16px;
}

.enabled-text {
  color: #8ebd2c;
}

.disabled-text {
  color: #e04c4c;
}

.smallicon {
  width: 16px;
  height: 16px;
}

.highlight {
  border: 1px solid #98dbfa;
  box-shadow: 0 0 7px rgba(152, 219, 250, 0.4);
}

.content-applet-element {
  display: block;
  position: relative;
  z-index: 9999;
}

#main-header:has(#nav[aria-expanded=true]),
#main-header:has(.o-popper),
#main-header:has(.mega-menu-item__border) {
  z-index: 99999;
}

#oak-container {
  /*padding: 0 0 40px;*/
}
#oak-container.results-exporting a#export-results, #oak-container.results-exporting a#export-results-dismissed, #oak-container.results-exporting a.export-submission {
  color: grey !important;
  cursor: not-allowed !important;
}
#oak-container.results-exporting a#export-results > i, #oak-container.results-exporting a#export-results-dismissed > i, #oak-container.results-exporting a.export-submission > i {
  opacity: 0.5 !important;
}
#oak-container.waiting {
  cursor: wait !important;
}
#oak-container #pseudoFullscreen {
  position: fixed;
  z-index: 9999;
  background-color: black;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
#oak-container #pseudoFullscreen div * {
  max-height: inherit;
  max-width: inherit;
}
#oak-container #SkipToMain {
  font-size: 16px;
  font-weight: 500;
  text-decoration: underline;
  display: block;
  margin: 8px;
  text-align: center;
  height: 20px;
}
#oak-container #SkipToMain:not(:focus) {
  position: absolute;
  top: auto;
  left: -10000px;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.navigation {
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  font-size: 16px;
  margin: 0 0 30px 0;
}
.navigation.upload {
  background: #f9f9f9;
  padding: 0;
  margin: 0 0 30px 0 !important;
  overflow: hidden;
}
.navigation.upload li a {
  color: #999;
  border-left: 2px solid transparent;
  border-bottom: 0;
  border-radius: 0;
  display: block;
  font-size: 18px;
  font-weight: 100;
  padding: 10px 15px;
  line-height: 30px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.navigation.upload li a:hover {
  background: #f3f3f3;
}
.navigation.upload li a.active {
  color: #000;
  background: #fff;
  border-left: 2px solid #3a9ab9;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  font-weight: 100;
}
.navigation a {
  text-decoration: none;
}

.sorry-nothing {
  color: #333;
  font-size: 16px;
  font-weight: 300;
  padding: 20px;
  text-align: center;
}
.sorry-nothing .no-content-text {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.4em;
}
.sorry-nothing .icon {
  background-image: url(/CDN/Content/Images/nocontent/no-content.svg);
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  font-size: 40px;
  margin: 0 0 5px;
  height: 48px;
  width: 48px;
}
.sorry-nothing .icon.no-images {
  background-image: url(/CDN/Content/Images/nocontent/no-images.svg);
  width: 64px;
  height: 64px;
}
.sorry-nothing .icon.no-weather {
  background-image: url(/CDN/Content/Images/nocontent/no-weather.svg);
  width: 64px;
  height: 64px;
}
.sorry-nothing .icon.no-traffic {
  background-image: url(/CDN/Content/Images/nocontent/no-traffic.svg);
  width: 64px;
  height: 64px;
}
[class|="col-*-1"] .sorry-nothing, [class|="col-*-2"] .sorry-nothing, [class|="col-*-3"] .sorry-nothing, [class|="col-*-4"] .sorry-nothing, [class|="col-*-5"] .sorry-nothing {
  padding: 10px;
}
[class|="col-*-1"] .sorry-nothing .icon, [class|="col-*-2"] .sorry-nothing .icon, [class|="col-*-3"] .sorry-nothing .icon, [class|="col-*-4"] .sorry-nothing .icon, [class|="col-*-5"] .sorry-nothing .icon {
  width: 32px;
  height: 32px;
}

.information-tip .tooltip-inner {
  background-color: rgba(50, 96, 134, 0.95);
}
.information-tip.top .tooltip-arrow {
  border-top-color: rgba(50, 96, 134, 0.95);
}
.information-tip.right .tooltip-arrow {
  border-right-color: rgba(50, 96, 134, 0.95);
}
.information-tip.bottom .tooltip-arrow {
  border-bottom-color: rgba(50, 96, 134, 0.95);
}
.information-tip.left .tooltip-arrow {
  border-left-color: rgba(50, 96, 134, 0.95);
}

.information-ball,
.question-ball {
  background-image: url(/CDN/Content/Images/icon16/information.png);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center;
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px;
  top: 3px;
  margin: -8px 0;
}
.information-ball .info-text,
.question-ball .info-text {
  background: rgba(50, 96, 134, 0.95);
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  bottom: 100%;
  left: 50%;
  min-width: 200px;
  opacity: 0;
  padding: 10px;
  position: absolute;
  text-align: center;
  text-transform: none;
  font-weight: normal;
  z-index: 1000;
  -webkit-transform: translate(-50%, 0) scale(0);
  -moz-transform: translate(-50%, 0) scale(0);
  -ms-transform: translate(-50%, 0) scale(0);
  transform: translate(-50%, 0) scale(0);
  -webkit-transform-origin: 50% 100% 0;
  -moz-transform-origin: 50% 100% 0;
  -ms-transform-origin: 50% 100% 0;
  transform-origin: 50% 100% 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.information-ball .info-text h2, .box .box-content .information-ball .info-text h2,
.question-ball .info-text h2,
.box .box-content .question-ball .info-text h2 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  padding: 0 0 5px;
}
.information-ball:hover .info-text, .information-ball:focus .info-text,
.question-ball:hover .info-text,
.question-ball:focus .info-text {
  opacity: 1;
  -webkit-transform: translate(-50%, 0) scale(1);
  -moz-transform: translate(-50%, 0) scale(1);
  -ms-transform: translate(-50%, 0) scale(1);
  transform: translate(-50%, 0) scale(1);
}
.information-ball:hover .info-text:before, .information-ball:focus .info-text:before,
.question-ball:hover .info-text:before,
.question-ball:focus .info-text:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  pointer-events: none;
  border-top-color: rgba(50, 96, 134, 0.95);
  border-width: 4px;
  margin-left: -4px;
}

.page-help-tooltip .tooltip-inner {
  padding: 15px 10px;
  background: #326086;
}
.page-help-tooltip.in {
  opacity: 1;
}
.page-help-tooltip.top .tooltip-arrow {
  border-top-color: #326086;
}
.page-help-tooltip.bottom .tooltip-arrow {
  border-bottom-color: #326086;
}
.page-help-tooltip.left .tooltip-arrow {
  border-left-color: #326086;
}
.page-help-tooltip.right .tooltip-arrow {
  border-right-color: #326086;
}

.question-ball {
  background-image: url(/CDN/Content/Images/svg/help-no-fill.svg);
}
.question-ball:hover, .question-ball:focus {
  background-image: url(/CDN/Content/Images/icon16/help.png);
}

.editable {
  background: transparent;
  border: 1px solid transparent;
  border-bottom: 1px dotted #6fcaf4;
  box-shadow: none;
  cursor: text;
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  height: auto;
  line-height: normal;
  padding: 5px 5px 3px 5px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.editable:hover {
  background: #f0fafe;
}
.editable:focus {
  background: #f0fafe;
  border: 1px solid transparent;
  box-shadow: none;
  outline: 1px dotted #6fcaf4;
}
.editable.h1 {
  display: block;
  font-size: 24px;
  width: 100%;
}
.editable.h2 {
  display: block;
  font-size: 18px;
  width: 100%;
}
.editable.input-validation-error {
  padding: 5px 35px 3px 5px;
}
.editable.block {
  display: block;
  width: 100%;
}
.editable textarea.editable {
  overflow-y: hidden;
}
.editable.large {
  height: 170px;
}

h1.editable {
  display: block;
  font-size: 24px;
  margin: 0 0 10px;
  width: 100%;
}

h2.editable {
  display: block;
  font-size: 18px;
  width: 100%;
}

.mce-edit-focus {
  display: block;
}

.password-strength-container {
  background: #f5f5f5;
  border-radius: 3px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  position: relative;
  cursor: default;
}
.password-strength-container .bar {
  border-radius: 3px;
  height: 25px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.password-strength-container .bar .pw-strength {
  left: 50%;
  top: 50%;
  padding: 4px 7px;
  position: absolute;
  white-space: nowrap;
  z-index: 10;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.password-strength-container .bar.strength-empty .pw-strength {
  display: none;
}
.password-strength-container .bar.strength-weak {
  background-color: #e04c4c;
  width: 25%;
}
.password-strength-container .bar.strength-weak .pw-strength {
  color: #fff;
}
.password-strength-container .bar.strength-medium {
  background-color: #ef8502;
  width: 50%;
}
.password-strength-container .bar.strength-medium .pw-strength {
  color: #fff;
}
.password-strength-container .bar.strength-strong {
  background-color: #ffe038;
  width: 75%;
}
.password-strength-container .bar.strength-strong .pw-strength {
  color: #de7b00;
}
.password-strength-container .bar.strength-very-strong {
  background-color: #8ebd2c;
  width: 100%;
}
.password-strength-container .bar.strength-very-strong .pw-strength {
  color: #fff;
}

.meta-dropdown {
  background: #fff;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.09);
  border: 1px solid #d6d6d6;
  border-radius: 3px;
  display: none;
  width: 400px;
  margin-top: 10px;
  position: absolute;
  z-index: 3;
}
.meta-dropdown.below:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border-bottom-color: #3a9ab9;
  border-width: 5px;
  margin-left: -5px;
}
.meta-dropdown.above:before, .meta-dropdown.above:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.meta-dropdown.above:before {
  border-color: rgba(221, 221, 221, 0);
  border-top-color: #d6d6d6;
  border-width: 9px;
  margin-left: -9px;
}
.meta-dropdown.above:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}
.meta-dropdown .header {
  background: #3a9ab9;
  border-radius: 3px 3px 0 0;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  height: auto;
  text-align: center;
  padding: 15px 0;
  margin: -1px;
}
.meta-dropdown .header .close-btn {
  margin: 0 10px 0 0;
  float: right;
  cursor: pointer;
}
.meta-dropdown .md-content {
  font-weight: 300;
  line-height: 25px;
}
.meta-dropdown .md-content .main {
  color: #333;
  font-weight: 500;
}

.help-label,
.admin-help-label {
  display: none;
}
.help-label .help-primary-text,
.admin-help-label .help-primary-text {
  display: none;
}
.help-label .help-secondary-text-default,
.admin-help-label .help-secondary-text-default {
  padding: 10px 40px 10px 45px;
  position: relative;
  background: rgba(238, 238, 238, 0.2);
  border-radius: 5px;
}
.help-label .help-secondary-text-default.replace,
.admin-help-label .help-secondary-text-default.replace {
  margin: 0 30px;
}
.help-label .help-secondary-text-default.append,
.admin-help-label .help-secondary-text-default.append {
  margin: 15px 30px;
}
@media (max-width: 1024px) {
  .help-label .help-secondary-text-default.replace,
  .admin-help-label .help-secondary-text-default.replace {
    margin: 15px 0;
  }
  .help-label .help-secondary-text-default.append,
  .admin-help-label .help-secondary-text-default.append {
    margin: 15px 0;
  }
}
.help-label .help-secondary-text-default:before,
.admin-help-label .help-secondary-text-default:before {
  content: url(/CDN/Content/Images/icon16/help.png);
  width: 16px;
  height: 16px;
  position: absolute;
  left: 15px;
  top: 11px;
}
.help-label .help-secondary-text-default:after,
.admin-help-label .help-secondary-text-default:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background: #1a86ca;
  top: 0;
  left: 0;
}

.profile-header {
  margin: 0 0 30px 0;
}
.profile-header .profile-image {
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
  min-height: 170px;
}
.profile-header .profile-image:after {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.profile-header .profile-image:before {
  background: -moz-linear-gradient(top, rgba(15, 56, 91, 0) 0%, rgba(15, 56, 91, 0.01) 1%, rgb(15, 56, 91) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(15, 56, 91, 0)), color-stop(1%, rgba(15, 56, 91, 0.01)), color-stop(100%, rgb(15, 56, 91)));
  background: -webkit-linear-gradient(top, rgba(15, 56, 91, 0) 0%, rgba(15, 56, 91, 0.01) 1%, rgb(15, 56, 91) 100%);
  background: -o-linear-gradient(top, rgba(15, 56, 91, 0) 0%, rgba(15, 56, 91, 0.01) 1%, rgb(15, 56, 91) 100%);
  background: -ms-linear-gradient(top, rgba(15, 56, 91, 0) 0%, rgba(15, 56, 91, 0.01) 1%, rgb(15, 56, 91) 100%);
  background: linear-gradient(to bottom, rgba(15, 56, 91, 0) 0%, rgba(15, 56, 91, 0.01) 1%, rgb(15, 56, 91) 100%);
  content: " ";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 50px;
}
.profile-header .profile-image .settings {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.profile-header .profile-image .settings .settings-button {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
  width: 40px;
  height: 40px;
  padding: 4px 0;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  z-index: 3;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.profile-header .profile-image .settings .settings-button i {
  background-image: url(/CDN/Content/Images/svg/white-camera.svg);
  background-color: transparent;
  width: 25px;
  height: 25px;
  display: block;
  margin: 3px 0 0 8px;
}
.profile-header .profile-image .settings .settings-button i:after, .profile-header .profile-image .settings .settings-button i:before {
  display: none;
}
.profile-header .profile-image .settings .settings-button.active {
  background: #3a9ab9;
}
.profile-header .profile-image .settings .settings-menu {
  background: #fff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  display: none;
  min-width: 200px;
  position: absolute;
  top: 40px;
  right: 0;
  z-index: 4;
  min-width: 150px;
}
.profile-header .profile-image .settings .settings-menu span {
  background: #f9f9f9;
  display: block;
  padding: 10px 20px;
}
.profile-header .profile-image .settings .settings-menu a {
  padding: 10px;
  display: block;
  float: none;
  display: flex;
  min-height: 20px;
  gap: 8px;
  align-items: center;
  color: #333;
}
.profile-header .profile-image .settings .settings-menu a:hover {
  background-color: #efefef;
}
.profile-header .profile-image .settings .settings-menu a.indent {
  padding: 10px 20px 10px 30px;
}
.profile-header .profile-user {
  padding: 30px;
  position: relative;
  z-index: 2;
}
.profile-header .profile-user:before, .profile-header .profile-user:after {
  content: "";
  display: table;
}
.profile-header .profile-user:after {
  clear: both;
}
.profile-header .profile-user .profile-photo {
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  float: left;
  width: 100px;
  height: 100px;
  padding: 3px;
  position: relative;
}
.profile-header .profile-user .profile-photo img {
  border-radius: 50%;
  width: 104px;
  height: 104px;
}
.profile-header .profile-user .profile-photo .online-status {
  background: #8ebd2c;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 45px;
  right: -10px;
}
.profile-header .profile-user .profile-photo .online-status.offline {
  background: #e1e1e1;
}
.profile-header.personnel .user-information {
  padding: 0;
}
.profile-header .user-information {
  float: left;
  margin: 0 0 0 20px;
  padding: 15px 0;
}
.profile-header .user-information span {
  display: block;
  font-weight: 300;
}
.profile-header .user-information span span {
  display: inline-block;
}
.profile-header .user-information .users-name {
  color: #fff;
  font-size: 22px;
}
.profile-header .user-information .users-name.no-status {
  padding-top: 18px;
}
.profile-header .user-information .status {
  color: #ccc;
  font-size: 18px;
  margin: 0 0 5px 0;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}
.profile-header .user-information .status .status-readonly {
  border-bottom: 1px dotted #3a9ab9;
  cursor: pointer;
  padding: 3px 0;
}
.profile-header .user-information .status .status-readonly:hover, .profile-header .user-information .status .status-readonly:focus {
  background: rgba(0, 0, 0, 0.8);
  border-bottom: 1px dotted #47a7c5;
  color: #fff;
}
.profile-header .user-information .status input[type=text] {
  background: transparent;
  border: none;
  border-radius: 0;
  border-bottom: 1px dotted #3a9ab9;
  height: 28px;
  font-size: 18px;
  color: #ccc;
  min-width: 450px;
  padding: 0 3px;
}
.profile-header .user-information .status input[type=text]:hover, .profile-header .user-information .status input[type=text]:focus {
  background: rgba(0, 0, 0, 0.8);
  border-bottom: 1px dotted #47a7c5;
  color: #fff;
}
.profile-header .user-information .status input[type=text].input-validation-error {
  color: #555;
  background: none;
}
.profile-header .user-information .job {
  font-size: 16px;
  color: #ccc;
}
.profile-header .user-information .job a {
  color: #fff;
}
.profile-header .profile-bar {
  background: #191a1c;
}
.profile-header .profile-bar .follow-info a {
  display: inline-block;
  padding: 12px;
}
.profile-header .profile-bar .follow-info a:hover {
  background: #000;
}
.profile-header .profile-bar .follow-info a.active {
  background: #3a9ab9;
}
.profile-header .profile-bar .follow-info a.active .follow-title {
  color: rgba(255, 255, 255, 0.7);
}
.profile-header .profile-bar .follow-info span {
  display: block;
}
.profile-header .profile-bar .follow-info .follow-title {
  color: #999;
  font-size: 11px;
  text-transform: uppercase;
}
.profile-header .profile-bar .follow-info .follow-figure {
  color: #fff;
  font-size: 18px;
}
.profile-header .profile-bar .right-align {
  text-align: right;
}
.profile-header .profile-bar .right-align a {
  background: #3a9ab9;
  border-radius: 3px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  color: #fff;
  font-size: 16px;
  margin: 9px;
}
.profile-header .profile-bar .right-align a.cancel {
  background: #fff;
  color: #999;
  margin: 0 -5px 0 0;
}
.profile-header .profile-bar .right-align a.cancel:hover {
  background: #f2f2f2;
  color: #666;
}
.profile-header .profile-bar .right-align a:hover {
  background: #47a7c5;
}
.profile-header .profile-bar .right-align a:active {
  box-shadow: inset 0 1px 2px #000, 0.05;
  background: #348aa6;
}
@media only screen and (max-width: 768px) {
  .profile-header .profile-bar .right-align a {
    display: block;
    text-align: center;
  }
  .profile-header .profile-bar .right-align a.cancel {
    margin: 10px;
  }
  .profile-header .profile-bar .follow-info {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  .profile-header .profile-bar .follow-info:before, .profile-header .profile-bar .follow-info:after {
    content: "";
    display: table;
  }
  .profile-header .profile-bar .follow-info:after {
    clear: both;
  }
  .profile-header .profile-bar .follow-info a {
    width: 50%;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .profile-header .profile-user {
    padding: 15px 0 10px 0;
  }
  .profile-header .profile-user .profile-photo {
    margin: 0 auto;
    float: none;
    width: 80px;
    height: 80px;
  }
  .profile-header .profile-user .profile-photo img {
    height: 80px;
    width: 80px;
  }
  .profile-header .profile-user .profile-photo .online-status {
    top: auto;
    right: auto;
    left: 50%;
    bottom: -10px;
    margin: 0 0 0 -10px;
  }
  .profile-header .profile-user .user-information {
    float: none;
    text-align: center;
    margin: 0;
    padding: 10px 10px 0 10px;
  }
  .profile-header .profile-user .user-information .users-name {
    font-size: 20px;
  }
  .profile-header .profile-user .user-information .status {
    font-size: 16px;
    margin: 0;
    width: auto;
    text-overflow: initial;
    overflow: auto;
    white-space: normal;
  }
  .profile-header .profile-user .user-information .status input[type=text] {
    width: 100%;
    min-width: inherit;
    display: block;
    text-align: center;
  }
  .profile-header .profile-user .user-information .job {
    font-size: 14px;
  }
}

.related-item {
  background: #f9f9f9;
  box-shadow: 0 1px 1px 0 rgba(51, 51, 51, 0.1);
  border-radius: 3px;
  float: left;
  margin-bottom: 20px;
  margin-right: 20px;
  padding: 0 0 0 35px;
  position: relative;
  width: calc(50% - 10px);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  transition: all 200ms ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.related-item:hover {
  background: #e7f4fc;
}
.related-item:nth-of-type(2n) {
  margin-right: 0;
}
.related-item .title {
  display: block;
  margin: 0 0 0 -35px;
  padding: 7px 10px 7px 35px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.related-item .icon {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
}
.related-item.deletable {
  padding: 0 35px;
}
.related-item.deletable .delete {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
}
.related-item.deletable .delete i {
  margin: 0;
  top: 0;
  opacity: 0.5;
}
@media (max-width: 991px) {
  .related-item {
    margin-right: 0;
    width: 100%;
  }
}
.sidebox .related-item {
  background: #fff;
  float: none;
  margin-right: 0;
  margin-bottom: 10px;
  width: 100%;
}
.sidebox .related-item:hover {
  background: #e7f4fc;
}
.relatedContainer .related-item {
  margin-right: 10px;
  width: calc(25% - 15px);
}
.relatedContainer .related-item:nth-of-type(4n) {
  margin-right: 0;
}

@-webkit-keyframes slide {
  from {
    opacity: 0;
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes slide {
  from {
    opacity: 0;
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes slide {
  from {
    opacity: 0;
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slide {
  from {
    opacity: 0;
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
#toasterAlerts {
  top: 125px;
  left: 10%;
  right: 10%;
  position: absolute;
  z-index: 1002;
}
#toasterAlerts .alert {
  -webkit-animation: slide 200ms ease-in-out;
  -moz-animation: slide 200ms ease-in-out;
  -ms-animation: slide 200ms ease-in-out;
  animation: slide 200ms ease-in-out;
}
#toasterAlerts.affix {
  top: 0;
  position: fixed;
}
#toasterAlerts.affix .alert:first-child {
  border-radius: 0 0 3px 3px;
}

#dialogToasterAlerts {
  position: fixed;
  top: 50px;
  left: 10%;
  right: 10%;
  z-index: 2000;
}
#dialogToasterAlerts .alert {
  -webkit-animation: slide 200ms ease-in-out;
  -moz-animation: slide 200ms ease-in-out;
  -ms-animation: slide 200ms ease-in-out;
  animation: slide 200ms ease-in-out;
}

.follow-dropdown {
  background: #fff;
  border-radius: 3px;
  z-index: 10000;
}
.follow-dropdown:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 5px;
  margin-left: -5px;
}
.follow-dropdown .follow-content {
  padding: 0 10px;
  color: #999;
  max-height: 190px;
  font-size: 16px;
}
.follow-dropdown .follow-content input[type=checkbox] {
  top: 9px;
}
.follow-dropdown .follow-content .checkbox span {
  display: inline-block;
  max-width: 220px;
  padding: 0 0 0 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.follow-dropdown .follow-content .group-circle {
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 16px;
  top: 10px;
  margin: 0 5px;
  width: 12px;
  height: 12px;
}
.follow-dropdown .follow-content .group-circle.c1 {
  background: #24589b;
}
.follow-dropdown .follow-content .group-circle.c2 {
  background: #ac4c36;
}
.follow-dropdown .follow-content .group-circle.c3 {
  background: #5c5681;
}
.follow-dropdown .follow-content .group-circle.c4 {
  background: #4c9bd8;
}
.follow-dropdown .follow-content .group-circle.c5 {
  background: #78a54c;
}
.follow-dropdown .follow-content .group-circle.c6 {
  background: #b65484;
}
.follow-dropdown .follow-content .group-circle.c7 {
  background: #c33a3a;
}
.follow-dropdown .follow-content .group-circle.c8 {
  background: #3ac1c3;
}
.follow-dropdown .follow-content .group-circle.c9 {
  background: #c3973a;
}
.follow-dropdown .follow-content .group-circle.c10 {
  background: #773ac3;
}
.follow-dropdown .follow-footer {
  background: #f9f9f9;
  border-top: 1px solid #ededed;
  border-radius: 0 0 3px 3px;
  height: 50px;
  position: relative;
  padding: 7px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.follow-dropdown .follow-footer a {
  color: #1a86ca;
  display: block;
  font-size: 16px;
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.follow-dropdown .follow-footer a:hover {
  color: #14689d;
}
.follow-dropdown .follow-footer form {
  display: none;
}

.timeline {
  font-size: 18px;
  padding: 20px 0 20px 40px;
  position: relative;
}
.timeline:before {
  background: #eee;
  content: "";
  position: absolute;
  left: 10px;
  width: 2px;
  top: 20px;
  bottom: 20px;
}
.timeline .item {
  border: 1px solid #dbe1e5;
  border-radius: 3px;
  color: #999;
  font-size: 16px;
  line-height: 24px;
  margin: 20px 0 0;
  min-height: 20px;
  padding: 20px;
  position: relative;
}
.timeline .item.with-icon {
  padding: 20px 20px 20px 75px;
}
.timeline .item.with-icon .icon {
  left: 15px;
  top: 15px;
  position: absolute;
  width: 48px;
  height: 48px;
}
.timeline .item:first-child {
  margin-top: 0;
}
.timeline .item:before, .timeline .item:after {
  border: solid transparent;
  content: "";
  height: 0;
  margin-top: -10px;
  right: 100%;
  top: 50%;
  position: absolute;
  width: 0;
}
.timeline .item:before {
  border-right-color: #dbe1e5;
  border-width: 10px;
}
.timeline .item:after {
  border-right-color: #fff;
  border-width: 9px;
  top: calc(50% + 1px);
}
.timeline .item .ball {
  background-color: #66aedd;
  border-radius: 50%;
  margin-top: -4px;
  position: absolute;
  left: -34px;
  top: 50%;
  width: 8px;
  height: 8px;
}
.timeline .item .text .title {
  color: #333;
}
.timeline .item .text .title .bull-section {
  white-space: nowrap;
}
.timeline .item .text .title .bull-section .type {
  font-weight: 600;
}
.timeline .item .text .title .bull-section:after {
  background-color: #666;
  border-radius: 50%;
  content: "";
  display: inline-block;
  margin: 0 8px;
  width: 4px;
  height: 4px;
  vertical-align: middle;
}
.timeline .item .text .title .bull-section:last-child:after {
  content: none;
}
.timeline .item .text .description {
  color: #777;
  margin: 10px 0;
}
.timeline .item .text .description .attachments {
  display: block;
  padding-left: 20px;
  position: relative;
}
.timeline .item .text .description .attachments:before {
  background-image: url(/CDN/Content/Images/svg/attachment.svg);
  background-size: cover;
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
}
.timeline .item .text .info.automatic {
  display: block;
  padding-left: 20px;
  position: relative;
}
.timeline .item .text .info.automatic:before {
  background-image: url(/CDN/Content/Images/svg/sync.svg);
  background-size: cover;
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 4px;
}
.timeline .item .comments {
  margin-top: 20px;
}
.timeline .item.current {
  border-color: #1a86ca;
}
.timeline .item.current:before {
  border-right-color: #1a86ca;
}
.timeline .item.new, .timeline .item.upcoming {
  border-color: #75bb4f;
}
.timeline .item.new:before, .timeline .item.upcoming:before {
  border-right-color: #75bb4f;
}
.timeline .item .edit-link {
  border-bottom: 1px dotted #6fcaf4;
  color: #6fa0cd;
}
@media (max-width: 991px) {
  .timeline .item {
    font-size: 15px;
  }
}
.timeline .new-item {
  display: block;
  font-size: 14px;
  position: relative;
  height: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.timeline .new-item:before, .timeline .new-item:after {
  content: "";
  display: table;
}
.timeline .new-item:after {
  clear: both;
}
.timeline .new-item .circle {
  background-color: #c9cfd3;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 50%;
  left: -41px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  -ms-transform: scale(0.3);
  transform: scale(0.3);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.timeline .new-item .circle:before {
  background-image: url(/CDN/Content/Images/svg/plus-white.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  opacity: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.timeline .new-item .text {
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  opacity: 0;
  -webkit-transform-origin: 0% 50% 0;
  -moz-transform-origin: 0% 50% 0;
  -ms-transform-origin: 0% 50% 0;
  transform-origin: 0% 50% 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-transform: translate(-10px, -50%);
  -moz-transform: translate(-10px, -50%);
  -ms-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%);
}
.timeline .new-item:hover, .timeline .new-item:last-child {
  height: 20px;
  margin: -10px 0;
}
.timeline .new-item:hover .circle, .timeline .new-item:last-child .circle {
  background-color: #3db39e;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.timeline .new-item:hover .circle:before, .timeline .new-item:last-child .circle:before {
  opacity: 1;
}
.timeline .new-item:hover .text, .timeline .new-item:last-child .text {
  opacity: 1;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.timeline .new-item:last-child {
  font-size: 18px;
  margin: 0;
}
.timeline .new-item:last-child .circle {
  background-image: url(/CDN/Content/Images/svg/plus-white.svg);
  background-size: 28px;
  background-repeat: no-repeat;
  background-position: center;
  width: 32px;
  height: 32px;
  left: -45px;
  margin-top: -16px;
}
.timeline .new-item:last-child .circle:before {
  opacity: 0;
}

.plus-button {
  background-color: #1a86ca;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  height: 50px;
  position: relative;
  width: 50px;
  text-align: center;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.plus-button i {
  color: #fff;
  font-size: 24px;
  line-height: 50px;
}

@-webkit-keyframes door-open {
  0% {
    -webkit-transform: rotateY(0deg) translateZ(1px);
    -moz-transform: rotateY(0deg) translateZ(1px);
    -ms-transform: rotateY(0deg) translateZ(1px);
    transform: rotateY(0deg) translateZ(1px);
  }
  5% {
    -webkit-transform: rotateY(-20deg) translateZ(1px);
    -moz-transform: rotateY(-20deg) translateZ(1px);
    -ms-transform: rotateY(-20deg) translateZ(1px);
    transform: rotateY(-20deg) translateZ(1px);
  }
  95% {
    -webkit-transform: rotateY(-20deg) translateZ(1px);
    -moz-transform: rotateY(-20deg) translateZ(1px);
    -ms-transform: rotateY(-20deg) translateZ(1px);
    transform: rotateY(-20deg) translateZ(1px);
  }
  100% {
    -webkit-transform: rotateY(0deg) translateZ(1px);
    -moz-transform: rotateY(0deg) translateZ(1px);
    -ms-transform: rotateY(0deg) translateZ(1px);
    transform: rotateY(0deg) translateZ(1px);
  }
}
@-moz-keyframes door-open {
  0% {
    -webkit-transform: rotateY(0deg) translateZ(1px);
    -moz-transform: rotateY(0deg) translateZ(1px);
    -ms-transform: rotateY(0deg) translateZ(1px);
    transform: rotateY(0deg) translateZ(1px);
  }
  5% {
    -webkit-transform: rotateY(-20deg) translateZ(1px);
    -moz-transform: rotateY(-20deg) translateZ(1px);
    -ms-transform: rotateY(-20deg) translateZ(1px);
    transform: rotateY(-20deg) translateZ(1px);
  }
  95% {
    -webkit-transform: rotateY(-20deg) translateZ(1px);
    -moz-transform: rotateY(-20deg) translateZ(1px);
    -ms-transform: rotateY(-20deg) translateZ(1px);
    transform: rotateY(-20deg) translateZ(1px);
  }
  100% {
    -webkit-transform: rotateY(0deg) translateZ(1px);
    -moz-transform: rotateY(0deg) translateZ(1px);
    -ms-transform: rotateY(0deg) translateZ(1px);
    transform: rotateY(0deg) translateZ(1px);
  }
}
@-ms-keyframes door-open {
  0% {
    -webkit-transform: rotateY(0deg) translateZ(1px);
    -moz-transform: rotateY(0deg) translateZ(1px);
    -ms-transform: rotateY(0deg) translateZ(1px);
    transform: rotateY(0deg) translateZ(1px);
  }
  5% {
    -webkit-transform: rotateY(-20deg) translateZ(1px);
    -moz-transform: rotateY(-20deg) translateZ(1px);
    -ms-transform: rotateY(-20deg) translateZ(1px);
    transform: rotateY(-20deg) translateZ(1px);
  }
  95% {
    -webkit-transform: rotateY(-20deg) translateZ(1px);
    -moz-transform: rotateY(-20deg) translateZ(1px);
    -ms-transform: rotateY(-20deg) translateZ(1px);
    transform: rotateY(-20deg) translateZ(1px);
  }
  100% {
    -webkit-transform: rotateY(0deg) translateZ(1px);
    -moz-transform: rotateY(0deg) translateZ(1px);
    -ms-transform: rotateY(0deg) translateZ(1px);
    transform: rotateY(0deg) translateZ(1px);
  }
}
@keyframes door-open {
  0% {
    -webkit-transform: rotateY(0deg) translateZ(1px);
    -moz-transform: rotateY(0deg) translateZ(1px);
    -ms-transform: rotateY(0deg) translateZ(1px);
    transform: rotateY(0deg) translateZ(1px);
  }
  5% {
    -webkit-transform: rotateY(-20deg) translateZ(1px);
    -moz-transform: rotateY(-20deg) translateZ(1px);
    -ms-transform: rotateY(-20deg) translateZ(1px);
    transform: rotateY(-20deg) translateZ(1px);
  }
  95% {
    -webkit-transform: rotateY(-20deg) translateZ(1px);
    -moz-transform: rotateY(-20deg) translateZ(1px);
    -ms-transform: rotateY(-20deg) translateZ(1px);
    transform: rotateY(-20deg) translateZ(1px);
  }
  100% {
    -webkit-transform: rotateY(0deg) translateZ(1px);
    -moz-transform: rotateY(0deg) translateZ(1px);
    -ms-transform: rotateY(0deg) translateZ(1px);
    transform: rotateY(0deg) translateZ(1px);
  }
}
@-webkit-keyframes bungie {
  0% {
    height: 10px;
    width: 0%;
  }
  50% {
    height: 6px;
    width: 70%;
  }
  75% {
    height: 4px;
    width: 80%;
  }
  79% {
    height: 10px;
    width: 0%;
  }
  100% {
    width: 0%;
  }
}
@-moz-keyframes bungie {
  0% {
    height: 10px;
    width: 0%;
  }
  50% {
    height: 6px;
    width: 70%;
  }
  75% {
    height: 4px;
    width: 80%;
  }
  79% {
    height: 10px;
    width: 0%;
  }
  100% {
    width: 0%;
  }
}
@-ms-keyframes bungie {
  0% {
    height: 10px;
    width: 0%;
  }
  50% {
    height: 6px;
    width: 70%;
  }
  75% {
    height: 4px;
    width: 80%;
  }
  79% {
    height: 10px;
    width: 0%;
  }
  100% {
    width: 0%;
  }
}
@keyframes bungie {
  0% {
    height: 10px;
    width: 0%;
  }
  50% {
    height: 6px;
    width: 70%;
  }
  75% {
    height: 4px;
    width: 80%;
  }
  79% {
    height: 10px;
    width: 0%;
  }
  100% {
    width: 0%;
  }
}
@-webkit-keyframes person-movement {
  0% {
    left: 0%;
  }
  50% {
    left: 60%;
  }
  75% {
    left: 75%;
  }
  79% {
    left: 0%;
  }
  80% {
    left: 0%;
    -webkit-transform: scale(0%);
    -moz-transform: scale(0%);
    -ms-transform: scale(0%);
    transform: scale(0%);
  }
  100% {
    left: 0%;
    -webkit-transform: scale(0%);
    -moz-transform: scale(0%);
    -ms-transform: scale(0%);
    transform: scale(0%);
  }
}
@-moz-keyframes person-movement {
  0% {
    left: 0%;
  }
  50% {
    left: 60%;
  }
  75% {
    left: 75%;
  }
  79% {
    left: 0%;
  }
  80% {
    left: 0%;
    -webkit-transform: scale(0%);
    -moz-transform: scale(0%);
    -ms-transform: scale(0%);
    transform: scale(0%);
  }
  100% {
    left: 0%;
    -webkit-transform: scale(0%);
    -moz-transform: scale(0%);
    -ms-transform: scale(0%);
    transform: scale(0%);
  }
}
@-ms-keyframes person-movement {
  0% {
    left: 0%;
  }
  50% {
    left: 60%;
  }
  75% {
    left: 75%;
  }
  79% {
    left: 0%;
  }
  80% {
    left: 0%;
    -webkit-transform: scale(0%);
    -moz-transform: scale(0%);
    -ms-transform: scale(0%);
    transform: scale(0%);
  }
  100% {
    left: 0%;
    -webkit-transform: scale(0%);
    -moz-transform: scale(0%);
    -ms-transform: scale(0%);
    transform: scale(0%);
  }
}
@keyframes person-movement {
  0% {
    left: 0%;
  }
  50% {
    left: 60%;
  }
  75% {
    left: 75%;
  }
  79% {
    left: 0%;
  }
  80% {
    left: 0%;
    -webkit-transform: scale(0%);
    -moz-transform: scale(0%);
    -ms-transform: scale(0%);
    transform: scale(0%);
  }
  100% {
    left: 0%;
    -webkit-transform: scale(0%);
    -moz-transform: scale(0%);
    -ms-transform: scale(0%);
    transform: scale(0%);
  }
}
@-webkit-keyframes arms-movement {
  0% {
    -webkit-transform: rotateZ(-65deg);
    -moz-transform: rotateZ(-65deg);
    -ms-transform: rotateZ(-65deg);
    transform: rotateZ(-65deg);
  }
  15% {
    -webkit-transform: rotateZ(-25deg);
    -moz-transform: rotateZ(-25deg);
    -ms-transform: rotateZ(-25deg);
    transform: rotateZ(-25deg);
  }
  50% {
    -webkit-transform: rotateZ(-25deg);
    -moz-transform: rotateZ(-25deg);
    -ms-transform: rotateZ(-25deg);
    transform: rotateZ(-25deg);
  }
  60% {
    -webkit-transform: rotateZ(-65deg);
    -moz-transform: rotateZ(-65deg);
    -ms-transform: rotateZ(-65deg);
    transform: rotateZ(-65deg);
  }
  100% {
    -webkit-transform: rotateZ(-65deg);
    -moz-transform: rotateZ(-65deg);
    -ms-transform: rotateZ(-65deg);
    transform: rotateZ(-65deg);
  }
}
@-moz-keyframes arms-movement {
  0% {
    -webkit-transform: rotateZ(-65deg);
    -moz-transform: rotateZ(-65deg);
    -ms-transform: rotateZ(-65deg);
    transform: rotateZ(-65deg);
  }
  15% {
    -webkit-transform: rotateZ(-25deg);
    -moz-transform: rotateZ(-25deg);
    -ms-transform: rotateZ(-25deg);
    transform: rotateZ(-25deg);
  }
  50% {
    -webkit-transform: rotateZ(-25deg);
    -moz-transform: rotateZ(-25deg);
    -ms-transform: rotateZ(-25deg);
    transform: rotateZ(-25deg);
  }
  60% {
    -webkit-transform: rotateZ(-65deg);
    -moz-transform: rotateZ(-65deg);
    -ms-transform: rotateZ(-65deg);
    transform: rotateZ(-65deg);
  }
  100% {
    -webkit-transform: rotateZ(-65deg);
    -moz-transform: rotateZ(-65deg);
    -ms-transform: rotateZ(-65deg);
    transform: rotateZ(-65deg);
  }
}
@-ms-keyframes arms-movement {
  0% {
    -webkit-transform: rotateZ(-65deg);
    -moz-transform: rotateZ(-65deg);
    -ms-transform: rotateZ(-65deg);
    transform: rotateZ(-65deg);
  }
  15% {
    -webkit-transform: rotateZ(-25deg);
    -moz-transform: rotateZ(-25deg);
    -ms-transform: rotateZ(-25deg);
    transform: rotateZ(-25deg);
  }
  50% {
    -webkit-transform: rotateZ(-25deg);
    -moz-transform: rotateZ(-25deg);
    -ms-transform: rotateZ(-25deg);
    transform: rotateZ(-25deg);
  }
  60% {
    -webkit-transform: rotateZ(-65deg);
    -moz-transform: rotateZ(-65deg);
    -ms-transform: rotateZ(-65deg);
    transform: rotateZ(-65deg);
  }
  100% {
    -webkit-transform: rotateZ(-65deg);
    -moz-transform: rotateZ(-65deg);
    -ms-transform: rotateZ(-65deg);
    transform: rotateZ(-65deg);
  }
}
@keyframes arms-movement {
  0% {
    -webkit-transform: rotateZ(-65deg);
    -moz-transform: rotateZ(-65deg);
    -ms-transform: rotateZ(-65deg);
    transform: rotateZ(-65deg);
  }
  15% {
    -webkit-transform: rotateZ(-25deg);
    -moz-transform: rotateZ(-25deg);
    -ms-transform: rotateZ(-25deg);
    transform: rotateZ(-25deg);
  }
  50% {
    -webkit-transform: rotateZ(-25deg);
    -moz-transform: rotateZ(-25deg);
    -ms-transform: rotateZ(-25deg);
    transform: rotateZ(-25deg);
  }
  60% {
    -webkit-transform: rotateZ(-65deg);
    -moz-transform: rotateZ(-65deg);
    -ms-transform: rotateZ(-65deg);
    transform: rotateZ(-65deg);
  }
  100% {
    -webkit-transform: rotateZ(-65deg);
    -moz-transform: rotateZ(-65deg);
    -ms-transform: rotateZ(-65deg);
    transform: rotateZ(-65deg);
  }
}
@-webkit-keyframes leg-movement {
  0% {
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    -ms-transform: rotateZ(10deg);
    transform: rotateZ(10deg);
  }
  76% {
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    -ms-transform: rotateZ(10deg);
    transform: rotateZ(10deg);
  }
  77% {
    -webkit-transform: rotateZ(-30deg);
    -moz-transform: rotateZ(-30deg);
    -ms-transform: rotateZ(-30deg);
    transform: rotateZ(-30deg);
  }
  100% {
    -webkit-transform: rotateZ(-30deg);
    -moz-transform: rotateZ(-30deg);
    -ms-transform: rotateZ(-30deg);
    transform: rotateZ(-30deg);
  }
}
@-moz-keyframes leg-movement {
  0% {
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    -ms-transform: rotateZ(10deg);
    transform: rotateZ(10deg);
  }
  76% {
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    -ms-transform: rotateZ(10deg);
    transform: rotateZ(10deg);
  }
  77% {
    -webkit-transform: rotateZ(-30deg);
    -moz-transform: rotateZ(-30deg);
    -ms-transform: rotateZ(-30deg);
    transform: rotateZ(-30deg);
  }
  100% {
    -webkit-transform: rotateZ(-30deg);
    -moz-transform: rotateZ(-30deg);
    -ms-transform: rotateZ(-30deg);
    transform: rotateZ(-30deg);
  }
}
@-ms-keyframes leg-movement {
  0% {
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    -ms-transform: rotateZ(10deg);
    transform: rotateZ(10deg);
  }
  76% {
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    -ms-transform: rotateZ(10deg);
    transform: rotateZ(10deg);
  }
  77% {
    -webkit-transform: rotateZ(-30deg);
    -moz-transform: rotateZ(-30deg);
    -ms-transform: rotateZ(-30deg);
    transform: rotateZ(-30deg);
  }
  100% {
    -webkit-transform: rotateZ(-30deg);
    -moz-transform: rotateZ(-30deg);
    -ms-transform: rotateZ(-30deg);
    transform: rotateZ(-30deg);
  }
}
@keyframes leg-movement {
  0% {
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    -ms-transform: rotateZ(10deg);
    transform: rotateZ(10deg);
  }
  76% {
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    -ms-transform: rotateZ(10deg);
    transform: rotateZ(10deg);
  }
  77% {
    -webkit-transform: rotateZ(-30deg);
    -moz-transform: rotateZ(-30deg);
    -ms-transform: rotateZ(-30deg);
    transform: rotateZ(-30deg);
  }
  100% {
    -webkit-transform: rotateZ(-30deg);
    -moz-transform: rotateZ(-30deg);
    -ms-transform: rotateZ(-30deg);
    transform: rotateZ(-30deg);
  }
}
.redirect {
  text-align: center;
}
.redirect .canvas {
  background-color: #e9eff1;
  height: 400px;
  margin: -20px -20px 20px;
  position: relative;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px;
}
.redirect .canvas .image {
  bottom: 0;
  left: 50%;
  position: absolute;
  width: 50%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.redirect .canvas .image .oak {
  background-color: #ccc;
  bottom: 0;
  height: 200px;
  left: 0;
  position: absolute;
  width: 100px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.redirect .canvas .image .oak .door {
  background-color: #1a86ca;
  height: 100%;
  width: 100%;
  z-index: 2;
  -webkit-animation: door-open 8s linear 0s 1 both;
  -moz-animation: door-open 8s linear 0s 1 both;
  -ms-animation: door-open 8s linear 0s 1 both;
  animation: door-open 8s linear 0s 1 both;
  -webkit-transform-origin: 0% 50% 0;
  -moz-transform-origin: 0% 50% 0;
  -ms-transform-origin: 0% 50% 0;
  transform-origin: 0% 50% 0;
}
.redirect .canvas .image .bungie {
  background-color: #aaa;
  height: 10px;
  position: absolute;
  left: 0;
  bottom: 80px;
  -webkit-animation: bungie 8s linear 0s 1 both;
  -moz-animation: bungie 8s linear 0s 1 both;
  -ms-animation: bungie 8s linear 0s 1 both;
  animation: bungie 8s linear 0s 1 both;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.redirect .canvas .image .site {
  background-color: #333;
  bottom: 0;
  height: 200px;
  right: 0;
  position: absolute;
  width: 100px;
}
.redirect .canvas .image .person {
  bottom: 0;
  height: 200px;
  left: 50%;
  position: absolute;
  width: 100px;
  -webkit-animation: person-movement 8s linear 0s 1 both;
  -moz-animation: person-movement 8s linear 0s 1 both;
  -ms-animation: person-movement 8s linear 0s 1 both;
  animation: person-movement 8s linear 0s 1 both;
}
.redirect .canvas .image .person .head {
  background-color: #f8bd92;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin-left: -25px;
  position: absolute;
  top: 5px;
  width: 50px;
  z-index: 3;
}
.redirect .canvas .image .person .body {
  border-radius: 50%;
  height: 100px;
  overflow: hidden;
  position: absolute;
  top: 25%;
  width: 100%;
  z-index: 2;
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
}
.redirect .canvas .image .person .body .neck {
  background-color: #f6ae7a;
  border-radius: 50%;
  height: 30px;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  width: 40px;
  z-index: 1;
}
.redirect .canvas .image .person .body .top {
  background-color: #fff;
  border-radius: 50px 50px 0 0;
  height: 50%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.redirect .canvas .image .person .body .pants {
  background-color: #e96f4f;
  bottom: 0;
  border-radius: 0 0 50px 50px;
  left: 0;
  height: 50%;
  position: absolute;
  width: 100%;
}
.redirect .canvas .image .person .arms {
  height: 30%;
  position: absolute;
  top: 80px;
  width: 100%;
}
.redirect .canvas .image .person .arms .arm {
  height: 100%;
  position: absolute;
  width: 14%;
  -webkit-transform-origin: 50% 0% 0;
  -moz-transform-origin: 50% 0% 0;
  -ms-transform-origin: 50% 0% 0;
  transform-origin: 50% 0% 0;
}
.redirect .canvas .image .person .arms .arm.left {
  left: 50%;
  z-index: 3;
  -webkit-animation: arms-movement 8s linear 0s 1 both;
  -moz-animation: arms-movement 8s linear 0s 1 both;
  -ms-animation: arms-movement 8s linear 0s 1 both;
  animation: arms-movement 8s linear 0s 1 both;
}
.redirect .canvas .image .person .arms .arm.left:before {
  background-color: #e3a981;
  border-radius: 50%;
  content: "";
  margin: -15px 0 0 -15px;
  height: 30px;
  position: absolute;
  top: 0;
  width: 30px;
}
.redirect .canvas .image .person .arms .arm.right {
  left: 80%;
  z-index: -1;
  -webkit-animation: arms-movement 12s linear -500ms 1 both;
  -moz-animation: arms-movement 12s linear -500ms 1 both;
  -ms-animation: arms-movement 12s linear -500ms 1 both;
  animation: arms-movement 12s linear -500ms 1 both;
}
.redirect .canvas .image .person .arms .arm .upper,
.redirect .canvas .image .person .arms .arm .lower {
  background-color: #e3a981;
  border-radius: 20px;
  height: 55%;
  position: absolute;
  width: 100%;
}
.redirect .canvas .image .person .arms .arm .upper {
  top: 0;
}
.redirect .canvas .image .person .arms .arm .lower {
  top: 45%;
}
.redirect .canvas .image .person .legs {
  bottom: 0;
  height: 45%;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.redirect .canvas .image .person .legs .leg {
  height: 100%;
  position: absolute;
  width: 15%;
  -webkit-transform-origin: 50% 0% 0;
  -moz-transform-origin: 50% 0% 0;
  -ms-transform-origin: 50% 0% 0;
  transform-origin: 50% 0% 0;
}
.redirect .canvas .image .person .legs .leg.left {
  left: 20%;
  -webkit-animation: leg-movement 8s linear 0s 1 both;
  -moz-animation: leg-movement 8s linear 0s 1 both;
  -ms-animation: leg-movement 8s linear 0s 1 both;
  animation: leg-movement 8s linear 0s 1 both;
}
.redirect .canvas .image .person .legs .leg.right {
  right: 20%;
  -webkit-animation: leg-movement 8s linear 0s 1 both;
  -moz-animation: leg-movement 8s linear 0s 1 both;
  -ms-animation: leg-movement 8s linear 0s 1 both;
  animation: leg-movement 8s linear 0s 1 both;
}
.redirect .canvas .image .person .legs .leg .upper,
.redirect .canvas .image .person .legs .leg .lower {
  background-color: #e96f4f;
  border-radius: 20px;
  height: 55%;
  position: absolute;
  width: 100%;
}
.redirect .canvas .image .person .legs .leg .upper {
  top: 0;
}
.redirect .canvas .image .person .legs .leg .lower {
  top: 45%;
}
.redirect .text {
  font-size: 30px;
  font-weight: 100;
  line-height: 40px !important;
  margin: 60px;
}

@media (max-width: 767px) {
  .header.page-header {
    padding: 20px 0 50px 0;
  }
  .header.page-header h1 {
    font-size: 24px;
  }
  .header.page-header.with-search .header-content {
    padding-right: 15px;
    min-height: 160px;
  }
  .header.page-header.with-search .header-content .mobileHeader {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
  }
  .header.page-header.with-search .header-content .mobileHeader .user-right {
    top: -30px;
    bottom: initial;
    display: none;
  }
  .header.page-header.with-search .header-content .mobileHeader .user-right .user-photo {
    top: 10px;
    width: 30px;
    height: 30px;
  }
  .header.page-header.with-search .header-content .mobileHeader .user-right .name {
    display: inline;
    font-size: 16px;
  }
  .header.page-header.with-search .header-content .mobileHeader .user-right .title {
    display: none;
  }
  .header .header-links {
    margin-bottom: 15px;
  }
  .header .header-links a {
    /*position: absolute;
    bottom: 10px;*/
  }
}
.oak-intranet-logo .icon16 {
  background-image: url(/CDN/Content/Images/icon16/oak-intranet-logo.png);
}
.oak-intranet-logo .icon32 {
  background-image: url(/CDN/Content/Images/icon32/oak-intranet-logo.png);
}
.oak-intranet-logo .icon48 {
  background-image: url(/CDN/Content/Images/icon48/oak-intranet-logo.png);
}
.oak-intranet-logo .icon96 {
  background-image: url(/CDN/Content/Images/icon96/oak-intranet-logo.png);
}

.content-image {
  box-sizing: border-box;
}
.box {
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  font-weight: 400;
  margin: 0 0 30px 0;
  position: relative;
}
.box .box-subheader {
  background: #f9fdff;
  border-bottom: 1px solid #e7eff8;
  padding: 10px 10px 10px 20px;
  position: relative;
  min-height: 40px;
}
.box .box-subheader .create-btn {
  background: #8ebd2c;
  border-radius: 2px;
  color: #fff;
  float: right;
  height: 40px;
  padding: 0 15px;
}
.box .box-subheader .create-btn:hover {
  background: #7ea827;
}
.box .flex-line {
  display: flex;
  column-gap: 8px;
  align-items: center;
}
.box .flex-line i {
  flex-shrink: 0;
}
.box .flex-header {
  display: flex;
  padding: 20px 20px 0 20px;
  column-gap: 16px;
  align-items: center;
}
.box .flex-header .title {
  color: #333;
  display: block;
  font-size: 22px;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  word-break: break-word;
}
.box .flex-header i {
  flex-shrink: 0;
}
.box .box-header {
  border-radius: 3px 3px 0 0;
  padding: 20px 20px 0 20px;
  position: relative;
}
.box .box-header.with-image {
  background-color: #f9f9f9;
  background-size: cover;
  background-position: center;
  border-radius: 0;
  padding: 0;
  position: relative;
}
.box .box-header.with-image a {
  background: rgbA(0, 0, 0, 0.5);
  color: #fff;
  display: block;
  padding: 30px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.box .box-header.with-image a:hover {
  background: rgba(0, 0, 0, 0.8);
}
.box .box-header.with-image a span {
  display: block;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.7);
  margin: 5px 0 0 0;
}
.box .box-header.with-icon-32 {
  padding: 20px 20px 0 70px;
}
.box .box-header.with-icon-32 > i {
  position: absolute;
  top: 20px;
  left: 20px;
}
.box .box-header.with-icon-32.no-sub-title .title {
  padding-top: 5px;
}
.box .box-header.with-icon-48 {
  padding: 20px 20px 0 85px;
}
.box .box-header.with-icon-48 > i {
  position: absolute;
  top: 20px;
  left: 20px;
}
.box .box-header.with-icon-48.no-sub-title .title {
  padding-top: 12px;
}
.box .box-header.with-right {
  padding-right: 140px;
}
.box .box-header.with-right:before, .box .box-header.with-right:after {
  content: "";
  display: table;
}
.box .box-header.with-right:after {
  clear: both;
}
.box .box-header.with-right .title {
  display: inline-block;
  margin-top: 4px;
  display: block;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.box .box-header.with-right .sub-title {
  display: block;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.box .box-header.with-right.no-sub-title .title {
  margin-top: 0;
}
.box .box-header.with-right .btn {
  position: absolute;
  top: 20px;
  right: 20px;
}
.box .box-header.with-right.with-icon-48 .btn {
  margin-top: 8px;
}
.box .box-header.with-right .right-text {
  float: right;
  margin-top: 10px;
  text-align: right;
}
.box .box-header.style-one {
  background: #f5f5f5;
  padding-bottom: 20px;
}
.box .box-header.style-two {
  background: #326086;
  padding-bottom: 20px;
}
.box .box-header.style-two .title {
  color: #fff;
}
.box .box-header.style-two .sub-title {
  color: #d6f1fd;
}
.box .box-header .title {
  color: #333;
  display: block;
  font-size: 22px;
}
.box .box-header .title .editable {
  font-size: 22px;
}
.box .box-header .sub-title {
  color: #777;
  display: block;
  font-size: 16px;
  margin: 5px 0 0 0;
  display: block;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.box .box-header .sub-title i {
  position: relative;
  top: 3px;
  left: 0;
  margin: 0 8px 0 0;
}
.box .box-header .remove-button {
  background: #e04c4c;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  float: right;
  position: relative;
  top: -4px;
  width: 34px;
  height: 34px;
  z-index: 1;
}
.box .box-header .remove-button:before {
  content: "\e014";
  position: absolute;
  font-family: "Glyphicons Halflings";
  font-size: 12px;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
}
.box .box-header.with-grey-content {
  padding-bottom: 20px;
}
.box .box-header > .object-container {
  margin: 0;
}
.box .box-header > .object-container .fr {
  line-height: 24px;
  text-align: right;
}
.box .box-header > .object-container .fr.user-image {
  text-align: left;
}
.box.grey {
  background: #f9f9f9;
  border: 1px solid #eee;
  box-shadow: none;
}
.box.grey.mb-20 {
  margin-bottom: 20px;
}
.box .profile-header {
  background: #ddd;
  border-radius: 3px 0 0 0;
  height: 100px;
  margin: 0 0 40px 0;
  position: relative;
}
.box .profile-header.full {
  background: #326086;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px 3px 0 0;
  height: 90px;
  padding: 35px 20px 20px 160px;
  margin: 0 0 30px 0;
}
.box .profile-header.full .user-image {
  background-color: transparent;
  background-size: cover;
  background-position: center;
  left: 80px;
  width: 108px;
  height: 108px;
  top: 20px;
}
.box .profile-header.full .user-image img,
.box .profile-header.full .user-image i {
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  display: block;
  margin: 4px;
  width: 100px;
  height: 100px;
}
.box .profile-header.full .title {
  color: #fff;
}
.box .profile-header.full .title a {
  color: #c5eafa;
}
.box .profile-header.full .title a:hover {
  color: #aee1f8;
}
.box .profile-header.full .title span {
  color: #c5eafa;
}
.box .profile-header.grey {
  background: #f9f9f9;
}
.box .profile-header.grey .title {
  color: #666;
}
.box .profile-header .header-image {
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.box .profile-header .header-image:after {
  background: rgba(50, 56, 61, 0.8);
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.box .profile-header .overlay {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 3px 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.box .profile-header .profile-buttons {
  position: absolute;
  top: 30px;
  right: 20px;
  height: 40px;
}
.box .profile-header .profile-buttons a {
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  float: left;
  width: 40px;
  height: 40px;
  text-align: center;
  margin: 0 0 0 10px;
}
.box .profile-header .profile-buttons a:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.box .profile-header .profile-buttons a.delete {
  background: #e04c4c;
}
.box .profile-header .profile-buttons a.delete:hover {
  background: #dc3636;
}
.box .profile-header .profile-buttons a i {
  margin: 10px 0;
}
.box .profile-header .user-image {
  background: #fff;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  bottom: -20px;
  margin: 0 0 0 -50px;
}
.box .profile-header .user-image i {
  width: 108px;
  height: 108px;
}
.box .profile-header .user-image i:before {
  width: 80px;
  height: 80px;
  top: 15px;
  left: 15px;
}
.box .profile-header .user-image .profile-picture {
  background-color: #f5f5f5;
  background-size: 94px 94px;
  background-repeat: no-repeat;
  border-radius: 50%;
  width: 94px;
  height: 94px;
  margin: 3px;
}
.box .profile-header .user-image .profile-picture #profileImageContainer {
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  overflow: hidden;
  height: 100%;
  text-align: center;
  width: 100%;
}
.box .profile-header .user-image .profile-picture #profileImageContainer img {
  width: auto;
  height: 100%;
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.box .profile-header .user-image .profile-picture #profileImageContainer img.portrait {
  width: 100%;
  height: auto;
  top: 50%;
  left: auto;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.box .box-content {
  padding: 20px;
  position: relative;
}
.box .box-content:before, .box .box-content:after {
  content: "";
  display: table;
}
.box .box-content:after {
  clear: both;
}
.box .box-content.grey {
  background: #f9f9f9;
}
.box .box-content.profile-content {
  font-size: 18px;
}
.box .box-content.manage-user > h2 {
  color: #333;
  font-weight: 400;
  font-size: 22px;
  border-top: 1px solid #ddd;
  padding-top: 20px;
  margin: 30px 0 20px 0;
}
.box .box-content.manage-user > h2:first-child {
  border: none;
  padding: 0;
  margin: 0 0 20px 0;
}
.box .box-content .help-text {
  background: #eef9fe;
  border: 1px solid #d6f1fd;
  border-radius: 3px;
  display: block;
  margin: -10px 0 30px 0;
  padding: 15px;
  position: relative;
}
.box .box-content .help-text:after, .box .box-content .help-text:before {
  bottom: 100%;
  left: 8px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.box .box-content .help-text:after {
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: #eef9fe;
  border-width: 5px;
  margin-left: -5px;
}
.box .box-content .help-text:before {
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: #d6f1fd;
  border-width: 6px;
  margin-left: -6px;
}
.box .box-content.no-padding-bottom {
  padding-bottom: 0;
}
.box .box-content .view-more-content {
  display: none;
  display: block;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  width: 100%;
}
.box .box-content h1 {
  font-size: 24px;
  font-weight: 300;
}
.box .box-content h2 {
  color: #333;
  font-size: 18px;
  font-weight: 300;
}
.box .box-content h2.header-wrap {
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.box .box-content p {
  line-height: 25px;
}
.box .box-content p.form-control-static {
  line-height: normal;
}
.box .box-content .split {
  background: #e5e5e5;
  clear: both;
  display: block;
  height: 1px;
  margin: 30px 0;
  position: relative;
}
.box .box-content .split.down-arrow:before {
  background: #f5f5f5;
  border: 3px solid #fff;
  border-radius: 50%;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -11px 0 0 -11px;
  width: 16px;
  height: 16px;
}
.box .box-content .split.down-arrow:after {
  background-image: url(/CDN/Content/Images/svg/arrow-down.svg);
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -5px 0 0 -5px;
  width: 10px;
  height: 10px;
}
.box .box-content .row.distinct {
  background: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 5px 0;
  margin-bottom: 20px;
  margin-left: -20px;
  margin-right: -20px;
}
.box .box-content ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.box .box-content ul.big-ul {
  color: #999;
  font-size: 18px;
  line-height: 30px;
}
.box .box-content ul.big-ul.pad-left {
  padding-left: 140px;
  margin: 0 0 20px 0;
}
.box .box-content .manage-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.box .box-content .manage-links .manage-link {
  margin: 0 0 5px;
}
.box .box-content .custom-fieldset {
  border-top: 1px solid #e5e5e5;
  padding-top: 30px;
  margin-top: 30px;
}
.box .box-content .additional-details {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #999;
  display: block;
  font-size: 14px;
  padding: 10px;
}
.box .box-content .additional-details .add-text {
  display: block;
  padding: 5px;
}
.box .box-content .additional-details.for-switch {
  padding: 20px;
  line-height: 25px;
  clear: both;
}
.box .box-content > .box-footer,
.box .box-content > .settings > .box-footer {
  margin: 20px -20px -20px;
}
.box .box-footer {
  background: #f9f9f9;
  border-top: 1px solid #e5e5e5;
  border-radius: 0 0 3px 3px;
  padding: 20px;
  text-align: right;
}
.box .box-footer:before, .box .box-footer:after {
  content: "";
  display: table;
}
.box .box-footer:after {
  clear: both;
}
.box .box-footer .fl .box-footer-button {
  float: left;
  margin-right: 10px;
}
.box .box-footer .fr .box-footer-button {
  float: left;
  margin-left: 10px;
}
.box .box-footer.white {
  background: #fff;
}
.box .box-footer .btn {
  margin: 0 0 0 5px;
}
.box .box-footer .fl .btn {
  margin: 0 5px 0 0;
}
.box .box-footer.view-more {
  border-top: 0;
  border-radius: 0 0 3px 3px;
  display: block;
  padding: 0;
  position: relative;
  text-align: center;
}
.box .box-footer.view-more a {
  border-top: 1px solid #e5e5e5;
  display: block;
  padding: 15px;
}
.box .box-footer.view-more a:hover {
  background: #eef9fe;
  border-top: #d6f1fd 1px solid;
}
.box .box-footer.view-more a.active {
  background: #3a9ab9;
  border-top: #348aa6 1px solid;
  color: #fff;
}
.box .box-footer.view-more .spinLoader {
  width: 24px;
  height: 24px;
}
.box .box-footer.view-more .info {
  padding: 15px;
  position: absolute;
  left: 0;
  top: 0;
}
.box.sidebar {
  background: #f5f5f5;
  border-radius: 3px 0 0 3px;
  padding: 0;
}
.box.sidebar .box-header {
  padding: 20px;
}
.box.sidebar .box-header .title {
  color: #999;
  display: block;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
.box.sidebar .sidebox {
  border-bottom: 1px solid #E5E5E5;
  color: #666;
  font-size: 16px;
}
.box.sidebar .sidebox:hover {
  background: #f9f9f9;
}
.box.sidebar .sidebox .box-header {
  padding: 20px 20px 0;
}
.box.sidebar .sidebox .box-content {
  line-height: 22px;
}
.box.sidebar .sidebox .box-content ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.box.sidebar .sidebox .box-content ul li {
  margin: 8px 0 0;
}
.box.sidebar .sidebox .box-content ul li:first-child {
  margin: 0;
}
.box.sidebar .sidebox .box-content ul li a {
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.box.sidebar .sidebox .box-content ul li .additional-details {
  margin-left: -20px;
}
.box.content {
  border-radius: 0 3px 3px 0;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  padding: 0;
}
.box.option-list .box-content ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.box.option-list .box-content ul li {
  color: #999;
  border-radius: 2px;
  padding: 3px 5px;
}
.box.option-list .box-content ul li a {
  display: block;
}
.box.option-list .box-content ul li a:hover {
  background: #f7fcfe;
}
.box.square {
  background: #fff;
  border: 0;
  border-radius: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  position: relative;
  margin: 0 0 10px 0;
  min-height: 78px;
  padding: 10px 90px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.box.square:last-child {
  margin: 0 0 30px 0;
}
.box.square a.title {
  color: #3a9ab9;
}
.box.square a.title:hover {
  color: black;
}
.box.square .title {
  color: #333;
  display: block;
  font-size: 22px;
  left: 80px;
  padding: 10px 0 0;
  display: block;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.box.square .title a {
  color: #3a9ab9;
}
.box.square .title a:hover {
  color: black;
}
.box.square .sub-title {
  color: #999;
  display: block;
  font-size: 16px;
  padding: 10px 0;
}
.box.square .image {
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 80px;
  text-align: center;
}
.box.square .image i {
  display: inline-block;
  margin-top: 15px;
  width: 48px;
  height: 48px;
  text-align: left;
}
.box.square .image i.user-photo {
  border-radius: 50%;
  background-size: cover;
  background-position: center;
}
.box.square .authors {
  position: absolute;
  top: 20px;
  right: 40px;
  height: 40px;
  width: 190px;
  padding: 0;
  margin: 0;
}
.box.square .authors li a {
  float: right;
  background: #d7f0fb;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  margin: 0 0 0 10px;
  width: 40px;
  height: 40px;
}
.box.square .authors li a.more {
  background: #fff;
  box-shadow: 0 1px 2px #c4eaf9;
  text-align: center;
  line-height: 40px;
}
.box.square .authors li a.no-cursor {
  cursor: default;
}
.box.square .authors li:last-child a {
  margin: 0;
}
.box.square .button-right {
  position: absolute;
  top: 23px;
  right: 20px;
  width: 190px;
  text-align: right;
}
.box.square.active {
  background: #f9fdfe;
  box-shadow: 0 1px 3px rgba(174, 225, 248, 0.3);
}
.box.square.disabled {
  background: transparent;
  border: 1px solid #eee;
}
.box.square.disabled:hover {
  background: #fff;
  box-shadow: 0;
}
.box.square.disabled .title {
  color: #999;
}
.box.square.disabled .image {
  opacity: 0.5;
}
.box.square.service {
  box-shadow: none;
  cursor: pointer;
  min-height: none;
  padding-right: 20px;
}
.box.square.service .title {
  padding-top: 15px;
}
.box.square.with-authors {
  padding: 10px 250px 10px 90px;
}
.box.square.with-authors .title {
  right: 250px;
}
.box.square.with-sub-title .title {
  top: 15px;
}
.box.summary {
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.05);
  display: block;
  font-weight: 300;
  padding: 0 0 0 120px;
  position: relative;
  margin: 20px 0 0 0;
  min-height: 100px;
  line-height: 25px;
}
.box.summary .image {
  background-color: #ddd;
  background-size: cover;
  background-position: center;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  display: block;
  width: 102px;
  height: 102px;
  position: absolute;
  left: -1px;
  top: -1px;
}
.box.summary .username {
  font-size: 20px;
  display: block;
  padding-top: 15px;
}
.box.summary .details {
  color: #666;
  display: block;
  font-size: 16px;
}
.box.summary .last-updated {
  color: #999;
  display: block;
  font-size: 14px;
}
.box .box .box-content {
  background: #fff;
}
@media (max-width: 767px) {
  .box.my-content {
    min-height: 40px;
  }
  .box .box-header.with-right .right-text {
    display: block;
  }
}
.box.display-box {
  text-align: center;
}
.box.display-box .box-content {
  padding: 80px 0;
}
.box.display-box .svg-lock,
.box.display-box .svg-mobile {
  background-size: 70px;
  background-repeat: no-repeat;
  margin: 0 0 15px 0;
  height: 100px;
  width: 100px;
}
.box.display-box h1 {
  color: #333;
  font-size: 32px;
  font-weight: 400;
}
.box.display-box p {
  color: #999;
  display: block;
  font-size: 18px;
}
.box.display-box a.button {
  background: #1a86ca;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  padding: 13px 18px;
  margin: 15px 0 0 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.box.display-box a.button:hover {
  background: #14689d;
}

.setting-box {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  display: block;
  height: 75px;
  margin: 0 0 20px 0;
  padding: 20px;
  position: relative;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  transition: background 0.2s ease;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.setting-box:before, .setting-box:after {
  content: "";
  display: table;
}
.setting-box:after {
  clear: both;
}
.setting-box.more-settings {
  height: auto;
}
.setting-box.more-settings ul {
  list-style-type: none;
  padding: 0 0 0 43px;
  margin: -30px 0 0 0;
  float: right;
}
.setting-box.more-settings ul li {
  display: block;
}
.setting-box.more-settings ul li i {
  float: none;
  margin: 0 10px 0;
  width: 16px;
  height: 16px;
}
.setting-box.more-settings ul li a {
  line-height: 25px;
}
.setting-box.more-settings ul li a:hover {
  color: #333;
}
.setting-box .delete {
  display: none;
}
.setting-box:hover {
  background: #f7fcfe;
  border: 1px solid rgba(111, 160, 205, 0.3);
  box-shadow: 0 1px 2px rgba(111, 160, 205, 0.1);
}
.setting-box:hover .delete {
  background: #e04c4c;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
  height: 20px;
}
.setting-box:hover .delete i {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -8px;
  width: 16px;
  height: 16px;
}
.setting-box:hover .main {
  color: #4e7fac;
}
.setting-box:hover .extra-details {
  display: block;
}
.setting-box:active {
  top: 0px;
}
.setting-box.selected {
  background: #eef9fe;
  border: 1px solid #5ec6f6;
  box-shadow: 0 1px 5px rgba(94, 198, 246, 0.5);
}
.setting-box.disabled {
  background: #f9f9f9;
  border: 1px solid #eee;
  cursor: default;
}
.setting-box.disabled .main {
  color: #aaa;
}
.setting-box.disabled i {
  opacity: 0.5;
}
.setting-box.no-desc .main {
  padding: 5px 0 0 0;
}
.setting-box.flat {
  border: 0;
}
.setting-box.flat:hover {
  border: none;
}
.setting-box i, .setting-box img {
  background-size: 32px;
  background-position: center;
  background-repeat: no-repeat;
  float: left;
  margin: 0 10px 0 0;
  width: 32px;
  height: 32px;
}
.setting-box i.smallicon, .setting-box img.smallicon {
  width: 16px;
  height: 16px;
  background-size: 16px;
}
.setting-box i img, .setting-box img img {
  width: 32px;
  height: 32px;
}
.setting-box span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.setting-box .main {
  color: #333;
  display: block;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.setting-box .info {
  color: #999;
  display: block;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.setting-box .extra-details {
  background: #fff;
  border: 1px solid rgba(111, 160, 205, 0.3);
  box-shadow: 0 1px 2px rgba(111, 160, 205, 0.1);
  border-radius: 0 0 3px 3px;
  color: #2c5d89;
  display: none;
  position: absolute;
  top: 70px;
  left: -1px;
  right: -1px;
  z-index: 1;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.setting-box .extra-details span {
  display: block;
  padding: 15px;
  line-height: 20px;
}
.setting-box .extra-details span i {
  background-size: 16px;
  margin: 0 5px 0 0;
  width: 16px;
  height: 16px;
}
.setting-box .fill {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
}
.setting-box.inline-delete {
  padding-right: 35px;
}
.setting-box.inline-delete .delete-button {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 24px;
  height: 24px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.setting-box.inline-delete .delete-button i {
  background-size: cover;
  margin: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.blog-posts-container {
  border-radius: 0;
}
.blog-posts-container .personal-blog-container {
  background: #fcfcfc;
  border-bottom: 2px solid #f3f4f5;
  padding: 50px 50px 30px 50px;
}
.blog-posts-container .personal-blog-container.padding-reduced {
  padding: 30px 50px;
}
.blog-posts-container .personal-blog-container .blog-item {
  border: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.blog-posts-container .personal-blog-container .blog-item:hover {
  background: #fff;
  border: 0;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}
.blog-posts-container .community-blog-container {
  padding: 0 50px 30px 50px;
}
.blog-posts-container .no-blog-posts .no-post-icon {
  border: 2px solid #ddd;
  border-radius: 50%;
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 0 15px 0 0;
  text-align: center;
}
.blog-posts-container .no-blog-posts .no-post-icon i {
  color: #1a86ca;
  font-size: 24px;
  line-height: 60px;
}
.blog-posts-container .no-blog-posts span {
  color: #777;
  display: inline-block;
  font-size: 20px;
  font-weight: 300;
}
.blog-posts-container .col-sm-12 .blog-item.feature {
  height: 250px;
}
.blog-posts-container > .box-content {
  padding: 0px;
}
.blog-posts-container .section {
  margin: 0 0 50px 0;
}
.blog-posts-container .red-title {
  background: #4385cf;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  padding: 10px 15px;
  margin: -10px 0 30px 0;
}
.blog-posts-container .red-title.no-personal {
  margin: 30px 0 30px 0;
}
.blog-posts-container .title-hold {
  margin: 0 0 20px 0;
}
.blog-posts-container .title-hold .title {
  color: #333;
  display: inline-block;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  font-size: 28px;
  font-weight: 400;
  margin: 0 0 10px 0;
}
.blog-posts-container .title-hold .title:hover {
  color: #000;
  text-decoration: underline;
}
.blog-posts-container .title-hold .sub {
  display: block;
}
.blog-posts-container .title-hold .description {
  color: #999;
  font-size: 17px;
}
.blog-posts-container .title-hold .post-count {
  color: #777;
  margin: 0 0 0 25px;
  font-size: 17px;
}
.blog-posts-container .title-hold .post-count i {
  color: #c4c4c4;
  font-size: 19px;
  position: relative;
  top: 2px;
}
.blog-posts-container .blog-item {
  background: #fff;
  border: 1px solid #ddd;
  display: block;
  height: 370px;
  position: relative;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.blog-posts-container .blog-item .item-image {
  background-size: cover;
  background-position: center;
  height: 260px;
  width: 100%;
}
.blog-posts-container .blog-item .item-content {
  padding: 30px;
}
.blog-posts-container .blog-item .item-content span {
  display: block;
}
.blog-posts-container .blog-item .item-content span.name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
  font-size: 22px;
  font-weight: 500;
}
.blog-posts-container .blog-item .item-content span.author-name {
  color: #777777;
  font-size: 18px;
  margin: 10px 0 5px;
}
.blog-posts-container .blog-item .item-content span.date {
  color: #a2a2a2;
  font-size: 16px;
  margin: 5px 0 0 0;
}
.blog-posts-container .blog-item.with-author {
  height: auto;
  position: relative;
}
.blog-posts-container .blog-item.with-author .item-content {
  padding-left: 90px;
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  right: auto;
}
.blog-posts-container .blog-item.with-author .item-content .author-photo {
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 30px;
  left: 20px;
}
.blog-posts-container .blog-item:hover {
  background-color: rgba(238, 249, 254, 0.5);
  border: 1px solid rgba(26, 134, 202, 0.3);
}
.blog-posts-container .blog-item.feature {
  border: none;
  overflow: hidden;
}
.blog-posts-container .blog-item.feature:hover {
  background: none;
  border: none;
}
.blog-posts-container .blog-item.feature:hover .item-image {
  transform: scale(1.05);
}
.blog-posts-container .blog-item.feature:hover .item-image:after {
  background-color: rgba(0, 0, 0, 0);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#FF000000", GradientType=0);
}
.blog-posts-container .blog-item.feature .item-image {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.blog-posts-container .blog-item.feature .item-image:after {
  background-color: rgba(0, 0, 0, 0);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#CC000000", GradientType=0);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 70%;
}
.blog-posts-container .blog-item.feature .item-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.blog-posts-container .blog-item.feature .item-content span.name {
  color: #fff;
}
.blog-posts-container .blog-item.feature .item-content span.author-name {
  color: #fff;
}
.blog-posts-container .blog-item.feature .item-content span.date {
  color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 767px) {
  .box .box-header.with-right {
    padding-right: 20px;
  }
}
#devtoolsHandleBar {
  background: #4d4d4d;
  height: 20px;
  color: #fff;
  position: fixed;
  top: 0;
  left: 300px;
  margin: 0;
  padding: 0 10px;
  text-align: center;
  cursor: pointer;
  z-index: 9999;
}

#devtoolsPanel {
  display: none;
  background: #4d4d4d;
  width: 350px;
  color: #fff;
  position: fixed;
  top: 19px;
  left: 300px;
  margin: 0;
  padding: 10px;
  z-index: 9998;
  opacity: 0.9;
}
#devtoolsPanel a {
  color: #DEDEDE;
  padding: 2px;
}
#devtoolsPanel a:hover {
  color: white;
}
.displayTable {
  display: table;
}
.displayTable.fullwidth {
  width: 100%;
}
.displayTable.pd-sm .displayCell {
  padding: 2px 4px;
}
.displayTable.pd-md .displayCell {
  padding: 5px 8px;
}
.displayTable.pd-lg .displayCell {
  padding: 10px 16px;
}
.displayTable.ruled .displayRow.total {
  font-weight: bold;
}
.displayTable.ruled .displayRow:nth-child(n+2) .displayCell {
  border-top: 1px solid #e4e4e4;
}
.displayTable .ct {
  text-align: center;
}

.displayRow {
  display: table-row;
}
.displayRow.error .displayCell:first-child {
  border-left: 3px solid #f00;
}
.displayRow.warning .displayCell:first-child {
  border-left: 3px solid #ffd800;
}
.displayRow.information {
  cursor: default;
}
.displayRow.information .delete {
  cursor: pointer;
}

.displayHeader {
  display: table-cell;
  color: #666;
  -webkit-transition: background 100ms ease;
  -moz-transition: background 100ms ease;
  -ms-transition: background 100ms ease;
  transition: background 100ms ease;
}
.displayHeader.sortable {
  white-space: nowrap;
}
.displayHeader.sortable:hover {
  background: #eef9fe;
  cursor: pointer;
}
.displayHeader .sorting {
  display: inline-block;
  width: 8px;
  height: 8px;
}
.displayHeader.list-sort-asc .sorting {
  background: url(/CDN/Content/Images/sorting/sorting-asc.svg) no-repeat;
}
.displayHeader.list-sort-desc .sorting {
  background: url(/CDN/Content/Images/sorting/sorting-desc.svg) no-repeat;
}

.displayCell {
  display: table-cell;
}
.displayCell.error {
  color: #f00;
}
.displayCell.commonPadding {
  padding: 2px;
}

.displayTable.beautiful {
  border: 1px solid #e4e4e4;
  border-radius: 3px;
  line-height: 20px;
  margin: 0 0 30px 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.displayTable.beautiful .displayHeader {
  border-right: 1px solid #e4e4e4;
  padding: 0 10px;
}
.displayTable.beautiful .displayHeader:last-child {
  border-right: none;
}
.displayTable.beautiful .displayCell {
  border-top: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  padding: 10px 10px;
}
.displayTable.beautiful .displayCell .btn {
  border-radius: 25px;
  display: inline;
  text-decoration: none;
}
.displayTable.beautiful .displayCell ul li {
  line-height: normal;
}
.displayTable.beautiful .displayCell .desc {
  color: #999;
  font-style: italic;
  display: block;
}
.displayTable.beautiful .displayCell:last-child {
  border-right: none;
}
.displayTable.beautiful .displayRow:nth-of-type(even) {
  background: #f5f5f5;
}
.displayTable.beautiful .displayRow.certificationRow {
  cursor: pointer;
}
.displayTable.beautiful .displayRow.certificationRow:hover {
  background-color: #eef9fe;
}
.displayTable.beautiful .displayRow.certificationRow.active {
  background-color: #eef9fe;
}

.table-container .title {
  color: #666;
  display: block;
  font-size: 20px;
  margin: 0 0 15px 0;
}
.table-container.not-active .displayTable.standard {
  opacity: 0.85;
}

.displayTable.standard {
  background: #fff;
  border-collapse: collapse;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
  width: 100%;
  margin: 0 0 0 0;
  left: -4px;
  position: relative;
}
.displayTable.standard .displayHeader {
  background-color: #326086;
  border-right: none;
  color: #fff;
  padding: 20px 15px;
}
.displayTable.standard .displayHeader label {
  display: block;
  margin-bottom: 0;
}
.displayTable.standard .displayCell {
  border-right: 1px solid #f2f2f2;
  padding: 15px;
  vertical-align: middle;
}
.displayTable.standard .displayCell:last-child {
  border-right: none;
}
.displayTable.standard .displayRow {
  background: #fff;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.displayTable.standard .displayRow .displayCell:first-child {
  border-left: 4px solid transparent;
}
.displayTable.standard .displayRow:hover {
  background: #eef7fa;
  color: #333;
}
.displayTable.standard .displayRow:hover .displayCell:first-child {
  border-left: 4px solid #3a9ab9;
}
.displayTable.standard .displayRow:nth-of-type(odd) {
  background: #f9f9f9;
}
.displayTable.standard .displayRow:nth-of-type(odd):hover {
  background: #eef7fa;
}
.displayTable.standard .displayRow.certificationRow {
  cursor: pointer;
}
.displayTable.standard .displayRow.certificationRow .download {
  padding: 2px 5px;
  border-radius: 3px;
  border: 1px solid transparent;
}
.displayTable.standard .displayRow.certificationRow .download:hover {
  border: 1px solid #aee1f8;
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eef9fe 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #eef9fe 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #eef9fe 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #eef9fe 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEF9FE", GradientType=0);
}
.displayTable.standard .displayRow.certificationRow .download i {
  margin: 0;
}
.displayTable.standard .displayRow.active {
  background-color: #ebf8fd;
}
.displayTable.standard .displayRow.active .displayCell {
  border-right: 1px solid #c5eafa;
}
.displayTable.standard .displayRow.active .displayCell:last-child {
  border-right: none;
}
.displayTable.standard p {
  padding: 20px;
}
.list-standard .list-header {
  background: #f0f0f0;
  font-size: 16px;
  line-height: 24px;
  margin: 0 -20px;
  position: relative;
}
.list-standard .list-header:before, .list-standard .list-header:after {
  content: "";
  display: table;
}
.list-standard .list-header:after {
  clear: both;
}
.list-standard .list-header [class*=col-] {
  padding: 10px 20px;
  white-space: nowrap;
}
.list-standard .list-header.inline .list-heading-control {
  float: left;
  padding: 10px 20px;
  white-space: nowrap;
}
.list-standard .list-header .sortable {
  cursor: pointer;
}
.list-standard .list-header .sortable:hover {
  background: whitesmoke;
}
.list-standard .list-header .sortable:after {
  background-size: cover;
  content: "";
  display: inline-block;
  height: 10px;
  margin: 0 0 0 5px;
  width: 10px;
}
.list-standard .list-header .sortable.list-sort-asc:after {
  background-image: url(/CDN/Content/Images/svg/sorting-up.svg);
}
.list-standard .list-header .sortable.list-sort-desc:after {
  background-image: url(/CDN/Content/Images/svg/sorting-down.svg);
}
.list-standard .list-item {
  background: #fff;
  border-top: 1px solid #f5f5f5;
  color: #333;
  font-size: 16px;
  line-height: 24px;
  margin: 0 -20px;
  position: relative;
  -webkit-transition: background 200ms ease;
  -moz-transition: background 200ms ease;
  -ms-transition: background 200ms ease;
  transition: background 200ms ease;
}
.list-standard .list-item:before, .list-standard .list-item:after {
  content: "";
  display: table;
}
.list-standard .list-item:after {
  clear: both;
}
.list-standard .list-item .pattern-name {
  display: block;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.list-standard .list-item.disabled {
  opacity: 0.5;
}
.list-standard .list-item.deletable {
  padding-right: 40px;
}
.list-standard .list-item.deletable .delete {
  cursor: pointer;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 2px;
  right: 2px;
  text-align: center;
  line-height: 40px;
}
.list-standard .list-item.deletable .delete:hover {
  background: #eef9fe;
}
.list-standard .list-item.deletable .delete:hover i {
  color: #000;
}
.list-standard .list-item.deletable .delete i {
  color: #333;
  font-size: 16px;
  font-weight: bold;
}
.list-standard .list-item:first-child {
  border-top: none;
}
.list-standard .list-item [class*=col-] {
  padding: 15px 20px;
  display: block;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.list-standard .list-item .additional-content {
  background-color: #fff;
}
.list-standard .list-item .additional-content [class*=col-] {
  padding: 0px 15px;
  word-wrap: normal;
  word-break: normal;
}
.list-standard .list-item:nth-of-type(odd) {
  background: #fbf9f9;
}
.list-standard .list-item.selected-item {
  background: #fff9db;
  color: #9e8600;
}
.list-standard .list-item.selected-item:nth-of-type(odd) {
  background: #fff8d1;
}
.list-standard .list-item.overdue .due-date {
  color: #e04c4c;
}
.list-standard .list-item .checkbox-container input {
  display: block;
  margin: 17px;
}
.list-standard .list-item .title-link {
  font-size: 18px;
}
.list-standard .list-item .resultDesc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-standard .list-item .avatar {
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  display: inline-block;
  width: 64px;
  height: 64px;
}
.list-standard .list-item .avatar.small {
  width: 48px;
  height: 48px;
}
.list-standard .list-item .encode-message {
  background-size: cover;
  height: 48px;
  width: 48px;
}
.list-standard .list-item .name {
  display: block;
  font-size: 18px;
  word-wrap: break-word;
}
.list-standard .list-item .title {
  display: block;
  font-size: 18px;
}
.list-standard .list-item .sub-title,
.list-standard .list-item .email {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-standard .list-item .phone .more-numbers {
  display: inline;
}
.list-standard .list-item .phone .phone-container {
  position: relative;
}
.list-standard .list-item .phone .phone-container .phone-item {
  position: absolute;
}
.list-standard .list-item .phone .phone-container .phone-padding {
  position: relative;
  left: 25px;
}
.list-standard .list-item .icon-padding {
  padding: 0 0 0 25px;
  position: relative;
}
.list-standard .list-item .icon-padding i {
  position: absolute;
  left: 0;
}
.list-standard .list-item .pending {
  border: 1px solid #ccc;
  border-radius: 2px;
  color: #333;
  font-size: 12px;
  margin-left: 7px;
  padding: 2px 4px;
}
.list-standard .list-item .tiny-ul {
  padding: 0;
  margin: 0;
}
.list-standard .list-item .tiny-ul li {
  color: #333;
  font-size: 14px;
}
.list-standard .list-item .infoList {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  margin: 10px 0;
  padding: 0;
  text-align: center;
}
.list-standard .list-item .infoList:before, .list-standard .list-item .infoList:after {
  content: "";
  display: table;
}
.list-standard .list-item .infoList:after {
  clear: both;
}
.list-standard .list-item .infoList.half li {
  width: 50%;
}
.list-standard .list-item .infoList li {
  float: left;
  padding: 5px;
  width: 33.33333%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.list-standard .list-item .infoList li.author {
  float: none;
  width: 100%;
  margin: 0 0 5px 0;
}
.list-standard .list-item .infoList li:hover {
  background: #f9f9f9;
}
.list-standard .list-footer:before, .list-standard .list-footer:after {
  content: "";
  display: table;
}
.list-standard .list-footer:after {
  clear: both;
}
.list-standard.skinny .list-header [class*=col-] {
  padding: 10px 20px;
}
.list-standard.skinny .list-item [class*=col-] {
  padding: 10px 20px;
  display: block;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.list-standard.skinny .list-item .avatar {
  display: block;
  width: 48px;
  height: 48px;
}
.list-standard.skinny .list-item .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-standard.skinny.with-image .list-item {
  padding: 10px 0;
}
.list-standard.skinny.with-image .list-item [class*=col-]:first-child {
  overflow: visible;
}
.list-standard.skinny.with-image .list-item .avatar,
.list-standard.skinny.with-image .list-item [class*=icon32] {
  margin: -12px 0;
}
.list-standard.skinny.with-image .list-item ._mdi-icon {
  position: relative;
}
.list-standard.skinny.with-image .list-item ._mdi-icon i {
  font-size: 32px !important;
  position: absolute;
  top: -5px;
  left: 0;
}
.list-standard.thumbnails .list-item {
  background: #f5f5f5;
  border-radius: 50%;
  float: left;
  margin: 10px 5px 0;
  padding: 10px;
}
.list-standard.thumbnails .list-item .avatar {
  float: left;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
.list-standard.thumbnails .list-item:hover .avatar {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
#my-oak-content .list-standard .list-header {
  margin: 0;
}
#my-oak-content .list-standard .list-item {
  margin: 0;
}

.list-content.waiting {
  cursor: wait !important;
  opacity: 0.5;
}

.button-bar {
  margin: 0 -20px;
  padding: 20px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  transition: all 200ms ease;
}
.button-bar:before, .button-bar:after {
  content: "";
  display: table;
}
.button-bar:after {
  clear: both;
}
.button-bar .btn {
  float: left;
  margin: 0 10px 0 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button-bar .btn.select-all input[type=checkbox] {
  float: left;
  margin: 0 7px 0 0;
}
.button-bar .btn.approve .icon16, .button-bar .btn.reject .icon16 {
  float: left;
  margin: 0 4px 0 0;
}
.button-bar.my-area-button-bar {
  float: right;
  margin: 0;
  padding: 0 0 15px 0;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .button-bar.my-area-button-bar {
    z-index: 0;
  }
}
.button-bar.my-area-button-bar .btn {
  margin: 0;
}
@media (max-width: 767px) {
  .button-bar.my-area-button-bar {
    float: none;
    margin: 0;
    padding: 20px 0;
  }
  .button-bar.my-area-button-bar .btn {
    margin: 0;
  }
}

.list-footer:before, .list-footer:after {
  content: "";
  display: table;
}
.list-footer:after {
  clear: both;
}
.list-footer .counter {
  text-align: left;
}
.list-footer .load-more {
  text-align: center;
}

.listTable {
  width: 100%;
  margin: 10px 0 0;
}
.listTable .displayHeader,
.listTable .displayCell {
  padding: 10px;
  vertical-align: middle;
}
.listTable .displayHeader {
  border-bottom: 1px solid #ddd;
}
.listTable .displayHeader:hover {
  border-bottom: 1px solid #d6f1fd;
}
.listTable .iconCell {
  width: 5px;
}
.listTable .iconCell i {
  margin: 0;
  top: 0;
}
.listTable .imageCell {
  width: 60px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.listTable .imageCell .listImage {
  background-size: cover;
  display: block;
  height: 48px;
  width: 48px;
}
.listTable .imageCell .listImage.avatar {
  border-radius: 50%;
}
.listTable .infoCell .infoList {
  float: right;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
  width: 175px;
}
.listTable .infoCell .infoList li {
  position: relative;
  padding: 0 0 5px 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.listTable .infoCell .infoList li a.toggleMoreNumbers {
  display: block;
  text-align: center;
  line-height: normal;
}
.listTable .infoCell .infoList li a.toggleMoreNumbers i {
  float: none;
  top: 2px;
}
.listTable .infoCell .infoList li a.toggleMoreNumbers.hide {
  display: none;
  text-align: center;
}
.listTable .relevanceCell {
  width: 80px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}
.listTable .appointmentColour {
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2) inset;
  padding: 0;
  width: 10px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.listTable .displayRow:nth-of-type(odd) {
  background: #f5f5f5;
}

.listTitleSub {
  font-size: 12px;
  color: #ababab;
}

.listFooter {
  background: #f3f3f3;
  padding: 10px;
  margin: 10px 0 0;
  overflow: hidden;
}
.listFooter .more {
  text-align: center;
  cursor: pointer;
}
.listFooter .more:hover {
  background: #f0f0f0;
}
.listFooter .counter {
  float: left;
}
.listFooter .showall {
  float: right;
}
.listFooter .showall:hover {
  background: #f0f0f0;
}
.listFooter .options {
  float: left;
  margin-left: 50px;
  width: 100px;
}

.listViews {
  display: inline-block;
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 10px 0 10px 10px;
}
.listViews li {
  background: #eef9fe;
  cursor: pointer;
  float: left;
  padding: 8px 10px;
  position: relative;
  -webkit-transition: background 200ms linear;
  -moz-transition: background 200ms linear;
  -ms-transition: background 200ms linear;
  transition: background 200ms linear;
}
.listViews li:first-child {
  border-radius: 4px 0 0 4px;
}
.listViews li:last-child {
  border-radius: 0 4px 4px 0;
}
.listViews li:hover {
  background: #d9e5ed;
}
.listViews li.active {
  background-color: #e96f4f;
  background-image: -webkit-linear-gradient(top, #e96f4f 0%, #e65c38 100%);
  background-image: -moz-linear-gradient(top, #e96f4f 0%, #e65c38 100%);
  background-image: -ms-linear-gradient(top, #e96f4f 0%, #e65c38 100%);
  background-image: linear-gradient(to bottom, #e96f4f 0%, #e65c38 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFE96F4F", endColorstr="#FFE65C38", GradientType=0);
  color: #fff;
}
.listViews li.active:first-child {
  border-radius: 4px 0 0 4px;
}
.listViews li.active:last-child {
  border-radius: 0 4px 4px 0;
}
.listViews li i {
  margin: 0 5px -4px 0;
  top: 0;
}

.commandButtons {
  display: inline-block;
  list-style: none;
  overflow: hidden;
  margin: 10px 0 10px 7px;
}
.commandButtons li {
  background: #eef9fe;
  border-radius: 4px;
  cursor: pointer;
  float: left;
  position: relative;
  -webkit-transition: background 200ms linear;
  -moz-transition: background 200ms linear;
  -ms-transition: background 200ms linear;
  transition: background 200ms linear;
}
.commandButtons li a {
  display: block;
  padding: 8px 10px;
}
.commandButtons li:hover {
  background: #d9e5ed;
}
.commandButtons li:active {
  background: #d9e5ed;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #fff;
}
.commandButtons li i {
  margin: 0 5px -4px 0;
  top: 0;
}
div.nodepanel {
  background: #f5f5f5;
  border-radius: 5px;
  padding: 10px;
}
div.nodepanel.disabled {
  background: #fff;
  opacity: 0.25;
}
div.nodepanel.highlighted {
  background: #e2edf3;
}

.simplepanel {
  background: #fff;
  border: 1px solid #eee;
  clear: both;
  margin: 5px;
  overflow: hidden;
  padding: 5px;
  position: relative;
}

.buttonPanel {
  border: 1px solid #dbdbdb !important;
  padding: 10px !important;
  position: relative;
  border-radius: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #fff 0%, #f5f5f5 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #f5f5f5 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFF5F5F5", GradientType=0);
}
.buttonPanel h2 {
  margin: 0;
}
.buttonPanel.hoverable {
  cursor: pointer;
}
.buttonPanel.hoverable:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  transition: none;
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #fff 0%, #e2edf3 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #e2edf3 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #e2edf3 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #e2edf3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFE2EDF3", GradientType=0);
}
.buttonPanel.hoverable:active {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5) inset;
  top: 1px;
}
.buttonPanel .displayCell {
  height: 40px;
  vertical-align: middle;
  width: 100%;
}
.buttonPanel.disabled {
  background: #fff;
  opacity: 0.25;
}
.dialog-modal .modal-footer button.hidden {
  display: none;
}
.dialog-modal .dialog-footer .fl .dialog-footer-button {
  margin-right: 10px;
  float: left;
}
.dialog-modal .dialog-footer .fr .dialog-footer-button {
  margin-left: 10px;
  float: left;
}

.dialog-button {
  background: #fff;
  border: 1px solid #f1f1f1;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
  border-radius: 3px;
  display: block;
  height: 250px;
  padding: 50px 20px;
  text-align: center;
}
.dialog-button:hover {
  background: #eef9fe;
  border: 1px solid #d6f1fd;
}
.dialog-button .big-icon {
  border-radius: 50%;
  display: block;
  margin: 0 auto 20px auto;
  width: 40px;
  height: 40px;
  padding: 20px;
}
.dialog-button .big-icon i {
  background: url(/CDN/Content/Images/svg/identities.svg) no-repeat;
  background-size: 80px 40px;
  display: block;
  width: 40px;
  height: 40px;
}
.dialog-button .big-icon.link {
  background: #2fbbcc;
}
.dialog-button .big-icon.link i {
  background-position: -40px 0;
  position: relative;
  top: 2px;
}
.dialog-button .big-icon.connect {
  background: #8ebd2c;
}
.dialog-button .big-icon.connect i {
  background-position: 0 0;
}
.dialog-button h1 {
  color: #333;
  font-size: 24px;
  font-weight: 300;
}
.dialog-button p {
  color: #999;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
}

.ui-widget-content {
  border-right: none !important;
}

.ui-dialog.overlay {
  overflow: hidden;
  position: absolute !important;
  padding: 0;
}
.ui-dialog.overlay .ui-dialog-titlebar {
  display: none;
}
.ui-dialog.overlay .ui-dialog-content {
  padding: 0 !important;
}

.dialog-info {
  background: #fffed4;
  border-bottom: 1px solid #bfbfbf;
  height: 19px;
  padding: 6px 10px 0 10px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.dialog-info.warning {
  padding-left: 35px;
  background-image: url(/CDN/Content/Images/icon16/exclamation-yellow.png);
  background-repeat: no-repeat;
  background-position: 10px center;
}
.dialog-info.error {
  padding-left: 35px;
  background-image: url(/CDN/Content/Images/icon16/exclamation-yellow.png);
  background-repeat: no-repeat;
  background-position: 10px center;
}

.dialogContent {
  overflow: auto;
  position: absolute;
  top: 10px;
  bottom: 44px;
  left: 0;
  right: 0;
  padding: 0 10px;
}
.dialogContent.no-overflow {
  overflow: hidden;
}
.dialogContent.padded {
  padding: 20px 30px 30px 30px;
}
.dialogContent.with-info {
  top: 35px;
}
.dialogContent.bottom {
  bottom: 135px;
}
.dialogContent.break-word {
  word-wrap: break-word;
}
.dialogContent.limit-title .object-title {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dialogContentFull {
  bottom: 0;
}

.dialog-box {
  display: table;
  width: 100%;
  min-height: 140px;
}
.dialog-box .dialog-message {
  display: table-cell;
  vertical-align: middle;
  padding: 0 30px;
}
.dialog-box .dialog-message p {
  padding: 13px 0 0 0;
  font-size: 16px;
}

.dialogFooter {
  background: #f9f9f9;
  border-top: 1px solid #e5e5e5;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 10px;
}
.dialogFooter .dialogButtons {
  float: right;
}
.dialogFooter .dialogButtons button {
  float: left;
  margin: 0 0 0 8px;
}
.dialogFooter .dialogOptions {
  float: left;
}
.dialogFooter .dialogFootnote {
  float: left;
  display: inline;
}

.fixedHeight {
  height: 33px;
}

#dialogTagsContainer .tagsinput {
  width: 95% !important;
}

.inline-dropdown {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
  display: none;
  margin: 5px 0 10px 0;
  position: relative;
}
.inline-dropdown .dialog-content {
  padding: 20px;
}
.inline-dropdown .dialog-content .btn, .inline-dropdown .dialog-content .button-core {
  display: block;
}
.inline-dropdown .dialog-content .input-group {
  margin-bottom: 10px;
}
.inline-dropdown .dialog-content a.input-group-addon {
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #fff 0%, #fafafa 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #fafafa 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #fafafa 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #fafafa 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFFAFAFA", GradientType=0);
}
.inline-dropdown .dialog-content .radio label {
  display: block;
}
@-webkit-keyframes slide-toggle {
  from {
    opacity: 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-moz-keyframes slide-toggle {
  from {
    opacity: 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-ms-keyframes slide-toggle {
  from {
    opacity: 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes slide-toggle {
  from {
    opacity: 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
.inline-dropdown .dialog-content .slide-toggle {
  -webkit-animation: slide-toggle 100ms ease-in-out 0 1 both;
  -moz-animation: slide-toggle 100ms ease-in-out 0 1 both;
  -ms-animation: slide-toggle 100ms ease-in-out 0 1 both;
  animation: slide-toggle 100ms ease-in-out 0 1 both;
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}
.inline-dropdown .footer {
  background: #fdfdfd;
  border-top: 1px solid #e5e5e5;
  border-radius: 0 0 2px 2px;
  padding: 10px;
  text-align: right;
}
.inline-dropdown a {
  text-decoration: none !important;
}

#locationsDialogInline {
  position: relative;
  z-index: 1;
}
@-webkit-keyframes scale-tick-animation {
  from {
    width: 0;
    height: 0;
    background-size: 0, 0;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  to {
    width: 32px;
    height: 16px;
    background-size: 16px, 16px;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes scale-tick-animation {
  from {
    width: 0;
    height: 0;
    background-size: 0, 0;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  to {
    width: 32px;
    height: 16px;
    background-size: 16px, 16px;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes scale-tick-animation {
  from {
    width: 0;
    height: 0;
    background-size: 0, 0;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  to {
    width: 32px;
    height: 16px;
    background-size: 16px, 16px;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-tick-animation {
  from {
    width: 0;
    height: 0;
    background-size: 0, 0;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  to {
    width: 32px;
    height: 16px;
    background-size: 16px, 16px;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes tick-reduce-animation {
  from {
    width: 32px;
    height: 16px;
    background-size: 16px, 16px;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
  }
  to {
    width: 0;
    height: 0;
    background-size: 0, 0;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 30px 0;
    -moz-transform-origin: 0 30px 0;
    -ms-transform-origin: 0 30px 0;
    transform-origin: 0 30px 0;
  }
}
@-moz-keyframes tick-reduce-animation {
  from {
    width: 32px;
    height: 16px;
    background-size: 16px, 16px;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
  }
  to {
    width: 0;
    height: 0;
    background-size: 0, 0;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 30px 0;
    -moz-transform-origin: 0 30px 0;
    -ms-transform-origin: 0 30px 0;
    transform-origin: 0 30px 0;
  }
}
@-ms-keyframes tick-reduce-animation {
  from {
    width: 32px;
    height: 16px;
    background-size: 16px, 16px;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
  }
  to {
    width: 0;
    height: 0;
    background-size: 0, 0;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 30px 0;
    -moz-transform-origin: 0 30px 0;
    -ms-transform-origin: 0 30px 0;
    transform-origin: 0 30px 0;
  }
}
@keyframes tick-reduce-animation {
  from {
    width: 32px;
    height: 16px;
    background-size: 16px, 16px;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
  }
  to {
    width: 0;
    height: 0;
    background-size: 0, 0;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 30px 0;
    -moz-transform-origin: 0 30px 0;
    -ms-transform-origin: 0 30px 0;
    transform-origin: 0 30px 0;
  }
}
@-webkit-keyframes remove-page {
  0% {
    left: 0;
  }
  100% {
    left: 600px;
  }
}
@-moz-keyframes remove-page {
  0% {
    left: 0;
  }
  100% {
    left: 600px;
  }
}
@-ms-keyframes remove-page {
  0% {
    left: 0;
  }
  100% {
    left: 600px;
  }
}
@keyframes remove-page {
  0% {
    left: 0;
  }
  100% {
    left: 600px;
  }
}
@-webkit-keyframes add-page {
  0% {
    left: 600px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes add-page {
  0% {
    left: 600px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes add-page {
  0% {
    left: 600px;
  }
  100% {
    left: 0;
  }
}
@keyframes add-page {
  0% {
    left: 600px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes focus {
  0% {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  }
  25% {
    box-shadow: 0 0 10px rgba(58, 154, 185, 0.65);
  }
  50% {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  }
  75% {
    box-shadow: 0 0 10px rgba(58, 154, 185, 0.65);
  }
  100% {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  }
}
@-moz-keyframes focus {
  0% {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  }
  25% {
    box-shadow: 0 0 10px rgba(58, 154, 185, 0.65);
  }
  50% {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  }
  75% {
    box-shadow: 0 0 10px rgba(58, 154, 185, 0.65);
  }
  100% {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  }
}
@-ms-keyframes focus {
  0% {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  }
  25% {
    box-shadow: 0 0 10px rgba(58, 154, 185, 0.65);
  }
  50% {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  }
  75% {
    box-shadow: 0 0 10px rgba(58, 154, 185, 0.65);
  }
  100% {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  }
}
@keyframes focus {
  0% {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  }
  25% {
    box-shadow: 0 0 10px rgba(58, 154, 185, 0.65);
  }
  50% {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  }
  75% {
    box-shadow: 0 0 10px rgba(58, 154, 185, 0.65);
  }
  100% {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  }
}
@-webkit-keyframes button-focus {
  0% {
    background: #fff;
  }
  50% {
    background: rgba(174, 225, 248, 0.1);
  }
  100% {
    background: #fff;
  }
}
@-moz-keyframes button-focus {
  0% {
    background: #fff;
  }
  50% {
    background: rgba(174, 225, 248, 0.1);
  }
  100% {
    background: #fff;
  }
}
@-ms-keyframes button-focus {
  0% {
    background: #fff;
  }
  50% {
    background: rgba(174, 225, 248, 0.1);
  }
  100% {
    background: #fff;
  }
}
@keyframes button-focus {
  0% {
    background: #fff;
  }
  50% {
    background: rgba(174, 225, 248, 0.1);
  }
  100% {
    background: #fff;
  }
}
.picker-search-frame .samlsp {
  margin: -12px 0;
}

.picker-popup {
  border: 0;
  padding: 0;
  border-radius: 2px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  background: #f9f9f9;
  height: 425px;
  max-width: 500px;
  /*margin-top: 0px !important;*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1051;
}
.picker-popup .blockUI {
  border-radius: 0 !important;
}
.picker-popup.focus {
  -webkit-animation: focus 0.3s forwards;
  -moz-animation: focus 0.3s forwards;
  -ms-animation: focus 0.3s forwards;
  animation: focus 0.3s forwards;
}
.picker-popup.focus .picker-footer .confirmation-btn {
  -webkit-animation: button-focus 0.3s forwards;
  -moz-animation: button-focus 0.3s forwards;
  -ms-animation: button-focus 0.3s forwards;
  animation: button-focus 0.3s forwards;
}
.picker-popup.picker-mobile {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: auto;
  margin: 0 !important;
  position: fixed;
  max-width: 100%;
}
.picker-popup .picker-error {
  color: #888888;
  font-size: 18px;
  font-weight: 300;
  padding: 20px;
  text-align: center;
}
.picker-popup .picker-error .icon {
  background-image: url(/CDN/Content/Images/icon48/alert.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  font-size: 40px;
  margin: 0 0 5px;
  height: 48px;
  width: 48px;
}
.picker-popup .picker-error .picker-error-text {
  color: #b41e1e;
}
.picker-popup.renew-code {
  border: 1px solid #e04c4c;
  border-width: thick;
}
.picker-popup .popover-content-wrapper {
  height: 100%;
}
.picker-popup .popover-content-wrapper .popover-content {
  padding: 0;
  top: 0;
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 500px;
  height: 425px;
}
.picker-popup .popover-content-wrapper .popover-content .slide-in {
  -webkit-animation: add-page 0.2s forwards;
  -moz-animation: add-page 0.2s forwards;
  -ms-animation: add-page 0.2s forwards;
  animation: add-page 0.2s forwards;
}
.picker-popup .popover-content-wrapper .popover-content .slide-out {
  -webkit-animation: remove-page 0.2s forwards;
  -moz-animation: remove-page 0.2s forwards;
  -ms-animation: remove-page 0.2s forwards;
  animation: remove-page 0.2s forwards;
}
.picker-popup .popover-content-wrapper .popover-content.picker-mobile {
  height: 100%;
  width: 100%;
}
.picker-popup #delete-frame .list-buttons .list-item .information-button {
  right: 60px;
}
.picker-popup.bottom .arrow {
  border-bottom-color: rgba(0, 0, 0, 0.15);
}
.picker-popup.top .arrow {
  border-top-color: rgba(0, 0, 0, 0.15);
}
.picker-popup.left .arrow {
  border-left-color: rgba(0, 0, 0, 0.15);
}
.picker-popup.right .arrow {
  border-right-color: rgba(0, 0, 0, 0.15);
}
.picker-popup .picker-footer {
  width: 100%;
  height: 45px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  border-top: 1px solid rgba(221, 221, 221, 0.5);
  box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.015);
}
.picker-popup .picker-footer > a {
  float: right;
  position: relative;
  background: #fff;
  height: 45px;
  border-left: 1px solid #e5e5e5;
  padding: 12px 20px;
  min-width: 80px;
  text-align: center;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.picker-popup .picker-footer > a:hover {
  background: rgba(174, 225, 248, 0.1);
}
.picker-popup .picker-footer > a:focus {
  background-color: rgba(238, 238, 238, 0.5);
  outline: none;
}
.picker-popup .picker-footer > a.confirmation-btn {
  color: #1a86ca;
}
.picker-popup .picker-footer > a.confirmation-btn.disabled {
  background: #fafafa;
  color: #ccc;
}
.picker-popup .picker-footer > a.cancel-btn {
  color: #326086;
}
.picker-popup .picker-footer .selected-items-counter .selected-items {
  display: block;
  float: left;
  color: #999;
  padding: 13px 10px 12px 0;
  margin-left: 20px;
  cursor: default;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.picker-popup .picker-footer .selected-items-counter .selected-items span {
  float: left;
}
.picker-popup .picker-footer .selected-items-counter .selected-items.selected {
  color: #6fa0cd;
}
.picker-popup .picker-footer .selected-items-counter .selected-items.selected:hover {
  cursor: pointer;
  text-decoration: underline;
}
.picker-popup .picker-footer .selected-items-counter .selected-items.selected.single-picker:hover {
  text-decoration: none;
  cursor: default;
}
.picker-popup .picker-footer .selected-items-counter .selected-items-remove-button {
  float: left;
  width: 20px;
  height: 20px;
  display: block;
  padding: 0;
  position: relative;
  float: left;
  margin-left: 0;
  margin-top: 12px;
  border-radius: 50%;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.picker-popup .picker-footer .selected-items-counter .selected-items-remove-button:before {
  content: "\e014";
  display: block;
  position: absolute;
  font-size: 12px;
  font-family: "Glyphicons Halflings";
  color: lightgray;
  left: 50%;
  top: 50%;
  margin-left: -6px;
  margin-top: -7px;
}
.picker-popup .picker-footer .selected-items-counter .selected-items-remove-button:hover:before {
  color: #e66f6f;
}
.picker-popup .picker-page-frame {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.picker-popup .picker-page-frame.active {
  z-index: 2;
}
.picker-popup .picker-page-frame.not-active {
  z-index: 1;
}
.picker-popup .picker-page-frame.not-active .picker-footer {
  display: none;
}
.picker-popup .picker-page-frame.picker-mobile {
  height: 100%;
}
.picker-popup .picker-page-frame .picker-header {
  width: 100%;
  padding: 20px 20px;
  position: relative;
  top: 0;
  height: 60px;
  color: #cfdce7;
  box-shadow: rgba(0, 0, 0, 0.25) 0 1px 5px;
  font-size: 14px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.picker-popup .picker-page-frame .picker-header .picker-header-title.picker-mobile {
  display: none;
}
.picker-popup .picker-page-frame .picker-header .back-btn {
  position: relative;
  height: 60px;
  width: 50px;
  display: block;
  float: left;
  margin: -20px 20px 0 -20px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.picker-popup .picker-page-frame .picker-header .back-btn i {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -6px;
  margin-left: -8px;
}
.picker-popup .picker-page-frame .picker-header .search {
  position: relative;
  float: right;
  margin-top: -8px;
}
.picker-popup .picker-page-frame .picker-header .search .search-input {
  border-radius: 20px;
  height: 36px;
  min-width: 100%;
  border: none;
  padding: 10px 40px 10px 15px;
  outline: none;
  margin: 0;
  color: #fff;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.picker-popup .picker-page-frame .picker-header .search .search-btn {
  background: transparent;
  position: absolute;
  border: none;
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.picker-popup .picker-page-frame .picker-header .search .search-btn i {
  color: #999;
}
.picker-popup .picker-page-frame .picker-header .search .search-btn:hover {
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.picker-popup .picker-page-frame .picker-header .search .search-btn:hover i {
  color: #fff;
}
.picker-popup .picker-page-frame .picker-header .preview-btn {
  float: right;
  opacity: 0.5;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  transition: all 200ms ease;
}
.picker-popup .picker-page-frame .picker-header .preview-btn:hover {
  opacity: 0.9;
}
.picker-popup .picker-page-frame .picker-header .preview-btn i {
  color: #fff;
  font-size: 16px;
}
.picker-popup .picker-page-frame .picker-content {
  position: relative;
  height: calc(425px - 60px - 45px);
  padding: 20px;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.25) 0 1px 5px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.picker-popup .picker-page-frame .picker-content.picker-mobile {
  width: 100%;
  height: calc(100% - 60px - 45px);
}
.picker-popup .picker-page-frame .picker-content.customURL {
  overflow: visible;
}
.picker-popup .picker-page-frame .picker-content.customURL .link {
  padding: 0 30px;
}
.picker-popup .picker-page-frame .picker-content.customURL .link .editable {
  color: #666;
  font-size: 22px;
  line-height: normal;
  padding-right: 30px;
  -webkit-transition: all 0.3s forwards;
  -moz-transition: all 0.3s forwards;
  -ms-transition: all 0.3s forwards;
  transition: all 0.3s forwards;
}
.picker-popup .picker-page-frame .picker-content.customURL .link .radio {
  color: #999;
}
.picker-popup .picker-page-frame .picker-content.emailRecipient {
  overflow: visible;
  display: none;
}
.picker-popup .picker-page-frame .picker-content.emailRecipient .email {
  padding: 0 30px;
}
.picker-popup .picker-page-frame .picker-content.emailRecipient .email .editable {
  color: #666;
  font-size: 22px;
  line-height: normal;
  padding-right: 30px;
  -webkit-transition: all 0.3s forwards;
  -moz-transition: all 0.3s forwards;
  -ms-transition: all 0.3s forwards;
  transition: all 0.3s forwards;
}
.picker-popup .picker-page-frame .picker-content.emailRecipient .email .radio {
  color: #999;
}
.picker-popup .picker-page-frame .picker-content .customURL-container {
  padding-bottom: 30px;
  position: relative;
}
.picker-popup .picker-page-frame .picker-content .customURL-container a, .picker-popup .picker-page-frame .picker-content .customURL-container .p-item {
  color: #666;
  background: #f9f9f9;
  border: 1px solid #f1f2f2;
  border-radius: 3px;
  display: block;
  width: 100%;
  line-height: 24px;
  position: relative;
  margin: 0 0 10px 0;
  padding: 15px 35px 15px 62px;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.picker-popup .picker-page-frame .picker-content .customURL-container a i, .picker-popup .picker-page-frame .picker-content .customURL-container .p-item i {
  position: absolute;
  top: 12px;
}
.picker-popup .picker-page-frame .picker-content .customURL-container a i.category-icon, .picker-popup .picker-page-frame .picker-content .customURL-container .p-item i.category-icon {
  left: 15px;
}
.picker-popup .picker-page-frame .picker-content .customURL-container a i.glyphicon, .picker-popup .picker-page-frame .picker-content .customURL-container .p-item i.glyphicon {
  color: #e6e6e6;
  font-size: 12px;
  width: 10px;
  height: 15px;
  top: 50%;
  margin-top: -6px;
  right: 20px;
}
.picker-popup .picker-page-frame .picker-content .customURL-container a .action:hover, .picker-popup .picker-page-frame .picker-content .customURL-container a:not(.no-hover):hover, .picker-popup .picker-page-frame .picker-content .customURL-container .p-item .action:hover, .picker-popup .picker-page-frame .picker-content .customURL-container .p-item:not(.no-hover):hover {
  background: #f5f0f0;
}
.picker-popup .picker-page-frame .picker-content .customURL-container a .action:hover .glyphicon-chevron-right, .picker-popup .picker-page-frame .picker-content .customURL-container a:not(.no-hover):hover .glyphicon-chevron-right, .picker-popup .picker-page-frame .picker-content .customURL-container .p-item .action:hover .glyphicon-chevron-right, .picker-popup .picker-page-frame .picker-content .customURL-container .p-item:not(.no-hover):hover .glyphicon-chevron-right {
  color: #999;
}
.picker-popup .picker-page-frame .picker-content .customURL-container a .select, .picker-popup .picker-page-frame .picker-content .customURL-container .p-item .select {
  float: left;
  position: relative;
  width: 32px;
  height: 16px;
  top: 5px;
  background: url(/CDN/Content/Images/icon16/tick-green.png) no-repeat;
  background-position: left center;
  background-size: 16px 16px;
  display: none;
}
.picker-popup .picker-page-frame .picker-content .customURL-container a .select.show, .picker-popup .picker-page-frame .picker-content .customURL-container .p-item .select.show {
  -webkit-animation: scale-tick-animation 0.2s forwards;
  -moz-animation: scale-tick-animation 0.2s forwards;
  -ms-animation: scale-tick-animation 0.2s forwards;
  animation: scale-tick-animation 0.2s forwards;
  display: block;
}
.picker-popup .picker-page-frame .picker-content .customURL-container a .select.remove, .picker-popup .picker-page-frame .picker-content .customURL-container .p-item .select.remove {
  -webkit-animation: tick-reduce-animation 0.2s forwards;
  -moz-animation: tick-reduce-animation 0.2s forwards;
  -ms-animation: tick-reduce-animation 0.2s forwards;
  animation: tick-reduce-animation 0.2s forwards;
  display: block;
}
.picker-popup .picker-page-frame .picker-content .customURL-container a .select.remove-delayed, .picker-popup .picker-page-frame .picker-content .customURL-container .p-item .select.remove-delayed {
  -webkit-animation: tick-reduce-animation 0.2s 0.12s forwards;
  -moz-animation: tick-reduce-animation 0.2s 0.12s forwards;
  -ms-animation: tick-reduce-animation 0.2s 0.12s forwards;
  animation: tick-reduce-animation 0.2s 0.12s forwards;
  display: block;
}
.picker-popup .picker-page-frame .picker-content .customURL-container:before {
  content: "";
  position: absolute;
  width: 40px;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  bottom: 15px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.picker-popup .picker-page-frame .picker-content .customURL-container a {
  background: #f4f8fb;
  border: 1px solid rgba(58, 154, 185, 0.12);
  position: relative;
  margin: 0;
}
.picker-popup .picker-page-frame .picker-content .customURL-container a i.glyphicon {
  color: #cbddec;
}
.picker-popup .picker-page-frame .picker-content .customURL-container a:hover {
  background: #e9f1f7;
  border: 1px solid rgba(58, 154, 185, 0.14);
}
.picker-popup .picker-page-frame .picker-content .customURL-container a:hover i.glyphicon {
  color: #94b8d7;
}
.picker-popup .picker-page-frame .picker-content .picker-none {
  text-align: center;
  font-size: 16px;
  margin-top: 7rem;
}
.picker-popup .picker-page-frame .picker-content .menu-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.picker-popup .picker-page-frame .picker-content .menu-list li {
  float: left;
}
.picker-popup .picker-page-frame .picker-content .menu-list li.picker-desktop {
  width: calc(50% - 5px);
}
.picker-popup .picker-page-frame .picker-content .menu-list li.picker-desktop:nth-child(odd) {
  margin-right: 5px;
}
.picker-popup .picker-page-frame .picker-content .menu-list li.picker-desktop:nth-child(even) {
  margin-left: 5px;
}
.picker-popup .picker-page-frame .picker-content .menu-list li.picker-mobile {
  width: 100%;
}
.picker-popup .picker-page-frame .picker-content .menu-list li:nth-child(1) a, .picker-popup .picker-page-frame .picker-content .menu-list li:nth-child(2) a {
  margin-top: 0;
}
.picker-popup .picker-page-frame .picker-content .menu-list li:last-child a {
  margin-bottom: 0;
}
.picker-popup .picker-page-frame .picker-content .menu-list li a, .picker-popup .picker-page-frame .picker-content .menu-list li .p-item {
  color: #666;
  background: #f9f9f9;
  border: 1px solid #f1f2f2;
  border-radius: 3px;
  display: block;
  width: 100%;
  line-height: 24px;
  position: relative;
  margin: 0 0 10px 0;
  padding: 15px 35px 15px 62px;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.picker-popup .picker-page-frame .picker-content .menu-list li a i, .picker-popup .picker-page-frame .picker-content .menu-list li .p-item i {
  position: absolute;
  top: 12px;
}
.picker-popup .picker-page-frame .picker-content .menu-list li a i.category-icon, .picker-popup .picker-page-frame .picker-content .menu-list li .p-item i.category-icon {
  left: 15px;
}
.picker-popup .picker-page-frame .picker-content .menu-list li a i.glyphicon, .picker-popup .picker-page-frame .picker-content .menu-list li .p-item i.glyphicon {
  color: #e6e6e6;
  font-size: 12px;
  width: 10px;
  height: 15px;
  top: 50%;
  margin-top: -6px;
  right: 20px;
}
.picker-popup .picker-page-frame .picker-content .menu-list li a .action:hover, .picker-popup .picker-page-frame .picker-content .menu-list li a:not(.no-hover):hover, .picker-popup .picker-page-frame .picker-content .menu-list li .p-item .action:hover, .picker-popup .picker-page-frame .picker-content .menu-list li .p-item:not(.no-hover):hover {
  background: #f5f0f0;
}
.picker-popup .picker-page-frame .picker-content .menu-list li a .action:hover .glyphicon-chevron-right, .picker-popup .picker-page-frame .picker-content .menu-list li a:not(.no-hover):hover .glyphicon-chevron-right, .picker-popup .picker-page-frame .picker-content .menu-list li .p-item .action:hover .glyphicon-chevron-right, .picker-popup .picker-page-frame .picker-content .menu-list li .p-item:not(.no-hover):hover .glyphicon-chevron-right {
  color: #999;
}
.picker-popup .picker-page-frame .picker-content .menu-list li a .select, .picker-popup .picker-page-frame .picker-content .menu-list li .p-item .select {
  float: left;
  position: relative;
  width: 32px;
  height: 16px;
  top: 5px;
  background: url(/CDN/Content/Images/icon16/tick-green.png) no-repeat;
  background-position: left center;
  background-size: 16px 16px;
  display: none;
}
.picker-popup .picker-page-frame .picker-content .menu-list li a .select.show, .picker-popup .picker-page-frame .picker-content .menu-list li .p-item .select.show {
  -webkit-animation: scale-tick-animation 0.2s forwards;
  -moz-animation: scale-tick-animation 0.2s forwards;
  -ms-animation: scale-tick-animation 0.2s forwards;
  animation: scale-tick-animation 0.2s forwards;
  display: block;
}
.picker-popup .picker-page-frame .picker-content .menu-list li a .select.remove, .picker-popup .picker-page-frame .picker-content .menu-list li .p-item .select.remove {
  -webkit-animation: tick-reduce-animation 0.2s forwards;
  -moz-animation: tick-reduce-animation 0.2s forwards;
  -ms-animation: tick-reduce-animation 0.2s forwards;
  animation: tick-reduce-animation 0.2s forwards;
  display: block;
}
.picker-popup .picker-page-frame .picker-content .menu-list li a .select.remove-delayed, .picker-popup .picker-page-frame .picker-content .menu-list li .p-item .select.remove-delayed {
  -webkit-animation: tick-reduce-animation 0.2s 0.12s forwards;
  -moz-animation: tick-reduce-animation 0.2s 0.12s forwards;
  -ms-animation: tick-reduce-animation 0.2s 0.12s forwards;
  animation: tick-reduce-animation 0.2s 0.12s forwards;
  display: block;
}
.picker-popup .picker-page-frame .picker-content .picker-type-select i.mdi, .picker-popup .picker-page-frame .picker-content .picker-type-select i.cmdi {
  top: 11px;
  font-size: 32px !important;
}
.picker-popup .picker-page-frame .picker-content .filters.filter-bar {
  border-bottom: 0;
  margin: -20px -20px 0 -20px;
}
.picker-popup .picker-page-frame .picker-content .exchange-picker ul {
  list-style-type: none;
  -webkit-padding-start: unset;
}
.picker-popup .picker-page-frame .picker-content .exchange-picker ul li.list-filter-control {
  padding-left: 30px;
}
.picker-popup .picker-page-frame .picker-content .exchange-picker ul li.list-filter-control.active .a {
  border-bottom: hidden !important;
}
.picker-popup .picker-page-frame .picker-content .exchange-picker ul li.list-filter-control .form-control {
  width: 325px !important;
}
.picker-popup .picker-page-frame .picker-content .list-buttons {
  margin-top: 1px;
}
.picker-popup .picker-page-frame .picker-content .list-buttons.with-image {
  padding: 0;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item {
  margin: 0;
  left: 0;
  padding: 0;
  min-height: 60px;
  border-radius: 3px;
  border: 1px solid #e6e6e6;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item.with-info > a.add-button.selected .file-info, .picker-popup .picker-page-frame .picker-content .list-buttons .list-item.with-info > a.add-button-only.selected .file-info {
  max-width: calc(100% - 132px);
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item.with-info > a.add-button .file-info, .picker-popup .picker-page-frame .picker-content .list-buttons .list-item.with-info > a.add-button-only .file-info {
  display: inline-block;
  max-width: calc(100% - 100px);
  -webkit-transition: width 0.4s ease;
  -moz-transition: width 0.4s ease;
  -ms-transition: width 0.4s ease;
  transition: width 0.4s ease;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item.with-info > a.add-button .file-info .file-name, .picker-popup .picker-page-frame .picker-content .list-buttons .list-item.with-info > a.add-button-only .file-info .file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item.with-info > a.add-button .file-info .file-parent, .picker-popup .picker-page-frame .picker-content .list-buttons .list-item.with-info > a.add-button-only .file-info .file-parent {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item.without-info > a.add-button.selected .file-info, .picker-popup .picker-page-frame .picker-content .list-buttons .list-item.without-info > a.add-button-only.selected .file-info {
  max-width: calc(100% - 84px);
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item.without-info > a.add-button .file-info, .picker-popup .picker-page-frame .picker-content .list-buttons .list-item.without-info > a.add-button-only .file-info {
  display: inline-block;
  max-width: calc(100% - 52px);
  -webkit-transition: width 0.4s ease;
  -moz-transition: width 0.4s ease;
  -ms-transition: width 0.4s ease;
  transition: width 0.4s ease;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item.without-info > a.add-button .file-info .file-name, .picker-popup .picker-page-frame .picker-content .list-buttons .list-item.without-info > a.add-button-only .file-info .file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item.without-info > a.add-button .file-info .file-parent, .picker-popup .picker-page-frame .picker-content .list-buttons .list-item.without-info > a.add-button-only .file-info .file-parent {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item:not(:first-child) {
  margin-top: -2px;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item:nth-child(odd) a {
  background: #fbf9f9;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item:nth-child(odd) a:hover {
  background: #f5f0f0;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item:nth-child(odd) a.no-function:hover {
  background: #fbf9f9;
  cursor: default;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item:nth-child(even) a {
  background: #fff;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item:nth-child(even) a:hover {
  background: #fdfdfd;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item:nth-child(even) a.no-function:hover {
  background: #ffffff;
  cursor: default;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a {
  color: #666;
  display: block;
  padding: 18px 20px 18px 15px;
  height: 60px;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a i {
  margin-right: 10px;
  float: left;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button, .picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button-only {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button i.mdi, .picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button i.cmdi, .picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button-only i.mdi, .picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button-only i.cmdi {
  font-size: 32px !important;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button.no-select, .picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button-only.no-select {
  cursor: not-allowed !important;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button.without-parent i.mdi, .picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button.without-parent i.cmdi, .picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button-only.without-parent i.mdi, .picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button-only.without-parent i.cmdi {
  position: relative;
  top: -4px;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button.without-parent .file-info, .picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button-only.without-parent .file-info {
  position: relative;
  top: -10px;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button.with-parent, .picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button-only.with-parent {
  line-height: 18px;
  padding: 12px 20px 12px 15px;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button.with-parent .file-parent, .picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button-only.with-parent .file-parent {
  color: #999;
  font-size: 12px;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button.with-parent .list-image, .picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button-only.with-parent .list-image {
  margin: 2px 12px -2px 0;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button.with-parent .select, .picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button-only.with-parent .select {
  top: 10px;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button .file-info, .picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button-only .file-info {
  display: inline-block;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button.selected .ellipsis-info, .picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button-only.selected .ellipsis-info {
  max-width: calc(100% - 132px);
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button .ellipsis-info, .picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button-only .ellipsis-info {
  display: inline-block;
  max-width: calc(100% - 100px);
  -webkit-transition: width 0.4s ease;
  -moz-transition: width 0.4s ease;
  -ms-transition: width 0.4s ease;
  transition: width 0.4s ease;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button .ellipsis-info .ellipsis-name, .picker-popup .picker-page-frame .picker-content .list-buttons .list-item > a.add-button-only .ellipsis-info .ellipsis-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item .list-image {
  width: 32px;
  height: 32px;
  display: inline-block;
  position: relative;
  margin: -10px 12px -4px 0;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item .list-image.avatar {
  width: 40px;
  height: 40px;
  margin: -7px 15px -7px 0;
  float: left;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item .list-image.icon-url {
  margin: 0 12px -16px 0;
  top: 50%;
  transform: translate(0, -50%);
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item .list-image .mdi, .picker-popup .picker-page-frame .picker-content .list-buttons .list-item .list-image .cmdi {
  font-size: 32px !important;
  position: relative;
  top: 5px;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item .selected-picker-item-name {
  position: relative;
  top: -3px;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item .information-button,
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item .remove-button {
  width: 60px;
  border-left: 1px solid #e6e6e6;
  padding: 0;
  position: absolute;
  right: 0;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item .information-button i,
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item .remove-button i {
  margin: 0;
  position: absolute;
  top: 22px;
  left: 21px;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item.remove {
  display: none;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item .select {
  float: left;
  position: relative;
  width: 32px;
  height: 16px;
  top: 5px;
  background: url(/CDN/Content/Images/icon16/tick-green.png) no-repeat;
  background-position: left center;
  background-size: 16px 16px;
  display: none;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item .select.show {
  -webkit-animation: scale-tick-animation 0.2s forwards;
  -moz-animation: scale-tick-animation 0.2s forwards;
  -ms-animation: scale-tick-animation 0.2s forwards;
  animation: scale-tick-animation 0.2s forwards;
  display: block;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item .select.remove {
  -webkit-animation: tick-reduce-animation 0.2s forwards;
  -moz-animation: tick-reduce-animation 0.2s forwards;
  -ms-animation: tick-reduce-animation 0.2s forwards;
  animation: tick-reduce-animation 0.2s forwards;
  display: block;
}
.picker-popup .picker-page-frame .picker-content .list-buttons .list-item .select.remove-delayed {
  -webkit-animation: tick-reduce-animation 0.2s 0.12s forwards;
  -moz-animation: tick-reduce-animation 0.2s 0.12s forwards;
  -ms-animation: tick-reduce-animation 0.2s 0.12s forwards;
  animation: tick-reduce-animation 0.2s 0.12s forwards;
  display: block;
}
.picker-popup .picker-page-frame .picker-content .list-footer {
  display: none;
}
.picker-popup .picker-page-frame.preview-frame .picker-content {
  padding: 0;
}

.pt-content .banner {
  background-size: cover;
  background-position: center;
  color: #fff;
  overflow: hidden;
  padding: 20px;
  position: relative;
  min-height: 60px;
}
.pt-content .banner .content {
  position: relative;
  z-index: 1;
  padding: 0 0 0 70px;
}
.pt-content .banner .content.no-subtitle .name {
  padding-top: 14px;
  font-size: 22px;
}
.pt-content .banner .content .avatar {
  background-size: 48px;
  border-radius: 50%;
  background-repeat: no-repeat;
  display: inline-block;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 5px;
  left: 0;
}
.pt-content .banner .content .avatar.icon {
  border-radius: 0;
}
.pt-content .banner .content .name {
  color: rgbA(#fff, 0.8);
  font-size: 18px;
  font-weight: 100;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.pt-content .banner .content .title {
  color: #fff;
  font-size: 22px;
  font-weight: 300;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.pt-content .details {
  padding: 20px;
}
.pt-content .details .avatar {
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.pt-content .details .name {
  padding: 5px 0 0 0;
}
.pt-content .details .info-bit {
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  color: #333;
  padding: 10px 0;
  margin: 0 0 15px 0;
}
.pt-content .details .info-bit:before, .pt-content .details .info-bit:after {
  content: "";
  display: table;
}
.pt-content .details .info-bit:after {
  clear: both;
}
.pt-content .details .info-bit .title {
  color: #777;
  font-size: 16px;
}
.pt-content .details .info-bit .desc {
  color: #333;
  display: block;
  font-size: 16px;
}
.pt-content .details .info-bit .vote-views {
  border: 1px solid rgba(26, 134, 202, 0.1);
  display: inline-block;
  text-align: center;
  padding: 10px;
  margin: 10px 10px 0 0;
}
.pt-content .details .info-bit .vote-views span {
  color: #333;
  display: inline-block;
}
.pt-content .details .info-bit .vote-views span:first-child {
  margin-right: 5px;
}
.pt-content .details .info-bit .vote-views span:first-child i {
  color: #bbb;
  font-size: 16px;
  margin: 0 5px 0 0;
  top: 3px;
}

.pt-person .banner {
  background-size: cover;
  background-position: center;
  color: #fff;
  overflow: hidden;
  padding: 15px;
  position: relative;
}
.pt-person .banner:before, .pt-person .banner:after {
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}
.pt-person .banner:before {
  background: rgba(0, 0, 0, 0.4);
}
.pt-person .banner:after {
  top: 50%;
  background-color: rgba(15, 56, 91, 0);
  background-image: -webkit-linear-gradient(rgba(15, 56, 91, 0), rgba(15, 56, 91, 0.01) 1%, rgb(15, 56, 91));
  background-image: -moz-linear-gradient(rgba(15, 56, 91, 0), rgba(15, 56, 91, 0.01) 1%, rgb(15, 56, 91));
  background-image: -ms-linear-gradient(rgba(15, 56, 91, 0), rgba(15, 56, 91, 0.01) 1%, rgb(15, 56, 91));
  background-image: linear-gradient(rgba(15, 56, 91, 0), rgba(15, 56, 91, 0.01) 1%, rgb(15, 56, 91));
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000F385B", endColorstr="#FF0F385B", GradientType=0);
}
.pt-person .banner .content {
  position: relative;
  text-align: center;
  z-index: 1;
}
.pt-person .banner .content .avatar {
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  display: inline-block;
  width: 48px;
  height: 48px;
}
.pt-person .banner .content .name {
  font-size: 18px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.pt-person .details {
  padding: 20px;
}
.pt-person .details .form-group {
  margin-bottom: 5px;
}
.pt-person .details .form-group:last-of-type {
  margin-bottom: 0;
}

.pt-image .banner {
  background-color: #eee;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  display: block;
  height: 180px;
  overflow: hidden;
  position: relative;
  text-align: center;
  z-index: 1;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  transition: all 200ms ease;
}
.pt-image .banner .image {
  position: absolute;
  left: 50%;
  top: 50%;
  height: auto;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.pt-image .banner .image.portrait {
  height: 100%;
  width: auto;
}

.pt-area .pt-image {
  background-size: cover;
  background-position: center;
  height: 140px;
}
.pt-area .pt-header {
  color: #333;
  padding: 30px 20px 30px 90px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}
.pt-area .pt-header .icon-wrapper {
  background: #fff;
  display: inline-block;
  border-radius: 3px;
  margin-bottom: 10px;
  width: 50px;
  height: 50px;
  position: absolute;
  left: -70px;
  top: -3px;
}
.pt-area .pt-header .icon-wrapper > i {
  position: relative;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(33px, -50%);
  -moz-transform: translate(33px, -50%);
  -ms-transform: translate(33px, -50%);
  transform: translate(33px, -50%);
}
.pt-area .pt-header .header-content {
  position: relative;
  z-index: 2;
}
.pt-area .pt-header .header-content .area-name {
  font-size: 18px;
}
.pt-area .pt-header .header-content.centered-vertically {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.pt-area .pt-header .header-content .nr-items {
  font-weight: 300;
  color: #ccc;
}
.pt-area .pt-header .header-content .nr-items .number {
  font-size: 16px;
  font-weight: 400;
}
.pt-area .pt-header.with-image {
  color: #fff;
  min-height: 120px;
  padding: 20px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pt-area .pt-header.with-image:before, .pt-area .pt-header.with-image:after {
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}
.pt-area .pt-header.with-image:before {
  background: rgba(0, 0, 0, 0.6);
}
.pt-area .pt-header.with-image:after {
  top: 50%;
  background-color: rgba(15, 56, 91, 0);
  background-image: -webkit-linear-gradient(rgba(15, 56, 91, 0), rgba(15, 56, 91, 0.01) 1%, rgb(15, 56, 91));
  background-image: -moz-linear-gradient(rgba(15, 56, 91, 0), rgba(15, 56, 91, 0.01) 1%, rgb(15, 56, 91));
  background-image: -ms-linear-gradient(rgba(15, 56, 91, 0), rgba(15, 56, 91, 0.01) 1%, rgb(15, 56, 91));
  background-image: linear-gradient(rgba(15, 56, 91, 0), rgba(15, 56, 91, 0.01) 1%, rgb(15, 56, 91));
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000F385B", endColorstr="#FF0F385B", GradientType=0);
}
.pt-area .pt-header.with-image .header-content .area-name {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}
.pt-area .pt-header .date {
  color: #666;
}
.pt-area .pt-header .date .date-label {
  color: #666;
  margin-right: 5px;
}
.pt-area .pt-header.media {
  background-color: #E0F3FA;
}
.pt-area .pt-header.business {
  background-color: rgba(142, 201, 183, 0.55);
}
.pt-area .pt-header.department {
  background-color: #E8EFBF;
}
.pt-area .pt-header.office {
  background-color: #EDF2F9;
}
.pt-area .pt-header.project {
  background-color: #FFF7C5;
}
.pt-area .pt-header.policy {
  background-color: #E8EFBF;
}
.pt-area .pt-header.folder {
  background-color: #E9F6FC;
}
.pt-area .pt-header.media-collection {
  background-color: #87B0C2;
}
.pt-area .pt-header.no-background {
  background: #fff;
  padding: 20px 20px 20px 72px;
  position: relative;
}
.pt-area .pt-header.no-background i {
  position: absolute;
  top: 20px;
  left: 20px;
}
.pt-area .pt-area-manager {
  padding: 10px 20px;
  border-bottom: 1px solid #f5f5f5;
}
.pt-area .pt-area-manager.top {
  border-bottom: 0;
}
.pt-area .pt-area-manager .user {
  padding: 10px 0 10px 70px;
  position: relative;
}
.pt-area .pt-area-manager .user .user-name {
  color: #333;
  font-size: 18px;
  font-weight: 400;
}
.pt-area .pt-area-manager .user .title {
  color: #777;
  font-size: 16px;
  font-weight: 300;
}
.pt-area .pt-area-manager .user .image-container {
  position: absolute;
  top: 10px;
  left: 3px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pt-area .pt-area-manager .user .image-container.user-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.pt-area .pt-area-manager .user .image-container.number {
  background: #1a86ca;
  color: #fff;
}
.pt-area .pt-area-manager .user .image-container.number i {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.pt-area .pt-content {
  padding: 20px;
}
.pt-area .pt-content .pt-area-manager {
  border-bottom: none;
  padding: 0;
  margin-bottom: 5px;
}
.pt-area .pt-content.no-top {
  padding-top: 0;
}
.pt-area .pt-content .title {
  color: #333;
  display: block;
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 15px 0;
}
.pt-area .pt-content .date {
  color: #c5c5c5;
  display: block;
  padding: 5px 0;
}
.pt-area .pt-content .data-description {
  color: #777;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
}
.pt-area .pt-content .inline-details {
  display: inline-block;
  color: #888;
  font-size: 16px;
  margin: 10px 20px 0 0;
}
.pt-area .pt-content .inline-details i {
  color: #c5c5c5;
  margin: 0 5px 0 0;
  font-size: 19px;
  position: relative;
  top: 2px;
}
.pt-area .pt-content .form-group {
  margin-bottom: 5px;
}
.pt-area .pt-content .form-group:last-of-type {
  margin-bottom: 0;
}

.pt-group .pt-header {
  background: #f9f9f9;
  color: #333;
  padding: 30px 20px 30px 90px;
  background-repeat: no-repeat;
  position: relative;
}
.pt-group .pt-header .icon-wrapper {
  background: #fff;
  display: inline-block;
  border-radius: 3px;
  margin-bottom: 10px;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 20px;
  top: 26px;
}
.pt-group .pt-header .icon-wrapper > i {
  position: relative;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(33px, -50%);
  -moz-transform: translate(33px, -50%);
  -ms-transform: translate(33px, -50%);
  transform: translate(33px, -50%);
}
.pt-group .pt-header .group-name {
  font-size: 18px;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pt-group .pt-header .number-members {
  position: absolute;
  right: 20px;
  top: 30px;
  padding: 4px 10px;
  border-radius: 3px;
  border: 1px solid #797777;
}
.pt-group .pt-header.media {
  background-color: #E0F3FA;
}
.pt-group .pt-header.business {
  background-color: rgba(142, 201, 183, 0.55);
}
.pt-group .pt-header.department {
  background-color: #E8EFBF;
}
.pt-group .pt-header.office {
  background-color: #EDF2F9;
}
.pt-group .pt-header.project {
  background-color: #FFF7C5;
}
.pt-group .pt-header.policy {
  background-color: #E8EFBF;
}
.pt-group .pt-header.folder {
  background-color: #E9F6FC;
}
.pt-group .pt-header.media-collection {
  background-color: #87B0C2;
}
.pt-group .pt-header.group {
  background-color: #FDECED;
}
.pt-group .pt-header.social-group {
  background-color: #DEF2FB;
}
.pt-group .pt-content {
  padding: 20px;
}
.pt-group .pt-content .area-member {
  position: relative;
  display: inline-block;
  width: 50%;
  padding: 14px 14px 14px 45px;
  margin-right: -0.31em;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pt-group .pt-content .area-member .member-image {
  position: absolute;
  left: 0;
  top: 2px;
  width: 35px;
  height: 35px;
  background-size: cover;
  background-position: center center;
  border-radius: 50%;
}

.pt-file .documents {
  padding: 20px;
  vertical-align: top;
}
.pt-file .documents .main {
  margin-bottom: 10px;
}
.pt-file .documents .main .icon48 {
  margin-right: 7px;
}
.pt-file .documents .main .title {
  display: inline-block;
  font-size: 22px;
  font-weight: 300;
  margin-top: 12px;
  vertical-align: top;
}
.pt-file .documents .sub {
  margin-bottom: -20px;
}
.pt-file .documents .sub .list-item {
  font-size: 16px;
  padding: 10px;
}
.pt-file .documents .sub .list-item:before, .pt-file .documents .sub .list-item:after {
  content: "";
  display: table;
}
.pt-file .documents .sub .list-item:after {
  clear: both;
}
.pt-file .documents .sub .list-item i {
  float: left;
  margin-right: 7px;
}
.pt-file .documents .sub .list-item .name {
  display: inline-block;
  margin-top: 5px;
  width: 45%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pt-file .documents .sub .list-item .button {
  border: 1px solid #ddd;
  color: #666;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  margin: 4px 0 3px 5px;
  padding: 2px 10px;
  float: right;
}
.pt-file .documents .sub .list-item .date-container {
  float: right;
  margin-top: 6px;
  width: 40%;
}
.pt-file .documents .sub .list-item .date-container i {
  color: #aaa;
  font-size: 13px;
  margin-top: 1px;
}
.pt-file .documents .sub .list-item:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.pt-media.pt-audio .audio-wrapper {
  background: #000;
  padding: 20px;
}
.pt-media.pt-audio .audio-wrapper audio {
  width: 100%;
}
.pt-media.pt-video .video-container {
  background: #000;
  text-align: center;
}
.pt-media.pt-video .video-container .video-image {
  max-width: 100%;
  max-height: 210px;
}

#addRecipientList .box-content .filter-bar-wrapper #email-recipient-show-add {
  z-index: 10001;
  top: 18px;
  width: 120px;
  height: 30px;
}
#addRecipientList .box-content .filter-bar-wrapper.no-filter {
  margin-bottom: 30px;
}

.pt-answers .pt-image {
  background-size: cover;
  background-position: center;
  height: 140px;
}
.pt-answers .pt-header {
  color: #333;
  padding: 30px 20px 30px 90px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}
.pt-answers .pt-header .icon-wrapper {
  background: #fff;
  display: inline-block;
  border-radius: 3px;
  margin-bottom: 10px;
  width: 50px;
  height: 50px;
  position: absolute;
  left: -70px;
  top: -3px;
}
.pt-answers .pt-header .icon-wrapper > i {
  position: relative;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(33px, -50%);
  -moz-transform: translate(33px, -50%);
  -ms-transform: translate(33px, -50%);
  transform: translate(33px, -50%);
}
.pt-answers .pt-header .icon-wrapper > i.mdi, .pt-answers .pt-header .icon-wrapper > i.cmdi {
  top: 7px;
  right: 0px;
}
.pt-answers .pt-header .header-content {
  position: relative;
  z-index: 2;
}
.pt-answers .pt-header .header-content .area-name {
  font-size: 18px;
}
.pt-answers .pt-header .header-content.centered-vertically {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.pt-answers .pt-header .header-content .nr-items {
  font-weight: 300;
  color: #ccc;
}
.pt-answers .pt-header .header-content .nr-items .number {
  font-size: 16px;
  font-weight: 400;
}
.pt-answers .pt-header.with-image {
  color: #fff;
  min-height: 120px;
  padding: 20px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pt-answers .pt-header.with-image:before, .pt-answers .pt-header.with-image:after {
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}
.pt-answers .pt-header.with-image:before {
  background: rgba(0, 0, 0, 0.6);
}
.pt-answers .pt-header.with-image:after {
  top: 50%;
  background-color: rgba(15, 56, 91, 0);
  background-image: -webkit-linear-gradient(rgba(15, 56, 91, 0), rgba(15, 56, 91, 0.01) 1%, rgb(15, 56, 91));
  background-image: -moz-linear-gradient(rgba(15, 56, 91, 0), rgba(15, 56, 91, 0.01) 1%, rgb(15, 56, 91));
  background-image: -ms-linear-gradient(rgba(15, 56, 91, 0), rgba(15, 56, 91, 0.01) 1%, rgb(15, 56, 91));
  background-image: linear-gradient(rgba(15, 56, 91, 0), rgba(15, 56, 91, 0.01) 1%, rgb(15, 56, 91));
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000F385B", endColorstr="#FF0F385B", GradientType=0);
}
.pt-answers .pt-header.with-image .header-content .area-name {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}
.pt-answers .pt-header .date {
  color: #666;
}
.pt-answers .pt-header .date .date-label {
  color: #666;
  margin-right: 5px;
}
.pt-answers .pt-header.media {
  background-color: #E0F3FA;
}
.pt-answers .pt-header.business {
  background-color: rgba(142, 201, 183, 0.55);
}
.pt-answers .pt-header.department {
  background-color: #E8EFBF;
}
.pt-answers .pt-header.office {
  background-color: #EDF2F9;
}
.pt-answers .pt-header.project {
  background-color: #FFF7C5;
}
.pt-answers .pt-header.policy {
  background-color: #E8EFBF;
}
.pt-answers .pt-header.folder {
  background-color: #E9F6FC;
}
.pt-answers .pt-header.media-collection {
  background-color: #87B0C2;
}
.pt-answers .pt-header.no-background {
  background: #fff;
  padding: 20px 20px 20px 72px;
  position: relative;
}
.pt-answers .pt-header.no-background i {
  position: absolute;
  top: 20px;
  left: 20px;
}
.pt-answers .pt-question-author {
  padding: 10px 20px;
  border-bottom: 1px solid #f5f5f5;
}
.pt-answers .pt-question-author.top {
  border-bottom: 0;
}
.pt-answers .pt-question-author .user {
  padding: 10px 0 10px 70px;
  position: relative;
}
.pt-answers .pt-question-author .user .user-name {
  color: #333;
  font-size: 18px;
  font-weight: 400;
}
.pt-answers .pt-question-author .user .title {
  color: #777;
  font-size: 16px;
  font-weight: 300;
}
.pt-answers .pt-question-author .user .image-container {
  position: absolute;
  top: 10px;
  left: 3px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pt-answers .pt-question-author .user .image-container.user-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.pt-answers .pt-question-author .user .image-container.number {
  background: #1a86ca;
  color: #fff;
}
.pt-answers .pt-question-author .user .image-container.number i {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.pt-answers .pt-content {
  padding: 20px;
}
.pt-answers .pt-content .pt-question-author {
  border-bottom: none;
  padding: 0;
  margin-bottom: 5px;
}
.pt-answers .pt-content.no-top {
  padding-top: 0;
}
.pt-answers .pt-content .title {
  color: #333;
  display: block;
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 15px 0;
}
.pt-answers .pt-content .date {
  color: #c5c5c5;
  display: block;
  padding: 5px 0;
}
.pt-answers .pt-content .data-description {
  color: #777;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
}
.pt-answers .pt-content .answered-question {
  display: block;
  color: #888;
  font-size: 16px;
  margin: 16px 20px 7px 0;
}
.pt-answers .pt-content .answered-question .icon-border {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 24px;
  display: inline-block;
  background: #8ebd2c;
  margin-top: -5px;
}
.pt-answers .pt-content .answered-question i {
  color: #fff;
  margin: 0 5px 0 0;
  /*font-size: 19px;*/
  position: relative;
  top: 0px;
  left: 3px;
}
.pt-answers .pt-content .answered-question .answered-label {
  margin-left: 5px;
  vertical-align: top;
}
.pt-answers .pt-content .inline-details {
  display: inline-block;
  color: #888;
  font-size: 16px;
  margin: 10px 20px 0 0;
}
.pt-answers .pt-content .inline-details i {
  color: #c5c5c5;
  margin: 0 5px 0 0;
  font-size: 19px;
  position: relative;
  top: 2px;
}
.pt-answers .pt-content .form-group {
  margin-bottom: 5px;
}
.pt-answers .pt-content .form-group:last-of-type {
  margin-bottom: 0;
}

.pt-support .pt-header {
  background: #f9f9f9;
  color: #333;
  padding: 30px 20px 30px 90px;
  background-repeat: no-repeat;
  position: relative;
}
.pt-support .pt-header .icon-wrapper {
  background: #fff;
  display: inline-block;
  border-radius: 3px;
  margin-bottom: 10px;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 20px;
  top: 26px;
}
.pt-support .pt-header .icon-wrapper > i {
  position: relative;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(33px, -50%);
  -moz-transform: translate(33px, -50%);
  -ms-transform: translate(33px, -50%);
  transform: translate(33px, -50%);
}
.pt-support .pt-header .icon-wrapper > i.mdi, .pt-support .pt-header .icon-wrapper > i.cmdi {
  top: 7px;
  right: 0px;
}
.pt-support .pt-header .support-name {
  font-size: 18px;
}
.pt-support .pt-header .number-members {
  position: absolute;
  right: 20px;
  top: 30px;
  padding: 4px 10px;
  border-radius: 3px;
  border: 1px solid #797777;
}
.pt-support .pt-header.media {
  background-color: #E0F3FA;
}
.pt-support .pt-header.business {
  background-color: rgba(142, 201, 183, 0.55);
}
.pt-support .pt-header.department {
  background-color: #E8EFBF;
}
.pt-support .pt-header.office {
  background-color: #EDF2F9;
}
.pt-support .pt-header.project {
  background-color: #FFF7C5;
}
.pt-support .pt-header.policy {
  background-color: #E8EFBF;
}
.pt-support .pt-header.folder {
  background-color: #E9F6FC;
}
.pt-support .pt-header.media-collection {
  background-color: #87B0C2;
}
.pt-support .pt-header.support {
  background-color: #FDECED;
}
.pt-support .pt-content {
  padding: 20px;
}
.pt-support .pt-content .area-member {
  position: relative;
  display: inline-block;
  width: 50%;
  padding: 14px 14px 14px 45px;
  margin-right: -0.31em;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pt-support .pt-content .area-member .member-image {
  position: absolute;
  left: 0;
  top: 2px;
  width: 35px;
  height: 35px;
  background-size: cover;
  background-position: center center;
  border-radius: 50%;
}
.h-row {
  padding: 10px 10px 10px 170px;
  border-bottom: 1px solid #eee;
  position: relative;
}

.h-row:last-child {
  border: 0;
}

.h-row .left {
  line-height: 40px;
  width: 120px;
  color: #999;
  font-size: 16px;
  position: absolute;
  top: 10px;
  left: 10px;
  bottom: 10px;
  text-align: center;
  vertical-align: middle;
}

.h-row .right {
  min-height: 40px;
  color: #444;
  position: relative;
}
ul.filters {
  position: relative;
}
ul.filters .filter {
  display: inline-block;
  position: relative;
}
ul.filters .filter.view-filter {
  float: right !important;
}
ul.filters .filter.view-filter .filter-menu {
  right: 0;
}
ul.filters .filter > .filter-label {
  border-bottom: 2px solid transparent;
  cursor: pointer;
  display: block;
  font-size: 16px;
  padding: 10px 40px 10px 15px;
}
ul.filters .filter.dropdown-filter > .filter-label > i {
  color: #bbb;
  font-size: 24px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -13px;
}
ul.filters .filter.dropdown-filter > .filter-label > i.when-open {
  display: none;
}
ul.filters .filter.dropdown-filter > .filter-menu {
  position: absolute;
  display: none;
}
ul.filters .filter.dropdown-filter > .filter-menu.options {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  min-width: 180px;
}
ul.filters .filter.dropdown-filter > .filter-menu.options .option {
  background: #fff;
  position: relative;
}
ul.filters .filter.dropdown-filter > .filter-menu.options .option .option-label > i,
ul.filters .filter.dropdown-filter > .filter-menu.options .option .option-value > i {
  color: #e04c4c;
  display: none;
  font-size: 18px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -8px;
}
ul.filters .filter.dropdown-filter > .filter-menu.options .option .option-label, ul.filters .filter.dropdown-filter > .filter-menu.options .option a, ul.filters .filter.dropdown-filter > .filter-menu.options .option .a {
  white-space: nowrap;
}
ul.filters .filter.dropdown-filter > .filter-menu.options .option a, ul.filters .filter.dropdown-filter > .filter-menu.options .option .a {
  border-bottom: 2px solid transparent;
  color: #888;
  padding: 15px 35px 15px 10px;
  margin: 0 10px;
  display: block;
  font-size: 16px;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
ul.filters .filter.dropdown-filter > .filter-menu.options .option a:hover, ul.filters .filter.dropdown-filter > .filter-menu.options .option .a:hover {
  color: #333;
  font-weight: 400;
}
ul.filters .filter.dropdown-filter > .filter-menu.options .option.active a, ul.filters .filter.dropdown-filter > .filter-menu.options .option.active .a {
  color: #333;
  cursor: pointer;
  border-bottom: 2px solid #1a86ca;
  font-weight: 400;
}
ul.filters .filter.dropdown-filter > .filter-menu.options .option.active .option-label > i,
ul.filters .filter.dropdown-filter > .filter-menu.options .option.active .option-value > i {
  display: block;
}
ul.filters .filter.dropdown-filter > .filter-menu.options .option.text-option {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
ul.filters .filter.dropdown-filter > .filter-menu.options .option.text-option > .a {
  padding: 15px;
}
ul.filters .filter.dropdown-filter > .filter-menu.options .option.text-option input[type=text] {
  width: 200px;
}
ul.filters .filter.dropdown-filter > .filter-menu.options .option.text-option.active {
  padding-right: 15px;
}
ul.filters .filter.dropdown-filter > .filter-menu.options .option.text-option.active input[type=text] {
  color: #000;
}
ul.filters .filter.dropdown-filter.sort-filter {
  float: right;
}
ul.filters .filter.dropdown-filter.sort-filter .filter-menu {
  right: 0;
}
ul.filters .filter.dropdown-filter.sort-filter .option i {
  color: #1a86ca;
  font-size: 18px;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -10px;
  display: none;
}
ul.filters .filter.dropdown-filter.sort-filter .option.active.sort-asc .mdi-arrow-up {
  display: block;
}
ul.filters .filter.dropdown-filter.sort-filter .option.active.sort-desc .mdi-arrow-down {
  display: block;
}
ul.filters .filter.dropdown-filter.open {
  z-index: 1;
}
ul.filters .filter.dropdown-filter.open > .filter-label {
  color: #333;
  font-weight: 400;
}
ul.filters .filter.dropdown-filter.open > .filter-label > .when-open {
  display: block;
}
ul.filters .filter.dropdown-filter.open > .filter-label > .when-closed {
  display: none;
}
ul.filters .filter.dropdown-filter.open > .filter-menu {
  display: block;
}
ul.filters .filter.dropdown-filter.filters-filter > .filter-label {
  display: none;
}
ul.filters .filter.dropdown-filter.filters-filter > .filter-menu {
  position: relative;
  display: inline-block;
}
ul.filters .filter.dropdown-filter.inline > .filter-menu {
  display: inline-block !important;
  position: relative;
}
ul.filters .filter.dropdown-filter.inline > .filter-label {
  display: none;
  visibility: hidden;
}
ul.filters .filter.dropdown-filter.inline > .filter-menu.options {
  box-shadow: none;
}
ul.filters .filter.dropdown-filter.inline > .filter-label > i.when-closed {
  display: none;
  visibility: hidden;
}
ul.filters .filter.dropdown-filter.inline > .filter-label > i.when-open {
  display: none;
  visibility: hidden;
}
ul.filters .filter.dropdown-filter.inline > .filter-menu.options .option.text-option {
  position: relative;
}
ul.filters .filter.dropdown-filter.inline > .filter-menu.options .option.text-option > .a {
  margin: 0;
  padding: 3px;
  padding-left: 5px;
}
ul.filters .filter.dropdown-filter.inline > .filter-menu.options .option .option-label > i, ul.filters .filter.dropdown-filter.inline > .filter-menu.options .option .option-value > i {
  right: 32px;
  margin-top: -9px;
}
ul.filters .filter.dropdown-filter.inline > .filter-menu.options .option.text-option input[type=text] {
  font-size: 17px;
  margin-right: 20px;
}
ul.filters .filter.dropdown-filter.inline > .filter-menu.options .option.text-option.active {
  padding-right: 0;
}
@media (max-width: 767px) {
  ul.filters .filter.dropdown-filter.inline > .filter-menu.options {
    width: 100%;
  }
  ul.filters .filter.dropdown-filter.inline > .filter-menu.options .option.text-option input[type=text] {
    width: 100%;
  }
  ul.filters .filter.dropdown-filter.inline > .filter-menu.options .option.text-option > .a {
    padding: 6px;
    padding-left: 6px;
  }
  ul.filters .filter.dropdown-filter.inline > .filter-menu.options .option.text-option input[type=text] {
    padding-left: 9px;
  }
  ul.filters .filter.dropdown-filter.inline > .filter-menu.options .option .option-label > i, ul.filters .filter.dropdown-filter.inline > .filter-menu.options .option .option-value > i {
    right: 13px;
  }
}
ul.filters .filter.active > .filter-label {
  border-bottom: 2px solid #1a86ca;
  color: #333;
  font-weight: 400;
}
ul.filters .filter.clear-filter {
  color: #e04c4c;
  cursor: default;
  opacity: 0;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  transition: all 200ms ease;
}
ul.filters .filter.clear-filter .filter-label {
  border-bottom: none;
  cursor: default;
  padding-right: 25px;
}
ul.filters .filter.clear-filter .filter-label > i {
  color: #e04c4c;
  font-size: 18px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -8px;
}
ul.filters .filter.clear-filter.active {
  opacity: 1;
}
ul.filters .filter.clear-filter.active .filter-label {
  cursor: pointer;
}
ul.filters.filter-bar {
  border-bottom: 1px solid #eee;
  list-style-type: none;
  margin: 0 -20px;
  padding: 0;
  z-index: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
ul.filters.filter-bar:before, ul.filters.filter-bar:after {
  content: "";
  display: table;
}
ul.filters.filter-bar:after {
  clear: both;
}
ul.filters.filter-bar .filters-filter {
  display: inline-block;
}
ul.filters.filter-bar.compact ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
ul.filters.filter-bar.compact .filters-filter > .filter-label {
  display: block;
}
ul.filters.filter-bar.compact .filters-filter > .filter-menu {
  background: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  width: 300px;
  display: none;
  position: absolute;
}
ul.filters.filter-bar.compact .filters-filter > .filter-menu .filter {
  display: block;
}
ul.filters.filter-bar.compact .filters-filter > .filter-menu .filter > .filter-label {
  background: #fff;
  position: relative;
}
ul.filters.filter-bar.compact .filters-filter > .filter-menu .filter > .filter-menu {
  position: relative;
}
ul.filters.filter-bar.compact .filters-filter .option-filter.open > .filter-label {
  background: #1a86ca;
  color: #fff;
}
ul.filters.filter-bar.compact .filters-filter.open > .filter-menu {
  display: block;
}
ul.filters.filter-bar.compact .filters-filter.open > .filter-menu .option {
  background: #f9f9f9;
}
ul.filters.filter-bar.compact .filters-filter.open > .filter-menu .option:hover {
  background: #eef9fe;
}

@media (max-width: 767px) {
  ul.filters.filter-bar.responsive .filters-filter > .filter-label {
    display: block;
  }
  ul.filters.filter-bar.responsive .filters-filter > .filter-menu {
    width: 300px;
    display: none;
    position: absolute;
  }
  ul.filters.filter-bar.responsive .filters-filter > .filter-menu .filter {
    display: block;
  }
  ul.filters.filter-bar.responsive .filters-filter > .filter-menu .filter > .filter-label {
    background: #fff;
  }
  ul.filters.filter-bar.responsive .filters-filter > .filter-menu .filter > .filter-menu {
    position: relative;
  }
  ul.filters.filter-bar.responsive .filters-filter.open > .filter-menu {
    display: block;
  }
}
.blockUI .loading-content .circle:not(:last-child) {
  margin-right: 6px !important;
}

.loading-content {
  text-align: center;
  color: #999;
}
.loading-content .loading-text {
  font-size: 16px;
  margin-bottom: 10px;
}
.loading-content .loading-indicator {
  margin: 0 auto;
}
.loading-content .circle {
  animation: blink 2s infinite ease;
  background: #999;
  border-radius: 50%;
  display: inline-block;
  height: 4px;
  width: 4px;
  opacity: 0;
}
.loading-content .circle:not(:last-child) {
  margin-right: 4px;
}
.loading-content .circle:nth-child(2) {
  animation-delay: 200ms;
  -webkit-animation-delay: 200ms;
}
.loading-content .circle:nth-child(3) {
  animation-delay: 400ms;
  -webkit-animation-delay: 400ms;
}
.loading-content.loading-content-large {
  text-align: center;
  color: #999;
}
.loading-content.loading-content-large .loading-text {
  font-size: 16px;
  margin-bottom: 10px;
}
.loading-content.loading-content-large .loading-indicator {
  margin: 0 auto;
}
.loading-content.loading-content-large .circle {
  animation: blink 2s infinite ease;
  background: #999;
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  width: 10px;
  opacity: 0;
}
.loading-content.loading-content-large .circle:not(:last-child) {
  margin-right: 4px;
}
.loading-content.loading-content-large .circle:nth-child(2) {
  animation-delay: 200ms;
  -webkit-animation-delay: 200ms;
}
.loading-content.loading-content-large .circle:nth-child(3) {
  animation-delay: 400ms;
  -webkit-animation-delay: 400ms;
}
.loading-content.loading-content-light {
  text-align: center;
  color: #fff;
}
.loading-content.loading-content-light .loading-text {
  font-size: 16px;
  margin-bottom: 10px;
}
.loading-content.loading-content-light .loading-indicator {
  margin: 0 auto;
}
.loading-content.loading-content-light .circle {
  animation: blink 2s infinite ease;
  background: #fff;
  border-radius: 50%;
  display: inline-block;
  opacity: 0;
}
.loading-content.loading-content-light .circle:not(:last-child) {
  margin-right: 4px;
}
.loading-content.loading-content-light .circle:nth-child(2) {
  animation-delay: 200ms;
  -webkit-animation-delay: 200ms;
}
.loading-content.loading-content-light .circle:nth-child(3) {
  animation-delay: 400ms;
  -webkit-animation-delay: 400ms;
}
@-webkit-keyframes blink {
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
}
@-moz-keyframes blink {
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
}
@-ms-keyframes blink {
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
}
@keyframes blink {
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
}
.object-container {
  margin: 0 0 10px;
}
.object-container .displayCell {
  vertical-align: middle;
}
.object-container .object-icon {
  width: 60px;
}
.object-container .object-title {
  font-size: 24px;
  font-weight: 300;
}
.object-container .object-path {
  margin: 2px 0;
}
.object-container .object-subtitle {
  color: #999;
  font-size: 16px;
}
.object-container .object-options a.hyperlinkwithicon {
  display: inline-block;
  margin: 0 10px 0 0;
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-moz-keyframes spin {
  from {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-ms-keyframes spin {
  from {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
.blockUI.blockOverlay {
  background: rgba(251, 251, 251, 0.95) !important;
  border-radius: 5px;
}

.cssanimations .spinLoader {
  background-image: url(/CDN/Content/Images/svg/spinner-rorange.svg);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  display: inline-block;
  height: 45px;
  width: 45px;
  -webkit-animation: spin 1.2s linear 0s infinite both;
  -moz-animation: spin 1.2s linear 0s infinite both;
  -ms-animation: spin 1.2s linear 0s infinite both;
  animation: spin 1.2s linear 0s infinite both;
}
.cssanimations .spinLoader.smallLoader {
  background-size: cover;
  border-radius: 0;
  box-shadow: none;
  height: 16px;
  width: 16px;
}
.cssanimations .spinLoader.white {
  background-color: transparent;
  background-image: url(/CDN/Content/Images/svg/spinner-white.svg);
}
.cssanimations .spinLoader.hide {
  display: none;
}

.no-cssanimations .spinLoader {
  background: url(/CDN/Content/Images/loading/spinner.gif);
  width: 32px;
  height: 32px;
  display: inline-block;
}
.no-cssanimations .spinLoader.smallLoader {
  background: url(/CDN/Content/Images/loading/spinner_small.gif);
  width: 16px;
  height: 16px;
}
.no-cssanimations .spinLoader.hide {
  display: none;
}
@media print {
  .main-header,
  #page-settings {
    display: none;
  }
}
.msg-header ul {
  list-style: none;
  margin: 0;
  padding: 0;
  clear: both;
}
.msg-header a .avatar {
  width: 72px;
  height: 72px;
  background-size: 72px;
  background-repeat: no-repeat;
  display: block;
  float: left;
  margin-right: 20px;
}
.msg-header .delivery-date {
  font-size: 14px;
  display: block;
}
.msg-header .sender {
  margin-top: 5px;
  font-size: 22px;
}
.msg-header .sender .email-address {
  font-size: 18px;
}
.msg-header .sender .email-address:before {
  content: "<";
}
.msg-header .sender .email-address:after {
  content: ">";
}
.msg-header .subject {
  margin-top: 5px;
  font-size: 18px;
  font-weight: bold;
}
@-webkit-keyframes scale-up {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes scale-up {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes scale-up {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.form-wizard {
  font-size: 16px;
  line-height: 24px;
  margin: 20px 60px;
}
@media (max-width: 1199px) {
  .form-wizard {
    margin: 20px;
  }
}
@media (max-width: 991px) {
  .form-wizard {
    margin: 10px;
  }
}
.form-wizard .form-section {
  margin: 0;
  margin-left: -30px;
  max-height: 0;
  padding-left: 30px;
  overflow: hidden;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.form-wizard .form-section:before, .form-wizard .form-section:after {
  content: "";
  display: table;
}
.form-wizard .form-section:after {
  clear: both;
}
.form-wizard .form-section h1 {
  padding: 5px 0;
  position: relative;
}
.form-wizard .form-section .radio input[type=radio] {
  margin-top: 4px;
}
.form-wizard .form-section .checkbox input[type=checkbox] {
  margin-top: 3px;
}
.form-wizard .form-section .thin-scroll {
  max-height: 300px;
}
.form-wizard .form-section.active {
  max-height: 500px;
  margin-bottom: 40px;
}
.form-wizard .form-section.complete h1:before {
  background-image: url(/CDN/Content/Images/svg/circle-tick.svg);
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 5px;
  left: -28px;
  -webkit-animation: scale-up 400ms ease 0s 1 both;
  -moz-animation: scale-up 400ms ease 0s 1 both;
  -ms-animation: scale-up 400ms ease 0s 1 both;
  animation: scale-up 400ms ease 0s 1 both;
}
@media (max-width: 991px) {
  .form-wizard .form-section.complete h1:before {
    left: -23px;
  }
}
.form-wizard .form-section .content-preview {
  border: 1px solid #f3f3f3;
  border-radius: 3px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
  min-height: 90px;
  padding-right: 150px;
  padding-left: 200px;
  position: relative;
}
.form-wizard .form-section .content-preview:before, .form-wizard .form-section .content-preview:after {
  content: "";
  display: table;
}
.form-wizard .form-section .content-preview:after {
  clear: both;
}
.form-wizard .form-section .content-preview .icon-box {
  background: #f3f3f3;
  padding: 10px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  width: 200px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.form-wizard .form-section .content-preview .icon-box .icon-circle {
  background-color: #fff;
  border-radius: 50%;
  padding: 15px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.form-wizard .form-section .content-preview .icon-box .icon-circle i,
.form-wizard .form-section .content-preview .icon-box .icon-circle img {
  display: block;
}
.form-wizard .form-section .content-preview .text-container {
  padding: 20px;
}
.form-wizard .form-section .content-preview .text-container span {
  display: block;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.form-wizard .form-section .content-preview .text-container .title {
  color: #333;
  display: block;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 10px;
}
.form-wizard .form-section .content-preview .text-container .description {
  color: #777;
  display: block;
}
.form-wizard .form-section .content-preview .replace-buttons {
  text-align: right;
  margin: 20px 30px 20px 0;
}
.form-wizard .form-section .content-preview .replace-buttons .btn {
  background: transparent;
  border: 1px solid #A1DBD0;
  box-shadow: none;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  transition: all 200ms ease;
}
.form-wizard .form-section .content-preview .replace-buttons .btn i {
  margin-right: 7px;
}
.form-wizard .form-section .content-preview .replace-buttons .btn:hover {
  background: #F6F9FB;
  color: #6fa0cd;
}
.form-wizard .form-section .select-button {
  border: 1px solid #A1DBD0;
  border-radius: 3px;
  display: block;
  font-size: 20px;
  padding: 10px;
  text-align: center;
}
.form-wizard .form-section .select-button i {
  margin: -3px 0;
  width: 24px;
  height: 24px;
}
.form-wizard .form-section .click-form {
  margin: 20px 0;
}
.form-wizard .form-section .click-form:before, .form-wizard .form-section .click-form:after {
  content: "";
  display: table;
}
.form-wizard .form-section .click-form:after {
  clear: both;
}
.form-wizard .form-section .click-form .radio {
  background-color: #f6f9fb;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(89, 139, 189, 0.7);
  float: left;
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  transition: all 200ms ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.form-wizard .form-section .click-form .radio > label {
  display: block;
  padding: 20px;
  text-align: left;
  background-color: #ebf1f7;
  border-bottom: 1px solid #d9e4f0;
  border-radius: 3px 3px 0 0;
  cursor: pointer;
}
.form-wizard .form-section .click-form .radio > label span.title {
  color: #6fa0cd;
  font-size: 20px;
  margin: -20px;
  margin-bottom: 10px;
  padding: 20px;
}
@media (max-width: 991px) {
  .form-wizard .form-section .click-form .radio > label span.title {
    font-size: 14px;
  }
}
.form-wizard .form-section .click-form .radio > label span .question-ball {
  left: 100%;
  position: absolute;
}
.form-wizard .form-section .click-form .radio .content {
  padding: 5px 0;
}
.form-wizard .form-section .click-form .radio.static {
  cursor: pointer;
}
.form-wizard .form-section .click-form .radio:hover {
  background-color: white;
  box-shadow: 0 1px 1px rgba(61, 179, 158, 0.6);
}
.form-wizard .form-section .click-form .radio:hover > label {
  background-color: #e1f5f1;
}
.form-wizard .form-section .click-form .radio:hover > label .title {
  color: #3db39e;
}
.form-wizard .form-section .click-form .radio.active {
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(61, 179, 158, 0.8);
}
.form-wizard .form-section .click-form .radio.active > label {
  background-color: #3db39e;
}
.form-wizard .form-section .click-form .radio.active > label .title {
  color: #fff;
}
.form-wizard .form-section .inline-validation .validation-container {
  width: 16px;
  height: 16px;
}
.form-wizard .form-section .inline-validation .validation-container .field-validation-error {
  right: auto;
  bottom: auto;
  left: calc(100% + 10px);
  top: 50%;
  margin-top: -22px;
  width: 500px;
  -webkit-transform-origin: 0% 50% 0;
  -moz-transform-origin: 0% 50% 0;
  -ms-transform-origin: 0% 50% 0;
  transform-origin: 0% 50% 0;
}
.form-wizard .form-section .inline-validation .validation-container .field-validation-error:before {
  border-right-color: rgba(224, 76, 76, 0.95);
  border-top-color: transparent;
  margin-top: -4px;
  top: 50%;
  right: 100%;
}

.sortable-fields {
  margin: 0 0 10px;
}
.sortable-fields .sortable-field {
  background-color: #fbf9f9;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  margin: 0 0 10px;
  padding: 15px 15px 15px 60px;
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: box-shadow 100ms ease;
  -moz-transition: box-shadow 100ms ease;
  -ms-transition: box-shadow 100ms ease;
  transition: box-shadow 100ms ease;
}
.sortable-fields .sortable-field.drag {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.sortable-fields .sortable-field.disabled {
  background: #eeeeee;
  box-shadow: none;
}
.sortable-fields .sortable-field.disabled .input-name {
  display: inline-block;
  font-size: 16px;
  opacity: 0.5;
  padding: 6px 6px 4px;
}
.sortable-fields .sortable-field.disabled .mover {
  background: rgba(238, 238, 238, 0.5);
}
.sortable-fields .sortable-field .icon-buttons {
  float: right;
  margin-right: 20px;
  position: relative;
  white-space: nowrap;
}
.sortable-fields .sortable-field .icon-buttons:before, .sortable-fields .sortable-field .icon-buttons:after {
  content: "";
  display: table;
}
.sortable-fields .sortable-field .icon-buttons:after {
  clear: both;
}
.sortable-fields .sortable-field .icon-buttons .information-ball,
.sortable-fields .sortable-field .icon-buttons i {
  float: left;
  margin: 0;
  top: 0;
}
.sortable-fields .sortable-field .icon-buttons .not-visible {
  display: block;
}
.sortable-fields .sortable-field .icon-buttons .button {
  border: 1px solid transparent;
  border-radius: 3px;
  display: inline-block;
  padding: 5px;
}
.sortable-fields .sortable-field .icon-buttons .button:hover {
  background-color: #ddf2fc;
  border: 1px solid #aee1f8;
}
.sortable-fields .sortable-field .icon-buttons .button.active {
  background-color: #fff;
  border: 1px solid #aee1f8;
}
.sortable-fields .sortable-field .icon-buttons .button span {
  float: left;
  margin: 0 0 -1px 3px;
}
.sortable-fields .sortable-field .mover {
  background: #eee;
  border-radius: 3px 0 0 3px;
  width: 44px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.sortable-fields .sortable-field .mover:hover {
  background: #f1f1f1;
}
.sortable-fields .sortable-field .mover:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.sortable-fields .sortable-field .mover .arrows {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 3px;
  margin: -1px 0 0 -6px;
}
.sortable-fields .sortable-field .mover .arrows:before {
  content: "";
  border-style: solid;
  border-width: 6px;
  border-color: #b3b3b3 transparent transparent transparent;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
}
.sortable-fields .sortable-field .mover .arrows:after {
  content: "";
  border-style: solid;
  border-width: 6px;
  border-color: #b3b3b3 transparent transparent transparent;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  right: 0;
  border-color: transparent transparent #b3b3b3 transparent;
  bottom: 100%;
}
/*------------------------
Old icons - to be removed
--------------------------*/
.icon16,
[class^=icon16-],
[class*=" icon16-"],
[class^=silhouette16-],
[class*=" silhouette16-"] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  height: 16px;
  margin: 0 5px 0 0;
  position: relative;
  top: 2px;
  width: 16px;
}

.icon24,
[class^=icon24-],
[class*=" icon24-"],
[class^=silhouette24-],
[class*=" silhouette24-"] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  height: 24px;
  margin: 0 5px 0 0;
  position: relative;
  top: 2px;
  width: 24px;
}

.icon32,
[class^=icon32-],
[class*=" icon32-"] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  height: 32px;
  width: 32px;
}

.icon48,
[class^=icon48-],
[class*=" icon48-"] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  height: 48px;
  width: 48px;
}
.icon48.page-icon,
[class^=icon48-].page-icon,
[class*=" icon48-"].page-icon {
  background-size: 48px;
}

.icon16-cog {
  background-image: url(/CDN/Content/Images/icon16/cog.png);
}

.icon32-cog {
  background-image: url(/CDN/Content/Images/icon32/cog.png);
}

.icon48-cog {
  background-image: url(/CDN/Content/Images/icon48/cog.png);
}

.icon16-cross {
  background-image: url(/CDN/Content/Images/icon16/cross.png);
}

.icon32-cross {
  background-image: url(/CDN/Content/Images/icon32/cross.png);
}

.icon48-cross {
  background-image: url(/CDN/Content/Images/icon48/cross.png);
}

.icon16-documents {
  background-image: url(/CDN/Content/Images/icon16/documents.png);
}

.icon32-documents {
  background-image: url(/CDN/Content/Images/icon32/documents.png);
}

.icon48-documents {
  background-image: url(/CDN/Content/Images/icon48/documents.png);
}

.icon16-page-pencil {
  background-image: url(/CDN/Content/Images/icon16/page-pencil.png);
}

.icon32-page-pencil {
  background-image: url(/CDN/Content/Images/icon32/page-pencil.png);
}

.icon48-page-pencil {
  background-image: url(/CDN/Content/Images/icon48/page-pencil.png);
}

.icon16-active-directory {
  background-image: url(/CDN/Content/Images/icon16/active-directory.png);
}

.icon32-active-directory {
  background-image: url(/CDN/Content/Images/icon32/active-directory.png);
}

.icon48-active-directory {
  background-image: url(/CDN/Content/Images/icon48/active-directory.png);
}

.icon16-add {
  background-image: url(/CDN/Content/Images/icon16/add.png);
}

.icon32-add {
  background-image: url(/CDN/Content/Images/icon32/add.png);
}

.icon48-add {
  background-image: url(/CDN/Content/Images/icon48/add.png);
}

.icon16-admin {
  background-image: url(/CDN/Content/Images/icon16/admin.png);
}

.icon32-admin {
  background-image: url(/CDN/Content/Images/icon32/admin.png);
}

.icon48-admin {
  background-image: url(/CDN/Content/Images/icon48/admin.png);
}

.icon16-alert {
  background-image: url(/CDN/Content/Images/icon16/alert.png);
}

.icon32-alert {
  background-image: url(/CDN/Content/Images/icon32/alert.png);
}

.icon48-alert {
  background-image: url(/CDN/Content/Images/icon48/alert.png);
}

.icon16-analytics {
  background-image: url(/CDN/Content/Images/icon16/analytics.png);
}

.icon32-analytics {
  background-image: url(/CDN/Content/Images/icon32/analytics.png);
}

.icon48-analytics {
  background-image: url(/CDN/Content/Images/icon48/analytics.png);
}

.icon16-answers-application {
  background-image: url(/CDN/Content/Images/icon16/answers-application.png);
}

.icon32-answers-application {
  background-image: url(/CDN/Content/Images/icon32/answers-application.png);
}

.icon48-answers-application {
  background-image: url(/CDN/Content/Images/icon48/answers-application.png);
}

.icon16-application {
  background-image: url(/CDN/Content/Images/icon16/application.png);
}

.icon32-application {
  background-image: url(/CDN/Content/Images/icon32/application.png);
}

.icon48-application {
  background-image: url(/CDN/Content/Images/icon48/application.png);
}

.icon16-approval-form {
  background-image: url(/CDN/Content/Images/icon16/approval-form.png);
}

.icon32-approval-form {
  background-image: url(/CDN/Content/Images/icon32/approval-form.png);
}

.icon48-approval-form {
  background-image: url(/CDN/Content/Images/icon48/approval-form.png);
}

.icon16-area {
  background-image: url(/CDN/Content/Images/icon16/area.png);
}

.icon32-area {
  background-image: url(/CDN/Content/Images/icon32/area.png);
}

.icon48-area {
  background-image: url(/CDN/Content/Images/icon48/area.png);
}

.icon16-arrow-circle-right {
  background-image: url(/CDN/Content/Images/icon16/arrow-circle-right.png);
}

.icon32-arrow-circle-right {
  background-image: url(/CDN/Content/Images/icon32/arrow-circle-right.png);
}

.icon48-arrow-circle-right {
  background-image: url(/CDN/Content/Images/icon48/arrow-circle-right.png);
}

.icon16-arrow-left {
  background-image: url(/CDN/Content/Images/icon16/arrow-left.png);
}

.icon32-arrow-left {
  background-image: url(/CDN/Content/Images/icon32/arrow-left.png);
}

.icon48-arrow-left {
  background-image: url(/CDN/Content/Images/icon48/arrow-left.png);
}

.icon16-arrow-right {
  background-image: url(/CDN/Content/Images/icon16/arrow-right.png);
}

.icon32-arrow-right {
  background-image: url(/CDN/Content/Images/icon32/arrow-right.png);
}

.icon48-arrow-right {
  background-image: url(/CDN/Content/Images/icon48/arrow-right.png);
}

.icon16-attachment {
  background-image: url(/CDN/Content/Images/icon16/attachment.png);
}

.icon32-attachment {
  background-image: url(/CDN/Content/Images/icon32/attachment.png);
}

.icon48-attachment {
  background-image: url(/CDN/Content/Images/icon48/attachment.png);
}

.icon16-audio-file {
  background-image: url(/CDN/Content/Images/icon16/audio-file.png);
}

.icon32-audio-file {
  background-image: url(/CDN/Content/Images/icon32/audio-file.png);
}

.icon48-audio-file {
  background-image: url(/CDN/Content/Images/icon48/audio-file.png);
}

.icon16-batch-mail {
  background-image: url(/CDN/Content/Images/icon16/batch-mail.png);
}

.icon32-batch-mail {
  background-image: url(/CDN/Content/Images/icon32/batch-mail.png);
}

.icon48-batch-mail {
  background-image: url(/CDN/Content/Images/icon48/batch-mail.png);
}

.icon16-batch-mail-document {
  background-image: url(/CDN/Content/Images/icon16/batch-mail-document.png);
}

.icon32-batch-mail-document {
  background-image: url(/CDN/Content/Images/icon32/batch-mail-document.png);
}

.icon48-batch-mail-document {
  background-image: url(/CDN/Content/Images/icon48/batch-mail-document.png);
}

.icon16-batch-mail-email {
  background-image: url(/CDN/Content/Images/icon16/batch-mail-email.png);
}

.icon32-batch-mail-email {
  background-image: url(/CDN/Content/Images/icon32/batch-mail-email.png);
}

.icon48-batch-mail-email {
  background-image: url(/CDN/Content/Images/icon48/batch-mail-email.png);
}

.icon16-batch-mail-issue {
  background-image: url(/CDN/Content/Images/icon16/batch-mail-issue.png);
}

.icon32-batch-mail-issue {
  background-image: url(/CDN/Content/Images/icon32/batch-mail-issue.png);
}

.icon48-batch-mail-issue {
  background-image: url(/CDN/Content/Images/icon48/batch-mail-issue.png);
}

.icon16-batch-mail-series {
  background-image: url(/CDN/Content/Images/icon16/batch-mail-series.png);
}

.icon32-batch-mail-series {
  background-image: url(/CDN/Content/Images/icon32/batch-mail-series.png);
}

.icon48-batch-mail-series {
  background-image: url(/CDN/Content/Images/icon48/batch-mail-series.png);
}

.icon16-bin {
  background-image: url(/CDN/Content/Images/icon16/bin.png);
}

.icon32-bin {
  background-image: url(/CDN/Content/Images/icon32/bin.png);
}

.icon48-bin {
  background-image: url(/CDN/Content/Images/icon48/bin.png);
}

.icon16-bing-search {
  background-image: url(/CDN/Content/Images/icon16/bing-search.png);
}

.icon32-bing-search {
  background-image: url(/CDN/Content/Images/icon32/bing-search.png);
}

.icon48-bing-search {
  background-image: url(/CDN/Content/Images/icon48/bing-search.png);
}

.icon16-blog {
  background-image: url(/CDN/Content/Images/icon16/blog.png);
}

.icon32-blog {
  background-image: url(/CDN/Content/Images/icon32/blog.png);
}

.icon48-blog {
  background-image: url(/CDN/Content/Images/icon48/blog.png);
}

.icon16-blog-post {
  background-image: url(/CDN/Content/Images/icon16/blog-post.png);
}

.icon32-blog-post {
  background-image: url(/CDN/Content/Images/icon32/blog-post.png);
}

.icon48-blog-post {
  background-image: url(/CDN/Content/Images/icon48/blog-post.png);
}

.icon16-business {
  background-image: url(/CDN/Content/Images/icon16/business.png);
}

.icon32-business {
  background-image: url(/CDN/Content/Images/icon32/business.png);
}

.icon48-business {
  background-image: url(/CDN/Content/Images/icon48/business.png);
}

.icon16-calendar {
  background-image: url(/CDN/Content/Images/icon16/calendar.png);
}

.icon32-calendar {
  background-image: url(/CDN/Content/Images/icon32/calendar.png);
}

.icon48-calendar {
  background-image: url(/CDN/Content/Images/icon48/calendar.png);
}

.icon16-category {
  background-image: url(/CDN/Content/Images/icon16/category.png);
}

.icon32-category {
  background-image: url(/CDN/Content/Images/icon32/category.png);
}

.icon48-category {
  background-image: url(/CDN/Content/Images/icon48/category.png);
}

.icon16-certificate {
  background-image: url(/CDN/Content/Images/icon16/certificate.png);
}

.icon32-certificate {
  background-image: url(/CDN/Content/Images/icon32/certificate.png);
}

.icon48-certificate {
  background-image: url(/CDN/Content/Images/icon48/certificate.png);
}

.icon16-clock {
  background-image: url(/CDN/Content/Images/icon16/clock.png);
}

.icon32-clock {
  background-image: url(/CDN/Content/Images/icon32/clock.png);
}

.icon48-clock {
  background-image: url(/CDN/Content/Images/icon48/clock.png);
}

.icon16-clone-form {
  background-image: url(/CDN/Content/Images/icon16/clone-form.png);
}

.icon32-clone-form {
  background-image: url(/CDN/Content/Images/icon32/clone-form.png);
}

.icon48-clone-form {
  background-image: url(/CDN/Content/Images/icon48/clone-form.png);
}

.icon16-clone-issue {
  background-image: url(/CDN/Content/Images/icon16/clone-issue.png);
}

.icon32-clone-issue {
  background-image: url(/CDN/Content/Images/icon32/clone-issue.png);
}

.icon48-clone-issue {
  background-image: url(/CDN/Content/Images/icon48/clone-issue.png);
}

.icon16-clone-page-template {
  background-image: url(/CDN/Content/Images/icon16/clone-page-template.png);
}

.icon32-clone-page-template {
  background-image: url(/CDN/Content/Images/icon32/clone-page-template.png);
}

.icon48-clone-page-template {
  background-image: url(/CDN/Content/Images/icon48/clone-page-template.png);
}

.icon16-clone-news-template {
  background-image: url(/CDN/Content/Images/icon16/clone-news-template.png);
}

.icon32-clone-news-template {
  background-image: url(/CDN/Content/Images/icon32/clone-news-template.png);
}

.icon48-clone-news-template {
  background-image: url(/CDN/Content/Images/icon48/clone-news-template.png);
}

.icon16-comment {
  background-image: url(/CDN/Content/Images/icon16/comment.png);
}

.icon32-comment {
  background-image: url(/CDN/Content/Images/icon32/comment.png);
}

.icon48-comment {
  background-image: url(/CDN/Content/Images/icon48/comment.png);
}

.icon16-compliance {
  background-image: url(/CDN/Content/Images/icon16/compliance.png);
}

.icon32-compliance {
  background-image: url(/CDN/Content/Images/icon32/compliance.png);
}

.icon48-compliance {
  background-image: url(/CDN/Content/Images/icon48/compliance.png);
}

.icon16-configure {
  background-image: url(/CDN/Content/Images/icon16/configure.png);
}

.icon32-configure {
  background-image: url(/CDN/Content/Images/icon32/configure.png);
}

.icon48-configure {
  background-image: url(/CDN/Content/Images/icon48/configure.png);
}

.icon16-contact {
  background-image: url(/CDN/Content/Images/icon16/contact.png);
}

.icon32-contact {
  background-image: url(/CDN/Content/Images/icon32/contact.png);
}

.icon48-contact {
  background-image: url(/CDN/Content/Images/icon48/contact.png);
}

.icon16-contact-info {
  background-image: url(/CDN/Content/Images/icon16/contact-info.png);
}

.icon32-contact-info {
  background-image: url(/CDN/Content/Images/icon32/contact-info.png);
}

.icon48-contact-info {
  background-image: url(/CDN/Content/Images/icon48/contact-info.png);
}

.icon16-content {
  background-image: url(/CDN/Content/Images/icon16/content.png);
}

.icon32-content {
  background-image: url(/CDN/Content/Images/icon32/content.png);
}

.icon48-content {
  background-image: url(/CDN/Content/Images/icon48/content.png);
}

.icon16-content-search {
  background-image: url(/CDN/Content/Images/icon16/content-search.png);
}

.icon32-content-search {
  background-image: url(/CDN/Content/Images/icon32/content-search.png);
}

.icon48-content-search {
  background-image: url(/CDN/Content/Images/icon48/content-search.png);
}

.icon16-control-panel {
  background-image: url(/CDN/Content/Images/icon16/control-panel.png);
}

.icon32-control-panel {
  background-image: url(/CDN/Content/Images/icon32/control-panel.png);
}

.icon48-control-panel {
  background-image: url(/CDN/Content/Images/icon48/control-panel.png);
}

.icon16-copy-media {
  background-image: url(/CDN/Content/Images/icon16/copy-media.png);
}

.icon32-copy-media {
  background-image: url(/CDN/Content/Images/icon32/copy-media.png);
}

.icon48-copy-media {
  background-image: url(/CDN/Content/Images/icon48/copy-media.png);
}

.icon16-create {
  background-image: url(/CDN/Content/Images/icon16/create.png);
}

.icon32-create {
  background-image: url(/CDN/Content/Images/icon32/create.png);
}

.icon48-create {
  background-image: url(/CDN/Content/Images/icon48/create.png);
}

.icon16-create-area-menu {
  background-image: url(/CDN/Content/Images/icon16/create-area-menu.png);
}

.icon32-create-area-menu {
  background-image: url(/CDN/Content/Images/icon32/create-area-menu.png);
}

.icon48-create-area-menu {
  background-image: url(/CDN/Content/Images/icon48/create-area-menu.png);
}

.icon16-credential {
  background-image: url(/CDN/Content/Images/icon16/credential.png);
}

.icon32-credential {
  background-image: url(/CDN/Content/Images/icon32/credential.png);
}

.icon48-credential {
  background-image: url(/CDN/Content/Images/icon48/credential.png);
}

.icon16-crm-group {
  background-image: url(/CDN/Content/Images/icon16/crm-group.png);
}

.icon32-crm-group {
  background-image: url(/CDN/Content/Images/icon32/crm-group.png);
}

.icon48-crm-group {
  background-image: url(/CDN/Content/Images/icon48/crm-group.png);
}

.icon16-custom-field {
  background-image: url(/CDN/Content/Images/icon16/custom-field.png);
}

.icon32-custom-field {
  background-image: url(/CDN/Content/Images/icon32/custom-field.png);
}

.icon48-custom-field {
  background-image: url(/CDN/Content/Images/icon48/custom-field.png);
}

.icon16-custom-group {
  background-image: url(/CDN/Content/Images/icon16/custom-group.png);
}

.icon32-custom-group {
  background-image: url(/CDN/Content/Images/icon32/custom-group.png);
}

.icon48-custom-group {
  background-image: url(/CDN/Content/Images/icon48/custom-group.png);
}

.icon16-custom-task {
  background-image: url(/CDN/Content/Images/icon16/custom-task.png);
}

.icon32-custom-task {
  background-image: url(/CDN/Content/Images/icon32/custom-task.png);
}

.icon48-custom-task {
  background-image: url(/CDN/Content/Images/icon48/custom-task.png);
}

.icon16-cv {
  background-image: url(/CDN/Content/Images/icon16/cv.png);
}

.icon32-cv {
  background-image: url(/CDN/Content/Images/icon32/cv.png);
}

.icon48-cv {
  background-image: url(/CDN/Content/Images/icon48/cv.png);
}

.icon16-date-filter-28 {
  background-image: url(/CDN/Content/Images/icon16/date-filter-28.png);
}

.icon32-date-filter-28 {
  background-image: url(/CDN/Content/Images/icon32/date-filter-28.png);
}

.icon48-date-filter-28 {
  background-image: url(/CDN/Content/Images/icon48/date-filter-28.png);
}

.icon16-date-filter-6m {
  background-image: url(/CDN/Content/Images/icon16/date-filter-6m.png);
}

.icon32-date-filter-6m {
  background-image: url(/CDN/Content/Images/icon32/date-filter-6m.png);
}

.icon48-date-filter-6m {
  background-image: url(/CDN/Content/Images/icon48/date-filter-6m.png);
}

.icon16-date-filter-7 {
  background-image: url(/CDN/Content/Images/icon16/date-filter-7.png);
}

.icon32-date-filter-7 {
  background-image: url(/CDN/Content/Images/icon32/date-filter-7.png);
}

.icon48-date-filter-7 {
  background-image: url(/CDN/Content/Images/icon48/date-filter-7.png);
}

.icon16-delete {
  background-image: url(/CDN/Content/Images/icon16/delete.png);
}

.icon32-delete {
  background-image: url(/CDN/Content/Images/icon32/delete.png);
}

.icon48-delete {
  background-image: url(/CDN/Content/Images/icon48/delete.png);
}

.icon16-delete-red {
  background-image: url(/CDN/Content/Images/icon16/delete-red.png);
}

.icon32-delete-red {
  background-image: url(/CDN/Content/Images/icon32/delete-red.png);
}

.icon48-delete-red {
  background-image: url(/CDN/Content/Images/icon48/delete-red.png);
}

.icon16-department {
  background-image: url(/CDN/Content/Images/icon16/department.png);
}

.icon32-department {
  background-image: url(/CDN/Content/Images/icon32/department.png);
}

.icon48-department {
  background-image: url(/CDN/Content/Images/icon48/department.png);
}

.icon16-dev-centre {
  background-image: url(/CDN/Content/Images/icon16/dev-centre.png);
}

.icon32-dev-centre {
  background-image: url(/CDN/Content/Images/icon32/dev-centre.png);
}

.icon48-dev-centre {
  background-image: url(/CDN/Content/Images/icon48/dev-centre.png);
}

.icon16-digital-signage {
  background-image: url(/CDN/Content/Images/icon16/digital-signage.png);
}

.icon32-digital-signage {
  background-image: url(/CDN/Content/Images/icon32/digital-signage.png);
}

.icon48-digital-signage {
  background-image: url(/CDN/Content/Images/icon48/digital-signage.png);
}

.icon16-document-collection {
  background-image: url(/CDN/Content/Images/icon16/document-collection.png);
}

.icon32-document-collection {
  background-image: url(/CDN/Content/Images/icon32/document-collection.png);
}

.icon48-document-collection {
  background-image: url(/CDN/Content/Images/icon48/document-collection.png);
}

.icon16-do {
  background-image: url(/CDN/Content/Images/icon16/do.png);
}

.icon32-do {
  background-image: url(/CDN/Content/Images/icon32/do.png);
}

.icon48-do {
  background-image: url(/CDN/Content/Images/icon48/do.png);
}

.icon16-download {
  background-image: url(/CDN/Content/Images/icon16/download.png);
}

.icon32-download {
  background-image: url(/CDN/Content/Images/icon32/download.png);
}

.icon48-download {
  background-image: url(/CDN/Content/Images/icon48/download.png);
}

.icon16-edit {
  background-image: url(/CDN/Content/Images/icon16/edit.png);
}

.icon32-edit {
  background-image: url(/CDN/Content/Images/icon32/edit.png);
}

.icon48-edit {
  background-image: url(/CDN/Content/Images/icon48/edit.png);
}

.icon16-edit-collection {
  background-image: url(/CDN/Content/Images/icon16/edit-collection.png);
}

.icon32-edit-collection {
  background-image: url(/CDN/Content/Images/icon32/edit-collection.png);
}

.icon48-edit-collection {
  background-image: url(/CDN/Content/Images/icon48/edit-collection.png);
}

.icon16-edit-document {
  background-image: url(/CDN/Content/Images/icon16/edit-document.png);
}

.icon32-edit-document {
  background-image: url(/CDN/Content/Images/icon32/edit-document.png);
}

.icon48-edit-document {
  background-image: url(/CDN/Content/Images/icon48/edit-document.png);
}

.icon16-edit-homepage {
  background-image: url(/CDN/Content/Images/icon16/edit-homepage.png);
}

.icon32-edit-homepage {
  background-image: url(/CDN/Content/Images/icon32/edit-homepage.png);
}

.icon48-edit-homepage {
  background-image: url(/CDN/Content/Images/icon48/edit-homepage.png);
}

.icon16-edit-media {
  background-image: url(/CDN/Content/Images/icon16/edit-media.png);
}

.icon32-edit-media {
  background-image: url(/CDN/Content/Images/icon32/edit-media.png);
}

.icon48-edit-media {
  background-image: url(/CDN/Content/Images/icon48/edit-media.png);
}

.icon16-edit-metadata {
  background-image: url(/CDN/Content/Images/icon16/edit-metadata.png);
}

.icon32-edit-metadata {
  background-image: url(/CDN/Content/Images/icon32/edit-metadata.png);
}

.icon48-edit-metadata {
  background-image: url(/CDN/Content/Images/icon48/edit-metadata.png);
}

.icon16-edit-pencil {
  background-image: url(/CDN/Content/Images/icon16/edit-pencil.png);
}

.icon32-edit-pencil {
  background-image: url(/CDN/Content/Images/icon32/edit-pencil.png);
}

.icon48-edit-pencil {
  background-image: url(/CDN/Content/Images/icon48/edit-pencil.png);
}

.icon16-edit-post {
  background-image: url(/CDN/Content/Images/icon16/edit-post.png);
}

.icon32-edit-post {
  background-image: url(/CDN/Content/Images/icon32/edit-post.png);
}

.icon48-edit-post {
  background-image: url(/CDN/Content/Images/icon48/edit-post.png);
}

.icon16-email {
  background-image: url(/CDN/Content/Images/icon16/email.png);
}

.icon32-email {
  background-image: url(/CDN/Content/Images/icon32/email.png);
}

.icon48-email {
  background-image: url(/CDN/Content/Images/icon48/email.png);
}

.icon16-email-address {
  background-image: url(/CDN/Content/Images/icon16/email-address.png);
}

.icon32-email-address {
  background-image: url(/CDN/Content/Images/icon32/email-address.png);
}

.icon48-email-address {
  background-image: url(/CDN/Content/Images/icon48/email-address.png);
}

.icon16-email-sent {
  background-image: url(/CDN/Content/Images/icon16/email-sent.png);
}

.icon32-email-sent {
  background-image: url(/CDN/Content/Images/icon32/email-sent.png);
}

.icon48-email-sent {
  background-image: url(/CDN/Content/Images/icon48/email-sent.png);
}

.icon16-employment {
  background-image: url(/CDN/Content/Images/icon16/employment.png);
}

.icon32-employment {
  background-image: url(/CDN/Content/Images/icon32/employment.png);
}

.icon48-employment {
  background-image: url(/CDN/Content/Images/icon48/employment.png);
}

.icon16-event {
  background-image: url(/CDN/Content/Images/icon16/event.png);
}

.icon32-event {
  background-image: url(/CDN/Content/Images/icon32/event.png);
}

.icon48-event {
  background-image: url(/CDN/Content/Images/icon48/event.png);
}

.icon16-events-app {
  background-image: url(/CDN/Content/Images/icon16/events-app.png);
}

.icon32-events-app {
  background-image: url(/CDN/Content/Images/icon32/events-app.png);
}

.icon48-events-app {
  background-image: url(/CDN/Content/Images/icon48/events-app.png);
}

.icon16-exclamation {
  background-image: url(/CDN/Content/Images/icon16/exclamation.png);
}

.icon32-exclamation {
  background-image: url(/CDN/Content/Images/icon32/exclamation.png);
}

.icon48-exclamation {
  background-image: url(/CDN/Content/Images/icon48/exclamation.png);
}

.icon16-expense {
  background-image: url(/CDN/Content/Images/icon16/expense.png);
}

.icon32-expense {
  background-image: url(/CDN/Content/Images/icon32/expense.png);
}

.icon48-expense {
  background-image: url(/CDN/Content/Images/icon48/expense.png);
}

.icon16-export {
  background-image: url(/CDN/Content/Images/icon16/export.png);
}

.icon32-export {
  background-image: url(/CDN/Content/Images/icon32/export.png);
}

.icon48-export {
  background-image: url(/CDN/Content/Images/icon48/export.png);
}

.icon16-external-news {
  background-image: url(/CDN/Content/Images/icon16/external-news.png);
}

.icon32-external-news {
  background-image: url(/CDN/Content/Images/icon32/external-news.png);
}

.icon48-external-news {
  background-image: url(/CDN/Content/Images/icon48/external-news.png);
}

.icon16-external-web {
  background-image: url(/CDN/Content/Images/icon16/external-web.png);
}

.icon32-external-web {
  background-image: url(/CDN/Content/Images/icon32/external-web.png);
}

.icon48-external-web {
  background-image: url(/CDN/Content/Images/icon48/external-web.png);
}

.icon16-favourite {
  background-image: url(/CDN/Content/Images/icon16/favourite.png);
}

.icon32-favourite {
  background-image: url(/CDN/Content/Images/icon32/favourite.png);
}

.icon48-favourite {
  background-image: url(/CDN/Content/Images/icon48/favourite.png);
}

.icon16-fax {
  background-image: url(/CDN/Content/Images/icon16/fax.png);
}

.icon32-fax {
  background-image: url(/CDN/Content/Images/icon32/fax.png);
}

.icon48-fax {
  background-image: url(/CDN/Content/Images/icon48/fax.png);
}

.icon16-file {
  background-image: url(/CDN/Content/Images/icon16/file.png);
}

.icon32-file {
  background-image: url(/CDN/Content/Images/icon32/file.png);
}

.icon48-file {
  background-image: url(/CDN/Content/Images/icon48/file.png);
}

.icon16-flag {
  background-image: url(/CDN/Content/Images/icon16/flag.png);
}

.icon32-flag {
  background-image: url(/CDN/Content/Images/icon32/flag.png);
}

.icon48-flag {
  background-image: url(/CDN/Content/Images/icon48/flag.png);
}

.icon16-form {
  background-image: url(/CDN/Content/Images/icon16/form.png);
}

.icon32-form {
  background-image: url(/CDN/Content/Images/icon32/form.png);
}

.icon48-form {
  background-image: url(/CDN/Content/Images/icon48/form.png);
}

.icon16-form-template {
  background-image: url(/CDN/Content/Images/icon16/form-template.png);
}

.icon32-form-template {
  background-image: url(/CDN/Content/Images/icon32/form-template.png);
}

.icon48-form-template {
  background-image: url(/CDN/Content/Images/icon48/form-template.png);
}

.icon16-FormOriginator {
  background-image: url(/CDN/Content/Images/icon16/FormOriginator.png);
}

.icon32-FormOriginator {
  background-image: url(/CDN/Content/Images/icon32/FormOriginator.png);
}

.icon48-FormOriginator {
  background-image: url(/CDN/Content/Images/icon48/FormOriginator.png);
}

.icon16-FormOriginatorsManager {
  background-image: url(/CDN/Content/Images/icon16/FormOriginatorsManager.png);
}

.icon32-FormOriginatorsManager {
  background-image: url(/CDN/Content/Images/icon32/FormOriginatorsManager.png);
}

.icon48-FormOriginatorsManager {
  background-image: url(/CDN/Content/Images/icon48/FormOriginatorsManager.png);
}

.icon16-FormSubmitter {
  background-image: url(/CDN/Content/Images/icon16/FormSubmitter.png);
}

.icon32-FormSubmitter {
  background-image: url(/CDN/Content/Images/icon32/FormSubmitter.png);
}

.icon48-FormSubmitter {
  background-image: url(/CDN/Content/Images/icon48/FormSubmitter.png);
}

.icon16-FormSubmittersManager {
  background-image: url(/CDN/Content/Images/icon16/FormSubmittersManager.png);
}

.icon32-FormSubmittersManager {
  background-image: url(/CDN/Content/Images/icon32/FormSubmittersManager.png);
}

.icon48-FormSubmittersManager {
  background-image: url(/CDN/Content/Images/icon48/FormSubmittersManager.png);
}

.icon16-general-permission {
  background-image: url(/CDN/Content/Images/icon16/general-permission.png);
}

.icon32-general-permission {
  background-image: url(/CDN/Content/Images/icon32/general-permission.png);
}

.icon48-general-permission {
  background-image: url(/CDN/Content/Images/icon48/general-permission.png);
}

.icon16-grey-pencil {
  background-image: url(/CDN/Content/Images/icon16/grey-pencil.png);
}

.icon32-grey-pencil {
  background-image: url(/CDN/Content/Images/icon32/grey-pencil.png);
}

.icon48-grey-pencil {
  background-image: url(/CDN/Content/Images/icon48/grey-pencil.png);
}

.icon16-group {
  background-image: url(/CDN/Content/Images/icon16/group.png);
}

.icon32-group {
  background-image: url(/CDN/Content/Images/icon32/group.png);
}

.icon48-group {
  background-image: url(/CDN/Content/Images/icon48/group.png);
}

.icon16-heart {
  background-image: url(/CDN/Content/Images/icon16/heart.png);
}

.icon32-heart {
  background-image: url(/CDN/Content/Images/icon32/heart.png);
}

.icon48-heart {
  background-image: url(/CDN/Content/Images/icon48/heart.png);
}

.icon16-help {
  background-image: url(/CDN/Content/Images/icon16/help.png);
}

.icon32-help {
  background-image: url(/CDN/Content/Images/icon32/help.png);
}

.icon48-help {
  background-image: url(/CDN/Content/Images/icon48/help.png);
}

.icon16-homepage {
  background-image: url(/CDN/Content/Images/icon16/homepage.png);
}

.icon32-homepage {
  background-image: url(/CDN/Content/Images/icon32/homepage.png);
}

.icon48-homepage {
  background-image: url(/CDN/Content/Images/icon48/homepage.png);
}

.icon16-homepage-template {
  background-image: url(/CDN/Content/Images/icon16/homepage-template.png);
}

.icon32-homepage-template {
  background-image: url(/CDN/Content/Images/icon32/homepage-template.png);
}

.icon48-homepage-template {
  background-image: url(/CDN/Content/Images/icon48/homepage-template.png);
}

.icon16-holiday {
  background-image: url(/CDN/Content/Images/icon16/holiday.png);
}

.icon32-holiday {
  background-image: url(/CDN/Content/Images/icon32/holiday.png);
}

.icon48-holiday {
  background-image: url(/CDN/Content/Images/icon48/holiday.png);
}

.icon16-image-file {
  background-image: url(/CDN/Content/Images/icon16/image-file.png);
}

.icon32-image-file {
  background-image: url(/CDN/Content/Images/icon32/image-file.png);
}

.icon48-image-file {
  background-image: url(/CDN/Content/Images/icon48/image-file.png);
}

.icon16-import {
  background-image: url(/CDN/Content/Images/icon16/import.png);
}

.icon32-import {
  background-image: url(/CDN/Content/Images/icon32/import.png);
}

.icon48-import {
  background-image: url(/CDN/Content/Images/icon48/import.png);
}

.icon16-information {
  background-image: url(/CDN/Content/Images/icon16/information.png);
}

.icon32-information {
  background-image: url(/CDN/Content/Images/icon32/information.png);
}

.icon48-information {
  background-image: url(/CDN/Content/Images/icon48/information.png);
}

.icon16-integration {
  background-image: url(/CDN/Content/Images/icon16/integration.png);
}

.icon32-integration {
  background-image: url(/CDN/Content/Images/icon32/integration.png);
}

.icon48-integration {
  background-image: url(/CDN/Content/Images/icon48/integration.png);
}

.icon16-invisible {
  background-image: url(/CDN/Content/Images/icon16/invisible.png);
}

.icon32-invisible {
  background-image: url(/CDN/Content/Images/icon32/invisible.png);
}

.icon48-invisible {
  background-image: url(/CDN/Content/Images/icon48/invisible.png);
}

.icon16-issue {
  background-image: url(/CDN/Content/Images/icon16/issue.png);
}

.icon32-issue {
  background-image: url(/CDN/Content/Images/icon32/issue.png);
}

.icon48-issue {
  background-image: url(/CDN/Content/Images/icon48/issue.png);
}

.icon16-link {
  background-image: url(/CDN/Content/Images/icon16/link.png);
}

.icon32-link {
  background-image: url(/CDN/Content/Images/icon32/link.png);
}

.icon48-link {
  background-image: url(/CDN/Content/Images/icon48/link.png);
}

.icon16-lock {
  background-image: url(/CDN/Content/Images/icon16/lock.png);
}

.icon32-lock {
  background-image: url(/CDN/Content/Images/icon32/lock.png);
}

.icon48-lock {
  background-image: url(/CDN/Content/Images/icon48/lock.png);
}

.icon16-locked {
  background-image: url(/CDN/Content/Images/icon16/locked.png);
}

.icon32-locked {
  background-image: url(/CDN/Content/Images/icon32/locked.png);
}

.icon48-locked {
  background-image: url(/CDN/Content/Images/icon48/locked.png);
}

.icon16-manage-account-requests {
  background-image: url(/CDN/Content/Images/icon16/manage-account-requests.png);
}

.icon32-manage-account-requests {
  background-image: url(/CDN/Content/Images/icon32/manage-account-requests.png);
}

.icon48-manage-account-requests {
  background-image: url(/CDN/Content/Images/icon48/manage-account-requests.png);
}

.icon16-manage-areas {
  background-image: url(/CDN/Content/Images/icon16/manage-areas.png);
}

.icon32-manage-areas {
  background-image: url(/CDN/Content/Images/icon32/manage-areas.png);
}

.icon48-manage-areas {
  background-image: url(/CDN/Content/Images/icon48/manage-areas.png);
}

.icon16-manage-homepages {
  background-image: url(/CDN/Content/Images/icon16/manage-homepages.png);
}

.icon32-manage-homepages {
  background-image: url(/CDN/Content/Images/icon32/manage-homepages.png);
}

.icon48-manage-homepages {
  background-image: url(/CDN/Content/Images/icon48/manage-homepages.png);
}

.icon16-manage-permissions {
  background-image: url(/CDN/Content/Images/icon16/manage-permissions.png);
}

.icon32-manage-permissions {
  background-image: url(/CDN/Content/Images/icon32/manage-permissions.png);
}

.icon48-manage-permissions {
  background-image: url(/CDN/Content/Images/icon48/manage-permissions.png);
}

.icon16-manage-tour {
  background-image: url(/CDN/Content/Images/icon16/manage-tour.png);
}

.icon32-manage-tour {
  background-image: url(/CDN/Content/Images/icon32/manage-tour.png);
}

.icon48-manage-tour {
  background-image: url(/CDN/Content/Images/icon48/manage-tour.png);
}

.icon16-map {
  background-image: url(/CDN/Content/Images/icon16/map.png);
}

.icon32-map {
  background-image: url(/CDN/Content/Images/icon32/map.png);
}

.icon48-map {
  background-image: url(/CDN/Content/Images/icon48/map.png);
}

.icon16-media {
  background-image: url(/CDN/Content/Images/icon16/media.png);
}

.icon32-media {
  background-image: url(/CDN/Content/Images/icon32/media.png);
}

.icon48-media {
  background-image: url(/CDN/Content/Images/icon48/media.png);
}

.icon16-media-collection {
  background-image: url(/CDN/Content/Images/icon16/media-collection.png);
}

.icon32-media-collection {
  background-image: url(/CDN/Content/Images/icon32/media-collection.png);
}

.icon48-media-collection {
  background-image: url(/CDN/Content/Images/icon48/media-collection.png);
}

.icon16-menu-item {
  background-image: url(/CDN/Content/Images/icon16/menu-item.png);
}

.icon32-menu-item {
  background-image: url(/CDN/Content/Images/icon32/menu-item.png);
}

.icon48-menu-item {
  background-image: url(/CDN/Content/Images/icon48/menu-item.png);
}

.icon16-menu-manager {
  background-image: url(/CDN/Content/Images/icon16/menu-manager.png);
}

.icon32-menu-manager {
  background-image: url(/CDN/Content/Images/icon32/menu-manager.png);
}

.icon48-menu-manager {
  background-image: url(/CDN/Content/Images/icon48/menu-manager.png);
}

.icon16-menu-open {
  background-image: url(/CDN/Content/Images/icon16/menu-open.png);
}

.icon32-menu-open {
  background-image: url(/CDN/Content/Images/icon32/menu-open.png);
}

.icon48-menu-open {
  background-image: url(/CDN/Content/Images/icon48/menu-open.png);
}

.icon16-microsoft-excel {
  background-image: url(/CDN/Content/Images/icon16/microsoft-excel.png);
}

.icon32-microsoft-excel {
  background-image: url(/CDN/Content/Images/icon32/microsoft-excel.png);
}

.icon48-microsoft-excel {
  background-image: url(/CDN/Content/Images/icon48/microsoft-excel.png);
}

.icon16-microsoft-onenote {
  background-image: url(/CDN/Content/Images/icon16/microsoft-onenote.png);
}

.icon32-microsoft-onenote {
  background-image: url(/CDN/Content/Images/icon32/microsoft-onenote.png);
}

.icon48-microsoft-onenote {
  background-image: url(/CDN/Content/Images/icon48/microsoft-onenote.png);
}

.icon16-microsoft-powerpoint {
  background-image: url(/CDN/Content/Images/icon16/microsoft-powerpoint.png);
}

.icon32-microsoft-powerpoint {
  background-image: url(/CDN/Content/Images/icon32/microsoft-powerpoint.png);
}

.icon48-microsoft-powerpoint {
  background-image: url(/CDN/Content/Images/icon48/microsoft-powerpoint.png);
}

.icon16-microsoft-publisher {
  background-image: url(/CDN/Content/Images/icon16/microsoft-publisher.png);
}

.icon32-microsoft-publisher {
  background-image: url(/CDN/Content/Images/icon32/microsoft-publisher.png);
}

.icon48-microsoft-publisher {
  background-image: url(/CDN/Content/Images/icon48/microsoft-publisher.png);
}

.icon16-microsoft-teams {
  background-image: url(/CDN/Content/Images/icon16/microsoft-teams.png);
}

.icon32-microsoft-teams {
  background-image: url(/CDN/Content/Images/icon32/microsoft-teams.png);
}

.icon48-microsoft-teams {
  background-image: url(/CDN/Content/Images/icon48/microsoft-teams.png);
}

.icon16-microsoft-word {
  background-image: url(/CDN/Content/Images/icon16/microsoft-word.png);
}

.icon32-microsoft-word {
  background-image: url(/CDN/Content/Images/icon32/microsoft-word.png);
}

.icon48-microsoft-word {
  background-image: url(/CDN/Content/Images/icon48/microsoft-word.png);
}

.icon16-microsoft-visio {
  background-image: url(/CDN/Content/Images/icon16/microsoft-visio.png);
}

.icon32-microsoft-visio {
  background-image: url(/CDN/Content/Images/icon32/microsoft-visio.png);
}

.icon48-microsoft-visio {
  background-image: url(/CDN/Content/Images/icon48/microsoft-visio.png);
}

.icon16-mobile {
  background-image: url(/CDN/Content/Images/icon16/mobile.png);
}

.icon32-mobile {
  background-image: url(/CDN/Content/Images/icon32/mobile.png);
}

.icon48-mobile {
  background-image: url(/CDN/Content/Images/icon48/mobile.png);
}

.icon16-multiple-calendars {
  background-image: url(/CDN/Content/Images/icon16/multiple-calendars.png);
}

.icon32-multiple-calendars {
  background-image: url(/CDN/Content/Images/icon32/multiple-calendars.png);
}

.icon48-multiple-calendars {
  background-image: url(/CDN/Content/Images/icon48/multiple-calendars.png);
}

.icon16-my-content {
  background-image: url(/CDN/Content/Images/icon16/my-content.png);
}

.icon32-my-content {
  background-image: url(/CDN/Content/Images/icon32/my-content.png);
}

.icon48-my-content {
  background-image: url(/CDN/Content/Images/icon48/my-content.png);
}

.icon16-native-credential {
  background-image: url(/CDN/Content/Images/icon16/native-credential.png);
}

.icon32-native-credential {
  background-image: url(/CDN/Content/Images/icon32/native-credential.png);
}

.icon48-native-credential {
  background-image: url(/CDN/Content/Images/icon48/native-credential.png);
}

.icon16-news-template {
  background-image: url(/CDN/Content/Images/icon16/news-template.png);
}

.icon32-news-template {
  background-image: url(/CDN/Content/Images/icon32/news-template.png);
}

.icon48-news-template {
  background-image: url(/CDN/Content/Images/icon48/news-template.png);
}

.icon16-news {
  background-image: url(/CDN/Content/Images/icon16/news.png);
}

.icon32-news {
  background-image: url(/CDN/Content/Images/icon32/news.png);
}

.icon48-news {
  background-image: url(/CDN/Content/Images/icon48/news.png);
}

.icon16-notification {
  background-image: url(/CDN/Content/Images/icon16/notification.png);
}

.icon32-notification {
  background-image: url(/CDN/Content/Images/icon32/notification.png);
}

.icon48-notification {
  background-image: url(/CDN/Content/Images/icon48/notification.png);
}

.icon16-note {
  background-image: url(/CDN/Content/Images/icon16/note.png);
}

.icon32-note {
  background-image: url(/CDN/Content/Images/icon32/note.png);
}

.icon48-note {
  background-image: url(/CDN/Content/Images/icon48/note.png);
}

.icon16-office {
  background-image: url(/CDN/Content/Images/icon16/office.png);
}

.icon32-office {
  background-image: url(/CDN/Content/Images/icon32/office.png);
}

.icon48-office {
  background-image: url(/CDN/Content/Images/icon48/office.png);
}

.icon16-region {
  background-image: url(/CDN/Content/Images/icon16/region.png);
}

.icon32-region {
  background-image: url(/CDN/Content/Images/icon32/region.png);
}

.icon48-region {
  background-image: url(/CDN/Content/Images/icon48/region.png);
}

.icon16-org-chart {
  background-image: url(/CDN/Content/Images/icon16/org-chart.png);
}

.icon32-org-chart {
  background-image: url(/CDN/Content/Images/icon32/org-chart.png);
}

.icon48-org-chart {
  background-image: url(/CDN/Content/Images/icon48/org-chart.png);
}

.icon16-page {
  background-image: url(/CDN/Content/Images/icon16/page.png);
}

.icon32-page {
  background-image: url(/CDN/Content/Images/icon32/page.png);
}

.icon48-page {
  background-image: url(/CDN/Content/Images/icon48/page.png);
}

.icon16-page-template {
  background-image: url(/CDN/Content/Images/icon16/page-template.png);
}

.icon32-page-template {
  background-image: url(/CDN/Content/Images/icon32/page-template.png);
}

.icon48-page-template {
  background-image: url(/CDN/Content/Images/icon48/page-template.png);
}

.icon16-parent-folder {
  background-image: url(/CDN/Content/Images/icon16/parent-folder.png);
}

.icon32-parent-folder {
  background-image: url(/CDN/Content/Images/icon32/parent-folder.png);
}

.icon48-parent-folder {
  background-image: url(/CDN/Content/Images/icon48/parent-folder.png);
}

.icon16-pdf-file {
  background-image: url(/CDN/Content/Images/icon16/pdf-file.png);
}

.icon32-pdf-file {
  background-image: url(/CDN/Content/Images/icon32/pdf-file.png);
}

.icon48-pdf-file {
  background-image: url(/CDN/Content/Images/icon48/pdf-file.png);
}

.icon16-personal-manage-calendar {
  background-image: url(/CDN/Content/Images/icon16/personal-manage-calendar.png);
}

.icon32-personal-manage-calendar {
  background-image: url(/CDN/Content/Images/icon32/personal-manage-calendar.png);
}

.icon48-personal-manage-calendar {
  background-image: url(/CDN/Content/Images/icon48/personal-manage-calendar.png);
}

.icon16-personnel-application {
  background-image: url(/CDN/Content/Images/icon16/personnel-application.png);
}

.icon32-personnel-application {
  background-image: url(/CDN/Content/Images/icon32/personnel-application.png);
}

.icon48-personnel-application {
  background-image: url(/CDN/Content/Images/icon48/personnel-application.png);
}

.icon16-playlist {
  background-image: url(/CDN/Content/Images/icon16/playlist.png);
}

.icon32-playlist {
  background-image: url(/CDN/Content/Images/icon32/playlist.png);
}

.icon48-playlist {
  background-image: url(/CDN/Content/Images/icon48/playlist.png);
}

.icon16-policy {
  background-image: url(/CDN/Content/Images/icon16/policy.png);
}

.icon32-policy {
  background-image: url(/CDN/Content/Images/icon32/policy.png);
}

.icon48-policy {
  background-image: url(/CDN/Content/Images/icon48/policy.png);
}

.icon16-poll {
  background-image: url(/CDN/Content/Images/icon16/poll.png);
}

.icon32-poll {
  background-image: url(/CDN/Content/Images/icon32/poll.png);
}

.icon48-poll {
  background-image: url(/CDN/Content/Images/icon48/poll.png);
}

.icon16-postal-address {
  background-image: url(/CDN/Content/Images/icon16/postal-address.png);
}

.icon32-postal-address {
  background-image: url(/CDN/Content/Images/icon32/postal-address.png);
}

.icon48-postal-address {
  background-image: url(/CDN/Content/Images/icon48/postal-address.png);
}

.icon16-preference {
  background-image: url(/CDN/Content/Images/icon16/preference.png);
}

.icon32-preference {
  background-image: url(/CDN/Content/Images/icon32/preference.png);
}

.icon48-preference {
  background-image: url(/CDN/Content/Images/icon48/preference.png);
}

.icon16-project {
  background-image: url(/CDN/Content/Images/icon16/project.png);
}

.icon32-project {
  background-image: url(/CDN/Content/Images/icon32/project.png);
}

.icon48-project {
  background-image: url(/CDN/Content/Images/icon48/project.png);
}

.icon16-promote-page {
  background-image: url(/CDN/Content/Images/icon16/promote-page.png);
}

.icon32-promote-page {
  background-image: url(/CDN/Content/Images/icon32/promote-page.png);
}

.icon48-promote-page {
  background-image: url(/CDN/Content/Images/icon48/promote-page.png);
}

.icon16-publish {
  background-image: url(/CDN/Content/Images/icon16/publish.png);
}

.icon32-publish {
  background-image: url(/CDN/Content/Images/icon32/publish.png);
}

.icon48-publish {
  background-image: url(/CDN/Content/Images/icon48/publish.png);
}

.icon16-publication {
  background-image: url(/CDN/Content/Images/icon16/publication.png);
}

.icon32-publication {
  background-image: url(/CDN/Content/Images/icon32/publication.png);
}

.icon48-publication {
  background-image: url(/CDN/Content/Images/icon48/publication.png);
}

.icon16-question {
  background-image: url(/CDN/Content/Images/icon16/question.png);
}

.icon32-question {
  background-image: url(/CDN/Content/Images/icon32/question.png);
}

.icon48-question {
  background-image: url(/CDN/Content/Images/icon48/question.png);
}

.icon16-reload {
  background-image: url(/CDN/Content/Images/icon16/reload.png);
}

.icon32-reload {
  background-image: url(/CDN/Content/Images/icon32/reload.png);
}

.icon48-reload {
  background-image: url(/CDN/Content/Images/icon48/reload.png);
}

.icon16-remove {
  background-image: url(/CDN/Content/Images/icon16/remove.png);
}

.icon32-remove {
  background-image: url(/CDN/Content/Images/icon32/remove.png);
}

.icon48-remove {
  background-image: url(/CDN/Content/Images/icon48/remove.png);
}

.icon16-replaceme {
  background-image: url(/CDN/Content/Images/icon16/replaceme.png);
}

.icon32-replaceme {
  background-image: url(/CDN/Content/Images/icon32/replaceme.png);
}

.icon48-replaceme {
  background-image: url(/CDN/Content/Images/icon48/replaceme.png);
}

.icon16-replace-file {
  background-image: url(/CDN/Content/Images/icon16/replace-file.png);
}

.icon32-replace-file {
  background-image: url(/CDN/Content/Images/icon32/replace-file.png);
}

.icon48-replace-file {
  background-image: url(/CDN/Content/Images/icon48/replace-file.png);
}

.icon16-report {
  background-image: url(/CDN/Content/Images/icon16/report.png);
}

.icon32-report {
  background-image: url(/CDN/Content/Images/icon32/report.png);
}

.icon48-report {
  background-image: url(/CDN/Content/Images/icon48/report.png);
}

.icon16-republish {
  background-image: url(/CDN/Content/Images/icon16/republish.png);
}

.icon32-republish {
  background-image: url(/CDN/Content/Images/icon32/republish.png);
}

.icon48-republish {
  background-image: url(/CDN/Content/Images/icon48/republish.png);
}

.icon16-save {
  background-image: url(/CDN/Content/Images/icon16/save.png);
}

.icon32-save {
  background-image: url(/CDN/Content/Images/icon32/save.png);
}

.icon48-save {
  background-image: url(/CDN/Content/Images/icon48/save.png);
}

.icon16-schedule {
  background-image: url(/CDN/Content/Images/icon16/schedule.png);
}

.icon32-schedule {
  background-image: url(/CDN/Content/Images/icon32/schedule.png);
}

.icon48-schedule {
  background-image: url(/CDN/Content/Images/icon48/schedule.png);
}

.icon16-search {
  background-image: url(/CDN/Content/Images/icon16/search.png);
}

.icon32-search {
  background-image: url(/CDN/Content/Images/icon32/search.png);
}

.icon48-search {
  background-image: url(/CDN/Content/Images/icon48/search.png);
}

.icon16-service-desk-alert {
  background-image: url(/CDN/Content/Images/icon16/service-desk-alert.png);
}

.icon32-service-desk-alert {
  background-image: url(/CDN/Content/Images/icon32/service-desk-alert.png);
}

.icon48-service-desk-alert {
  background-image: url(/CDN/Content/Images/icon48/service-desk-alert.png);
}

.icon16-service-desk-app {
  background-image: url(/CDN/Content/Images/icon16/service-desk-app.png);
}

.icon32-service-desk-app {
  background-image: url(/CDN/Content/Images/icon32/service-desk-app.png);
}

.icon48-service-desk-app {
  background-image: url(/CDN/Content/Images/icon48/service-desk-app.png);
}

.icon16-service-desk-category {
  background-image: url(/CDN/Content/Images/icon16/service-desk-category.png);
}

.icon32-service-desk-category {
  background-image: url(/CDN/Content/Images/icon32/service-desk-category.png);
}

.icon48-service-desk-category {
  background-image: url(/CDN/Content/Images/icon48/service-desk-category.png);
}

.icon16-service-desk-queue {
  background-image: url(/CDN/Content/Images/icon16/service-desk-queue.png);
}

.icon32-service-desk-queue {
  background-image: url(/CDN/Content/Images/icon32/service-desk-queue.png);
}

.icon48-service-desk-queue {
  background-image: url(/CDN/Content/Images/icon48/service-desk-queue.png);
}

.icon16-service-desk-response-template {
  background-image: url(/CDN/Content/Images/icon16/service-desk-response-template.png);
}

.icon32-service-desk-response-template {
  background-image: url(/CDN/Content/Images/icon32/service-desk-response-template.png);
}

.icon48-service-desk-response-template {
  background-image: url(/CDN/Content/Images/icon48/service-desk-response-template.png);
}

.icon16-service-desk-ticket {
  background-image: url(/CDN/Content/Images/icon16/service-desk-ticket.png);
}

.icon32-service-desk-ticket {
  background-image: url(/CDN/Content/Images/icon32/service-desk-ticket.png);
}

.icon48-service-desk-ticket {
  background-image: url(/CDN/Content/Images/icon48/service-desk-ticket.png);
}

.icon16-service-portal {
  background-image: url(/CDN/Content/Images/icon16/service-portal.png);
}

.icon32-service-portal {
  background-image: url(/CDN/Content/Images/icon32/service-portal.png);
}

.icon48-service-portal {
  background-image: url(/CDN/Content/Images/icon48/service-portal.png);
}

.icon16-service-portal-sub {
  background-image: url(/CDN/Content/Images/icon16/service-portal-sub.png);
}

.icon32-service-portal-sub {
  background-image: url(/CDN/Content/Images/icon32/service-portal-sub.png);
}

.icon48-service-portal-sub {
  background-image: url(/CDN/Content/Images/icon48/service-portal-sub.png);
}

.icon16-share {
  background-image: url(/CDN/Content/Images/icon16/share.png);
}

.icon32-share {
  background-image: url(/CDN/Content/Images/icon32/share.png);
}

.icon48-share {
  background-image: url(/CDN/Content/Images/icon48/share.png);
}

.icon16-shared-crm-group {
  background-image: url(/CDN/Content/Images/icon16/shared-crm-group.png);
}

.icon32-shared-crm-group {
  background-image: url(/CDN/Content/Images/icon32/shared-crm-group.png);
}

.icon48-shared-crm-group {
  background-image: url(/CDN/Content/Images/icon48/shared-crm-group.png);
}

.icon16-site-settings {
  background-image: url(/CDN/Content/Images/icon16/site-settings.png);
}

.icon32-site-settings {
  background-image: url(/CDN/Content/Images/icon32/site-settings.png);
}

.icon48-site-settings {
  background-image: url(/CDN/Content/Images/icon48/site-settings.png);
}

.icon16-skype {
  background-image: url(/CDN/Content/Images/icon16/skype.png);
}

.icon32-skype {
  background-image: url(/CDN/Content/Images/icon32/skype.png);
}

.icon48-skype {
  background-image: url(/CDN/Content/Images/icon48/skype.png);
}

.icon16-sipdial {
  background-image: url(/CDN/Content/Images/icon16/sipdial.png);
}

.icon32-sipdial {
  background-image: url(/CDN/Content/Images/icon32/sipdial.png);
}

.icon48-sipdial {
  background-image: url(/CDN/Content/Images/icon48/sipdial.png);
}

.icon16-social {
  background-image: url(/CDN/Content/Images/icon16/social.png);
}

.icon32-social {
  background-image: url(/CDN/Content/Images/icon32/social.png);
}

.icon48-social {
  background-image: url(/CDN/Content/Images/icon48/social.png);
}

.icon16-social-group {
  background-image: url(/CDN/Content/Images/icon16/social-group.png);
}

.icon32-social-group {
  background-image: url(/CDN/Content/Images/icon32/social-group.png);
}

.icon48-social-group {
  background-image: url(/CDN/Content/Images/icon48/social-group.png);
}

.icon16-social-link {
  background-image: url(/CDN/Content/Images/icon16/social-link.png);
}

.icon32-social-link {
  background-image: url(/CDN/Content/Images/icon32/social-link.png);
}

.icon48-social-link {
  background-image: url(/CDN/Content/Images/icon48/social-link.png);
}

.icon16-special-calendar {
  background-image: url(/CDN/Content/Images/icon16/special-calendar.png);
}

.icon32-special-calendar {
  background-image: url(/CDN/Content/Images/icon32/special-calendar.png);
}

.icon48-special-calendar {
  background-image: url(/CDN/Content/Images/icon48/special-calendar.png);
}

.icon16-special-permission {
  background-image: url(/CDN/Content/Images/icon16/special-permission.png);
}

.icon32-special-permission {
  background-image: url(/CDN/Content/Images/icon32/special-permission.png);
}

.icon48-special-permission {
  background-image: url(/CDN/Content/Images/icon48/special-permission.png);
}

.icon16-star {
  background-image: url(/CDN/Content/Images/icon16/star.png);
}

.icon32-star {
  background-image: url(/CDN/Content/Images/icon32/star.png);
}

.icon48-star {
  background-image: url(/CDN/Content/Images/icon48/star.png);
}

.icon16-system-group {
  background-image: url(/CDN/Content/Images/icon16/system-group.png);
}

.icon32-system-group {
  background-image: url(/CDN/Content/Images/icon32/system-group.png);
}

.icon48-system-group {
  background-image: url(/CDN/Content/Images/icon48/system-group.png);
}

.icon16-system-task {
  background-image: url(/CDN/Content/Images/icon16/system-task.png);
}

.icon32-system-task {
  background-image: url(/CDN/Content/Images/icon32/system-task.png);
}

.icon48-system-task {
  background-image: url(/CDN/Content/Images/icon48/system-task.png);
}

.icon16-tag {
  background-image: url(/CDN/Content/Images/icon16/tag.png);
}

.icon32-tag {
  background-image: url(/CDN/Content/Images/icon32/tag.png);
}

.icon48-tag {
  background-image: url(/CDN/Content/Images/icon48/tag.png);
}

.icon16-task {
  background-image: url(/CDN/Content/Images/icon16/task.png);
}

.icon32-task {
  background-image: url(/CDN/Content/Images/icon32/task.png);
}

.icon48-task {
  background-image: url(/CDN/Content/Images/icon48/task.png);
}

.icon16-team {
  background-image: url(/CDN/Content/Images/icon16/team.png);
}

.icon32-team {
  background-image: url(/CDN/Content/Images/icon32/team.png);
}

.icon48-team {
  background-image: url(/CDN/Content/Images/icon48/team.png);
}

.icon16-telephone {
  background-image: url(/CDN/Content/Images/icon16/telephone.png);
}

.icon32-telephone {
  background-image: url(/CDN/Content/Images/icon32/telephone.png);
}

.icon48-telephone {
  background-image: url(/CDN/Content/Images/icon48/telephone.png);
}

.icon16-text-file {
  background-image: url(/CDN/Content/Images/icon16/text-file.png);
}

.icon32-text-file {
  background-image: url(/CDN/Content/Images/icon32/text-file.png);
}

.icon48-text-file {
  background-image: url(/CDN/Content/Images/icon48/text-file.png);
}

.icon16-tick {
  background-image: url(/CDN/Content/Images/icon16/tick.png);
}

.icon32-tick {
  background-image: url(/CDN/Content/Images/icon32/tick.png);
}

.icon48-tick {
  background-image: url(/CDN/Content/Images/icon48/tick.png);
}

.icon16-tick-green {
  background-image: url(/CDN/Content/Images/icon16/tick-green.png);
}

.icon32-tick-green {
  background-image: url(/CDN/Content/Images/icon32/tick-green.png);
}

.icon48-tick-green {
  background-image: url(/CDN/Content/Images/icon48/tick-green.png);
}

.icon16-today {
  background-image: url(/CDN/Content/Images/icon16/today.png);
}

.icon32-today {
  background-image: url(/CDN/Content/Images/icon32/today.png);
}

.icon48-today {
  background-image: url(/CDN/Content/Images/icon48/today.png);
}

.icon16-tools {
  background-image: url(/CDN/Content/Images/icon16/tools.png);
}

.icon32-tools {
  background-image: url(/CDN/Content/Images/icon32/tools.png);
}

.icon48-tools {
  background-image: url(/CDN/Content/Images/icon48/tools.png);
}

.icon16-unknown {
  background-image: url(/CDN/Content/Images/icon16/unknown.png);
}

.icon32-unknown {
  background-image: url(/CDN/Content/Images/icon32/unknown.png);
}

.icon48-unknown {
  background-image: url(/CDN/Content/Images/icon48/unknown.png);
}

.icon16-unlocked {
  background-image: url(/CDN/Content/Images/icon16/unlocked.png);
}

.icon32-unlocked {
  background-image: url(/CDN/Content/Images/icon32/unlocked.png);
}

.icon48-unlocked {
  background-image: url(/CDN/Content/Images/icon48/unlocked.png);
}

.icon16-update {
  background-image: url(/CDN/Content/Images/icon16/update.png);
}

.icon32-update {
  background-image: url(/CDN/Content/Images/icon32/update.png);
}

.icon48-update {
  background-image: url(/CDN/Content/Images/icon48/update.png);
}

.icon16-upgrade {
  background-image: url(/CDN/Content/Images/icon16/upgrade.png);
}

.icon32-upgrade {
  background-image: url(/CDN/Content/Images/icon32/upgrade.png);
}

.icon48-upgrade {
  background-image: url(/CDN/Content/Images/icon48/upgrade.png);
}

.icon16-upload {
  background-image: url(/CDN/Content/Images/icon16/upload.png);
}

.icon32-upload {
  background-image: url(/CDN/Content/Images/icon32/upload.png);
}

.icon48-upload {
  background-image: url(/CDN/Content/Images/icon48/upload.png);
}

.icon16-user {
  background-image: url(/CDN/Content/Images/icon16/user.png);
}

.icon32-user {
  background-image: url(/CDN/Content/Images/icon32/user.png);
}

.icon48-user {
  background-image: url(/CDN/Content/Images/icon48/user.png);
}

.icon16-user-add {
  background-image: url(/CDN/Content/Images/icon16/user-add.png);
}

.icon32-user-add {
  background-image: url(/CDN/Content/Images/icon32/user-add.png);
}

.icon48-user-add {
  background-image: url(/CDN/Content/Images/icon48/user-add.png);
}

.icon16-user-group {
  background-image: url(/CDN/Content/Images/icon16/user-group.png);
}

.icon32-user-group {
  background-image: url(/CDN/Content/Images/icon32/user-group.png);
}

.icon48-user-group {
  background-image: url(/CDN/Content/Images/icon48/user-group.png);
}

.icon16-user-history {
  background-image: url(/CDN/Content/Images/icon16/user-history.png);
}

.icon32-user-history {
  background-image: url(/CDN/Content/Images/icon32/user-history.png);
}

.icon48-user-history {
  background-image: url(/CDN/Content/Images/icon48/user-history.png);
}

.icon16-user-settings {
  background-image: url(/CDN/Content/Images/icon16/user-settings.png);
}

.icon32-user-settings {
  background-image: url(/CDN/Content/Images/icon32/user-settings.png);
}

.icon48-user-settings {
  background-image: url(/CDN/Content/Images/icon48/user-settings.png);
}

.icon16-video-file {
  background-image: url(/CDN/Content/Images/icon16/video-file.png);
}

.icon32-video-file {
  background-image: url(/CDN/Content/Images/icon32/video-file.png);
}

.icon48-video-file {
  background-image: url(/CDN/Content/Images/icon48/video-file.png);
}

.icon16-visible {
  background-image: url(/CDN/Content/Images/icon16/visible.png);
}

.icon32-visible {
  background-image: url(/CDN/Content/Images/icon32/visible.png);
}

.icon48-visible {
  background-image: url(/CDN/Content/Images/icon48/visible.png);
}

.icon16-warning {
  background-image: url(/CDN/Content/Images/icon16/warning.png);
}

.icon32-warning {
  background-image: url(/CDN/Content/Images/icon32/warning.png);
}

.icon48-warning {
  background-image: url(/CDN/Content/Images/icon48/warning.png);
}

.icon16-wiki {
  background-image: url(/CDN/Content/Images/icon16/wiki.png);
}

.icon32-wiki {
  background-image: url(/CDN/Content/Images/icon32/wiki.png);
}

.icon48-wiki {
  background-image: url(/CDN/Content/Images/icon48/wiki.png);
}

.icon16-wiki-article {
  background-image: url(/CDN/Content/Images/icon16/wiki-article.png);
}

.icon32-wiki-article {
  background-image: url(/CDN/Content/Images/icon32/wiki-article.png);
}

.icon48-wiki-article {
  background-image: url(/CDN/Content/Images/icon48/wiki-article.png);
}

.icon16-workgroup {
  background-image: url(/CDN/Content/Images/icon16/workgroup.png);
}

.icon32-workgroup {
  background-image: url(/CDN/Content/Images/icon32/workgroup.png);
}

.icon48-workgroup {
  background-image: url(/CDN/Content/Images/icon48/workgroup.png);
}

.icon16-workflow {
  background-image: url(/CDN/Content/Images/icon16/workflow.png);
}

.icon32-workflow {
  background-image: url(/CDN/Content/Images/icon32/workflow.png);
}

.icon48-workflow {
  background-image: url(/CDN/Content/Images/icon48/workflow.png);
}

.icon16-workflow-branch {
  background-image: url(/CDN/Content/Images/icon16/workflow-branch.png);
}

.icon32-workflow-branch {
  background-image: url(/CDN/Content/Images/icon32/workflow-branch.png);
}

.icon48-workflow-branch {
  background-image: url(/CDN/Content/Images/icon48/workflow-branch.png);
}

.icon16-workflow-linear {
  background-image: url(/CDN/Content/Images/icon16/workflow-linear.png);
}

.icon32-workflow-linear {
  background-image: url(/CDN/Content/Images/icon32/workflow-linear.png);
}

.icon48-workflow-linear {
  background-image: url(/CDN/Content/Images/icon48/workflow-linear.png);
}

.icon16-working-patterns {
  background-image: url(/CDN/Content/Images/icon16/working-patterns.png);
}

.icon32-working-patterns {
  background-image: url(/CDN/Content/Images/icon32/working-patterns.png);
}

.icon48-working-patterns {
  background-image: url(/CDN/Content/Images/icon48/working-patterns.png);
}

.icon16-zip-file {
  background-image: url(/CDN/Content/Images/icon16/zip-file.png);
}

.icon32-zip-file {
  background-image: url(/CDN/Content/Images/icon32/zip-file.png);
}

.icon48-zip-file {
  background-image: url(/CDN/Content/Images/icon48/zip-file.png);
}

.icon16-sharepoint {
  background-image: url(/CDN/Content/Images/icon16/sharepoint.png);
}

.icon32-sharepoint {
  background-image: url(/CDN/Content/Images/icon32/sharepoint.png);
}

.icon48-sharepoint {
  background-image: url(/CDN/Content/Images/icon48/sharepoint.png);
}

.icon16-exchange-server {
  background-image: url(/CDN/Content/Images/icon16/exchange-server.png);
}

.icon32-exchange-server {
  background-image: url(/CDN/Content/Images/icon32/exchange-server.png);
}

.icon48-exchange-server {
  background-image: url(/CDN/Content/Images/icon48/exchange-server.png);
}

.icon16-pusheicon {
  background-image: url(/CDN/Content/Images/icon16/pusheicon.png);
}

.icon32-pusheicon {
  background-image: url(/CDN/Content/Images/icon32/pusheicon.png);
}

.icon48-pusheicon {
  background-image: url(/CDN/Content/Images/icon48/pusheicon.png);
}

.icon16-hub {
  background-image: url(/CDN/Content/Images/icon16/hub.png);
}

.icon32-hub {
  background-image: url(/CDN/Content/Images/icon32/hub.png);
}

.icon48-hub {
  background-image: url(/CDN/Content/Images/icon48/hub.png);
}

.icon16-user-footprint {
  background-image: url(/CDN/Content/Images/icon16/user-footprint.png);
}

.icon32-user-footprint {
  background-image: url(/CDN/Content/Images/icon32/user-footprint.png);
}

.icon48-user-footprint {
  background-image: url(/CDN/Content/Images/icon48/user-footprint.png);
}

.icon16-google-drive {
  background-image: url(/CDN/Content/Images/icon16/google-drive.png);
}

.icon32-google-drive {
  background-image: url(/CDN/Content/Images/icon32/google-drive.png);
}

.icon48-google-drive {
  background-image: url(/CDN/Content/Images/icon48/google-drive.png);
}

.icon16-supportcatagory {
  background-image: url(/CDN/Content/Images/icon16/supportcatagory.png);
}

.icon32-supportcatagory {
  background-image: url(/CDN/Content/Images/icon32/supportcatagory.png);
}

.icon48-supportcatagory {
  background-image: url(/CDN/Content/Images/icon48/supportcatagory.png);
}

.icon16-supportfaq {
  background-image: url(/CDN/Content/Images/icon16/supportfaq.png);
}

.icon32-supportfaq {
  background-image: url(/CDN/Content/Images/icon32/supportfaq.png);
}

.icon48-supportfaq {
  background-image: url(/CDN/Content/Images/icon48/supportfaq.png);
}

.icon16-supportfile {
  background-image: url(/CDN/Content/Images/icon16/supportfile.png);
}

.icon32-supportfile {
  background-image: url(/CDN/Content/Images/icon32/supportfile.png);
}

.icon48-supportfile {
  background-image: url(/CDN/Content/Images/icon48/supportfile.png);
}

.icon16-supportguide {
  background-image: url(/CDN/Content/Images/icon16/supportguide.png);
}

.icon32-supportguide {
  background-image: url(/CDN/Content/Images/icon32/supportguide.png);
}

.icon48-supportguide {
  background-image: url(/CDN/Content/Images/icon48/supportguide.png);
}

.icon16-supportmedia {
  background-image: url(/CDN/Content/Images/icon16/supportmedia.png);
}

.icon32-supportmedia {
  background-image: url(/CDN/Content/Images/icon32/supportmedia.png);
}

.icon48-supportmedia {
  background-image: url(/CDN/Content/Images/icon48/supportmedia.png);
}

.icon16-view-blog {
  background-image: url(/CDN/Content/Images/icon16/view-blog.png);
}

.icon32-view-blog {
  background-image: url(/CDN/Content/Images/icon32/view-blog.png);
}

.icon48-view-blog {
  background-image: url(/CDN/Content/Images/icon48/view-blog.png);
}

.icon16-write-post {
  background-image: url(/CDN/Content/Images/icon16/write-post.png);
}

.icon32-write-post {
  background-image: url(/CDN/Content/Images/icon32/write-post.png);
}

.icon48-write-post {
  background-image: url(/CDN/Content/Images/icon48/write-post.png);
}

.symbol16-cog {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/cog.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-cog {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/cog.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-cog {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/cog.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-cog {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/cog.svg);
  mask: url(/CDN/Content/Images/svg/symbols/cog.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-cross {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/cross.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-cross {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/cross.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-cross {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/cross.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-cross {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/cross.svg);
  mask: url(/CDN/Content/Images/svg/symbols/cross.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-documents {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/documents.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-documents {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/documents.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-documents {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/documents.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-documents {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/documents.svg);
  mask: url(/CDN/Content/Images/svg/symbols/documents.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-page-pencil {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/page-pencil.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-page-pencil {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/page-pencil.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-page-pencil {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/page-pencil.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-page-pencil {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/page-pencil.svg);
  mask: url(/CDN/Content/Images/svg/symbols/page-pencil.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-active-directory {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/active-directory.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-active-directory {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/active-directory.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-active-directory {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/active-directory.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-active-directory {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/active-directory.svg);
  mask: url(/CDN/Content/Images/svg/symbols/active-directory.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-add {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/add.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-add {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/add.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-add {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/add.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-add {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/add.svg);
  mask: url(/CDN/Content/Images/svg/symbols/add.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-admin {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/admin.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-admin {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/admin.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-admin {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/admin.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-admin {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/admin.svg);
  mask: url(/CDN/Content/Images/svg/symbols/admin.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-alert {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/alert.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-alert {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/alert.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-alert {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/alert.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-alert {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/alert.svg);
  mask: url(/CDN/Content/Images/svg/symbols/alert.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-analytics {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/analytics.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-analytics {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/analytics.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-analytics {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/analytics.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-analytics {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/analytics.svg);
  mask: url(/CDN/Content/Images/svg/symbols/analytics.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-answers-application {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/answers-application.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-answers-application {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/answers-application.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-answers-application {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/answers-application.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-answers-application {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/answers-application.svg);
  mask: url(/CDN/Content/Images/svg/symbols/answers-application.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-application {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/application.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-application {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/application.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-application {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/application.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-application {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/application.svg);
  mask: url(/CDN/Content/Images/svg/symbols/application.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-approval-form {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/approval-form.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-approval-form {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/approval-form.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-approval-form {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/approval-form.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-approval-form {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/approval-form.svg);
  mask: url(/CDN/Content/Images/svg/symbols/approval-form.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-area {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/area.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-area {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/area.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-area {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/area.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-area {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/area.svg);
  mask: url(/CDN/Content/Images/svg/symbols/area.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-arrow-circle-right {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/arrow-circle-right.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-arrow-circle-right {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/arrow-circle-right.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-arrow-circle-right {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/arrow-circle-right.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-arrow-circle-right {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/arrow-circle-right.svg);
  mask: url(/CDN/Content/Images/svg/symbols/arrow-circle-right.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-arrow-left {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/arrow-left.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-arrow-left {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/arrow-left.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-arrow-left {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/arrow-left.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-arrow-left {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/arrow-left.svg);
  mask: url(/CDN/Content/Images/svg/symbols/arrow-left.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-arrow-right {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/arrow-right.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-arrow-right {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/arrow-right.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-arrow-right {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/arrow-right.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-arrow-right {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/arrow-right.svg);
  mask: url(/CDN/Content/Images/svg/symbols/arrow-right.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-attachment {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/attachment.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-attachment {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/attachment.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-attachment {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/attachment.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-attachment {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/attachment.svg);
  mask: url(/CDN/Content/Images/svg/symbols/attachment.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-audio-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/audio-file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-audio-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/audio-file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-audio-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/audio-file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-audio-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/audio-file.svg);
  mask: url(/CDN/Content/Images/svg/symbols/audio-file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-batch-mail {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/batch-mail.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-batch-mail {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/batch-mail.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-batch-mail {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/batch-mail.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-batch-mail {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/batch-mail.svg);
  mask: url(/CDN/Content/Images/svg/symbols/batch-mail.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-batch-mail-document {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/batch-mail-document.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-batch-mail-document {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/batch-mail-document.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-batch-mail-document {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/batch-mail-document.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-batch-mail-document {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/batch-mail-document.svg);
  mask: url(/CDN/Content/Images/svg/symbols/batch-mail-document.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-batch-mail-email {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/batch-mail-email.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-batch-mail-email {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/batch-mail-email.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-batch-mail-email {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/batch-mail-email.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-batch-mail-email {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/batch-mail-email.svg);
  mask: url(/CDN/Content/Images/svg/symbols/batch-mail-email.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-batch-mail-issue {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/batch-mail-issue.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-batch-mail-issue {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/batch-mail-issue.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-batch-mail-issue {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/batch-mail-issue.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-batch-mail-issue {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/batch-mail-issue.svg);
  mask: url(/CDN/Content/Images/svg/symbols/batch-mail-issue.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-batch-mail-series {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/batch-mail-series.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-batch-mail-series {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/batch-mail-series.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-batch-mail-series {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/batch-mail-series.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-batch-mail-series {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/batch-mail-series.svg);
  mask: url(/CDN/Content/Images/svg/symbols/batch-mail-series.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-bin {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/bin.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-bin {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/bin.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-bin {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/bin.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-bin {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/bin.svg);
  mask: url(/CDN/Content/Images/svg/symbols/bin.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-bing-search {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/bing-search.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-bing-search {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/bing-search.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-bing-search {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/bing-search.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-bing-search {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/bing-search.svg);
  mask: url(/CDN/Content/Images/svg/symbols/bing-search.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-blog {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/blog.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-blog {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/blog.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-blog {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/blog.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-blog {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/blog.svg);
  mask: url(/CDN/Content/Images/svg/symbols/blog.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-blog-post {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/blog-post.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-blog-post {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/blog-post.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-blog-post {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/blog-post.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-blog-post {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/blog-post.svg);
  mask: url(/CDN/Content/Images/svg/symbols/blog-post.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-business {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/business.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-business {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/business.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-business {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/business.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-business {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/business.svg);
  mask: url(/CDN/Content/Images/svg/symbols/business.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-calendar {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/calendar.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-calendar {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/calendar.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-calendar {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/calendar.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-calendar {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/calendar.svg);
  mask: url(/CDN/Content/Images/svg/symbols/calendar.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-category {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/category.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-category {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/category.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-category {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/category.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-category {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/category.svg);
  mask: url(/CDN/Content/Images/svg/symbols/category.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-certificate {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/certificate.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-certificate {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/certificate.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-certificate {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/certificate.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-certificate {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/certificate.svg);
  mask: url(/CDN/Content/Images/svg/symbols/certificate.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-clock {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/clock.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-clock {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/clock.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-clock {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/clock.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-clock {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/clock.svg);
  mask: url(/CDN/Content/Images/svg/symbols/clock.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-clone-form {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/clone-form.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-clone-form {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/clone-form.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-clone-form {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/clone-form.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-clone-form {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/clone-form.svg);
  mask: url(/CDN/Content/Images/svg/symbols/clone-form.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-clone-issue {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/clone-issue.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-clone-issue {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/clone-issue.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-clone-issue {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/clone-issue.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-clone-issue {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/clone-issue.svg);
  mask: url(/CDN/Content/Images/svg/symbols/clone-issue.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-clone-page-template {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/clone-page-template.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-clone-page-template {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/clone-page-template.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-clone-page-template {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/clone-page-template.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-clone-page-template {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/clone-page-template.svg);
  mask: url(/CDN/Content/Images/svg/symbols/clone-page-template.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-clone-news-template {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/clone-news-template.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-clone-news-template {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/clone-news-template.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-clone-news-template {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/clone-news-template.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-clone-news-template {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/clone-news-template.svg);
  mask: url(/CDN/Content/Images/svg/symbols/clone-news-template.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-comment {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/comment.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-comment {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/comment.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-comment {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/comment.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-comment {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/comment.svg);
  mask: url(/CDN/Content/Images/svg/symbols/comment.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-compliance {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/compliance.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-compliance {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/compliance.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-compliance {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/compliance.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-compliance {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/compliance.svg);
  mask: url(/CDN/Content/Images/svg/symbols/compliance.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-configure {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/configure.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-configure {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/configure.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-configure {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/configure.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-configure {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/configure.svg);
  mask: url(/CDN/Content/Images/svg/symbols/configure.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-contact {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/contact.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-contact {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/contact.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-contact {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/contact.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-contact {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/contact.svg);
  mask: url(/CDN/Content/Images/svg/symbols/contact.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-contact-info {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/contact-info.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-contact-info {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/contact-info.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-contact-info {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/contact-info.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-contact-info {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/contact-info.svg);
  mask: url(/CDN/Content/Images/svg/symbols/contact-info.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-content {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/content.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-content {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/content.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-content {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/content.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-content {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/content.svg);
  mask: url(/CDN/Content/Images/svg/symbols/content.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-content-search {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/content-search.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-content-search {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/content-search.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-content-search {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/content-search.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-content-search {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/content-search.svg);
  mask: url(/CDN/Content/Images/svg/symbols/content-search.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-control-panel {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/control-panel.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-control-panel {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/control-panel.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-control-panel {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/control-panel.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-control-panel {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/control-panel.svg);
  mask: url(/CDN/Content/Images/svg/symbols/control-panel.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-copy-media {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/copy-media.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-copy-media {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/copy-media.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-copy-media {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/copy-media.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-copy-media {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/copy-media.svg);
  mask: url(/CDN/Content/Images/svg/symbols/copy-media.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-create {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/create.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-create {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/create.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-create {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/create.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-create {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/create.svg);
  mask: url(/CDN/Content/Images/svg/symbols/create.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-create-area-menu {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/create-area-menu.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-create-area-menu {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/create-area-menu.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-create-area-menu {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/create-area-menu.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-create-area-menu {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/create-area-menu.svg);
  mask: url(/CDN/Content/Images/svg/symbols/create-area-menu.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-credential {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/credential.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-credential {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/credential.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-credential {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/credential.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-credential {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/credential.svg);
  mask: url(/CDN/Content/Images/svg/symbols/credential.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-crm-group {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/crm-group.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-crm-group {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/crm-group.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-crm-group {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/crm-group.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-crm-group {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/crm-group.svg);
  mask: url(/CDN/Content/Images/svg/symbols/crm-group.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-custom-field {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/custom-field.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-custom-field {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/custom-field.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-custom-field {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/custom-field.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-custom-field {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/custom-field.svg);
  mask: url(/CDN/Content/Images/svg/symbols/custom-field.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-custom-group {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/custom-group.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-custom-group {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/custom-group.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-custom-group {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/custom-group.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-custom-group {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/custom-group.svg);
  mask: url(/CDN/Content/Images/svg/symbols/custom-group.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-custom-task {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/custom-task.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-custom-task {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/custom-task.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-custom-task {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/custom-task.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-custom-task {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/custom-task.svg);
  mask: url(/CDN/Content/Images/svg/symbols/custom-task.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-cv {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/cv.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-cv {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/cv.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-cv {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/cv.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-cv {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/cv.svg);
  mask: url(/CDN/Content/Images/svg/symbols/cv.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-date-filter-28 {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/date-filter-28.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-date-filter-28 {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/date-filter-28.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-date-filter-28 {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/date-filter-28.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-date-filter-28 {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/date-filter-28.svg);
  mask: url(/CDN/Content/Images/svg/symbols/date-filter-28.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-date-filter-6m {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/date-filter-6m.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-date-filter-6m {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/date-filter-6m.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-date-filter-6m {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/date-filter-6m.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-date-filter-6m {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/date-filter-6m.svg);
  mask: url(/CDN/Content/Images/svg/symbols/date-filter-6m.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-date-filter-7 {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/date-filter-7.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-date-filter-7 {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/date-filter-7.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-date-filter-7 {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/date-filter-7.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-date-filter-7 {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/date-filter-7.svg);
  mask: url(/CDN/Content/Images/svg/symbols/date-filter-7.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-delete {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/delete.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-delete {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/delete.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-delete {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/delete.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-delete {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/delete.svg);
  mask: url(/CDN/Content/Images/svg/symbols/delete.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-delete-red {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/delete-red.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-delete-red {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/delete-red.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-delete-red {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/delete-red.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-delete-red {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/delete-red.svg);
  mask: url(/CDN/Content/Images/svg/symbols/delete-red.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-department {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/department.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-department {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/department.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-department {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/department.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-department {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/department.svg);
  mask: url(/CDN/Content/Images/svg/symbols/department.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-dev-centre {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/dev-centre.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-dev-centre {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/dev-centre.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-dev-centre {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/dev-centre.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-dev-centre {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/dev-centre.svg);
  mask: url(/CDN/Content/Images/svg/symbols/dev-centre.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-digital-signage {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/digital-signage.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-digital-signage {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/digital-signage.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-digital-signage {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/digital-signage.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-digital-signage {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/digital-signage.svg);
  mask: url(/CDN/Content/Images/svg/symbols/digital-signage.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-document-collection {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/document-collection.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-document-collection {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/document-collection.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-document-collection {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/document-collection.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-document-collection {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/document-collection.svg);
  mask: url(/CDN/Content/Images/svg/symbols/document-collection.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-do {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/do.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-do {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/do.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-do {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/do.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-do {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/do.svg);
  mask: url(/CDN/Content/Images/svg/symbols/do.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-download {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/download.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-download {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/download.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-download {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/download.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-download {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/download.svg);
  mask: url(/CDN/Content/Images/svg/symbols/download.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-edit {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/edit.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-edit {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/edit.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-edit {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/edit.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-edit {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/edit.svg);
  mask: url(/CDN/Content/Images/svg/symbols/edit.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-edit-collection {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/edit-collection.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-edit-collection {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/edit-collection.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-edit-collection {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/edit-collection.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-edit-collection {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/edit-collection.svg);
  mask: url(/CDN/Content/Images/svg/symbols/edit-collection.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-edit-document {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/edit-document.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-edit-document {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/edit-document.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-edit-document {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/edit-document.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-edit-document {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/edit-document.svg);
  mask: url(/CDN/Content/Images/svg/symbols/edit-document.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-edit-homepage {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/edit-homepage.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-edit-homepage {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/edit-homepage.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-edit-homepage {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/edit-homepage.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-edit-homepage {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/edit-homepage.svg);
  mask: url(/CDN/Content/Images/svg/symbols/edit-homepage.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-edit-media {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/edit-media.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-edit-media {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/edit-media.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-edit-media {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/edit-media.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-edit-media {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/edit-media.svg);
  mask: url(/CDN/Content/Images/svg/symbols/edit-media.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-edit-metadata {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/edit-metadata.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-edit-metadata {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/edit-metadata.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-edit-metadata {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/edit-metadata.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-edit-metadata {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/edit-metadata.svg);
  mask: url(/CDN/Content/Images/svg/symbols/edit-metadata.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-edit-pencil {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/edit-pencil.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-edit-pencil {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/edit-pencil.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-edit-pencil {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/edit-pencil.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-edit-pencil {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/edit-pencil.svg);
  mask: url(/CDN/Content/Images/svg/symbols/edit-pencil.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-edit-post {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/edit-post.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-edit-post {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/edit-post.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-edit-post {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/edit-post.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-edit-post {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/edit-post.svg);
  mask: url(/CDN/Content/Images/svg/symbols/edit-post.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-email {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/email.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-email {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/email.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-email {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/email.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-email {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/email.svg);
  mask: url(/CDN/Content/Images/svg/symbols/email.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-email-address {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/email-address.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-email-address {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/email-address.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-email-address {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/email-address.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-email-address {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/email-address.svg);
  mask: url(/CDN/Content/Images/svg/symbols/email-address.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-email-sent {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/email-sent.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-email-sent {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/email-sent.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-email-sent {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/email-sent.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-email-sent {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/email-sent.svg);
  mask: url(/CDN/Content/Images/svg/symbols/email-sent.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-employment {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/employment.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-employment {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/employment.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-employment {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/employment.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-employment {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/employment.svg);
  mask: url(/CDN/Content/Images/svg/symbols/employment.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-event {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/event.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-event {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/event.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-event {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/event.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-event {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/event.svg);
  mask: url(/CDN/Content/Images/svg/symbols/event.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-events-app {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/events-app.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-events-app {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/events-app.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-events-app {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/events-app.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-events-app {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/events-app.svg);
  mask: url(/CDN/Content/Images/svg/symbols/events-app.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-exclamation {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/exclamation.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-exclamation {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/exclamation.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-exclamation {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/exclamation.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-exclamation {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/exclamation.svg);
  mask: url(/CDN/Content/Images/svg/symbols/exclamation.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-expense {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/expense.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-expense {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/expense.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-expense {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/expense.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-expense {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/expense.svg);
  mask: url(/CDN/Content/Images/svg/symbols/expense.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-export {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/export.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-export {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/export.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-export {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/export.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-export {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/export.svg);
  mask: url(/CDN/Content/Images/svg/symbols/export.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-external-news {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/external-news.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-external-news {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/external-news.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-external-news {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/external-news.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-external-news {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/external-news.svg);
  mask: url(/CDN/Content/Images/svg/symbols/external-news.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-external-web {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/external-web.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-external-web {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/external-web.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-external-web {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/external-web.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-external-web {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/external-web.svg);
  mask: url(/CDN/Content/Images/svg/symbols/external-web.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-favourite {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/favourite.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-favourite {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/favourite.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-favourite {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/favourite.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-favourite {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/favourite.svg);
  mask: url(/CDN/Content/Images/svg/symbols/favourite.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-fax {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/fax.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-fax {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/fax.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-fax {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/fax.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-fax {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/fax.svg);
  mask: url(/CDN/Content/Images/svg/symbols/fax.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/file.svg);
  mask: url(/CDN/Content/Images/svg/symbols/file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-flag {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/flag.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-flag {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/flag.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-flag {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/flag.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-flag {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/flag.svg);
  mask: url(/CDN/Content/Images/svg/symbols/flag.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-form {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/form.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-form {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/form.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-form {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/form.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-form {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/form.svg);
  mask: url(/CDN/Content/Images/svg/symbols/form.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-form-template {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/form-template.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-form-template {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/form-template.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-form-template {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/form-template.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-form-template {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/form-template.svg);
  mask: url(/CDN/Content/Images/svg/symbols/form-template.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-FormOriginator {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/FormOriginator.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-FormOriginator {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/FormOriginator.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-FormOriginator {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/FormOriginator.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-FormOriginator {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/FormOriginator.svg);
  mask: url(/CDN/Content/Images/svg/symbols/FormOriginator.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-FormOriginatorsManager {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/FormOriginatorsManager.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-FormOriginatorsManager {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/FormOriginatorsManager.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-FormOriginatorsManager {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/FormOriginatorsManager.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-FormOriginatorsManager {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/FormOriginatorsManager.svg);
  mask: url(/CDN/Content/Images/svg/symbols/FormOriginatorsManager.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-FormSubmitter {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/FormSubmitter.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-FormSubmitter {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/FormSubmitter.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-FormSubmitter {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/FormSubmitter.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-FormSubmitter {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/FormSubmitter.svg);
  mask: url(/CDN/Content/Images/svg/symbols/FormSubmitter.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-FormSubmittersManager {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/FormSubmittersManager.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-FormSubmittersManager {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/FormSubmittersManager.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-FormSubmittersManager {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/FormSubmittersManager.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-FormSubmittersManager {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/FormSubmittersManager.svg);
  mask: url(/CDN/Content/Images/svg/symbols/FormSubmittersManager.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-general-permission {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/general-permission.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-general-permission {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/general-permission.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-general-permission {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/general-permission.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-general-permission {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/general-permission.svg);
  mask: url(/CDN/Content/Images/svg/symbols/general-permission.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-grey-pencil {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/grey-pencil.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-grey-pencil {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/grey-pencil.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-grey-pencil {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/grey-pencil.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-grey-pencil {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/grey-pencil.svg);
  mask: url(/CDN/Content/Images/svg/symbols/grey-pencil.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-group {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/group.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-group {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/group.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-group {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/group.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-group {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/group.svg);
  mask: url(/CDN/Content/Images/svg/symbols/group.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-heart {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/heart.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-heart {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/heart.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-heart {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/heart.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-heart {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/heart.svg);
  mask: url(/CDN/Content/Images/svg/symbols/heart.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-help {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/help.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-help {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/help.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-help {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/help.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-help {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/help.svg);
  mask: url(/CDN/Content/Images/svg/symbols/help.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-homepage {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/homepage.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-homepage {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/homepage.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-homepage {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/homepage.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-homepage {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/homepage.svg);
  mask: url(/CDN/Content/Images/svg/symbols/homepage.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-homepage-template {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/homepage-template.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-homepage-template {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/homepage-template.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-homepage-template {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/homepage-template.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-homepage-template {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/homepage-template.svg);
  mask: url(/CDN/Content/Images/svg/symbols/homepage-template.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-holiday {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/holiday.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-holiday {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/holiday.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-holiday {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/holiday.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-holiday {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/holiday.svg);
  mask: url(/CDN/Content/Images/svg/symbols/holiday.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-image-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/image-file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-image-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/image-file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-image-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/image-file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-image-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/image-file.svg);
  mask: url(/CDN/Content/Images/svg/symbols/image-file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-import {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/import.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-import {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/import.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-import {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/import.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-import {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/import.svg);
  mask: url(/CDN/Content/Images/svg/symbols/import.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-information {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/information.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-information {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/information.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-information {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/information.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-information {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/information.svg);
  mask: url(/CDN/Content/Images/svg/symbols/information.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-integration {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/integration.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-integration {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/integration.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-integration {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/integration.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-integration {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/integration.svg);
  mask: url(/CDN/Content/Images/svg/symbols/integration.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-invisible {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/invisible.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-invisible {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/invisible.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-invisible {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/invisible.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-invisible {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/invisible.svg);
  mask: url(/CDN/Content/Images/svg/symbols/invisible.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-issue {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/issue.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-issue {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/issue.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-issue {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/issue.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-issue {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/issue.svg);
  mask: url(/CDN/Content/Images/svg/symbols/issue.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-link {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/link.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-link {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/link.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-link {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/link.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-link {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/link.svg);
  mask: url(/CDN/Content/Images/svg/symbols/link.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-lock {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/lock.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-lock {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/lock.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-lock {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/lock.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-lock {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/lock.svg);
  mask: url(/CDN/Content/Images/svg/symbols/lock.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-locked {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/locked.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-locked {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/locked.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-locked {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/locked.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-locked {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/locked.svg);
  mask: url(/CDN/Content/Images/svg/symbols/locked.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-manage-account-requests {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/manage-account-requests.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-manage-account-requests {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/manage-account-requests.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-manage-account-requests {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/manage-account-requests.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-manage-account-requests {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/manage-account-requests.svg);
  mask: url(/CDN/Content/Images/svg/symbols/manage-account-requests.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-manage-areas {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/manage-areas.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-manage-areas {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/manage-areas.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-manage-areas {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/manage-areas.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-manage-areas {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/manage-areas.svg);
  mask: url(/CDN/Content/Images/svg/symbols/manage-areas.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-manage-homepages {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/manage-homepages.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-manage-homepages {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/manage-homepages.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-manage-homepages {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/manage-homepages.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-manage-homepages {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/manage-homepages.svg);
  mask: url(/CDN/Content/Images/svg/symbols/manage-homepages.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-manage-permissions {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/manage-permissions.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-manage-permissions {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/manage-permissions.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-manage-permissions {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/manage-permissions.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-manage-permissions {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/manage-permissions.svg);
  mask: url(/CDN/Content/Images/svg/symbols/manage-permissions.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-manage-tour {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/manage-tour.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-manage-tour {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/manage-tour.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-manage-tour {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/manage-tour.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-manage-tour {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/manage-tour.svg);
  mask: url(/CDN/Content/Images/svg/symbols/manage-tour.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-map {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/map.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-map {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/map.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-map {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/map.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-map {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/map.svg);
  mask: url(/CDN/Content/Images/svg/symbols/map.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-media {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/media.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-media {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/media.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-media {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/media.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-media {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/media.svg);
  mask: url(/CDN/Content/Images/svg/symbols/media.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-media-collection {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/media-collection.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-media-collection {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/media-collection.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-media-collection {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/media-collection.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-media-collection {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/media-collection.svg);
  mask: url(/CDN/Content/Images/svg/symbols/media-collection.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-menu-item {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/menu-item.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-menu-item {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/menu-item.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-menu-item {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/menu-item.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-menu-item {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/menu-item.svg);
  mask: url(/CDN/Content/Images/svg/symbols/menu-item.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-menu-manager {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/menu-manager.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-menu-manager {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/menu-manager.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-menu-manager {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/menu-manager.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-menu-manager {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/menu-manager.svg);
  mask: url(/CDN/Content/Images/svg/symbols/menu-manager.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-menu-open {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/menu-open.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-menu-open {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/menu-open.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-menu-open {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/menu-open.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-menu-open {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/menu-open.svg);
  mask: url(/CDN/Content/Images/svg/symbols/menu-open.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-microsoft-excel {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/microsoft-excel.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-microsoft-excel {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/microsoft-excel.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-microsoft-excel {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/microsoft-excel.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-microsoft-excel {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/microsoft-excel.svg);
  mask: url(/CDN/Content/Images/svg/symbols/microsoft-excel.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-microsoft-onenote {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/microsoft-onenote.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-microsoft-onenote {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/microsoft-onenote.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-microsoft-onenote {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/microsoft-onenote.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-microsoft-onenote {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/microsoft-onenote.svg);
  mask: url(/CDN/Content/Images/svg/symbols/microsoft-onenote.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-microsoft-powerpoint {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/microsoft-powerpoint.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-microsoft-powerpoint {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/microsoft-powerpoint.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-microsoft-powerpoint {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/microsoft-powerpoint.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-microsoft-powerpoint {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/microsoft-powerpoint.svg);
  mask: url(/CDN/Content/Images/svg/symbols/microsoft-powerpoint.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-microsoft-publisher {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/microsoft-publisher.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-microsoft-publisher {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/microsoft-publisher.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-microsoft-publisher {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/microsoft-publisher.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-microsoft-publisher {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/microsoft-publisher.svg);
  mask: url(/CDN/Content/Images/svg/symbols/microsoft-publisher.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-microsoft-teams {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/microsoft-teams.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-microsoft-teams {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/microsoft-teams.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-microsoft-teams {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/microsoft-teams.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-microsoft-teams {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/microsoft-teams.svg);
  mask: url(/CDN/Content/Images/svg/symbols/microsoft-teams.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-microsoft-word {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/microsoft-word.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-microsoft-word {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/microsoft-word.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-microsoft-word {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/microsoft-word.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-microsoft-word {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/microsoft-word.svg);
  mask: url(/CDN/Content/Images/svg/symbols/microsoft-word.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-microsoft-visio {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/microsoft-visio.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-microsoft-visio {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/microsoft-visio.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-microsoft-visio {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/microsoft-visio.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-microsoft-visio {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/microsoft-visio.svg);
  mask: url(/CDN/Content/Images/svg/symbols/microsoft-visio.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-mobile {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/mobile.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-mobile {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/mobile.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-mobile {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/mobile.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-mobile {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/mobile.svg);
  mask: url(/CDN/Content/Images/svg/symbols/mobile.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-multiple-calendars {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/multiple-calendars.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-multiple-calendars {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/multiple-calendars.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-multiple-calendars {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/multiple-calendars.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-multiple-calendars {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/multiple-calendars.svg);
  mask: url(/CDN/Content/Images/svg/symbols/multiple-calendars.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-my-content {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/my-content.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-my-content {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/my-content.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-my-content {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/my-content.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-my-content {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/my-content.svg);
  mask: url(/CDN/Content/Images/svg/symbols/my-content.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-native-credential {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/native-credential.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-native-credential {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/native-credential.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-native-credential {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/native-credential.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-native-credential {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/native-credential.svg);
  mask: url(/CDN/Content/Images/svg/symbols/native-credential.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-news-template {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/news-template.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-news-template {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/news-template.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-news-template {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/news-template.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-news-template {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/news-template.svg);
  mask: url(/CDN/Content/Images/svg/symbols/news-template.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-news {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/news.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-news {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/news.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-news {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/news.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-news {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/news.svg);
  mask: url(/CDN/Content/Images/svg/symbols/news.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-notification {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/notification.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-notification {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/notification.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-notification {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/notification.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-notification {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/notification.svg);
  mask: url(/CDN/Content/Images/svg/symbols/notification.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-note {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/note.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-note {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/note.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-note {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/note.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-note {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/note.svg);
  mask: url(/CDN/Content/Images/svg/symbols/note.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-office {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/office.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-office {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/office.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-office {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/office.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-office {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/office.svg);
  mask: url(/CDN/Content/Images/svg/symbols/office.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-region {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/region.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-region {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/region.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-region {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/region.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-region {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/region.svg);
  mask: url(/CDN/Content/Images/svg/symbols/region.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-org-chart {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/org-chart.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-org-chart {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/org-chart.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-org-chart {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/org-chart.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-org-chart {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/org-chart.svg);
  mask: url(/CDN/Content/Images/svg/symbols/org-chart.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-page {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/page.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-page {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/page.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-page {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/page.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-page {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/page.svg);
  mask: url(/CDN/Content/Images/svg/symbols/page.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-page-template {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/page-template.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-page-template {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/page-template.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-page-template {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/page-template.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-page-template {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/page-template.svg);
  mask: url(/CDN/Content/Images/svg/symbols/page-template.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-parent-folder {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/parent-folder.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-parent-folder {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/parent-folder.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-parent-folder {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/parent-folder.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-parent-folder {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/parent-folder.svg);
  mask: url(/CDN/Content/Images/svg/symbols/parent-folder.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-pdf-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/pdf-file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-pdf-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/pdf-file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-pdf-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/pdf-file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-pdf-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/pdf-file.svg);
  mask: url(/CDN/Content/Images/svg/symbols/pdf-file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-personal-manage-calendar {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/personal-manage-calendar.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-personal-manage-calendar {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/personal-manage-calendar.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-personal-manage-calendar {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/personal-manage-calendar.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-personal-manage-calendar {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/personal-manage-calendar.svg);
  mask: url(/CDN/Content/Images/svg/symbols/personal-manage-calendar.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-personnel-application {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/personnel-application.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-personnel-application {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/personnel-application.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-personnel-application {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/personnel-application.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-personnel-application {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/personnel-application.svg);
  mask: url(/CDN/Content/Images/svg/symbols/personnel-application.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-playlist {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/playlist.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-playlist {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/playlist.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-playlist {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/playlist.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-playlist {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/playlist.svg);
  mask: url(/CDN/Content/Images/svg/symbols/playlist.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-policy {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/policy.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-policy {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/policy.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-policy {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/policy.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-policy {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/policy.svg);
  mask: url(/CDN/Content/Images/svg/symbols/policy.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-poll {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/poll.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-poll {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/poll.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-poll {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/poll.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-poll {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/poll.svg);
  mask: url(/CDN/Content/Images/svg/symbols/poll.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-postal-address {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/postal-address.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-postal-address {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/postal-address.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-postal-address {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/postal-address.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-postal-address {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/postal-address.svg);
  mask: url(/CDN/Content/Images/svg/symbols/postal-address.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-preference {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/preference.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-preference {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/preference.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-preference {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/preference.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-preference {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/preference.svg);
  mask: url(/CDN/Content/Images/svg/symbols/preference.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-project {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/project.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-project {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/project.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-project {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/project.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-project {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/project.svg);
  mask: url(/CDN/Content/Images/svg/symbols/project.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-promote-page {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/promote-page.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-promote-page {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/promote-page.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-promote-page {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/promote-page.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-promote-page {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/promote-page.svg);
  mask: url(/CDN/Content/Images/svg/symbols/promote-page.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-publish {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/publish.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-publish {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/publish.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-publish {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/publish.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-publish {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/publish.svg);
  mask: url(/CDN/Content/Images/svg/symbols/publish.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-publication {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/publication.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-publication {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/publication.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-publication {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/publication.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-publication {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/publication.svg);
  mask: url(/CDN/Content/Images/svg/symbols/publication.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-question {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/question.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-question {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/question.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-question {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/question.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-question {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/question.svg);
  mask: url(/CDN/Content/Images/svg/symbols/question.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-reload {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/reload.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-reload {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/reload.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-reload {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/reload.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-reload {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/reload.svg);
  mask: url(/CDN/Content/Images/svg/symbols/reload.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-remove {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/remove.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-remove {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/remove.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-remove {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/remove.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-remove {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/remove.svg);
  mask: url(/CDN/Content/Images/svg/symbols/remove.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-replaceme {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/replaceme.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-replaceme {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/replaceme.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-replaceme {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/replaceme.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-replaceme {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/replaceme.svg);
  mask: url(/CDN/Content/Images/svg/symbols/replaceme.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-replace-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/replace-file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-replace-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/replace-file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-replace-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/replace-file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-replace-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/replace-file.svg);
  mask: url(/CDN/Content/Images/svg/symbols/replace-file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-report {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/report.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-report {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/report.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-report {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/report.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-report {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/report.svg);
  mask: url(/CDN/Content/Images/svg/symbols/report.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-republish {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/republish.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-republish {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/republish.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-republish {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/republish.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-republish {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/republish.svg);
  mask: url(/CDN/Content/Images/svg/symbols/republish.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-save {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/save.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-save {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/save.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-save {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/save.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-save {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/save.svg);
  mask: url(/CDN/Content/Images/svg/symbols/save.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-schedule {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/schedule.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-schedule {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/schedule.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-schedule {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/schedule.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-schedule {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/schedule.svg);
  mask: url(/CDN/Content/Images/svg/symbols/schedule.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-search {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/search.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-search {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/search.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-search {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/search.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-search {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/search.svg);
  mask: url(/CDN/Content/Images/svg/symbols/search.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-service-desk-alert {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/service-desk-alert.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-service-desk-alert {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/service-desk-alert.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-service-desk-alert {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/service-desk-alert.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-service-desk-alert {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/service-desk-alert.svg);
  mask: url(/CDN/Content/Images/svg/symbols/service-desk-alert.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-service-desk-app {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/service-desk-app.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-service-desk-app {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/service-desk-app.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-service-desk-app {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/service-desk-app.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-service-desk-app {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/service-desk-app.svg);
  mask: url(/CDN/Content/Images/svg/symbols/service-desk-app.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-service-desk-category {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/service-desk-category.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-service-desk-category {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/service-desk-category.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-service-desk-category {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/service-desk-category.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-service-desk-category {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/service-desk-category.svg);
  mask: url(/CDN/Content/Images/svg/symbols/service-desk-category.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-service-desk-queue {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/service-desk-queue.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-service-desk-queue {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/service-desk-queue.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-service-desk-queue {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/service-desk-queue.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-service-desk-queue {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/service-desk-queue.svg);
  mask: url(/CDN/Content/Images/svg/symbols/service-desk-queue.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-service-desk-response-template {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/service-desk-response-template.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-service-desk-response-template {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/service-desk-response-template.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-service-desk-response-template {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/service-desk-response-template.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-service-desk-response-template {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/service-desk-response-template.svg);
  mask: url(/CDN/Content/Images/svg/symbols/service-desk-response-template.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-service-desk-ticket {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/service-desk-ticket.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-service-desk-ticket {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/service-desk-ticket.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-service-desk-ticket {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/service-desk-ticket.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-service-desk-ticket {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/service-desk-ticket.svg);
  mask: url(/CDN/Content/Images/svg/symbols/service-desk-ticket.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-service-portal {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/service-portal.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-service-portal {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/service-portal.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-service-portal {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/service-portal.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-service-portal {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/service-portal.svg);
  mask: url(/CDN/Content/Images/svg/symbols/service-portal.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-service-portal-sub {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/service-portal-sub.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-service-portal-sub {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/service-portal-sub.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-service-portal-sub {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/service-portal-sub.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-service-portal-sub {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/service-portal-sub.svg);
  mask: url(/CDN/Content/Images/svg/symbols/service-portal-sub.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-share {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/share.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-share {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/share.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-share {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/share.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-share {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/share.svg);
  mask: url(/CDN/Content/Images/svg/symbols/share.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-shared-crm-group {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/shared-crm-group.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-shared-crm-group {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/shared-crm-group.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-shared-crm-group {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/shared-crm-group.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-shared-crm-group {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/shared-crm-group.svg);
  mask: url(/CDN/Content/Images/svg/symbols/shared-crm-group.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-site-settings {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/site-settings.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-site-settings {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/site-settings.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-site-settings {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/site-settings.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-site-settings {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/site-settings.svg);
  mask: url(/CDN/Content/Images/svg/symbols/site-settings.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-skype {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/skype.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-skype {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/skype.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-skype {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/skype.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-skype {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/skype.svg);
  mask: url(/CDN/Content/Images/svg/symbols/skype.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-sipdial {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/sipdial.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-sipdial {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/sipdial.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-sipdial {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/sipdial.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-sipdial {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/sipdial.svg);
  mask: url(/CDN/Content/Images/svg/symbols/sipdial.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-social {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/social.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-social {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/social.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-social {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/social.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-social {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/social.svg);
  mask: url(/CDN/Content/Images/svg/symbols/social.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-social-group {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/social-group.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-social-group {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/social-group.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-social-group {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/social-group.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-social-group {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/social-group.svg);
  mask: url(/CDN/Content/Images/svg/symbols/social-group.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-social-link {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/social-link.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-social-link {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/social-link.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-social-link {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/social-link.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-social-link {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/social-link.svg);
  mask: url(/CDN/Content/Images/svg/symbols/social-link.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-special-calendar {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/special-calendar.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-special-calendar {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/special-calendar.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-special-calendar {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/special-calendar.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-special-calendar {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/special-calendar.svg);
  mask: url(/CDN/Content/Images/svg/symbols/special-calendar.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-special-permission {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/special-permission.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-special-permission {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/special-permission.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-special-permission {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/special-permission.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-special-permission {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/special-permission.svg);
  mask: url(/CDN/Content/Images/svg/symbols/special-permission.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-star {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/star.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-star {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/star.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-star {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/star.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-star {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/star.svg);
  mask: url(/CDN/Content/Images/svg/symbols/star.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-system-group {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/system-group.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-system-group {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/system-group.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-system-group {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/system-group.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-system-group {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/system-group.svg);
  mask: url(/CDN/Content/Images/svg/symbols/system-group.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-system-task {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/system-task.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-system-task {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/system-task.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-system-task {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/system-task.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-system-task {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/system-task.svg);
  mask: url(/CDN/Content/Images/svg/symbols/system-task.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-tag {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/tag.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-tag {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/tag.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-tag {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/tag.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-tag {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/tag.svg);
  mask: url(/CDN/Content/Images/svg/symbols/tag.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-task {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/task.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-task {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/task.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-task {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/task.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-task {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/task.svg);
  mask: url(/CDN/Content/Images/svg/symbols/task.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-team {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/team.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-team {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/team.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-team {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/team.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-team {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/team.svg);
  mask: url(/CDN/Content/Images/svg/symbols/team.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-telephone {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/telephone.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-telephone {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/telephone.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-telephone {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/telephone.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-telephone {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/telephone.svg);
  mask: url(/CDN/Content/Images/svg/symbols/telephone.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-text-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/text-file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-text-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/text-file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-text-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/text-file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-text-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/text-file.svg);
  mask: url(/CDN/Content/Images/svg/symbols/text-file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-tick {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/tick.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-tick {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/tick.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-tick {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/tick.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-tick {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/tick.svg);
  mask: url(/CDN/Content/Images/svg/symbols/tick.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-tick-green {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/tick-green.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-tick-green {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/tick-green.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-tick-green {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/tick-green.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-tick-green {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/tick-green.svg);
  mask: url(/CDN/Content/Images/svg/symbols/tick-green.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-today {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/today.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-today {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/today.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-today {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/today.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-today {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/today.svg);
  mask: url(/CDN/Content/Images/svg/symbols/today.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-tools {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/tools.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-tools {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/tools.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-tools {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/tools.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-tools {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/tools.svg);
  mask: url(/CDN/Content/Images/svg/symbols/tools.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-unknown {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/unknown.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-unknown {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/unknown.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-unknown {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/unknown.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-unknown {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/unknown.svg);
  mask: url(/CDN/Content/Images/svg/symbols/unknown.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-unlocked {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/unlocked.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-unlocked {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/unlocked.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-unlocked {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/unlocked.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-unlocked {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/unlocked.svg);
  mask: url(/CDN/Content/Images/svg/symbols/unlocked.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-update {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/update.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-update {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/update.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-update {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/update.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-update {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/update.svg);
  mask: url(/CDN/Content/Images/svg/symbols/update.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-upgrade {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/upgrade.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-upgrade {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/upgrade.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-upgrade {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/upgrade.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-upgrade {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/upgrade.svg);
  mask: url(/CDN/Content/Images/svg/symbols/upgrade.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-upload {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/upload.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-upload {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/upload.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-upload {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/upload.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-upload {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/upload.svg);
  mask: url(/CDN/Content/Images/svg/symbols/upload.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-user {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/user.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-user {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/user.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-user {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/user.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-user {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/user.svg);
  mask: url(/CDN/Content/Images/svg/symbols/user.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-user-add {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/user-add.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-user-add {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/user-add.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-user-add {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/user-add.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-user-add {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/user-add.svg);
  mask: url(/CDN/Content/Images/svg/symbols/user-add.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-user-group {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/user-group.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-user-group {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/user-group.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-user-group {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/user-group.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-user-group {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/user-group.svg);
  mask: url(/CDN/Content/Images/svg/symbols/user-group.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-user-history {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/user-history.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-user-history {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/user-history.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-user-history {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/user-history.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-user-history {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/user-history.svg);
  mask: url(/CDN/Content/Images/svg/symbols/user-history.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-user-settings {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/user-settings.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-user-settings {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/user-settings.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-user-settings {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/user-settings.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-user-settings {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/user-settings.svg);
  mask: url(/CDN/Content/Images/svg/symbols/user-settings.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-video-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/video-file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-video-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/video-file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-video-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/video-file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-video-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/video-file.svg);
  mask: url(/CDN/Content/Images/svg/symbols/video-file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-visible {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/visible.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-visible {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/visible.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-visible {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/visible.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-visible {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/visible.svg);
  mask: url(/CDN/Content/Images/svg/symbols/visible.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-warning {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/warning.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-warning {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/warning.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-warning {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/warning.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-warning {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/warning.svg);
  mask: url(/CDN/Content/Images/svg/symbols/warning.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-wiki {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/wiki.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-wiki {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/wiki.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-wiki {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/wiki.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-wiki {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/wiki.svg);
  mask: url(/CDN/Content/Images/svg/symbols/wiki.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-wiki-article {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/wiki-article.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-wiki-article {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/wiki-article.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-wiki-article {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/wiki-article.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-wiki-article {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/wiki-article.svg);
  mask: url(/CDN/Content/Images/svg/symbols/wiki-article.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-workgroup {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/workgroup.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-workgroup {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/workgroup.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-workgroup {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/workgroup.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-workgroup {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/workgroup.svg);
  mask: url(/CDN/Content/Images/svg/symbols/workgroup.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-workflow {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/workflow.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-workflow {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/workflow.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-workflow {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/workflow.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-workflow {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/workflow.svg);
  mask: url(/CDN/Content/Images/svg/symbols/workflow.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-workflow-branch {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/workflow-branch.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-workflow-branch {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/workflow-branch.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-workflow-branch {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/workflow-branch.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-workflow-branch {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/workflow-branch.svg);
  mask: url(/CDN/Content/Images/svg/symbols/workflow-branch.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-workflow-linear {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/workflow-linear.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-workflow-linear {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/workflow-linear.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-workflow-linear {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/workflow-linear.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-workflow-linear {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/workflow-linear.svg);
  mask: url(/CDN/Content/Images/svg/symbols/workflow-linear.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-working-patterns {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/working-patterns.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-working-patterns {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/working-patterns.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-working-patterns {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/working-patterns.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-working-patterns {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/working-patterns.svg);
  mask: url(/CDN/Content/Images/svg/symbols/working-patterns.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-zip-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/zip-file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-zip-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/zip-file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-zip-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/zip-file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-zip-file {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/zip-file.svg);
  mask: url(/CDN/Content/Images/svg/symbols/zip-file.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-sharepoint {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/sharepoint.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-sharepoint {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/sharepoint.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-sharepoint {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/sharepoint.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-sharepoint {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/sharepoint.svg);
  mask: url(/CDN/Content/Images/svg/symbols/sharepoint.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-exchange-server {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/exchange-server.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-exchange-server {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/exchange-server.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-exchange-server {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/exchange-server.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-exchange-server {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/exchange-server.svg);
  mask: url(/CDN/Content/Images/svg/symbols/exchange-server.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-pusheicon {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/pusheicon.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-pusheicon {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/pusheicon.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-pusheicon {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/pusheicon.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-pusheicon {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/pusheicon.svg);
  mask: url(/CDN/Content/Images/svg/symbols/pusheicon.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-hub {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/hub.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-hub {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/hub.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-hub {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/hub.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-hub {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/hub.svg);
  mask: url(/CDN/Content/Images/svg/symbols/hub.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-user-footprint {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/user-footprint.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-user-footprint {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/user-footprint.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-user-footprint {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/user-footprint.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-user-footprint {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/user-footprint.svg);
  mask: url(/CDN/Content/Images/svg/symbols/user-footprint.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-google-drive {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/google-drive.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-google-drive {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/google-drive.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-google-drive {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/google-drive.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-google-drive {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/google-drive.svg);
  mask: url(/CDN/Content/Images/svg/symbols/google-drive.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-supportcatagory {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/supportcatagory.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-supportcatagory {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/supportcatagory.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-supportcatagory {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/supportcatagory.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-supportcatagory {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/supportcatagory.svg);
  mask: url(/CDN/Content/Images/svg/symbols/supportcatagory.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-supportfaq {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/supportfaq.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-supportfaq {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/supportfaq.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-supportfaq {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/supportfaq.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-supportfaq {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/supportfaq.svg);
  mask: url(/CDN/Content/Images/svg/symbols/supportfaq.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-supportfile {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/supportfile.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-supportfile {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/supportfile.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-supportfile {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/supportfile.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-supportfile {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/supportfile.svg);
  mask: url(/CDN/Content/Images/svg/symbols/supportfile.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-supportguide {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/supportguide.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-supportguide {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/supportguide.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-supportguide {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/supportguide.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-supportguide {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/supportguide.svg);
  mask: url(/CDN/Content/Images/svg/symbols/supportguide.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-supportmedia {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/supportmedia.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-supportmedia {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/supportmedia.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-supportmedia {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/supportmedia.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-supportmedia {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/supportmedia.svg);
  mask: url(/CDN/Content/Images/svg/symbols/supportmedia.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-view-blog {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/view-blog.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-view-blog {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/view-blog.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-view-blog {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/view-blog.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-view-blog {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/view-blog.svg);
  mask: url(/CDN/Content/Images/svg/symbols/view-blog.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol16-write-post {
  background-color: var(--md-sys-color-on-background, #333);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/write-post.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol32-write-post {
  background-color: var(--md-sys-color-on-background, #333);
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/write-post.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol48-write-post {
  background-color: var(--md-sys-color-on-background, #333);
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url(/CDN/Content/Images/svg/symbols/write-post.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.symbol24-write-post {
  background-color: var(--md-sys-color-on-background, #333);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: url(/CDN/Content/Images/svg/symbols/write-post.svg);
  mask: url(/CDN/Content/Images/svg/symbols/write-post.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}

[class^=svg-] {
  background-position: center;
  background-size: cover;
  display: inline-block;
  height: 48px;
  width: 48px;
}
[class^=svg-].icon16 {
  height: 16px;
  width: 16px;
}
[class^=svg-].icon24 {
  height: 24px;
  width: 24px;
}
[class^=svg-].icon32 {
  height: 32px;
  width: 32px;
}
[class^=svg-].icon48 {
  height: 48px;
  width: 48px;
}

.svg-add-comment {
  background-image: url(/CDN/Content/Images/svg/add-comment.svg);
}

.svg-alarm-clock {
  background-image: url(/CDN/Content/Images/svg/alarm-clock.svg);
}

.svg-areas {
  background-image: url(/CDN/Content/Images/svg/areas.svg);
}

.svg-area-business {
  background-image: url(/CDN/Content/Images/svg/area-business.svg);
}

.svg-area-department {
  background-image: url(/CDN/Content/Images/svg/area-department.svg);
}

.svg-area-folder {
  background-image: url(/CDN/Content/Images/svg/area-folder.svg);
}

.svg-area-office {
  background-image: url(/CDN/Content/Images/svg/area-office.svg);
}

.svg-area-project {
  background-image: url(/CDN/Content/Images/svg/area-project.svg);
}

.svg-area-team {
  background-image: url(/CDN/Content/Images/svg/area-team.svg);
}

.svg-area-region {
  background-image: url(/CDN/Content/Images/svg/area-region.svg);
}

.svg-arrow-down {
  background-image: url(/CDN/Content/Images/svg/arrow-down.svg);
}

.svg-arrow-down-white {
  background-image: url(/CDN/Content/Images/svg/arrow-down-white.svg);
}

.svg-arrow-left {
  background-image: url(/CDN/Content/Images/svg/arrow-left.svg);
}

.svg-arrow-next {
  background-image: url(/CDN/Content/Images/svg/arrow-next.svg);
}

.svg-arrow-right {
  background-image: url(/CDN/Content/Images/svg/arrow-right.svg);
}

.svg-arrow-up {
  background-image: url(/CDN/Content/Images/svg/arrow-up.svg);
}

.svg-arrow-up-white {
  background-image: url(/CDN/Content/Images/svg/arrow-up-white.svg);
}

.svg-attachment {
  background-image: url(/CDN/Content/Images/svg/attachment.svg);
}

.svg-audio {
  background-image: url(/CDN/Content/Images/svg/audio.svg);
}

.svg-bin {
  background-image: url(/CDN/Content/Images/svg/bin.svg);
}

.svg-blank-page {
  background-image: url(/CDN/Content/Images/svg/blank-page.svg);
}

.svg-blog {
  background-image: url(/CDN/Content/Images/svg/blog.svg);
}

.svg-blog-post {
  background-image: url(/CDN/Content/Images/svg/blog-post.svg);
}

.svg-bookmark {
  background-image: url(/CDN/Content/Images/svg/bookmark.svg);
}

.svg-bookmark-white {
  background-image: url(/CDN/Content/Images/svg/bookmark-white.svg);
}

.svg-calendar {
  background-image: url(/CDN/Content/Images/svg/calendar.svg);
}

.svg-circle-cross {
  background-image: url(/CDN/Content/Images/svg/circle-cross.svg);
}

.svg-circle-link {
  background-image: url(/CDN/Content/Images/svg/circle-link.svg);
}

.svg-circle-tick {
  background-image: url(/CDN/Content/Images/svg/circle-tick.svg);
}

.svg-circle-upload {
  background-image: url(/CDN/Content/Images/svg/circle-upload.svg);
}

.svg-circle-upload-white {
  background-image: url(/CDN/Content/Images/svg/circle-upload-white.svg);
}

.svg-circle-question-mark {
  background-image: url(/CDN/Content/Images/svg/circle-question-mark.svg);
}

.svg-clock {
  background-image: url(/CDN/Content/Images/svg/clock.svg);
}

.svg-cog {
  background-image: url(/CDN/Content/Images/svg/cog.svg);
}

.svg-collection {
  background-image: url(/CDN/Content/Images/svg/collection.svg);
}

.svg-comment {
  background-image: url(/CDN/Content/Images/svg/comment.svg);
}

.svg-copy {
  background-image: url(/CDN/Content/Images/svg/copy.svg);
}

.svg-crm-call {
  background-image: url(/CDN/Content/Images/svg/crm-call.svg);
}

.svg-crm-deadline {
  background-image: url(/CDN/Content/Images/svg/crm-deadline.svg);
}

.svg-crm-email {
  background-image: url(/CDN/Content/Images/svg/crm-email.svg);
}

.svg-crm-lunch {
  background-image: url(/CDN/Content/Images/svg/crm-lunch.svg);
}

.svg-crm-meeting {
  background-image: url(/CDN/Content/Images/svg/crm-meeting.svg);
}

.svg-crm-todo {
  background-image: url(/CDN/Content/Images/svg/crm-todo.svg);
}

.svg-cross {
  background-image: url(/CDN/Content/Images/svg/cross.svg);
}

.svg-cross-black {
  background-image: url(/CDN/Content/Images/svg/cross-black.svg);
}

.svg-cross-red {
  background-image: url(/CDN/Content/Images/svg/cross-red.svg);
}

.svg-department {
  background-image: url(/CDN/Content/Images/svg/department.svg);
}

.svg-details {
  background-image: url(/CDN/Content/Images/svg/details.svg);
}

.svg-documents-collection {
  background-image: url(/CDN/Content/Images/svg/documents-collection.svg);
}

.svg-edit {
  background-image: url(/CDN/Content/Images/svg/edit.svg);
}

.svg-edit-pencil {
  background-image: url(/CDN/Content/Images/svg/edit-pencil.svg);
}

.svg-email {
  background-image: url(/CDN/Content/Images/svg/email.svg);
}

.svg-eye {
  background-image: url(/CDN/Content/Images/svg/eye.svg);
}

.svg-flag {
  background-image: url(/CDN/Content/Images/svg/flag.svg);
}

.svg-faq {
  background-image: url(/CDN/Content/Images/svg/faq.svg);
}

.svg-help-no-fill {
  background-image: url(/CDN/Content/Images/svg/help-no-fill.svg);
}

.svg-help-no-fill-white {
  background-image: url(/CDN/Content/Images/svg/help-no-fill-white.svg);
}

.svg-home-view {
  background-image: url(/CDN/Content/Images/svg/home-view.svg);
}

.svg-homepage-template {
  background-image: url(/CDN/Content/Images/svg/homepage-template.svg);
}

.svg-identities {
  background-image: url(/CDN/Content/Images/svg/identities.svg);
}

.svg-information {
  background-image: url(/CDN/Content/Images/svg/information.svg);
}

.svg-information-i {
  background-image: url(/CDN/Content/Images/svg/information-i.svg);
}

.svg-information-grey {
  background-image: url(/CDN/Content/Images/svg/information-grey.svg);
}

.svg-image-file {
  background-image: url(/CDN/Content/Images/svg/image-file.svg);
}

.svg-ip-address {
  background-image: url(/CDN/Content/Images/svg/ip-address.svg);
}

.svg-justify-all-grey {
  background-image: url(/CDN/Content/Images/svg/justify-all-grey.svg);
}

.svg-keyboard {
  background-image: url(/CDN/Content/Images/svg/keyboard.svg);
}

.svg-list-view {
  background-image: url(/CDN/Content/Images/svg/list-view.svg);
}

.svg-link {
  background-image: url(/CDN/Content/Images/svg/link.svg);
}

.svg-link-page {
  background-image: url(/CDN/Content/Images/svg/link-page.svg);
}

.svg-lock {
  background-image: url(/CDN/Content/Images/svg/lock.svg);
}

.svg-magazine {
  background-image: url(/CDN/Content/Images/svg/magazine.svg);
}

.svg-manager {
  background-image: url(/CDN/Content/Images/svg/manager.svg);
}

.svg-marker {
  background-image: url(/CDN/Content/Images/svg/marker.svg);
}

.svg-marker-red {
  background-image: url(/CDN/Content/Images/svg/marker-red.svg);
}

.svg-marker-white {
  background-image: url(/CDN/Content/Images/svg/marker-white.svg);
}

.svg-media {
  background-image: url(/CDN/Content/Images/svg/media.svg);
}

.svg-microsoft-teams {
  background-image: url(/CDN/Content/Images/svg/microsoft-teams.svg);
}

.svg-mobile {
  background-image: url(/CDN/Content/Images/svg/mobile.svg);
}

.svg-new-create-document {
  background-image: url(/CDN/Content/Images/svg/new-create-document.svg);
}

.svg-new-create-media {
  background-image: url(/CDN/Content/Images/svg/new-create-media.svg);
}

.svg-new-publish-individually {
  background-image: url(/CDN/Content/Images/svg/new-publish-individually.svg);
}

.svg-new-publish-together {
  background-image: url(/CDN/Content/Images/svg/new-publish-together.svg);
}

.svg-news {
  background-image: url(/CDN/Content/Images/svg/news.svg);
}

.svg-notice {
  background-image: url(/CDN/Content/Images/svg/notice.svg);
}

.svg-notification {
  background-image: url(/CDN/Content/Images/svg/notification.svg);
}

.svg-oak-ai-wand {
  background-image: url(/CDN/Content/Images/svg/oak-ai-wand.svg);
}

.svg-office {
  background-image: url(/CDN/Content/Images/svg/office.svg);
}

.svg-options {
  background-image: url(/CDN/Content/Images/svg/options.svg);
}

.svg-pause {
  background-image: url(/CDN/Content/Images/svg/pause.svg);
}

.svg-play {
  background-image: url(/CDN/Content/Images/svg/play.svg);
}

.svg-playlist {
  background-image: url(/CDN/Content/Images/svg/playlist.svg);
}

.svg-plus-blue {
  background-image: url(/CDN/Content/Images/svg/plus-blue.svg);
}

.svg-plus-green {
  background-image: url(/CDN/Content/Images/svg/plus-green.svg);
}

.svg-plus-white {
  background-image: url(/CDN/Content/Images/svg/plus-white.svg);
}

.svg-play-white {
  background-image: url(/CDN/Content/Images/svg/play-white.svg);
}

.svg-policy {
  background-image: url(/CDN/Content/Images/svg/policy.svg);
}

.svg-replace {
  background-image: url(/CDN/Content/Images/svg/replace.svg);
}

.svg-replace-white {
  background-image: url(/CDN/Content/Images/svg/replace-white.svg);
}

.svg-required {
  background-image: url(/CDN/Content/Images/svg/required.svg);
}

.svg-settings {
  background-image: url(/CDN/Content/Images/svg/settings.svg);
}

.svg-share-green {
  background-image: url(/CDN/Content/Images/svg/share-green.svg);
}

.svg-sorting-down {
  background-image: url(/CDN/Content/Images/svg/sorting-down.svg);
}

.svg-sorting-up {
  background-image: url(/CDN/Content/Images/svg/sorting-up.svg);
}

.svg-speechbubble {
  background-image: url(/CDN/Content/Images/svg/speechbubble.svg);
}

.svg-spinner-rorange {
  background-image: url(/CDN/Content/Images/svg/spinner-rorange.svg);
}

.svg-spinner-white {
  background-image: url(/CDN/Content/Images/svg/spinner-white.svg);
}

.svg-star {
  background-image: url(/CDN/Content/Images/svg/star.svg);
}

.svg-sync {
  background-image: url(/CDN/Content/Images/svg/sync.svg);
}

.svg-tag {
  background-image: url(/CDN/Content/Images/svg/tag.svg);
}

.svg-telephone {
  background-image: url(/CDN/Content/Images/svg/telephone.svg);
}

.svg-tick {
  background-image: url(/CDN/Content/Images/svg/tick.svg);
}

.svg-tick-blue {
  background-image: url(/CDN/Content/Images/svg/tick-blue.svg);
}

.svg-tick-green {
  background-image: url(/CDN/Content/Images/svg/tick-green.svg);
}

.svg-tick-orange {
  background-image: url(/CDN/Content/Images/svg/tick-orange.svg);
}

.svg-user-no-avatar {
  background-image: url(/CDN/Content/Images/svg/user-no-avatar.svg);
}

.svg-user {
  background-image: url(/CDN/Content/Images/svg/user.svg);
}

.svg-users {
  background-image: url(/CDN/Content/Images/svg/users.svg);
}

.svg-warning {
  background-image: url(/CDN/Content/Images/svg/warning.svg);
}

.svg-weblink {
  background-image: url(/CDN/Content/Images/svg/weblink.svg);
}

.svg-website {
  background-image: url(/CDN/Content/Images/svg/website.svg);
}

.svg-white-camera {
  background-image: url(/CDN/Content/Images/svg/white-camera.svg);
}

.svg-working-patterns {
  background-image: url(/CDN/Content/Images/svg/working-patterns.svg);
}

.icon16.svg-area-business {
  background-image: url(/CDN/Content/Images/svg/area-business-16.svg);
}

.icon16.svg-area-department {
  background-image: url(/CDN/Content/Images/svg/area-department-16.svg);
}

.icon16.svg-area-folder {
  background-image: url(/CDN/Content/Images/svg/area-folder-16.svg);
}

.icon16.svg-area-region {
  background-image: url(/CDN/Content/Images/svg/area-region-16.svg);
}

.icon16.svg-area-office {
  background-image: url(/CDN/Content/Images/svg/area-office-16.svg);
}

.icon16.svg-area-project {
  background-image: url(/CDN/Content/Images/svg/area-project-16.svg);
}

.icon16.svg-area-team {
  background-image: url(/CDN/Content/Images/svg/area-team-16.svg);
}

.icon16.svg-blog {
  background-image: url(/CDN/Content/Images/svg/blog-16.svg);
}

.icon16.svg-blog-post {
  background-image: url(/CDN/Content/Images/svg/blog-post-16.svg);
}

.icon16.svg-documents-collection {
  background-image: url(/CDN/Content/Images/svg/documents-collection-16.svg);
}

.icon16.svg-news {
  background-image: url(/CDN/Content/Images/svg/news-16.svg);
}

.icon16.svg-faq {
  background-image: url(/CDN/Content/Images/svg/faq-16.svg);
}

.icon16.svg-tag {
  background-image: url(/CDN/Content/Images/svg/tag-16.svg);
}

.icon32.svg-audio {
  background-image: url(/CDN/Content/Images/svg/audio-32.svg);
}

.icon32.svg-media {
  background-image: url(/CDN/Content/Images/svg/media-32.svg);
}

.icon32.svg-image-file {
  background-image: url(/CDN/Content/Images/svg/image-file-32.svg);
}

.icon32.svg-area-business {
  background-image: url(/CDN/Content/Images/svg/area-business-32.svg);
}

.icon32.svg-area-department {
  background-image: url(/CDN/Content/Images/svg/area-department-32.svg);
}

.icon32.svg-area-folder {
  background-image: url(/CDN/Content/Images/svg/area-folder-32.svg);
}

.icon32.svg-area-region {
  background-image: url(/CDN/Content/Images/svg/area-region-32.svg);
}

.icon32.svg-area-office {
  background-image: url(/CDN/Content/Images/svg/area-office-32.svg);
}

.icon32.svg-area-project {
  background-image: url(/CDN/Content/Images/svg/area-project-32.svg);
}

.icon32.svg-area-team {
  background-image: url(/CDN/Content/Images/svg/area-team-32.svg);
}

.icon32.svg-blog {
  background-image: url(/CDN/Content/Images/svg/blog-32.svg);
}

.icon32.svg-blog-post {
  background-image: url(/CDN/Content/Images/svg/blog-post-32.svg);
}

.icon32.svg-faq {
  background-image: url(/CDN/Content/Images/svg/faq-32.svg);
}

.icon32.svg-documents-collection {
  background-image: url(/CDN/Content/Images/svg/documents-collection-32.svg);
}

.icon32.svg-link-page {
  background-image: url(/CDN/Content/Images/svg/link-page-32.svg);
}

.icon32.svg-news {
  background-image: url(/CDN/Content/Images/svg/news-32.svg);
}

.icon32.svg-policy {
  background-image: url(/CDN/Content/Images/svg/policy-32.svg);
}

.icon32.svg-tag {
  background-image: url(/CDN/Content/Images/svg/tag-32.svg);
}

.silhouette16-add {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/add.png) no-repeat;
}

.active .silhouette16-add {
  background: url(/CDN/Content/Images/icon16/silhouette/white/add.png) no-repeat;
}

.silhouette16-arrow {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/arrow.png) no-repeat;
}

.active .silhouette16-arrow {
  background: url(/CDN/Content/Images/icon16/silhouette/white/arrow.png) no-repeat;
}

.silhouette16-arrow-down {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/arrow-down.png) no-repeat;
}

.active .silhouette16-arrow-down {
  background: url(/CDN/Content/Images/icon16/silhouette/white/arrow-down.png) no-repeat;
}

.silhouette16-arrow-left {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/arrow-left.png) no-repeat;
}

.active .silhouette16-arrow-left {
  background: url(/CDN/Content/Images/icon16/silhouette/white/arrow-left.png) no-repeat;
}

.silhouette16-arrow-right {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/arrow-right.png) no-repeat;
}

.active .silhouette16-arrow-right {
  background: url(/CDN/Content/Images/icon16/silhouette/white/arrow-right.png) no-repeat;
}

.silhouette16-arrow-up {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/arrow-up.png) no-repeat;
}

.active .silhouette16-arrow-up {
  background: url(/CDN/Content/Images/icon16/silhouette/white/arrow-up.png) no-repeat;
}

.silhouette16-audio {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/audio.png) no-repeat;
}

.active .silhouette16-audio {
  background: url(/CDN/Content/Images/icon16/silhouette/white/audio.png) no-repeat;
}

.silhouette16-bin {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/bin.png) no-repeat;
}

.active .silhouette16-bin {
  background: url(/CDN/Content/Images/icon16/silhouette/white/bin.png) no-repeat;
}

.silhouette16-briefcase {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/briefcase.png) no-repeat;
}

.active .silhouette16-briefcase {
  background: url(/CDN/Content/Images/icon16/silhouette/white/briefcase.png) no-repeat;
}

.silhouette16-brush {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/brush.png) no-repeat;
}

.active .silhouette16-brush {
  background: url(/CDN/Content/Images/icon16/silhouette/white/brush.png) no-repeat;
}

.silhouette16-calendar {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/calendar.png) no-repeat;
}

.active .silhouette16-calendar {
  background: url(/CDN/Content/Images/icon16/silhouette/white/calendar.png) no-repeat;
}

.silhouette16-card {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/card.png) no-repeat;
}

.active .silhouette16-card {
  background: url(/CDN/Content/Images/icon16/silhouette/white/card.png) no-repeat;
}

.silhouette16-cog {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/cog.png) no-repeat;
}

.active .silhouette16-cog {
  background: url(/CDN/Content/Images/icon16/silhouette/white/cog.png) no-repeat;
}

.silhouette16-content-view {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/content-view.png) no-repeat;
}

.active .silhouette16-content-view {
  background: url(/CDN/Content/Images/icon16/silhouette/white/content-view.png) no-repeat;
}

.silhouette16-copy {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/copy.png) no-repeat;
}

.active .silhouette16-copy {
  background: url(/CDN/Content/Images/icon16/silhouette/white/copy.png) no-repeat;
}

.silhouette16-cross {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/cross.png) no-repeat;
}

.active .silhouette16-cross {
  background: url(/CDN/Content/Images/icon16/silhouette/white/cross.png) no-repeat;
}

.silhouette16-day {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/day.png) no-repeat;
}

.active .silhouette16-day {
  background: url(/CDN/Content/Images/icon16/silhouette/white/day.png) no-repeat;
}

.silhouette16-file {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/file.png) no-repeat;
}

.active .silhouette16-file {
  background: url(/CDN/Content/Images/icon16/silhouette/white/file.png) no-repeat;
}

.silhouette16-folder {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/folder.png) no-repeat;
}

.active .silhouette16-folder {
  background: url(/CDN/Content/Images/icon16/silhouette/white/folder.png) no-repeat;
}

.silhouette16-fullscreen {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/fullscreen.png) no-repeat;
}

.active .silhouette16-fullscreen {
  background: url(/CDN/Content/Images/icon16/silhouette/white/fullscreen.png) no-repeat;
}

.silhouette16-group {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/group.png) no-repeat;
}

.active .silhouette16-group {
  background: url(/CDN/Content/Images/icon16/silhouette/white/group.png) no-repeat;
}

.silhouette16-heart {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/heart.png) no-repeat;
}

.active .silhouette16-heart {
  background: url(/CDN/Content/Images/icon16/silhouette/white/heart.png) no-repeat;
}

.silhouette16-help {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/help.png) no-repeat;
}

.active .silhouette16-help {
  background: url(/CDN/Content/Images/icon16/silhouette/white/help.png) no-repeat;
}

.silhouette16-home-view {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/home-view.png) no-repeat;
}

.active .silhouette16-home-view {
  background: url(/CDN/Content/Images/icon16/silhouette/white/home-view.png) no-repeat;
}

.silhouette16-image {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/image.png) no-repeat;
}

.active .silhouette16-image {
  background: url(/CDN/Content/Images/icon16/silhouette/white/image.png) no-repeat;
}

.silhouette16-information {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/information.png) no-repeat;
}

.active .silhouette16-information {
  background: url(/CDN/Content/Images/icon16/silhouette/white/information.png) no-repeat;
}

.silhouette16-list {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/list.png) no-repeat;
}

.active .silhouette16-list {
  background: url(/CDN/Content/Images/icon16/silhouette/white/list.png) no-repeat;
}

.silhouette16-message {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/message.png) no-repeat;
}

.active .silhouette16-message {
  background: url(/CDN/Content/Images/icon16/silhouette/white/message.png) no-repeat;
}

.silhouette16-minus {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/minus.png) no-repeat;
}

.active .silhouette16-minus {
  background: url(/CDN/Content/Images/icon16/silhouette/white/minus.png) no-repeat;
}

.silhouette16-month {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/month.png) no-repeat;
}

.active .silhouette16-month {
  background: url(/CDN/Content/Images/icon16/silhouette/white/month.png) no-repeat;
}

.silhouette16-new {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/new.png) no-repeat;
}

.active .silhouette16-new {
  background: url(/CDN/Content/Images/icon16/silhouette/white/new.png) no-repeat;
}

.silhouette16-oakstar {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/oakstar.png) no-repeat;
}

.active .silhouette16-oakstar {
  background: url(/CDN/Content/Images/icon16/silhouette/white/oakstar.png) no-repeat;
}

.silhouette16-options {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/options.png) no-repeat;
}

.active .silhouette16-options {
  background: url(/CDN/Content/Images/icon16/silhouette/white/options.png) no-repeat;
}

.silhouette16-pencil {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/pencil.png) no-repeat;
}

.active .silhouette16-pencil {
  background: url(/CDN/Content/Images/icon16/silhouette/white/pencil.png) no-repeat;
}

.silhouette16-people {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/people.png) no-repeat;
}

.active .silhouette16-people {
  background: url(/CDN/Content/Images/icon16/silhouette/white/people.png) no-repeat;
}

.silhouette16-plus {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/plus.png) no-repeat;
}

.active .silhouette16-plus {
  background: url(/CDN/Content/Images/icon16/silhouette/white/plus.png) no-repeat;
}

.silhouette16-popout {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/popout.png) no-repeat;
}

.active .silhouette16-popout {
  background: url(/CDN/Content/Images/icon16/silhouette/white/popout.png) no-repeat;
}

.silhouette16-repeat {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/repeat.png) no-repeat;
}

.active .silhouette16-repeat {
  background: url(/CDN/Content/Images/icon16/silhouette/white/repeat.png) no-repeat;
}

.silhouette16-return-key {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/return-key.png) no-repeat;
}

.active .silhouette16-return-key {
  background: url(/CDN/Content/Images/icon16/silhouette/white/return-key.png) no-repeat;
}

.silhouette16-right {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/right.png) no-repeat;
}

.active .silhouette16-right {
  background: url(/CDN/Content/Images/icon16/silhouette/white/right.png) no-repeat;
}

.silhouette16-save {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/save.png) no-repeat;
}

.active .silhouette16-save {
  background: url(/CDN/Content/Images/icon16/silhouette/white/save.png) no-repeat;
}

.silhouette16-search {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/search.png) no-repeat;
}

.active .silhouette16-search {
  background: url(/CDN/Content/Images/icon16/silhouette/white/search.png) no-repeat;
}

.silhouette16-status-bars {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/status-bars.png) no-repeat;
}

.active .silhouette16-status-bars {
  background: url(/CDN/Content/Images/icon16/silhouette/white/status-bars.png) no-repeat;
}

.silhouette16-summary {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/summary.png) no-repeat;
}

.active .silhouette16-summary {
  background: url(/CDN/Content/Images/icon16/silhouette/white/summary.png) no-repeat;
}

.silhouette16-tag {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/tag.png) no-repeat;
}

.active .silhouette16-tag {
  background: url(/CDN/Content/Images/icon16/silhouette/white/tag.png) no-repeat;
}

.silhouette16-thumbnail {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/thumbnail.png) no-repeat;
}

.active .silhouette16-thumbnail {
  background: url(/CDN/Content/Images/icon16/silhouette/white/thumbnail.png) no-repeat;
}

.silhouette16-todo {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/todo.png) no-repeat;
}

.active .silhouette16-todo {
  background: url(/CDN/Content/Images/icon16/silhouette/white/todo.png) no-repeat;
}

.silhouette16-user {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/user.png) no-repeat;
}

.active .silhouette16-user {
  background: url(/CDN/Content/Images/icon16/silhouette/white/user.png) no-repeat;
}

.silhouette16-week {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/week.png) no-repeat;
}

.active .silhouette16-week {
  background: url(/CDN/Content/Images/icon16/silhouette/white/week.png) no-repeat;
}

.silhouette16-write {
  background: url(/CDN/Content/Images/icon16/silhouette/grey/write.png) no-repeat;
}

.active .silhouette16-write {
  background: url(/CDN/Content/Images/icon16/silhouette/white/write.png) no-repeat;
}

[data-freelineicon]:before {
  font-family: "freeline-font" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=freeline-]:before,
[class*=" freeline-"]:before {
  font-family: "freeline-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.freeline-home:before {
  content: "a";
}

.freeline-location:before {
  content: "b";
}

.freeline-add:before {
  content: "c";
}

.freeline-settings:before {
  content: "d";
}

.freeline-email:before {
  content: "e";
}

.freeline-chat:before {
  content: "f";
}

.freeline-eye:before {
  content: "g";
}

.freeline-download:before {
  content: "h";
}

.freeline-heart:before {
  content: "i";
}

.freeline-edit:before {
  content: "j";
}

.freeline-clock:before {
  content: "k";
}

.freeline-arrow-right:before {
  content: "l";
}

.freeline-search:before {
  content: "m";
}

.freeline-cloud:before {
  content: "n";
}

.freeline-image:before {
  content: "o";
}

.freeline-gauge:before {
  content: "p";
}

.freeline-print:before {
  content: "q";
}

.freeline-arrow-left:before {
  content: "r";
}

.freeline-tick:before {
  content: "s";
}

.freeline-folder:before {
  content: "t";
}

.freeline-bell:before {
  content: "u";
}

.freeline-camera:before {
  content: "v";
}

.freeline-cross:before {
  content: "w";
}

.freeline-flag:before {
  content: "x";
}

.freeline-person:before {
  content: "y";
}

.freeline-compass:before {
  content: "z";
}

.freeline-cascade:before {
  content: "A";
}

.freeline-upload:before {
  content: "B";
}

.freeline-phone:before {
  content: "C";
}

.freeline-leaf:before {
  content: "D";
}

.freeline-discard:before {
  content: "E";
}

.freeline-archive:before {
  content: "F";
}

.freeline-bin:before {
  content: "G";
}

.freeline-star:before {
  content: "H";
}

.freeline-lock:before {
  content: "I";
}

.freeline-award:before {
  content: "J";
}

.freeline-link:before {
  content: "K";
}

.freeline-profile:before {
  content: "L";
}

.freeline-glass:before {
  content: "M";
}

.freeline-cup:before {
  content: "N";
}

.freeline-no-photo:before {
  content: "O";
}
.social-identity-icon {
  background: #ddd;
  color: #333333;
  margin: 0;
}
.social-identity-icon:before {
  background-repeat: no-repeat;
  content: "";
  position: absolute;
}
.social-identity-icon.tp-0 {
  top: 0;
}
.social-identity-icon.colour {
  background: #fff;
}
.social-identity-icon.rnd {
  border-radius: 50%;
}
.social-identity-icon.rnd-corners {
  border-radius: 3px;
}
.social-identity-icon.icon48 {
  width: 48px;
  height: 48px;
  background-size: contain;
}
.social-identity-icon.icon48:before {
  width: 48px;
  height: 48px;
}
.social-identity-icon.icon32 {
  width: 32px;
  height: 32px;
  background-size: contain;
}
.social-identity-icon.icon32:before {
  width: 32px;
  height: 32px;
  background-size: contain;
}
.social-identity-icon.icon24 {
  width: 24px;
  height: 24px;
  background-size: contain;
}
.social-identity-icon.icon24:before {
  width: 24px;
  height: 24px;
}
.social-identity-icon.icon16 {
  width: 16px;
  height: 16px;
  background-size: contain;
}
.social-identity-icon.icon16:before {
  width: 16px;
  height: 16px;
}
.social-identity-icon.nobackground {
  background-color: unset;
}
.social-identity-icon.dropbox:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDggNDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNCwzMnYtMmwzLjYsMi4zbDUuOS01LjFWMzhMMTQsMzJ6IE04LjUsMjZsNS41LTVsOSw1LjhsLTUuMyw0LjZMOC41LDI2eiBNMTQsMjBsLTYtNC42bDktNS40bDYuNSw0LjUNCglMMTQsMjB6IE0zNCwzMmwtOS41LDZWMjcuMmw1LjksNS4xTDM0LDMwVjMyeiBNMzAuNCwzMS40TDI1LDI2LjhsOS01LjhsNS41LDVMMzAuNCwzMS40eiBNMzQsMjBsLTkuNS01LjVMMzEsMTBsOSw1LjRMMzQsMjB6Ii8+DQo8L3N2Zz4NCg==);
}
.social-identity-icon.dropbox.colour:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDggNDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM0Qzk2RDEiIGQ9Ik0xNCwzMnYtMmwzLjYsMi4zbDUuOS01LjFWMzhMMTQsMzJ6IE04LjUsMjZsNS41LTVsOSw1LjhsLTUuMyw0LjZMOC41LDI2eiBNMTQsMjBsLTYtNC42bDktNS40bDYuNSw0LjUNCglMMTQsMjB6IE0zNCwzMmwtOS41LDZWMjcuMmw1LjksNS4xTDM0LDMwVjMyeiBNMzAuNCwzMS40TDI1LDI2LjhsOS01LjhsNS41LDVMMzAuNCwzMS40eiBNMzQsMjBsLTkuNS01LjVMMzEsMTBsOSw1LjRMMzQsMjB6Ii8+DQo8L3N2Zz4NCg==);
}
.social-identity-icon.dropbox.active {
  background: #007ee5;
  color: #fff;
}
.social-identity-icon.facebook:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDggNDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGlkPSJmXzFfIiBmaWxsPSIjRkZGRkZGIiBkPSJNMjYuNSw0MFYyNmg2bDEtNmgtN3YtM2MwLTIsMS0zLDMtM2gzVjhjLTEsMC0zLjIsMC01LDBjLTUsMC03LDMtNyw4djRoLTZ2Nmg2djE0SDI2LjV6Ii8+DQo8L3N2Zz4NCg==);
}
.social-identity-icon.facebook.colour:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDggNDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGlkPSJmXzFfIiBmaWxsPSIjM0I1OTk4IiBkPSJNMjYuNSw0MFYyNmg2bDEtNmgtN3YtM2MwLTIsMS0zLDMtM2gzVjhjLTEsMC0zLjIsMC01LDBjLTUsMC03LDMtNyw4djRoLTZ2Nmg2djE0SDI2LjV6Ii8+DQo8L3N2Zz4NCg==);
}
.social-identity-icon.facebook.active {
  background: #3b5998;
  color: #fff;
}
.social-identity-icon.twitter:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDggNDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00MCwxNC4xYy0xLjIsMC41LTIuNCwwLjktMy44LDFjMS40LTAuOCwyLjQtMi4xLDIuOS0zLjZjLTEuMywwLjgtMi43LDEuMy00LjIsMS42QzMzLjcsMTEuOCwzMiwxMSwzMC4yLDExDQoJYy0zLjYsMC02LjYsMi45LTYuNiw2LjZjMCwwLjUsMC4xLDEsMC4yLDEuNWMtNS41LTAuMy0xMC4zLTIuOS0xMy41LTYuOWMtMC42LDEtMC45LDIuMS0wLjksMy4zYzAsMi4zLDEuMiw0LjMsMi45LDUuNQ0KCWMtMS4xLDAtMi4xLTAuMy0zLTAuOGMwLDAsMCwwLjEsMCwwLjFjMCwzLjIsMi4zLDUuOCw1LjMsNi40Yy0wLjUsMC4xLTEuMSwwLjItMS43LDAuMmMtMC40LDAtMC44LDAtMS4yLTAuMQ0KCWMwLjgsMi42LDMuMyw0LjUsNi4xLDQuNmMtMi4yLDEuOC01LjEsMi44LTguMiwyLjhjLTAuNSwwLTEuMSwwLTEuNi0wLjFjMi45LDEuOSw2LjQsMi45LDEwLjEsMi45YzEyLjEsMCwxOC43LTEwLDE4LjctMTguNw0KCWMwLTAuMywwLTAuNiwwLTAuOEMzOCwxNi41LDM5LjEsMTUuNCw0MCwxNC4xeiIvPg0KPC9zdmc+DQo=);
}
.social-identity-icon.twitter.colour:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDggNDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM1NUFDRUUiIGQ9Ik00MCwxNC4xYy0xLjIsMC41LTIuNCwwLjktMy44LDFjMS40LTAuOCwyLjQtMi4xLDIuOS0zLjZjLTEuMywwLjgtMi43LDEuMy00LjIsMS42QzMzLjcsMTEuOCwzMiwxMSwzMC4yLDExDQoJYy0zLjYsMC02LjYsMi45LTYuNiw2LjZjMCwwLjUsMC4xLDEsMC4yLDEuNWMtNS41LTAuMy0xMC4zLTIuOS0xMy41LTYuOWMtMC42LDEtMC45LDIuMS0wLjksMy4zYzAsMi4zLDEuMiw0LjMsMi45LDUuNQ0KCWMtMS4xLDAtMi4xLTAuMy0zLTAuOGMwLDAsMCwwLjEsMCwwLjFjMCwzLjIsMi4zLDUuOCw1LjMsNi40Yy0wLjUsMC4xLTEuMSwwLjItMS43LDAuMmMtMC40LDAtMC44LDAtMS4yLTAuMQ0KCWMwLjgsMi42LDMuMyw0LjUsNi4xLDQuNmMtMi4yLDEuOC01LjEsMi44LTguMiwyLjhjLTAuNSwwLTEuMSwwLTEuNi0wLjFjMi45LDEuOSw2LjQsMi45LDEwLjEsMi45YzEyLjEsMCwxOC43LTEwLDE4LjctMTguNw0KCWMwLTAuMywwLTAuNiwwLTAuOEMzOCwxNi41LDM5LjEsMTUuNCw0MCwxNC4xeiIvPg0KPC9zdmc+DQo=);
}
.social-identity-icon.twitter.active {
  background: #55acee;
  color: #fff;
}
.social-identity-icon.linkedin:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDggNDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxyZWN0IHg9IjgiIHk9IjE3IiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iNyIgaGVpZ2h0PSIyMyIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zMiwxN2MtNCwwLTUuMSwxLjMtNiwzdi0zaC03djIzaDdWMjdjMC0yLDAtNCwzLjUtNHMzLjUsMiwzLjUsNHYxM2g3VjI3QzQwLDIxLDM5LDE3LDMyLDE3eiIvPg0KCTxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjExLjUiIGN5PSIxMS41IiByPSIzLjUiLz4NCjwvZz4NCjwvc3ZnPg0K);
}
.social-identity-icon.linkedin.colour:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDggNDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxyZWN0IHg9IjgiIHk9IjE3IiBmaWxsPSIjMDA3QkI1IiB3aWR0aD0iNyIgaGVpZ2h0PSIyMyIvPg0KCTxwYXRoIGZpbGw9IiMwMDdCQjUiIGQ9Ik0zMiwxN2MtNCwwLTUuMSwxLjMtNiwzdi0zaC03djIzaDdWMjdjMC0yLDAtNCwzLjUtNHMzLjUsMiwzLjUsNHYxM2g3VjI3QzQwLDIxLDM5LDE3LDMyLDE3eiIvPg0KCTxjaXJjbGUgZmlsbD0iIzAwN0JCNSIgY3g9IjExLjUiIGN5PSIxMS41IiByPSIzLjUiLz4NCjwvZz4NCjwvc3ZnPg0K);
}
.social-identity-icon.linkedin.active {
  background: #0976b4;
  color: #fff;
}
.social-identity-icon.google:before {
  background-image: url(/CDN/Content/Images/connectors/google.svg?_=0x01);
}
.social-identity-icon.google.colour:before {
  background-image: url(/CDN/Content/Images/connectors/google.svg?_=0x01);
}
.social-identity-icon.google.active {
  color: #222;
}
.social-identity-icon.googledrive:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAwIiBoZWlnaHQ9IjIxNjYiIHZpZXdCb3g9IjAgMCAxNDQzLjA2MSAxMjQ5Ljk5MyI+PHBhdGggZmlsbD0iIzM3NzdlMyIgZD0iTTI0MC41MjUgMTI0OS45OTNsMjQwLjQ5Mi00MTYuNjY0aDk2Mi4wNDRsLTI0MC41MTQgNDE2LjY2NHoiLz48cGF0aCBmaWxsPSIjZmZjZjYzIiBkPSJNOTYyLjA1NSA4MzMuMzI5aDQ4MS4wMDZMOTYyLjA1NSAwSDQ4MS4wMTd6Ii8+PHBhdGggZmlsbD0iIzExYTg2MSIgZD0iTTAgODMzLjMyOWwyNDAuNTI1IDQxNi42NjQgNDgxLjAwNi04MzMuMzI4TDQ4MS4wMTcgMHoiLz48L3N2Zz4=);
  background-size: 26px 22px;
  background-position-x: 3px;
  background-position-y: 5px;
}
.social-identity-icon.googledrive.colour:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAwIiBoZWlnaHQ9IjIxNjYiIHZpZXdCb3g9IjAgMCAxNDQzLjA2MSAxMjQ5Ljk5MyI+PHBhdGggZmlsbD0iIzM3NzdlMyIgZD0iTTI0MC41MjUgMTI0OS45OTNsMjQwLjQ5Mi00MTYuNjY0aDk2Mi4wNDRsLTI0MC41MTQgNDE2LjY2NHoiLz48cGF0aCBmaWxsPSIjZmZjZjYzIiBkPSJNOTYyLjA1NSA4MzMuMzI5aDQ4MS4wMDZMOTYyLjA1NSAwSDQ4MS4wMTd6Ii8+PHBhdGggZmlsbD0iIzExYTg2MSIgZD0iTTAgODMzLjMyOWwyNDAuNTI1IDQxNi42NjQgNDgxLjAwNi04MzMuMzI4TDQ4MS4wMTcgMHoiLz48L3N2Zz4=);
  background-size: 26px 22px;
  background-position-x: 3px;
  background-position-y: 5px;
}
.social-identity-icon.googledrive.active {
  background: #dd4b39;
  color: #fff;
}
.social-identity-icon.microsoft:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0OCA0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDggNDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnIGlkPSJNaWNyb3NvZnRfMV8iPg0KCQk8ZyBpZD0iTWljcm9zb2Z0Ij4NCgkJCTxnIGlkPSJCbHVlX3g1Rl9TcXVhcmUiPg0KCQkJCTxyZWN0IHg9IjgiIHk9IjI1IiBjbGFzcz0ic3QwIiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiLz4NCgkJCTwvZz4NCgkJCTxnIGlkPSJZZWxsb3dfeDVGX1NxdWFyZSI+DQoJCQkJPHJlY3QgeD0iMjUiIHk9IjI1IiBjbGFzcz0ic3QwIiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiLz4NCgkJCTwvZz4NCgkJCTxnIGlkPSJHcmVlbl94NUZfU3F1YXJlIj4NCgkJCQk8cmVjdCB4PSIyNSIgeT0iOCIgY2xhc3M9InN0MCIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1Ii8+DQoJCQk8L2c+DQoJCQk8ZyBpZD0iT3JhbmdlX3g1Rl9TcXVhcmUiPg0KCQkJCTxyZWN0IHg9IjgiIHk9IjgiIGNsYXNzPSJzdDAiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIvPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=);
}
.social-identity-icon.microsoft.colour:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0OCA0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDggNDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM1MkFFRDg7fQ0KCS5zdDF7ZmlsbDojRkRDMzJBO30NCgkuc3Qye2ZpbGw6IzM2QjY3Qjt9DQoJLnN0M3tmaWxsOiNGMTU5MjY7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnIGlkPSJNaWNyb3NvZnRfMV8iPg0KCQk8ZyBpZD0iTWljcm9zb2Z0Ij4NCgkJCTxnIGlkPSJCbHVlX3g1Rl9TcXVhcmUiPg0KCQkJCTxyZWN0IHg9IjgiIHk9IjI1IiBjbGFzcz0ic3QwIiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiLz4NCgkJCTwvZz4NCgkJCTxnIGlkPSJZZWxsb3dfeDVGX1NxdWFyZSI+DQoJCQkJPHJlY3QgeD0iMjUiIHk9IjI1IiBjbGFzcz0ic3QxIiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiLz4NCgkJCTwvZz4NCgkJCTxnIGlkPSJHcmVlbl94NUZfU3F1YXJlIj4NCgkJCQk8cmVjdCB4PSIyNSIgeT0iOCIgY2xhc3M9InN0MiIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1Ii8+DQoJCQk8L2c+DQoJCQk8ZyBpZD0iT3JhbmdlX3g1Rl9TcXVhcmUiPg0KCQkJCTxyZWN0IHg9IjgiIHk9IjgiIGNsYXNzPSJzdDMiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIvPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=);
}
.social-identity-icon.microsoft.active {
  background: #00a1f1;
}
.social-identity-icon.onedrive:before {
  background-image: url(data:image/png;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAAGhbWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAsaWxvYwAAAABEAAACAAEAAAABAAAEJwAABEUAAgAAAAEAAAHJAAACXgAAAEJpaW5mAAAAAAACAAAAGmluZmUCAAAAAAEAAGF2MDFDb2xvcgAAAAAaaW5mZQIAAAAAAgAAYXYwMUFscGhhAAAAABppcmVmAAAAAAAAAA5hdXhsAAIAAQABAAAA12lwcnAAAACxaXBjbwAAABRpc3BlAAAAAAAAADAAAAAwAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQAMAAAAABNjb2xybmNseAABAA0ABoAAAAAUaXNwZQAAAAAAAAAwAAAAMAAAAA5waXhpAAAAAAEIAAAADGF2MUOBABwAAAAAOGF1eEMAAAAAdXJuOm1wZWc6bXBlZ0I6Y2ljcDpzeXN0ZW1zOmF1eGlsaWFyeTphbHBoYQAAAAAeaXBtYQAAAAAAAAACAAEEAQKDBAACBAUGhwgAAAarbWRhdBIACgYYFW+9pUAy0QQQAN0rKp7UODKuMjRPsv6opQvOsaD6gWfmzCd8+eyNXUUz8QcBM1RE89NP00gxh4ni7v0GStRu3oXRUaNvEtJaYXRfv5nbdypCcufT74jOj6+NAdaZPEQFym8EmOgOPd1eT7buIwUYsx1kMSCU5H0A1aUL1QLkTVTbGo1fyURuCF1XG4w1MuGdqUodF/6ebabyvmJsBNKt7H1gLFfq7qYuG3959RcatnHec2orIK6yFZiYNP/VSAP/MeZZyD0IZVBexBusW8n9WFwHUGo54dMMbu5wiFHJyu/aeNUnwSM2oxJBER2EOrEfVZHGajR9YXQJpZDaeUUf+CdhRziWMf1TJQPDHBDOJcKtibKenD/j3vT5oeou5l9YfgwKh6SiV8yQK5Bo0Y640rCTAp/0pefXiDPfEZeXK6OkxUm67PrhpXVDUxrcG9CkUpbDtleZpvHeFeo69mIWVETfJlkDX5RLT/ilPAmqjGY777pvLyEQuvAKJeXHr3xvaQhvHsV5cePIe1wfq+/4+8duGJOpjc3FLETDPeVmJq4OqMajO3oAahfD8HSMkGZGUc9j9knww9g9pHqJr57+KsL1fgKG7SpvY3QlTckQr89qHYy8qt3H6tgPoZSFE+bgD5Ga0gv2J1EClGoGdx1YdEeo2rTGAK7znarzyy2frl1UjzVVyV9xqf5oKuqjh9J++Q/jK2cfQ81Ufih54LxNUIav/3BuFb3odrRSrFMFsFMO28+0EZTsTB0mRcY9UAGcdQJipK/MNcuFxM/6bExFd8J7WapaYjHwEBIACgkYFW+9ogIaDQgytQgQAADdKyODHZp3WGWc2OdftBuw2ZJFOwr/1KQ1BzkszD9/pl0Xx2pLNGTFLPVY2bcgsBWjECe230+MEMdoIqWr60QsSqFbocDTb+uQxkLXYHOFa+epUZa7L1nu3XvPRUJWeE82MWxmNUsL3obeOiE77xBvpaZXDmziv6G5zvjyO9XrumMfHFmxStAtQAlep7ac2ZFbHcWlTiE6NgpThS/aMJVCEqILOKYObInJHcFEfpFh5LMQ5xvoSNI5zdLw8LxVUbon6CzM4W9Ao/B1a9IMF7jYiQhAp/VlngxB9+9ofOxWpqeXSW5Spf8ECf73vhcV2HBEzlt5UjkEeelJZMF+KAwPzmMKaxi2ejJkce/vspZYMcAj76Vzls0esXITmiIVevAqx4R9iBX63W5UVgo8nD9pirE4oIPxYc1srg6HqfAnk/lKdacC9qj1WMN+9ZpyMsy1PSVTir7KG8wDwLUhDTM86ipDmo5fdQLHcXKDq+ceyTGSLMuigEYWvGtsMLqwhEo4MUME2mkBxfDS0ekd2+yWWMKuHnXhkN3WacB+iyr6K/KsztRc4WtLkTpTT3ib5u7tFu0Nd3IG+pmjOjBZkxy7Moh1jrHr3bGpAS4I9jAtTJNX5nMqMRni6cs21Bm23p3HPWLnNiv6YIxehlOIdz5HfpCjjnmhk3gq3SWWiD/I7VTJkN5lqWsogCD2HvhktSdvkXq7/T5igP0U5SKi5BwT/OuSvyxDsxfcCtqzciqbLD2nYUzg8+qA8635Kk/VKGOGUelCXPMF+GapFe2cetQjc1MMQcDNl/yzwjMA7BU8MW1CUBy3U91WRHJAXOqMw4kjjYwnLKb8NwVZhJP5MkmZW+iSjfUx4oahmJikNLhJpxZTrhXxfLtzkiia8/R6ron6/PTbo6c1YLeDba/w8cqaUeDbrbahrl0ciXbccHt86fLbS0//mSogre8HKXtNQL9aeikkYWD4TmfZFzgurr/IcRAwev1U79UL54sAzlIj0HSOlBANIthwTp+/ytS6DE7P/YseElLIuNgH7Q+GJ7FH3qds46tCNItR6FhreDF0fzZvU9nvVdL1uUfmbNRj+7OHcOUpHJ2krU6arkBsR7zDkNOyBXyuP2c3o1jo1FZqQvjFymNuaQ1zY96Ek+yzmt3zdPC4y3J8Pl7T5VVp1zZae1TR3uEizksKZ60GkCwPej5LsiC8WiZk+EgvCPWe3CpDpC1p/HhlqYNIkwDDDxygTC3rn34dvyskPzP4VSIx/IlgPkw/u+TbY3sO2uzLLH4ixjmd0LJ9xBmRqxNhu9afCALw9UfVMecm7ScOEVh2qLUadN5yh8sGfJysL4RDe8zA8CpXMUYlQC4jT8ef4mQJB3TTMaJ7xsDQjCoTCt3TT+YdH7O9N3//Ovmj3l8ULUJsr0NOK54kIqPQISG8SUc/44A=);
}
.social-identity-icon.onedrive.colour:before {
  background-image: url(data:image/png;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAAGhbWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAsaWxvYwAAAABEAAACAAEAAAABAAAEJwAABEUAAgAAAAEAAAHJAAACXgAAAEJpaW5mAAAAAAACAAAAGmluZmUCAAAAAAEAAGF2MDFDb2xvcgAAAAAaaW5mZQIAAAAAAgAAYXYwMUFscGhhAAAAABppcmVmAAAAAAAAAA5hdXhsAAIAAQABAAAA12lwcnAAAACxaXBjbwAAABRpc3BlAAAAAAAAADAAAAAwAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQAMAAAAABNjb2xybmNseAABAA0ABoAAAAAUaXNwZQAAAAAAAAAwAAAAMAAAAA5waXhpAAAAAAEIAAAADGF2MUOBABwAAAAAOGF1eEMAAAAAdXJuOm1wZWc6bXBlZ0I6Y2ljcDpzeXN0ZW1zOmF1eGlsaWFyeTphbHBoYQAAAAAeaXBtYQAAAAAAAAACAAEEAQKDBAACBAUGhwgAAAarbWRhdBIACgYYFW+9pUAy0QQQAN0rKp7UODKuMjRPsv6opQvOsaD6gWfmzCd8+eyNXUUz8QcBM1RE89NP00gxh4ni7v0GStRu3oXRUaNvEtJaYXRfv5nbdypCcufT74jOj6+NAdaZPEQFym8EmOgOPd1eT7buIwUYsx1kMSCU5H0A1aUL1QLkTVTbGo1fyURuCF1XG4w1MuGdqUodF/6ebabyvmJsBNKt7H1gLFfq7qYuG3959RcatnHec2orIK6yFZiYNP/VSAP/MeZZyD0IZVBexBusW8n9WFwHUGo54dMMbu5wiFHJyu/aeNUnwSM2oxJBER2EOrEfVZHGajR9YXQJpZDaeUUf+CdhRziWMf1TJQPDHBDOJcKtibKenD/j3vT5oeou5l9YfgwKh6SiV8yQK5Bo0Y640rCTAp/0pefXiDPfEZeXK6OkxUm67PrhpXVDUxrcG9CkUpbDtleZpvHeFeo69mIWVETfJlkDX5RLT/ilPAmqjGY777pvLyEQuvAKJeXHr3xvaQhvHsV5cePIe1wfq+/4+8duGJOpjc3FLETDPeVmJq4OqMajO3oAahfD8HSMkGZGUc9j9knww9g9pHqJr57+KsL1fgKG7SpvY3QlTckQr89qHYy8qt3H6tgPoZSFE+bgD5Ga0gv2J1EClGoGdx1YdEeo2rTGAK7znarzyy2frl1UjzVVyV9xqf5oKuqjh9J++Q/jK2cfQ81Ufih54LxNUIav/3BuFb3odrRSrFMFsFMO28+0EZTsTB0mRcY9UAGcdQJipK/MNcuFxM/6bExFd8J7WapaYjHwEBIACgkYFW+9ogIaDQgytQgQAADdKyODHZp3WGWc2OdftBuw2ZJFOwr/1KQ1BzkszD9/pl0Xx2pLNGTFLPVY2bcgsBWjECe230+MEMdoIqWr60QsSqFbocDTb+uQxkLXYHOFa+epUZa7L1nu3XvPRUJWeE82MWxmNUsL3obeOiE77xBvpaZXDmziv6G5zvjyO9XrumMfHFmxStAtQAlep7ac2ZFbHcWlTiE6NgpThS/aMJVCEqILOKYObInJHcFEfpFh5LMQ5xvoSNI5zdLw8LxVUbon6CzM4W9Ao/B1a9IMF7jYiQhAp/VlngxB9+9ofOxWpqeXSW5Spf8ECf73vhcV2HBEzlt5UjkEeelJZMF+KAwPzmMKaxi2ejJkce/vspZYMcAj76Vzls0esXITmiIVevAqx4R9iBX63W5UVgo8nD9pirE4oIPxYc1srg6HqfAnk/lKdacC9qj1WMN+9ZpyMsy1PSVTir7KG8wDwLUhDTM86ipDmo5fdQLHcXKDq+ceyTGSLMuigEYWvGtsMLqwhEo4MUME2mkBxfDS0ekd2+yWWMKuHnXhkN3WacB+iyr6K/KsztRc4WtLkTpTT3ib5u7tFu0Nd3IG+pmjOjBZkxy7Moh1jrHr3bGpAS4I9jAtTJNX5nMqMRni6cs21Bm23p3HPWLnNiv6YIxehlOIdz5HfpCjjnmhk3gq3SWWiD/I7VTJkN5lqWsogCD2HvhktSdvkXq7/T5igP0U5SKi5BwT/OuSvyxDsxfcCtqzciqbLD2nYUzg8+qA8635Kk/VKGOGUelCXPMF+GapFe2cetQjc1MMQcDNl/yzwjMA7BU8MW1CUBy3U91WRHJAXOqMw4kjjYwnLKb8NwVZhJP5MkmZW+iSjfUx4oahmJikNLhJpxZTrhXxfLtzkiia8/R6ron6/PTbo6c1YLeDba/w8cqaUeDbrbahrl0ciXbccHt86fLbS0//mSogre8HKXtNQL9aeikkYWD4TmfZFzgurr/IcRAwev1U79UL54sAzlIj0HSOlBANIthwTp+/ytS6DE7P/YseElLIuNgH7Q+GJ7FH3qds46tCNItR6FhreDF0fzZvU9nvVdL1uUfmbNRj+7OHcOUpHJ2krU6arkBsR7zDkNOyBXyuP2c3o1jo1FZqQvjFymNuaQ1zY96Ek+yzmt3zdPC4y3J8Pl7T5VVp1zZae1TR3uEizksKZ60GkCwPej5LsiC8WiZk+EgvCPWe3CpDpC1p/HhlqYNIkwDDDxygTC3rn34dvyskPzP4VSIx/IlgPkw/u+TbY3sO2uzLLH4ixjmd0LJ9xBmRqxNhu9afCALw9UfVMecm7ScOEVh2qLUadN5yh8sGfJysL4RDe8zA8CpXMUYlQC4jT8ef4mQJB3TTMaJ7xsDQjCoTCt3TT+YdH7O9N3//Ovmj3l8ULUJsr0NOK54kIqPQISG8SUc/44A=);
}
.social-identity-icon.onedrive.active {
  background: #094ab2;
  color: #fff;
}
.social-identity-icon.box:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NjAuMTcgMjQzLjciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48dGl0bGU+Ym94X3doaXRlX3JnYl8wMDYxRDU8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTYxNy4zNywzNDUuMzlBODUuODEsODUuODEsMCwwLDAsNTQxLjUzLDM5MWE4NS44OSw4NS44OSwwLDAsMC0xMjcuMzgtMjguNDRWMjkwLjIzYTE3LjE2LDE3LjE2LDAsMCwwLTM0LjMxLDBWNDMyLjY2aDBBODUuODUsODUuODUsMCwwLDAsNTQxLjUzLDQ3MS41YTg1Ljg2LDg1Ljg2LDAsMSwwLDc1Ljg0LTEyNi4xMU00NjUuNjgsNDgyLjcyYTUxLjQ4LDUxLjQ4LDAsMSwxLDUxLjQ4LTUxLjUsNTEuNTEsNTEuNTEsMCwwLDEtNTEuNDgsNTEuNW0xNTEuNjksMGE1MS40OCw1MS40OCwwLDEsMSw1MS40OS01MS41LDUxLjUsNTEuNSwwLDAsMS01MS40OSw1MS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzc5Ljg0IC0yNzMuNCkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04MzYuNDQsNDg4LjM2bC00Ni42Ny01Ny4yNCw0Ni43Mi01Ny4zNWM1LjkxLTcuNTcsNC4yMS0xOC4xMy0zLjk0LTIzLjc0YTE5Ljc5LDE5Ljc5LDAsMCwwLTI1Ljk0LDMuMTNoMGwtNDAuMiw0OS4yNi00MC4xNi00OS4yNmgwYy02LjI1LTcuMzQtMTcuNzgtOC43OS0yNS45Mi0zLjEzcy05Ljg0LDE2LjE4LTMuOSwyMy43NGgwbDQ2LjY0LDU3LjM1LTQ2LjY0LDU3LjI0aDBjLTUuOTQsNy41OS00LjI0LDE4LjEyLDMuOSwyMy43NnMxOS42Nyw0LjIsMjUuOTItMy4xNWw0MC4xNi00OS4yTDgwNi41Niw1MDlhMTkuODEsMTkuODEsMCwwLDAsMjUuOTQsMy4xNWM4LjE2LTUuNjQsOS44Ni0xNi4xNywzLjk0LTIzLjc2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzc5Ljg0IC0yNzMuNCkiLz48L3N2Zz4=);
  background-size: 90%;
  background-position: center;
}
.social-identity-icon.box.colour:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NjAuMTcgMjQzLjciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48dGl0bGU+Ym94X3doaXRlX3JnYl8wMDYxRDU8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTYxNy4zNywzNDUuMzlBODUuODEsODUuODEsMCwwLDAsNTQxLjUzLDM5MWE4NS44OSw4NS44OSwwLDAsMC0xMjcuMzgtMjguNDRWMjkwLjIzYTE3LjE2LDE3LjE2LDAsMCwwLTM0LjMxLDBWNDMyLjY2aDBBODUuODUsODUuODUsMCwwLDAsNTQxLjUzLDQ3MS41YTg1Ljg2LDg1Ljg2LDAsMSwwLDc1Ljg0LTEyNi4xMU00NjUuNjgsNDgyLjcyYTUxLjQ4LDUxLjQ4LDAsMSwxLDUxLjQ4LTUxLjUsNTEuNTEsNTEuNTEsMCwwLDEtNTEuNDgsNTEuNW0xNTEuNjksMGE1MS40OCw1MS40OCwwLDEsMSw1MS40OS01MS41LDUxLjUsNTEuNSwwLDAsMS01MS40OSw1MS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzc5Ljg0IC0yNzMuNCkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04MzYuNDQsNDg4LjM2bC00Ni42Ny01Ny4yNCw0Ni43Mi01Ny4zNWM1LjkxLTcuNTcsNC4yMS0xOC4xMy0zLjk0LTIzLjc0YTE5Ljc5LDE5Ljc5LDAsMCwwLTI1Ljk0LDMuMTNoMGwtNDAuMiw0OS4yNi00MC4xNi00OS4yNmgwYy02LjI1LTcuMzQtMTcuNzgtOC43OS0yNS45Mi0zLjEzcy05Ljg0LDE2LjE4LTMuOSwyMy43NGgwbDQ2LjY0LDU3LjM1LTQ2LjY0LDU3LjI0aDBjLTUuOTQsNy41OS00LjI0LDE4LjEyLDMuOSwyMy43NnMxOS42Nyw0LjIsMjUuOTItMy4xNWw0MC4xNi00OS4yTDgwNi41Niw1MDlhMTkuODEsMTkuODEsMCwwLDAsMjUuOTQsMy4xNWM4LjE2LTUuNjQsOS44Ni0xNi4xNywzLjk0LTIzLjc2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzc5Ljg0IC0yNzMuNCkiLz48L3N2Zz4=);
  background-size: 90%;
  background-position: center;
}
.social-identity-icon.box.active {
  background: #0061D5;
  color: #fff;
}
.social-identity-icon.openid:before {
  background-image: url(/CDN/Content/Images/social/openid.svg);
}
.social-identity-icon.openid.active {
  background: #ff6200;
}
.social-identity-icon.active-directory:before, .social-identity-icon.activedirectory:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDggNDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IHg9IjEyIiB5PSI4LjUiIG9wYWNpdHk9IjAuMiIgZmlsbD0iI0E1QTVBNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAgICAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNi4xIi8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMzYsN0gxMmMtMS43LDAtMywxLjMtMywzdjI5YzAsMS43LDEuMywzLDMsM2gyNGMxLjcsMCwzLTEuMywzLTNWMTBDMzksOC4zLDM3LjcsNywzNiw3eiBNMjAuNSw5aDcNCgljMC40LDAsMC44LDAuNiwwLjgsMXMtMC40LDEtMC44LDFoLTdjLTAuNCwwLTAuOC0wLjYtMC44LTFTMjAuMSw5LDIwLjUsOXogTTM2LDM0SDEyVjEzaDI0VjM0eiIvPg0KPGcgaWQ9InVzZXJfMV8iPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zMy45LDM0LjJjMCwwLjksMCwyLjYsMCwyLjZjMCwwLjEtMC4xLDAuMy0wLjIsMC4zSDE0LjNjLTAuMSwwLTAuMi0wLjItMC4yLTAuM2MwLDAsMC0xLjcsMC0yLjYNCgkJYzAtMC45LDAuMi0xLjMsMC45LTEuN2MwLjYtMC4zLDQuMy0yLDYtMi44di0zLjNjLTAuNS0wLjQtMC45LTEtMC45LTEuOWMwLTIuMiwwLTMsMC0zYzAtMi4xLDEuMy0zLjksMy45LTMuOXMzLjksMS43LDMuOSwzLjl2Mw0KCQljMCwwLjktMC4zLDEuNS0wLjksMS45djMuM2MxLjksMC44LDUuNSwyLjUsNiwyLjhDMzMuOCwzMi45LDMzLjksMzMuMywzMy45LDM0LjJ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==);
}
.social-identity-icon.active-directory.colour:before, .social-identity-icon.activedirectory.colour:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDggNDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IHg9IjEyIiB5PSIxMi45IiBvcGFjaXR5PSIwLjIiIGZpbGw9IiNGNjUzMTQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgICAgIiB3aWR0aD0iMjQiIGhlaWdodD0iMjEuNyIvPg0KPHBhdGggZmlsbD0iI0Y2NTMxNCIgZD0iTTM2LDdIMTJjLTEuNywwLTMsMS4zLTMsM3YyOWMwLDEuNywxLjMsMywzLDNoMjRjMS43LDAsMy0xLjMsMy0zVjEwQzM5LDguMywzNy43LDcsMzYsN3ogTTIwLjUsOWg3DQoJYzAuNCwwLDAuOCwwLjYsMC44LDFzLTAuNCwxLTAuOCwxaC03Yy0wLjQsMC0wLjgtMC42LTAuOC0xUzIwLjEsOSwyMC41LDl6IE0zNiwzNEgxMlYxM2gyNFYzNHoiLz4NCjxnIGlkPSJ1c2VyXzFfIj4NCgk8cGF0aCBmaWxsPSIjRjY1MzE0IiBkPSJNMzMuOSwzNC4yYzAsMC45LDAsMi42LDAsMi42YzAsMC4xLTAuMSwwLjMtMC4yLDAuM0gxNC4zYy0wLjEsMC0wLjItMC4yLTAuMi0wLjNjMCwwLDAtMS43LDAtMi42DQoJCWMwLTAuOSwwLjItMS4zLDAuOS0xLjdjMC42LTAuMyw0LjMtMiw2LTIuOHYtMy4zYy0wLjUtMC40LTAuOS0xLTAuOS0xLjljMC0yLjIsMC0zLDAtM2MwLTIuMSwxLjMtMy45LDMuOS0zLjlzMy45LDEuNywzLjksMy45djMNCgkJYzAsMC45LTAuMywxLjUtMC45LDEuOXYzLjNjMS45LDAuOCw1LjUsMi41LDYsMi44QzMzLjgsMzIuOSwzMy45LDMzLjMsMzMuOSwzNC4yeiIvPg0KPC9nPg0KPC9zdmc+DQo=);
}
.social-identity-icon.active-directory.active, .social-identity-icon.activedirectory.active {
  background: #f65314;
}
.social-identity-icon.native-credential:before, .social-identity-icon.native:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDggNDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMi44LDIzLjNsLTAuMy0wLjFjMC4xLTAuOSwwLjMtMC4yLDAuNC0xYy0wLjEtMC4xLTAuMS0wLjIsMC0wLjRjMC0wLjEsMC4xLTAuMywwLjEtMC41DQoJYzAuMS0wLjIsMC4xLTAuMywwLjItMC40YzAtMC4xLDAuMS0wLjIsMC4xLTAuM2MwLDAsMC4yLTAuNCwwLjItMC4zYzAtMC4xLDAtMC4yLDAtMC4zYzAtMC4xLDAuMS0wLjEsMC4xLTAuMg0KCWMwLTAuMSwwLjEtMC4xLDAuMS0wLjJjMC0wLjEtMC4yLDAuMS0wLjMsMC4xYzAsMCwwLjEtMC4yLDAuMS0wLjNjMC0wLjEsMC0wLjEsMC4xLTAuMmMwLTAuMSwwLjEtMC4yLDAuMS0wLjINCgljMC4xLTAuMiwwLjMtMC4xLDAuMiwwLjJjMC4yLTAuMywwLjUtMSwxLjEtMS43YzAuNS0wLjcsMS4zLTEuNSwyLjEtMi4yYzAuNC0wLjMsMC45LTAuNiwxLjMtMC45YzAuNC0wLjMsMC45LTAuNSwxLjMtMC43DQoJYzAuOC0wLjQsMS41LTAuNiwxLjktMC43Yy0wLjEsMC0wLjMsMC0wLjQsMGMtMC4yLDAtMC42LDAuMS0wLjcsMGMwLjItMC4xLDAuNi0wLjMsMC43LTAuM2MwLjEsMCwwLjIsMCwwLjMtMC4xDQoJYzAuMSwwLjEsMC4zLDAuMSwwLjYsMGMwLjIsMCwwLjUsMC4xLDAuNywwLjJsMC4xLTAuMmwwLjIsMC4xYzAuOS0wLjIsMS0wLjIsMS4xLTAuMmMwLjEsMCwwLjEsMCwwLjksMC4xYzAuOSwwLDEuNC0wLjEsMS45LDAuMQ0KCWMtMC4xLDAtMC4xLTAuMiwwLjItMC4xYzAsMC4xLDAuMiwwLjEsMC4zLDAuMWMwLjIsMCwwLjQsMC4xLDAuNCwwLjFjMC4yLDAsMC44LDAuMywwLjYsMC4xYzAuMSwwLjEsMC43LDAuNCwwLjMsMC4zDQoJYzAuMiwwLjEsMC40LDAuMiwwLjYsMC4ybC0wLjItMC4yYzAuNywwLjMsMSwwLjcsMS41LDAuOGMwLDAtMC4xLTAuMS0wLjEtMC4xYy0wLjEtMC4xLTAuMi0wLjMtMC4yLTAuM2MwLjIsMC4xLDAuNSwwLjQsMC43LDAuNg0KCWMwLjEsMC4xLDAuNiwwLjQsMC42LDAuNWMwLDAtMC40LTAuMi0wLjUtMC4zYy0wLjEsMC0wLjEtMC4xLTAuMS0wLjFjMCwwLTAuMiwwLTAuMiwwYzAuNywwLjQsMS4xLDAuNywxLjcsMS4xYzAsMCwwLDAtMC4xLTAuMQ0KCWMwLDAtMC4xLTAuMS0wLjEtMC4xYzAuMiwwLjEsMC41LDAuNCwwLjksMC44YzAuNCwwLjQsMC44LDAuOSwxLjMsMS40YzAuOCwxLjEsMS4yLDIuMSwxLjUsMi40YzAsMCwwLDAsMC4xLDAuMQ0KCWMwLDAtMC4yLTAuOS0wLjItMC45czAuNCwwLjgsMC40LDAuOWMwLDAuMSwwLjEsMC4yLDAuMSwwLjNjMCwwLjEsMCwwLDAsMC4xYzAsMC4xLDAuMSwwLjMsMC4xLDAuM2MwLTAuMS0wLjQtMC4yLTAuNS0wLjMNCgljMC4xLDAuMywwLjMsMC45LDAuNSwxLjljMC4yLDAuOSwwLjIsMi4xLDAuMSwzLjNjLTAuMSwwLjYtMC4yLDEuMS0wLjMsMS43Yy0wLjEsMC41LTAuMywxLTAuNSwxLjVjLTAuMywwLjktMC43LDEuNS0wLjksMS44DQoJYy0wLjQsMC40LTAuMiwwLTAuMiwwYy0wLjMsMC42LDAsMC4zLTAuNCwwLjhjLTAuMSwwLjEtMC4xLTAuMSwwLTAuMmMtMC4xLDAuMi0wLjMsMC40LTAuMywwLjRjMC4yLTAuMiwwLjMsMCwwLjQtMC4xDQoJYzAsMCwwLDAtMC4xLDAuMWMwLDAuMS0wLjEsMC4xLTAuMiwwLjJDMzQuMSwzMS45LDM0LDMyLDM0LDMyLjFjMCwwLjEtMC4xLDAuMS0wLjEsMC4xbC0wLjEtMC4xYy0wLjEsMC4xLDAsMC41LTAuNiwxDQoJYy0wLjksMC45LTEuOSwxLjgtMywyLjRjMC0wLjEsMC42LTAuNCwwLjctMC43Yy0wLjEsMC4xLTAuOCwwLjQtMSwwLjVjMC4yLDAsMC4yLDAuMSwwLjEsMC4xYy0wLjEsMC4xLTAuMywwLjEtMC4xLDAuMQ0KCWMtMC4yLDAuMi0wLjQsMC4zLTAuNiwwLjRjLTAuMiwwLjEtMC41LDAuMi0wLjcsMC4zYy0wLjcsMC4xLTEuNCwwLjItMS44LDAuNWMtMC4yLDAuMi0wLjEsMC43LTAuMiwxYzAsMC4xLDAsMC4yLDAsMC40DQoJYzAsMC4yLDAuMiwwLjMsMCwwLjVjMCwwLDAsMC4xLDAsMC4xYzAuMywwLDAsMC4yLDAsMC4yYy0wLjEsMC4yLDAuMywwLjMsMC4xLDAuNGMtMC4xLDAsMCwwLjEsMCwwLjFjMC4xLDAuMSwwLjIsMC4zLDAuMiwwLjMNCgljMC4xLDAsMC4xLDAuMiwwLjEsMC4yYzAsMCwwLjMsMC4xLDAuMywwLjJjMC4xLDAuMSwwLjEsMC4yLDAuMSwwLjNjLTAuMiwwLjQsMC4xLDAuNCwwLjEsMC40YzAuOC0wLjIsMC4yLDAuMSwxLTAuMQ0KCWMwLDAuMS0wLjEsMC4xLTAuNCwwLjJDMjcuOSw0MC45LDI3LjgsNDEsMjgsNDFjMC4yLDAsMC40LTAuMSwwLjYtMC4yYzAuNSwwLDAsMC4yLDAuNiwwLjFjMC4yLTAuMSwwLjUtMC4yLDAuOC0wLjMNCgljMC4zLTAuMSwyLjEtMS4zLDIuNC0xLjRsLTAuMSwwLjFjMC40LTAuMSwxLjEtMC42LDEuOC0xYy0wLjIsMC4xLTAuNSwwLjEtMC4xLTAuMmMwLjItMC4xLDAuNS0wLjIsMC42LTAuNA0KCWMwLjItMC4xLDAuMy0wLjEsMC40LTAuMmMwLjEtMC4xLDAuMy0wLjIsMC40LTAuM2MwLjEtMC4xLDAuMi0wLjIsMC40LTAuM2MwLDAsMC4xLTAuMSwwLjItMC4zYzAuMS0wLjEsMC4yLTAuMywwLjItMC4zDQoJYzAuNS0wLjUsMS41LTEuNSwyLjMtMi45YzAuOS0xLjQsMS43LTMuMSwyLjEtNC45YzAuNS0xLjgsMC42LTMuNywwLjQtNS4zYy0wLjEtMS42LTAuNS0yLjktMC43LTMuN2wwLjIsMC4yDQoJYy0wLjItMC42LTAuNC0xLjItMC43LTEuOGMtMC4zLTAuNy0wLjYtMS40LTEtMmMtMC40LTAuNy0wLjktMS40LTEuNS0yLjFjLTAuNi0wLjctMS4yLTEuMy0xLjgtMS45Yy0wLjctMC42LTEuNC0xLjEtMi4xLTEuNg0KCWMtMC43LTAuNS0xLjUtMC45LTIuMi0xLjJjLTEuNS0wLjYtMy0xLTQuMS0xLjFjLTAuNy0wLjItMS43LTAuMy0yLjUtMC4zYzAuNCwwLjEsMC4zLDAuMiwwLDAuMmMtMS4yLDAtMS4yLDAtMS4zLDANCgljMCwwLDAsMC0wLjIsMC4xYy0wLjIsMC0wLjUsMC4xLTEsMC4yQzIxLjIsOC4zLDIwLDguNSwxOC43LDljLTEuMywwLjUtMi44LDEuMi00LjEsMi4xYy0xLjMsMC45LTIuNSwyLTMuMywzLjENCgljLTAuOSwxLTEuNCwyLTEuNywyLjVjLTAuMSwwLjItMC4xLDAuMy0wLjIsMC41Yy0wLjEsMC4yLTAuMSwwLjMtMC4yLDAuNWMtMC4xLDAuMy0wLjMsMC43LTAuNCwxYy0wLjIsMC43LTAuNCwxLjUtMC41LDIuMQ0KCWwtMC4xLTAuM2MtMC4xLDAuMy0wLjIsMS4xLTAuMywyYy0wLjEsMC45LTAuMiwyLjEtMC4xLDMuMmMwLjEsMS4xLDAuMywyLjMsMC41LDMuMmMwLjMsMC45LDAuNSwxLjYsMC43LDJsLTAuMS0wLjINCgljMC4yLDAuMywwLjMsMC41LDAuMywwLjdjMC4xLDAuMiwwLjEsMC4zLDAuMiwwLjRjMC4xLDAuMywwLjEsMC41LDAuNCwxYzAtMC4xLDAuMywwLDAuNSwwLjNjMC4yLDAuMywwLjQsMC42LDAuNiwwLjhsMCwwDQoJYzAuMiwwLjMsMC42LDAuNywxLDEuMWMwLjIsMC4yLDAuNCwwLjQsMC43LDAuNmMwLjIsMC4yLDAuNiwwLjQsMC44LDAuNmwtMC4zLDBjMC40LDAuMywwLjksMC43LDEuNCwxLjFjMC41LDAuNCwxLDAuNywxLjMsMC45DQoJYzAuNiwwLjQsMS40LDAuOSwyLjQsMS4zYzAuOSwwLjQsMiwwLjcsMywwLjhjMCwwLDAuMywwLjEsMC42LDAuM2MwLjMsMC4xLDAuNiwwLjIsMC42LDAuMnMwLDAsMC4xLDBjMCwwLDAuMSwwLDAuMSwwDQoJczAuMi0wLjIsMC4zLTAuNWMwLjItMC4zLDAuNC0wLjgsMC41LTEuM2MwLjEtMC41LDAuMS0xLDAtMS40Yy0wLjEtMC4yLTAuMi0wLjQtMC4zLTAuNmMtMC4xLTAuMS0wLjItMC4yLTAuMi0wLjINCgljLTAuMS0wLjEtMC4yLTAuMi0wLjMtMC4ybDAuMiwwYzAsMC0wLjItMC4xLTAuMy0wLjFjMCwwLDAsMC0wLjEsMGMwLDAtMC4xLDAtMC4xLDBjLTAuNS0wLjEtMC43LTAuMS0wLjYtMC4yYzAsMCwwLDAsMC4xLDANCgljMC4xLDAsMC4xLDAsMC4yLDBjMC4yLDAsMC4zLDAuMSwwLjMsMC4xYy0wLjUtMC4xLTAuMS0wLjEsMC4xLTAuMWMtMC4yLDAtMC42LTAuMi0wLjgtMC4zYy0wLjEsMCwwLDAuMSwwLjQsMC4yDQoJYy0wLjEsMC0wLjMsMC0wLjQsMGMtMC4xLDAtMC4yLDAtMC4yLDBjLTAuMSwwLTAuMiwwLTAuMi0wLjFjLTAuMi0wLjEtMC4yLTAuMS0wLjItMC4yYzAsMCwwLTAuMS0wLjMtMC4yYy0xLjQtMC41LTIuNi0xLjItMy43LTIuMg0KCWMtMS4xLTAuOS0yLTItMi43LTMuM2MwLTAuMSwwLDAsMC4xLDAuMWMtMC41LTAuNy0wLjgtMS41LTEuMS0yLjJjMC0wLjIsMC0wLjMsMC0wLjRjMCwwLTAuMS0wLjItMC4yLTAuNmMtMC4xLTAuNC0wLjItMC45LTAuMy0xLjUNCgljLTAuMS0wLjYtMC4xLTEuMS0wLjEtMS42YzAtMC4yLDAtMC40LDAtMC41QzEyLjcsMjMuMywxMi44LDIzLjMsMTIuOCwyMy4zeiIvPg0KPC9zdmc+DQo=);
}
.social-identity-icon.native-credential.colour:before, .social-identity-icon.native.colour:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDggNDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMzMjM4M0QiIGQ9Ik0xMi44LDIzLjNsLTAuMy0wLjFjMC4xLTAuOSwwLjMtMC4yLDAuNC0xYy0wLjEtMC4xLTAuMS0wLjIsMC0wLjRjMC0wLjEsMC4xLTAuMywwLjEtMC41DQoJYzAuMS0wLjIsMC4xLTAuMywwLjItMC40YzAtMC4xLDAuMS0wLjIsMC4xLTAuM2MwLDAsMC4yLTAuNCwwLjItMC4zYzAtMC4xLDAtMC4yLDAtMC4zYzAtMC4xLDAuMS0wLjEsMC4xLTAuMg0KCWMwLTAuMSwwLjEtMC4xLDAuMS0wLjJjMC0wLjEtMC4yLDAuMS0wLjMsMC4xYzAsMCwwLjEtMC4yLDAuMS0wLjNjMC0wLjEsMC0wLjEsMC4xLTAuMmMwLTAuMSwwLjEtMC4yLDAuMS0wLjINCgljMC4xLTAuMiwwLjMtMC4xLDAuMiwwLjJjMC4yLTAuMywwLjUtMSwxLjEtMS43YzAuNS0wLjcsMS4zLTEuNSwyLjEtMi4yYzAuNC0wLjMsMC45LTAuNiwxLjMtMC45YzAuNC0wLjMsMC45LTAuNSwxLjMtMC43DQoJYzAuOC0wLjQsMS41LTAuNiwxLjktMC43Yy0wLjEsMC0wLjMsMC0wLjQsMGMtMC4yLDAtMC42LDAuMS0wLjcsMGMwLjItMC4xLDAuNi0wLjMsMC43LTAuM2MwLjEsMCwwLjIsMCwwLjMtMC4xDQoJYzAuMSwwLjEsMC4zLDAuMSwwLjYsMGMwLjIsMCwwLjUsMC4xLDAuNywwLjJsMC4xLTAuMmwwLjIsMC4xYzAuOS0wLjIsMS0wLjIsMS4xLTAuMmMwLjEsMCwwLjEsMCwwLjksMC4xYzAuOSwwLDEuNC0wLjEsMS45LDAuMQ0KCWMtMC4xLDAtMC4xLTAuMiwwLjItMC4xYzAsMC4xLDAuMiwwLjEsMC4zLDAuMWMwLjIsMCwwLjQsMC4xLDAuNCwwLjFjMC4yLDAsMC44LDAuMywwLjYsMC4xYzAuMSwwLjEsMC43LDAuNCwwLjMsMC4zDQoJYzAuMiwwLjEsMC40LDAuMiwwLjYsMC4ybC0wLjItMC4yYzAuNywwLjMsMSwwLjcsMS41LDAuOGMwLDAtMC4xLTAuMS0wLjEtMC4xYy0wLjEtMC4xLTAuMi0wLjMtMC4yLTAuM2MwLjIsMC4xLDAuNSwwLjQsMC43LDAuNg0KCWMwLjEsMC4xLDAuNiwwLjQsMC42LDAuNWMwLDAtMC40LTAuMi0wLjUtMC4zYy0wLjEsMC0wLjEtMC4xLTAuMS0wLjFjMCwwLTAuMiwwLTAuMiwwYzAuNywwLjQsMS4xLDAuNywxLjcsMS4xYzAsMCwwLDAtMC4xLTAuMQ0KCWMwLDAtMC4xLTAuMS0wLjEtMC4xYzAuMiwwLjEsMC41LDAuNCwwLjksMC44YzAuNCwwLjQsMC44LDAuOSwxLjMsMS40YzAuOCwxLjEsMS4yLDIuMSwxLjUsMi40YzAsMCwwLDAsMC4xLDAuMQ0KCWMwLDAtMC4yLTAuOS0wLjItMC45czAuNCwwLjgsMC40LDAuOWMwLDAuMSwwLjEsMC4yLDAuMSwwLjNjMCwwLjEsMCwwLDAsMC4xYzAsMC4xLDAuMSwwLjMsMC4xLDAuM2MwLTAuMS0wLjQtMC4yLTAuNS0wLjMNCgljMC4xLDAuMywwLjMsMC45LDAuNSwxLjljMC4yLDAuOSwwLjIsMi4xLDAuMSwzLjNjLTAuMSwwLjYtMC4yLDEuMS0wLjMsMS43Yy0wLjEsMC41LTAuMywxLTAuNSwxLjVjLTAuMywwLjktMC43LDEuNS0wLjksMS44DQoJYy0wLjQsMC40LTAuMiwwLTAuMiwwYy0wLjMsMC42LDAsMC4zLTAuNCwwLjhjLTAuMSwwLjEtMC4xLTAuMSwwLTAuMmMtMC4xLDAuMi0wLjMsMC40LTAuMywwLjRjMC4yLTAuMiwwLjMsMCwwLjQtMC4xDQoJYzAsMCwwLDAtMC4xLDAuMWMwLDAuMS0wLjEsMC4xLTAuMiwwLjJDMzQuMSwzMS45LDM0LDMyLDM0LDMyLjFjMCwwLjEtMC4xLDAuMS0wLjEsMC4xbC0wLjEtMC4xYy0wLjEsMC4xLDAsMC41LTAuNiwxDQoJYy0wLjksMC45LTEuOSwxLjgtMywyLjRjMC0wLjEsMC42LTAuNCwwLjctMC43Yy0wLjEsMC4xLTAuOCwwLjQtMSwwLjVjMC4yLDAsMC4yLDAuMSwwLjEsMC4xYy0wLjEsMC4xLTAuMywwLjEtMC4xLDAuMQ0KCWMtMC4yLDAuMi0wLjQsMC4zLTAuNiwwLjRjLTAuMiwwLjEtMC41LDAuMi0wLjcsMC4zYy0wLjcsMC4xLTEuNCwwLjItMS44LDAuNWMtMC4yLDAuMi0wLjEsMC43LTAuMiwxYzAsMC4xLDAsMC4yLDAsMC40DQoJYzAsMC4yLDAuMiwwLjMsMCwwLjVjMCwwLDAsMC4xLDAsMC4xYzAuMywwLDAsMC4yLDAsMC4yYy0wLjEsMC4yLDAuMywwLjMsMC4xLDAuNGMtMC4xLDAsMCwwLjEsMCwwLjFjMC4xLDAuMSwwLjIsMC4zLDAuMiwwLjMNCgljMC4xLDAsMC4xLDAuMiwwLjEsMC4yYzAsMCwwLjMsMC4xLDAuMywwLjJjMC4xLDAuMSwwLjEsMC4yLDAuMSwwLjNjLTAuMiwwLjQsMC4xLDAuNCwwLjEsMC40YzAuOC0wLjIsMC4yLDAuMSwxLTAuMQ0KCWMwLDAuMS0wLjEsMC4xLTAuNCwwLjJDMjcuOSw0MC45LDI3LjgsNDEsMjgsNDFjMC4yLDAsMC40LTAuMSwwLjYtMC4yYzAuNSwwLDAsMC4yLDAuNiwwLjFjMC4yLTAuMSwwLjUtMC4yLDAuOC0wLjMNCgljMC4zLTAuMSwyLjEtMS4zLDIuNC0xLjRsLTAuMSwwLjFjMC40LTAuMSwxLjEtMC42LDEuOC0xYy0wLjIsMC4xLTAuNSwwLjEtMC4xLTAuMmMwLjItMC4xLDAuNS0wLjIsMC42LTAuNA0KCWMwLjItMC4xLDAuMy0wLjEsMC40LTAuMmMwLjEtMC4xLDAuMy0wLjIsMC40LTAuM2MwLjEtMC4xLDAuMi0wLjIsMC40LTAuM2MwLDAsMC4xLTAuMSwwLjItMC4zYzAuMS0wLjEsMC4yLTAuMywwLjItMC4zDQoJYzAuNS0wLjUsMS41LTEuNSwyLjMtMi45YzAuOS0xLjQsMS43LTMuMSwyLjEtNC45YzAuNS0xLjgsMC42LTMuNywwLjQtNS4zYy0wLjEtMS42LTAuNS0yLjktMC43LTMuN2wwLjIsMC4yDQoJYy0wLjItMC42LTAuNC0xLjItMC43LTEuOGMtMC4zLTAuNy0wLjYtMS40LTEtMmMtMC40LTAuNy0wLjktMS40LTEuNS0yLjFjLTAuNi0wLjctMS4yLTEuMy0xLjgtMS45Yy0wLjctMC42LTEuNC0xLjEtMi4xLTEuNg0KCWMtMC43LTAuNS0xLjUtMC45LTIuMi0xLjJjLTEuNS0wLjYtMy0xLTQuMS0xLjFjLTAuNy0wLjItMS43LTAuMy0yLjUtMC4zYzAuNCwwLjEsMC4zLDAuMiwwLDAuMmMtMS4yLDAtMS4yLDAtMS4zLDANCgljMCwwLDAsMC0wLjIsMC4xYy0wLjIsMC0wLjUsMC4xLTEsMC4yQzIxLjIsOC4zLDIwLDguNSwxOC43LDljLTEuMywwLjUtMi44LDEuMi00LjEsMi4xYy0xLjMsMC45LTIuNSwyLTMuMywzLjENCgljLTAuOSwxLTEuNCwyLTEuNywyLjVjLTAuMSwwLjItMC4xLDAuMy0wLjIsMC41Yy0wLjEsMC4yLTAuMSwwLjMtMC4yLDAuNWMtMC4xLDAuMy0wLjMsMC43LTAuNCwxYy0wLjIsMC43LTAuNCwxLjUtMC41LDIuMQ0KCWwtMC4xLTAuM2MtMC4xLDAuMy0wLjIsMS4xLTAuMywyYy0wLjEsMC45LTAuMiwyLjEtMC4xLDMuMmMwLjEsMS4xLDAuMywyLjMsMC41LDMuMmMwLjMsMC45LDAuNSwxLjYsMC43LDJsLTAuMS0wLjINCgljMC4yLDAuMywwLjMsMC41LDAuMywwLjdjMC4xLDAuMiwwLjEsMC4zLDAuMiwwLjRjMC4xLDAuMywwLjEsMC41LDAuNCwxYzAtMC4xLDAuMywwLDAuNSwwLjNjMC4yLDAuMywwLjQsMC42LDAuNiwwLjhsMCwwDQoJYzAuMiwwLjMsMC42LDAuNywxLDEuMWMwLjIsMC4yLDAuNCwwLjQsMC43LDAuNmMwLjIsMC4yLDAuNiwwLjQsMC44LDAuNmwtMC4zLDBjMC40LDAuMywwLjksMC43LDEuNCwxLjFjMC41LDAuNCwxLDAuNywxLjMsMC45DQoJYzAuNiwwLjQsMS40LDAuOSwyLjQsMS4zYzAuOSwwLjQsMiwwLjcsMywwLjhjMCwwLDAuMywwLjEsMC42LDAuM2MwLjMsMC4xLDAuNiwwLjIsMC42LDAuMnMwLDAsMC4xLDBjMCwwLDAuMSwwLDAuMSwwDQoJczAuMi0wLjIsMC4zLTAuNWMwLjItMC4zLDAuNC0wLjgsMC41LTEuM2MwLjEtMC41LDAuMS0xLDAtMS40Yy0wLjEtMC4yLTAuMi0wLjQtMC4zLTAuNmMtMC4xLTAuMS0wLjItMC4yLTAuMi0wLjINCgljLTAuMS0wLjEtMC4yLTAuMi0wLjMtMC4ybDAuMiwwYzAsMC0wLjItMC4xLTAuMy0wLjFjMCwwLDAsMC0wLjEsMGMwLDAtMC4xLDAtMC4xLDBjLTAuNS0wLjEtMC43LTAuMS0wLjYtMC4yYzAsMCwwLDAsMC4xLDANCgljMC4xLDAsMC4xLDAsMC4yLDBjMC4yLDAsMC4zLDAuMSwwLjMsMC4xYy0wLjUtMC4xLTAuMS0wLjEsMC4xLTAuMWMtMC4yLDAtMC42LTAuMi0wLjgtMC4zYy0wLjEsMCwwLDAuMSwwLjQsMC4yDQoJYy0wLjEsMC0wLjMsMC0wLjQsMGMtMC4xLDAtMC4yLDAtMC4yLDBjLTAuMSwwLTAuMiwwLTAuMi0wLjFjLTAuMi0wLjEtMC4yLTAuMS0wLjItMC4yYzAsMCwwLTAuMS0wLjMtMC4yYy0xLjQtMC41LTIuNi0xLjItMy43LTIuMg0KCWMtMS4xLTAuOS0yLTItMi43LTMuM2MwLTAuMSwwLDAsMC4xLDAuMWMtMC41LTAuNy0wLjgtMS41LTEuMS0yLjJjMC0wLjIsMC0wLjMsMC0wLjRjMCwwLTAuMS0wLjItMC4yLTAuNmMtMC4xLTAuNC0wLjItMC45LTAuMy0xLjUNCgljLTAuMS0wLjYtMC4xLTEuMS0wLjEtMS42YzAtMC4yLDAtMC40LDAtMC41QzEyLjcsMjMuMywxMi44LDIzLjMsMTIuOCwyMy4zeiIvPg0KPC9zdmc+DQo=);
}
.social-identity-icon.native-credential.active, .social-identity-icon.native.active {
  background: #32383d;
  color: #fff;
}
.social-identity-icon.skype:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDggNDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJ0ZXh0NDMxMyI+DQo8L2c+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMzQuOSwyNi40YzAuMi0wLjcsMC4zLTEuNSwwLjMtMi4zYzAtNi00LjktMTAuOC0xMS0xMC44Yy0wLjYsMC0xLjMsMC4xLTEuOSwwLjJjLTEtMC42LTIuMS0xLTMuNC0xDQoJYy0zLjUsMC02LjQsMi44LTYuNCw2LjNjMCwxLjIsMC4zLDIuMiwwLjksMy4yYy0wLjEsMC43LTAuMiwxLjQtMC4yLDIuMmMwLDYsNC45LDEwLjgsMTEsMTAuOGMwLjcsMCwxLjQtMC4xLDItMC4yDQoJYzAuOSwwLjUsMS45LDAuNywzLDAuN2MzLjUsMCw2LjQtMi44LDYuNC02LjNDMzUuNSwyOC4yLDM1LjMsMjcuMywzNC45LDI2LjR6IE0yOS4xLDI5LjdjLTAuNSwwLjctMS4xLDEuMy0yLDEuNw0KCWMtMC45LDAuNC0xLjksMC42LTMuMSwwLjZjLTEuNCwwLTIuNi0wLjMtMy41LTAuOGMtMC43LTAuNC0xLjItMC45LTEuNi0xLjZjLTAuNC0wLjctMC42LTEuMy0wLjYtMmMwLTAuNCwwLjEtMC43LDAuNC0xDQoJYzAuMy0wLjMsMC42LTAuNCwxLTAuNGMwLjMsMCwwLjYsMC4xLDAuOSwwLjNjMC4yLDAuMiwwLjQsMC41LDAuNiwwLjljMC4yLDAuNCwwLjQsMC44LDAuNiwxLjFjMC4yLDAuMywwLjUsMC41LDAuOCwwLjcNCgljMC40LDAuMiwwLjgsMC4zLDEuNCwwLjNjMC44LDAsMS41LTAuMiwyLTAuNmMwLjUtMC40LDAuNy0wLjgsMC43LTEuNGMwLTAuNC0wLjEtMC44LTAuNC0xYy0wLjMtMC4zLTAuNi0wLjUtMS4xLTAuNg0KCWMtMC40LTAuMi0xLjEtMC4zLTEuOC0wLjVjLTEtMC4yLTEuOS0wLjUtMi42LTAuOWMtMC43LTAuMy0xLjMtMC44LTEuNy0xLjRjLTAuNC0wLjYtMC42LTEuMy0wLjYtMi4yYzAtMC44LDAuMi0xLjYsMC43LTIuMg0KCWMwLjQtMC42LDEuMS0xLjEsMS45LTEuNWMwLjgtMC4zLDEuOC0wLjUsMi45LTAuNWMwLjksMCwxLjYsMC4xLDIuMywwLjNjMC42LDAuMiwxLjIsMC41LDEuNiwwLjljMC40LDAuNCwwLjgsMC44LDEsMS4yDQoJYzAuMiwwLjQsMC4zLDAuOCwwLjMsMS4yYzAsMC40LTAuMSwwLjctMC40LDEuMWMtMC4zLDAuMy0wLjYsMC41LTEsMC41Yy0wLjQsMC0wLjYtMC4xLTAuOC0wLjNjLTAuMi0wLjItMC40LTAuNS0wLjYtMC45DQoJYy0wLjItMC41LTAuNS0wLjktMC45LTEuMmMtMC4zLTAuMy0wLjktMC40LTEuNi0wLjRjLTAuNywwLTEuMywwLjItMS43LDAuNWMtMC40LDAuMy0wLjYsMC42LTAuNiwxYzAsMC4yLDAuMSwwLjUsMC4yLDAuNg0KCWMwLjEsMC4yLDAuMywwLjQsMC42LDAuNWMwLjMsMC4xLDAuNSwwLjMsMC44LDAuM2MwLjMsMC4xLDAuNywwLjIsMS40LDAuNGMwLjgsMC4yLDEuNSwwLjQsMi4yLDAuNmMwLjcsMC4yLDEuMiwwLjUsMS43LDAuOA0KCWMwLjUsMC4zLDAuOCwwLjgsMS4xLDEuM2MwLjMsMC41LDAuNCwxLjIsMC40LDEuOUMyOS44LDI4LjEsMjkuNSwyOC45LDI5LjEsMjkuN3oiLz4NCjwvc3ZnPg0K);
}
.social-identity-icon.skype.colour:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDggNDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJ0ZXh0NDMxMyI+DQo8L2c+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjMDBBQUYxIiBkPSJNMzQuOSwyNi40YzAuMi0wLjcsMC4zLTEuNSwwLjMtMi4zYzAtNi00LjktMTAuOC0xMS0xMC44Yy0wLjYsMC0xLjMsMC4xLTEuOSwwLjJjLTEtMC42LTIuMS0xLTMuNC0xDQoJCWMtMy41LDAtNi40LDIuOC02LjQsNi4zYzAsMS4yLDAuMywyLjIsMC45LDMuMmMtMC4xLDAuNy0wLjIsMS40LTAuMiwyLjJjMCw2LDQuOSwxMC44LDExLDEwLjhjMC43LDAsMS40LTAuMSwyLTAuMg0KCQljMC45LDAuNSwxLjksMC43LDMsMC43YzMuNSwwLDYuNC0yLjgsNi40LTYuM0MzNS41LDI4LjIsMzUuMywyNy4zLDM0LjksMjYuNHoiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjEuMSwxNy4zTDIxLjEsMTcuM2MtMC44LDAuMy0xLjUsMC44LTEuOSwxLjVjLTAuNCwwLjYtMC43LDEuNC0wLjcsMi4yYzAsMC45LDAuMiwxLjYsMC42LDIuMg0KCQljMC40LDAuNiwxLDEsMS43LDEuNGMwLjcsMC4zLDEuNiwwLjYsMi42LDAuOWMwLjgsMC4yLDEuNCwwLjMsMS44LDAuNWMwLjQsMC4xLDAuOCwwLjQsMS4xLDAuNmMwLjMsMC4zLDAuNCwwLjYsMC40LDENCgkJYzAsMC41LTAuMiwxLTAuNywxLjRjLTAuNSwwLjQtMS4yLDAuNi0yLDAuNmMtMC42LDAtMS4xLTAuMS0xLjQtMC4zYy0wLjQtMC4yLTAuNi0wLjQtMC44LTAuN2MtMC4yLTAuMy0wLjQtMC43LTAuNi0xLjENCgkJYy0wLjItMC40LTAuMy0wLjctMC42LTAuOWMtMC4yLTAuMi0wLjUtMC4zLTAuOS0wLjNjLTAuNCwwLTAuOCwwLjEtMSwwLjRjLTAuMywwLjMtMC40LDAuNi0wLjQsMWMwLDAuNiwwLjIsMS4zLDAuNiwyDQoJCWMwLjQsMC43LDEsMS4yLDEuNiwxLjZjMC45LDAuNSwyLjEsMC44LDMuNSwwLjhjMS4yLDAsMi4yLTAuMiwzLjEtMC42YzAuOS0wLjQsMS41LTEsMi0xLjdjMC41LTAuNywwLjctMS41LDAuNy0yLjQNCgkJYzAtMC43LTAuMS0xLjQtMC40LTEuOWMtMC4zLTAuNS0wLjYtMS0xLjEtMS4zYy0wLjUtMC4zLTEtMC42LTEuNy0wLjhjLTAuNi0wLjItMS40LTAuNC0yLjItMC42Yy0wLjYtMC4yLTEuMS0wLjMtMS40LTAuNA0KCQljLTAuMy0wLjEtMC41LTAuMi0wLjgtMC4zYy0wLjItMC4xLTAuNC0wLjMtMC42LTAuNWMtMC4xLTAuMi0wLjItMC40LTAuMi0wLjZjMC0wLjQsMC4yLTAuNywwLjYtMWMwLjQtMC4zLDEtMC41LDEuNy0wLjUNCgkJYzAuOCwwLDEuMywwLjEsMS42LDAuNGMwLjMsMC4zLDAuNiwwLjcsMC45LDEuMmMwLjIsMC40LDAuNCwwLjcsMC42LDAuOWMwLjIsMC4yLDAuNSwwLjMsMC44LDAuM2MwLjQsMCwwLjctMC4yLDEtMC41DQoJCWMwLjMtMC4zLDAuNC0wLjcsMC40LTEuMWMwLTAuNC0wLjEtMC44LTAuMy0xLjJjLTAuMi0wLjQtMC41LTAuOC0xLTEuMmMtMC40LTAuNC0xLTAuNy0xLjYtMC45Yy0wLjYtMC4yLTEuNC0wLjMtMi4zLTAuMw0KCQlDMjIuOSwxNi44LDIxLjksMTcsMjEuMSwxNy4zeiIvPg0KPC9nPg0KPC9zdmc+DQo=);
}
.social-identity-icon.skype.active {
  background: #00aff0;
}
.social-identity-icon.teams {
  background: #ccc;
}
.social-identity-icon.teams:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgdmlld0JveD0iMCAwIDI0IDI0IgogICByb2xlPSJwcmVzZW50YXRpb24iCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzkzNyIKICAgc29kaXBvZGk6ZG9jbmFtZT0idGVhbXMtaWNvbi13aGl0ZXNjYWxlLXdpdGgtcGFkZGluZy5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMC4xICgzYmMyZTgxM2Y1LCAyMDIwLTA5LTA3KSI+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhOTQzIj4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzOTQxIiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGdyaWR0b2xlcmFuY2U9IjEwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTY2MyIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMTkyIgogICAgIGlkPSJuYW1lZHZpZXc5MzkiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjMwLjYyNSIKICAgICBpbmtzY2FwZTpjeD0iMTIiCiAgICAgaW5rc2NhcGU6Y3k9IjEyIgogICAgIGlua3NjYXBlOndpbmRvdy14PSI2MzM4IgogICAgIGlua3NjYXBlOndpbmRvdy15PSI0NzciCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc5MzciCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtcm90YXRpb249IjAiIC8+CiAgPHBhdGgKICAgICBkPSJtIDguNTQ0MjE3OCwxMC41MjcyMzggdiA2LjQ4NjM2OCBhIDQuODgyMDY4MSw0LjgwNzY0NjMgMCAwIDAgMC41Mzk5NzI3LDIuMTk3Mjc4IGggNC40NjI1ODU1IGEgMS4zMzg3NzU2LDEuMzE4MzY3NCAwIDAgMCAxLjI0NTA2LC0xLjE5MDA0NiBWIDkuNTYwNDM1NSBMIDE0LjU0MTkzMyw5LjU0Mjg1NjQgSCA5LjU0MzgzNjcgQSAwLjk5OTYxOTAyLDAuOTg0MzgwOTkgMCAwIDAgOC41NDQyMTc4LDEwLjUyNzIzOCBaIE0gMTMuNzUwMjY4LDYuOTA2MTIyNSBoIC0yLjY1NjEzIGEgMi44OTE3NTUxLDIuODQ3NjczNSAwIDAgMCAzLjY5NzY5OCwxLjg4MzUwNzMgViA3LjkzMTgxMjIgQSAxLjA0NDI0NDksMS4wMjgzMjY1IDAgMCAwIDEzLjc1MDI2OCw2LjkwNjEyMjUgWiIKICAgICBvcGFjaXR5PSIwLjEiCiAgICAgaWQ9InBhdGg5MTkiCiAgICAgc3R5bGU9InN0cm9rZS13aWR0aDowLjg4NTY4NyIgLz4KICA8cGF0aAogICAgIGZpbGw9Im5vbmUiCiAgICAgZD0iTSAxLjQwNDA4MTYsMS42MzI2NTMgSCAyMi44MjQ0OTEgViAyMi43MjY1MyBIIDEuNDA0MDgxNiBaIgogICAgIGlkPSJwYXRoOTIxIgogICAgIHN0eWxlPSJzdHJva2Utd2lkdGg6MC44ODU2ODciIC8+CiAgPHBhdGgKICAgICBkPSJtIDIxLjgxODYyNCw5LjU0Mjg1NzIgaCAtNC40NTYzMzkgbCAtMS4yNDQxNywwLjk5MDUzMjggdiA0LjkxMjIzNyBhIDMuMzUzMTg4LDMuMzAyMDcyMyAwIDEgMCA2LjcwNjM3NiwwIFYgMTAuNTMzMzkgQSAxLjAwNTg2NjcsMC45OTA1MzM0MyAwIDAgMCAyMS44MTg2MjQsOS41NDI4NTcyIFoiCiAgICAgZmlsbD0iI2U1ZTVlNSIKICAgICBpZD0icGF0aDkyMyIKICAgICBzdHlsZT0ic3Ryb2tlLXdpZHRoOjAuODg1Njg3O2ZpbGw6I2ZmZmZmZiIgLz4KICA8ZWxsaXBzZQogICAgIGN4PSIxOS43MDA2OCIKICAgICBjeT0iNi40NjY2NjYyIgogICAgIGZpbGw9IiNlNWU1ZTUiCiAgICAgaWQ9ImNpcmNsZTkyNSIKICAgICBzdHlsZT0ic3Ryb2tlLXdpZHRoOjAuODg1Njg3O2ZpbGw6I2ZmZmZmZiIKICAgICByeD0iMi4yMzEyOTI3IgogICAgIHJ5PSIyLjE5NzI3OTIiIC8+CiAgPHBhdGgKICAgICBkPSJtIDkuNTQzODM2Nyw5LjU0Mjg1NzIgaCA3LjgxODQ0ODMgYSAwLjk5OTYxOTAyLDAuOTg0MzgwOTkgMCAwIDEgMC45OTk2MjEsMC45ODQzODA4IHYgNi40ODYzNjggQSA0LjkwODg0MzUsNC44MzQwMTM2IDAgMCAxIDEzLjQ1MzA2MywyMS44NDc2MiA0LjkwODg0MzUsNC44MzQwMTM2IDAgMCAxIDguNTQ0MjE3OCwxNy4wMTM2MDYgViAxMC41MjcyMzggQSAwLjk5OTYxOTAyLDAuOTg0MzgwOTkgMCAwIDEgOS41NDM4MzY3LDkuNTQyODU3MiBaIgogICAgIGZpbGw9IiNlNWU1ZTUiCiAgICAgaWQ9InBhdGg5MjciCiAgICAgc3R5bGU9InN0cm9rZS13aWR0aDowLjg4NTY4NztmaWxsOiNmOWY5ZjkiIC8+CiAgPGVsbGlwc2UKICAgICBjeD0iMTMuODk5MzIiCiAgICAgY3k9IjYuMDI3MjEwNyIKICAgICBmaWxsPSIjZTVlNWU1IgogICAgIGlkPSJjaXJjbGU5MjkiCiAgICAgc3R5bGU9InN0cm9rZS13aWR0aDowLjg4NTY4NztmaWxsOiNmOWY5ZjkiCiAgICAgcng9IjIuOTU2OTA4OSIKICAgICByeT0iMi45MTE4MzQiIC8+CiAgPHBhdGgKICAgICBkPSJtIDguNTQ0MjE3OCwxMC41MjcyMzggdiA2LjQ4NjM2OCBhIDQuODgyMDY4MSw0LjgwNzY0NjMgMCAwIDAgMC41Mzk5NzI3LDIuMTk3Mjc4IGggNC40NjI1ODU1IGEgMS4zMzg3NzU2LDEuMzE4MzY3NCAwIDAgMCAxLjI0NTA2LC0xLjE5MDA0NiBWIDkuNTYwNDM1NSBMIDE0LjU0MTkzMyw5LjU0Mjg1NjQgSCA5LjU0MzgzNjcgQSAwLjk5OTYxOTAyLDAuOTg0MzgwOTkgMCAwIDAgOC41NDQyMTc4LDEwLjUyNzIzOCBaIE0gMTMuNzUwMjY4LDYuOTA2MTIyNSBoIC0yLjY1NjEzIGEgMi44OTE3NTUxLDIuODQ3NjczNSAwIDAgMCAzLjY5NzY5OCwxLjg4MzUwNzMgViA3LjkzMTgxMjIgQSAxLjA0NDI0NDksMS4wMjgzMjY1IDAgMCAwIDEzLjc1MDI2OCw2LjkwNjEyMjUgWiIKICAgICBvcGFjaXR5PSIwLjUiCiAgICAgaWQ9InBhdGg5MzEiCiAgICAgc3R5bGU9InN0cm9rZS13aWR0aDowLjg4NTY4NztmaWxsOiNiM2IzYjMiIC8+CiAgPHJlY3QKICAgICB5PSI2LjAyNzIxMDciCiAgICAgd2lkdGg9IjEyLjQ5NTIzOCIKICAgICBoZWlnaHQ9IjEyLjMwNDc2IgogICAgIHJ4PSIxLjA0MTU2NzYiCiAgICAgcnk9IjEuMDI1Njg5OCIKICAgICBmaWxsPSIjZTVlNWU1IgogICAgIGlkPSJyZWN0OTMzIgogICAgIHg9IjEuNDA0MDgxNiIKICAgICBzdHlsZT0ic3Ryb2tlLXdpZHRoOjAuODg1Njg3O2ZpbGw6I2ZmZmZmZiIgLz4KICA8cGF0aAogICAgIGQ9Ik0gMTAuNDg5OTA2LDEwLjA1MDg2OSBIIDguMzU5NDY2NyB2IDUuNjQ0MzY5IEggNi45NTgyMTUgViAxMC4wNTA4NjkgSCA0LjgxMjYwNCBWIDguNjYzOTQ1NiBoIDUuNjc4MTkzIHoiCiAgICAgZmlsbD0iI2U1ZTVlNSIKICAgICBpZD0icGF0aDkzNSIKICAgICBzdHlsZT0ic3Ryb2tlLXdpZHRoOjAuODg1Njg3O2ZpbGw6I2NjY2NjYyIgLz4KPC9zdmc+Cg==);
  /*filter: grayscale(100%);*/
}
.social-identity-icon.teams.colour {
  background: none;
}
.social-identity-icon.teams.colour:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgdmlld0JveD0iMCAwIDI0IDI0IgogICByb2xlPSJwcmVzZW50YXRpb24iCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzkzNyIKICAgc29kaXBvZGk6ZG9jbmFtZT0idGVhbXMtaWNvbi13aXRoLXBhZGRpbmcuc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjAuMSAoM2JjMmU4MTNmNSwgMjAyMC0wOS0wNykiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTk0MyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczk0MSIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIKICAgICBncmlkdG9sZXJhbmNlPSIxMCIKICAgICBndWlkZXRvbGVyYW5jZT0iMTAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE2NjMiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTE5MiIKICAgICBpZD0ibmFtZWR2aWV3OTM5IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIzMC42MjUiCiAgICAgaW5rc2NhcGU6Y3g9IjEyIgogICAgIGlua3NjYXBlOmN5PSIxMiIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iNjMzOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iNDc3IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnOTM3IiAvPgogIDxwYXRoCiAgICAgZD0ibSA4LjU0NDIxNzgsMTAuNTI3MjM4IHYgNi40ODYzNjggYSA0Ljg4MjA2ODEsNC44MDc2NDYzIDAgMCAwIDAuNTM5OTcyNywyLjE5NzI3OCBoIDQuNDYyNTg1NSBhIDEuMzM4Nzc1NiwxLjMxODM2NzQgMCAwIDAgMS4yNDUwNiwtMS4xOTAwNDYgViA5LjU2MDQzNTUgTCAxNC41NDE5MzMsOS41NDI4NTY0IEggOS41NDM4MzY3IEEgMC45OTk2MTkwMiwwLjk4NDM4MDk5IDAgMCAwIDguNTQ0MjE3OCwxMC41MjcyMzggWiBNIDEzLjc1MDI2OCw2LjkwNjEyMjUgaCAtMi42NTYxMyBhIDIuODkxNzU1MSwyLjg0NzY3MzUgMCAwIDAgMy42OTc2OTgsMS44ODM1MDczIFYgNy45MzE4MTIyIEEgMS4wNDQyNDQ5LDEuMDI4MzI2NSAwIDAgMCAxMy43NTAyNjgsNi45MDYxMjI1IFoiCiAgICAgb3BhY2l0eT0iMC4xIgogICAgIGlkPSJwYXRoOTE5IgogICAgIHN0eWxlPSJzdHJva2Utd2lkdGg6MC44ODU2ODciIC8+CiAgPHBhdGgKICAgICBmaWxsPSJub25lIgogICAgIGQ9Ik0gMS40MDQwODE2LDEuNjMyNjUzIEggMjIuODI0NDkxIFYgMjIuNzI2NTMgSCAxLjQwNDA4MTYgWiIKICAgICBpZD0icGF0aDkyMSIKICAgICBzdHlsZT0ic3Ryb2tlLXdpZHRoOjAuODg1Njg3IiAvPgogIDxwYXRoCiAgICAgZD0ibSAyMS44MTg2MjQsOS41NDI4NTcyIGggLTQuNDU2MzM5IGwgLTEuMjQ0MTcsMC45OTA1MzI4IHYgNC45MTIyMzcgYSAzLjM1MzE4OCwzLjMwMjA3MjMgMCAxIDAgNi43MDYzNzYsMCBWIDEwLjUzMzM5IEEgMS4wMDU4NjY3LDAuOTkwNTMzNDMgMCAwIDAgMjEuODE4NjI0LDkuNTQyODU3MiBaIgogICAgIGZpbGw9IiM1MDU5YzkiCiAgICAgaWQ9InBhdGg5MjMiCiAgICAgc3R5bGU9InN0cm9rZS13aWR0aDowLjg4NTY4NyIgLz4KICA8ZWxsaXBzZQogICAgIGN4PSIxOS43MDA2OCIKICAgICBjeT0iNi40NjY2NjYyIgogICAgIGZpbGw9IiM1MDU5YzkiCiAgICAgaWQ9ImNpcmNsZTkyNSIKICAgICBzdHlsZT0ic3Ryb2tlLXdpZHRoOjAuODg1Njg3IgogICAgIHJ4PSIyLjIzMTI5MjciCiAgICAgcnk9IjIuMTk3Mjc5MiIgLz4KICA8cGF0aAogICAgIGQ9Im0gOS41NDM4MzY3LDkuNTQyODU3MiBoIDcuODE4NDQ4MyBhIDAuOTk5NjE5MDIsMC45ODQzODA5OSAwIDAgMSAwLjk5OTYyMSwwLjk4NDM4MDggdiA2LjQ4NjM2OCBBIDQuOTA4ODQzNSw0LjgzNDAxMzYgMCAwIDEgMTMuNDUzMDYzLDIxLjg0NzYyIDQuOTA4ODQzNSw0LjgzNDAxMzYgMCAwIDEgOC41NDQyMTc4LDE3LjAxMzYwNiBWIDEwLjUyNzIzOCBBIDAuOTk5NjE5MDIsMC45ODQzODA5OSAwIDAgMSA5LjU0MzgzNjcsOS41NDI4NTcyIFoiCiAgICAgZmlsbD0iIzdiODNlYiIKICAgICBpZD0icGF0aDkyNyIKICAgICBzdHlsZT0ic3Ryb2tlLXdpZHRoOjAuODg1Njg3IiAvPgogIDxlbGxpcHNlCiAgICAgY3g9IjEzLjg5OTMyIgogICAgIGN5PSI2LjAyNzIxMDciCiAgICAgZmlsbD0iIzdiODNlYiIKICAgICBpZD0iY2lyY2xlOTI5IgogICAgIHN0eWxlPSJzdHJva2Utd2lkdGg6MC44ODU2ODciCiAgICAgcng9IjIuOTU2OTA4OSIKICAgICByeT0iMi45MTE4MzQiIC8+CiAgPHBhdGgKICAgICBkPSJtIDguNTQ0MjE3OCwxMC41MjcyMzggdiA2LjQ4NjM2OCBhIDQuODgyMDY4MSw0LjgwNzY0NjMgMCAwIDAgMC41Mzk5NzI3LDIuMTk3Mjc4IGggNC40NjI1ODU1IGEgMS4zMzg3NzU2LDEuMzE4MzY3NCAwIDAgMCAxLjI0NTA2LC0xLjE5MDA0NiBWIDkuNTYwNDM1NSBMIDE0LjU0MTkzMyw5LjU0Mjg1NjQgSCA5LjU0MzgzNjcgQSAwLjk5OTYxOTAyLDAuOTg0MzgwOTkgMCAwIDAgOC41NDQyMTc4LDEwLjUyNzIzOCBaIE0gMTMuNzUwMjY4LDYuOTA2MTIyNSBoIC0yLjY1NjEzIGEgMi44OTE3NTUxLDIuODQ3NjczNSAwIDAgMCAzLjY5NzY5OCwxLjg4MzUwNzMgViA3LjkzMTgxMjIgQSAxLjA0NDI0NDksMS4wMjgzMjY1IDAgMCAwIDEzLjc1MDI2OCw2LjkwNjEyMjUgWiIKICAgICBvcGFjaXR5PSIwLjUiCiAgICAgaWQ9InBhdGg5MzEiCiAgICAgc3R5bGU9InN0cm9rZS13aWR0aDowLjg4NTY4NyIgLz4KICA8cmVjdAogICAgIHk9IjYuMDI3MjEwNyIKICAgICB3aWR0aD0iMTIuNDk1MjM4IgogICAgIGhlaWdodD0iMTIuMzA0NzYiCiAgICAgcng9IjEuMDQxNTY3NiIKICAgICByeT0iMS4wMjU2ODk4IgogICAgIGZpbGw9IiM0YjUzYmMiCiAgICAgaWQ9InJlY3Q5MzMiCiAgICAgeD0iMS40MDQwODE2IgogICAgIHN0eWxlPSJzdHJva2Utd2lkdGg6MC44ODU2ODciIC8+CiAgPHBhdGgKICAgICBkPSJNIDEwLjQ4OTkwNiwxMC4wNTA4NjkgSCA4LjM1OTQ2NjcgdiA1LjY0NDM2OSBIIDYuOTU4MjE1IFYgMTAuMDUwODY5IEggNC44MTI2MDQgViA4LjY2Mzk0NTYgaCA1LjY3ODE5MyB6IgogICAgIGZpbGw9IiNmZmZmZmYiCiAgICAgaWQ9InBhdGg5MzUiCiAgICAgc3R5bGU9InN0cm9rZS13aWR0aDowLjg4NTY4NyIgLz4KPC9zdmc+Cg==);
}
.social-identity-icon.teams.active {
  background: none;
}
.social-identity-icon.teams.active:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgdmlld0JveD0iMCAwIDI0IDI0IgogICByb2xlPSJwcmVzZW50YXRpb24iCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzkzNyIKICAgc29kaXBvZGk6ZG9jbmFtZT0idGVhbXMtaWNvbi13aXRoLXBhZGRpbmcuc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjAuMSAoM2JjMmU4MTNmNSwgMjAyMC0wOS0wNykiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTk0MyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczk0MSIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIKICAgICBncmlkdG9sZXJhbmNlPSIxMCIKICAgICBndWlkZXRvbGVyYW5jZT0iMTAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE2NjMiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTE5MiIKICAgICBpZD0ibmFtZWR2aWV3OTM5IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIzMC42MjUiCiAgICAgaW5rc2NhcGU6Y3g9IjEyIgogICAgIGlua3NjYXBlOmN5PSIxMiIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iNjMzOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iNDc3IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnOTM3IiAvPgogIDxwYXRoCiAgICAgZD0ibSA4LjU0NDIxNzgsMTAuNTI3MjM4IHYgNi40ODYzNjggYSA0Ljg4MjA2ODEsNC44MDc2NDYzIDAgMCAwIDAuNTM5OTcyNywyLjE5NzI3OCBoIDQuNDYyNTg1NSBhIDEuMzM4Nzc1NiwxLjMxODM2NzQgMCAwIDAgMS4yNDUwNiwtMS4xOTAwNDYgViA5LjU2MDQzNTUgTCAxNC41NDE5MzMsOS41NDI4NTY0IEggOS41NDM4MzY3IEEgMC45OTk2MTkwMiwwLjk4NDM4MDk5IDAgMCAwIDguNTQ0MjE3OCwxMC41MjcyMzggWiBNIDEzLjc1MDI2OCw2LjkwNjEyMjUgaCAtMi42NTYxMyBhIDIuODkxNzU1MSwyLjg0NzY3MzUgMCAwIDAgMy42OTc2OTgsMS44ODM1MDczIFYgNy45MzE4MTIyIEEgMS4wNDQyNDQ5LDEuMDI4MzI2NSAwIDAgMCAxMy43NTAyNjgsNi45MDYxMjI1IFoiCiAgICAgb3BhY2l0eT0iMC4xIgogICAgIGlkPSJwYXRoOTE5IgogICAgIHN0eWxlPSJzdHJva2Utd2lkdGg6MC44ODU2ODciIC8+CiAgPHBhdGgKICAgICBmaWxsPSJub25lIgogICAgIGQ9Ik0gMS40MDQwODE2LDEuNjMyNjUzIEggMjIuODI0NDkxIFYgMjIuNzI2NTMgSCAxLjQwNDA4MTYgWiIKICAgICBpZD0icGF0aDkyMSIKICAgICBzdHlsZT0ic3Ryb2tlLXdpZHRoOjAuODg1Njg3IiAvPgogIDxwYXRoCiAgICAgZD0ibSAyMS44MTg2MjQsOS41NDI4NTcyIGggLTQuNDU2MzM5IGwgLTEuMjQ0MTcsMC45OTA1MzI4IHYgNC45MTIyMzcgYSAzLjM1MzE4OCwzLjMwMjA3MjMgMCAxIDAgNi43MDYzNzYsMCBWIDEwLjUzMzM5IEEgMS4wMDU4NjY3LDAuOTkwNTMzNDMgMCAwIDAgMjEuODE4NjI0LDkuNTQyODU3MiBaIgogICAgIGZpbGw9IiM1MDU5YzkiCiAgICAgaWQ9InBhdGg5MjMiCiAgICAgc3R5bGU9InN0cm9rZS13aWR0aDowLjg4NTY4NyIgLz4KICA8ZWxsaXBzZQogICAgIGN4PSIxOS43MDA2OCIKICAgICBjeT0iNi40NjY2NjYyIgogICAgIGZpbGw9IiM1MDU5YzkiCiAgICAgaWQ9ImNpcmNsZTkyNSIKICAgICBzdHlsZT0ic3Ryb2tlLXdpZHRoOjAuODg1Njg3IgogICAgIHJ4PSIyLjIzMTI5MjciCiAgICAgcnk9IjIuMTk3Mjc5MiIgLz4KICA8cGF0aAogICAgIGQ9Im0gOS41NDM4MzY3LDkuNTQyODU3MiBoIDcuODE4NDQ4MyBhIDAuOTk5NjE5MDIsMC45ODQzODA5OSAwIDAgMSAwLjk5OTYyMSwwLjk4NDM4MDggdiA2LjQ4NjM2OCBBIDQuOTA4ODQzNSw0LjgzNDAxMzYgMCAwIDEgMTMuNDUzMDYzLDIxLjg0NzYyIDQuOTA4ODQzNSw0LjgzNDAxMzYgMCAwIDEgOC41NDQyMTc4LDE3LjAxMzYwNiBWIDEwLjUyNzIzOCBBIDAuOTk5NjE5MDIsMC45ODQzODA5OSAwIDAgMSA5LjU0MzgzNjcsOS41NDI4NTcyIFoiCiAgICAgZmlsbD0iIzdiODNlYiIKICAgICBpZD0icGF0aDkyNyIKICAgICBzdHlsZT0ic3Ryb2tlLXdpZHRoOjAuODg1Njg3IiAvPgogIDxlbGxpcHNlCiAgICAgY3g9IjEzLjg5OTMyIgogICAgIGN5PSI2LjAyNzIxMDciCiAgICAgZmlsbD0iIzdiODNlYiIKICAgICBpZD0iY2lyY2xlOTI5IgogICAgIHN0eWxlPSJzdHJva2Utd2lkdGg6MC44ODU2ODciCiAgICAgcng9IjIuOTU2OTA4OSIKICAgICByeT0iMi45MTE4MzQiIC8+CiAgPHBhdGgKICAgICBkPSJtIDguNTQ0MjE3OCwxMC41MjcyMzggdiA2LjQ4NjM2OCBhIDQuODgyMDY4MSw0LjgwNzY0NjMgMCAwIDAgMC41Mzk5NzI3LDIuMTk3Mjc4IGggNC40NjI1ODU1IGEgMS4zMzg3NzU2LDEuMzE4MzY3NCAwIDAgMCAxLjI0NTA2LC0xLjE5MDA0NiBWIDkuNTYwNDM1NSBMIDE0LjU0MTkzMyw5LjU0Mjg1NjQgSCA5LjU0MzgzNjcgQSAwLjk5OTYxOTAyLDAuOTg0MzgwOTkgMCAwIDAgOC41NDQyMTc4LDEwLjUyNzIzOCBaIE0gMTMuNzUwMjY4LDYuOTA2MTIyNSBoIC0yLjY1NjEzIGEgMi44OTE3NTUxLDIuODQ3NjczNSAwIDAgMCAzLjY5NzY5OCwxLjg4MzUwNzMgViA3LjkzMTgxMjIgQSAxLjA0NDI0NDksMS4wMjgzMjY1IDAgMCAwIDEzLjc1MDI2OCw2LjkwNjEyMjUgWiIKICAgICBvcGFjaXR5PSIwLjUiCiAgICAgaWQ9InBhdGg5MzEiCiAgICAgc3R5bGU9InN0cm9rZS13aWR0aDowLjg4NTY4NyIgLz4KICA8cmVjdAogICAgIHk9IjYuMDI3MjEwNyIKICAgICB3aWR0aD0iMTIuNDk1MjM4IgogICAgIGhlaWdodD0iMTIuMzA0NzYiCiAgICAgcng9IjEuMDQxNTY3NiIKICAgICByeT0iMS4wMjU2ODk4IgogICAgIGZpbGw9IiM0YjUzYmMiCiAgICAgaWQ9InJlY3Q5MzMiCiAgICAgeD0iMS40MDQwODE2IgogICAgIHN0eWxlPSJzdHJva2Utd2lkdGg6MC44ODU2ODciIC8+CiAgPHBhdGgKICAgICBkPSJNIDEwLjQ4OTkwNiwxMC4wNTA4NjkgSCA4LjM1OTQ2NjcgdiA1LjY0NDM2OSBIIDYuOTU4MjE1IFYgMTAuMDUwODY5IEggNC44MTI2MDQgViA4LjY2Mzk0NTYgaCA1LjY3ODE5MyB6IgogICAgIGZpbGw9IiNmZmZmZmYiCiAgICAgaWQ9InBhdGg5MzUiCiAgICAgc3R5bGU9InN0cm9rZS13aWR0aDowLjg4NTY4NyIgLz4KPC9zdmc+Cg==);
}
.social-identity-icon.office365 {
  background: #ccc;
}
.social-identity-icon.office365:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjE0NCAtOC4yIDY0IDY0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDE0NCAtOC4yIDY0IDY0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjE2LjA3MzU4LC01NDkuMjg4ODIpIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLjgyMzI5NTIsMCwwLDEuODIzMjk1MiwtNTk3LjcxNjgxLC0xMjQuMTIyNDcpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC05MS4xMzcyNDEpIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjc0MDY5ODE1LDAsMCwwLjc0MDY5ODE1LDk4LjU2OTgsLTguMjUwNTg3MSkiPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik01ODMuNSw2NjIuNXYtMjMuOWwyMS4xLTcuOGwxMS41LDMuN3YzMi4xbC0xMS41LDMuNUw1ODMuNSw2NjIuNWwyMS4xLDIuNXYtMjcuOGwtMTMuOCwzLjJ2MTguOEw1ODMuNSw2NjIuNXoiLz48L2c+PC9nPjwvZz48L2c+PC9zdmc+);
}
.social-identity-icon.office365.colour {
  background: #eb3c00;
}
.social-identity-icon.office365.colour:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjE0NCAtOC4yIDY0IDY0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDE0NCAtOC4yIDY0IDY0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjE2LjA3MzU4LC01NDkuMjg4ODIpIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLjgyMzI5NTIsMCwwLDEuODIzMjk1MiwtNTk3LjcxNjgxLC0xMjQuMTIyNDcpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC05MS4xMzcyNDEpIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjc0MDY5ODE1LDAsMCwwLjc0MDY5ODE1LDk4LjU2OTgsLTguMjUwNTg3MSkiPjxwYXRoIGZpbGw9IiNFQjNDMDAiIGQ9Ik01ODMuNSw2NjIuNXYtMjMuOWwyMS4xLTcuOGwxMS41LDMuN3YzMi4xbC0xMS41LDMuNUw1ODMuNSw2NjIuNWwyMS4xLDIuNXYtMjcuOGwtMTMuOCwzLjJ2MTguOEw1ODMuNSw2NjIuNXoiLz48L2c+PC9nPjwvZz48L2c+PC9zdmc+);
}
.social-identity-icon.office365.active {
  background: #eb3c00;
  color: #fff;
}
.social-identity-icon.sharepointonline:before {
  background-size: 90%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAAGhbWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAsaWxvYwAAAABEAAACAAEAAAABAAAEjwAABksAAgAAAAEAAAHJAAACxgAAAEJpaW5mAAAAAAACAAAAGmluZmUCAAAAAAEAAGF2MDFDb2xvcgAAAAAaaW5mZQIAAAAAAgAAYXYwMUFscGhhAAAAABppcmVmAAAAAAAAAA5hdXhsAAIAAQABAAAA12lwcnAAAACxaXBjbwAAABRpc3BlAAAAAAAAADAAAAAwAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQAMAAAAABNjb2xybmNseAABAA0ABoAAAAAUaXNwZQAAAAAAAAAwAAAAMAAAAA5waXhpAAAAAAEIAAAADGF2MUOBABwAAAAAOGF1eEMAAAAAdXJuOm1wZWc6bXBlZ0I6Y2ljcDpzeXN0ZW1zOmF1eGlsaWFyeTphbHBoYQAAAAAeaXBtYQAAAAAAAAACAAEEAQKDBAACBAUGhwgAAAkZbWRhdBIACgYYFW+9pUAyuQUQAN0rKp7UODRYHB////x7gUtgq+t4nIHgjeVLq4/sm5Wp3l63j13yaZ4sFaxtFekxrODj2Fo5Zc6rk45JldDrLLB+fo793649gZ3DvvJwY/vDgpxtAEmjx14Iw4yqaS2ZPFwi0jwdg32fjG3SvtJsL2Hh0zhGT6GZFzXm1rv8Ax4uPYqprDjAW9HcV5AMZ2pCKzBzpiGrR7Mxoj3fN9MHMErn3HGqHByO7JHKg6/u8gmG54IxJ7pguPYpxpCd5oRsQ8crlJw7kz18iyGQP++AHG2IchbSde2Z+Fu639g4mLexKLNOkBnvKHuj/eoEQIJ90lBQJCxNluigGKmPp6diDOABJavIrMXI9+vUc3fEe5WhZHu5Z9x9yOj+Zr3rrc4YhFpxwMp1CYAZRWsN2O1IsySI9ztsP9bJoL5hNXUaashxZZTzXSOrnyAJy/uycBMyChJV5+nmbUMct34BLPW4and54y9cHvqR/RjxOy03XJt60N+9SM4imnVZ1XtXPNX/PKsTxSOLay4CoUloooAFoHtnGd5EgJl37zk2khqWzlij6nTpT8e0ajL8H/y/Qo+jOK+Pz/qNwFMdTDhChhVXF3qdXA4cXig/vQS1ckJPLcIZaunUflxnW2+09AXsw1qs496gmMipc7/Mgw3Xffwy2CvUb41YoNMTTns4iUiadceSIH0KVDHPiYg+iWbA7oAyM3Q/7a95Hy+WS/0ENgV3rqG3+eQEuLvX5ofzAif9CKZ1AfX93G98o9kEiYROrqu3Z0fszLS8KzsGYCYACqPrMh5dOsAd2EAEfW2SKQ8L6wpCcggOQ6lVXAFUS0qspsKH/RN50gl2efTdeUgGG5AvUFndg8CPg0oLgYjoHD5Qc7HDdnNGo7kt/0osV6PchCpvIOY8nhWhxvQleZZqjV6mjbESWJ7eHPpgEgAKCRgVb72iAhoNCDK7DBAAAN0rI4MdmngdBIY716QiO//OZ/RMs+A+AU6Lavqzfy3wR6CzCnbOnP4N4Zxe4+7s8tinw3WcSszGhxUV445lqq/Ejr88puYJaTyyP+0ITuWcP/fseLypNWy4V37nqnCO6frEbh9iKMswllLKE3Lam7tNDfb6vks5yp/k1wyGc9JIWCLpujalynvRG5xGPs9lT2EbhQh58qprHsJMeKxCAg0r+YEz+O1cWDnf5GxyDYZnmq3BhV+rbDLcTjhoC9SsVS0mhdg0/PmdfP5wD3Ss1cJ/kFmAEa+pNjCVUCBNlkq24CxNlyWB1xkFEwdUo68ynV73qsAsqvp1Blw2WVDnjR3s2vDgGDdUGe7d5DCq9N19FfZ+cq3DKOu1CuEZmpVJnnPUc3wV+0s1Rh4GA+Jljlz9YBFrbQc7VXyZlOszNOpFEQntIIt7hUyeqIukOeJn7kSTcDF6XIiQOGB0mY0aWwp80ciR/of1+XqWbOO8DfFz0ILc0extyuhBai707b3scz3gqd/8KB+8ujMT4io5OO5scL9J4OQoWqgo63IRCqIh0kSzx+TdXM4A5H/9297QcxgyEzsScGRUJDQuwN20wvDcxwS2D1Y/zeDE5lo5rA5vqxn7zKFWULIsSNWgJKnkcK9XVuEg2NyM9jZdo/vpq40xNcbMrEVyghGowaJ5UxEN5OChVMFNbbVvblBaFa6l+qMbm6dwcEtoNUh7tded7k+qvTfwdUHRE7WhMoaR+2ZCE/SyeKNWBv40e3KQA59CmucTOgPtNzOAT+y1BWWAoKlO8aM8FQ0UTDm41u/5DuyS/mL8HMAwX0e5GTy0B4qwA4jUMnSpStOf9/7ov4cAt4goACFyG2JmcsFJrNauK2oZbYQSv0KUzqpxc01+HszqZAfBSfPNziCrX2REoyZ022DOR5WOJqJe51deMZsjvsdXArmg+vxHwhUFCQ3Feyd9s8AiZbHg/khvPcpNb6UYP4xXin0qk+uTaGyIZf/m5P52ILOoKMEGF6kg1GAcw+o5C+6wUateZoie6tFDu2xFGoX3xMZn2CGF+rcdk10ArSWCACORNK6DpL9ZtkW0o0SQvIgAIrHCrK1x0p+fwmrg42vcAt4AGjs6hkdQ5FCTBC/ne6eSPgekyMxFuoA0WmF01MgpsiheFGL4C3sSqlit2nCc7hyhd3YLgjaP4Nj/SRUHl5LSFKfDUEhYMPdKYTyVAlZpfj58ZSS8IGi8h9pKFmJYb5qndi5d1EAuiiSGst/Gv6fKr4DVn+Cv3n1fCs6T2FxADhZ0iyS1ShtqluKDArRKH3il0P50LTBnGT+5cAeYUsgInnvl7LAjUBH1pbR5vj/xk59ZIw5C5SrbzMAQtdlSyf7EpdH5gc/eBCyr4+K6dalm+VNh73JBV8rMlEqAqR50ZOj7I68RJM4VEB53k0vZRJMlNRght+O0/tZfzdsS/t0Vj/zJxLWDWJyyvLbpea1ZQl2qPjtARYhOmDm4Ub+/64NFvZ2TLZrPwfnysON03wPy4iDzjqp2IIYTSGvVtXFOf/yTAG0kYxk95TqHlBlnnNwMEDeHcklqlXM/O3cuilto8TVHL8xYLB3vmrMH0w1JjDak3VVoW49IeBMhxf+rYabJNOXZhdd1+3FZ4bq5h1/admvygnpoUZGioBO1X6abcpHGkFnFYYjo1TQJaOPUTp9LfEs2GG0E9MvuoL66Ylx/dnx/m0+JMoJd8jP32Y/ysIv9t0GVWi2BwrDrYPo1AcboTXfx7lFIHs8uznNbYveb0Wvy04Jq3YYV0x6GxIq+tCPGNAfq2xWOesaMZks53sK2vvHX6KR840FjWP9aQArRQrsp1JU5YALP/yEFwn8OZ/nbsfp5m6b86l0c384rvwbhsyBGDJf2Hg8SMGTymrSyMCgleCatJz1pRKxINHIqBaxwag9v3GByuEyMIZtmGt5vPkbsPp/40MDfUhk0islqycNqzGdkMZeybYY9bPHirP/7qHlUWpSdWqWKjk3L8dot9OOb7NkBT6VLBcf4/zIkBPY40O35uCgFRq+oR6zQd2SciiN6FUTiKP8sNtHXqJMcValEuSa5WKxY0nX4JIqbVSsZIZvd8DFas9o02NZbudSY2rMg");
}
.social-identity-icon.sharepointonline.colour:before {
  background-size: 90%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAAGhbWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAsaWxvYwAAAABEAAACAAEAAAABAAAEjwAABksAAgAAAAEAAAHJAAACxgAAAEJpaW5mAAAAAAACAAAAGmluZmUCAAAAAAEAAGF2MDFDb2xvcgAAAAAaaW5mZQIAAAAAAgAAYXYwMUFscGhhAAAAABppcmVmAAAAAAAAAA5hdXhsAAIAAQABAAAA12lwcnAAAACxaXBjbwAAABRpc3BlAAAAAAAAADAAAAAwAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQAMAAAAABNjb2xybmNseAABAA0ABoAAAAAUaXNwZQAAAAAAAAAwAAAAMAAAAA5waXhpAAAAAAEIAAAADGF2MUOBABwAAAAAOGF1eEMAAAAAdXJuOm1wZWc6bXBlZ0I6Y2ljcDpzeXN0ZW1zOmF1eGlsaWFyeTphbHBoYQAAAAAeaXBtYQAAAAAAAAACAAEEAQKDBAACBAUGhwgAAAkZbWRhdBIACgYYFW+9pUAyuQUQAN0rKp7UODRYHB////x7gUtgq+t4nIHgjeVLq4/sm5Wp3l63j13yaZ4sFaxtFekxrODj2Fo5Zc6rk45JldDrLLB+fo793649gZ3DvvJwY/vDgpxtAEmjx14Iw4yqaS2ZPFwi0jwdg32fjG3SvtJsL2Hh0zhGT6GZFzXm1rv8Ax4uPYqprDjAW9HcV5AMZ2pCKzBzpiGrR7Mxoj3fN9MHMErn3HGqHByO7JHKg6/u8gmG54IxJ7pguPYpxpCd5oRsQ8crlJw7kz18iyGQP++AHG2IchbSde2Z+Fu639g4mLexKLNOkBnvKHuj/eoEQIJ90lBQJCxNluigGKmPp6diDOABJavIrMXI9+vUc3fEe5WhZHu5Z9x9yOj+Zr3rrc4YhFpxwMp1CYAZRWsN2O1IsySI9ztsP9bJoL5hNXUaashxZZTzXSOrnyAJy/uycBMyChJV5+nmbUMct34BLPW4and54y9cHvqR/RjxOy03XJt60N+9SM4imnVZ1XtXPNX/PKsTxSOLay4CoUloooAFoHtnGd5EgJl37zk2khqWzlij6nTpT8e0ajL8H/y/Qo+jOK+Pz/qNwFMdTDhChhVXF3qdXA4cXig/vQS1ckJPLcIZaunUflxnW2+09AXsw1qs496gmMipc7/Mgw3Xffwy2CvUb41YoNMTTns4iUiadceSIH0KVDHPiYg+iWbA7oAyM3Q/7a95Hy+WS/0ENgV3rqG3+eQEuLvX5ofzAif9CKZ1AfX93G98o9kEiYROrqu3Z0fszLS8KzsGYCYACqPrMh5dOsAd2EAEfW2SKQ8L6wpCcggOQ6lVXAFUS0qspsKH/RN50gl2efTdeUgGG5AvUFndg8CPg0oLgYjoHD5Qc7HDdnNGo7kt/0osV6PchCpvIOY8nhWhxvQleZZqjV6mjbESWJ7eHPpgEgAKCRgVb72iAhoNCDK7DBAAAN0rI4MdmngdBIY716QiO//OZ/RMs+A+AU6Lavqzfy3wR6CzCnbOnP4N4Zxe4+7s8tinw3WcSszGhxUV445lqq/Ejr88puYJaTyyP+0ITuWcP/fseLypNWy4V37nqnCO6frEbh9iKMswllLKE3Lam7tNDfb6vks5yp/k1wyGc9JIWCLpujalynvRG5xGPs9lT2EbhQh58qprHsJMeKxCAg0r+YEz+O1cWDnf5GxyDYZnmq3BhV+rbDLcTjhoC9SsVS0mhdg0/PmdfP5wD3Ss1cJ/kFmAEa+pNjCVUCBNlkq24CxNlyWB1xkFEwdUo68ynV73qsAsqvp1Blw2WVDnjR3s2vDgGDdUGe7d5DCq9N19FfZ+cq3DKOu1CuEZmpVJnnPUc3wV+0s1Rh4GA+Jljlz9YBFrbQc7VXyZlOszNOpFEQntIIt7hUyeqIukOeJn7kSTcDF6XIiQOGB0mY0aWwp80ciR/of1+XqWbOO8DfFz0ILc0extyuhBai707b3scz3gqd/8KB+8ujMT4io5OO5scL9J4OQoWqgo63IRCqIh0kSzx+TdXM4A5H/9297QcxgyEzsScGRUJDQuwN20wvDcxwS2D1Y/zeDE5lo5rA5vqxn7zKFWULIsSNWgJKnkcK9XVuEg2NyM9jZdo/vpq40xNcbMrEVyghGowaJ5UxEN5OChVMFNbbVvblBaFa6l+qMbm6dwcEtoNUh7tded7k+qvTfwdUHRE7WhMoaR+2ZCE/SyeKNWBv40e3KQA59CmucTOgPtNzOAT+y1BWWAoKlO8aM8FQ0UTDm41u/5DuyS/mL8HMAwX0e5GTy0B4qwA4jUMnSpStOf9/7ov4cAt4goACFyG2JmcsFJrNauK2oZbYQSv0KUzqpxc01+HszqZAfBSfPNziCrX2REoyZ022DOR5WOJqJe51deMZsjvsdXArmg+vxHwhUFCQ3Feyd9s8AiZbHg/khvPcpNb6UYP4xXin0qk+uTaGyIZf/m5P52ILOoKMEGF6kg1GAcw+o5C+6wUateZoie6tFDu2xFGoX3xMZn2CGF+rcdk10ArSWCACORNK6DpL9ZtkW0o0SQvIgAIrHCrK1x0p+fwmrg42vcAt4AGjs6hkdQ5FCTBC/ne6eSPgekyMxFuoA0WmF01MgpsiheFGL4C3sSqlit2nCc7hyhd3YLgjaP4Nj/SRUHl5LSFKfDUEhYMPdKYTyVAlZpfj58ZSS8IGi8h9pKFmJYb5qndi5d1EAuiiSGst/Gv6fKr4DVn+Cv3n1fCs6T2FxADhZ0iyS1ShtqluKDArRKH3il0P50LTBnGT+5cAeYUsgInnvl7LAjUBH1pbR5vj/xk59ZIw5C5SrbzMAQtdlSyf7EpdH5gc/eBCyr4+K6dalm+VNh73JBV8rMlEqAqR50ZOj7I68RJM4VEB53k0vZRJMlNRght+O0/tZfzdsS/t0Vj/zJxLWDWJyyvLbpea1ZQl2qPjtARYhOmDm4Ub+/64NFvZ2TLZrPwfnysON03wPy4iDzjqp2IIYTSGvVtXFOf/yTAG0kYxk95TqHlBlnnNwMEDeHcklqlXM/O3cuilto8TVHL8xYLB3vmrMH0w1JjDak3VVoW49IeBMhxf+rYabJNOXZhdd1+3FZ4bq5h1/admvygnpoUZGioBO1X6abcpHGkFnFYYjo1TQJaOPUTp9LfEs2GG0E9MvuoL66Ylx/dnx/m0+JMoJd8jP32Y/ysIv9t0GVWi2BwrDrYPo1AcboTXfx7lFIHs8uznNbYveb0Wvy04Jq3YYV0x6GxIq+tCPGNAfq2xWOesaMZks53sK2vvHX6KR840FjWP9aQArRQrsp1JU5YALP/yEFwn8OZ/nbsfp5m6b86l0c384rvwbhsyBGDJf2Hg8SMGTymrSyMCgleCatJz1pRKxINHIqBaxwag9v3GByuEyMIZtmGt5vPkbsPp/40MDfUhk0islqycNqzGdkMZeybYY9bPHirP/7qHlUWpSdWqWKjk3L8dot9OOb7NkBT6VLBcf4/zIkBPY40O35uCgFRq+oR6zQd2SciiN6FUTiKP8sNtHXqJMcValEuSa5WKxY0nX4JIqbVSsZIZvd8DFas9o02NZbudSY2rMg");
}
.social-identity-icon.sharepointonline.active:before {
  background-size: 90%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAAGhbWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAsaWxvYwAAAABEAAACAAEAAAABAAAEjwAABksAAgAAAAEAAAHJAAACxgAAAEJpaW5mAAAAAAACAAAAGmluZmUCAAAAAAEAAGF2MDFDb2xvcgAAAAAaaW5mZQIAAAAAAgAAYXYwMUFscGhhAAAAABppcmVmAAAAAAAAAA5hdXhsAAIAAQABAAAA12lwcnAAAACxaXBjbwAAABRpc3BlAAAAAAAAADAAAAAwAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQAMAAAAABNjb2xybmNseAABAA0ABoAAAAAUaXNwZQAAAAAAAAAwAAAAMAAAAA5waXhpAAAAAAEIAAAADGF2MUOBABwAAAAAOGF1eEMAAAAAdXJuOm1wZWc6bXBlZ0I6Y2ljcDpzeXN0ZW1zOmF1eGlsaWFyeTphbHBoYQAAAAAeaXBtYQAAAAAAAAACAAEEAQKDBAACBAUGhwgAAAkZbWRhdBIACgYYFW+9pUAyuQUQAN0rKp7UODRYHB////x7gUtgq+t4nIHgjeVLq4/sm5Wp3l63j13yaZ4sFaxtFekxrODj2Fo5Zc6rk45JldDrLLB+fo793649gZ3DvvJwY/vDgpxtAEmjx14Iw4yqaS2ZPFwi0jwdg32fjG3SvtJsL2Hh0zhGT6GZFzXm1rv8Ax4uPYqprDjAW9HcV5AMZ2pCKzBzpiGrR7Mxoj3fN9MHMErn3HGqHByO7JHKg6/u8gmG54IxJ7pguPYpxpCd5oRsQ8crlJw7kz18iyGQP++AHG2IchbSde2Z+Fu639g4mLexKLNOkBnvKHuj/eoEQIJ90lBQJCxNluigGKmPp6diDOABJavIrMXI9+vUc3fEe5WhZHu5Z9x9yOj+Zr3rrc4YhFpxwMp1CYAZRWsN2O1IsySI9ztsP9bJoL5hNXUaashxZZTzXSOrnyAJy/uycBMyChJV5+nmbUMct34BLPW4and54y9cHvqR/RjxOy03XJt60N+9SM4imnVZ1XtXPNX/PKsTxSOLay4CoUloooAFoHtnGd5EgJl37zk2khqWzlij6nTpT8e0ajL8H/y/Qo+jOK+Pz/qNwFMdTDhChhVXF3qdXA4cXig/vQS1ckJPLcIZaunUflxnW2+09AXsw1qs496gmMipc7/Mgw3Xffwy2CvUb41YoNMTTns4iUiadceSIH0KVDHPiYg+iWbA7oAyM3Q/7a95Hy+WS/0ENgV3rqG3+eQEuLvX5ofzAif9CKZ1AfX93G98o9kEiYROrqu3Z0fszLS8KzsGYCYACqPrMh5dOsAd2EAEfW2SKQ8L6wpCcggOQ6lVXAFUS0qspsKH/RN50gl2efTdeUgGG5AvUFndg8CPg0oLgYjoHD5Qc7HDdnNGo7kt/0osV6PchCpvIOY8nhWhxvQleZZqjV6mjbESWJ7eHPpgEgAKCRgVb72iAhoNCDK7DBAAAN0rI4MdmngdBIY716QiO//OZ/RMs+A+AU6Lavqzfy3wR6CzCnbOnP4N4Zxe4+7s8tinw3WcSszGhxUV445lqq/Ejr88puYJaTyyP+0ITuWcP/fseLypNWy4V37nqnCO6frEbh9iKMswllLKE3Lam7tNDfb6vks5yp/k1wyGc9JIWCLpujalynvRG5xGPs9lT2EbhQh58qprHsJMeKxCAg0r+YEz+O1cWDnf5GxyDYZnmq3BhV+rbDLcTjhoC9SsVS0mhdg0/PmdfP5wD3Ss1cJ/kFmAEa+pNjCVUCBNlkq24CxNlyWB1xkFEwdUo68ynV73qsAsqvp1Blw2WVDnjR3s2vDgGDdUGe7d5DCq9N19FfZ+cq3DKOu1CuEZmpVJnnPUc3wV+0s1Rh4GA+Jljlz9YBFrbQc7VXyZlOszNOpFEQntIIt7hUyeqIukOeJn7kSTcDF6XIiQOGB0mY0aWwp80ciR/of1+XqWbOO8DfFz0ILc0extyuhBai707b3scz3gqd/8KB+8ujMT4io5OO5scL9J4OQoWqgo63IRCqIh0kSzx+TdXM4A5H/9297QcxgyEzsScGRUJDQuwN20wvDcxwS2D1Y/zeDE5lo5rA5vqxn7zKFWULIsSNWgJKnkcK9XVuEg2NyM9jZdo/vpq40xNcbMrEVyghGowaJ5UxEN5OChVMFNbbVvblBaFa6l+qMbm6dwcEtoNUh7tded7k+qvTfwdUHRE7WhMoaR+2ZCE/SyeKNWBv40e3KQA59CmucTOgPtNzOAT+y1BWWAoKlO8aM8FQ0UTDm41u/5DuyS/mL8HMAwX0e5GTy0B4qwA4jUMnSpStOf9/7ov4cAt4goACFyG2JmcsFJrNauK2oZbYQSv0KUzqpxc01+HszqZAfBSfPNziCrX2REoyZ022DOR5WOJqJe51deMZsjvsdXArmg+vxHwhUFCQ3Feyd9s8AiZbHg/khvPcpNb6UYP4xXin0qk+uTaGyIZf/m5P52ILOoKMEGF6kg1GAcw+o5C+6wUateZoie6tFDu2xFGoX3xMZn2CGF+rcdk10ArSWCACORNK6DpL9ZtkW0o0SQvIgAIrHCrK1x0p+fwmrg42vcAt4AGjs6hkdQ5FCTBC/ne6eSPgekyMxFuoA0WmF01MgpsiheFGL4C3sSqlit2nCc7hyhd3YLgjaP4Nj/SRUHl5LSFKfDUEhYMPdKYTyVAlZpfj58ZSS8IGi8h9pKFmJYb5qndi5d1EAuiiSGst/Gv6fKr4DVn+Cv3n1fCs6T2FxADhZ0iyS1ShtqluKDArRKH3il0P50LTBnGT+5cAeYUsgInnvl7LAjUBH1pbR5vj/xk59ZIw5C5SrbzMAQtdlSyf7EpdH5gc/eBCyr4+K6dalm+VNh73JBV8rMlEqAqR50ZOj7I68RJM4VEB53k0vZRJMlNRght+O0/tZfzdsS/t0Vj/zJxLWDWJyyvLbpea1ZQl2qPjtARYhOmDm4Ub+/64NFvZ2TLZrPwfnysON03wPy4iDzjqp2IIYTSGvVtXFOf/yTAG0kYxk95TqHlBlnnNwMEDeHcklqlXM/O3cuilto8TVHL8xYLB3vmrMH0w1JjDak3VVoW49IeBMhxf+rYabJNOXZhdd1+3FZ4bq5h1/admvygnpoUZGioBO1X6abcpHGkFnFYYjo1TQJaOPUTp9LfEs2GG0E9MvuoL66Ylx/dnx/m0+JMoJd8jP32Y/ysIv9t0GVWi2BwrDrYPo1AcboTXfx7lFIHs8uznNbYveb0Wvy04Jq3YYV0x6GxIq+tCPGNAfq2xWOesaMZks53sK2vvHX6KR840FjWP9aQArRQrsp1JU5YALP/yEFwn8OZ/nbsfp5m6b86l0c384rvwbhsyBGDJf2Hg8SMGTymrSyMCgleCatJz1pRKxINHIqBaxwag9v3GByuEyMIZtmGt5vPkbsPp/40MDfUhk0islqycNqzGdkMZeybYY9bPHirP/7qHlUWpSdWqWKjk3L8dot9OOb7NkBT6VLBcf4/zIkBPY40O35uCgFRq+oR6zQd2SciiN6FUTiKP8sNtHXqJMcValEuSa5WKxY0nX4JIqbVSsZIZvd8DFas9o02NZbudSY2rMg");
}
.social-identity-icon.sharepointoffline:before {
  background-size: 90%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAAGhbWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAsaWxvYwAAAABEAAACAAEAAAABAAAEjwAABksAAgAAAAEAAAHJAAACxgAAAEJpaW5mAAAAAAACAAAAGmluZmUCAAAAAAEAAGF2MDFDb2xvcgAAAAAaaW5mZQIAAAAAAgAAYXYwMUFscGhhAAAAABppcmVmAAAAAAAAAA5hdXhsAAIAAQABAAAA12lwcnAAAACxaXBjbwAAABRpc3BlAAAAAAAAADAAAAAwAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQAMAAAAABNjb2xybmNseAABAA0ABoAAAAAUaXNwZQAAAAAAAAAwAAAAMAAAAA5waXhpAAAAAAEIAAAADGF2MUOBABwAAAAAOGF1eEMAAAAAdXJuOm1wZWc6bXBlZ0I6Y2ljcDpzeXN0ZW1zOmF1eGlsaWFyeTphbHBoYQAAAAAeaXBtYQAAAAAAAAACAAEEAQKDBAACBAUGhwgAAAkZbWRhdBIACgYYFW+9pUAyuQUQAN0rKp7UODRYHB////x7gUtgq+t4nIHgjeVLq4/sm5Wp3l63j13yaZ4sFaxtFekxrODj2Fo5Zc6rk45JldDrLLB+fo793649gZ3DvvJwY/vDgpxtAEmjx14Iw4yqaS2ZPFwi0jwdg32fjG3SvtJsL2Hh0zhGT6GZFzXm1rv8Ax4uPYqprDjAW9HcV5AMZ2pCKzBzpiGrR7Mxoj3fN9MHMErn3HGqHByO7JHKg6/u8gmG54IxJ7pguPYpxpCd5oRsQ8crlJw7kz18iyGQP++AHG2IchbSde2Z+Fu639g4mLexKLNOkBnvKHuj/eoEQIJ90lBQJCxNluigGKmPp6diDOABJavIrMXI9+vUc3fEe5WhZHu5Z9x9yOj+Zr3rrc4YhFpxwMp1CYAZRWsN2O1IsySI9ztsP9bJoL5hNXUaashxZZTzXSOrnyAJy/uycBMyChJV5+nmbUMct34BLPW4and54y9cHvqR/RjxOy03XJt60N+9SM4imnVZ1XtXPNX/PKsTxSOLay4CoUloooAFoHtnGd5EgJl37zk2khqWzlij6nTpT8e0ajL8H/y/Qo+jOK+Pz/qNwFMdTDhChhVXF3qdXA4cXig/vQS1ckJPLcIZaunUflxnW2+09AXsw1qs496gmMipc7/Mgw3Xffwy2CvUb41YoNMTTns4iUiadceSIH0KVDHPiYg+iWbA7oAyM3Q/7a95Hy+WS/0ENgV3rqG3+eQEuLvX5ofzAif9CKZ1AfX93G98o9kEiYROrqu3Z0fszLS8KzsGYCYACqPrMh5dOsAd2EAEfW2SKQ8L6wpCcggOQ6lVXAFUS0qspsKH/RN50gl2efTdeUgGG5AvUFndg8CPg0oLgYjoHD5Qc7HDdnNGo7kt/0osV6PchCpvIOY8nhWhxvQleZZqjV6mjbESWJ7eHPpgEgAKCRgVb72iAhoNCDK7DBAAAN0rI4MdmngdBIY716QiO//OZ/RMs+A+AU6Lavqzfy3wR6CzCnbOnP4N4Zxe4+7s8tinw3WcSszGhxUV445lqq/Ejr88puYJaTyyP+0ITuWcP/fseLypNWy4V37nqnCO6frEbh9iKMswllLKE3Lam7tNDfb6vks5yp/k1wyGc9JIWCLpujalynvRG5xGPs9lT2EbhQh58qprHsJMeKxCAg0r+YEz+O1cWDnf5GxyDYZnmq3BhV+rbDLcTjhoC9SsVS0mhdg0/PmdfP5wD3Ss1cJ/kFmAEa+pNjCVUCBNlkq24CxNlyWB1xkFEwdUo68ynV73qsAsqvp1Blw2WVDnjR3s2vDgGDdUGe7d5DCq9N19FfZ+cq3DKOu1CuEZmpVJnnPUc3wV+0s1Rh4GA+Jljlz9YBFrbQc7VXyZlOszNOpFEQntIIt7hUyeqIukOeJn7kSTcDF6XIiQOGB0mY0aWwp80ciR/of1+XqWbOO8DfFz0ILc0extyuhBai707b3scz3gqd/8KB+8ujMT4io5OO5scL9J4OQoWqgo63IRCqIh0kSzx+TdXM4A5H/9297QcxgyEzsScGRUJDQuwN20wvDcxwS2D1Y/zeDE5lo5rA5vqxn7zKFWULIsSNWgJKnkcK9XVuEg2NyM9jZdo/vpq40xNcbMrEVyghGowaJ5UxEN5OChVMFNbbVvblBaFa6l+qMbm6dwcEtoNUh7tded7k+qvTfwdUHRE7WhMoaR+2ZCE/SyeKNWBv40e3KQA59CmucTOgPtNzOAT+y1BWWAoKlO8aM8FQ0UTDm41u/5DuyS/mL8HMAwX0e5GTy0B4qwA4jUMnSpStOf9/7ov4cAt4goACFyG2JmcsFJrNauK2oZbYQSv0KUzqpxc01+HszqZAfBSfPNziCrX2REoyZ022DOR5WOJqJe51deMZsjvsdXArmg+vxHwhUFCQ3Feyd9s8AiZbHg/khvPcpNb6UYP4xXin0qk+uTaGyIZf/m5P52ILOoKMEGF6kg1GAcw+o5C+6wUateZoie6tFDu2xFGoX3xMZn2CGF+rcdk10ArSWCACORNK6DpL9ZtkW0o0SQvIgAIrHCrK1x0p+fwmrg42vcAt4AGjs6hkdQ5FCTBC/ne6eSPgekyMxFuoA0WmF01MgpsiheFGL4C3sSqlit2nCc7hyhd3YLgjaP4Nj/SRUHl5LSFKfDUEhYMPdKYTyVAlZpfj58ZSS8IGi8h9pKFmJYb5qndi5d1EAuiiSGst/Gv6fKr4DVn+Cv3n1fCs6T2FxADhZ0iyS1ShtqluKDArRKH3il0P50LTBnGT+5cAeYUsgInnvl7LAjUBH1pbR5vj/xk59ZIw5C5SrbzMAQtdlSyf7EpdH5gc/eBCyr4+K6dalm+VNh73JBV8rMlEqAqR50ZOj7I68RJM4VEB53k0vZRJMlNRght+O0/tZfzdsS/t0Vj/zJxLWDWJyyvLbpea1ZQl2qPjtARYhOmDm4Ub+/64NFvZ2TLZrPwfnysON03wPy4iDzjqp2IIYTSGvVtXFOf/yTAG0kYxk95TqHlBlnnNwMEDeHcklqlXM/O3cuilto8TVHL8xYLB3vmrMH0w1JjDak3VVoW49IeBMhxf+rYabJNOXZhdd1+3FZ4bq5h1/admvygnpoUZGioBO1X6abcpHGkFnFYYjo1TQJaOPUTp9LfEs2GG0E9MvuoL66Ylx/dnx/m0+JMoJd8jP32Y/ysIv9t0GVWi2BwrDrYPo1AcboTXfx7lFIHs8uznNbYveb0Wvy04Jq3YYV0x6GxIq+tCPGNAfq2xWOesaMZks53sK2vvHX6KR840FjWP9aQArRQrsp1JU5YALP/yEFwn8OZ/nbsfp5m6b86l0c384rvwbhsyBGDJf2Hg8SMGTymrSyMCgleCatJz1pRKxINHIqBaxwag9v3GByuEyMIZtmGt5vPkbsPp/40MDfUhk0islqycNqzGdkMZeybYY9bPHirP/7qHlUWpSdWqWKjk3L8dot9OOb7NkBT6VLBcf4/zIkBPY40O35uCgFRq+oR6zQd2SciiN6FUTiKP8sNtHXqJMcValEuSa5WKxY0nX4JIqbVSsZIZvd8DFas9o02NZbudSY2rMg");
}
.social-identity-icon.sharepointoffline.colour:before {
  background-size: 90%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAAGhbWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAsaWxvYwAAAABEAAACAAEAAAABAAAEjwAABksAAgAAAAEAAAHJAAACxgAAAEJpaW5mAAAAAAACAAAAGmluZmUCAAAAAAEAAGF2MDFDb2xvcgAAAAAaaW5mZQIAAAAAAgAAYXYwMUFscGhhAAAAABppcmVmAAAAAAAAAA5hdXhsAAIAAQABAAAA12lwcnAAAACxaXBjbwAAABRpc3BlAAAAAAAAADAAAAAwAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQAMAAAAABNjb2xybmNseAABAA0ABoAAAAAUaXNwZQAAAAAAAAAwAAAAMAAAAA5waXhpAAAAAAEIAAAADGF2MUOBABwAAAAAOGF1eEMAAAAAdXJuOm1wZWc6bXBlZ0I6Y2ljcDpzeXN0ZW1zOmF1eGlsaWFyeTphbHBoYQAAAAAeaXBtYQAAAAAAAAACAAEEAQKDBAACBAUGhwgAAAkZbWRhdBIACgYYFW+9pUAyuQUQAN0rKp7UODRYHB////x7gUtgq+t4nIHgjeVLq4/sm5Wp3l63j13yaZ4sFaxtFekxrODj2Fo5Zc6rk45JldDrLLB+fo793649gZ3DvvJwY/vDgpxtAEmjx14Iw4yqaS2ZPFwi0jwdg32fjG3SvtJsL2Hh0zhGT6GZFzXm1rv8Ax4uPYqprDjAW9HcV5AMZ2pCKzBzpiGrR7Mxoj3fN9MHMErn3HGqHByO7JHKg6/u8gmG54IxJ7pguPYpxpCd5oRsQ8crlJw7kz18iyGQP++AHG2IchbSde2Z+Fu639g4mLexKLNOkBnvKHuj/eoEQIJ90lBQJCxNluigGKmPp6diDOABJavIrMXI9+vUc3fEe5WhZHu5Z9x9yOj+Zr3rrc4YhFpxwMp1CYAZRWsN2O1IsySI9ztsP9bJoL5hNXUaashxZZTzXSOrnyAJy/uycBMyChJV5+nmbUMct34BLPW4and54y9cHvqR/RjxOy03XJt60N+9SM4imnVZ1XtXPNX/PKsTxSOLay4CoUloooAFoHtnGd5EgJl37zk2khqWzlij6nTpT8e0ajL8H/y/Qo+jOK+Pz/qNwFMdTDhChhVXF3qdXA4cXig/vQS1ckJPLcIZaunUflxnW2+09AXsw1qs496gmMipc7/Mgw3Xffwy2CvUb41YoNMTTns4iUiadceSIH0KVDHPiYg+iWbA7oAyM3Q/7a95Hy+WS/0ENgV3rqG3+eQEuLvX5ofzAif9CKZ1AfX93G98o9kEiYROrqu3Z0fszLS8KzsGYCYACqPrMh5dOsAd2EAEfW2SKQ8L6wpCcggOQ6lVXAFUS0qspsKH/RN50gl2efTdeUgGG5AvUFndg8CPg0oLgYjoHD5Qc7HDdnNGo7kt/0osV6PchCpvIOY8nhWhxvQleZZqjV6mjbESWJ7eHPpgEgAKCRgVb72iAhoNCDK7DBAAAN0rI4MdmngdBIY716QiO//OZ/RMs+A+AU6Lavqzfy3wR6CzCnbOnP4N4Zxe4+7s8tinw3WcSszGhxUV445lqq/Ejr88puYJaTyyP+0ITuWcP/fseLypNWy4V37nqnCO6frEbh9iKMswllLKE3Lam7tNDfb6vks5yp/k1wyGc9JIWCLpujalynvRG5xGPs9lT2EbhQh58qprHsJMeKxCAg0r+YEz+O1cWDnf5GxyDYZnmq3BhV+rbDLcTjhoC9SsVS0mhdg0/PmdfP5wD3Ss1cJ/kFmAEa+pNjCVUCBNlkq24CxNlyWB1xkFEwdUo68ynV73qsAsqvp1Blw2WVDnjR3s2vDgGDdUGe7d5DCq9N19FfZ+cq3DKOu1CuEZmpVJnnPUc3wV+0s1Rh4GA+Jljlz9YBFrbQc7VXyZlOszNOpFEQntIIt7hUyeqIukOeJn7kSTcDF6XIiQOGB0mY0aWwp80ciR/of1+XqWbOO8DfFz0ILc0extyuhBai707b3scz3gqd/8KB+8ujMT4io5OO5scL9J4OQoWqgo63IRCqIh0kSzx+TdXM4A5H/9297QcxgyEzsScGRUJDQuwN20wvDcxwS2D1Y/zeDE5lo5rA5vqxn7zKFWULIsSNWgJKnkcK9XVuEg2NyM9jZdo/vpq40xNcbMrEVyghGowaJ5UxEN5OChVMFNbbVvblBaFa6l+qMbm6dwcEtoNUh7tded7k+qvTfwdUHRE7WhMoaR+2ZCE/SyeKNWBv40e3KQA59CmucTOgPtNzOAT+y1BWWAoKlO8aM8FQ0UTDm41u/5DuyS/mL8HMAwX0e5GTy0B4qwA4jUMnSpStOf9/7ov4cAt4goACFyG2JmcsFJrNauK2oZbYQSv0KUzqpxc01+HszqZAfBSfPNziCrX2REoyZ022DOR5WOJqJe51deMZsjvsdXArmg+vxHwhUFCQ3Feyd9s8AiZbHg/khvPcpNb6UYP4xXin0qk+uTaGyIZf/m5P52ILOoKMEGF6kg1GAcw+o5C+6wUateZoie6tFDu2xFGoX3xMZn2CGF+rcdk10ArSWCACORNK6DpL9ZtkW0o0SQvIgAIrHCrK1x0p+fwmrg42vcAt4AGjs6hkdQ5FCTBC/ne6eSPgekyMxFuoA0WmF01MgpsiheFGL4C3sSqlit2nCc7hyhd3YLgjaP4Nj/SRUHl5LSFKfDUEhYMPdKYTyVAlZpfj58ZSS8IGi8h9pKFmJYb5qndi5d1EAuiiSGst/Gv6fKr4DVn+Cv3n1fCs6T2FxADhZ0iyS1ShtqluKDArRKH3il0P50LTBnGT+5cAeYUsgInnvl7LAjUBH1pbR5vj/xk59ZIw5C5SrbzMAQtdlSyf7EpdH5gc/eBCyr4+K6dalm+VNh73JBV8rMlEqAqR50ZOj7I68RJM4VEB53k0vZRJMlNRght+O0/tZfzdsS/t0Vj/zJxLWDWJyyvLbpea1ZQl2qPjtARYhOmDm4Ub+/64NFvZ2TLZrPwfnysON03wPy4iDzjqp2IIYTSGvVtXFOf/yTAG0kYxk95TqHlBlnnNwMEDeHcklqlXM/O3cuilto8TVHL8xYLB3vmrMH0w1JjDak3VVoW49IeBMhxf+rYabJNOXZhdd1+3FZ4bq5h1/admvygnpoUZGioBO1X6abcpHGkFnFYYjo1TQJaOPUTp9LfEs2GG0E9MvuoL66Ylx/dnx/m0+JMoJd8jP32Y/ysIv9t0GVWi2BwrDrYPo1AcboTXfx7lFIHs8uznNbYveb0Wvy04Jq3YYV0x6GxIq+tCPGNAfq2xWOesaMZks53sK2vvHX6KR840FjWP9aQArRQrsp1JU5YALP/yEFwn8OZ/nbsfp5m6b86l0c384rvwbhsyBGDJf2Hg8SMGTymrSyMCgleCatJz1pRKxINHIqBaxwag9v3GByuEyMIZtmGt5vPkbsPp/40MDfUhk0islqycNqzGdkMZeybYY9bPHirP/7qHlUWpSdWqWKjk3L8dot9OOb7NkBT6VLBcf4/zIkBPY40O35uCgFRq+oR6zQd2SciiN6FUTiKP8sNtHXqJMcValEuSa5WKxY0nX4JIqbVSsZIZvd8DFas9o02NZbudSY2rMg");
}
.social-identity-icon.sharepointoffline.active:before {
  background: #008cdb;
  background-size: 90%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAAGhbWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAsaWxvYwAAAABEAAACAAEAAAABAAAEjwAABksAAgAAAAEAAAHJAAACxgAAAEJpaW5mAAAAAAACAAAAGmluZmUCAAAAAAEAAGF2MDFDb2xvcgAAAAAaaW5mZQIAAAAAAgAAYXYwMUFscGhhAAAAABppcmVmAAAAAAAAAA5hdXhsAAIAAQABAAAA12lwcnAAAACxaXBjbwAAABRpc3BlAAAAAAAAADAAAAAwAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQAMAAAAABNjb2xybmNseAABAA0ABoAAAAAUaXNwZQAAAAAAAAAwAAAAMAAAAA5waXhpAAAAAAEIAAAADGF2MUOBABwAAAAAOGF1eEMAAAAAdXJuOm1wZWc6bXBlZ0I6Y2ljcDpzeXN0ZW1zOmF1eGlsaWFyeTphbHBoYQAAAAAeaXBtYQAAAAAAAAACAAEEAQKDBAACBAUGhwgAAAkZbWRhdBIACgYYFW+9pUAyuQUQAN0rKp7UODRYHB////x7gUtgq+t4nIHgjeVLq4/sm5Wp3l63j13yaZ4sFaxtFekxrODj2Fo5Zc6rk45JldDrLLB+fo793649gZ3DvvJwY/vDgpxtAEmjx14Iw4yqaS2ZPFwi0jwdg32fjG3SvtJsL2Hh0zhGT6GZFzXm1rv8Ax4uPYqprDjAW9HcV5AMZ2pCKzBzpiGrR7Mxoj3fN9MHMErn3HGqHByO7JHKg6/u8gmG54IxJ7pguPYpxpCd5oRsQ8crlJw7kz18iyGQP++AHG2IchbSde2Z+Fu639g4mLexKLNOkBnvKHuj/eoEQIJ90lBQJCxNluigGKmPp6diDOABJavIrMXI9+vUc3fEe5WhZHu5Z9x9yOj+Zr3rrc4YhFpxwMp1CYAZRWsN2O1IsySI9ztsP9bJoL5hNXUaashxZZTzXSOrnyAJy/uycBMyChJV5+nmbUMct34BLPW4and54y9cHvqR/RjxOy03XJt60N+9SM4imnVZ1XtXPNX/PKsTxSOLay4CoUloooAFoHtnGd5EgJl37zk2khqWzlij6nTpT8e0ajL8H/y/Qo+jOK+Pz/qNwFMdTDhChhVXF3qdXA4cXig/vQS1ckJPLcIZaunUflxnW2+09AXsw1qs496gmMipc7/Mgw3Xffwy2CvUb41YoNMTTns4iUiadceSIH0KVDHPiYg+iWbA7oAyM3Q/7a95Hy+WS/0ENgV3rqG3+eQEuLvX5ofzAif9CKZ1AfX93G98o9kEiYROrqu3Z0fszLS8KzsGYCYACqPrMh5dOsAd2EAEfW2SKQ8L6wpCcggOQ6lVXAFUS0qspsKH/RN50gl2efTdeUgGG5AvUFndg8CPg0oLgYjoHD5Qc7HDdnNGo7kt/0osV6PchCpvIOY8nhWhxvQleZZqjV6mjbESWJ7eHPpgEgAKCRgVb72iAhoNCDK7DBAAAN0rI4MdmngdBIY716QiO//OZ/RMs+A+AU6Lavqzfy3wR6CzCnbOnP4N4Zxe4+7s8tinw3WcSszGhxUV445lqq/Ejr88puYJaTyyP+0ITuWcP/fseLypNWy4V37nqnCO6frEbh9iKMswllLKE3Lam7tNDfb6vks5yp/k1wyGc9JIWCLpujalynvRG5xGPs9lT2EbhQh58qprHsJMeKxCAg0r+YEz+O1cWDnf5GxyDYZnmq3BhV+rbDLcTjhoC9SsVS0mhdg0/PmdfP5wD3Ss1cJ/kFmAEa+pNjCVUCBNlkq24CxNlyWB1xkFEwdUo68ynV73qsAsqvp1Blw2WVDnjR3s2vDgGDdUGe7d5DCq9N19FfZ+cq3DKOu1CuEZmpVJnnPUc3wV+0s1Rh4GA+Jljlz9YBFrbQc7VXyZlOszNOpFEQntIIt7hUyeqIukOeJn7kSTcDF6XIiQOGB0mY0aWwp80ciR/of1+XqWbOO8DfFz0ILc0extyuhBai707b3scz3gqd/8KB+8ujMT4io5OO5scL9J4OQoWqgo63IRCqIh0kSzx+TdXM4A5H/9297QcxgyEzsScGRUJDQuwN20wvDcxwS2D1Y/zeDE5lo5rA5vqxn7zKFWULIsSNWgJKnkcK9XVuEg2NyM9jZdo/vpq40xNcbMrEVyghGowaJ5UxEN5OChVMFNbbVvblBaFa6l+qMbm6dwcEtoNUh7tded7k+qvTfwdUHRE7WhMoaR+2ZCE/SyeKNWBv40e3KQA59CmucTOgPtNzOAT+y1BWWAoKlO8aM8FQ0UTDm41u/5DuyS/mL8HMAwX0e5GTy0B4qwA4jUMnSpStOf9/7ov4cAt4goACFyG2JmcsFJrNauK2oZbYQSv0KUzqpxc01+HszqZAfBSfPNziCrX2REoyZ022DOR5WOJqJe51deMZsjvsdXArmg+vxHwhUFCQ3Feyd9s8AiZbHg/khvPcpNb6UYP4xXin0qk+uTaGyIZf/m5P52ILOoKMEGF6kg1GAcw+o5C+6wUateZoie6tFDu2xFGoX3xMZn2CGF+rcdk10ArSWCACORNK6DpL9ZtkW0o0SQvIgAIrHCrK1x0p+fwmrg42vcAt4AGjs6hkdQ5FCTBC/ne6eSPgekyMxFuoA0WmF01MgpsiheFGL4C3sSqlit2nCc7hyhd3YLgjaP4Nj/SRUHl5LSFKfDUEhYMPdKYTyVAlZpfj58ZSS8IGi8h9pKFmJYb5qndi5d1EAuiiSGst/Gv6fKr4DVn+Cv3n1fCs6T2FxADhZ0iyS1ShtqluKDArRKH3il0P50LTBnGT+5cAeYUsgInnvl7LAjUBH1pbR5vj/xk59ZIw5C5SrbzMAQtdlSyf7EpdH5gc/eBCyr4+K6dalm+VNh73JBV8rMlEqAqR50ZOj7I68RJM4VEB53k0vZRJMlNRght+O0/tZfzdsS/t0Vj/zJxLWDWJyyvLbpea1ZQl2qPjtARYhOmDm4Ub+/64NFvZ2TLZrPwfnysON03wPy4iDzjqp2IIYTSGvVtXFOf/yTAG0kYxk95TqHlBlnnNwMEDeHcklqlXM/O3cuilto8TVHL8xYLB3vmrMH0w1JjDak3VVoW49IeBMhxf+rYabJNOXZhdd1+3FZ4bq5h1/admvygnpoUZGioBO1X6abcpHGkFnFYYjo1TQJaOPUTp9LfEs2GG0E9MvuoL66Ylx/dnx/m0+JMoJd8jP32Y/ysIv9t0GVWi2BwrDrYPo1AcboTXfx7lFIHs8uznNbYveb0Wvy04Jq3YYV0x6GxIq+tCPGNAfq2xWOesaMZks53sK2vvHX6KR840FjWP9aQArRQrsp1JU5YALP/yEFwn8OZ/nbsfp5m6b86l0c384rvwbhsyBGDJf2Hg8SMGTymrSyMCgleCatJz1pRKxINHIqBaxwag9v3GByuEyMIZtmGt5vPkbsPp/40MDfUhk0islqycNqzGdkMZeybYY9bPHirP/7qHlUWpSdWqWKjk3L8dot9OOb7NkBT6VLBcf4/zIkBPY40O35uCgFRq+oR6zQd2SciiN6FUTiKP8sNtHXqJMcValEuSa5WKxY0nX4JIqbVSsZIZvd8DFas9o02NZbudSY2rMg");
}
.social-identity-icon.adfs:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iY2FsZW5kYXIuc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiDQoJIHk9IjBweCIgdmlld0JveD0iMCAwIDQ2IDQ2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NiA0NjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6I0ZGRkZGRjtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMy43LDguMWMtMC41LTEtMS40LTEtMiwwTDUuOSwzNS41Yy0wLjUsMS0wLjEsMS43LDEsMS43aDMxLjdjMS4xLDAsMS42LTAuOCwxLTEuN0wyMy43LDguMXoiLz4NCjwvZz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yOC42LDI3aC0xLjN2LTAuNmMwLTEuMS0wLjktMi0xLjktMmgtMS45di0xLjNoMS4zYzAuNCwwLDAuNi0wLjMsMC42LTAuNnYtMy4zYzAtMC40LTAuMy0wLjYtMC42LTAuNmgtMy45DQoJYy0wLjQsMC0wLjYsMC4zLTAuNiwwLjZ2My4zYzAsMC40LDAuMywwLjYsMC42LDAuNmgxLjN2MS4zaC0xLjljLTEuMSwwLTIsMC45LTIsMlYyN2gtMS4zYy0wLjQsMC0wLjYsMC4zLTAuNiwwLjZ2My4zDQoJYzAsMC40LDAuMywwLjcsMC42LDAuN2gzLjljMC40LDAsMC42LTAuMywwLjYtMC43di0zLjNjMC0wLjQtMC4zLTAuNi0wLjYtMC42aC0xLjN2LTAuNmMwLTAuNCwwLjMtMC42LDAuNi0wLjZoNS4yDQoJYzAuNCwwLDAuNiwwLjMsMC42LDAuNlYyN2gtMS4zYy0wLjQsMC0wLjYsMC4zLTAuNiwwLjZ2My4zYzAsMC40LDAuMywwLjcsMC42LDAuN2gzLjljMC40LDAsMC42LTAuMywwLjYtMC43di0zLjMNCglDMjkuMiwyNy4zLDI4LjksMjcsMjguNiwyN3ogTTIxLjQsMjEuOHYtMkgyNHYySDIxLjR6IE0yMC4xLDMwLjNoLTIuNnYtMS45aDIuNlYzMC4zeiBNMjcuOSwzMC4zaC0yLjZ2LTEuOWgyLjZWMzAuM3oiLz4NCjwvc3ZnPg0K");
}
.social-identity-icon.adfs.active {
  background: #0947a9;
  color: #fff;
}
.social-identity-icon.entra:before {
  background-image: url(/CDN/Content/Images/connectors/entra-48.png);
}
.social-identity-icon.entra.active {
  color: #333;
}
.social-identity-icon.myagi:before {
  background-image: url(/CDN/Content/Images/connectors/myagi-48.png);
}
.social-identity-icon.myagi.active {
  color: #333;
}
.social-identity-icon.samlidp:before {
  background-image: url(/CDN/Content/Images/connectors/saml-48.png);
}
.social-identity-icon.samlidp.active {
  color: #333;
}
.social-identity-icon.samlsp:before {
  background-image: url(/CDN/Content/Images/connectors/saml-48.png);
}
.social-identity-icon.samlsp.active {
  color: #333;
}
.social-identity-icon.okta:before {
  background-image: url(/CDN/Content/Images/connectors/okta-48.png);
}
.social-identity-icon.okta.active {
  color: #333;
}
.social-identity-icon.nga:before {
  background-image: url(/CDN/Content/Images/connectors/nga-48.png);
}
.social-identity-icon.nga.active {
  color: #333;
}
.social-identity-icon.okta:before {
  background-image: url(/CDN/Content/Images/connectors/okta-48.png);
}
.social-identity-icon.okta.active {
  color: #333;
}
.social-identity-icon.salary-extras:before {
  background-image: url(/CDN/Content/Images/connectors/salary-extras-48.png);
}
.social-identity-icon.salary-extras.active {
  color: #333;
}
.social-identity-icon.wrkit:before {
  background-image: url(/CDN/Content/Images/connectors/wrkit-48.png);
}
.social-identity-icon.wrkit.active {
  color: #333;
}
.social-identity-icon.google-workspace:before {
  background-image: url(/CDN/Content/Images/connectors/google-admin-48.png);
}
.social-identity-icon.google-workspace.active {
  color: #333;
}
.social-identity-icon.web-request:before {
  background-image: url(/CDN/Content/Images/connectors/web-request-48.png);
}
.social-identity-icon.web-request.active {
  color: #333;
}
.social-identity-icon.zendesk:before {
  background-image: url(/CDN/Content/Images/connectors/zendesk-48.png);
}
.social-identity-icon.zendesk.active {
  color: #333;
}
.social-identity-icon.trello:before {
  background-image: url(/CDN/Content/Images/connectors/trello-48.png);
}
.social-identity-icon.trello.active {
  color: #333;
}
.social-identity-icon.slack:before {
  background-image: url(/CDN/Content/Images/connectors/slack-48.png);
}
.social-identity-icon.slack.active {
  color: #333;
}
.social-identity-icon.msgraph {
  background-color: #1d32b1;
  color: #fff;
}
.social-identity-icon.msgraph.nobackground {
  background-color: unset !important;
  color: unset !important;
}
.social-identity-icon.msgraph:before {
  background-image: url(/CDN/Content/Images/connectors/ms-graph-48.png);
}
@-webkit-keyframes spin-loader {
  from {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-moz-keyframes spin-loader {
  from {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-ms-keyframes spin-loader {
  from {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes spin-loader {
  from {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-webkit-keyframes spinningComplete {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid transparent;
  }
  25% {
    border-top: 6px solid #a3d23f;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  50% {
    border-top: 6px solid #a3d23f;
    border-right: 6px solid #a3d23f;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  75% {
    border-top: 6px solid #a3d23f;
    border-bottom: 6px solid #a3d23f;
    border-right: 6px solid #a3d23f;
    border-left: 6px solid transparent;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    border-top: 6px solid #a3d23f;
    border-right: 6px solid #a3d23f;
    border-bottom: 6px solid #a3d23f;
    border-left: 6px solid #a3d23f;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinningComplete {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid transparent;
  }
  25% {
    border-top: 6px solid #a3d23f;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  50% {
    border-top: 6px solid #a3d23f;
    border-right: 6px solid #a3d23f;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  75% {
    border-top: 6px solid #a3d23f;
    border-bottom: 6px solid #a3d23f;
    border-right: 6px solid #a3d23f;
    border-left: 6px solid transparent;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    border-top: 6px solid #a3d23f;
    border-right: 6px solid #a3d23f;
    border-bottom: 6px solid #a3d23f;
    border-left: 6px solid #a3d23f;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes spinningComplete {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid transparent;
  }
  25% {
    border-top: 6px solid #a3d23f;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  50% {
    border-top: 6px solid #a3d23f;
    border-right: 6px solid #a3d23f;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  75% {
    border-top: 6px solid #a3d23f;
    border-bottom: 6px solid #a3d23f;
    border-right: 6px solid #a3d23f;
    border-left: 6px solid transparent;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    border-top: 6px solid #a3d23f;
    border-right: 6px solid #a3d23f;
    border-bottom: 6px solid #a3d23f;
    border-left: 6px solid #a3d23f;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinningComplete {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid transparent;
  }
  25% {
    border-top: 6px solid #a3d23f;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  50% {
    border-top: 6px solid #a3d23f;
    border-right: 6px solid #a3d23f;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  75% {
    border-top: 6px solid #a3d23f;
    border-bottom: 6px solid #a3d23f;
    border-right: 6px solid #a3d23f;
    border-left: 6px solid transparent;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    border-top: 6px solid #a3d23f;
    border-right: 6px solid #a3d23f;
    border-bottom: 6px solid #a3d23f;
    border-left: 6px solid #a3d23f;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.checklist-standard.checklist, .checklist-animated.checklist {
  list-style-type: none;
  font-size: 18px;
  display: block;
}
.checklist-standard.checklist .step-content, .checklist-animated.checklist .step-content {
  padding-left: 70px;
  display: block;
  padding-top: 15px;
}
.checklist-standard.checklist .item-highlight, .checklist-animated.checklist .item-highlight {
  color: #e96f4f;
}
.checklist-standard.checklist li, .checklist-animated.checklist li {
  list-style-type: none;
  display: block;
  min-height: 60px;
  margin-bottom: 20px;
  position: relative;
}
.checklist-standard.checklist li .icon-wrap, .checklist-animated.checklist li .icon-wrap {
  position: absolute;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  z-index: 10;
  text-align: center;
  background: #fbfbfb;
  display: inline-block;
  border: 4px solid #fff;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3), inset 0 0 4px 2px rgba(0, 0, 0, 0.1);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.checklist-standard.checklist li .icon-wrap .step-number, .checklist-animated.checklist li .icon-wrap .step-number {
  position: relative;
  height: 18px;
  width: auto;
  top: 50%;
  margin-top: -11px;
}
.checklist-standard.checklist li:after, .checklist-animated.checklist li:after {
  content: "";
  position: absolute;
  width: 2px;
  height: calc(100% - 50px);
  top: 62px;
  left: 27px;
  background: #e9e9e9;
}
.checklist-standard.checklist li:last-child, .checklist-animated.checklist li:last-child {
  margin-bottom: 0;
}
.checklist-standard.checklist li:last-child:after, .checklist-animated.checklist li:last-child:after {
  display: none;
}
.checklist-standard.checklist li #dropdown-container, .checklist-animated.checklist li #dropdown-container {
  background: #f9f9f9;
  margin: 10px 0 0 0;
  position: relative;
  padding: 20px 20px;
  display: table;
  border: 1px solid #e5e5e5;
}
.checklist-standard.checklist li #dropdown-container button, .checklist-animated.checklist li #dropdown-container button {
  margin-right: 4px;
}
.checklist-standard.checklist li #dropdown-container button:last-child, .checklist-animated.checklist li #dropdown-container button:last-child {
  margin: 0;
}
.checklist-standard.checklist li #dropdown-container .inline-dropdown, .checklist-animated.checklist li #dropdown-container .inline-dropdown {
  display: block;
  margin: 40px 0;
}

.checklist-animated.checklist li {
  list-style-type: none;
  display: block;
  min-height: 60px;
  margin-bottom: 20px;
  position: relative;
}
.checklist-animated.checklist li.inactive-step .step-content {
  color: #bfbfbf;
}
.checklist-animated.checklist li.inactive-step .icon-wrap {
  background: #f3f3f3;
  border-color: #f8f8f8;
}
.checklist-animated.checklist li.inactive-step .icon-wrap .step-number {
  color: #cccccc;
}
.checklist-animated.checklist li.in-progress.contentVisible :after {
  height: calc(100% - 72px);
}
.checklist-animated.checklist li.in-progress .icon-wrap:before {
  content: "";
  position: absolute;
  border: 6px solid transparent;
  border-top: 6px solid #a3d23f;
  width: 58px;
  min-height: 58px;
  display: block;
  border-radius: 50%;
  z-index: 30;
  left: -5px;
  top: -5px;
  -webkit-animation: spin-loader 1s infinite forwards;
  -moz-animation: spin-loader 1s infinite forwards;
  -ms-animation: spin-loader 1s infinite forwards;
  animation: spin-loader 1s infinite forwards;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.checklist-animated.checklist li.step-complete .icon-wrap:before {
  content: "";
  position: absolute;
  border: 6px solid transparent;
  display: block;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  z-index: 30;
  top: -5px;
  left: -5px;
  -webkit-animation: spinningComplete 0.5s forwards;
  -moz-animation: spinningComplete 0.5s forwards;
  -ms-animation: spinningComplete 0.5s forwards;
  animation: spinningComplete 0.5s forwards;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.checklist-animated.checklist li:after {
  content: "";
  position: absolute;
  width: 2px;
  height: calc(100% - 50px);
  top: 62px;
  left: 27px;
  background: #e9e9e9;
}
.site-header {
  flex: 0 0 auto;
  padding: 0 16px;
  margin: 0;
  color: #fff;
  height: 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
}
.web-agent {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 1.4em;
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.web-agent:before, .web-agent:after {
  content: "";
  display: table;
}
.web-agent:after {
  clear: both;
}
.web-agent .agent-content {
  padding: 15px 30px 15px 15px;
  position: relative;
}
.web-agent .agent-content a {
  color: #333;
  font-weight: 500;
}
.web-agent .agent-content a:hover {
  text-decoration: underline;
}
.web-agent .agent-content .agent-title h1 {
  display: block;
  font-size: 18px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.web-agent .agent-content .agent-title h1 img {
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
}
.web-agent .agent-content p {
  color: #666;
  display: block;
  font-size: 16px;
  padding: 0;
  margin: 0;
}
.web-agent .agent-content .source {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.web-agent .agent-content .agent-description {
  display: block;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.web-agent .agent-delete {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.web-agent .agent-delete:hover {
  background: rgba(0, 0, 0, 0.1);
}
.web-agent .agent-delete i {
  margin: 10px 0;
}
.web-agent.with-image {
  padding: 0 0 0 115px;
  min-height: 132px;
}
.web-agent.with-image .image {
  background-position: center;
  background-size: cover;
  display: block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 15px;
  left: 15px;
}
.web-agent.with-video .video {
  line-height: 0;
}
.web-agent.with-video .video iframe {
  width: 100%;
  height: 300px;
}
.site-overlay {
  display: table;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100050;
  text-align: center;
}
.site-overlay.build {
  background: rgba(255, 255, 255, 0.8);
}
.site-overlay h1 {
  color: black;
  font-size: 20px;
  font-weight: 300;
  margin-top: -35px;
}
.site-overlay .animation-container {
  display: table-cell;
  vertical-align: middle;
}
.site-overlay .animation-container .middle {
  margin: 0 auto;
  width: 430px;
}
.site-overlay .loader {
  max-width: 15rem;
  width: 100%;
  height: auto;
  stroke-linecap: round;
}
.site-overlay .loader circle {
  fill: none;
  stroke-width: 3.5;
  animation-name: preloader;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  transform-origin: 150px 150px;
  will-change: transform;
}
.site-overlay .loader circle:nth-of-type(1) {
  stroke-dasharray: 140px;
}
.site-overlay .loader circle:nth-of-type(2) {
  stroke-dasharray: 50px;
}
.site-overlay .loader circle:nth-of-type(1) {
  animation-delay: -0.15s;
}
.site-overlay .loader circle:nth-of-type(2) {
  animation-delay: -0.3s;
}

@media (min-width: 1919px) {
  .u-usb-container.is-open.is-small .site-overlay {
    width: calc(100% - 360px);
  }
  .u-usb-container.is-open.is-medium .site-overlay {
    width: calc(100% - 460px);
  }
  .u-usb-container.is-open.is-large .site-overlay {
    width: calc(100% - 560px);
  }
}
@keyframes preloader {
  50% {
    transform: rotate(360deg);
  }
}
.s-messenger .g-heading--first {
  font-size: 1.077em;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.s-messenger .g-heading--second {
  font-size: 1.077em;
  font-weight: 500;
}
.s-messenger .g-text--bold {
  font-weight: 500;
}
.s-messenger .g-text--small {
  font-size: 0.769em;
}
.s-messenger .g-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.s-messenger .g-word-wrap {
  display: block;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
@-webkit-keyframes from-left {
  0% {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-moz-keyframes from-left {
  0% {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-ms-keyframes from-left {
  0% {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes from-left {
  0% {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.s-messenger .u-from-right {
  position: relative;
  -webkit-animation: from-left 400ms ease both;
  -moz-animation: from-left 400ms ease both;
  -ms-animation: from-left 400ms ease both;
  animation: from-left 400ms ease both;
}
.s-messenger .u-absolute {
  position: absolute;
}
.s-messenger .u-absolute-top {
  top: 0;
}
.s-messenger .u-absolute-right {
  right: 0;
}
.s-messenger .u-absolute-bottom {
  bottom: 0;
}
.s-messenger .u-absolute-left {
  left: 0;
}
.s-messenger .u-absolute-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.s-messenger .u-dropshadow--small {
  box-shadow: 0 2px 8px -2px rgba(51, 51, 51, 0.3);
}
.s-messenger .u-dropshadow--large {
  box-shadow: 0 0 40px rgba(51, 51, 51, 0.3);
}
.s-messenger .u-flexbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.s-messenger .u-flexbox-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.s-messenger .u-flexbox-content-width {
  width: 220px;
}
.s-messenger .u-flexbox--dir-col {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.s-messenger .u-flexbox--space-between {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.s-messenger .u-flexbox--flex-end {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
}
.s-messenger .u-flexbox--wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.s-messenger .u-flexbox--stretch {
  width: 100%;
  height: 100%;
}
.s-messenger .u-flexbox_content-wrapper {
  width: 100%;
}
.s-messenger .u-flexbox_item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.s-messenger .u-flexbox_item--button {
  -webkit-flex-basis: 36px;
  -moz-flex-basis: 36px;
  -ms-flex-basis: 36px;
  flex-basis: 36px;
}
.s-messenger .u-flexbox_item--text-wrap {
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.s-messenger .u-flexbox_item--stretch {
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.s-messenger .u-flexbox_item--vertical-center {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.s-messenger .u-flexbox_item--horizontal-center {
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
}
.s-messenger .u-flexbox_item--horizontal-right {
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
}
.s-messenger .u-flexbox_item--1 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.s-messenger .u-flexbox_item--truncated {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.s-messenger .u-background-0 {
  background: #fff;
}
.s-messenger .u-background-05 {
  background: #f9f9f9;
}
.s-messenger .u-background-10 {
  background: #eee;
}
.s-messenger .u-background-20 {
  background: #ddd;
}
.s-messenger .u-background-30 {
  background: #ccc;
}
.s-messenger .u-color--secondary {
  color: #1a86ca;
}
.s-messenger .u-color-0 {
  color: #fff;
}
.s-messenger .u-color-80 {
  color: #333;
}
.s-messenger .u-border-20 {
  border: 1px solid #ddd;
}
.s-messenger .u-border-20-top {
  border-top: 1px solid #ddd;
}
.s-messenger .u-border-20-bottom {
  border-bottom: 1px solid #ddd;
}
.s-messenger .o-information {
  font-style: italic;
  font-weight: 400;
  color: #999;
  text-align: center;
}
.s-messenger .o-recent-chat {
  position: relative;
  cursor: pointer;
}
.s-messenger .o-recent-chat.is-current:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 50%;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 6px solid #32383d;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.s-messenger .o-dropdown {
  border: none;
  padding: 0;
}
.s-messenger .o-dropdown_link {
  border-bottom: 1px solid #ddd;
  padding: 8px 12px;
}
.s-messenger .o-dropdown li:last-child .o-dropdown_link {
  border-bottom: none;
}
.s-messenger .o-link {
  display: inline-block;
  font-weight: 400;
}
.s-messenger .o-link-remove {
  color: #e04c4c;
}
.s-messenger .o-link-download {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.s-messenger .o-link-download_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.s-messenger .o-link-download--left {
  left: -42px;
}
.s-messenger .o-link-download--right {
  right: -42px;
}
.s-messenger .o-link-download:hover {
  color: #999;
}
.s-messenger .o-link-play {
  border-radius: 50%;
  background: rgba(51, 51, 51, 0.85);
  color: #fff;
  cursor: pointer;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  transition: 0.2s ease;
}
.s-messenger .o-link-play_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.s-messenger .o-link-play:hover {
  background: #333333;
  color: #fff;
}
.s-messenger .o-search-bar {
  width: 100%;
}
.s-messenger .o-search-bar_input {
  width: 100%;
  padding-right: 34px;
}
.s-messenger .o-search-bar_button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 34px;
  color: #666;
}
.s-messenger .o-search-bar_button:hover {
  color: #333;
}
.s-messenger .o-search-bar_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.s-messenger .o-search-bar\@mobile {
  font-size: 16px;
  height: 40px;
}
.s-messenger .o-avatar {
  border-radius: 50%;
  /*box-shadow: 0 0 8px rgba(color(neutral-color-80), opacity(opacity-20));*/
  height: 32px;
  width: 32px;
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.s-messenger .o-avatar--large {
  width: 60px;
  height: 60px;
}
.s-messenger .o-avatar--small {
  width: 28px;
  height: 28px;
}
.s-messenger .o-avatar--group {
  color: #fff;
  font-weight: 600;
}
.s-messenger .o-avatar--group.theme-color-1 {
  background: #0353A4;
}
.s-messenger .o-avatar--group.theme-color-2 {
  background: #D63230;
}
.s-messenger .o-avatar--group.theme-color-3 {
  background: #EE6352;
}
.s-messenger .o-avatar--group.theme-color-4 {
  background: #1a86ca;
}
.s-messenger .o-avatar--group.theme-color-5 {
  background: #4B9866;
}
.s-messenger .o-avatar--group.theme-color-6 {
  background: #F1C40F;
}
.s-messenger .o-avatar--group.theme-color-7 {
  background: #C7AA52;
}
.s-messenger .o-avatar--group.theme-color-8 {
  background: #022F40;
}
.s-messenger .o-avatar--group.theme-color-9 {
  background: #7D7C84;
}
.s-messenger .o-avatar--group.theme-color-10 {
  background: #BF1363;
}
.s-messenger .o-avatar--group.theme-color-11 {
  background: #333;
}
.s-messenger .o-avatar_image {
  background-size: cover;
  background-position: center center;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  -ms-interpolation-mode: bicubic;
}
.s-messenger .o-avatar--bordered {
  border: 2px solid #fff;
}
.s-messenger .o-avatar.is-selected:before {
  box-shadow: 0 0 10px rgba(26, 134, 202, 0.85);
  border-radius: 50%;
  content: "";
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.s-messenger .o-avatar-container {
  width: 32px;
  height: 32px;
  position: relative;
}
.s-messenger .o-avatar-container .o-avatar:last-child {
  position: absolute;
  bottom: 0;
  right: 0;
}
.s-messenger .o-status {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.s-messenger .o-status.is-online {
  background-color: #8ebd2c;
}
.s-messenger .o-status.is-busy {
  background-color: #e04c4c;
}
.s-messenger .o-status.is-away {
  background-color: #fff09e;
}
.s-messenger .o-status.is-offline {
  background-color: #999;
}
.s-messenger .o-header {
  z-index: 1;
}
.s-messenger .o-pill {
  background: #1a86ca;
  border-radius: 28px;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  height: 28px;
  min-width: 28px;
  line-height: 28px;
  padding: 0 4px;
  text-align: center;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.s-messenger .o-pill--small {
  border-radius: 18px;
  font-size: 9px;
  padding: 0 2px;
  height: 18px;
  min-width: 18px;
  line-height: 18px;
}
.s-messenger .o-message {
  padding-left: 42px;
  margin-bottom: 10px;
  -webkit-overflow-scrolling: touch;
}
.s-messenger .o-message:before, .s-messenger .o-message:after {
  content: "";
  display: table;
}
.s-messenger .o-message:after {
  clear: both;
}
.s-messenger .o-message_bubble {
  padding: 10px;
  border-radius: 15px;
  display: inline-block;
  font-weight: 400;
  line-height: 1.6em;
  margin-bottom: 5px;
  max-width: 100%;
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}
.s-messenger .o-message_bubble-wrapper {
  -webkit-overflow-scrolling: touch;
}
.s-messenger .o-message_bubble-wrapper:before, .s-messenger .o-message_bubble-wrapper:after {
  content: "";
  display: table;
}
.s-messenger .o-message_bubble-wrapper:after {
  clear: both;
}
.s-messenger .o-message_bubble-wrapper--grey {
  padding-right: 38px;
}
.s-messenger .o-message_bubble--media {
  padding: 0;
}
.s-messenger .o-message_bubble--blue {
  background-color: #1a86ca;
  color: #fff;
}
.s-messenger .o-message_bubble--blue .o-attachment-link {
  color: #fff;
}
.s-messenger .o-message_bubble--grey {
  background-color: #eee;
}
.s-messenger .o-list-tab {
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
.s-messenger .o-list-tab:hover {
  background: #f9f9f9;
}
.s-messenger .o-attachment-icon {
  background: #fff;
  border-radius: 3px;
  width: 24px;
  height: 24px;
  overflow: hidden;
  background-size: cover;
  margin-right: 10px;
}
.s-messenger .o-attachment-link {
  text-decoration: underline;
  font-weight: 500;
}
.s-messenger .o-attachment-image {
  max-width: 100%;
  max-height: 200px;
  border-radius: 15px;
  cursor: pointer;
}
.s-messenger .o-attachment-image-replacement {
  height: 150px;
  min-width: 200px;
  max-width: 100%;
  /*Swap the second colour of the gradient to use a lighter colour (#abc1ce)*/
  background-color: #0e4a70;
  background-image: -webkit-linear-gradient(45deg, #0e4a70 0%, #115986 100%);
  background-image: -moz-linear-gradient(45deg, #0e4a70 0%, #115986 100%);
  background-image: -ms-linear-gradient(45deg, #0e4a70 0%, #115986 100%);
  background-image: linear-gradient(45deg, #0e4a70 0%, #115986 100%);
  background-repeat: repeat-x;
}
.s-messenger .o-attachment-image--metadata {
  border-radius: 15px 15px 0 0;
}
.s-messenger .o-attachment-image--metadata_rounded {
  border-radius: 15px;
}
.s-messenger .o-attachment-video-fullscreen {
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.s-messenger .o-loader {
  width: auto;
  border-radius: 50px;
  padding: 5px;
  display: inline-block;
  position: relative;
}
.s-messenger .o-loader::after {
  height: 3px;
  width: 3px;
  left: -3px;
  bottom: -3px;
}
.s-messenger .o-loader_bullet {
  height: 5px;
  width: 5px;
  float: left;
  margin: 0 1px;
  background-color: #9E9EA1;
  display: block;
  border-radius: 50%;
  opacity: 0.4;
  -webkit-animation: 2s bulge infinite ease-out;
  -moz-animation: 2s bulge infinite ease-out;
  -ms-animation: 2s bulge infinite ease-out;
  animation: 2s bulge infinite ease-out;
}
.s-messenger .o-loader_bullet:nth-of-type(1) {
  -webkit-animation: 1s blink infinite 0.3333s;
  -moz-animation: 1s blink infinite 0.3333s;
  -ms-animation: 1s blink infinite 0.3333s;
  animation: 1s blink infinite 0.3333s;
}
.s-messenger .o-loader_bullet:nth-of-type(2) {
  -webkit-animation: 1s blink infinite 0.6666s;
  -moz-animation: 1s blink infinite 0.6666s;
  -ms-animation: 1s blink infinite 0.6666s;
  animation: 1s blink infinite 0.6666s;
}
.s-messenger .o-loader_bullet:nth-of-type(3) {
  -webkit-animation: 1s blink infinite 0.9999s;
  -moz-animation: 1s blink infinite 0.9999s;
  -ms-animation: 1s blink infinite 0.9999s;
  animation: 1s blink infinite 0.9999s;
}
@-webkit-keyframes blink {
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
}
@-moz-keyframes blink {
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
}
@-ms-keyframes blink {
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
}
@keyframes blink {
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
}
@-webkit-keyframes bulge {
  50% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
}
@-moz-keyframes bulge {
  50% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
}
@-ms-keyframes bulge {
  50% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
}
@keyframes bulge {
  50% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
}
.s-messenger .o-textarea {
  border: none;
  display: block;
  font-size: 1.231em;
  height: 74px;
  line-height: 1.4em;
  overflow: auto;
  padding: 4px;
  width: 100%;
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.s-messenger .o-textarea-container {
  border-radius: 8px;
  box-shadow: 0 0 8px rgba(51, 51, 51, 0.15);
}
.s-messenger .o-textarea-container .is-focused:after {
  background: #1a86ca;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
}
.s-messenger .o-textarea:active, .s-messenger .o-textarea:focus {
  outline: none;
}
.s-messenger.c-messenger {
  width: 350px;
  height: 600px;
  font-size: 13px;
  line-height: 1.538em;
  position: fixed;
  bottom: 30px;
  right: 20px;
  z-index: 1004;
  box-shadow: 0 0 40px rgba(51, 51, 51, 0.3);
}
.s-messenger.c-messenger\@mobile {
  height: auto;
  width: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.s-messenger.c-prototype {
  width: 350px;
  height: 500px;
  margin: 20px;
  font-size: 13px;
  line-height: 1.538em;
  float: left;
}
.s-messenger.image-fullscreen-container {
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.s-messenger .image-fullscreen {
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  max-height: 100%;
  max-width: 100%;
}
.s-notifications .g-heading--first {
  font-size: 1.077em;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.s-notifications .g-heading--second {
  font-size: 1.077em;
  font-weight: 500;
}
.s-notifications .g-text--bold {
  font-weight: 500;
}
.s-notifications .g-text--small {
  font-size: 0.769em;
}
.s-notifications .g-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.s-notifications .g-word-wrap {
  display: block;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.s-notifications .u-absolute {
  position: absolute;
}
.s-notifications .u-absolute-top {
  top: 0;
}
.s-notifications .u-absolute-right {
  right: 0;
}
.s-notifications .u-absolute-bottom {
  bottom: 0;
}
.s-notifications .u-absolute-left {
  left: 0;
}
.s-notifications .u-absolute-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.s-notifications .u-dropshadow--small {
  box-shadow: 0 2px 8px -2px rgba(51, 51, 51, 0.3);
}
.s-notifications .u-dropshadow--large {
  box-shadow: 0 0 40px rgba(51, 51, 51, 0.3);
}
.s-notifications .u-flexbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.s-notifications .u-flexbox-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.s-notifications .u-flexbox-content-width {
  width: 220px;
}
.s-notifications .u-flexbox--dir-col {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.s-notifications .u-flexbox--space-between {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.s-notifications .u-flexbox--flex-end {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
}
.s-notifications .u-flexbox--wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.s-notifications .u-flexbox--stretch {
  width: 100%;
  height: 100%;
}
.s-notifications .u-flexbox_content-wrapper {
  width: 100%;
}
.s-notifications .u-flexbox_item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.s-notifications .u-flexbox_item--button {
  -webkit-flex-basis: 36px;
  -moz-flex-basis: 36px;
  -ms-flex-basis: 36px;
  flex-basis: 36px;
}
.s-notifications .u-flexbox_item--text-wrap {
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.s-notifications .u-flexbox_item--stretch {
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.s-notifications .u-flexbox_item--vertical-center {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.s-notifications .u-flexbox_item--horizontal-center {
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
}
.s-notifications .u-flexbox_item--horizontal-right {
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
}
.s-notifications .u-flexbox_item--1 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.s-notifications .u-flexbox_item--truncated {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.s-notifications .u-background-0 {
  background: #fff;
}
.s-notifications .u-background-05 {
  background: #f9f9f9;
}
.s-notifications .u-background-10 {
  background: #eee;
}
.s-notifications .u-background-20 {
  background: #ddd;
}
.s-notifications .u-background-30 {
  background: #ccc;
}
.s-notifications .u-color--secondary {
  color: #1a86ca;
}
.s-notifications .u-color-0 {
  color: #fff;
}
.s-notifications .u-color-80 {
  color: #333;
}
.s-notifications .u-border-20 {
  border: 1px solid #ddd;
}
.s-notifications .u-border-20-top {
  border-top: 1px solid #ddd;
}
.s-notifications .u-border-20-bottom {
  border-bottom: 1px solid #ddd;
}
.s-notifications .o-avatar {
  border-radius: 50%;
  /*box-shadow: 0 0 8px rgba(color(neutral-color-80), opacity(opacity-20));*/
  height: 32px;
  width: 32px;
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.s-notifications .o-avatar--large {
  width: 60px;
  height: 60px;
}
.s-notifications .o-avatar--small {
  width: 28px;
  height: 28px;
}
.s-notifications .o-avatar--group {
  color: #fff;
  font-weight: 600;
}
.s-notifications .o-avatar--group.theme-color-1 {
  background: #0353A4;
}
.s-notifications .o-avatar--group.theme-color-2 {
  background: #D63230;
}
.s-notifications .o-avatar--group.theme-color-3 {
  background: #EE6352;
}
.s-notifications .o-avatar--group.theme-color-4 {
  background: #1a86ca;
}
.s-notifications .o-avatar--group.theme-color-5 {
  background: #4B9866;
}
.s-notifications .o-avatar--group.theme-color-6 {
  background: #F1C40F;
}
.s-notifications .o-avatar--group.theme-color-7 {
  background: #C7AA52;
}
.s-notifications .o-avatar--group.theme-color-8 {
  background: #022F40;
}
.s-notifications .o-avatar--group.theme-color-9 {
  background: #7D7C84;
}
.s-notifications .o-avatar--group.theme-color-10 {
  background: #BF1363;
}
.s-notifications .o-avatar--group.theme-color-11 {
  background: #333;
}
.s-notifications .o-avatar_image {
  background-size: cover;
  background-position: center center;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  -ms-interpolation-mode: bicubic;
}
.s-notifications .o-avatar--bordered {
  border: 2px solid #fff;
}
.s-notifications .o-avatar.is-selected:before {
  box-shadow: 0 0 10px rgba(26, 134, 202, 0.85);
  border-radius: 50%;
  content: "";
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.s-notifications .o-avatar-container {
  width: 32px;
  height: 32px;
  position: relative;
}
.s-notifications .o-avatar-container .o-avatar:last-child {
  position: absolute;
  bottom: 0;
  right: 0;
}
.s-notifications.c-notification {
  width: 320px;
  display: inline-block;
  font-size: 13px;
  line-height: 1.538em;
  position: fixed;
  bottom: 30px;
  right: 20px;
  z-index: 1004;
}
.s-notifications.c-notification .c-notification_bar {
  border-radius: 3px;
}

#variable-picker-dialog ul,
#variable-picker-dialog li
{
    margin: 0;
    padding: 0;
    list-style: none;
}

/*
    Group
*/

#variable-picker-dialog .vp-group
{
    overflow: hidden;
    clear: both;
}
#variable-picker-dialog .vp-group:nth-child(n+2)
{
    margin-top: 0.5em;
}


/*
    Group header
*/

#variable-picker-dialog .vp-group .vp-group-header
{
    width: 200%;
}
#variable-picker-dialog .vp-group .vp-group-header .vp-group-name
{
    margin-left: 32px;
    font-weight: bold;
    color: #0071c2;
    cursor: default;
    float: left;
}
#variable-picker-dialog .vp-group .vp-group-header .vp-header-line
{
    width: 50%;
    margin: 0.5em 0 0 0.5em;
    border-top: 1px solid #0071c2;
    float: left;
}
#variable-picker-dialog .vp-group:not(.vp-variable-selected) .vp-group-header .vp-group-name
{
    cursor: pointer;
}


/*
    Variable list "table"
*/

#variable-picker-dialog .vp-variable-list
{
    width: 100%;
    margin-top: 0.5em;
    display: none;
}
#variable-picker-dialog .vp-group-expanded .vp-variable-list
{
    display: table;
}

/*
    Variable "row"
*/


#variable-picker-dialog .vp-variable
{
    display: table-row;
    cursor: pointer;
}


/*
    Variable "cell"
*/

#variable-picker-dialog .vp-variable > div
{
    padding: 4px 0;
    display: table-cell;
}
#variable-picker-dialog .vp-variable > div:first-child
{
    padding-left: 10px;
    border-radius: 3px 0 0 3px;
}
#variable-picker-dialog .vp-variable > div:last-child
{
    padding-right: 10px;
    border-radius: 0 3px 3px 0;
}

/* Hover */

#variable-picker-dialog .vp-variable:hover > div
{
    padding-top: 3px;
    padding-bottom: 3px;
    border-top: 1px solid #0094ff;
    border-bottom: 1px solid #0094ff;
}
#variable-picker-dialog .vp-variable:hover > div:first-child
{
    padding-left: 9px;
    border-left: 1px solid #0094ff;
}
#variable-picker-dialog .vp-variable:hover > div:last-child
{
    padding-right: 9px;
    border-right: 1px solid #0094ff;
}

/* Selected */

#variable-picker-dialog .vp-variable.vp-variable-selected > div
{
    padding-top: 3px;
    padding-bottom: 3px;
    border-top: 1px solid #0094ff;
    border-bottom: 1px solid #0094ff;
    background-color: #e0f2ff;
}
#variable-picker-dialog .vp-variable.vp-variable-selected > div:first-child
{
    padding-left: 9px;
    border-left: 1px solid #0094ff;
}
#variable-picker-dialog .vp-variable.vp-variable-selected > div:last-child
{
    padding-right: 9px;
    border-right: 1px solid #0094ff;
}


/*
    Variable sample
*/

#variable-picker-dialog .vp-variable:not(.vp-variable-selected) .vp-variable-preview
{
    opacity: 0.5;
}
#variable-picker-dialog .vp-variable:hover .vp-variable-preview
{
    opacity: 1;
}

#variable-picker-dialog .vp-variable .vp-variable-preview a
{
    color: #0000ff;
    text-decoration: underline;
}


/*
    OK button
*/

#variable-picker-dialog:not(.vp-variable-selected) .vp-ok-btn
{
    display: none;
}

#masterPageFooter #pageScore {
    background: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
    width: 140px;
    height: 30px;
    right: 400px;
    margin-right: 10px;
    position: relative;
    text-align: center;
    cursor: pointer;
}

    #masterPageFooter #pageScore #pageScoreOverview {
        display: block;
        width: 140px;
        height: 30px;
        text-align: center;
        border-radius: 3px 3px 0 0;
    }

        #masterPageFooter #pageScore #pageScoreOverview #pageScoreDetail {
            left:5px;
            top: 3px;
            position: absolute;
            font-size: 18px;
        }

        #masterPageFooter #pageScore #pageScoreOverview .scoreClass {
            float: right;
            width: 35px;
            height: 30px;
            text-align: center;
            border-radius: 3px 3px 0 0;
            color: white;
            font-weight: bold;
            font-size: 24px;
        }

        #masterPageFooter #pageScore #pageScoreOverview .scoreClass10 {
            background-color: #b6ff00;
            color: #a09f9f;
        }

        #masterPageFooter #pageScore #pageScoreOverview .scoreClass9 {
            background-color: #c6ff00;
        }

        #masterPageFooter #pageScore #pageScoreOverview .scoreClass8 {
            background-color: #ddff00;
            color: #a09f9f;
        }

        #masterPageFooter #pageScore #pageScoreOverview .scoreClass7 {
            background-color: #f5ff00;
            color: #a09f9f;
        }

        #masterPageFooter #pageScore #pageScoreOverview .scoreClass6 {
            background-color: #fff200;
            color: #a09f9f;
        }

        #masterPageFooter #pageScore #pageScoreOverview .scoreClass5 {
            background-color: #ffe200;
            color: #a09f9f;
        }

        #masterPageFooter #pageScore #pageScoreOverview .scoreClass4 {
            background-color: #ffb400;
        }

        #masterPageFooter #pageScore #pageScoreOverview .scoreClass3 {
            background-color: #ff7500;
        }

        #masterPageFooter #pageScore #pageScoreOverview .scoreClass2 {
            background-color: #ff4600;
        }

        #masterPageFooter #pageScore #pageScoreOverview .scoreClass1 {
            background-color: #ff1f00;
        }

        #masterPageFooter #pageScore #pageScoreOverview .scoreClass0 {
            background-color: #d4d4d4;
        }

#pageScorePopup {
    position: fixed;
    bottom: 55px;
    left: 75px;
    right: 75px;
    top: 100px;
    background-color: #f7f6f6;
    border-radius: 0 0 3px 3px;
    /*border-top:none;*/
    border-color: black;
    box-shadow: 0 2px 3px rgba(0,0,0,0.05);
    text-align: left;
    min-height: 248px;
    cursor: auto;
    text-shadow: none;
    display: none;
    overflow-y: auto;
    padding: 10px 0 0 10px;
    line-height: 30px;
    padding-left: 50px;
    padding-right: 50px;
    box-shadow: 0 0 4px rgba(83, 69, 69, 0.19);
    color: #396d99;
}

    #pageScorePopup .row {
        background: #eee;
        padding: 10px;
        margin-top: 10px;
    }

    #pageScorePopup .cell {
        text-align: center;
    }

    #pageScorePopup .header {
        text-align: center;
    }

    #pageScorePopup .row:nth-last-of-type(1),
    #pageScorePopup .row:nth-last-of-type(1):hover {
        background: none;
        color: #999;
        padding: 0;
    }

    #pageScorePopup .row:hover {
        cursor: pointer;
        background: #aee1f8;
    }

    #pageScorePopup .title {
        padding-top: 26px;
    }

    #pageScorePopup.visible:after, pageScorePopup.visible:before {
        bottom: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    #pageScorePopup .stackTrace {
        font-size: 13px;
        display: none;
    }

        #pageScorePopup .stackTrace .stackTraceRow {
            line-height: 20px;
            margin: 5px 0;
            padding: 5px;
            word-wrap: break-word;
        }

/*#pageScorePopup .stackTrace .stackTraceRow:nth-of-type(odd) {
                background:#f5f5f5;
            }*/

#masterPageFooter #pageScorePopup .popupCell {
    padding-top: 10px;
}

#masterPageFooter #pageScorePopup .scoreClass {
    width: 25px;
    height: 28px;
    /*min-height: 35px;*/
    text-align: center;
    border-radius: 3px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    padding: 2px 5px 2px 5px;
    float: right;
}

#masterPageFooter #pageScorePopup .scoreClass10 {
    background-color: #b6ff00;
    color: #a09f9f;
}

#masterPageFooter #pageScorePopup .scoreClass9 {
    background-color: #c6ff00;
    color: #a09f9f;
}

#masterPageFooter #pageScorePopup .scoreClass8 {
    background-color: #ddff00;
    color: #a09f9f;
}

#masterPageFooter #pageScorePopup .scoreClass7 {
    background-color: #f5ff00;
    color: #a09f9f;
}

#masterPageFooter #pageScorePopup .scoreClass6 {
    background-color: #fff200;
    color: #a09f9f;
}

#masterPageFooter #pageScorePopup .scoreClass5 {
    background-color: #ffe200;
    color: #a09f9f;
}

#masterPageFooter #pageScorePopup .scoreClass4 {
    background-color: #ffb400;
}

#masterPageFooter #pageScorePopup .scoreClass3 {
    background-color: #ff7500;
}

#masterPageFooter #pageScorePopup .scoreClass2 {
    background-color: #ff4600;
}

#masterPageFooter #pageScorePopup .scoreClass1 {
    background-color: #ff1f00;
}

#masterPageFooter #pageScorePopup .scoreClass0 {
    background-color: #d4d4d4;
}

#masterPageFooter #pageScorePopup .cellRightBorder {
    border-right: 1px #d7d5d5 solid;
}