#preview-bar-container div {
  position: relative !important;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}

body .guidelines > body {
  background: hotpink;
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem; 
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  
   /* To push footer against bottom */
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

body::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, .3);
  backdrop-filter: blur(3px);
  z-index: 5;
	display: none; 
}

body.blur-background::after {
  display: block;
}

.no-scroll {
  overflow: hidden;
}

h1 {
  margin: 30px 0 15px 0;
  font-family: "Lato", sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3rem;
  letter-spacing: 0;
}
@media (min-width: 1024px) {
  h1 {
    margin: 60px 0 15px 0;
  }
}
.home h1 { 
  text-align: center; 
}

.article-page main h1 {
  font-family: "Roboto", sans-serif;
}

h2 {
  margin: 40px 0 20px 0;
  font-family: "Lato", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0;
}
.home h2 { 
  margin: 60px 0 30px 0; 
}

.article-page aside h2 {
  margin: 0 0 15px 0; 
  font-family: "Roboto", sans-serif;
  line-height: 3rem;
}
.article-page main h2 {
  font-family: "Roboto", sans-serif;
  line-height: 2rem;
}
.searchbox h2 { margin: 0 0 30px 0; }

h3 {
  margin: 30px 0 15px 0;
  font-family: "Lato", sans-serif;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0;
}
.article-page main h3 {
  font-family: "Roboto", sans-serif;
}

h4 {
  margin: 0 0 10px 0;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: 0;
}
.article-page main h4 {
  font-family: "Roboto", sans-serif;
}

.c-content + h4 {
  margin-top: 30px;
}

.article-page h2[id], 
.article-page h3[id] {
    position: relative;
    cursor: pointer;
}

.article-page h2[id]::after, 
.article-page h3[id]::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%231f1f1f"><path d="M362.31-260Q332-260 311-281q-21-21-21-51.31v-455.38Q290-818 311-839q21-21 51.31-21h335.38Q728-860 749-839q21 21 21 51.31v455.38Q770-302 749-281q-21 21-51.31 21H362.31Zm0-60h335.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46v-455.38q0-4.62-3.85-8.46-3.84-3.85-8.46-3.85H362.31q-4.62 0-8.46 3.85-3.85 3.84-3.85 8.46v455.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85Zm-140 200Q192-120 171-141q-21-21-21-51.31v-515.38h60v515.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85h395.38v60H222.31ZM350-320v-480 480Z"/></svg>');
    position: absolute;
  	left: -29px;
    opacity: 0;
    transition: opacity 0.2s ease;
}
@media (min-width: 1024px) {
  .article-page h2[id]:hover::after, 
	.article-page h3[id]:hover::after {
    opacity: 1;
	}
}

.toast {
    visibility: hidden;
    min-width: 250px;
    background-color: #0086C8;
    color: #fff;
    text-align: center;
  	font-weight: 500;
    border-radius: 10px;
    padding: 15px;
    position: fixed;
    z-index: 1;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.5s, visibility 0.5s;
  	overflow: hidden;
}

.toast.show {
    visibility: visible;
    opacity: 1;
}

.toast-timer {
    height: 100%;
    background-color: rgba(255, 255, 255, .1);
    width: 0;
    position: absolute;
    bottom: 0;
    left: 0;
}

.toast-timer.animate {
    width: 100%;
    transition: width 3s linear;
}

a {
  color: #0086C8;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.article-page a[target="_blank"]:not(:has(svg)):not(:has(img)):after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 -960 960 960" width="16px" fill="%230086C8"><path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z"/></svg>');
  line-height: 1;
  margin-left: 2px;
}

.bold, 
strong {
  font-weight: 700;
}

p {
  line-height: 1.6rem;
  margin: 0 0 20px 0;
}

li p {
  margin: 0;
}

p:not(.note) + ol, 
p:not(.note) + ul {
  margin-top: -10px;
}

li p.note {
  margin-top: 20px;
}

ul, 
ol {
  margin: 0 0 20px 0;
  padding: 0 0 0 20px;
}

li {
  margin: 0 0 0 15px;
  padding: 0;
}

li + li {
  margin-top: 7px;
}

li li {
  margin-top: 5px;
}

pre {
  max-width: 100%;
  padding: 15px 20px;
  position: relative;
  border-radius: 10px;
  color: black;
  background: #f5f5f5;
  overflow-x: auto;
}

pre .light {
  opacity: .5;
}

/*p.warning {
  padding: 15px 15px 15px 54px;
  margin-bottom: 15px;
  background: rgb(200 136 0 / 15%);
  border-radius: 10px;
  font-family: "Roboto", sans-serif;
  line-height: 1.5rem;
  white-space: normal;
  position: relative;
  font-size: 14px;
  color: black;
}

p.warning:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23c88800"><path d="m40-120 440-760 440 760H40Zm138-80h604L480-720 178-200Zm302-40q17 0 28.5-11.5T520-280q0-17-11.5-28.5T480-320q-17 0-28.5 11.5T440-280q0 17 11.5 28.5T480-240Zm-40-120h80v-200h-80v200Zm40-100Z"/></svg>');
  position: absolute;
  left: 15px;
  top: 15px;
}*/

p.note {
	padding: 15px 15px 15px calc(24px + 15px + 15px);
  margin-bottom: 20px;
  position: relative;
  
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 1.5rem;
  color: #153259;
  white-space: normal;

  background: rgba(21, 50, 89, .075);
  border-radius: 10px;
}

p.note:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23153259"><path d="M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>');
  position: absolute;
  width: 24px;
  height: 24px;
  top: 15px;
  left: 15px;
}

img {
  max-width: 100%;
  margin: 0;
  border-radius: 10px;
  /*cursor: zoom-in;*/
}

.indent {
  margin-left: 20px;
  padding: 30px 30px 10px 30px;
  border-radius: 15px;
  background: #f5f5f5;
}
.indent + .indent {
  margin-top: 20px;
}
.indent p > img {
  margin-bottom: 10px;
}

.indent ol,
.indent ul {
  padding-left: 0;
}

li img {
  display: block;
  margin: 15px 0;
}

img.shadow {
  box-shadow: rgba(149, 157, 165, 0.3) 0px 5px 15px;
}

.img-wrapper {
  position: fixed;
  z-index: 10;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  cursor: zoom-out;
}
.img-wrapper img {
  max-width: 100%;
	max-height: 100%;
  cursor: zoom-out;
}
.img-placeholder {
  background: rgba(21, 50, 89, .075);
  margin: 20px 0;
  border-radius: 10px;
}

@media (min-width: 1024px) {
  .img-wrapper {
    padding: 40px;
  }
}

li img {
  display: block;
}
@media (min-width: 768px) {
  li img {
    max-width: 75%;
  }
}

span[data-vimeo-id] {
  display: inline-block;
  position: relative;
  color: #0086C8;
  margin: 0 0 15px 0;
  padding: 0 0 0 23px;
  cursor: pointer;
}

span[data-vimeo-id]:hover {
  text-decoration: underline;
}
span[data-vimeo-id]::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0px;
  height: 24px;
  width: 18px;
  background-image: url('data:image/svg+xml,<svg width="18px" height="18px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-6.000000, -7.000000)" fill="%230086C8"><path d="M14,7 C18.418278,7 22,10.581722 22,15 C22,19.418278 18.418278,23 14,23 C9.581722,23 6,19.418278 6,15 C6,10.581722 9.581722,7 14,7 Z M12,10.8571429 L12,18.8571429 L18,14.8571429 L12,10.8571429 Z"></path></g></g></svg>');
  background-repeat: no-repeat;
	background-position: center center;
  transform: rotate(0deg);
  transition: transform .2s;
}
span[data-vimeo-id].active::before {
  transform: rotate(90deg);
  transition: transform .2s;
}

ol + span[data-vimeo-id],
ul + span[data-vimeo-id],
ol + p > span[data-vimeo-id],
ul + p > span[data-vimeo-id] {
  margin-left: 20px;
}

.indent ol + span[data-vimeo-id],
.indent ul + span[data-vimeo-id],
.indent ol + p > span[data-vimeo-id],
.indent ul + p > span[data-vimeo-id] {
  margin-left: 0px;
}

ol + span[data-vimeo-id] + .vimeo-wrapper,
ul + span[data-vimeo-id] .vimeo-wrapper,
ol + p > span[data-vimeo-id] + .vimeo-wrapper,
ul + p > span[data-vimeo-id] .vimeo-wrapper{
  margin-left: 20px;
  width: calc(100% - 20px);
}

.indent ol + span[data-vimeo-id] + .vimeo-wrapper,
.indent ul + span[data-vimeo-id] .vimeo-wrapper,
.indent ol + p > span[data-vimeo-id] + .vimeo-wrapper,
.indent ul + p > span[data-vimeo-id] .vimeo-wrapper{
  margin-left: 0px;
  width: 100%;
}

.vimeo-wrapper {
  margin-top: 15px;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  ol + span[data-vimeo-id] + .vimeo-wrapper,
  ul + span[data-vimeo-id] .vimeo-wrapper {
    margin-left: 20px;
    width: calc(100% - 20px);
  }
  .vimeo-wrapper {
    width: 100%;
  }
}

.vimeo {
  width: 100%;
  height: auto;
  position: relative;
  padding: 56.25% 0 0 0;
  background: rgba(0,0,0,.07);
  border-radius: 10px;
  margin-bottom: 20px;
  margin-top: -10px
}

.loader {
	width: 48px;
	height: 48px;
  border-radius: 50%;
	position: absolute;
	animation: rotate 1s linear infinite;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
}
.loader::before , .loader::after {
	content: "";
	box-sizing: border-box;
	position: absolute;
	inset: 0px;
	border-radius: 50%;
	border: 5px solid #153259;
	animation: prixClipFix 2s linear infinite ;
}
.loader::after{
	border-color: #0086C8;
	animation: prixClipFix 2s linear infinite , rotate 0.5s linear infinite reverse;
	inset: 6px;
}

@keyframes rotate {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@keyframes prixClipFix {
	0% { clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0); }
	25% { clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0); }
	50% { clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%); }
	75% { clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%); }
	100% { clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0); }
}

.vimeo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: none;
}

.youtube {
  width: 100%;
  max-width: 100%;
  height: auto;
  position: relative;
  padding: 56.25% 0 0 0;
  border-radius: 10px;
}

.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: none;
}


[class*="TopCenterActionItems_module_topCenterActionItems"] {
  display: none;
}

table {
  display: block;
  width: 100%;
  max-width: 100%;
  height: fit-content;
  margin: 30px 0;
  overflow-x: none;
  overflow-y: none;
  border-collapse: collapse;
  border: none;
}

tr td {
  padding: 15px;
  text-align: left;
  border-right: none;
  border-left: none;
  border-top: 1px solid #e1e3e1;
  border-bottom: 1px solid #e1e3e1;
}

tr td:first-of-type {
  padding: 15px 15px 15px 0;
  width: calc(100% / 3 * 1);
}

tr td:last-of-type {
  padding: 15px 0 15px 15px;
  width: calc(100% / 3 * 2);
}

td+td {
  border-left: 1px solid #e1e3e1;
}

td :last-child {
  margin-bottom: 0;
}

.hidden {
  display: none !important;
}

.articles {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.article {
  width: fit-content;
  max-width: 100%;
  display: flex;
  align-items: center;
  gap: 7.5px;
  color: #1f1f1f;
  text-decoration: none;
  line-height: 1.5rem;
}

.article:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%230086c8"><path d="M280-280h280v-80H280v80Zm0-160h400v-80H280v80Zm0-160h400v-80H280v80Zm-80 480q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0-560v560-560Z" /></svg>');
  width: 24px;
  height: 24px;
}

.article.video:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%230086C8"><path d="m380-300 280-180-280-180v360ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>');
}

.article.promoted:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%2342c700"><path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0-560v560-560Zm163 450 117-71 117 71-31-133 104-90-137-11-53-126-53 126-137 11 104 90-31 133Z"/></svg>');
}

.article.internal:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23c70000"><path d="M240-80q-33 0-56.5-23.5T160-160v-400q0-33 23.5-56.5T240-640h40v-80q0-83 58.5-141.5T480-920q83 0 141.5 58.5T680-720v80h40q33 0 56.5 23.5T800-560v400q0 33-23.5 56.5T720-80H240Zm0-80h480v-400H240v400Zm240-120q33 0 56.5-23.5T560-360q0-33-23.5-56.5T480-440q-33 0-56.5 23.5T400-360q0 33 23.5 56.5T480-280ZM360-640h240v-80q0-50-35-85t-85-35q-50 0-85 35t-35 85v80ZM240-160v-400 400Z" /></svg>');
}

.article .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	max-width: calc(100% - 24px - 7.5px);
}

.article:hover>.title {
  color: #0086C8;
  text-decoration: underline;
}

.article.active span {
  color: #0086C8;
  font-weight: 500;
}

.article.active:hover span {
  text-decoration: none !important;
  cursor: default;
}

/*****************************/
/********* Wrappers **********/
/*****************************/

.wrapper {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 1024px) {
  .wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}

/*****************************/
/******* Breadcrumbs *********/
/*****************************/

.breadcrumbs-wrapper {
  width: 100%;
  height: fit-content;
  background: #f5f5f5;
}

@media (min-width: 1024px) {
  .breadcrumbs-wrapper {
    height: 60px;
  }
}

.breadcrumbs {
  max-width: 1280px;
  height: 100%;
  padding: 20px;
  margin: 0 auto;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

@media (min-width: 1024px) {
  .breadcrumbs {
    padding: 0 40px;
    flex-direction: row;
  }
}

.breadcrumbs ol {
  display: none;
}

@media (min-width: 1024px) {
  .breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-items: center;
    list-style: none;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.1px;
    margin: 0;
    padding: 0;
  }

  .breadcrumbs li {
    display: flex;
    align-items: center;
    margin: 0;
    white-space: nowrap;
  }

  .breadcrumbs li:not(:last-of-type):after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="14px" viewBox="0 -960 960 960" width="14px" fill="%231f1f1f"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>');
    margin: 0 5px;
    padding-top: 5px;
  }
}

/*****************************/
/********** Header ***********/
/*****************************/

.header {
  width: 100%;
  height: 60px;
  background: #153259;
}

@media (min-width: 768px) {
  .header {
    height: 90px;
  }
}

.header .wrapper {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.header .help-center-name {
  color: white;
  font-weight: 700;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  letter-spacing: 0;
}

@media (min-width: 768px) {
  .header .help-center-name {
    font-size: 18px;
  }
}

.header nav {
  display: flex;
  gap: 30px;
}

.header nav a {
  color: white;
  text-decoration: underline;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.new-request span {
  display: none;
}

@media (min-width: 768px) {
  .new-request span {
    display: inline;
  }

  .new-request svg {
    display: none;
  }
}

/*****************************/
/********** Footer ***********/
/*****************************/

.footer {
  width: 100%;
  height: 60px;
  background: #153259;
  margin-top: auto; /* To push footer against bottom */
}

.footer .wrapper {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.footer .help-center-name a {
  color: white;
  font-weight: 700;
  text-decoration: none;
}

.footer a {
  color: white;
  text-decoration: underline;
}

.language-switcher {
  display: flex;
}

.footer select {
  color: white;
  font-size: 16px;
  text-decoration: underline;
  font-family: "Roboto", sans-serif;
  background: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  width: fit-content;
  text-align: right;
  height: auto;
  border: none;
  outline: none;
}

.footer select option {
  color: #1f1f1f;
  background: white;
}

.footer-margin {
  width: 100%;
  height: 60px;
}

.copyright {
  color: white;
}

/*****************************/
/*********** Home ************/
/*****************************/

.home .banner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: fit-content;
  margin-top: 24px;
}

@media (min-width: 1024px) {
  .home .banner {
    height: 210px;
    background-image: url(/hc/theming_assets/01J0GXDYWV6T4YCPMEZ75ZSG7E);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
  }
}

.home .categories {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media (min-width: 768px) {
  .home .categories {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.home .category {
  width: 100%;
  padding: 20px;
  border-radius: 10px;
  background: rgba(21, 50, 89, .05);
  color: #153259;
  text-decoration: none;
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
  transition: background .1s, color .1s;
}
.home .category:hover {
  background: #0086C8;
  color: white;
  transition: background .1s, color .1s;
}

.category svg {
  width: 40px;
  height: 40px;
  display: block;
  fill: rgba(21,50,89,.5);
  transition: fill .1s;
}

.category:hover svg {
  fill: white;
  transition: fill .1s;
}

.home .category .text {
  width: calc(100% - 40px - 20px);
}

.home .category .name {
  font-weight: bold;
  width: 100%;
}

.home .category .description {
  font-size: 14px;
  margin-top: 5px;
  color: rgba(21,50,89,.7);
  width: 100%;
  transition: color .2s;
}
.home .category:hover .description {
  color: white;
  transition: color .2s;
}

#all-platforms {
  display: block;
  margin-top: 10px;
  cursor: pointer;
  width: 100%;
  text-align: center;
  font-size: 14px;
}

@media (min-width: 768px) {
  .home .category,
  #all-platforms {
    width: calc(100% / 2 - 10px / 2);
    float: left;
  }
}

@media (min-width: 1024px) {
  .home .category,
  #all-platforms {
    width: calc(100% / 3 - 20px / 3);
    float: right;
  }
}

/*@media (min-width: 1280px) {
  .home .category {
    width: calc(100% / 4 - 30px / 4);
  }
}*/

/*****************************/
/******* Article page ********/
/*****************************/

.article-page .wrapper {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

@media (min-width: 1024px) {
  .article-page .wrapper {
    flex-direction: row;
    gap: 60px;
  }
}

.article-page main {
  width: 100%;
}

@media (min-width: 1024px) {
  .article-page main {
    width: 60%;
  }
}

.article-page aside {
  display: none;
}

@media (min-width: 1024px) {
  .article-page aside {
    display: block;
    width: 40%;
    height: fit-content;
    margin: 60px 0 0 0;
    padding: 0 0 0 60px;
    border-left: 1px solid #e1e3e1;
  }
}

.article-page .wrapper .material-symbols-outlined {
  position: relative;
  top: 4px;
  margin-top: -7px;
  font-size: 18px;
}

/* Collapsible */

.c-button {
  width: 100%;
  margin-top: -1px;
  position: relative;

  color: #0086C8;
  border-top: 1px solid #e1e3e1;
  border-bottom: 1px solid #e1e3e1;
  padding: 15px 30px 15px 0;

  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%230086c8"><path d="M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z"/></svg>');
  background-repeat: no-repeat;
  background-position: center right;
  background-color: white;
  transition: background-color .2s;
}

.c-button.active {
  border-bottom: none;
}

.c-button.active {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%230086c8"><path d="M480-528 296-344l-56-56 240-240 240 240-56 56-184-184Z"/></svg>');
}

.c-button:hover {
  background-color: rgba(0, 134, 200, .05);
  transition: background-color .2s;
  cursor: pointer;
}

.c-content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.2s ease-out;
  padding: 0 0 0 20px;
  position: relative;
}

.c-content:before {
  width: 7px;
  height: 100%;
  background: #f2f2f2;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
}

.c-content.active {
  padding: 17px 0 4px 20px;
  margin: 0 0 15px 0;
}

.c-content+p {
  margin-top: 20px;
}

.attachments-wrapper {
  margin-top: 20px;
}

.attachment {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  height: auto;
}

.attachment:before {
  content: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23636363"><path d="M720-330q0 104-73 177T470-80q-104 0-177-73t-73-177v-370q0-75 52.5-127.5T400-880q75 0 127.5 52.5T580-700v350q0 46-32 78t-78 32q-46 0-78-32t-32-78v-370h80v370q0 13 8.5 21.5T470-320q13 0 21.5-8.5T500-350v-350q-1-42-29.5-71T400-800q-42 0-71 29t-29 71v370q-1 71 49 120.5T470-160q70 0 119-49.5T640-330v-390h80v390Z" /></svg>');
	width 24px;
  height: 24px;
}

.attachment + .attachment {
  margin-top: 15px;
}

/* Feedback */
#feedback-form {
  position: relative;
}

.feedback {
  display: flex;
  flex-direction: column;
  margin-top: 60px;
  align-items: center;
  gap: 20px;
}

.feedback .helpful-title {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: 0;
  font-family: "Lato", sans-serif;
}

.feedback .buttons {
  display: flex;
  gap: 10px;
}

.feedback .buttons .button {
  width: 150px;
  height: 45px;
  
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;

  border: 1px solid #0086C8;
  border-radius: 10px;

  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #0086C8;
  background: white;
}

.feedback .buttons .button:hover {
  cursor: pointer;
  background: #0086C8;
  color: white;
}

.feedback .buttons .button-primary {
  cursor: pointer;
  background: #0086C8;
  color: white;
}

.feedback .buttons .button.positive-feedback:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="%230086C8"><path d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg>');
  height: 20px;
}

.feedback .buttons .button.negative-feedback:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="%230086C8"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>');
  height: 20px;
}

.feedback .buttons .button.positive-feedback:hover:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="%23ffffff"><path d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg>');
}

.feedback .buttons .button.negative-feedback:hover:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="%23ffffff"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>');
}

.feedback .buttons .button-primary.positive-feedback:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="%23ffffff"><path d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg>');
}

.feedback .buttons .button-primary.negative-feedback:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="%23ffffff"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>');
}

.feedback .article-vote-label {
  font-size: 14px;
  color: rgba(0, 0, 0, .7);
}

.feedback form {
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  display: none;
  gap: 10px;
}

.feedback form.active {
  display: block;
}

#feedback-form {
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  display: none;
  gap: 10px;
}

#feedback-form.active {
  display: block;
}

.feedback form label {
  margin-bottom: 10px;
}

.feedback form input {
  margin-top: 5px;
  float: right;
}

/*****************************/
/********** Inputs ***********/
/*****************************/

label {
  font-weight: 500;
  display: block;
  margin-bottom: 5px;
}

textarea {
  appearance: none;
  -webkit-appearance: none;
  outline: none;

  width: 100%;
  height: 200px;
  padding: 20px;

  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 1.5rem;

  border: 1px solid #87929D;
  border-radius: 10px;

  resize: vertical;
}

textarea:focus {
  border-color: #0086C8;
}

input[type="text"] {
  appearance: none;
  -webkit-appearance: none;
  outline: none;

  width: 100%;
  height: 45px;
  padding: 0 20px;

  font-family: "Roboto", sans-serif;
  font-size: 16px;

  border: 1px solid #87929D;
  border-radius: 10px;
}

input[type='text']:focus {
  border-color: #0086C8;
}

form.search input[type='search'] {
  appearance: none;
  -webkit-appearance: none;
  outline: none;

  width: 100%;
  height: 100%;
  padding: 0 60px 0 20px;

  font-family: "Roboto", sans-serif;
  font-size: 16px;

  border: 1px solid #87929D;
  border-radius: 10px;

  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" focusable="false" viewBox="0 0 12 12" class="search-icon" aria-hidden="true"><circle cx="4.5" cy="4.5" r="4" fill="none" stroke="grey"/><path stroke="grey" stroke-linecap="round" d="M11 11L7.5 7.5"/></svg>');
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-color: white;
}

form.search:focus-within>input[type='search'] {
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" focusable="false" viewBox="0 0 12 12" class="search-icon" aria-hidden="true"><circle cx="4.5" cy="4.5" r="4" fill="none" stroke="%230086C8"/><path stroke="%230086C8" stroke-linecap="round" d="M11 11L7.5 7.5"/></svg>');
  border-color: #0086C8;
}

form.search input[type='search']::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

form.search input[type='search']::-ms-clear {
  display: none;
}

/* Invisible search bar submit button */
form.search input[type='submit'] {
  width: 60px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
}

.home form.search input[type='submit'] {
  height: 60px;
}

.breadcrumbs form.search input[type='submit'] {
  height: 40px;
}

form.search {
  width: 100%;
  position: relative;
}

.home form.search {
  max-width: 500px;
  height: 60px;
}

.breadcrumbs form.search {
  max-width: 100%;
  height: 40px;
}

@media (min-width: 1024px) {
  .breadcrumbs form.search {
    max-width: 250px;
    transition: max-width .2s;
  }

  .breadcrumbs form.search:focus-within {
    max-width: 400px;
    transition: max-width .2s;
  }
}

input[type='submit'] {
  appearance: none;
  -webkit-appearance: none;

  position: relative;
  width: 100%;
  height: 45px;
  padding: 0 30px 0 50px;

  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: white;

  background-color: #0086C8;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23e8eaed"><path d="M120-160v-640l760 320-760 320Zm80-120 474-200-474-200v140l240 60-240 60v140Zm0 0v-400 400Z"/></svg>');
  background-repeat: no-repeat;
  background-position: center left 15px;
  background-size: 20px;

  border: none;
  border-radius: 10px;

  cursor: pointer;
  transition: background .2s;
}

@media (min-width: 768px) {
  input[type='submit'] {
    width: fit-content;
  }
}

input[type='submit']:hover {
  background-color: #006090;
  transition: background-color .2s;
}

.pagination ul {
  list-style-type: none;
  display: flex;
  gap: 15px;
  padding: 0;
  margin: 0;
}

.pagination li {
  padding: 0;
  margin: 0;
}

#thank-you {
  width: 100%;
  padding: 30px;
  background: rgba(66, 199, 0, .05);
  border-radius: 10px;
  margin-top: 15px;
  text-align: center;
  border: 1px solid rgba(66, 199, 0, 1);
  display: none;
  line-height: 2rem;
}

#error {
  width: 100%;
  padding: 30px;
  background: rgba(199, 0, 0, .05);
  border-radius: 10px;
  margin-top: 15px;
  text-align: center;
  border: 1px solid rgba(199, 0, 0, 1);
  display: none;
  line-height: 2rem;
}

#empty {
  width: 100%;
  padding: 15px 30px;
  background: rgba(199, 0, 0, .05);
  border-radius: 10px;
  text-align: center;
  border: 1px solid rgba(199, 0, 0, 1);
  display: none;
  line-height: 2rem;
}

#new_request {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

#new_request .form-field+#new_request .form-field {
  margin-top: 15px;
}

#new_request #request_description_hint {
  font-style: italic;
  margin-top: 5px;
}

#new_request .optional:before {
  content: " ";
}

#new_request #upload-dropzone {
  border-radius: 10px;
  margin-top: 5px;
  height: font-content;
  border: 1px solid #ddd;
}

#new_request #upload-dropzone input {
  height: 45px;
}

#new_request #upload-dropzone span {
  font-size: 16px;
  color: #1f1f1f;
}

#new_request #upload-dropzone a {
  font-size: 16px;
}

#new_request .notification-error {
  color: #c70000;
  margin-top: 5px;
}

/* Seachbox uggests articles when submitting a request */
.searchbox {
  margin: 30px 0;
  border-radius: 10px;
  position: relative;
}

.searchbox-suggestions ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
}

.searchbox-suggestions li {
  padding: 0;
  margin: 0;
  width: fit-content;
}

.searchbox-suggestions ul li a {
  color: #1f1f1f;
  display: flex;
  align-items: center;
  gap: 7.5px;
  line-height: 1.5rem;
}

.searchbox-suggestions ul li a:hover {
  color: #0086C8;
  text-decoration: underline;
}

.searchbox-suggestions ul li a:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%230086c8"><path d="M280-280h280v-80H280v80Zm0-160h400v-80H280v80Zm0-160h400v-80H280v80Zm-80 480q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0-560v560-560Z" /></svg>');
  line-height: 16px;
}

/* Tooltip*/

[data-tooltip] {
  cursor: help;
  position: relative;
  display: inline-block;
  
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

[data-tooltip]::before {
  content: "";
  position: absolute;
  top: calc(1.6rem + 2px);
  left: 50%;
  transform: translateX(-50%);
  
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #153259;
  
  opacity: 0;
  transition: opacity .2s;
}

[data-tooltip]::after {
	content: attr(data-tooltip);
  position: absolute;
  width: 300px; /* Changing this also needs changing in the JS function */
  top: calc(1.6rem + 8px);
  left: 50%;
  transform: translateX(-50%);  
  z-index: 10;
  margin-left: var(--correction);
  
  background-color: #153259;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 1.5rem;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  pointer-events: none;
  
  opacity: 0;
  transition: opacity .2s;
}

[data-tooltip]:hover::before,
[data-tooltip]:hover::after {
	opacity: 1;
}

/* Table of contents */

#toc {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#toc li {
  padding: 0;
  margin: 0;
}

#toc li + li {
  margin-top: 10px;
}


/* ICONS */

span.source-code {
  display: inline-block;
  width: 32px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="22px" height="14px" viewBox="0 0 22 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(0.000000, -1.000000)" fill="%23000000"><path d="M12.7549045,1.15015984 L14.6026636,1.9155267 L9.24509551,14.8498402 L7.39733644,14.0844733 L12.7549045,1.15015984 Z M0.757359313,8 L5,3.75735931 L6.41421356,5.17157288 L3.58578644,8 L6.41421356,10.8284271 L5,12.2426407 L0.757359313,8 Z M21.2426407,8 L17,12.2426407 L15.5857864,10.8284271 L18.4142136,8 L15.5857864,5.17157288 L17,3.75735931 L21.2426407,8 Z"></path></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.recorder-menu {
  display: inline-block;
  width: 36px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="24px" height="12px" viewBox="0 0 24 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-1.000000, -1.000000)" fill="%23000000"><path d="M6,8 L6,13 L1,13 L1,8 L6,8 Z M17,11 L17,13 L8,13 L8,11 L17,11 Z M22,9 L25,13 L19,13 L22,9 Z M4,10 L3,10 L3,11 L4,11 L4,10 Z M17,8 L17,10 L8,10 L8,8 L17,8 Z M6,1 L6,6 L1,6 L1,1 L6,1 Z M17,4 L17,6 L8,6 L8,4 L17,4 Z M4,3 L3,3 L3,4 L4,4 L4,3 Z M17,1 L17,3 L8,3 L8,1 L17,1 Z"></path></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.recorder-settings {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-1.000000, -1.000000)" fill="%23000000" fill-rule="nonzero"><g transform="translate(1.000000, 1.000000)"><path d="M5.08457711,14 L4.80597015,11.76 C4.65505804,11.7016667 4.5128524,11.6316667 4.37935323,11.55 C4.24585406,11.4683333 4.11525705,11.3808333 3.98756219,11.2875 L1.91542289,12.1625 L0,8.8375 L1.79353234,7.4725 C1.78192371,7.39083333 1.7761194,7.31208333 1.7761194,7.23625 L1.7761194,6.76375 C1.7761194,6.68791667 1.78192371,6.60916667 1.79353234,6.5275 L0,5.1625 L1.91542289,1.8375 L3.98756219,2.7125 C4.11525705,2.61916667 4.24875622,2.53166667 4.3880597,2.45 C4.52736318,2.36833333 4.66666667,2.29833333 4.80597015,2.24 L5.08457711,0 L8.91542289,0 L9.19402985,2.24 C9.34494196,2.29833333 9.4871476,2.36833333 9.62064677,2.45 C9.75414594,2.53166667 9.88474295,2.61916667 10.0124378,2.7125 L12.0845771,1.8375 L14,5.1625 L12.2064677,6.5275 C12.2180763,6.60916667 12.2238806,6.68791667 12.2238806,6.76375 L12.2238806,7.23625 C12.2238806,7.31208333 12.212272,7.39083333 12.1890547,7.4725 L13.9825871,8.8375 L12.0671642,12.1625 L10.0124378,11.2875 C9.88474295,11.3808333 9.75124378,11.4683333 9.6119403,11.55 C9.47263682,11.6316667 9.33333333,11.7016667 9.19402985,11.76 L8.91542289,14 L5.08457711,14 Z M6.30348259,12.6 L7.67910448,12.6 L7.92288557,10.745 C8.2827529,10.6516667 8.61650083,10.5145833 8.92412935,10.33375 C9.23175788,10.1529167 9.513267,9.93416667 9.76865672,9.6775 L11.4925373,10.395 L12.1716418,9.205 L10.6741294,8.0675 C10.7321725,7.90416667 10.7728027,7.73208333 10.7960199,7.55125 C10.8192371,7.37041667 10.8308458,7.18666667 10.8308458,7 C10.8308458,6.81333333 10.8192371,6.62958333 10.7960199,6.44875 C10.7728027,6.26791667 10.7321725,6.09583333 10.6741294,5.9325 L12.1716418,4.795 L11.4925373,3.605 L9.76865672,4.34 C9.513267,4.07166667 9.23175788,3.84708333 8.92412935,3.66625 C8.61650083,3.48541667 8.2827529,3.34833333 7.92288557,3.255 L7.69651741,1.4 L6.32089552,1.4 L6.07711443,3.255 C5.7172471,3.34833333 5.38349917,3.48541667 5.07587065,3.66625 C4.76824212,3.84708333 4.486733,4.06583333 4.23134328,4.3225 L2.50746269,3.605 L1.82835821,4.795 L3.32587065,5.915 C3.26782753,6.09 3.22719735,6.265 3.2039801,6.44 C3.18076285,6.615 3.16915423,6.80166667 3.16915423,7 C3.16915423,7.18666667 3.18076285,7.3675 3.2039801,7.5425 C3.22719735,7.7175 3.26782753,7.8925 3.32587065,8.0675 L1.82835821,9.205 L2.50746269,10.395 L4.23134328,9.66 C4.486733,9.92833333 4.76824212,10.1529167 5.07587065,10.33375 C5.38349917,10.5145833 5.7172471,10.6516667 6.07711443,10.745 L6.30348259,12.6 Z M7.03482587,9.45 C7.70812604,9.45 8.2827529,9.21083333 8.75870647,8.7325 C9.23466003,8.25416667 9.47263682,7.67666667 9.47263682,7 C9.47263682,6.32333333 9.23466003,5.74583333 8.75870647,5.2675 C8.2827529,4.78916667 7.70812604,4.55 7.03482587,4.55 C6.34991708,4.55 5.77238806,4.78916667 5.30223881,5.2675 C4.83208955,5.74583333 4.59701493,6.32333333 4.59701493,7 C4.59701493,7.67666667 4.83208955,8.25416667 5.30223881,8.7325 C5.77238806,9.21083333 6.34991708,9.45 7.03482587,9.45 Z"></path></g></g></g></svg>');
  background-color: rgba(21, 50, 89, .075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.recorder-edit {
  display: inline-block;
  width: 26px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="16px" height="14px" viewBox="0 0 16 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-3.000000, -1.000000)" fill="%23000000"><path d="M15,1 L15,5.585 L16.8284271,3.75735931 L18.2426407,5.17157288 L11.8786797,11.5355339 L10.4644661,10.1213203 L13,7.585 L13,3 L5,3 L5,13 L6,12.999 L6,12 L8,12 L8,12.999 L11,13 L11,15 L3,15 L3,1 L15,1 Z M10,10.5857864 L11.4142136,12 L9.29289322,12.7071068 L10,10.5857864 Z M9,10 L9,11 L6,11 L6,10 L9,10 Z M10,8 L10,9 L6,9 L6,8 L10,8 Z M12,6 L12,7 L6,7 L6,6 L12,6 Z M12,4 L12,5 L6,5 L6,4 L12,4 Z"></path></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.recorder-search {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-2.000000, -1.000000)" stroke="%23000000" stroke-width="2"><path d="M7,2 C8.1045695,2 9.1045695,2.44771525 9.82842712,3.17157288 C10.5522847,3.8954305 11,4.8954305 11,6 C11,7.23143657 10.4438571,8.33309869 9.5680491,9.06659686 L9.5680491,9.06659686 L13.9749741,13.4747734 L9.56728495,9.06725983 C8.87280617,9.65016822 7.97720841,10 7,10 C5.8954305,10 4.8954305,9.55228475 4.17157288,8.82842712 C3.44771525,8.1045695 3,7.1045695 3,6 C3,4.8954305 3.44771525,3.8954305 4.17157288,3.17157288 C4.8954305,2.44771525 5.8954305,2 7,2 Z"></path></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.recorder-ptz {
  display: inline-block;
  width: 23px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="15px" height="16px" viewBox="0 0 15 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-188.000000, -11.000000)"><path d="M195.5,13 C197.156854,13 198.656854,13.6715729 199.742641,14.7573593 C200.828427,15.8431458 201.5,17.3431458 201.5,19 C201.5,19.7064135 201.378108,20.3843748 201.153933,21.0138445 L201.153933,21.0138445 L189.859526,21.0512314 C189.626779,20.4112492 189.5,19.7204207 189.5,19 C189.5,17.3431458 190.171573,15.8431458 191.257359,14.7573593 C192.343146,13.6715729 193.843146,13 195.5,13 Z" stroke="%23000000" stroke-width="2"></path><path d="M199.975533,21.0272431 C199.991715,21.1826178 200,21.3403407 200,21.5 C200,22.7426407 199.49632,23.8676407 198.681981,24.6819805 C197.867641,25.4963203 196.742641,26 195.5,26 C194.257359,26 193.132359,25.4963203 192.318019,24.6819805 C191.50368,23.8676407 191,22.7426407 191,21.5 L191,21.5 Z" stroke="%23000000" stroke-width="2"></path><rect stroke="%23000000" stroke-width="2" x="193" y="12" width="5" height="1"></rect><circle fill="%23000000" cx="195.5" cy="22.5" r="1"></circle></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.recorder-play {
  display: inline-block;
  width: 23px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="13px" height="14px" viewBox="0 0 13 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-103.000000, -12.000000)" stroke="%23000000"><g transform="translate(103.000000, 12.000000)"><path d="M1.99842479,0.499997519 L2.87715728,0.502765909 L10.7114261,5.98830396 L11.5222955,6.57552859 L11.5222955,7.43696777 L2.8731504,13.499937 L1.99899784,13.498001 L1.20846006,13.4995855 L0.5,12.7930044 L0.5,1.20983639 L1.2122234,0.5 L1.99842479,0.499997519 Z M1.5,0.75953659 L1.5,13.2393591 L10.4128082,7.00003879 L1.5,0.75953659 Z"></path></g></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.recorder-cut {
  display: inline-block;
  width: 26px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="16px" height="14px" viewBox="0 0 16 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-123.000000, -12.000000)" fill="%23000000" fill-rule="nonzero"><g transform="translate(131.000000, 19.000000) rotate(-90.000000) translate(-131.000000, -19.000000) translate(124.000000, 11.000000)"><path d="M14,12.9963262 L11.4887076,12.9963262 L8,9.52083333 L6.1875,11.3541667 C6.29861111,11.5763889 6.37847222,11.8045139 6.42708333,12.0385417 C6.47569444,12.2727083 6.5,12.5068056 6.5,12.7408333 C6.5,13.6497222 6.1875,14.4201389 5.5625,15.0520833 C4.9375,15.6840278 4.16666667,16 3.25,16 C2.35625,16 1.59111111,15.6840278 0.954583333,15.0520833 C0.318194444,14.4201389 0,13.6527778 0,12.75 C0,11.8472222 0.315972222,11.0798611 0.947916667,10.4479167 C1.57986111,9.81597222 2.35027778,9.5 3.25916667,9.5 C3.49319444,9.5 3.72729167,9.52777778 3.96145833,9.58333333 C4.19548611,9.63888889 4.42361111,9.72222222 4.64583333,9.83333333 L6.47916667,8.02083333 L4.64583333,6.1875 C4.42361111,6.29861111 4.19548611,6.37847222 3.96145833,6.42708333 C3.72729167,6.47569444 3.49319444,6.5 3.25916667,6.5 C2.35027778,6.5 1.57986111,6.18402778 0.947916667,5.55208333 C0.315972222,4.92013889 0,4.15277778 0,3.25 C0,2.34722222 0.315972222,1.57986111 0.947916667,0.947916667 C1.57986111,0.315972222 2.34722222,0 3.25,0 C4.15277778,0 4.92013889,0.315972222 5.55208333,0.947916667 C6.18402778,1.57986111 6.5,2.35027778 6.5,3.25916667 C6.5,3.49319444 6.47569444,3.72729167 6.42708333,3.96145833 C6.37847222,4.19548611 6.29861111,4.42361111 6.1875,4.64583333 C7.67319815,6.12522278 8.78747176,7.23476487 9.53032083,7.9744596 C10.6114888,9.0510366 12.0991807,10.5324113 13.9933965,12.4185837 L14,12.9963262 Z M8.39583333,9.16666667 L6.85416667,7.625 L11.5,3 L14,3 L14,3.58333333 L8.39583333,9.16666667 Z M3.25520833,5 C3.73784722,5 4.14930556,4.828125 4.48958333,4.484375 C4.82986111,4.140625 5,3.72743056 5,3.24479167 C5,2.76215278 4.828125,2.35069444 4.484375,2.01041667 C4.140625,1.67013889 3.72743056,1.5 3.24479167,1.5 C2.76215278,1.5 2.35069444,1.671875 2.01041667,2.015625 C1.67013889,2.359375 1.5,2.77256944 1.5,3.25520833 C1.5,3.73784722 1.671875,4.14930556 2.015625,4.48958333 C2.359375,4.82986111 2.77256944,5 3.25520833,5 Z M3.25520833,14.5 C3.73784722,14.5 4.14930556,14.328125 4.48958333,13.984375 C4.82986111,13.640625 5,13.2274306 5,12.7447917 C5,12.2621528 4.828125,11.8506944 4.484375,11.5104167 C4.140625,11.1701389 3.72743056,11 3.24479167,11 C2.76215278,11 2.35069444,11.171875 2.01041667,11.515625 C1.67013889,11.859375 1.5,12.2725694 1.5,12.7552083 C1.5,13.2378472 1.671875,13.6493056 2.015625,13.9895833 C2.359375,14.3298611 2.77256944,14.5 3.25520833,14.5 Z"></path></g></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.recorder-save {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-150.000000, -12.000000)" fill="%23000000" fill-rule="nonzero"><g transform="translate(150.000000, 12.000000)"><path d="M9.98218155,2 L2,2 L2,12 L12,12 L12,3.98874378 L9.98218155,2 Z M9,9 L11,9 L11,11 L9,11 L9,9 Z M3,3 L10,3 L10,6 L3,6 L3,3 Z M0,0 L11.010582,0 L14,3.02428341 L14,14 L0,14 L0,0 Z"></path></g></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.recorder-delete {
  display: inline-block;
  width: 26px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="15px" height="14px" viewBox="0 0 15 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Artboard" transform="translate(-240.000000, -12.000000)" stroke="%23000000"><rect id="Rectangle" x="242.5" y="14.5" width="1" height="11"></rect><rect id="Rectangle-Copy-9" x="251.5" y="14.5" width="1" height="11"></rect><rect id="Rectangle" x="243.5" y="24.5" width="9" height="1"></rect><rect id="Rectangle" x="240.5" y="14.5" width="14" height="1"></rect><rect id="Rectangle" x="245.5" y="17.5" width="1" height="5"></rect><rect id="Rectangle-Copy-11" x="248.5" y="17.5" width="1" height="5"></rect><rect id="Rectangle" x="245.5" y="12.5" width="4" height="1"></rect></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.pc-remote-setting {
  display: inline-block;
  width: 28px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="20px" height="16px" viewBox="0 0 20 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Artboard" transform="translate(-228.000000, -11.000000)"><g id="Group-2" transform="translate(228.000000, 11.000000)"><path d="M16.9446855,7 L17.1203905,8.44120941 L17.2765727,8.52183651 L18.5553145,7.9675252 L20,10.5677492 L18.8872017,11.4244121 L18.8872017,11.5050392 C18.8872017,11.5155207 18.8855748,11.5289586 18.882321,11.5453527 C18.8790672,11.5617469 18.8774403,11.5751848 18.8774403,11.5856663 L19.9902386,12.4322508 L18.5260304,15.06271 L17.2375271,14.4983203 C17.2180043,14.5050392 17.1984816,14.5167973 17.1789588,14.5335946 C17.159436,14.5503919 17.143167,14.5621501 17.1301518,14.568869 L16.9446855,16 L14.0553145,16 L13.8698482,14.5789474 C13.8503254,14.5655095 13.8297939,14.5519037 13.8082538,14.5381299 C13.7867137,14.5244233 13.7649458,14.5111534 13.7429501,14.4983203 L12.4446855,15.06271 L11,12.4322508 L12.0932755,11.5755879 C12.0932755,11.5626204 12.0949024,11.5491825 12.0981562,11.5352744 C12.10141,11.5213662 12.1030369,11.5062486 12.1030369,11.4899216 C12.1030369,11.4770885 12.10141,11.4670101 12.0981562,11.4596865 C12.0949024,11.4523628 12.0932755,11.4406047 12.0932755,11.4244121 L11,10.5677492 L12.4446855,7.9675252 L13.7429501,8.51175812 C13.7682646,8.50201568 13.7924729,8.49116461 13.8155748,8.47920493 C13.8387419,8.46731243 13.8600868,8.45464726 13.8796095,8.44120941 L14.0553145,7 L16.9446855,7 Z M15.5,10 C14.6715729,10 14,10.6715729 14,11.5 C14,12.3284271 14.6715729,13 15.5,13 C16.3284271,13 17,12.3284271 17,11.5 C17,10.6715729 16.3284271,10 15.5,10 Z" id="Path-2" fill="%23000000" fill-rule="nonzero"></path><path d="M2.7890678,1.11457627 L3.00376032,1.89204808 L1.76078665,3.5 L1,3.5 L2.7890678,1.11457627 Z" id="Rectangle" stroke="%23000000"></path><rect id="Rectangle" stroke="%23000000" x="2.5" y="10.5" width="6" height="1"></rect><rect id="Rectangle" stroke="%23000000" x="0.5" y="5.5" width="1" height="6"></rect><rect id="Rectangle" stroke="%23000000" x="0.5" y="4.5" width="17" height="1"></rect><path d="M15.2098111,1.11308153 L17,3.5 L16.2445555,3.5 L14.9936317,1.89152428 L15.2098111,1.11308153 Z" id="Rectangle" stroke="%23000000"></path><rect id="Rectangle-Copy-10" stroke="%23000000" x="3.5" y="0.5" width="11" height="1"></rect></g></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.pc-remote-setting-old {
  display: inline-block;
  width: 30px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="20px" height="14px" viewBox="0 0 20 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-2.000000, -1.000000)" fill="%23000000"><path d="M22,1 L22,14 L2,14 L2,1 L22,1 Z M20,3 L4,3 L4,12 L20,12 L20,3 Z M8,14 L8,15 L5,15 L5,14 L8,14 Z M19,14 L19,15 L16,15 L16,14 L19,14 Z M9,5 L9,10 L6,10 L6,5 L9,5 Z M12,8 L12,10 L10,10 L10,8 L12,8 Z M15,8 L15,10 L13,10 L13,8 L15,8 Z M18,8 L18,10 L16,10 L16,8 L18,8 Z M8,6 L7,6 L7,9 L8,9 L8,6 Z M12,5 L12,7 L10,7 L10,5 L12,5 Z M15,5 L15,7 L13,7 L13,5 L15,5 Z M18,5 L18,7 L16,7 L16,5 L18,5 Z"></path></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.pc-playback {
  display: inline-block;
  width: 22px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="16px" height="18px" viewBox="0 0 16 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-272.000000, -9.000000)" stroke="%23000000"><g transform="translate(273.000000, 9.248237)"><path d="M7,16.7517627 C10.8659932,16.7517627 14,13.617756 14,9.75176274 C14,5.88576949 10.8659932,2.75176274 7,2.75176274 C3.13400675,2.75176274 0,5.88576949 0,9.75176274" stroke-width="2" transform="translate(7.000000, 9.751763) rotate(90.000000) translate(-7.000000, -9.751763) "></path><path d="M6.5,2.24714266 L6.5,3.25176274 L5.5,3.25176274 L5.5,2.24714266 L6.5,2.24714266 Z"></path><path d="M8,8.8853173 L9.23380962,10.9416667 L6.76619038,10.9416667 L8,8.8853173 Z" stroke-width="2" fill="%23D8D8D8" transform="translate(8.000000, 9.441667) rotate(90.000000) translate(-8.000000, -9.441667) "></path><path d="M4.625,2.40231027 L5.34131461,3.53333333 L3.90868539,3.53333333 L4.625,2.40231027 Z" stroke-width="2" fill="%23D8D8D8" transform="translate(4.625000, 2.533333) rotate(-90.000000) translate(-4.625000, -2.533333) "></path></g></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.pc-edit {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-2.000000, -1.000000)" fill="%23000000"><path d="M4,10.1715729 L6.82842712,13 L2.58578644,14.4142136 L4,10.1715729 Z M13.1213203,1.05025253 L15.9497475,3.87867966 L8.17157288,11.6568542 L5.34314575,8.82842712 L13.1213203,1.05025253 Z"></path></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.pc-camera-settings {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g fill="%23000000"><path d="M8,11 C9.65685425,11 11,9.65685425 11,8 C11,6.34314575 9.65685425,5 8,5 C6.34314575,5 5,6.34314575 5,8 C5,9.65685425 6.34314575,11 8,11 Z M13.7071068,9.70710678 L13.7071068,13.7071068 L9.70710678,13.7071068 L9.70710678,11.7071068 L11.7071068,11.7071068 L11.7071068,9.70710678 L13.7071068,9.70710678 Z M4.29289322,9.70710678 L4.29289322,11.7071068 L6.29289322,11.7071068 L6.29289322,13.7071068 L2.29289322,13.7071068 L2.29289322,9.70710678 L4.29289322,9.70710678 Z M8,7 C8.55228475,7 9,7.44771525 9,8 C9,8.55228475 8.55228475,9 8,9 C7.44771525,9 7,8.55228475 7,8 C7,7.44771525 7.44771525,7 8,7 Z M6.29289322,2.29289322 L6.29289322,4.29289322 L4.29289322,4.29289322 L4.29289322,6.29289322 L2.29289322,6.29289322 L2.29289322,2.29289322 L6.29289322,2.29289322 Z M13.7071068,2.29289322 L13.7071068,6.29289322 L11.7071068,6.29289322 L11.7071068,4.29289322 L9.70710678,4.29289322 L9.70710678,2.29289322 L13.7071068,2.29289322 Z" transform="translate(8.000000, 8.000000) rotate(45.000000) translate(-8.000000, -8.000000) "></path></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.pc-zoom {
  display: inline-block;
  width: 31px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-2.000000, -1.000000)" stroke="%23000000" stroke-width="2"><path d="M7.5,2 C8.74264069,2 9.86764069,2.50367966 10.6819805,3.31801948 C11.4963203,4.13235931 12,5.25735931 12,6.5 C12,7.86970049 11.3883309,9.09664647 10.422416,9.92178702 L10.422416,9.92178702 L13.9749259,13.4748215 L10.4217243,9.92238717 C9.6357735,10.5949014 8.61514321,11 7.5,11 C6.25735931,11 5.13235931,10.4963203 4.31801948,9.68198052 C3.50367966,8.86764069 3,7.74264069 3,6.5 C3,5.25735931 3.50367966,4.13235931 4.31801948,3.31801948 C5.13235931,2.50367966 6.25735931,2 7.5,2 L7.5,2 Z"></path></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.pc-focus {
  display: inline-block;
  width: 31px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="21px" height="14px" viewBox="0 0 21 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-1.000000, -1.000000)" stroke="%23000000" stroke-width="2"><path d="M16.7856053,7.37443428 L19.8617608,14 L13.708,14 L16.7856053,7.37443428 Z M7.50000291,3.37466282 L12.432,14 L2.56681065,14 L7.50000291,3.37466282 Z"></path></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.pc-select {
  display: inline-block;
  width: 34px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="13px" height="3px" viewBox="0 0 13 3" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-1.000000, -7.000000)" fill="%23000000"><path d="M7.5,10 C8.32842712,10 9,9.32842712 9,8.5 C9,7.67157288 8.32842712,7 7.5,7 C6.67157288,7 6,7.67157288 6,8.5 C6,9.32842712 6.67157288,10 7.5,10 Z M2.5,10 C3.32842712,10 4,9.32842712 4,8.5 C4,7.67157288 3.32842712,7 2.5,7 C1.67157288,7 1,7.67157288 1,8.5 C1,9.32842712 1.67157288,10 2.5,10 Z M12.5,10 C13.3284271,10 14,9.32842712 14,8.5 C14,7.67157288 13.3284271,7 12.5,7 C11.6715729,7 11,7.67157288 11,8.5 C11,9.32842712 11.6715729,10 12.5,10 Z"></path></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.pc-play {
  display: inline-block;
  width: 23px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="13px" height="14px" viewBox="0 0 13 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-103.000000, -12.000000)" stroke="%23000000"><g transform="translate(103.000000, 12.000000)"><path d="M1.99842479,0.499997519 L2.87715728,0.502765909 L10.7114261,5.98830396 L11.5222955,6.57552859 L11.5222955,7.43696777 L2.8731504,13.499937 L1.99899784,13.498001 L1.20846006,13.4995855 L0.5,12.7930044 L0.5,1.20983639 L1.2122234,0.5 L1.99842479,0.499997519 Z M1.5,0.75953659 L1.5,13.2393591 L10.4128082,7.00003879 L1.5,0.75953659 Z"></path></g></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.pc-cut {
  display: inline-block;
  width: 26px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="16px" height="14px" viewBox="0 0 16 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-123.000000, -12.000000)" fill="%23000000" fill-rule="nonzero"><g transform="translate(131.000000, 19.000000) rotate(-90.000000) translate(-131.000000, -19.000000) translate(124.000000, 11.000000)"><path d="M14,12.9963262 L11.4887076,12.9963262 L8,9.52083333 L6.1875,11.3541667 C6.29861111,11.5763889 6.37847222,11.8045139 6.42708333,12.0385417 C6.47569444,12.2727083 6.5,12.5068056 6.5,12.7408333 C6.5,13.6497222 6.1875,14.4201389 5.5625,15.0520833 C4.9375,15.6840278 4.16666667,16 3.25,16 C2.35625,16 1.59111111,15.6840278 0.954583333,15.0520833 C0.318194444,14.4201389 0,13.6527778 0,12.75 C0,11.8472222 0.315972222,11.0798611 0.947916667,10.4479167 C1.57986111,9.81597222 2.35027778,9.5 3.25916667,9.5 C3.49319444,9.5 3.72729167,9.52777778 3.96145833,9.58333333 C4.19548611,9.63888889 4.42361111,9.72222222 4.64583333,9.83333333 L6.47916667,8.02083333 L4.64583333,6.1875 C4.42361111,6.29861111 4.19548611,6.37847222 3.96145833,6.42708333 C3.72729167,6.47569444 3.49319444,6.5 3.25916667,6.5 C2.35027778,6.5 1.57986111,6.18402778 0.947916667,5.55208333 C0.315972222,4.92013889 0,4.15277778 0,3.25 C0,2.34722222 0.315972222,1.57986111 0.947916667,0.947916667 C1.57986111,0.315972222 2.34722222,0 3.25,0 C4.15277778,0 4.92013889,0.315972222 5.55208333,0.947916667 C6.18402778,1.57986111 6.5,2.35027778 6.5,3.25916667 C6.5,3.49319444 6.47569444,3.72729167 6.42708333,3.96145833 C6.37847222,4.19548611 6.29861111,4.42361111 6.1875,4.64583333 C7.67319815,6.12522278 8.78747176,7.23476487 9.53032083,7.9744596 C10.6114888,9.0510366 12.0991807,10.5324113 13.9933965,12.4185837 L14,12.9963262 Z M8.39583333,9.16666667 L6.85416667,7.625 L11.5,3 L14,3 L14,3.58333333 L8.39583333,9.16666667 Z M3.25520833,5 C3.73784722,5 4.14930556,4.828125 4.48958333,4.484375 C4.82986111,4.140625 5,3.72743056 5,3.24479167 C5,2.76215278 4.828125,2.35069444 4.484375,2.01041667 C4.140625,1.67013889 3.72743056,1.5 3.24479167,1.5 C2.76215278,1.5 2.35069444,1.671875 2.01041667,2.015625 C1.67013889,2.359375 1.5,2.77256944 1.5,3.25520833 C1.5,3.73784722 1.671875,4.14930556 2.015625,4.48958333 C2.359375,4.82986111 2.77256944,5 3.25520833,5 Z M3.25520833,14.5 C3.73784722,14.5 4.14930556,14.328125 4.48958333,13.984375 C4.82986111,13.640625 5,13.2274306 5,12.7447917 C5,12.2621528 4.828125,11.8506944 4.484375,11.5104167 C4.140625,11.1701389 3.72743056,11 3.24479167,11 C2.76215278,11 2.35069444,11.171875 2.01041667,11.515625 C1.67013889,11.859375 1.5,12.2725694 1.5,12.7552083 C1.5,13.2378472 1.671875,13.6493056 2.015625,13.9895833 C2.359375,14.3298611 2.77256944,14.5 3.25520833,14.5 Z"></path></g></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.pc-save {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-150.000000, -12.000000)" fill="%23000000" fill-rule="nonzero"><g transform="translate(150.000000, 12.000000)"><path d="M9.98218155,2 L2,2 L2,12 L12,12 L12,3.98874378 L9.98218155,2 Z M9,9 L11,9 L11,11 L9,11 L9,9 Z M3,3 L10,3 L10,6 L3,6 L3,3 Z M0,0 L11.010582,0 L14,3.02428341 L14,14 L0,14 L0,0 Z"></path></g></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.pc-settings {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-1.000000, -1.000000)" fill="%23000000" fill-rule="nonzero"><g transform="translate(1.000000, 1.000000)"><path d="M5.08457711,14 L4.80597015,11.76 C4.65505804,11.7016667 4.5128524,11.6316667 4.37935323,11.55 C4.24585406,11.4683333 4.11525705,11.3808333 3.98756219,11.2875 L1.91542289,12.1625 L0,8.8375 L1.79353234,7.4725 C1.78192371,7.39083333 1.7761194,7.31208333 1.7761194,7.23625 L1.7761194,6.76375 C1.7761194,6.68791667 1.78192371,6.60916667 1.79353234,6.5275 L0,5.1625 L1.91542289,1.8375 L3.98756219,2.7125 C4.11525705,2.61916667 4.24875622,2.53166667 4.3880597,2.45 C4.52736318,2.36833333 4.66666667,2.29833333 4.80597015,2.24 L5.08457711,0 L8.91542289,0 L9.19402985,2.24 C9.34494196,2.29833333 9.4871476,2.36833333 9.62064677,2.45 C9.75414594,2.53166667 9.88474295,2.61916667 10.0124378,2.7125 L12.0845771,1.8375 L14,5.1625 L12.2064677,6.5275 C12.2180763,6.60916667 12.2238806,6.68791667 12.2238806,6.76375 L12.2238806,7.23625 C12.2238806,7.31208333 12.212272,7.39083333 12.1890547,7.4725 L13.9825871,8.8375 L12.0671642,12.1625 L10.0124378,11.2875 C9.88474295,11.3808333 9.75124378,11.4683333 9.6119403,11.55 C9.47263682,11.6316667 9.33333333,11.7016667 9.19402985,11.76 L8.91542289,14 L5.08457711,14 Z M6.30348259,12.6 L7.67910448,12.6 L7.92288557,10.745 C8.2827529,10.6516667 8.61650083,10.5145833 8.92412935,10.33375 C9.23175788,10.1529167 9.513267,9.93416667 9.76865672,9.6775 L11.4925373,10.395 L12.1716418,9.205 L10.6741294,8.0675 C10.7321725,7.90416667 10.7728027,7.73208333 10.7960199,7.55125 C10.8192371,7.37041667 10.8308458,7.18666667 10.8308458,7 C10.8308458,6.81333333 10.8192371,6.62958333 10.7960199,6.44875 C10.7728027,6.26791667 10.7321725,6.09583333 10.6741294,5.9325 L12.1716418,4.795 L11.4925373,3.605 L9.76865672,4.34 C9.513267,4.07166667 9.23175788,3.84708333 8.92412935,3.66625 C8.61650083,3.48541667 8.2827529,3.34833333 7.92288557,3.255 L7.69651741,1.4 L6.32089552,1.4 L6.07711443,3.255 C5.7172471,3.34833333 5.38349917,3.48541667 5.07587065,3.66625 C4.76824212,3.84708333 4.486733,4.06583333 4.23134328,4.3225 L2.50746269,3.605 L1.82835821,4.795 L3.32587065,5.915 C3.26782753,6.09 3.22719735,6.265 3.2039801,6.44 C3.18076285,6.615 3.16915423,6.80166667 3.16915423,7 C3.16915423,7.18666667 3.18076285,7.3675 3.2039801,7.5425 C3.22719735,7.7175 3.26782753,7.8925 3.32587065,8.0675 L1.82835821,9.205 L2.50746269,10.395 L4.23134328,9.66 C4.486733,9.92833333 4.76824212,10.1529167 5.07587065,10.33375 C5.38349917,10.5145833 5.7172471,10.6516667 6.07711443,10.745 L6.30348259,12.6 Z M7.03482587,9.45 C7.70812604,9.45 8.2827529,9.21083333 8.75870647,8.7325 C9.23466003,8.25416667 9.47263682,7.67666667 9.47263682,7 C9.47263682,6.32333333 9.23466003,5.74583333 8.75870647,5.2675 C8.2827529,4.78916667 7.70812604,4.55 7.03482587,4.55 C6.34991708,4.55 5.77238806,4.78916667 5.30223881,5.2675 C4.83208955,5.74583333 4.59701493,6.32333333 4.59701493,7 C4.59701493,7.67666667 4.83208955,8.25416667 5.30223881,8.7325 C5.77238806,9.21083333 6.34991708,9.45 7.03482587,9.45 Z"></path></g></g></g></svg>');
  background-color: rgba(21, 50, 89, .075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.mobile-menu {
  display: inline-block;
  width: 27px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="15px" height="12px" viewBox="0 0 15 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-1.000000, -2.000000)" fill="%23000000"><path d="M1,2 L16,2 L16,4 L1,4 L1,2 Z M1,7 L16,7 L16,9 L1,9 L1,7 Z M1,12 L16,12 L16,14 L1,14 L1,12 Z"></path></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.mobile-edit {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="15px" height="15px" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-1.000000, 0.000000)" fill="%23000000"><path d="M12,13 L12,7 L14,7 L14,15 L1,15 L1,2 L8,2 L8,4 L3,4 L3,13 L12,13 Z M6,8.58578644 L7.41421356,10 L5.29289322,10.7071068 L6,8.58578644 Z M13.8284271,0.757359313 L15.2426407,2.17157288 L8.17157288,9.24264069 L6.75735931,7.82842712 L13.8284271,0.757359313 Z"></path></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.mobile-save {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-1.000000, -1.000000)" fill="%23000000"><path d="M4,8 L4,3 L3,3 L3,13 L13,13 L13,3 L12,3 L12,8 L4,8 Z M10,3 L6,3 L6,6 L10,6 L10,3 Z M1,1 L15,1 L15,15 L1,15 L1,1 Z"></path></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.mobile-play {
  display: inline-block;
  width: 23px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="13px" height="14px" viewBox="0 0 13 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-103.000000, -12.000000)" stroke="%23000000"><g transform="translate(103.000000, 12.000000)"><path d="M1.99842479,0.499997519 L2.87715728,0.502765909 L10.7114261,5.98830396 L11.5222955,6.57552859 L11.5222955,7.43696777 L2.8731504,13.499937 L1.99899784,13.498001 L1.20846006,13.4995855 L0.5,12.7930044 L0.5,1.20983639 L1.2122234,0.5 L1.99842479,0.499997519 Z M1.5,0.75953659 L1.5,13.2393591 L10.4128082,7.00003879 L1.5,0.75953659 Z"></path></g></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.mobile-ptz {
  display: inline-block;
  width: 23px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="15px" height="16px" viewBox="0 0 15 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-188.000000, -11.000000)"><path d="M195.5,13 C197.156854,13 198.656854,13.6715729 199.742641,14.7573593 C200.828427,15.8431458 201.5,17.3431458 201.5,19 C201.5,19.7064135 201.378108,20.3843748 201.153933,21.0138445 L201.153933,21.0138445 L189.859526,21.0512314 C189.626779,20.4112492 189.5,19.7204207 189.5,19 C189.5,17.3431458 190.171573,15.8431458 191.257359,14.7573593 C192.343146,13.6715729 193.843146,13 195.5,13 Z" stroke="%23000000" stroke-width="2"></path><path d="M199.975533,21.0272431 C199.991715,21.1826178 200,21.3403407 200,21.5 C200,22.7426407 199.49632,23.8676407 198.681981,24.6819805 C197.867641,25.4963203 196.742641,26 195.5,26 C194.257359,26 193.132359,25.4963203 192.318019,24.6819805 C191.50368,23.8676407 191,22.7426407 191,21.5 L191,21.5 Z" stroke="%23000000" stroke-width="2"></path><rect stroke="%23000000" stroke-width="2" x="193" y="12" width="5" height="1"></rect><circle fill="%23000000" cx="195.5" cy="22.5" r="1"></circle></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.mobile-playback {
  display: inline-block;
  width: 22px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="16px" height="18px" viewBox="0 0 16 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-272.000000, -9.000000)" stroke="%23000000"><g transform="translate(273.000000, 9.248237)"><path d="M7,16.7517627 C10.8659932,16.7517627 14,13.617756 14,9.75176274 C14,5.88576949 10.8659932,2.75176274 7,2.75176274 C3.13400675,2.75176274 0,5.88576949 0,9.75176274" stroke-width="2" transform="translate(7.000000, 9.751763) rotate(90.000000) translate(-7.000000, -9.751763) "></path><path d="M6.5,2.24714266 L6.5,3.25176274 L5.5,3.25176274 L5.5,2.24714266 L6.5,2.24714266 Z"></path><path d="M8,8.8853173 L9.23380962,10.9416667 L6.76619038,10.9416667 L8,8.8853173 Z" stroke-width="2" fill="%23D8D8D8" transform="translate(8.000000, 9.441667) rotate(90.000000) translate(-8.000000, -9.441667) "></path><path d="M4.625,2.40231027 L5.34131461,3.53333333 L3.90868539,3.53333333 L4.625,2.40231027 Z" stroke-width="2" fill="%23D8D8D8" transform="translate(4.625000, 2.533333) rotate(-90.000000) translate(-4.625000, -2.533333) "></path></g></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.mobile-record {
  display: inline-block;
  width: 27px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="17px" height="14px" viewBox="0 0 17 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-298.000000, -12.000000)" stroke="%23000000"><rect x="301.5" y="12.5" width="5" height="1"></rect><rect x="299.5" y="14.5" width="8" height="1"></rect><rect x="298.5" y="14.5" width="1" height="11"></rect><rect x="299.5" y="24.5" width="8" height="1"></rect><rect x="308.5" y="14.5" width="1" height="2"></rect><rect x="308.5" y="23.5" width="1" height="2"></rect><path d="M314.5,14.7661754 L314.5,25.2436401 L313.5,24.8178107 L313.5,15.2060549 L314.5,14.7661754 Z"></path><path d="M314.5,14.7582695 L314.5,15.6699911 L308.5,18.2352693 L308.5,17.3296981 L314.5,14.7582695 Z"></path><path d="M308.5,21.7294858 L314.5,24.3283181 L314.5,25.2417305 L308.5,22.6703019 L308.5,21.7294858 Z"></path></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.mobile-select {
  display: inline-block;
  width: 25px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="17px" height="16px" viewBox="0 0 17 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Artboard" transform="translate(-320.000000, -11.000000)" stroke="%23000000"><circle id="Oval" stroke-width="2" cx="328.5" cy="19" r="7"></circle><path d="M330.828427,16.8786797 L331.535534,17.5857864 L327.292893,21.8284271 L325.171573,19.7071068 L325.87868,19 L327.292893,20.4142136 L330.828427,16.8786797 Z" id="Rectangle-3"></path></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.mobile-download {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Artboard" transform="translate(-345.000000, -11.000000)" stroke="%23000000"><rect id="Rectangle" x="345.5" y="20.5" width="1" height="6"></rect><rect id="Rectangle" x="352.5" y="11.5" width="1" height="10"></rect><path d="M355.220304,17.7965729 L355.267949,23.2945811 L354.262259,22.5459578 L354.220415,17.7965729 L355.220304,17.7965729 Z" id="Rectangle-Copy-7" transform="translate(354.746320, 20.796573) rotate(45.000000) translate(-354.746320, -20.796573) "></path><path d="M351.779634,17.7965729 L351.727547,23.7735335 L350.727769,23.7888081 L350.779696,17.7965729 L351.779634,17.7965729 Z" id="Rectangle-Copy-8" transform="translate(351.253680, 20.796573) rotate(-45.000000) translate(-351.253680, -20.796573) "></path><rect id="Rectangle-Copy-6" x="359.5" y="20.5" width="1" height="6"></rect><rect id="Rectangle" x="346.5" y="25.5" width="13" height="1"></rect></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.mobile-delete {
  display: inline-block;
  width: 26px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="15px" height="14px" viewBox="0 0 15 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Artboard" transform="translate(-240.000000, -12.000000)" stroke="%23000000"><rect id="Rectangle" x="242.5" y="14.5" width="1" height="11"></rect><rect id="Rectangle-Copy-9" x="251.5" y="14.5" width="1" height="11"></rect><rect id="Rectangle" x="243.5" y="24.5" width="9" height="1"></rect><rect id="Rectangle" x="240.5" y="14.5" width="14" height="1"></rect><rect id="Rectangle" x="245.5" y="17.5" width="1" height="5"></rect><rect id="Rectangle-Copy-11" x="248.5" y="17.5" width="1" height="5"></rect><rect id="Rectangle" x="245.5" y="12.5" width="4" height="1"></rect></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.plus {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-197.000000, -13.000000)" stroke="%23000000"><rect x="202.5" y="13.5" width="1" height="11"></rect><rect transform="translate(203.000000, 19.000000) rotate(90.000000) translate(-203.000000, -19.000000) " x="202.5" y="13.5" width="1" height="11"></rect></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.min {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="12px" height="2px" viewBox="0 0 12 2" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g  transform="translate(-197.000000, -18.000000)" stroke="%23000000"><rect transform="translate(203.000000, 19.000000) rotate(90.000000) translate(-203.000000, -19.000000) " x="202.5" y="13.5" width="1" height="11"></rect></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}

span.wifi {
  display: inline-block;
  width: 26px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="20px" height="16px" viewBox="0 0 20 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-376.000000, -11.000000)"><circle  fill="%23000000" cx="386" cy="25" r="2"></circle><path d="M391,22 C391,20.8954305 388.761424,20 386,20 C383.238576,20 381,20.8954305 381,22" stroke="%23000000" stroke-width="2"></path><path d="M393,19 C393,17.8954305 389.845691,16 385.986921,16 C382.128151,16 379,17.8954305 379,19" stroke="%23000000" stroke-width="2"></path><path d="M395,16 C395,14.8954305 390.970563,12 386,12 C381.029437,12 377,14.8954305 377,16" stroke="%23000000" stroke-width="2"></path></g></g></svg>');
  background-color: rgba(21, 50, 89, 0.075);
  background-repeat: no-repeat;
	background-position: center center;
  border-radius: 3px;
}