@charset "UTF-8"; /*!
 * Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */ /*! normalize.css v2.1.0 | MIT License | git.io/normalize */ .img-thumbnail, .list-inline > li, audio, canvas, video {
  display: inline-block
}
pre, pre code {
  white-space: pre-wrap
}
.badge, .label, sub, sup {
  vertical-align: baseline
}
.CodeMirror pre, .fc-unselectable, html {
  -webkit-tap-highlight-color: transparent
}
.btn-danger.active, .btn-danger:active, .btn-default.active, .btn-default:active, .btn-info.active, .btn-info:active, .btn-primary.active, .btn-primary:active, .btn-success.active, .btn-success:active, .btn-warning.active, .btn-warning:active, .btn.active, .btn:active, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover, .open .dropdown-toggle.btn-danger, .open .dropdown-toggle.btn-default, .open .dropdown-toggle.btn-info, .open .dropdown-toggle.btn-primary, .open .dropdown-toggle.btn-success, .open .dropdown-toggle.btn-warning, button, input, select[multiple], textarea {
  background-image: none
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block
}
audio:not([controls]) {
  display: none;
  height: 0
}
[hidden] {
  display: none
}
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}
a:active, a:hover {
  outline: 0
}
h1 {
  margin: .67em 0
}
b, strong {
  font-weight: 700
}
dfn {
  font-style: italic
}
hr {
  height: 0;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}
.img-responsive, .img-thumbnail, select[multiple], select[size], textarea.form-control {
  height: auto
}
mark {
  color: #000;
  background: #ff0
}
code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em
}
q {
  quotes: '\201C''\201D''\2018''\2019'
}
sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0
}
sup {
  top: -.5em
}
sub {
  bottom: -.25em
}
img {
  border: 0;
  vertical-align: middle
}
svg:not(:root) {
  overflow: hidden
}
figure {
  margin: 0
}
button, select {
  text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button
}
button[disabled], html input[disabled] {
  cursor: default
}
input[type=checkbox], input[type=radio] {
  padding: 0;
  box-sizing: border-box
}
*, :after, :before, div.jsoneditor, input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0
}
textarea {
  vertical-align: top
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
@media print {
  blockquote, img, pre, tr {
    page-break-inside: avoid
  }
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: 0 0 !important;
    box-shadow: none !important
  }
  a, a:visited {
    text-decoration: underline
  }
  a[href]:after {
    content: ' ('attr(href) ')'
  }
  abbr[title]:after {
    content: ' ('attr(title) ')'
  }
  .ir a:after, a[href^='javascript:']:after, a[href^='#']:after {
    content: ''
  }
  blockquote, pre {
    border: 1px solid #999
  }
  thead {
    display: table-header-group
  }
  img {
    max-width: 100% !important
  }
  @page {
    margin: 2cm .5cm
  }
  h2, h3, p {
    orphans: 3;
    widows: 3
  }
  h2, h3 {
    page-break-after: avoid
  }
  .navbar {
    display: none
  }
  .table td, .table th {
    background-color: #fff !important
  }
  .btn > .caret, .dropup > .btn > .caret {
    border-top-color: #000 !important
  }
  .label {
    border: 1px solid #000
  }
  .table {
    border-collapse: collapse !important
  }
  .table-bordered td, .table-bordered th {
    border: 1px solid #ddd !important
  }
}
*, :after, :before {
  box-sizing: border-box
}
html {
  font-size: 62.5%
}
body {
  margin: 0;
  font-size: 14px;
  line-height: 1.428571429;
  color: var(--color-content-primary)
}
button, input, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}
.img-thumbnail, dd, dt {
  line-height: 1.428571429
}
a {
  color: #428bca;
  text-decoration: none
}
a:focus, a:hover {
  color: #2a6496;
  text-decoration: underline
}
a:focus {
  outline-offset: -2px
}
.img-responsive {
  display: block;
  max-width: 100%
}
.img-rounded {
  border-radius: 6px
}
.img-thumbnail {
  max-width: 100%;
  padding: 4px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}
pre code, table {
  background-color: transparent
}
.img-circle {
  border-radius: 50%
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0
}
p {
  margin: 0 0 10px
}
.lead {
  margin-bottom: 20px;
  font-size: 16.099999999999998px;
  font-weight: 200;
  line-height: 1.4
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px
}
@media (min-width:768px) {
  .lead {
    font-size: 21px
  }
}
small {
  font-size: 85%
}
cite {
  font-style: normal
}
.text-muted {
  color: #999
}
.text-warning {
  color: #c09853
}
.text-danger {
  color: #b94a48
}
.text-success {
  color: #468847
}
.text-info {
  color: #3a87ad
}
.text-left {
  text-align: left
}
.text-right {
  text-align: right
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.1
}
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-weight: 400;
  line-height: 1;
  color: #999
}
.badge, dt {
  font-weight: 700
}
h1, h2, h3 {
  margin-top: 20px
}
h4, h5, h6 {
  margin-top: 10px
}
.h1, h1 {
  font-size: 36px
}
.h2, h2 {
  font-size: 30px
}
.h3, h3 {
  font-size: 24px
}
.h4, h4 {
  font-size: 18px
}
.h5, h5 {
  font-size: 14px
}
.h6, .input-sm, h6 {
  font-size: 12px
}
.h1 small, h1 small {
  font-size: 24px
}
.h2 small, h2 small {
  font-size: 18px
}
.h3 small, .h4 small, h3 small, h4 small {
  font-size: 14px
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee
}
blockquote p:last-child, ol ol, ol ul, ul ol, ul ul {
  margin-bottom: 0
}
ol, ul {
  margin-top: 0;
  margin-bottom: 10px
}
.list-inline, .list-unstyled {
  padding-left: 0;
  list-style: none
}
.list-inline > li {
  padding-right: 5px;
  padding-left: 5px
}
dl {
  margin-bottom: 20px
}
dd {
  margin-left: 0
}
@media (min-width:768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap
  }
  .dl-horizontal dd {
    margin-left: 180px
  }
  .dl-horizontal dd:after, .dl-horizontal dd:before {
    display: table;
    content: ' '
  }
  .dl-horizontal dd:after {
    clear: both
  }
}
address, blockquote small, pre {
  display: block;
  line-height: 1.428571429
}
abbr[data-original-title], abbr[title] {
  cursor: help;
  border-bottom: 1px dotted #999
}
abbr.initialism {
  font-size: 90%;
  text-transform: uppercase
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  border-left: 5px solid #eee
}
blockquote p {
  font-size: 17.5px;
  font-weight: 300;
  line-height: 1.25
}
blockquote small {
  color: #999
}
blockquote small:before {
  content: '\2014 \00A0'
}
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eee;
  border-left: 0
}
blockquote.pull-right p, blockquote.pull-right small {
  text-align: right
}
.popover, th {
  text-align: left
}
blockquote.pull-right small:before {
  content: ''
}
blockquote.pull-right small:after {
  content: '\00A0 \2014'
}
.caret, .dropup .caret, .jsoneditor-schema-error .jsoneditor-popover:before, .navbar-fixed-bottom .dropdown .caret, .popover .arrow:after, blockquote:after, blockquote:before, q:after, q:before {
  content: ''
}
address {
  margin-bottom: 20px;
  font-style: normal
}
code, pre {
  font-family: Monaco, Menlo, Consolas, 'Courier New', monospace
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  white-space: nowrap;
  background-color: #f9f2f4;
  border-radius: 4px
}
pre {
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px
}
.container:after, .container:before, .row:after, .row:before {
  display: table;
  content: ' '
}
.table, pre.prettyprint {
  margin-bottom: 20px
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  border: 0
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}
.container:after {
  clear: both
}
.row:after {
  clear: both
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  float: left
}
.col-xs-1 {
  width: 8.333333333333332%
}
.col-xs-2 {
  width: 16.666666666666664%
}
.col-xs-3 {
  width: 25%
}
.col-xs-4 {
  width: 33.33333333333333%
}
.col-xs-5 {
  width: 41.66666666666667%
}
.col-xs-6 {
  width: 50%
}
.col-xs-7 {
  width: 58.333333333333336%
}
.col-xs-8 {
  width: 66.66666666666666%
}
.col-xs-9 {
  width: 75%
}
.col-xs-10 {
  width: 83.33333333333334%
}
.col-xs-11 {
  width: 91.66666666666666%
}
.col-xs-12 {
  width: 100%
}
@media (min-width:768px) {
  .container {
    max-width: 750px
  }
  .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left
  }
  .col-sm-1 {
    width: 8.333333333333332%
  }
  .col-sm-2 {
    width: 16.666666666666664%
  }
  .col-sm-3 {
    width: 25%
  }
  .col-sm-4 {
    width: 33.33333333333333%
  }
  .col-sm-5 {
    width: 41.66666666666667%
  }
  .col-sm-6 {
    width: 50%
  }
  .col-sm-7 {
    width: 58.333333333333336%
  }
  .col-sm-8 {
    width: 66.66666666666666%
  }
  .col-sm-9 {
    width: 75%
  }
  .col-sm-10 {
    width: 83.33333333333334%
  }
  .col-sm-11 {
    width: 91.66666666666666%
  }
  .col-sm-12 {
    width: 100%
  }
  .col-sm-push-1 {
    left: 8.333333333333332%
  }
  .col-sm-push-2 {
    left: 16.666666666666664%
  }
  .col-sm-push-3 {
    left: 25%
  }
  .col-sm-push-4 {
    left: 33.33333333333333%
  }
  .col-sm-push-5 {
    left: 41.66666666666667%
  }
  .col-sm-push-6 {
    left: 50%
  }
  .col-sm-push-7 {
    left: 58.333333333333336%
  }
  .col-sm-push-8 {
    left: 66.66666666666666%
  }
  .col-sm-push-9 {
    left: 75%
  }
  .col-sm-push-10 {
    left: 83.33333333333334%
  }
  .col-sm-push-11 {
    left: 91.66666666666666%
  }
  .col-sm-pull-1 {
    right: 8.333333333333332%
  }
  .col-sm-pull-2 {
    right: 16.666666666666664%
  }
  .col-sm-pull-3 {
    right: 25%
  }
  .col-sm-pull-4 {
    right: 33.33333333333333%
  }
  .col-sm-pull-5 {
    right: 41.66666666666667%
  }
  .col-sm-pull-6 {
    right: 50%
  }
  .col-sm-pull-7 {
    right: 58.333333333333336%
  }
  .col-sm-pull-8 {
    right: 66.66666666666666%
  }
  .col-sm-pull-9 {
    right: 75%
  }
  .col-sm-pull-10 {
    right: 83.33333333333334%
  }
  .col-sm-pull-11 {
    right: 91.66666666666666%
  }
  .col-sm-offset-1 {
    margin-left: 8.333333333333332%
  }
  .col-sm-offset-2 {
    margin-left: 16.666666666666664%
  }
  .col-sm-offset-3 {
    margin-left: 25%
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333333333%
  }
  .col-sm-offset-5 {
    margin-left: 41.66666666666667%
  }
  .col-sm-offset-6 {
    margin-left: 50%
  }
  .col-sm-offset-7 {
    margin-left: 58.333333333333336%
  }
  .col-sm-offset-8 {
    margin-left: 66.66666666666666%
  }
  .col-sm-offset-9 {
    margin-left: 75%
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333333334%
  }
  .col-sm-offset-11 {
    margin-left: 91.66666666666666%
  }
}
@media (min-width:992px) {
  .container {
    max-width: 970px
  }
  .col-md-1, .col-md-10, .col-md-11, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left
  }
  .col-md-1 {
    width: 8.333333333333332%
  }
  .col-md-2 {
    width: 16.666666666666664%
  }
  .col-md-3 {
    width: 25%
  }
  .col-md-4 {
    width: 33.33333333333333%
  }
  .col-md-5 {
    width: 41.66666666666667%
  }
  .col-md-6 {
    width: 50%
  }
  .col-md-7 {
    width: 58.333333333333336%
  }
  .col-md-8 {
    width: 66.66666666666666%
  }
  .col-md-9 {
    width: 75%
  }
  .col-md-10 {
    width: 83.33333333333334%
  }
  .col-md-11 {
    width: 91.66666666666666%
  }
  .col-md-12 {
    width: 100%
  }
  .col-md-push-0 {
    left: auto
  }
  .col-md-push-1 {
    left: 8.333333333333332%
  }
  .col-md-push-2 {
    left: 16.666666666666664%
  }
  .col-md-push-3 {
    left: 25%
  }
  .col-md-push-4 {
    left: 33.33333333333333%
  }
  .col-md-push-5 {
    left: 41.66666666666667%
  }
  .col-md-push-6 {
    left: 50%
  }
  .col-md-push-7 {
    left: 58.333333333333336%
  }
  .col-md-push-8 {
    left: 66.66666666666666%
  }
  .col-md-push-9 {
    left: 75%
  }
  .col-md-push-10 {
    left: 83.33333333333334%
  }
  .col-md-push-11 {
    left: 91.66666666666666%
  }
  .col-md-pull-0 {
    right: auto
  }
  .col-md-pull-1 {
    right: 8.333333333333332%
  }
  .col-md-pull-2 {
    right: 16.666666666666664%
  }
  .col-md-pull-3 {
    right: 25%
  }
  .col-md-pull-4 {
    right: 33.33333333333333%
  }
  .col-md-pull-5 {
    right: 41.66666666666667%
  }
  .col-md-pull-6 {
    right: 50%
  }
  .col-md-pull-7 {
    right: 58.333333333333336%
  }
  .col-md-pull-8 {
    right: 66.66666666666666%
  }
  .col-md-pull-9 {
    right: 75%
  }
  .col-md-pull-10 {
    right: 83.33333333333334%
  }
  .col-md-pull-11 {
    right: 91.66666666666666%
  }
  .col-md-offset-0 {
    margin-left: 0
  }
  .col-md-offset-1 {
    margin-left: 8.333333333333332%
  }
  .col-md-offset-2 {
    margin-left: 16.666666666666664%
  }
  .col-md-offset-3 {
    margin-left: 25%
  }
  .col-md-offset-4 {
    margin-left: 33.33333333333333%
  }
  .col-md-offset-5 {
    margin-left: 41.66666666666667%
  }
  .col-md-offset-6 {
    margin-left: 50%
  }
  .col-md-offset-7 {
    margin-left: 58.333333333333336%
  }
  .col-md-offset-8 {
    margin-left: 66.66666666666666%
  }
  .col-md-offset-9 {
    margin-left: 75%
  }
  .col-md-offset-10 {
    margin-left: 83.33333333333334%
  }
  .col-md-offset-11 {
    margin-left: 91.66666666666666%
  }
}
@media (min-width:1200px) {
  .container {
    max-width: 1170px
  }
  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
    float: left
  }
  .col-lg-1 {
    width: 8.333333333333332%
  }
  .col-lg-2 {
    width: 16.666666666666664%
  }
  .col-lg-3 {
    width: 25%
  }
  .col-lg-4 {
    width: 33.33333333333333%
  }
  .col-lg-5 {
    width: 41.66666666666667%
  }
  .col-lg-6 {
    width: 50%
  }
  .col-lg-7 {
    width: 58.333333333333336%
  }
  .col-lg-8 {
    width: 66.66666666666666%
  }
  .col-lg-9 {
    width: 75%
  }
  .col-lg-10 {
    width: 83.33333333333334%
  }
  .col-lg-11 {
    width: 91.66666666666666%
  }
  .col-lg-12 {
    width: 100%
  }
  .col-lg-push-0 {
    left: auto
  }
  .col-lg-push-1 {
    left: 8.333333333333332%
  }
  .col-lg-push-2 {
    left: 16.666666666666664%
  }
  .col-lg-push-3 {
    left: 25%
  }
  .col-lg-push-4 {
    left: 33.33333333333333%
  }
  .col-lg-push-5 {
    left: 41.66666666666667%
  }
  .col-lg-push-6 {
    left: 50%
  }
  .col-lg-push-7 {
    left: 58.333333333333336%
  }
  .col-lg-push-8 {
    left: 66.66666666666666%
  }
  .col-lg-push-9 {
    left: 75%
  }
  .col-lg-push-10 {
    left: 83.33333333333334%
  }
  .col-lg-push-11 {
    left: 91.66666666666666%
  }
  .col-lg-pull-0 {
    right: auto
  }
  .col-lg-pull-1 {
    right: 8.333333333333332%
  }
  .col-lg-pull-2 {
    right: 16.666666666666664%
  }
  .col-lg-pull-3 {
    right: 25%
  }
  .col-lg-pull-4 {
    right: 33.33333333333333%
  }
  .col-lg-pull-5 {
    right: 41.66666666666667%
  }
  .col-lg-pull-6 {
    right: 50%
  }
  .col-lg-pull-7 {
    right: 58.333333333333336%
  }
  .col-lg-pull-8 {
    right: 66.66666666666666%
  }
  .col-lg-pull-9 {
    right: 75%
  }
  .col-lg-pull-10 {
    right: 83.33333333333334%
  }
  .col-lg-pull-11 {
    right: 91.66666666666666%
  }
  .col-lg-offset-0 {
    margin-left: 0
  }
  .col-lg-offset-1 {
    margin-left: 8.333333333333332%
  }
  .col-lg-offset-2 {
    margin-left: 16.666666666666664%
  }
  .col-lg-offset-3 {
    margin-left: 25%
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333333333%
  }
  .col-lg-offset-5 {
    margin-left: 41.66666666666667%
  }
  .col-lg-offset-6 {
    margin-left: 50%
  }
  .col-lg-offset-7 {
    margin-left: 58.333333333333336%
  }
  .col-lg-offset-8 {
    margin-left: 66.66666666666666%
  }
  .col-lg-offset-9 {
    margin-left: 75%
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333333334%
  }
  .col-lg-offset-11 {
    margin-left: 91.66666666666666%
  }
}
table {
  max-width: 100%
}
.table {
  width: 100%
}
.table tbody > tr > td, .table tbody > tr > th, .table tfoot > tr > td, .table tfoot > tr > th, .table thead > tr > td, .table thead > tr > th {
  padding: 8px;
  vertical-align: top;
  border-top: 1px solid #ddd
}
.table thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd
}
.table caption + thead tr:first-child td, .table caption + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table thead:first-child tr:first-child td, .table thead:first-child tr:first-child th {
  border-top: 0
}
.table tbody + tbody {
  border-top: 2px solid #ddd
}
.table .table {
  background-color: #fff
}
.table-condensed tbody > tr > td, .table-condensed tbody > tr > th, .table-condensed tfoot > tr > td, .table-condensed tfoot > tr > th, .table-condensed thead > tr > td, .table-condensed thead > tr > th {
  padding: 5px
}
.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
  border: 1px solid #ddd
}
.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
  border-bottom-width: 2px
}
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9
}
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
  background-color: #f5f5f5
}
table col[class*=col-] {
  display: table-column;
  float: none
}
table td[class*=col-], table th[class*=col-] {
  display: table-cell;
  float: none
}
.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
  background-color: #dff0d8;
  border-color: #d6e9c6
}
.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover {
  background-color: #d0e9c6;
  border-color: #c9e2b3
}
.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
  background-color: #f2dede;
  border-color: #eed3d7
}
.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover {
  background-color: #ebcccc;
  border-color: #e6c1c7
}
.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
  background-color: #fcf8e3;
  border-color: #fbeed5
}
.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover {
  background-color: #faf2cc;
  border-color: #f8e5be
}
@media (max-width:768px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    border: 1px solid #ddd
  }
  .table-responsive > .table {
    margin-bottom: 0;
    background-color: #fff
  }
  .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
    white-space: nowrap
  }
  .table-responsive > .table-bordered {
    border: 0
  }
  .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
    border-left: 0
  }
  .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
    border-right: 0
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > thead > tr:last-child > td, .table-responsive > .table-bordered > thead > tr:last-child > th {
    border-bottom: 0
  }
}
fieldset, legend {
  border: 0;
  padding: 0
}
fieldset {
  margin: 0
}
legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border-bottom: 1px solid #e5e5e5
}
label {
  display: inline-block;
  margin-bottom: 5px
}
.btn-block, .checkbox, .form-control, .help-block, .radio, input[type=file] {
  display: block
}
input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: border-box
}
input[type=checkbox], input[type=radio] {
  margin: 4px 0 0;
  margin-top: 1px\9;
  line-height: normal
}
select optgroup {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit
}
input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
  outline: #333 dotted thin;
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto
}
.form-control:-moz-placeholder {
  color: #999
}
.form-control::-moz-placeholder {
  color: #999
}
.form-control:-ms-input-placeholder {
  color: #999
}
.form-control::-webkit-input-placeholder {
  color: #999
}
.form-control {
  width: 100%;
  color: #555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee
}
.form-group {
  margin-bottom: 15px
}
.checkbox, .radio {
  min-height: 20px;
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  vertical-align: middle
}
.checkbox label, .radio label {
  display: inline;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
  float: left;
  margin-left: -20px
}
.checkbox + .checkbox, .radio + .radio {
  margin-top: -5px
}
.checkbox-inline, .radio-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer
}
.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
  margin-top: 0;
  margin-left: 10px
}
.btn-block + .btn-block, .help-block {
  margin-top: 5px
}
.checkbox-inline[disabled], .checkbox[disabled], .radio-inline[disabled], .radio[disabled], fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox][disabled], input[type=radio][disabled] {
  cursor: not-allowed
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  line-height: 1.5;
  border-radius: 3px
}
select.input-sm {
  height: 30px;
  line-height: 30px
}
.btn-lg, .input-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33
}
textarea.input-sm {
  height: auto
}
.input-lg {
  height: 45px;
  border-radius: 6px
}
select.input-lg {
  height: 45px;
  line-height: 45px
}
textarea.input-lg {
  height: auto
}
.has-warning .control-label, .has-warning .help-block {
  color: #c09853
}
.has-warning .form-control {
  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-warning .form-control:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #dbc59e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #dbc59e
}
.has-warning .input-group-addon {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853
}
.has-error .control-label, .has-error .help-block {
  color: #b94a48
}
.has-error .form-control {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-error .form-control:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392
}
.has-error .input-group-addon {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48
}
.has-success .control-label, .has-success .help-block {
  color: #468847
}
.has-success .form-control {
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-success .form-control:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7aba7b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7aba7b
}
.has-success .input-group-addon {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847
}
.form-control-static {
  padding-top: 7px;
  margin-bottom: 0
}
.help-block {
  margin-bottom: 10px;
  color: #737373
}
@media (min-width:768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
  }
  .form-inline .form-control {
    display: inline-block
  }
  .form-inline .checkbox, .form-inline .radio {
    display: inline-block;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0
  }
  .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
    float: none;
    margin-left: 0
  }
  .form-horizontal .control-label {
    text-align: right
  }
}
.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .radio-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px
}
.caret, .nav-pills > li + li {
  margin-left: 2px
}
.form-horizontal .form-group:after, .form-horizontal .form-group:before {
  display: table;
  content: ' '
}
.form-horizontal .form-group:after {
  clear: both
}
.badge, .btn, .input-group-addon, .label, .nav-justified > li > a, .nav-tabs.nav-justified > li > a, .pager, .progress-bar {
  text-align: center
}
.btn {
  padding: 6px 12px;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.428571429;
  white-space: nowrap;
  border: 1px solid transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}
.btn:focus {
  outline: #333 dotted thin;
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px
}
.btn:focus, .btn:hover {
  color: #333;
  text-decoration: none
}
.btn.active, .btn:active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc
}
.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default {
  color: var(--color-content-primary);
  background-color: var(--color-content-inverse);
  border-color: var(--color-border-section)
}
.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
  background-color: #fff;
  border-color: #ccc
}
.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd
}
.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e
}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
  background-color: #428bca;
  border-color: #357ebd
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236
}
.btn-warning.active, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512
}
.btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
  background-color: #f0ad4e;
  border-color: #eea236
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a
}
.btn-danger.active, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925
}
.btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
  background-color: #d9534f;
  border-color: #d43f3a
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c
}
.btn-success.active, .btn-success:active, .btn-success:focus, .btn-success:hover, .open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #47a447;
  border-color: #398439
}
.btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
  background-color: #5cb85c;
  border-color: #4cae4c
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da
}
.btn-info.active, .btn-info:active, .btn-info:focus, .btn-info:hover, .open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #39b3d7;
  border-color: #269abc
}
.btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
  background-color: #5bc0de;
  border-color: #46b8da
}
.btn-link {
  font-weight: 400;
  color: #428bca;
  cursor: pointer;
  border-radius: 0
}
.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none
}
.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
  border-color: transparent
}
.btn-link:focus, .btn-link:hover {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent
}
.btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
  color: #999;
  text-decoration: none
}
.btn-lg {
  border-radius: 6px
}
.btn-sm, .btn-xs {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}
.btn-xs {
  padding: 1px 5px
}
.btn-block {
  width: 100%;
  padding-right: 0;
  padding-left: 0
}
input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
  width: 100%
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear
}
.fade.in {
  opacity: 1
}
.collapse {
  display: none
}
.collapse.in {
  display: block
}
.caret, .glyphicon {
  display: inline-block
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .35s ease;
  transition: height .35s ease
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(../fonts/glyphicons-halflings-regular.eot);
  src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular) format('svg')
}
.glyphicon {
  position: relative;
  top: 1px;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 400;
  line-height: 1
}
.glyphicon-asterisk:before {
  content: '\2a'
}
.glyphicon-plus:before {
  content: '\2b';
  background-color: var(--color-background-inverse)
}
.glyphicon-euro:before {
  content: '\20ac'
}
.glyphicon-minus:before {
  content: '\2212'
}
.glyphicon-cloud:before {
  content: '\2601'
}
.glyphicon-envelope:before {
  content: '\2709'
}
.glyphicon-pencil:before {
  content: '\270f'
}
.glyphicon-glass:before {
  content: '\e001'
}
.glyphicon-music:before {
  content: '\e002'
}
.glyphicon-search:before {
  content: '\e003'
}
.glyphicon-heart:before {
  content: '\e005'
}
.glyphicon-star:before {
  content: '\e006'
}
.glyphicon-star-empty:before {
  content: '\e007'
}
.glyphicon-user:before {
  content: '\e008'
}
.glyphicon-film:before {
  content: '\e009'
}
.glyphicon-th-large:before {
  content: '\e010'
}
.glyphicon-th:before {
  content: '\e011'
}
.glyphicon-th-list:before {
  content: '\e012'
}
.glyphicon-ok:before {
  content: '\e013'
}
.glyphicon-remove:before {
  content: '\e014'
}
.glyphicon-zoom-in:before {
  content: '\e015'
}
.glyphicon-zoom-out:before {
  content: '\e016'
}
.glyphicon-off:before {
  content: '\e017'
}
.glyphicon-signal:before {
  content: '\e018'
}
.glyphicon-cog:before {
  content: '\e019'
}
.glyphicon-trash:before {
  content: '\e020'
}
.glyphicon-home:before {
  content: '\e021'
}
.glyphicon-file:before {
  content: '\e022'
}
.glyphicon-time:before {
  content: '\e023'
}
.glyphicon-road:before {
  content: '\e024'
}
.glyphicon-download-alt:before {
  content: '\e025'
}
.glyphicon-download:before {
  content: '\e026'
}
.glyphicon-upload:before {
  content: '\e027'
}
.glyphicon-inbox:before {
  content: '\e028'
}
.glyphicon-play-circle:before {
  content: '\e029'
}
.glyphicon-repeat:before {
  content: '\e030'
}
.glyphicon-refresh:before {
  content: '\e031'
}
.glyphicon-list-alt:before {
  content: '\e032'
}
.glyphicon-flag:before {
  content: '\e034'
}
.glyphicon-headphones:before {
  content: '\e035'
}
.glyphicon-volume-off:before {
  content: '\e036'
}
.glyphicon-volume-down:before {
  content: '\e037'
}
.glyphicon-volume-up:before {
  content: '\e038'
}
.glyphicon-qrcode:before {
  content: '\e039'
}
.glyphicon-barcode:before {
  content: '\e040'
}
.glyphicon-tag:before {
  content: '\e041'
}
.glyphicon-tags:before {
  content: '\e042'
}
.glyphicon-book:before {
  content: '\e043'
}
.glyphicon-print:before {
  content: '\e045'
}
.glyphicon-font:before {
  content: '\e047'
}
.glyphicon-bold:before {
  content: '\e048'
}
.glyphicon-italic:before {
  content: '\e049'
}
.glyphicon-text-height:before {
  content: '\e050'
}
.glyphicon-text-width:before {
  content: '\e051'
}
.glyphicon-align-left:before {
  content: '\e052'
}
.glyphicon-align-center:before {
  content: '\e053'
}
.glyphicon-align-right:before {
  content: '\e054'
}
.glyphicon-align-justify:before {
  content: '\e055'
}
.glyphicon-list:before {
  content: '\e056'
}
.glyphicon-indent-left:before {
  content: '\e057'
}
.glyphicon-indent-right:before {
  content: '\e058'
}
.glyphicon-facetime-video:before {
  content: '\e059'
}
.glyphicon-picture:before {
  content: '\e060'
}
.glyphicon-map-marker:before {
  content: '\e062'
}
.glyphicon-adjust:before {
  content: '\e063'
}
.glyphicon-tint:before {
  content: '\e064'
}
.glyphicon-edit:before {
  content: '\e065'
}
.glyphicon-share:before {
  content: '\e066'
}
.glyphicon-check:before {
  content: '\e067'
}
.glyphicon-move:before {
  content: '\e068'
}
.glyphicon-step-backward:before {
  content: '\e069'
}
.glyphicon-fast-backward:before {
  content: '\e070'
}
.glyphicon-backward:before {
  content: '\e071'
}
.glyphicon-play:before {
  content: '\e072'
}
.glyphicon-pause:before {
  content: '\e073'
}
.glyphicon-stop:before {
  content: '\e074'
}
.glyphicon-forward:before {
  content: '\e075'
}
.glyphicon-fast-forward:before {
  content: '\e076'
}
.glyphicon-step-forward:before {
  content: '\e077'
}
.glyphicon-eject:before {
  content: '\e078'
}
.glyphicon-chevron-left:before {
  content: '\e079'
}
.glyphicon-chevron-right:before {
  content: '\e080'
}
.glyphicon-plus-sign:before {
  content: '\e081'
}
.glyphicon-minus-sign:before {
  content: '\e082'
}
.glyphicon-remove-sign:before {
  content: '\e083'
}
.glyphicon-ok-sign:before {
  content: '\e084'
}
.glyphicon-question-sign:before {
  content: '\e085'
}
.glyphicon-info-sign:before {
  content: '\e086'
}
.glyphicon-screenshot:before {
  content: '\e087'
}
.glyphicon-remove-circle:before {
  content: '\e088'
}
.glyphicon-ok-circle:before {
  content: '\e089'
}
.glyphicon-ban-circle:before {
  content: '\e090'
}
.glyphicon-arrow-left:before {
  content: '\e091'
}
.glyphicon-arrow-right:before {
  content: '\e092'
}
.glyphicon-arrow-up:before {
  content: '\e093'
}
.glyphicon-arrow-down:before {
  content: '\e094'
}
.glyphicon-share-alt:before {
  content: '\e095'
}
.glyphicon-resize-full:before {
  content: '\e096'
}
.glyphicon-resize-small:before {
  content: '\e097'
}
.glyphicon-exclamation-sign:before {
  content: '\e101'
}
.glyphicon-gift:before {
  content: '\e102'
}
.glyphicon-leaf:before {
  content: '\e103'
}
.glyphicon-eye-open:before {
  content: '\e105'
}
.glyphicon-eye-close:before {
  content: '\e106'
}
.glyphicon-warning-sign:before {
  content: '\e107'
}
.glyphicon-plane:before {
  content: '\e108'
}
.glyphicon-random:before {
  content: '\e110'
}
.glyphicon-comment:before {
  content: '\e111'
}
.glyphicon-magnet:before {
  content: '\e112'
}
.glyphicon-chevron-up:before {
  content: '\e113'
}
.glyphicon-chevron-down:before {
  content: '\e114'
}
.glyphicon-retweet:before {
  content: '\e115'
}
.glyphicon-shopping-cart:before {
  content: '\e116'
}
.glyphicon-folder-close:before {
  content: '\e117'
}
.glyphicon-folder-open:before {
  content: '\e118'
}
.glyphicon-resize-vertical:before {
  content: '\e119'
}
.glyphicon-resize-horizontal:before {
  content: '\e120'
}
.glyphicon-hdd:before {
  content: '\e121'
}
.glyphicon-bullhorn:before {
  content: '\e122'
}
.glyphicon-certificate:before {
  content: '\e124'
}
.glyphicon-thumbs-up:before {
  content: '\e125'
}
.glyphicon-thumbs-down:before {
  content: '\e126'
}
.glyphicon-hand-right:before {
  content: '\e127'
}
.glyphicon-hand-left:before {
  content: '\e128'
}
.glyphicon-hand-up:before {
  content: '\e129'
}
.glyphicon-hand-down:before {
  content: '\e130'
}
.glyphicon-circle-arrow-right:before {
  content: '\e131'
}
.glyphicon-circle-arrow-left:before {
  content: '\e132'
}
.glyphicon-circle-arrow-up:before {
  content: '\e133'
}
.glyphicon-circle-arrow-down:before {
  content: '\e134'
}
.glyphicon-globe:before {
  content: '\e135'
}
.glyphicon-tasks:before {
  content: '\e137'
}
.glyphicon-filter:before {
  content: '\e138'
}
.glyphicon-fullscreen:before {
  content: '\e140'
}
.glyphicon-dashboard:before {
  content: '\e141'
}
.glyphicon-heart-empty:before {
  content: '\e143'
}
.glyphicon-link:before {
  content: '\e144'
}
.glyphicon-phone:before {
  content: '\e145'
}
.glyphicon-usd:before {
  content: '\e148'
}
.glyphicon-gbp:before {
  content: '\e149'
}
.glyphicon-sort:before {
  content: '\e150'
}
.glyphicon-sort-by-alphabet:before {
  content: '\e151'
}
.glyphicon-sort-by-alphabet-alt:before {
  content: '\e152'
}
.glyphicon-sort-by-order:before {
  content: '\e153'
}
.glyphicon-sort-by-order-alt:before {
  content: '\e154'
}
.glyphicon-sort-by-attributes:before {
  content: '\e155'
}
.glyphicon-sort-by-attributes-alt:before {
  content: '\e156'
}
.glyphicon-unchecked:before {
  content: '\e157'
}
.glyphicon-expand:before {
  content: '\e158'
}
.glyphicon-collapse-down:before {
  content: '\e159'
}
.glyphicon-collapse-up:before {
  content: '\e160'
}
.glyphicon-log-in:before {
  content: '\e161'
}
.glyphicon-flash:before {
  content: '\e162'
}
.glyphicon-log-out:before {
  content: '\e163'
}
.glyphicon-new-window:before {
  content: '\e164'
}
.glyphicon-record:before {
  content: '\e165'
}
.glyphicon-save:before {
  content: '\e166'
}
.glyphicon-open:before {
  content: '\e167'
}
.glyphicon-saved:before {
  content: '\e168'
}
.glyphicon-import:before {
  content: '\e169'
}
.glyphicon-export:before {
  content: '\e170'
}
.glyphicon-send:before {
  content: '\e171'
}
.glyphicon-floppy-disk:before {
  content: '\e172'
}
.glyphicon-floppy-saved:before {
  content: '\e173'
}
.glyphicon-floppy-remove:before {
  content: '\e174'
}
.glyphicon-floppy-save:before {
  content: '\e175'
}
.glyphicon-floppy-open:before {
  content: '\e176'
}
.glyphicon-credit-card:before {
  content: '\e177'
}
.glyphicon-transfer:before {
  content: '\e178'
}
.glyphicon-cutlery:before {
  content: '\e179'
}
.glyphicon-header:before {
  content: '\e180'
}
.glyphicon-compressed:before {
  content: '\e181'
}
.glyphicon-earphone:before {
  content: '\e182'
}
.glyphicon-phone-alt:before {
  content: '\e183'
}
.glyphicon-tower:before {
  content: '\e184'
}
.glyphicon-stats:before {
  content: '\e185'
}
.glyphicon-sd-video:before {
  content: '\e186'
}
.glyphicon-hd-video:before {
  content: '\e187'
}
.glyphicon-subtitles:before {
  content: '\e188'
}
.glyphicon-sound-stereo:before {
  content: '\e189'
}
.glyphicon-sound-dolby:before {
  content: '\e190'
}
.glyphicon-sound-5-1:before {
  content: '\e191'
}
.glyphicon-sound-6-1:before {
  content: '\e192'
}
.glyphicon-sound-7-1:before {
  content: '\e193'
}
.glyphicon-copyright-mark:before {
  content: '\e194'
}
.glyphicon-registration-mark:before {
  content: '\e195'
}
.glyphicon-cloud-download:before {
  content: '\e197'
}
.glyphicon-cloud-upload:before {
  content: '\e198'
}
.glyphicon-tree-conifer:before {
  content: '\e199'
}
.glyphicon-tree-deciduous:before {
  content: '\e200'
}
.glyphicon-briefcase:before {
  content: '\1f4bc'
}
.glyphicon-calendar:before {
  content: '\1f4c5'
}
.glyphicon-pushpin:before {
  content: '\1f4cc'
}
.glyphicon-paperclip:before {
  content: '\1f4ce'
}
.glyphicon-camera:before {
  content: '\1f4f7'
}
.glyphicon-lock:before {
  content: '\1f512'
}
.glyphicon-bell:before {
  content: '\1f514'
}
.glyphicon-bookmark:before {
  content: '\1f516'
}
.glyphicon-fire:before {
  content: '\1f525'
}
.glyphicon-wrench:before {
  content: '\1f527'
}
.caret {
  width: 0;
  height: 0;
  vertical-align: middle;
  border-top: 4px solid #000;
  border-right: 4px solid transparent;
  border-bottom: 0 dotted;
  border-left: 4px solid transparent
}
.dropdown {
  position: relative
}
.dropdown-toggle:focus {
  outline: 0
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-border-section);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  background-clip: padding-box
}
.dropdown-header, .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  line-height: 1.428571429
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn, .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0
}
.btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle, .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5
}
.dropdown-menu > li > a {
  clear: both;
  font-weight: 400;
  color: #333;
  white-space: nowrap
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #428bca
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #428bca;
  outline: 0
}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
  color: #999
}
.dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.open > .dropdown-menu {
  display: block
}
.open > a {
  outline: 0
}
.dropdown-header {
  font-size: 12px;
  color: #999
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990
}
.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover, .input-group-btn > .btn:active, .input-group-btn > .btn:hover {
  z-index: 2
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto
}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
  border-top: 0 dotted;
  border-bottom: 4px solid #000
}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px
}
.btn-default .caret {
  border-top-color: #333
}
.btn-danger .caret, .btn-info .caret, .btn-primary .caret, .btn-success .caret, .btn-warning .caret {
  border-top-color: #fff
}
.dropup .btn-default .caret {
  border-bottom-color: #333
}
.dropup .btn-danger .caret, .dropup .btn-info .caret, .dropup .btn-primary .caret, .dropup .btn-success .caret, .dropup .btn-warning .caret {
  border-bottom-color: #fff
}
.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle
}
.btn-group-vertical > .btn, .btn-group > .btn {
  position: relative;
  float: left
}
.btn-group-vertical > .btn:focus, .btn-group > .btn:focus {
  outline: 0
}
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
  margin-left: -1px
}
.btn-toolbar:after, .btn-toolbar:before {
  display: table;
  content: ' '
}
.btn-toolbar:after {
  clear: both
}
.btn-toolbar .btn-group {
  float: left
}
.btn-toolbar > .btn + .btn, .btn-toolbar > .btn + .btn-group, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn-group + .btn-group {
  margin-left: 5px
}
.btn-group > .btn:first-child {
  margin-left: 0
}
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}
.btn-group > .btn-group {
  float: left
}
.btn-group > .btn-group:last-child > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}
.btn-group-sm > .btn, .btn-group-xs > .btn {
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
  outline: 0
}
.btn-group-xs > .btn {
  padding: 5px 10px;
  padding: 1px 5px
}
.btn-group-sm > .btn {
  padding: 5px 10px
}
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}
.btn .caret {
  margin-left: 0
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px
}
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%
}
.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before {
  display: table;
  content: ' '
}
.btn-group-vertical > .btn-group:after {
  clear: both
}
.btn-group-vertical > .btn-group > .btn {
  float: none
}
.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 0
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0
}
.btn-group-vertical > .btn-group:first-child > .btn:last-child, .btn-group-vertical > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}
.btn-group-vertical > .btn-group:last-child > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0
}
.btn-group-justified {
  display: table;
  width: 100%;
  border-collapse: separate;
  table-layout: fixed
}
.btn-group-justified .btn {
  display: table-cell;
  float: none;
  width: 1%
}
[data-toggle=buttons] > .btn > input[type=checkbox], [data-toggle=buttons] > .btn > input[type=radio] {
  display: none
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate
}
.input-group.col {
  float: none;
  padding-right: 0;
  padding-left: 0
}
.input-group .form-control {
  width: 100%;
  margin-bottom: 0
}
.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
  height: 45px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px
}
select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
  height: 45px;
  line-height: 45px
}
textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn {
  height: auto
}
.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}
select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px
}
textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn {
  height: auto
}
.input-group .form-control, .input-group-addon, .input-group-btn {
  display: table-cell
}
.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
  border-radius: 0
}
.input-group-addon, .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px
}
.input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
  margin-top: 0
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}
.input-group-addon:first-child {
  border-right: 0
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .dropdown-toggle {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}
.input-group-addon:last-child {
  border-left: 0
}
.input-group-btn {
  position: relative;
  white-space: nowrap
}
.input-group-btn > .btn {
  position: relative
}
.input-group-btn > .btn + .btn {
  margin-left: -4px
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}
.nav:after, .nav:before {
  display: table;
  content: ' '
}
.nav > li, .nav > li > a {
  display: block;
  position: relative
}
.nav:after {
  clear: both
}
.nav > li > a {
  padding: 10px 15px
}
.nav > li > a:focus, .nav > li > a:hover {
  text-decoration: none;
  background-color: #eee
}
.nav > li.disabled > a {
  color: #999
}
.nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
  color: #999;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background-color: #eee;
  border-color: #428bca
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5
}
.chosen-container .chosen-results, .fc-scroller, .intl-tel-input .country-list, .navbar-collapse {
  -webkit-overflow-scrolling: touch
}
.nav > li > a > img {
  max-width: none
}
.nav-tabs {
  border-bottom: 1px solid #ddd
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0
}
.nav-tabs.nav-justified > li {
  float: none
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-bottom: 1px solid #ddd
}
@media (min-width:768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto
  }
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%
  }
}
.nav-tabs.nav-justified > .active > a {
  border-bottom-color: #fff
}
.nav-pills > li {
  float: left
}
.nav-pills > li > a {
  border-radius: 5px
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
  color: #fff;
  background-color: #428bca
}
.nav-stacked > li {
  float: none
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0
}
.nav-justified {
  width: 100%
}
.nav-justified > li {
  float: none
}
@media (min-width:768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%
  }
}
.nav-tabs-justified {
  border-bottom: 0
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-bottom: 1px solid #ddd
}
.nav-tabs-justified > .active > a {
  border-bottom-color: #fff
}
.tabbable:after, .tabbable:before {
  display: table;
  content: ' '
}
.tabbable:after {
  clear: both
}
.pill-content > .pill-pane, .tab-content > .tab-pane {
  display: none
}
.pill-content > .active, .tab-content > .active {
  display: block
}
.navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before {
  display: table;
  content: ' '
}
.nav .caret {
  border-top-color: #428bca;
  border-bottom-color: #428bca
}
.nav a:hover .caret {
  border-top-color: #2a6496;
  border-bottom-color: #2a6496
}
.navbar-collapse, .navbar-form {
  border-top: 1px solid transparent
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0
}
.navbar {
  position: relative;
  z-index: 1000;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent
}
.navbar:after {
  clear: both
}
.navbar-header:after {
  clear: both
}
.navbar-collapse {
  max-height: 340px;
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
}
.navbar-collapse:after {
  clear: both
}
.navbar-collapse.in {
  overflow-y: auto
}
@media (min-width:768px) {
  .navbar {
    border-radius: 4px
  }
  .navbar-header {
    float: left
  }
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important
  }
  .navbar-collapse.in {
    overflow-y: visible
  }
  .navbar-collapse .navbar-nav.navbar-left:first-child {
    margin-left: -15px
  }
  .navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: -15px
  }
  .navbar-collapse .navbar-text:last-child {
    margin-right: 0
  }
}
.container > .navbar-collapse, .container > .navbar-header {
  margin-right: -15px;
  margin-left: -15px
}
@media (min-width:768px) {
  .container > .navbar-collapse, .container > .navbar-header {
    margin-right: 0;
    margin-left: 0
  }
  .navbar-static-top {
    border-radius: 0
  }
}
.modal-open .navbar-fixed-bottom, .modal-open .navbar-fixed-top, .navbar-toggle, body.modal-open {
  margin-right: 15px
}
.navbar-static-top {
  border-width: 0 0 1px
}
.navbar-fixed-bottom, .navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  border-width: 0 0 1px
}
.navbar-fixed-top {
  top: 0;
  z-index: 1030
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0
}
.navbar-brand {
  float: left;
  padding: 15px;
  font-size: 18px;
  line-height: 20px
}
.navbar-brand:focus, .navbar-brand:hover {
  text-decoration: none
}
@media (min-width:768px) {
  .navbar-fixed-bottom, .navbar-fixed-top {
    border-radius: 0
  }
  .navbar > .container .navbar-brand {
    margin-left: -15px
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px
}
.navbar-nav {
  margin: 7.5px -15px
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px
}
@media (max-width:767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none
  }
  .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 15px 5px 25px
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px
  }
  .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
    background-image: none
  }
}
.progress-striped .progress-bar, .progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
@media (min-width:768px) {
  .navbar-toggle {
    display: none
  }
  .navbar-nav {
    float: left;
    margin: 0
  }
  .navbar-nav > li {
    float: left
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px
  }
  .navbar-left {
    float: left !important
  }
  .navbar-right {
    float: right !important
  }
}
.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1)
}
@media (min-width:768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
  }
  .navbar-form .form-control {
    display: inline-block
  }
  .navbar-form .checkbox, .navbar-form .radio {
    display: inline-block;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0
  }
  .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] {
    float: none;
    margin-left: 0
  }
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
@media (max-width:767px) {
  .navbar-form .form-group {
    margin-bottom: 5px
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}
.navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right {
  right: 0;
  left: auto
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px
}
.navbar-text {
  float: left;
  margin-top: 15px;
  margin-bottom: 15px
}
@media (min-width:768px) {
  .navbar-text {
    margin-right: 15px;
    margin-left: 15px
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7
}
.navbar-default .navbar-brand {
  color: #777
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
  color: #5e5e5e;
  background-color: transparent
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-text {
  color: #777
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
  color: #333;
  background-color: transparent
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  color: #555;
  background-color: #e7e7e7
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover {
  color: #ccc;
  background-color: transparent
}
.navbar-default .navbar-toggle {
  border-color: #ddd
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background-color: #ddd
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ccc
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #e6e6e6
}
.navbar-default .navbar-nav > .dropdown > a:focus .caret, .navbar-default .navbar-nav > .dropdown > a:hover .caret {
  border-top-color: #333;
  border-bottom-color: #333
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
  color: #555;
  background-color: #e7e7e7
}
.navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:focus .caret, .navbar-default .navbar-nav > .open > a:hover .caret {
  border-top-color: #555;
  border-bottom-color: #555
}
.navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: #777;
  border-bottom-color: #777
}
@media (max-width:767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #333;
    background-color: transparent
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
    color: #555;
    background-color: #e7e7e7
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
    color: #ccc;
    background-color: transparent
  }
}
.navbar-default .navbar-link {
  color: #777
}
.navbar-default .navbar-link:hover {
  color: #333
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808
}
.navbar-inverse .navbar-brand {
  color: #999
}
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
  color: #fff;
  background-color: transparent
}
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-text {
  color: #999
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
  color: #fff;
  background-color: transparent
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
  color: #fff;
  background-color: #080808
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover {
  color: #444;
  background-color: transparent
}
.navbar-inverse .navbar-toggle {
  border-color: #333
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
  background-color: #333
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-color: #101010
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
  color: #fff;
  background-color: #080808
}
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
  border-top-color: #fff;
  border-bottom-color: #fff
}
.navbar-inverse .navbar-nav > .dropdown > a .caret {
  border-top-color: #999;
  border-bottom-color: #999
}
.navbar-inverse .navbar-nav > .open > a .caret, .navbar-inverse .navbar-nav > .open > a:focus .caret, .navbar-inverse .navbar-nav > .open > a:hover .caret {
  border-top-color: #fff;
  border-bottom-color: #fff
}
@media (max-width:767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #999
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: transparent
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
    color: #fff;
    background-color: #080808
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
    color: #444;
    background-color: transparent
  }
}
.navbar-inverse .navbar-link {
  color: #999
}
.navbar-inverse .navbar-link:hover {
  color: #fff
}
.breadcrumb > .active, .breadcrumb > li + li:before {
  color: var(--color-content-tertiary)
}
.breadcrumb {
  list-style: none;
  background-color: var(--color-content-inverse);
  border-radius: 4px
}
.breadcrumb > li {
  display: inline-block
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  content: '/\00a0'
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px
}
.pagination > li {
  display: inline
}
.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  background-color: #eee
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca
}
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span {
  color: #999;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd
}
.pagination-lg > li > a, .pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px
}
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px
}
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px
}
.pagination-sm > li > a, .pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px
}
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px
}
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none
}
.pager:after, .pager:before {
  display: table;
  content: ' '
}
.pager:after {
  clear: both
}
.pager li {
  display: inline
}
.pager li > a, .pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px
}
.pager li > a:focus, .pager li > a:hover {
  text-decoration: none;
  background-color: #eee
}
.pager .next > a, .pager .next > span {
  float: right
}
.fa-pull-left, .pager .previous > a, .pager .previous > span, .progress-bar {
  float: left
}
.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
  color: #999;
  cursor: not-allowed;
  background-color: #fff
}
.label {
  padding: .2em .6em .3em;
  color: #fff;
  white-space: nowrap
}
.label[href]:focus, .label[href]:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer
}
.label:empty {
  display: none
}
.label-default {
  background-color: #999
}
.label-default[href]:focus, .label-default[href]:hover {
  background-color: grey
}
.label-primary {
  background-color: #428bca
}
.label-primary[href]:focus, .label-primary[href]:hover {
  background-color: #3071a9
}
.label-success {
  background-color: #5cb85c
}
.label-success[href]:focus, .label-success[href]:hover {
  background-color: #449d44
}
.label-info {
  background-color: #5bc0de
}
.label-info[href]:focus, .label-info[href]:hover {
  background-color: #31b0d5
}
.label-warning {
  background-color: #f0ad4e
}
.label-warning[href]:focus, .label-warning[href]:hover {
  background-color: #ec971f
}
.label-danger {
  background-color: #d9534f
}
.label-danger[href]:focus, .label-danger[href]:hover {
  background-color: #c9302c
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
  background-color: #999;
  border-radius: 10px
}
.badge:empty, .modal, .popover {
  display: none
}
a.badge:focus, a.badge:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer
}
.btn .badge {
  position: relative;
  top: -1px
}
.nav-pills > .active > a > .badge, a.list-group-item.active > .badge {
  color: #428bca;
  background-color: #fff
}
.nav-pills > li > a > .badge {
  margin-left: 3px
}
.jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  font-size: 21px;
  font-weight: 200;
  line-height: 2.1428571435;
  color: inherit;
  background-color: #eee
}
.alert, .progress {
  margin-bottom: 20px
}
.alert .alert-link, .close {
  font-weight: 700
}
.jumbotron h1 {
  line-height: 1;
  color: inherit
}
.jumbotron p {
  line-height: 1.4
}
.container .jumbotron {
  border-radius: 6px
}
@media screen and (min-width:768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px
  }
  .container .jumbotron {
    padding-right: 60px;
    padding-left: 60px
  }
  .jumbotron h1 {
    font-size: 63px
  }
}
.thumbnail {
  display: inline-block;
  display: block;
  height: auto;
  line-height: 1.428571429;
  background-color: #fff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}
.thumbnail > img {
  display: block;
  height: auto;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto
}
a.thumbnail:focus, a.thumbnail:hover {
  border-color: #428bca
}
.thumbnail .caption {
  padding: 9px;
  color: #333
}
.alert {
  padding: 15px;
  border: 1px solid transparent
}
.alert h4 {
  margin-top: 0;
  color: inherit
}
.alert > p, .alert > ul {
  margin-bottom: 0
}
.alert > p + p {
  margin-top: 5px
}
.alert-dismissable {
  padding-right: 35px
}
.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit
}
.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6
}
.alert-success hr {
  border-top-color: #c9e2b3
}
.alert-success .alert-link {
  color: #356635
}
.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1
}
.alert-info hr {
  border-top-color: #a6e1ec
}
.alert-info .alert-link {
  color: #2d6987
}
.alert-warning {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5
}
.alert-warning hr {
  border-top-color: #f8e5be
}
.alert-warning .alert-link {
  color: #a47e3c
}
.alert-danger {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7
}
.alert-danger hr {
  border-top-color: #e6c1c7
}
.alert-danger .alert-link {
  color: #953b39
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0
  }
  to {
    background-position: 0 0
  }
}
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0
  }
  to {
    background-position: 0 0
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0
  }
  to {
    background-position: 40px 0
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0
  }
  to {
    background-position: 0 0
  }
}
.progress {
  overflow: hidden;
  background-color: #f5f5f5;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}
.progress-bar {
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
  transition: width .6s ease
}
.close, .list-group-item > .badge {
  float: right
}
.progress-striped .progress-bar {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
  background-size: 40px 40px
}
.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite
}
.progress-bar-success {
  background-color: #5cb85c
}
.progress-striped .progress-bar-success {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.progress-striped .progress-bar-info, .progress-striped .progress-bar-warning {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.progress-bar-info {
  background-color: #5bc0de
}
.progress-striped .progress-bar-info {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.progress-bar-warning {
  background-color: #f0ad4e
}
.progress-striped .progress-bar-warning {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.progress-bar-danger {
  background-color: #d9534f
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.media, .media-body {
  overflow: hidden;
  zoom: 1
}
.media, .media .media {
  margin-top: 15px
}
.media:first-child {
  margin-top: 0
}
.media-object {
  display: block
}
.media-heading {
  margin: 0 0 5px
}
.media > .pull-left {
  margin-right: 10px
}
.media > .pull-right {
  margin-left: 10px
}
.media-list {
  padding-left: 0;
  list-style: none
}
.list-group {
  padding-left: 0;
  margin-bottom: 20px
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd
}
.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}
.list-group-item > .badge + .badge {
  margin-right: 5px
}
a.list-group-item {
  color: #555
}
a.list-group-item .list-group-item-heading {
  color: #333
}
a.list-group-item:focus, a.list-group-item:hover {
  text-decoration: none;
  background-color: #f5f5f5
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
  z-index: 2;
  color: #fff;
  background-color: #428bca;
  border-color: #428bca
}
.list-group-item.active .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading {
  color: inherit
}
.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
  color: #e1edf7
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}
.panel-group .panel, .panel-title, .panel > .list-group, .panel > .table {
  margin-bottom: 0
}
.panel-body {
  padding: 15px
}
.panel-body:after, .panel-body:before {
  display: table;
  content: ' '
}
.panel-body:after {
  clear: both
}
.panel > .list-group .list-group-item {
  border-width: 1px 0
}
.panel > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0
}
.panel > .list-group .list-group-item:last-child {
  border-bottom: 0
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0
}
.panel-footer, .panel-group .panel-heading + .panel-collapse .panel-body, .panel > .panel-body + .table {
  border-top: 1px solid #ddd
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px
}
.panel-title {
  margin-top: 0;
  font-size: 16px
}
.panel-title > a {
  color: inherit
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px
}
.panel-group .panel {
  overflow: hidden;
  border-radius: 4px
}
.panel-group .panel + .panel {
  margin-top: 5px
}
.panel-group .panel-heading {
  border-bottom: 0
}
.panel-group .panel-footer {
  border-top: 0
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd
}
.panel-default {
  border-color: #ddd
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ddd
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ddd
}
.panel-primary {
  border-color: #428bca
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #428bca;
  border-color: #428bca
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #428bca
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #428bca
}
.panel-success {
  border-color: #d6e9c6
}
.panel-success > .panel-heading {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6
}
.panel-warning {
  border-color: #fbeed5
}
.panel-warning > .panel-heading {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #fbeed5
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #fbeed5
}
.panel-danger {
  border-color: #eed3d7
}
.panel-danger > .panel-heading {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #eed3d7
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #eed3d7
}
.panel-info {
  border-color: #bce8f1
}
.panel-info > .panel-heading {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, .15)
}
.well-lg {
  padding: 24px;
  border-radius: 6px
}
.well-sm {
  padding: 9px;
  border-radius: 3px
}
.close {
  font-size: 21px;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 var(--color-background-inverse);
  filter: alpha(opacity=20)
}
.close:focus, .close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .5;
  filter: alpha(opacity=50)
}
button.close {
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none
}
.modal-content, .popover {
  background-clip: padding-box
}
.modal-open {
  overflow: hidden
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  overflow: auto;
  overflow-y: scroll
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform .3s ease-out;
  -moz-transition: -moz-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  transition: transform .3s ease-out
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0)
}
.modal-dialog {
  z-index: 1050;
  width: auto;
  padding: 10px;
  margin-right: auto;
  margin-left: auto
}
.modal-content {
  position: relative;
  outline: 0
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background-color: #000
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0)
}
.carousel-control, .modal-backdrop.in {
  opacity: .5;
  filter: alpha(opacity=50)
}
.modal-header {
  min-height: 16.428571429px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5
}
.modal-header .close {
  margin-top: -2px
}
.modal-title {
  margin: 0;
  line-height: 1.428571429
}
.modal-body {
  position: relative;
  padding: 20px
}
.modal-footer {
  padding: 19px 20px 20px;
  margin-top: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5
}
.modal-footer:after, .modal-footer:before {
  display: table;
  content: ' '
}
.modal-footer:after {
  clear: both
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0
}
@media screen and (min-width:768px) {
  .modal-dialog {
    right: auto;
    left: 50%;
    width: 600px;
    padding-top: 30px;
    padding-bottom: 30px
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
  }
}
.tooltip {
  position: absolute;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible
}
.tooltip.in {
  filter: alpha(opacity=90)
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px
}
.tooltip-inner {
  max-width: 200px;
  color: #fff;
  text-align: center;
  text-decoration: none
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-top-color: #000;
  border-width: 5px 5px 0
}
.tooltip.top-right .tooltip-arrow {
  right: 5px;
  bottom: 0;
  border-top-color: #000;
  border-width: 5px 5px 0
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-bottom-color: #000;
  border-width: 0 5px 5px
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-bottom-color: #000;
  border-width: 0 5px 5px
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  max-width: 276px;
  padding: 1px;
  white-space: normal;
  background-color: #fff
}
.popover.top {
  margin-top: -10px
}
.popover.right {
  margin-left: 10px
}
.popover.bottom {
  margin-top: 10px
}
.popover.left {
  margin-left: -10px
}
.popover-title {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  background-color: #f7f7f7
}
.popover-content {
  padding: 9px 14px
}
.popover .arrow, .popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}
.popover .arrow {
  border-width: 11px
}
.popover .arrow:after {
  border-width: 10px
}
.popover.top .arrow {
  bottom: -11px;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0
}
.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #fff;
  border-bottom-width: 0;
  content: ' '
}
.popover.left .arrow:after, .popover.right .arrow:after {
  bottom: -10px;
  content: ' '
}
.popover.right .arrow {
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0
}
.popover.right .arrow:after {
  left: 1px;
  border-right-color: #fff;
  border-left-width: 0
}
.popover.bottom .arrow {
  top: -11px;
  margin-left: -11px;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
  border-top-width: 0
}
.popover.bottom .arrow:after {
  border-bottom-color: #fff;
  content: ' '
}
.popover.left .arrow {
  right: -11px;
  margin-top: -11px;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25);
  border-right-width: 0
}
.popover.left .arrow:after {
  right: 1px;
  border-left-color: #fff;
  border-right-width: 0
}
.carousel {
  position: relative
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
  transition: .6s ease-in-out left
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img {
  display: block;
  height: auto;
  max-width: 100%;
  line-height: 1
}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
  display: block
}
.carousel-inner > .active {
  left: 0
}
.carousel-inner > .next, .carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%
}
.carousel-inner > .next {
  left: 100%
}
.carousel-inner > .prev {
  left: -100%
}
.carousel-inner > .next.left, .carousel-inner > .prev.right {
  left: 0
}
.carousel-inner > .active.left {
  left: -100%
}
.carousel-inner > .active.right {
  left: 100%
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}
.carousel-control.left {
  background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .5) 0), color-stop(rgba(0, 0, 0, .0001) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0), color-stop(rgba(0, 0, 0, .5) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}
.carousel-control:focus, .carousel-control:hover {
  color: #fff;
  text-decoration: none;
  opacity: .9;
  filter: alpha(opacity=90)
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  display: inline-block
}
.carousel-control .icon-next, .carousel-control .icon-prev {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif
}
.carousel-control .icon-prev:before {
  content: '\2039'
}
.carousel-control .icon-next:before {
  content: '\203a'
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 10px
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}
.carousel-caption .btn, .iconpicker, .text-hide {
  text-shadow: none
}
@media screen and (min-width:768px) {
  .carousel-control .icon-next, .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px
  }
  .carousel-indicators {
    bottom: 20px
  }
}
.clearfix:after, .clearfix:before {
  display: table;
  content: ' '
}
.clearfix:after {
  clear: both
}
.pull-right {
  float: right !important
}
.pull-left {
  float: left !important
}
.hide {
  display: none !important
}
.show {
  display: block !important
}
.hidden, .visible-xs, td.visible-xs, th.visible-xs, tr.visible-xs {
  display: none !important
}
.invisible {
  visibility: hidden
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  background-color: transparent;
  border: 0
}
.affix {
  position: fixed
}
@-ms-viewport {
  width: device-width
}
@media screen and (max-width:400px) {
  @-ms-viewport {
    width: 320px
  }
}
.hidden {
  visibility: hidden !important
}
@media (max-width:767px) {
  .visible-xs {
    display: block !important
  }
  tr.visible-xs {
    display: table-row !important
  }
  td.visible-xs, th.visible-xs {
    display: table-cell !important
  }
}
@media (min-width:768px) and (max-width:991px) {
  .visible-xs.visible-sm {
    display: block !important
  }
  tr.visible-xs.visible-sm {
    display: table-row !important
  }
  td.visible-xs.visible-sm, th.visible-xs.visible-sm {
    display: table-cell !important
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .visible-xs.visible-md {
    display: block !important
  }
  tr.visible-xs.visible-md {
    display: table-row !important
  }
  td.visible-xs.visible-md, th.visible-xs.visible-md {
    display: table-cell !important
  }
}
@media (min-width:1200px) {
  .visible-xs.visible-lg {
    display: block !important
  }
  tr.visible-xs.visible-lg {
    display: table-row !important
  }
  td.visible-xs.visible-lg, th.visible-xs.visible-lg {
    display: table-cell !important
  }
}
.visible-sm, td.visible-sm, th.visible-sm, tr.visible-sm {
  display: none !important
}
@media (max-width:767px) {
  .visible-sm.visible-xs {
    display: block !important
  }
  tr.visible-sm.visible-xs {
    display: table-row !important
  }
  td.visible-sm.visible-xs, th.visible-sm.visible-xs {
    display: table-cell !important
  }
}
@media (min-width:768px) and (max-width:991px) {
  .visible-sm {
    display: block !important
  }
  tr.visible-sm {
    display: table-row !important
  }
  td.visible-sm, th.visible-sm {
    display: table-cell !important
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .visible-sm.visible-md {
    display: block !important
  }
  tr.visible-sm.visible-md {
    display: table-row !important
  }
  td.visible-sm.visible-md, th.visible-sm.visible-md {
    display: table-cell !important
  }
}
@media (min-width:1200px) {
  .visible-sm.visible-lg {
    display: block !important
  }
  tr.visible-sm.visible-lg {
    display: table-row !important
  }
  td.visible-sm.visible-lg, th.visible-sm.visible-lg {
    display: table-cell !important
  }
}
.visible-md, td.visible-md, th.visible-md, tr.visible-md {
  display: none !important
}
@media (max-width:767px) {
  .visible-md.visible-xs {
    display: block !important
  }
  tr.visible-md.visible-xs {
    display: table-row !important
  }
  td.visible-md.visible-xs, th.visible-md.visible-xs {
    display: table-cell !important
  }
}
@media (min-width:768px) and (max-width:991px) {
  .visible-md.visible-sm {
    display: block !important
  }
  tr.visible-md.visible-sm {
    display: table-row !important
  }
  td.visible-md.visible-sm, th.visible-md.visible-sm {
    display: table-cell !important
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .visible-md {
    display: block !important
  }
  tr.visible-md {
    display: table-row !important
  }
  td.visible-md, th.visible-md {
    display: table-cell !important
  }
}
@media (min-width:1200px) {
  .visible-md.visible-lg {
    display: block !important
  }
  tr.visible-md.visible-lg {
    display: table-row !important
  }
  td.visible-md.visible-lg, th.visible-md.visible-lg {
    display: table-cell !important
  }
}
.visible-lg, td.visible-lg, th.visible-lg, tr.visible-lg {
  display: none !important
}
@media (max-width:767px) {
  .visible-lg.visible-xs {
    display: block !important
  }
  tr.visible-lg.visible-xs {
    display: table-row !important
  }
  td.visible-lg.visible-xs, th.visible-lg.visible-xs {
    display: table-cell !important
  }
}
@media (min-width:768px) and (max-width:991px) {
  .visible-lg.visible-sm {
    display: block !important
  }
  tr.visible-lg.visible-sm {
    display: table-row !important
  }
  td.visible-lg.visible-sm, th.visible-lg.visible-sm {
    display: table-cell !important
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .visible-lg.visible-md {
    display: block !important
  }
  tr.visible-lg.visible-md {
    display: table-row !important
  }
  td.visible-lg.visible-md, th.visible-lg.visible-md {
    display: table-cell !important
  }
}
@media (min-width:1200px) {
  .visible-lg {
    display: block !important
  }
  tr.visible-lg {
    display: table-row !important
  }
  td.visible-lg, th.visible-lg {
    display: table-cell !important
  }
}
.hidden-xs {
  display: block !important
}
tr.hidden-xs {
  display: table-row !important
}
td.hidden-xs, th.hidden-xs {
  display: table-cell !important
}
@media (max-width:767px) {
  .hidden-xs, td.hidden-xs, th.hidden-xs, tr.hidden-xs {
    display: none !important
  }
}
@media (min-width:768px) and (max-width:991px) {
  .hidden-xs.hidden-sm, td.hidden-xs.hidden-sm, th.hidden-xs.hidden-sm, tr.hidden-xs.hidden-sm {
    display: none !important
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .hidden-xs.hidden-md, td.hidden-xs.hidden-md, th.hidden-xs.hidden-md, tr.hidden-xs.hidden-md {
    display: none !important
  }
}
@media (min-width:1200px) {
  .hidden-xs.hidden-lg, td.hidden-xs.hidden-lg, th.hidden-xs.hidden-lg, tr.hidden-xs.hidden-lg {
    display: none !important
  }
}
.hidden-sm {
  display: block !important
}
tr.hidden-sm {
  display: table-row !important
}
td.hidden-sm, th.hidden-sm {
  display: table-cell !important
}
@media (max-width:767px) {
  .hidden-sm.hidden-xs, td.hidden-sm.hidden-xs, th.hidden-sm.hidden-xs, tr.hidden-sm.hidden-xs {
    display: none !important
  }
}
@media (min-width:768px) and (max-width:991px) {
  .hidden-sm, td.hidden-sm, th.hidden-sm, tr.hidden-sm {
    display: none !important
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .hidden-sm.hidden-md, td.hidden-sm.hidden-md, th.hidden-sm.hidden-md, tr.hidden-sm.hidden-md {
    display: none !important
  }
}
@media (min-width:1200px) {
  .hidden-sm.hidden-lg, td.hidden-sm.hidden-lg, th.hidden-sm.hidden-lg, tr.hidden-sm.hidden-lg {
    display: none !important
  }
}
.hidden-md {
  display: block !important
}
tr.hidden-md {
  display: table-row !important
}
td.hidden-md, th.hidden-md {
  display: table-cell !important
}
@media (max-width:767px) {
  .hidden-md.hidden-xs, td.hidden-md.hidden-xs, th.hidden-md.hidden-xs, tr.hidden-md.hidden-xs {
    display: none !important
  }
}
@media (min-width:768px) and (max-width:991px) {
  .hidden-md.hidden-sm, td.hidden-md.hidden-sm, th.hidden-md.hidden-sm, tr.hidden-md.hidden-sm {
    display: none !important
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .hidden-md, td.hidden-md, th.hidden-md, tr.hidden-md {
    display: none !important
  }
}
@media (min-width:1200px) {
  .hidden-md.hidden-lg, td.hidden-md.hidden-lg, th.hidden-md.hidden-lg, tr.hidden-md.hidden-lg {
    display: none !important
  }
}
.hidden-lg {
  display: block !important
}
tr.hidden-lg {
  display: table-row !important
}
td.hidden-lg, th.hidden-lg {
  display: table-cell !important
}
.form_hidden, .paid_hidden, .sp-hidden, .visible-print, td.visible-print, th.visible-print, tr.visible-print {
  display: none !important
}
@media (max-width:767px) {
  .hidden-lg.hidden-xs, td.hidden-lg.hidden-xs, th.hidden-lg.hidden-xs, tr.hidden-lg.hidden-xs {
    display: none !important
  }
}
@media (min-width:768px) and (max-width:991px) {
  .hidden-lg.hidden-sm, td.hidden-lg.hidden-sm, th.hidden-lg.hidden-sm, tr.hidden-lg.hidden-sm {
    display: none !important
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .hidden-lg.hidden-md, td.hidden-lg.hidden-md, th.hidden-lg.hidden-md, tr.hidden-lg.hidden-md {
    display: none !important
  }
}
@media (min-width:1200px) {
  .hidden-lg, td.hidden-lg, th.hidden-lg, tr.hidden-lg {
    display: none !important
  }
}
@media print {
  .visible-print {
    display: block !important
  }
  tr.visible-print {
    display: table-row !important
  }
  td.visible-print, th.visible-print {
    display: table-cell !important
  }
  .hidden-print, td.hidden-print, th.hidden-print, tr.hidden-print {
    display: none !important
  }
}
@font-face {
  font-family: FontAwesome;
  src: url(../font/fontawesome-webfont.eot?v=3.2.1);
  src: url(../font/fontawesome-webfont.eot?#iefix&v=3.2.1) format('embedded-opentype'), url(../font/fontawesome-webfont.woff?v=3.2.1) format('woff'), url(../font/fontawesome-webfont.ttf?v=3.2.1) format('truetype'), url(../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1) format('svg');
  font-weight: 400;
  font-style: normal
}
[class*=' icon-']:before, [class^=icon-]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none
}
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.3333333333333333em
}
a [class*=' icon-'], a [class^=icon-] {
  display: inline
}
[class*=' icon-'].icon-fixed-width, [class^=icon-].icon-fixed-width {
  display: inline-block;
  width: 1.1428571428571428em;
  text-align: right;
  padding-right: .2857142857142857em
}
[class*=' icon-'].icon-fixed-width.icon-large, [class^=icon-].icon-fixed-width.icon-large {
  width: 1.4285714285714286em
}
.icons-ul {
  margin-left: 2.142857142857143em;
  list-style-type: none
}
.icons-ul > li {
  position: relative
}
.icons-ul .icon-li {
  position: absolute;
  left: -2.142857142857143em;
  width: 2.142857142857143em;
  text-align: center;
  line-height: inherit
}
[class*=' icon-'].hide, [class^=icon-].hide {
  display: none
}
.icon-muted {
  color: #eee
}
.icon-light {
  color: #fff
}
.icon-dark {
  color: #333
}
.icon-border {
  border: 1px solid #eee;
  padding: .2em .25em .15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px
}
.icon-2x {
  font-size: 2em
}
.icon-2x.icon-border {
  border-width: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}
.icon-3x {
  font-size: 3em
}
.icon-3x.icon-border {
  border-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px
}
.icon-4x {
  font-size: 4em
}
.icon-4x.icon-border {
  border-width: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px
}
.icon-5x {
  font-size: 5em
}
.icon-5x.icon-border {
  border-width: 5px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px
}
[class*=' icon-'].pull-left, [class^=icon-].pull-left {
  margin-right: .3em
}
[class*=' icon-'].pull-right, [class^=icon-].pull-right {
  margin-left: .3em
}
[class*=' icon-'], [class^=icon-] {
  font-family: FontAwesome;
  font-weight: 400;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  margin-top: 0
}
.btn [class*=' icon-'].icon-spin, .btn [class^=icon-].icon-spin, .icon-stack, .nav [class*=' icon-'].icon-spin, .nav [class^=icon-].icon-spin {
  display: inline-block
}
.btn [class*=' icon-'].icon-large, .btn [class^=icon-].icon-large, .nav [class*=' icon-'].icon-large, .nav [class^=icon-].icon-large, .nav-pills [class*=' icon-'], .nav-pills [class*=' icon-'].icon-large, .nav-pills [class^=icon-], .nav-pills [class^=icon-].icon-large, .nav-tabs [class*=' icon-'], .nav-tabs [class*=' icon-'].icon-large, .nav-tabs [class^=icon-], .nav-tabs [class^=icon-].icon-large {
  line-height: .9em
}
.dropdown-menu > .active > a > [class*=' icon-'], .dropdown-menu > .active > a > [class^=icon-], .dropdown-menu > li > a:hover > [class*=' icon-'], .dropdown-menu > li > a:hover > [class^=icon-], .dropdown-submenu:hover > a > [class*=' icon-'], .dropdown-submenu:hover > a > [class^=icon-], .icon-white, .nav-list > .active > a > [class*=' icon-'], .nav-list > .active > a > [class^=icon-], .nav-pills > .active > a > [class*=' icon-'], .nav-pills > .active > a > [class^=icon-], .navbar-inverse .nav > .active > a > [class*=' icon-'], .navbar-inverse .nav > .active > a > [class^=icon-] {
  background-image: none
}
.btn [class*=' icon-'].pull-left.icon-2x, .btn [class*=' icon-'].pull-right.icon-2x, .btn [class^=icon-].pull-left.icon-2x, .btn [class^=icon-].pull-right.icon-2x {
  margin-top: .18em
}
.btn [class*=' icon-'].icon-spin.icon-large, .btn [class^=icon-].icon-spin.icon-large {
  line-height: .8em
}
.btn.btn-small [class*=' icon-'].pull-left.icon-2x, .btn.btn-small [class*=' icon-'].pull-right.icon-2x, .btn.btn-small [class^=icon-].pull-left.icon-2x, .btn.btn-small [class^=icon-].pull-right.icon-2x {
  margin-top: .25em
}
.btn.btn-large [class*=' icon-'], .btn.btn-large [class^=icon-] {
  margin-top: 0
}
.btn.btn-large [class*=' icon-'].pull-left.icon-2x, .btn.btn-large [class*=' icon-'].pull-right.icon-2x, .btn.btn-large [class^=icon-].pull-left.icon-2x, .btn.btn-large [class^=icon-].pull-right.icon-2x {
  margin-top: .05em
}
.btn.btn-large [class*=' icon-'].pull-left.icon-2x, .btn.btn-large [class^=icon-].pull-left.icon-2x {
  margin-right: .2em
}
.fa.fa-pull-left, .fa.pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left {
  margin-right: .3em
}
.btn.btn-large [class*=' icon-'].pull-right.icon-2x, .btn.btn-large [class^=icon-].pull-right.icon-2x {
  margin-left: .2em
}
.fa.fa-pull-right, .fa.pull-right {
  margin-left: .3em
}
.nav-list [class*=' icon-'], .nav-list [class^=icon-] {
  line-height: inherit
}
.fa-stack, .icon-stack {
  height: 2em;
  line-height: 2em
}
.icon-stack {
  position: relative;
  width: 2em;
  vertical-align: -35%
}
.icon-stack [class*=' icon-'], .icon-stack [class^=icon-] {
  display: block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 1em;
  line-height: inherit
}
.ds-sharepoint, .fa, .fa-stack, .fab, .fad, .fal, .far, .fas, .icon-spin, a .icon-flip-horizontal:before, a .icon-flip-vertical:before, a .icon-rotate-180:before, a .icon-rotate-270:before, a .icon-rotate-90:before, a .icon-spin, a .icon-stack {
  display: inline-block
}
.icon-stack .icon-stack-base {
  font-size: 2em
}
.icon-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear
}
a .icon-spin, a .icon-stack {
  text-decoration: none
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0)
  }
  100% {
    -moz-transform: rotate(359deg)
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(359deg)
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0)
  }
  100% {
    -o-transform: rotate(359deg)
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0)
  }
  100% {
    -ms-transform: rotate(359deg)
  }
}
@keyframes spin {
  0% {
    transform: rotate(0)
  }
  100% {
    transform: rotate(359deg)
  }
}
.icon-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1)
}
.icon-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2)
}
.icon-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
}
.icon-flip-horizontal:before {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1)
}
.icon-flip-vertical:before {
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1)
}
.icon-glass:before {
  content: '\f000'
}
.icon-music:before {
  content: '\f001'
}
.icon-search:before {
  content: '\f002'
}
.icon-envelope-alt:before {
  content: '\f003'
}
.icon-heart:before {
  content: '\f004'
}
.icon-star:before {
  content: '\f005'
}
.icon-star-empty:before {
  content: '\f006'
}
.icon-user:before {
  content: '\f007'
}
.icon-film:before {
  content: '\f008'
}
.icon-th-large:before {
  content: '\f009'
}
.icon-th:before {
  content: '\f00a'
}
.icon-th-list:before {
  content: '\f00b'
}
.icon-ok:before {
  content: '\f00c'
}
.icon-zoom-in:before {
  content: '\f00e'
}
.icon-zoom-out:before {
  content: '\f010'
}
.icon-off:before, .icon-power-off:before {
  content: '\f011'
}
.icon-signal:before {
  content: '\f012'
}
.icon-cog:before, .icon-gear:before {
  content: '\f013'
}
.icon-trash:before {
  content: '\f014'
}
.icon-home:before {
  content: '\f015'
}
.icon-file-alt:before {
  content: '\f016'
}
.icon-time:before {
  content: '\f017'
}
.icon-road:before {
  content: '\f018'
}
.icon-download-alt:before {
  content: '\f019'
}
.icon-download:before {
  content: '\f01a'
}
.icon-upload:before {
  content: '\f01b'
}
.icon-inbox:before {
  content: '\f01c'
}
.icon-play-circle:before {
  content: '\f01d'
}
.icon-repeat:before, .icon-rotate-right:before {
  content: '\f01e'
}
.icon-refresh:before {
  content: '\f021'
}
.icon-list-alt:before {
  content: '\f022'
}
.icon-lock:before {
  content: '\f023'
}
.icon-flag:before {
  content: '\f024'
}
.icon-headphones:before {
  content: '\f025'
}
.icon-volume-off:before {
  content: '\f026'
}
.icon-volume-down:before {
  content: '\f027'
}
.icon-volume-up:before {
  content: '\f028'
}
.icon-qrcode:before {
  content: '\f029'
}
.icon-barcode:before {
  content: '\f02a'
}
.icon-tag:before {
  content: '\f02b'
}
.icon-tags:before {
  content: '\f02c'
}
.icon-book:before {
  content: '\f02d'
}
.icon-bookmark:before {
  content: '\f02e'
}
.icon-print:before {
  content: '\f02f'
}
.icon-camera:before {
  content: '\f030'
}
.icon-font:before {
  content: '\f031'
}
.icon-bold:before {
  content: '\f032'
}
.icon-italic:before {
  content: '\f033'
}
.icon-text-height:before {
  content: '\f034'
}
.icon-text-width:before {
  content: '\f035'
}
.icon-align-left:before {
  content: '\f036'
}
.icon-align-center:before {
  content: '\f037'
}
.icon-align-right:before {
  content: '\f038'
}
.icon-align-justify:before {
  content: '\f039'
}
.icon-list:before {
  content: '\f03a'
}
.icon-indent-left:before {
  content: '\f03b'
}
.icon-indent-right:before {
  content: '\f03c'
}
.icon-facetime-video:before {
  content: '\f03d'
}
.icon-picture:before {
  content: '\f03e'
}
.icon-pencil:before {
  content: '\f040'
}
.icon-map-marker:before {
  content: '\f041'
}
.icon-adjust:before {
  content: '\f042'
}
.icon-tint:before {
  content: '\f043'
}
.icon-edit:before {
  content: '\f044'
}
.icon-share:before {
  content: '\f045'
}
.icon-check:before {
  content: '\f046'
}
.icon-move:before {
  content: '\f047'
}
.icon-step-backward:before {
  content: '\f048'
}
.icon-fast-backward:before {
  content: '\f049'
}
.icon-backward:before {
  content: '\f04a'
}
.icon-play:before {
  content: '\f04b'
}
.icon-pause:before {
  content: '\f04c'
}
.icon-stop:before {
  content: '\f04d'
}
.icon-forward:before {
  content: '\f04e'
}
.icon-fast-forward:before {
  content: '\f050'
}
.icon-step-forward:before {
  content: '\f051'
}
.icon-eject:before {
  content: '\f052'
}
.icon-chevron-left:before {
  content: '\f053'
}
.icon-chevron-right:before {
  content: '\f054'
}
.icon-plus-sign:before {
  content: '\f055'
}
.icon-minus-sign:before {
  content: '\f056'
}
.ds-remove-close-sign:before {
  content: '\f057'
}
.icon-ok-sign:before {
  content: '\f058'
}
.icon-info-sign:before {
  content: '\f05a'
}
.icon-screenshot:before {
  content: '\f05b'
}
.icon-ok-circle:before {
  content: '\f05d'
}
.icon-ban-circle:before {
  content: '\f05e'
}
.icon-arrow-left:before {
  content: '\f060'
}
.icon-arrow-right:before {
  content: '\f061'
}
.icon-arrow-up:before {
  content: '\f062'
}
.icon-arrow-down:before {
  content: '\f063'
}
.icon-mail-forward:before, .icon-share-alt:before {
  content: '\f064'
}
.icon-resize-full:before {
  content: '\f065'
}
.icon-resize-small:before {
  content: '\f066'
}
.icon-plus:before {
  content: '\f067'
}
.icon-minus:before {
  content: '\f068'
}
.icon-asterisk:before {
  content: '\f069'
}
.icon-exclamation-sign:before {
  content: '\f06a'
}
.icon-gift:before {
  content: '\f06b'
}
.icon-leaf:before {
  content: '\f06c'
}
.icon-fire:before {
  content: '\f06d'
}
.icon-eye-open:before {
  content: '\f06e'
}
.icon-eye-close:before {
  content: '\f070'
}
.icon-warning-sign:before {
  content: '\f071'
}
.icon-plane:before {
  content: '\f072'
}
.icon-calendar:before {
  content: '\f073'
}
.icon-random:before {
  content: '\f074'
}
.icon-comment:before {
  content: '\f075'
}
.icon-magnet:before {
  content: '\f076'
}
.icon-chevron-up:before {
  content: '\f077'
}
.icon-chevron-down:before {
  content: '\f078'
}
.icon-retweet:before {
  content: '\f079'
}
.icon-shopping-cart:before {
  content: '\f07a'
}
.icon-folder-close:before {
  content: '\f07b'
}
.icon-folder-open:before {
  content: '\f07c'
}
.icon-resize-vertical:before {
  content: '\f07d'
}
.icon-resize-horizontal:before {
  content: '\f07e'
}
.icon-bar-chart:before {
  content: '\f080'
}
.icon-twitter-sign:before {
  content: '\f081'
}
.icon-facebook-sign:before {
  content: '\f082'
}
.icon-camera-retro:before {
  content: '\f083'
}
.icon-key:before {
  content: '\f084'
}
.icon-cogs:before, .icon-gears:before {
  content: '\f085'
}
.icon-comments:before {
  content: '\f086'
}
.icon-thumbs-up-alt:before {
  content: '\f087'
}
.icon-thumbs-down-alt:before {
  content: '\f088'
}
.icon-star-half:before {
  content: '\f089'
}
.icon-heart-empty:before {
  content: '\f08a'
}
.icon-signout:before {
  content: '\f08b'
}
.icon-linkedin-sign:before {
  content: '\f08c'
}
.icon-pushpin:before {
  content: '\f08d'
}
.icon-external-link:before {
  content: '\f08e'
}
.icon-signin:before {
  content: '\f090'
}
.icon-trophy:before {
  content: '\f091'
}
.icon-github-sign:before {
  content: '\f092'
}
.icon-upload-alt:before {
  content: '\f093'
}
.icon-lemon:before {
  content: '\f094'
}
.icon-phone:before {
  content: '\f095'
}
.icon-check-empty:before, .icon-unchecked:before {
  content: '\f096'
}
.icon-bookmark-empty:before {
  content: '\f097'
}
.icon-phone-sign:before {
  content: '\f098'
}
.icon-twitter:before {
  content: '\f099'
}
.icon-facebook:before {
  content: '\f09a'
}
.icon-github:before {
  content: '\f09b'
}
.icon-unlock:before {
  content: '\f09c'
}
.icon-credit-card:before {
  content: '\f09d'
}
.icon-rss:before {
  content: '\f09e'
}
.icon-hdd:before {
  content: '\f0a0'
}
.icon-bullhorn:before {
  content: '\f0a1'
}
.icon-bell:before {
  content: '\f0a2'
}
.icon-certificate:before {
  content: '\f0a3'
}
.icon-hand-right:before {
  content: '\f0a4'
}
.icon-hand-left:before {
  content: '\f0a5'
}
.icon-hand-up:before {
  content: '\f0a6'
}
.icon-hand-down:before {
  content: '\f0a7'
}
.icon-circle-arrow-left:before {
  content: '\f0a8'
}
.icon-circle-arrow-right:before {
  content: '\f0a9'
}
.icon-circle-arrow-up:before {
  content: '\f0aa'
}
.icon-circle-arrow-down:before {
  content: '\f0ab'
}
.icon-globe:before {
  content: '\f0ac'
}
.icon-wrench:before {
  content: '\f0ad'
}
.icon-tasks:before {
  content: '\f0ae'
}
.icon-filter:before {
  content: '\f0b0'
}
.icon-briefcase:before {
  content: '\f0b1'
}
.icon-fullscreen:before {
  content: '\f0b2'
}
.icon-group:before {
  content: '\f0c0'
}
.icon-link:before {
  content: '\f0c1'
}
.icon-cloud:before {
  content: '\f0c2'
}
.icon-beaker:before {
  content: '\f0c3'
}
.icon-cut:before {
  content: '\f0c4'
}
.icon-copy:before {
  content: '\f0c5'
}
.icon-paper-clip:before, .icon-paperclip:before {
  content: '\f0c6'
}
.icon-save:before {
  content: '\f0c7'
}
.icon-sign-blank:before {
  content: '\f0c8'
}
.icon-reorder:before {
  content: '\f0c9'
}
.icon-list-ul:before {
  content: '\f0ca'
}
.icon-list-ol:before {
  content: '\f0cb'
}
.icon-strikethrough:before {
  content: '\f0cc'
}
.icon-underline:before {
  content: '\f0cd'
}
.icon-table:before {
  content: '\f0ce'
}
.icon-magic:before {
  content: '\f0d0'
}
.icon-truck:before {
  content: '\f0d1'
}
.icon-pinterest:before {
  content: '\f0d2'
}
.icon-pinterest-sign:before {
  content: '\f0d3'
}
.icon-google-plus-sign:before {
  content: '\f0d4'
}
.icon-google-plus:before {
  content: '\f0d5'
}
.icon-money:before {
  content: '\f0d6'
}
.icon-caret-down:before {
  content: '\f0d7'
}
.icon-caret-up:before {
  content: '\f0d8'
}
.icon-caret-left:before {
  content: '\f0d9'
}
.icon-caret-right:before {
  content: '\f0da'
}
.icon-columns:before {
  content: '\f0db'
}
.icon-sort:before {
  content: '\f0dc'
}
.icon-sort-down:before {
  content: '\f0dd'
}
.icon-sort-up:before {
  content: '\f0de'
}
.icon-envelope:before {
  content: '\f0e0'
}
.icon-linkedin:before {
  content: '\f0e1'
}
.icon-rotate-left:before, .icon-undo:before {
  content: '\f0e2'
}
.icon-legal:before {
  content: '\f0e3'
}
.icon-dashboard:before {
  content: '\f0e4'
}
.icon-comment-alt:before {
  content: '\f0e5'
}
.icon-comments-alt:before {
  content: '\f0e6'
}
.icon-bolt:before {
  content: '\f0e7'
}
.icon-sitemap:before {
  content: '\f0e8'
}
.icon-umbrella:before {
  content: '\f0e9'
}
.icon-paste:before {
  content: '\f0ea'
}
.icon-lightbulb:before {
  content: '\f0eb'
}
.icon-exchange:before {
  content: '\f0ec'
}
.icon-cloud-download:before {
  content: '\f0ed'
}
.icon-cloud-upload:before {
  content: '\f0ee'
}
.icon-user-md:before {
  content: '\f0f0'
}
.icon-stethoscope:before {
  content: '\f0f1'
}
.icon-suitcase:before {
  content: '\f0f2'
}
.icon-bell-alt:before {
  content: '\f0f3'
}
.icon-coffee:before {
  content: '\f0f4'
}
.icon-food:before {
  content: '\f0f5'
}
.icon-file-text-alt:before {
  content: '\f0f6'
}
.icon-building:before {
  content: '\f0f7'
}
.icon-hospital:before {
  content: '\f0f8'
}
.icon-ambulance:before {
  content: '\f0f9'
}
.icon-medkit:before {
  content: '\f0fa'
}
.icon-fighter-jet:before {
  content: '\f0fb'
}
.icon-beer:before {
  content: '\f0fc'
}
.icon-h-sign:before {
  content: '\f0fd'
}
.icon-plus-sign-alt:before {
  content: '\f0fe'
}
.icon-double-angle-left:before {
  content: '\f100'
}
.icon-double-angle-right:before {
  content: '\f101'
}
.icon-double-angle-up:before {
  content: '\f102'
}
.icon-double-angle-down:before {
  content: '\f103'
}
.icon-angle-left:before {
  content: '\f104'
}
.icon-angle-right:before {
  content: '\f105'
}
.icon-angle-up:before {
  content: '\f106'
}
.icon-angle-down:before {
  content: '\f107'
}
.icon-desktop:before {
  content: '\f108'
}
.icon-laptop:before {
  content: '\f109'
}
.icon-tablet:before {
  content: '\f10a'
}
.icon-mobile-phone:before {
  content: '\f10b'
}
.icon-circle-blank:before {
  content: '\f10c'
}
.icon-quote-left:before {
  content: '\f10d'
}
.icon-quote-right:before {
  content: '\f10e'
}
.icon-spinner:before {
  content: '\f110'
}
.icon-circle:before {
  content: '\f111'
}
.icon-mail-reply:before, .icon-reply:before {
  content: '\f112'
}
.icon-github-alt:before {
  content: '\f113'
}
.icon-folder-close-alt:before {
  content: '\f114'
}
.icon-folder-open-alt:before {
  content: '\f115'
}
.icon-expand-alt:before {
  content: '\f116'
}
.icon-collapse-alt:before {
  content: '\f117'
}
.icon-smile:before {
  content: '\f118'
}
.icon-frown:before {
  content: '\f119'
}
.icon-meh:before {
  content: '\f11a'
}
.icon-gamepad:before {
  content: '\f11b'
}
.icon-keyboard:before {
  content: '\f11c'
}
.icon-flag-alt:before {
  content: '\f11d'
}
.icon-flag-checkered:before {
  content: '\f11e'
}
.icon-terminal:before {
  content: '\f120'
}
.icon-code:before {
  content: '\f121'
}
.icon-mail-reply-all:before, .icon-reply-all:before {
  content: '\f122'
}
.icon-star-half-empty:before, .icon-star-half-full:before {
  content: '\f123'
}
.icon-location-arrow:before {
  content: '\f124'
}
.icon-crop:before {
  content: '\f125'
}
.icon-code-fork:before {
  content: '\f126'
}
.icon-unlink:before {
  content: '\f127'
}
.icon-question:before {
  content: '\f128'
}
.icon-info:before {
  content: '\f129'
}
.icon-exclamation:before {
  content: '\f12a'
}
.icon-superscript:before {
  content: '\f12b'
}
.icon-subscript:before {
  content: '\f12c'
}
.icon-eraser:before {
  content: '\f12d'
}
.icon-puzzle-piece:before {
  content: '\f12e'
}
.icon-microphone:before {
  content: '\f130'
}
.icon-microphone-off:before {
  content: '\f131'
}
.icon-shield:before {
  content: '\f132'
}
.icon-calendar-empty:before {
  content: '\f133'
}
.icon-fire-extinguisher:before {
  content: '\f134'
}
.icon-rocket:before {
  content: '\f135'
}
.icon-maxcdn:before {
  content: '\f136'
}
.icon-chevron-sign-left:before {
  content: '\f137'
}
.icon-chevron-sign-right:before {
  content: '\f138'
}
.icon-chevron-sign-up:before {
  content: '\f139'
}
.icon-chevron-sign-down:before {
  content: '\f13a'
}
.icon-html5:before {
  content: '\f13b'
}
.icon-css3:before {
  content: '\f13c'
}
.icon-anchor:before {
  content: '\f13d'
}
.icon-unlock-alt:before {
  content: '\f13e'
}
.icon-bullseye:before {
  content: '\f140'
}
.icon-ellipsis-horizontal:before {
  content: '\f141'
}
.icon-ellipsis-vertical:before {
  content: '\f142'
}
.icon-rss-sign:before {
  content: '\f143'
}
.icon-play-sign:before {
  content: '\f144'
}
.icon-ticket:before {
  content: '\f145'
}
.icon-minus-sign-alt:before {
  content: '\f146'
}
.icon-check-minus:before {
  content: '\f147'
}
.icon-level-up:before {
  content: '\f148'
}
.icon-level-down:before {
  content: '\f149'
}
.icon-check-sign:before {
  content: '\f14a'
}
.icon-edit-sign:before {
  content: '\f14b'
}
.icon-external-link-sign:before {
  content: '\f14c'
}
.icon-share-sign:before {
  content: '\f14d'
}
.icon-compass:before {
  content: '\f14e'
}
.icon-collapse:before {
  content: '\f150'
}
.icon-collapse-top:before {
  content: '\f151'
}
.icon-expand:before {
  content: '\f152'
}
.icon-eur:before, .icon-euro:before {
  content: '\f153'
}
.icon-gbp:before {
  content: '\f154'
}
.icon-dollar:before, .icon-usd:before {
  content: '\f155'
}
.icon-inr:before, .icon-rupee:before {
  content: '\f156'
}
.icon-jpy:before, .icon-yen:before {
  content: '\f157'
}
.icon-cny:before, .icon-renminbi:before {
  content: '\f158'
}
.icon-krw:before, .icon-won:before {
  content: '\f159'
}
.icon-bitcoin:before, .icon-btc:before {
  content: '\f15a'
}
.icon-file:before {
  content: '\f15b'
}
.icon-file-text:before {
  content: '\f15c'
}
.icon-sort-by-alphabet:before {
  content: '\f15d'
}
.icon-sort-by-alphabet-alt:before {
  content: '\f15e'
}
.icon-sort-by-attributes:before {
  content: '\f160'
}
.icon-sort-by-attributes-alt:before {
  content: '\f161'
}
.icon-sort-by-order:before {
  content: '\f162'
}
.icon-sort-by-order-alt:before {
  content: '\f163'
}
.icon-thumbs-up:before {
  content: '\f164'
}
.icon-thumbs-down:before {
  content: '\f165'
}
.icon-youtube-sign:before {
  content: '\f166'
}
.icon-youtube:before {
  content: '\f167'
}
.icon-vimeo-sing:before {
  content: '\f194'
}
.icon-vimeo:before {
  content: '\f27d'
}
.icon-xing:before {
  content: '\f168'
}
.icon-xing-sign:before {
  content: '\f169'
}
.icon-youtube-play:before {
  content: '\f16a'
}
.icon-dropbox:before {
  content: '\f16b'
}
.icon-stackexchange:before {
  content: '\f16c'
}
.icon-instagram:before {
  content: '\f16d'
}
.icon-flickr:before {
  content: '\f16e'
}
.icon-adn:before {
  content: '\f170'
}
.icon-bitbucket:before {
  content: '\f171'
}
.icon-bitbucket-sign:before {
  content: '\f172'
}
.icon-tumblr:before {
  content: '\f173'
}
.icon-tumblr-sign:before {
  content: '\f174'
}
.icon-long-arrow-down:before {
  content: '\f175'
}
.icon-long-arrow-up:before {
  content: '\f176'
}
.icon-long-arrow-left:before {
  content: '\f177'
}
.icon-long-arrow-right:before {
  content: '\f178'
}
.icon-apple:before {
  content: '\f179'
}
.icon-windows:before {
  content: '\f17a'
}
.icon-android:before {
  content: '\f17b'
}
.icon-linux:before {
  content: '\f17c'
}
.icon-dribbble:before {
  content: '\f17d'
}
.icon-skype:before {
  content: '\f17e'
}
.icon-foursquare:before {
  content: '\f180'
}
.icon-trello:before {
  content: '\f181'
}
.icon-female:before {
  content: '\f182'
}
.icon-male:before {
  content: '\f183'
}
.icon-gittip:before {
  content: '\f184'
}
.icon-sun:before {
  content: '\f185'
}
.icon-moon:before {
  content: '\f186'
}
.icon-archive:before {
  content: '\f187'
}
.icon-bug:before {
  content: '\f188'
}
.icon-vk:before {
  content: '\f189'
}
.icon-weibo:before {
  content: '\f18a'
}
.icon-renren:before {
  content: '\f18b'
} /*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */ @font-face {
  font-family: FontAwesome;
  src: url(../fonts4/fontawesome-webfont.eot?v=4.7.0);
  src: url(../fonts4/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'), url(../fonts4/fontawesome-webfont.woff2?v=4.7.0) format('woff2'), url(../fonts4/fontawesome-webfont.woff?v=4.7.0) format('woff'), url(../fonts4/fontawesome-webfont.ttf?v=4.7.0) format('truetype'), url(../fonts4/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');
  font-weight: 400;
  font-style: normal
}
.fa {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  font-family: var(--fa-style-family, 'Font Awesome 6 Free'), 'Font Awesome 6 Brands';
  font-weight: var(--fa-style, 900)
}
.fa-brands, .fa-regular, .fab, .far {
  font-weight: 400
}
.fa-li.fa-lg {
  left: -1.85714286em
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}
.fa-rotate-90 {
  -ms-transform: rotate(90deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"
}
.fa-rotate-180 {
  -ms-transform: rotate(180deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"
}
.fa-rotate-270 {
  -ms-transform: rotate(270deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"
}
.fa-flip-horizontal {
  -ms-transform: scale(-1, 1);
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"
}
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
}
.fa-flip-vertical {
  -ms-transform: scale(1, -1)
}
.fa-glass:before {
  content: "\f000"
}
.fa-envelope-o:before {
  content: "\f003"
}
.fa-star-o:before {
  content: "\f006"
}
.fa-close:before, .fa-remove:before, .fa-times:before {
  content: "\f00d"
}
.fa-cog:before, .fa-gear:before {
  content: "\f013"
}
.fa-trash-o:before {
  content: "\f014"
}
.fa-file-o:before {
  content: "\f016"
}
.fa-clock-o:before {
  content: "\f017"
}
.fa-arrow-circle-o-down:before {
  content: "\f01a"
}
.fa-arrow-circle-o-up:before {
  content: "\f01b"
}
.fa-play-circle-o:before {
  content: "\f01d"
}
.fa-repeat:before, .fa-rotate-right:before {
  content: "\f01e"
}
.fa-refresh:before {
  content: "\f021"
}
.fa-dedent:before, .fa-outdent:before {
  content: "\f03b"
}
.fa-video-camera:before {
  content: "\f03d"
}
.fa-image:before, .fa-photo:before, .fa-picture-o:before {
  content: "\f03e"
}
.fa-pencil:before {
  content: "\f040"
}
.fa-edit:before, .fa-pencil-square-o:before {
  content: "\f044"
}
.fa-share-square-o:before {
  content: "\f045"
}
.fa-check-square-o:before {
  content: "\f046"
}
.fa-arrows:before {
  content: "\f047"
}
.fa-times-circle-o:before {
  content: "\f05c"
}
.fa-check-circle-o:before {
  content: "\f05d"
}
.fa-mail-forward:before, .fa-share:before {
  content: "\f064"
}
.fa-exclamation-triangle:before, .fa-warning:before {
  content: "\f071"
}
.fa-arrows-v:before {
  content: "\f07d"
}
.fa-arrows-h:before {
  content: "\f07e"
}
.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "\f080"
}
.fa-cogs:before, .fa-gears:before {
  content: "\f085"
}
.fa-thumbs-o-up:before {
  content: "\f087"
}
.fa-thumbs-o-down:before {
  content: "\f088"
}
.fa-heart-o:before {
  content: "\f08a"
}
.fa-sign-out:before {
  content: "\f08b"
}
.fa-linkedin-square:before {
  content: "\f08c"
}
.fa-thumb-tack:before {
  content: "\f08d"
}
.fa-external-link:before {
  content: "\f08e"
}
.fa-sign-in:before {
  content: "\f090"
}
.fa-lemon-o:before {
  content: "\f094"
}
.fa-square-o:before {
  content: "\f096"
}
.fa-bookmark-o:before {
  content: "\f097"
}
.fa-feed:before, .fa-rss:before {
  content: "\f09e"
}
.fa-hdd-o:before {
  content: "\f0a0"
}
.fa-hand-o-right:before {
  content: "\f0a4"
}
.fa-hand-o-left:before {
  content: "\f0a5"
}
.fa-hand-o-up:before {
  content: "\f0a6"
}
.fa-hand-o-down:before {
  content: "\f0a7"
}
.fa-group:before, .fa-users:before {
  content: "\f0c0"
}
.fa-chain:before, .fa-link:before {
  content: "\f0c1"
}
.fa-cut:before, .fa-scissors:before {
  content: "\f0c4"
}
.fa-copy:before, .fa-files-o:before {
  content: "\f0c5"
}
.fa-floppy-o:before, .fa-save:before {
  content: "\f0c7"
}
.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
  content: "\f0c9"
}
.fa-money:before {
  content: "\f0d6"
}
.fa-sort:before, .fa-unsorted:before {
  content: "\f0dc"
}
.fa-sort-desc:before, .fa-sort-down:before {
  content: "\f0dd"
}
.fa-sort-asc:before, .fa-sort-up:before {
  content: "\f0de"
}
.fa-rotate-left:before, .fa-undo:before {
  content: "\f0e2"
}
.fa-gavel:before, .fa-legal:before {
  content: "\f0e3"
}
.fa-dashboard:before, .fa-tachometer:before {
  content: "\f0e4"
}
.fa-comment-o:before {
  content: "\f0e5"
}
.fa-comments-o:before {
  content: "\f0e6"
}
.fa-bolt:before, .fa-flash:before {
  content: "\f0e7"
}
.fa-clipboard:before, .fa-paste:before {
  content: "\f0ea"
}
.fa-lightbulb-o:before {
  content: "\f0eb"
}
.fa-exchange:before {
  content: "\f0ec"
}
.fa-cloud-download:before {
  content: "\f0ed"
}
.fa-cloud-upload:before {
  content: "\f0ee"
}
.fa-bell-o:before {
  content: "\f0a2"
}
.fa-cutlery:before {
  content: "\f0f5"
}
.fa-file-text-o:before {
  content: "\f0f6"
}
.fa-building-o:before {
  content: "\f0f7"
}
.fa-hospital-o:before {
  content: "\f0f8"
}
.fa-mobile-phone:before, .fa-mobile:before {
  content: "\f10b"
}
.fa-circle-o:before {
  content: "\f10c"
}
.fa-mail-reply:before, .fa-reply:before {
  content: "\f112"
}
.fa-folder-o:before {
  content: "\f114"
}
.fa-folder-open-o:before {
  content: "\f115"
}
.fa-smile-o:before {
  content: "\f118"
}
.fa-frown-o:before {
  content: "\f119"
}
.fa-meh-o:before {
  content: "\f11a"
}
.fa-keyboard-o:before {
  content: "\f11c"
}
.fa-flag-o:before {
  content: "\f11d"
}
.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "\f122"
}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "\f123"
}
.fa-code-fork:before {
  content: "\f126"
}
.fa-chain-broken:before, .fa-unlink:before {
  content: "\f127"
}
.fa-shield:before {
  content: "\f132"
}
.fa-calendar-o:before {
  content: "\f133"
}
.fa-ticket:before {
  content: "\f145"
}
.fa-minus-square-o:before {
  content: "\f147"
}
.fa-level-up:before {
  content: "\f148"
}
.fa-level-down:before {
  content: "\f149"
}
.fa-pencil-square:before {
  content: "\f14b"
}
.fa-external-link-square:before {
  content: "\f14c"
}
.fa-caret-square-o-down:before, .fa-toggle-down:before {
  content: "\f150"
}
.fa-caret-square-o-up:before, .fa-toggle-up:before {
  content: "\f151"
}
.fa-caret-square-o-right:before, .fa-toggle-right:before {
  content: "\f152"
}
.fa-eur:before, .fa-euro:before {
  content: "\f153"
}
.fa-gbp:before {
  content: "\f154"
}
.fa-dollar:before, .fa-usd:before {
  content: "\f155"
}
.fa-inr:before, .fa-rupee:before {
  content: "\f156"
}
.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
  content: "\f157"
}
.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
  content: "\f158"
}
.fa-krw:before, .fa-won:before {
  content: "\f159"
}
.fa-file-text:before {
  content: "\f15c"
}
.fa-sort-alpha-asc:before {
  content: "\f15d"
}
.fa-sort-alpha-desc:before {
  content: "\f15e"
}
.fa-sort-amount-asc:before {
  content: "\f160"
}
.fa-sort-amount-desc:before {
  content: "\f161"
}
.fa-sort-numeric-asc:before {
  content: "\f162"
}
.fa-sort-numeric-desc:before {
  content: "\f163"
}
.fa-youtube-play:before {
  content: "\f16a"
}
.fa-bitbucket-square:before {
  content: "\f172"
}
.fa-long-arrow-down:before {
  content: "\f175"
}
.fa-long-arrow-up:before {
  content: "\f176"
}
.fa-long-arrow-left:before {
  content: "\f177"
}
.fa-long-arrow-right:before {
  content: "\f178"
}
.fa-gittip:before, .fa-gratipay:before {
  content: "\f184"
}
.fa-sun-o:before {
  content: "\f185"
}
.fa-moon-o:before {
  content: "\f186"
}
.fa-arrow-circle-o-right:before {
  content: "\f18e"
}
.fa-arrow-circle-o-left:before {
  content: "\f190"
}
.fa-caret-square-o-left:before, .fa-toggle-left:before {
  content: "\f191"
}
.fa-dot-circle-o:before {
  content: "\f192"
}
.fa-try:before, .fa-turkish-lira:before {
  content: "\f195"
}
.fa-plus-square-o:before {
  content: "\f196"
}
.fa-bank:before, .fa-institution:before, .fa-university:before {
  content: "\f19c"
}
.fa-graduation-cap:before, .fa-mortar-board:before {
  content: "\f19d"
}
.fa-spoon:before {
  content: "\f1b1"
}
.fa-automobile:before, .fa-car:before {
  content: "\f1b9"
}
.fa-cab:before, .fa-taxi:before {
  content: "\f1ba"
}
.fa-file-pdf-o:before {
  content: "\f1c1"
}
.fa-file-word-o:before {
  content: "\f1c2"
}
.fa-file-excel-o:before {
  content: "\f1c3"
}
.fa-file-powerpoint-o:before {
  content: "\f1c4"
}
.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
  content: "\f1c5"
}
.fa-file-archive-o:before, .fa-file-zip-o:before {
  content: "\f1c6"
}
.fa-file-audio-o:before, .fa-file-sound-o:before {
  content: "\f1c7"
}
.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "\f1c8"
}
.fa-file-code-o:before {
  content: "\f1c9"
}
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
  content: "\f1cd"
}
.fa-circle-o-notch:before {
  content: "\f1ce"
}
.fa-ra:before, .fa-rebel:before, .fa-resistance:before {
  content: "\f1d0"
}
.fa-empire:before, .fa-ge:before {
  content: "\f1d1"
}
.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
  content: "\f1d4"
}
.fa-wechat:before, .fa-weixin:before {
  content: "\f1d7"
}
.fa-paper-plane:before, .fa-send:before {
  content: "\f1d8"
}
.fa-paper-plane-o:before, .fa-send-o:before {
  content: "\f1d9"
}
.fa-circle-thin:before {
  content: "\f1db"
}
.fa-header:before {
  content: "\f1dc"
}
.fa-sliders:before {
  content: "\f1de"
}
.fa-futbol-o:before, .fa-soccer-ball-o:before {
  content: "\f1e3"
}
.fa-newspaper-o:before {
  content: "\f1ea"
}
.fa-bell-slash-o:before {
  content: "\f1f7"
}
.fa-eyedropper:before {
  content: "\f1fb"
}
.fa-area-chart:before {
  content: "\f1fe"
}
.fa-pie-chart:before {
  content: "\f200"
}
.fa-line-chart:before {
  content: "\f201"
}
.fa-cc:before {
  content: "\f20a"
}
.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
  content: "\f20b"
}
.fa-meanpath:before {
  content: "\f20c"
}
.fa-diamond:before {
  content: "\f219"
}
.fa-intersex:before, .fa-transgender:before {
  content: "\f224"
}
.fa-facebook-official:before {
  content: "\f230"
}
.fa-bed:before, .fa-hotel:before {
  content: "\f236"
}
.fa-y-combinator:before, .fa-yc:before {
  content: "\f23b"
}
.fa-battery-4:before, .fa-battery-full:before, .fa-battery:before {
  content: "\f240"
}
.fa-battery-3:before, .fa-battery-three-quarters:before {
  content: "\f241"
}
.fa-battery-2:before, .fa-battery-half:before {
  content: "\f242"
}
.fa-battery-1:before, .fa-battery-quarter:before {
  content: "\f243"
}
.fa-battery-0:before, .fa-battery-empty:before {
  content: "\f244"
}
.fa-sticky-note-o:before {
  content: "\f24a"
}
.fa-hourglass-o:before {
  content: "\f250"
}
.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: "\f251"
}
.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: "\f252"
}
.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: "\f253"
}
.fa-hand-grab-o:before, .fa-hand-rock-o:before {
  content: "\f255"
}
.fa-hand-paper-o:before, .fa-hand-stop-o:before {
  content: "\f256"
}
.fa-hand-scissors-o:before {
  content: "\f257"
}
.fa-hand-lizard-o:before {
  content: "\f258"
}
.fa-hand-spock-o:before {
  content: "\f259"
}
.fa-hand-pointer-o:before {
  content: "\f25a"
}
.fa-hand-peace-o:before {
  content: "\f25b"
}
.fa-television:before, .fa-tv:before {
  content: "\f26c"
}
.fa-calendar-plus-o:before {
  content: "\f271"
}
.fa-calendar-minus-o:before {
  content: "\f272"
}
.fa-calendar-times-o:before {
  content: "\f273"
}
.fa-calendar-check-o:before {
  content: "\f274"
}
.fa-map-o:before {
  content: "\f278"
}
.fa-commenting:before {
  content: "\f27a"
}
.fa-commenting-o:before {
  content: "\f27b"
}
.fa-credit-card-alt:before {
  content: "\f283"
}
.fa-pause-circle-o:before {
  content: "\f28c"
}
.fa-stop-circle-o:before {
  content: "\f28e"
}
.fa-wheelchair-alt:before {
  content: "\f29b"
}
.fa-question-circle-o:before {
  content: "\f29c"
}
.fa-volume-control-phone:before {
  content: "\f2a0"
}
.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before {
  content: "\f2a3"
}
.fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before {
  content: "\f2a4"
}
.fa-sign-language:before, .fa-signing:before {
  content: "\f2a7"
}
.fa-google-plus-circle:before, .fa-google-plus-official:before {
  content: "\f2b3"
}
.fa-fa:before, .fa-font-awesome:before {
  content: "\f2b4"
}
.fa-handshake-o:before {
  content: "\f2b5"
}
.fa-envelope-open-o:before {
  content: "\f2b7"
}
.fa-address-book-o:before {
  content: "\f2ba"
}
.fa-address-card:before, .fa-vcard:before {
  content: "\f2bb"
}
.fa-address-card-o:before, .fa-vcard-o:before {
  content: "\f2bc"
}
.fa-user-circle-o:before {
  content: "\f2be"
}
.fa-user-o:before {
  content: "\f2c0"
}
.fa-drivers-license:before, .fa-id-card:before {
  content: "\f2c2"
}
.fa-drivers-license-o:before, .fa-id-card-o:before {
  content: "\f2c3"
}
.fa-thermometer-4:before, .fa-thermometer-full:before, .fa-thermometer:before {
  content: "\f2c7"
}
.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
  content: "\f2c8"
}
.fa-thermometer-2:before, .fa-thermometer-half:before {
  content: "\f2c9"
}
.fa-thermometer-1:before, .fa-thermometer-quarter:before {
  content: "\f2ca"
}
.fa-thermometer-0:before, .fa-thermometer-empty:before {
  content: "\f2cb"
}
.fa-bath:before, .fa-bathtub:before, .fa-s15:before {
  content: "\f2cd"
}
.fa-times-rectangle:before, .fa-window-close:before {
  content: "\f2d3"
}
.fa-times-rectangle-o:before, .fa-window-close-o:before {
  content: "\f2d4"
}
.fa-eercast:before {
  content: "\f2da"
}
.fa-snowflake-o:before {
  content: "\f2dc"
}
@font-face {
  font-family: 'FontAwesome Regular';
  src: url(../fonts5/fa-regular-400.eot);
  src: url(../fonts5/fa-regular-400.eot) format('embedded-opentype'), url(../fonts5/fa-regular-400.woff2) format('woff2'), url(../fonts5/fa-regular-400.woff) format('woff'), url(../fonts5/fa-regular-400.ttf) format('truetype'), url(../fonts5/fa-regular-400.svg#fontawesomeregular) format('svg');
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: 'FontAwesome Brands';
  src: url(../fonts5/fa-brands-400.eot);
  src: url(../fonts5/fa-brands-400.eot) format('embedded-opentype'), url(../fonts5/fa-brands-400.woff2) format('woff2'), url(../fonts5/fa-brands-400.woff) format('woff'), url(../fonts5/fa-brands-400.ttf) format('truetype'), url(../fonts5/fa-brands-400.svg#fontawesomebrands) format('svg');
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: 'FontAwesome Solid';
  src: url(../fonts5/fa-solid-900.eot);
  src: url(../fonts5/fa-solid-900.eot) format('embedded-opentype'), url(../fonts5/fa-solid-900.woff2) format('woff2'), url(../fonts5/fa-solid-900.woff) format('woff'), url(../fonts5/fa-solid-900.ttf) format('truetype'), url(../fonts5/fa-solid-900.svg#fontawesomesolid) format('svg');
  font-weight: 400;
  font-style: normal
} /*!
 * Font Awesome Free 5.11.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */ .fa, .fab, .fad, .fal, .far, .fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1
}
.fa-xs {
  font-size: .75em
}
.fa-sm {
  font-size: .875em
}
.fa-ul {
  margin-left: 2.5em
}
.fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right {
  margin-left: .3em
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8)
}
.fa-beat, .fa-bounce {
  -webkit-animation-delay: var(--fa-animation-delay, 0s)
}
:root .fa-flip-both, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 {
  -webkit-filter: none;
  filter: none
}
.fa-inverse {
  color: #fff;
  color: var(--fa-inverse, #fff)
}
.fa-acquisitions-incorporated:before {
  content: "\f6af"
}
.fa-ad:before {
  content: "\f641"
}
.fa-address-book:before {
  content: "\f2b9"
}
.fa-address-card:before {
  content: "\f2bb"
}
.fa-adjust:before {
  content: "\f042"
}
.fa-adobe:before {
  content: "\f778"
}
.fa-air-freshener:before {
  content: "\f5d0"
}
.fa-align-center:before {
  content: "\f037"
}
.fa-align-justify:before {
  content: "\f039"
}
.fa-align-left:before {
  content: "\f036"
}
.fa-align-right:before {
  content: "\f038"
}
.fa-allergies:before {
  content: "\f461"
}
.fa-ambulance:before {
  content: "\f0f9"
}
.fa-american-sign-language-interpreting:before {
  content: "\f2a3"
}
.fa-anchor:before {
  content: "\f13d"
}
.fa-angle-double-down:before {
  content: "\f103"
}
.fa-angle-double-left:before {
  content: "\f100"
}
.fa-angle-double-right:before {
  content: "\f101"
}
.fa-angle-double-up:before {
  content: "\f102"
}
.fa-angle-down:before {
  content: "\f107"
}
.fa-angle-left:before {
  content: "\f104"
}
.fa-angle-right:before {
  content: "\f105"
}
.fa-angle-up:before {
  content: "\f106"
}
.fa-angry:before {
  content: "\f556"
}
.fa-ankh:before {
  content: "\f644"
}
.fa-apple-alt:before {
  content: "\f5d1"
}
.fa-archive:before {
  content: "\f187"
}
.fa-archway:before {
  content: "\f557"
}
.fa-arrow-alt-circle-down:before {
  content: "\f358"
}
.fa-arrow-alt-circle-left:before {
  content: "\f359"
}
.fa-arrow-alt-circle-right:before {
  content: "\f35a"
}
.fa-arrow-alt-circle-up:before {
  content: "\f35b"
}
.fa-arrow-circle-down:before {
  content: "\f0ab"
}
.fa-arrow-circle-left:before {
  content: "\f0a8"
}
.fa-arrow-circle-right:before {
  content: "\f0a9"
}
.fa-arrow-circle-up:before {
  content: "\f0aa"
}
.fa-arrow-down:before {
  content: "\f063"
}
.fa-arrow-left:before {
  content: "\f060"
}
.fa-arrow-right:before {
  content: "\f061"
}
.fa-arrow-up:before {
  content: "\f062"
}
.fa-arrows-alt:before {
  content: "\f0b2"
}
.fa-arrows-alt-h:before {
  content: "\f337"
}
.fa-arrows-alt-v:before {
  content: "\f338"
}
.fa-assistive-listening-systems:before {
  content: "\f2a2"
}
.fa-asterisk:before {
  content: "\f069"
}
.fa-at:before {
  content: "\f1fa"
}
.fa-atlas:before {
  content: "\f558"
}
.fa-atom:before {
  content: "\f5d2"
}
.fa-audio-description:before {
  content: "\f29e"
}
.fa-award:before {
  content: "\f559"
}
.fa-baby:before {
  content: "\f77c"
}
.fa-baby-carriage:before {
  content: "\f77d"
}
.fa-backspace:before {
  content: "\f55a"
}
.fa-backward:before {
  content: "\f04a"
}
.fa-bacon:before {
  content: "\f7e5"
}
.fa-balance-scale:before {
  content: "\f24e"
}
.fa-balance-scale-left:before {
  content: "\f515"
}
.fa-balance-scale-right:before {
  content: "\f516"
}
.fa-ban:before {
  content: "\f05e"
}
.fa-band-aid:before {
  content: "\f462"
}
.fa-barcode:before {
  content: "\f02a"
}
.fa-bars:before {
  content: "\f0c9"
}
.fa-baseball-ball:before {
  content: "\f433"
}
.fa-basketball-ball:before {
  content: "\f434"
}
.fa-bath:before {
  content: "\f2cd"
}
.fa-battery-empty:before {
  content: "\f244"
}
.fa-battery-full:before {
  content: "\f240"
}
.fa-battery-half:before {
  content: "\f242"
}
.fa-battery-quarter:before {
  content: "\f243"
}
.fa-battery-three-quarters:before {
  content: "\f241"
}
.fa-bed:before {
  content: "\f236"
}
.fa-beer:before {
  content: "\f0fc"
}
.fa-bell:before {
  content: "\f0f3"
}
.fa-bell-slash:before {
  content: "\f1f6"
}
.fa-bezier-curve:before {
  content: "\f55b"
}
.fa-bible:before {
  content: "\f647"
}
.fa-bicycle:before {
  content: "\f206"
}
.fa-biking:before {
  content: "\f84a"
}
.fa-binoculars:before {
  content: "\f1e5"
}
.fa-biohazard:before {
  content: "\f780"
}
.fa-birthday-cake:before {
  content: "\f1fd"
}
.fa-blender:before {
  content: "\f517"
}
.fa-blender-phone:before {
  content: "\f6b6"
}
.fa-blind:before {
  content: "\f29d"
}
.fa-blog:before {
  content: "\f781"
}
.fa-bold:before {
  content: "\f032"
}
.fa-bolt:before {
  content: "\f0e7"
}
.fa-bomb:before {
  content: "\f1e2"
}
.fa-bone:before {
  content: "\f5d7"
}
.fa-bong:before {
  content: "\f55c"
}
.fa-book:before {
  content: "\f02d"
}
.fa-book-dead:before {
  content: "\f6b7"
}
.fa-book-medical:before {
  content: "\f7e6"
}
.fa-book-open:before {
  content: "\f518"
}
.fa-book-reader:before {
  content: "\f5da"
}
.fa-bookmark:before {
  content: "\f02e"
}
.fa-border-all:before {
  content: "\f84c"
}
.fa-border-none:before {
  content: "\f850"
}
.fa-border-style:before {
  content: "\f853"
}
.fa-bowling-ball:before {
  content: "\f436"
}
.fa-box:before {
  content: "\f466"
}
.fa-box-open:before {
  content: "\f49e"
}
.fa-boxes:before {
  content: "\f468"
}
.fa-braille:before {
  content: "\f2a1"
}
.fa-brain:before {
  content: "\f5dc"
}
.fa-bread-slice:before {
  content: "\f7ec"
}
.fa-briefcase:before {
  content: "\f0b1"
}
.fa-briefcase-medical:before {
  content: "\f469"
}
.fa-broadcast-tower:before {
  content: "\f519"
}
.fa-broom:before {
  content: "\f51a"
}
.fa-brush:before {
  content: "\f55d"
}
.fa-bug:before {
  content: "\f188"
}
.fa-building:before {
  content: "\f1ad"
}
.fa-bullhorn:before {
  content: "\f0a1"
}
.fa-bullseye:before {
  content: "\f140"
}
.fa-burn:before {
  content: "\f46a"
}
.fa-bus:before {
  content: "\f207"
}
.fa-bus-alt:before {
  content: "\f55e"
}
.fa-business-time:before {
  content: "\f64a"
}
.fa-calculator:before {
  content: "\f1ec"
}
.fa-calendar:before {
  content: "\f133"
}
.fa-calendar-alt:before {
  content: "\f073"
}
.fa-calendar-check:before {
  content: "\f274"
}
.fa-calendar-day:before {
  content: "\f783"
}
.fa-calendar-minus:before {
  content: "\f272"
}
.fa-calendar-plus:before {
  content: "\f271"
}
.fa-calendar-times:before {
  content: "\f273"
}
.fa-calendar-week:before {
  content: "\f784"
}
.fa-camera:before {
  content: "\f030"
}
.fa-camera-retro:before {
  content: "\f083"
}
.fa-campground:before {
  content: "\f6bb"
}
.fa-candy-cane:before {
  content: "\f786"
}
.fa-cannabis:before {
  content: "\f55f"
}
.fa-capsules:before {
  content: "\f46b"
}
.fa-car:before {
  content: "\f1b9"
}
.fa-car-alt:before {
  content: "\f5de"
}
.fa-car-battery:before {
  content: "\f5df"
}
.fa-car-crash:before {
  content: "\f5e1"
}
.fa-car-side:before {
  content: "\f5e4"
}
.fa-caret-down:before {
  content: "\f0d7"
}
.fa-caret-left:before {
  content: "\f0d9"
}
.fa-caret-right:before {
  content: "\f0da"
}
.fa-caret-square-down:before {
  content: "\f150"
}
.fa-caret-square-left:before {
  content: "\f191"
}
.fa-caret-square-right:before {
  content: "\f152"
}
.fa-caret-square-up:before {
  content: "\f151"
}
.fa-caret-up:before {
  content: "\f0d8"
}
.fa-carrot:before {
  content: "\f787"
}
.fa-cart-arrow-down:before {
  content: "\f218"
}
.fa-cart-plus:before {
  content: "\f217"
}
.fa-cash-register:before {
  content: "\f788"
}
.fa-cat:before {
  content: "\f6be"
}
.fa-certificate:before {
  content: "\f0a3"
}
.fa-chair:before {
  content: "\f6c0"
}
.fa-chalkboard:before {
  content: "\f51b"
}
.fa-chalkboard-teacher:before {
  content: "\f51c"
}
.fa-charging-station:before {
  content: "\f5e7"
}
.fa-chart-area:before {
  content: "\f1fe"
}
.fa-chart-bar:before {
  content: "\f080"
}
.fa-chart-line:before {
  content: "\f201"
}
.fa-chart-pie:before {
  content: "\f200"
}
.fa-check:before {
  content: "\f00c"
}
.fa-check-circle:before {
  content: "\f058"
}
.fa-check-double:before {
  content: "\f560"
}
.fa-check-square:before {
  content: "\f14a"
}
.fa-cheese:before {
  content: "\f7ef"
}
.fa-chess:before {
  content: "\f439"
}
.fa-chess-bishop:before {
  content: "\f43a"
}
.fa-chess-board:before {
  content: "\f43c"
}
.fa-chess-king:before {
  content: "\f43f"
}
.fa-chess-knight:before {
  content: "\f441"
}
.fa-chess-pawn:before {
  content: "\f443"
}
.fa-chess-queen:before {
  content: "\f445"
}
.fa-chess-rook:before {
  content: "\f447"
}
.fa-chevron-circle-down:before {
  content: "\f13a"
}
.fa-chevron-circle-left:before {
  content: "\f137"
}
.fa-chevron-circle-right:before {
  content: "\f138"
}
.fa-chevron-circle-up:before {
  content: "\f139"
}
.fa-chevron-down:before {
  content: "\f078"
}
.fa-chevron-left:before {
  content: "\f053"
}
.fa-chevron-right:before {
  content: "\f054"
}
.fa-chevron-up:before {
  content: "\f077"
}
.fa-child:before {
  content: "\f1ae"
}
.fa-church:before {
  content: "\f51d"
}
.fa-circle:before {
  content: "\f111"
}
.fa-circle-notch:before {
  content: "\f1ce"
}
.fa-city:before {
  content: "\f64f"
}
.fa-clinic-medical:before {
  content: "\f7f2"
}
.fa-clipboard:before {
  content: "\f328"
}
.fa-clipboard-check:before {
  content: "\f46c"
}
.fa-clipboard-list:before {
  content: "\f46d"
}
.fa-clock:before {
  content: "\f017"
}
.fa-clone:before {
  content: "\f24d"
}
.fa-closed-captioning:before {
  content: "\f20a"
}
.fa-cloud:before {
  content: "\f0c2"
}
.fa-cloud-download-alt:before {
  content: "\f381"
}
.fa-cloud-meatball:before {
  content: "\f73b"
}
.fa-cloud-moon:before {
  content: "\f6c3"
}
.fa-cloud-moon-rain:before {
  content: "\f73c"
}
.fa-cloud-rain:before {
  content: "\f73d"
}
.fa-cloud-showers-heavy:before {
  content: "\f740"
}
.fa-cloud-sun:before {
  content: "\f6c4"
}
.fa-cloud-sun-rain:before {
  content: "\f743"
}
.fa-cloud-upload-alt:before {
  content: "\f382"
}
.fa-cocktail:before {
  content: "\f561"
}
.fa-code:before {
  content: "\f121"
}
.fa-code-branch:before {
  content: "\f126"
}
.fa-coffee:before {
  content: "\f0f4"
}
.fa-cog:before {
  content: "\f013"
}
.fa-cogs:before {
  content: "\f085"
}
.fa-coins:before {
  content: "\f51e"
}
.fa-columns:before {
  content: "\f0db"
}
.fa-comment:before {
  content: "\f075"
}
.fa-comment-alt:before {
  content: "\f27a"
}
.fa-comment-dollar:before {
  content: "\f651"
}
.fa-comment-dots:before {
  content: "\f4ad"
}
.fa-comment-medical:before {
  content: "\f7f5"
}
.fa-comment-slash:before {
  content: "\f4b3"
}
.fa-comments:before {
  content: "\f086"
}
.fa-comments-dollar:before {
  content: "\f653"
}
.fa-compact-disc:before {
  content: "\f51f"
}
.fa-compass:before {
  content: "\f14e"
}
.fa-compress:before {
  content: "\f066"
}
.fa-compress-arrows-alt:before {
  content: "\f78c"
}
.fa-concierge-bell:before {
  content: "\f562"
}
.fa-cookie:before {
  content: "\f563"
}
.fa-cookie-bite:before {
  content: "\f564"
}
.fa-copy:before {
  content: "\f0c5"
}
.fa-copyright:before {
  content: "\f1f9"
}
.fa-couch:before {
  content: "\f4b8"
}
.fa-credit-card:before {
  content: "\f09d"
}
.fa-crop:before {
  content: "\f125"
}
.fa-crop-alt:before {
  content: "\f565"
}
.fa-cross:before {
  content: "\f654"
}
.fa-crosshairs:before {
  content: "\f05b"
}
.fa-crow:before {
  content: "\f520"
}
.fa-crown:before {
  content: "\f521"
}
.fa-crutch:before {
  content: "\f7f7"
}
.fa-cube:before {
  content: "\f1b2"
}
.fa-cubes:before {
  content: "\f1b3"
}
.fa-cut:before {
  content: "\f0c4"
}
.fa-database:before {
  content: "\f1c0"
}
.fa-deaf:before {
  content: "\f2a4"
}
.fa-democrat:before {
  content: "\f747"
}
.fa-desktop:before {
  content: "\f108"
}
.fa-dharmachakra:before {
  content: "\f655"
}
.fa-diagnoses:before {
  content: "\f470"
}
.fa-dice:before {
  content: "\f522"
}
.fa-dice-d20:before {
  content: "\f6cf"
}
.fa-dice-d6:before {
  content: "\f6d1"
}
.fa-dice-five:before {
  content: "\f523"
}
.fa-dice-four:before {
  content: "\f524"
}
.fa-dice-one:before {
  content: "\f525"
}
.fa-dice-six:before {
  content: "\f526"
}
.fa-dice-three:before {
  content: "\f527"
}
.fa-dice-two:before {
  content: "\f528"
}
.fa-digital-tachograph:before {
  content: "\f566"
}
.fa-directions:before {
  content: "\f5eb"
}
.fa-divide:before {
  content: "\f529"
}
.fa-dizzy:before {
  content: "\f567"
}
.fa-dna:before {
  content: "\f471"
}
.fa-dog:before {
  content: "\f6d3"
}
.fa-dollar-sign:before {
  content: "\f155"
}
.fa-dolly:before {
  content: "\f472"
}
.fa-dolly-flatbed:before {
  content: "\f474"
}
.fa-donate:before {
  content: "\f4b9"
}
.fa-door-closed:before {
  content: "\f52a"
}
.fa-door-open:before {
  content: "\f52b"
}
.fa-dot-circle:before {
  content: "\f192"
}
.fa-dove:before {
  content: "\f4ba"
}
.fa-download:before {
  content: "\f019"
}
.fa-drafting-compass:before {
  content: "\f568"
}
.fa-dragon:before {
  content: "\f6d5"
}
.fa-draw-polygon:before {
  content: "\f5ee"
}
.fa-drum:before {
  content: "\f569"
}
.fa-drum-steelpan:before {
  content: "\f56a"
}
.fa-drumstick-bite:before {
  content: "\f6d7"
}
.fa-dumbbell:before {
  content: "\f44b"
}
.fa-dumpster:before {
  content: "\f793"
}
.fa-dumpster-fire:before {
  content: "\f794"
}
.fa-dungeon:before {
  content: "\f6d9"
}
.fa-edit:before {
  content: "\f044"
}
.fa-egg:before {
  content: "\f7fb"
}
.fa-eject:before {
  content: "\f052"
}
.fa-ellipsis-h:before {
  content: "\f141"
}
.fa-ellipsis-v:before {
  content: "\f142"
}
.fa-envelope:before {
  content: "\f0e0"
}
.fa-envelope-open:before {
  content: "\f2b6"
}
.fa-envelope-open-text:before {
  content: "\f658"
}
.fa-envelope-square:before {
  content: "\f199"
}
.fa-equals:before {
  content: "\f52c"
}
.fa-eraser:before {
  content: "\f12d"
}
.fa-ethernet:before {
  content: "\f796"
}
.fa-euro-sign:before {
  content: "\f153"
}
.fa-exchange-alt:before {
  content: "\f362"
}
.fa-exclamation:before {
  content: "\f12a"
}
.fa-exclamation-circle:before {
  content: "\f06a"
}
.fa-exclamation-triangle:before {
  content: "\f071"
}
.fa-expand:before {
  content: "\f065"
}
.fa-expand-arrows-alt:before {
  content: "\f31e"
}
.fa-external-link-alt:before {
  content: "\f35d"
}
.fa-external-link-square-alt:before {
  content: "\f360"
}
.fa-eye:before {
  content: "\f06e"
}
.fa-eye-dropper:before {
  content: "\f1fb"
}
.fa-eye-slash:before {
  content: "\f070"
}
.fa-fan:before {
  content: "\f863"
}
.fa-fast-backward:before {
  content: "\f049"
}
.fa-fast-forward:before {
  content: "\f050"
}
.fa-fax:before {
  content: "\f1ac"
}
.fa-feather:before {
  content: "\f52d"
}
.fa-feather-alt:before {
  content: "\f56b"
}
.fa-female:before {
  content: "\f182"
}
.fa-fighter-jet:before {
  content: "\f0fb"
}
.fa-file:before {
  content: "\f15b"
}
.fa-file-alt:before {
  content: "\f15c"
}
.fa-file-archive:before {
  content: "\f1c6"
}
.fa-file-audio:before {
  content: "\f1c7"
}
.fa-file-code:before {
  content: "\f1c9"
}
.fa-file-contract:before {
  content: "\f56c"
}
.fa-file-csv:before {
  content: "\f6dd"
}
.fa-file-download:before {
  content: "\f56d"
}
.fa-file-excel:before {
  content: "\f1c3"
}
.fa-file-export:before {
  content: "\f56e"
}
.fa-file-image:before {
  content: "\f1c5"
}
.fa-file-import:before {
  content: "\f56f"
}
.fa-file-invoice:before {
  content: "\f570"
}
.fa-file-invoice-dollar:before {
  content: "\f571"
}
.fa-file-medical:before {
  content: "\f477"
}
.fa-file-medical-alt:before {
  content: "\f478"
}
.fa-file-pdf:before {
  content: "\f1c1"
}
.fa-file-powerpoint:before {
  content: "\f1c4"
}
.fa-file-prescription:before {
  content: "\f572"
}
.fa-file-signature:before {
  content: "\f573"
}
.fa-file-upload:before {
  content: "\f574"
}
.fa-file-video:before {
  content: "\f1c8"
}
.fa-file-word:before {
  content: "\f1c2"
}
.fa-fill:before {
  content: "\f575"
}
.fa-fill-drip:before {
  content: "\f576"
}
.fa-film:before {
  content: "\f008"
}
.fa-filter:before {
  content: "\f0b0"
}
.fa-fingerprint:before {
  content: "\f577"
}
.fa-fire:before {
  content: "\f06d"
}
.fa-fire-alt:before {
  content: "\f7e4"
}
.fa-fire-extinguisher:before {
  content: "\f134"
}
.fa-first-aid:before {
  content: "\f479"
}
.fa-fish:before {
  content: "\f578"
}
.fa-fist-raised:before {
  content: "\f6de"
}
.fa-flag:before {
  content: "\f024"
}
.fa-flag-checkered:before {
  content: "\f11e"
}
.fa-flag-usa:before {
  content: "\f74d"
}
.fa-flask:before {
  content: "\f0c3"
}
.fa-flushed:before {
  content: "\f579"
}
.fa-folder:before {
  content: "\f07b"
}
.fa-folder-minus:before {
  content: "\f65d"
}
.fa-folder-open:before {
  content: "\f07c"
}
.fa-folder-plus:before {
  content: "\f65e"
}
.fa-font:before {
  content: "\f031"
}
.fa-football-ball:before {
  content: "\f44e"
}
.fa-forward:before {
  content: "\f04e"
}
.fa-frog:before {
  content: "\f52e"
}
.fa-frown:before {
  content: "\f119"
}
.fa-frown-open:before {
  content: "\f57a"
}
.fa-funnel-dollar:before {
  content: "\f662"
}
.fa-futbol:before {
  content: "\f1e3"
}
.fa-gamepad:before {
  content: "\f11b"
}
.fa-gas-pump:before {
  content: "\f52f"
}
.fa-gavel:before {
  content: "\f0e3"
}
.fa-gem:before {
  content: "\f3a5"
}
.fa-genderless:before {
  content: "\f22d"
}
.fa-ghost:before {
  content: "\f6e2"
}
.fa-gift:before {
  content: "\f06b"
}
.fa-gifts:before {
  content: "\f79c"
}
.fa-glass-cheers:before {
  content: "\f79f"
}
.fa-glass-martini:before {
  content: "\f000"
}
.fa-glass-martini-alt:before {
  content: "\f57b"
}
.fa-glass-whiskey:before {
  content: "\f7a0"
}
.fa-glasses:before {
  content: "\f530"
}
.fa-globe:before {
  content: "\f0ac"
}
.fa-globe-africa:before {
  content: "\f57c"
}
.fa-globe-americas:before {
  content: "\f57d"
}
.fa-globe-asia:before {
  content: "\f57e"
}
.fa-globe-europe:before {
  content: "\f7a2"
}
.fa-golf-ball:before {
  content: "\f450"
}
.fa-gopuram:before {
  content: "\f664"
}
.fa-graduation-cap:before {
  content: "\f19d"
}
.fa-greater-than:before {
  content: "\f531"
}
.fa-greater-than-equal:before {
  content: "\f532"
}
.fa-grimace:before {
  content: "\f57f"
}
.fa-grin:before {
  content: "\f580"
}
.fa-grin-alt:before {
  content: "\f581"
}
.fa-grin-beam:before {
  content: "\f582"
}
.fa-grin-beam-sweat:before {
  content: "\f583"
}
.fa-grin-hearts:before {
  content: "\f584"
}
.fa-grin-squint:before {
  content: "\f585"
}
.fa-grin-squint-tears:before {
  content: "\f586"
}
.fa-grin-stars:before {
  content: "\f587"
}
.fa-grin-tears:before {
  content: "\f588"
}
.fa-grin-tongue:before {
  content: "\f589"
}
.fa-grin-tongue-squint:before {
  content: "\f58a"
}
.fa-grin-tongue-wink:before {
  content: "\f58b"
}
.fa-grin-wink:before {
  content: "\f58c"
}
.fa-grip-horizontal:before {
  content: "\f58d"
}
.fa-grip-lines:before {
  content: "\f7a4"
}
.fa-grip-lines-vertical:before {
  content: "\f7a5"
}
.fa-grip-vertical:before {
  content: "\f58e"
}
.fa-guitar:before {
  content: "\f7a6"
}
.fa-h-square:before {
  content: "\f0fd"
}
.fa-hamburger:before {
  content: "\f805"
}
.fa-hammer:before {
  content: "\f6e3"
}
.fa-hamsa:before {
  content: "\f665"
}
.fa-hand-holding:before {
  content: "\f4bd"
}
.fa-hand-holding-heart:before {
  content: "\f4be"
}
.fa-hand-holding-usd:before {
  content: "\f4c0"
}
.fa-hand-lizard:before {
  content: "\f258"
}
.fa-hand-middle-finger:before {
  content: "\f806"
}
.fa-hand-paper:before {
  content: "\f256"
}
.fa-hand-peace:before {
  content: "\f25b"
}
.fa-hand-point-down:before {
  content: "\f0a7"
}
.fa-hand-point-left:before {
  content: "\f0a5"
}
.fa-hand-point-right:before {
  content: "\f0a4"
}
.fa-hand-point-up:before {
  content: "\f0a6"
}
.fa-hand-pointer:before {
  content: "\f25a"
}
.fa-hand-rock:before {
  content: "\f255"
}
.fa-hand-scissors:before {
  content: "\f257"
}
.fa-hand-spock:before {
  content: "\f259"
}
.fa-hands:before {
  content: "\f4c2"
}
.fa-hands-helping:before {
  content: "\f4c4"
}
.fa-handshake:before {
  content: "\f2b5"
}
.fa-hanukiah:before {
  content: "\f6e6"
}
.fa-hard-hat:before {
  content: "\f807"
}
.fa-hashtag:before {
  content: "\f292"
}
.fa-hat-cowboy:before {
  content: "\f8c0"
}
.fa-hat-cowboy-side:before {
  content: "\f8c1"
}
.fa-hat-wizard:before {
  content: "\f6e8"
}
.fa-haykal:before {
  content: "\f666"
}
.fa-hdd:before {
  content: "\f0a0"
}
.fa-heading:before {
  content: "\f1dc"
}
.fa-headphones:before {
  content: "\f025"
}
.fa-headphones-alt:before {
  content: "\f58f"
}
.fa-headset:before {
  content: "\f590"
}
.fa-heart:before {
  content: "\f004"
}
.fa-heart-broken:before {
  content: "\f7a9"
}
.fa-heartbeat:before {
  content: "\f21e"
}
.fa-helicopter:before {
  content: "\f533"
}
.fa-highlighter:before {
  content: "\f591"
}
.fa-hiking:before {
  content: "\f6ec"
}
.fa-hippo:before {
  content: "\f6ed"
}
.fa-history:before {
  content: "\f1da"
}
.fa-hockey-puck:before {
  content: "\f453"
}
.fa-holly-berry:before {
  content: "\f7aa"
}
.fa-home:before {
  content: "\f015"
}
.fa-horse:before {
  content: "\f6f0"
}
.fa-horse-head:before {
  content: "\f7ab"
}
.fa-hospital:before {
  content: "\f0f8"
}
.fa-hospital-alt:before {
  content: "\f47d"
}
.fa-hospital-symbol:before {
  content: "\f47e"
}
.fa-hot-tub:before {
  content: "\f593"
}
.fa-hotdog:before {
  content: "\f80f"
}
.fa-hotel:before {
  content: "\f594"
}
.fa-hourglass:before {
  content: "\f254"
}
.fa-hourglass-end:before {
  content: "\f253"
}
.fa-hourglass-half:before {
  content: "\f252"
}
.fa-hourglass-start:before {
  content: "\f251"
}
.fa-house-damage:before {
  content: "\f6f1"
}
.fa-hryvnia:before {
  content: "\f6f2"
}
.fa-i-cursor:before {
  content: "\f246"
}
.fa-ice-cream:before {
  content: "\f810"
}
.fa-icicles:before {
  content: "\f7ad"
}
.fa-icons:before {
  content: "\f86d"
}
.fa-id-badge:before {
  content: "\f2c1"
}
.fa-id-card:before {
  content: "\f2c2"
}
.fa-id-card-alt:before {
  content: "\f47f"
}
.fa-igloo:before {
  content: "\f7ae"
}
.fa-image:before {
  content: "\f03e"
}
.fa-images:before {
  content: "\f302"
}
.fa-inbox:before {
  content: "\f01c"
}
.fa-indent:before {
  content: "\f03c"
}
.fa-industry:before {
  content: "\f275"
}
.fa-infinity:before {
  content: "\f534"
}
.fa-info:before {
  content: "\f129"
}
.fa-info-circle:before {
  content: "\f05a"
}
.fa-italic:before {
  content: "\f033"
}
.fa-jedi:before {
  content: "\f669"
}
.fa-joint:before {
  content: "\f595"
}
.fa-journal-whills:before {
  content: "\f66a"
}
.fa-kaaba:before {
  content: "\f66b"
}
.fa-key:before {
  content: "\f084"
}
.fa-keyboard:before {
  content: "\f11c"
}
.fa-khanda:before {
  content: "\f66d"
}
.fa-kiss:before {
  content: "\f596"
}
.fa-kiss-beam:before {
  content: "\f597"
}
.fa-kiss-wink-heart:before {
  content: "\f598"
}
.fa-kiwi-bird:before {
  content: "\f535"
}
.fa-landmark:before {
  content: "\f66f"
}
.fa-language:before {
  content: "\f1ab"
}
.fa-laptop:before {
  content: "\f109"
}
.fa-laptop-code:before {
  content: "\f5fc"
}
.fa-laptop-medical:before {
  content: "\f812"
}
.fa-laugh:before {
  content: "\f599"
}
.fa-laugh-beam:before {
  content: "\f59a"
}
.fa-laugh-squint:before {
  content: "\f59b"
}
.fa-laugh-wink:before {
  content: "\f59c"
}
.fa-layer-group:before {
  content: "\f5fd"
}
.fa-leaf:before {
  content: "\f06c"
}
.fa-lemon:before {
  content: "\f094"
}
.fa-less-than:before {
  content: "\f536"
}
.fa-less-than-equal:before {
  content: "\f537"
}
.fa-level-down-alt:before {
  content: "\f3be"
}
.fa-level-up-alt:before {
  content: "\f3bf"
}
.fa-life-ring:before {
  content: "\f1cd"
}
.fa-lightbulb:before {
  content: "\f0eb"
}
.fa-link:before {
  content: "\f0c1"
}
.fa-lira-sign:before {
  content: "\f195"
}
.fa-list:before {
  content: "\f03a"
}
.fa-list-alt:before {
  content: "\f022"
}
.fa-list-ol:before {
  content: "\f0cb"
}
.fa-list-ul:before {
  content: "\f0ca"
}
.fa-location-arrow:before {
  content: "\f124"
}
.fa-lock:before {
  content: "\f023"
}
.fa-lock-open:before {
  content: "\f3c1"
}
.fa-long-arrow-alt-down:before {
  content: "\f309"
}
.fa-long-arrow-alt-left:before {
  content: "\f30a"
}
.fa-long-arrow-alt-right:before {
  content: "\f30b"
}
.fa-long-arrow-alt-up:before {
  content: "\f30c"
}
.fa-low-vision:before {
  content: "\f2a8"
}
.fa-luggage-cart:before {
  content: "\f59d"
}
.fa-magic:before {
  content: "\f0d0"
}
.fa-magnet:before {
  content: "\f076"
}
.fa-mail-bulk:before {
  content: "\f674"
}
.fa-male:before {
  content: "\f183"
}
.fa-map:before {
  content: "\f279"
}
.fa-map-marked:before {
  content: "\f59f"
}
.fa-map-marked-alt:before {
  content: "\f5a0"
}
.fa-map-marker:before {
  content: "\f041"
}
.fa-map-marker-alt:before {
  content: "\f3c5"
}
.fa-map-pin:before {
  content: "\f276"
}
.fa-map-signs:before {
  content: "\f277"
}
.fa-marker:before {
  content: "\f5a1"
}
.fa-mars:before {
  content: "\f222"
}
.fa-mars-double:before {
  content: "\f227"
}
.fa-mars-stroke:before {
  content: "\f229"
}
.fa-mars-stroke-h:before {
  content: "\f22b"
}
.fa-mars-stroke-v:before {
  content: "\f22a"
}
.fa-mask:before {
  content: "\f6fa"
}
.fa-medal:before {
  content: "\f5a2"
}
.fa-medkit:before {
  content: "\f0fa"
}
.fa-meh:before {
  content: "\f11a"
}
.fa-meh-blank:before {
  content: "\f5a4"
}
.fa-meh-rolling-eyes:before {
  content: "\f5a5"
}
.fa-memory:before {
  content: "\f538"
}
.fa-menorah:before {
  content: "\f676"
}
.fa-mercury:before {
  content: "\f223"
}
.fa-meteor:before {
  content: "\f753"
}
.fa-microchip:before {
  content: "\f2db"
}
.fa-microphone:before {
  content: "\f130"
}
.fa-microphone-alt:before {
  content: "\f3c9"
}
.fa-microphone-alt-slash:before {
  content: "\f539"
}
.fa-microphone-slash:before {
  content: "\f131"
}
.fa-microscope:before {
  content: "\f610"
}
.fa-minus:before {
  content: "\f068"
}
.fa-minus-circle:before {
  content: "\f056"
}
.fa-minus-square:before {
  content: "\f146"
}
.fa-mitten:before {
  content: "\f7b5"
}
.fa-mobile:before {
  content: "\f10b"
}
.fa-mobile-alt:before {
  content: "\f3cd"
}
.fa-money-bill:before {
  content: "\f0d6"
}
.fa-money-bill-alt:before {
  content: "\f3d1"
}
.fa-money-bill-wave:before {
  content: "\f53a"
}
.fa-money-bill-wave-alt:before {
  content: "\f53b"
}
.fa-money-check:before {
  content: "\f53c"
}
.fa-money-check-alt:before {
  content: "\f53d"
}
.fa-monument:before {
  content: "\f5a6"
}
.fa-moon:before {
  content: "\f186"
}
.fa-mortar-pestle:before {
  content: "\f5a7"
}
.fa-mosque:before {
  content: "\f678"
}
.fa-motorcycle:before {
  content: "\f21c"
}
.fa-mountain:before {
  content: "\f6fc"
}
.fa-mouse:before {
  content: "\f8cc"
}
.fa-mouse-pointer:before {
  content: "\f245"
}
.fa-mug-hot:before {
  content: "\f7b6"
}
.fa-music:before {
  content: "\f001"
}
.fa-network-wired:before {
  content: "\f6ff"
}
.fa-neuter:before {
  content: "\f22c"
}
.fa-newspaper:before {
  content: "\f1ea"
}
.fa-not-equal:before {
  content: "\f53e"
}
.fa-notes-medical:before {
  content: "\f481"
}
.fa-object-group:before {
  content: "\f247"
}
.fa-object-ungroup:before {
  content: "\f248"
}
.fa-oil-can:before {
  content: "\f613"
}
.fa-om:before {
  content: "\f679"
}
.fa-otter:before {
  content: "\f700"
}
.fa-outdent:before {
  content: "\f03b"
}
.fa-pager:before {
  content: "\f815"
}
.fa-paint-brush:before {
  content: "\f1fc"
}
.fa-paint-roller:before {
  content: "\f5aa"
}
.fa-palette:before {
  content: "\f53f"
}
.fa-pallet:before {
  content: "\f482"
}
.fa-paper-plane:before {
  content: "\f1d8"
}
.fa-paperclip:before {
  content: "\f0c6"
}
.fa-parachute-box:before {
  content: "\f4cd"
}
.fa-paragraph:before {
  content: "\f1dd"
}
.fa-parking:before {
  content: "\f540"
}
.fa-passport:before {
  content: "\f5ab"
}
.fa-pastafarianism:before {
  content: "\f67b"
}
.fa-paste:before {
  content: "\f0ea"
}
.fa-pause:before {
  content: "\f04c"
}
.fa-pause-circle:before {
  content: "\f28b"
}
.fa-paw:before {
  content: "\f1b0"
}
.fa-peace:before {
  content: "\f67c"
}
.fa-pen:before {
  content: "\f304"
}
.fa-pen-alt:before {
  content: "\f305"
}
.fa-pen-fancy:before {
  content: "\f5ac"
}
.fa-pen-nib:before {
  content: "\f5ad"
}
.fa-pen-square:before {
  content: "\f14b"
}
.fa-pencil-alt:before {
  content: "\f303"
}
.fa-pencil-ruler:before {
  content: "\f5ae"
}
.fa-penny-arcade:before {
  content: "\f704"
}
.fa-people-carry:before {
  content: "\f4ce"
}
.fa-pepper-hot:before {
  content: "\f816"
}
.fa-percent:before {
  content: "\f295"
}
.fa-percentage:before {
  content: "\f541"
}
.fa-person-booth:before {
  content: "\f756"
}
.fa-phone:before {
  content: "\f095"
}
.fa-phone-alt:before {
  content: "\f879"
}
.fa-phone-slash:before {
  content: "\f3dd"
}
.fa-phone-square:before {
  content: "\f098"
}
.fa-phone-square-alt:before {
  content: "\f87b"
}
.fa-phone-volume:before {
  content: "\f2a0"
}
.fa-photo-video:before {
  content: "\f87c"
}
.fa-piggy-bank:before {
  content: "\f4d3"
}
.fa-pills:before {
  content: "\f484"
}
.fa-pizza-slice:before {
  content: "\f818"
}
.fa-place-of-worship:before {
  content: "\f67f"
}
.fa-plane:before {
  content: "\f072"
}
.fa-plane-arrival:before {
  content: "\f5af"
}
.fa-plane-departure:before {
  content: "\f5b0"
}
.fa-play:before {
  content: "\f04b"
}
.fa-play-circle:before {
  content: "\f144"
}
.fa-plug:before {
  content: "\f1e6"
}
.fa-plus:before {
  content: "\f067"
}
.fa-plus-circle:before {
  content: "\f055"
}
.fa-plus-square:before {
  content: "\f0fe"
}
.fa-podcast:before {
  content: "\f2ce"
}
.fa-poll:before {
  content: "\f681"
}
.fa-poll-h:before {
  content: "\f682"
}
.fa-poo:before {
  content: "\f2fe"
}
.fa-poo-storm:before {
  content: "\f75a"
}
.fa-poop:before {
  content: "\f619"
}
.fa-portrait:before {
  content: "\f3e0"
}
.fa-pound-sign:before {
  content: "\f154"
}
.fa-power-off:before {
  content: "\f011"
}
.fa-pray:before {
  content: "\f683"
}
.fa-praying-hands:before {
  content: "\f684"
}
.fa-prescription:before {
  content: "\f5b1"
}
.fa-prescription-bottle:before {
  content: "\f485"
}
.fa-prescription-bottle-alt:before {
  content: "\f486"
}
.fa-print:before {
  content: "\f02f"
}
.fa-procedures:before {
  content: "\f487"
}
.fa-project-diagram:before {
  content: "\f542"
}
.fa-puzzle-piece:before {
  content: "\f12e"
}
.fa-qrcode:before {
  content: "\f029"
}
.fa-question:before {
  content: "\f128"
}
.fa-question-circle:before {
  content: "\f059"
}
.fa-quidditch:before {
  content: "\f458"
}
.fa-quote-left:before {
  content: "\f10d"
}
.fa-quote-right:before {
  content: "\f10e"
}
.fa-quran:before {
  content: "\f687"
}
.fa-radiation:before {
  content: "\f7b9"
}
.fa-radiation-alt:before {
  content: "\f7ba"
}
.fa-rainbow:before {
  content: "\f75b"
}
.fa-random:before {
  content: "\f074"
}
.fa-receipt:before {
  content: "\f543"
}
.fa-record-vinyl:before {
  content: "\f8d9"
}
.fa-recycle:before {
  content: "\f1b8"
}
.fa-redo:before {
  content: "\f01e"
}
.fa-redo-alt:before {
  content: "\f2f9"
}
.fa-registered:before {
  content: "\f25d"
}
.fa-remove-format:before {
  content: "\f87d"
}
.fa-reply:before {
  content: "\f3e5"
}
.fa-reply-all:before {
  content: "\f122"
}
.fa-republican:before {
  content: "\f75e"
}
.fa-restroom:before {
  content: "\f7bd"
}
.fa-retweet:before {
  content: "\f079"
}
.fa-ribbon:before {
  content: "\f4d6"
}
.fa-ring:before {
  content: "\f70b"
}
.fa-road:before {
  content: "\f018"
}
.fa-robot:before {
  content: "\f544"
}
.fa-rocket:before {
  content: "\f135"
}
.fa-route:before {
  content: "\f4d7"
}
.fa-rss:before {
  content: "\f09e"
}
.fa-rss-square:before {
  content: "\f143"
}
.fa-ruble-sign:before {
  content: "\f158"
}
.fa-ruler:before {
  content: "\f545"
}
.fa-ruler-combined:before {
  content: "\f546"
}
.fa-ruler-horizontal:before {
  content: "\f547"
}
.fa-ruler-vertical:before {
  content: "\f548"
}
.fa-running:before {
  content: "\f70c"
}
.fa-rupee-sign:before {
  content: "\f156"
}
.fa-sad-cry:before {
  content: "\f5b3"
}
.fa-sad-tear:before {
  content: "\f5b4"
}
.fa-satellite:before {
  content: "\f7bf"
}
.fa-satellite-dish:before {
  content: "\f7c0"
}
.fa-save:before {
  content: "\f0c7"
}
.fa-school:before {
  content: "\f549"
}
.fa-screwdriver:before {
  content: "\f54a"
}
.fa-scroll:before {
  content: "\f70e"
}
.fa-sd-card:before {
  content: "\f7c2"
}
.fa-search:before {
  content: "\f002"
}
.fa-search-dollar:before {
  content: "\f688"
}
.fa-search-location:before {
  content: "\f689"
}
.fa-search-minus:before {
  content: "\f010"
}
.fa-search-plus:before {
  content: "\f00e"
}
.fa-seedling:before {
  content: "\f4d8"
}
.fa-server:before {
  content: "\f233"
}
.fa-shapes:before {
  content: "\f61f"
}
.fa-share:before {
  content: "\f064"
}
.fa-share-alt:before {
  content: "\f1e0"
}
.fa-share-alt-square:before {
  content: "\f1e1"
}
.fa-share-square:before {
  content: "\f14d"
}
.fa-shekel-sign:before {
  content: "\f20b"
}
.fa-shield-alt:before {
  content: "\f3ed"
}
.fa-ship:before {
  content: "\f21a"
}
.fa-shipping-fast:before {
  content: "\f48b"
}
.fa-shoe-prints:before {
  content: "\f54b"
}
.fa-shopping-bag:before {
  content: "\f290"
}
.fa-shopping-basket:before {
  content: "\f291"
}
.fa-shopping-cart:before {
  content: "\f07a"
}
.fa-shower:before {
  content: "\f2cc"
}
.fa-shuttle-van:before {
  content: "\f5b6"
}
.fa-sign:before {
  content: "\f4d9"
}
.fa-sign-in-alt:before {
  content: "\f2f6"
}
.fa-sign-language:before {
  content: "\f2a7"
}
.fa-sign-out-alt:before {
  content: "\f2f5"
}
.fa-signal:before {
  content: "\f012"
}
.fa-signature:before {
  content: "\f5b7"
}
.fa-sim-card:before {
  content: "\f7c4"
}
.fa-sitemap:before {
  content: "\f0e8"
}
.fa-skating:before {
  content: "\f7c5"
}
.fa-skiing:before {
  content: "\f7c9"
}
.fa-skiing-nordic:before {
  content: "\f7ca"
}
.fa-skull:before {
  content: "\f54c"
}
.fa-skull-crossbones:before {
  content: "\f714"
}
.fa-slash:before {
  content: "\f715"
}
.fa-sleigh:before {
  content: "\f7cc"
}
.fa-sliders-h:before {
  content: "\f1de"
}
.fa-smile:before {
  content: "\f118"
}
.fa-smile-beam:before {
  content: "\f5b8"
}
.fa-smile-wink:before {
  content: "\f4da"
}
.fa-smog:before {
  content: "\f75f"
}
.fa-smoking:before {
  content: "\f48d"
}
.fa-smoking-ban:before {
  content: "\f54d"
}
.fa-sms:before {
  content: "\f7cd"
}
.fa-snowboarding:before {
  content: "\f7ce"
}
.fa-snowflake:before {
  content: "\f2dc"
}
.fa-snowman:before {
  content: "\f7d0"
}
.fa-snowplow:before {
  content: "\f7d2"
}
.fa-socks:before {
  content: "\f696"
}
.fa-solar-panel:before {
  content: "\f5ba"
}
.fa-sort:before {
  content: "\f0dc"
}
.fa-sort-alpha-down:before {
  content: "\f15d"
}
.fa-sort-alpha-down-alt:before {
  content: "\f881"
}
.fa-sort-alpha-up:before {
  content: "\f15e"
}
.fa-sort-alpha-up-alt:before {
  content: "\f882"
}
.fa-sort-amount-down:before {
  content: "\f160"
}
.fa-sort-amount-down-alt:before {
  content: "\f884"
}
.fa-sort-amount-up:before {
  content: "\f161"
}
.fa-sort-amount-up-alt:before {
  content: "\f885"
}
.fa-sort-down:before {
  content: "\f0dd"
}
.fa-sort-numeric-down:before {
  content: "\f162"
}
.fa-sort-numeric-down-alt:before {
  content: "\f886"
}
.fa-sort-numeric-up:before {
  content: "\f163"
}
.fa-sort-numeric-up-alt:before {
  content: "\f887"
}
.fa-sort-up:before {
  content: "\f0de"
}
.fa-spa:before {
  content: "\f5bb"
}
.fa-space-shuttle:before {
  content: "\f197"
}
.fa-spell-check:before {
  content: "\f891"
}
.fa-spider:before {
  content: "\f717"
}
.fa-spinner:before {
  content: "\f110"
}
.fa-splotch:before {
  content: "\f5bc"
}
.fa-spray-can:before {
  content: "\f5bd"
}
.fa-square:before {
  content: "\f0c8"
}
.fa-square-full:before {
  content: "\f45c"
}
.fa-square-root-alt:before {
  content: "\f698"
}
.fa-stamp:before {
  content: "\f5bf"
}
.fa-star:before {
  content: "\f005"
}
.fa-star-and-crescent:before {
  content: "\f699"
}
.fa-star-half:before {
  content: "\f089"
}
.fa-star-half-alt:before {
  content: "\f5c0"
}
.fa-star-of-david:before {
  content: "\f69a"
}
.fa-star-of-life:before {
  content: "\f621"
}
.fa-step-backward:before {
  content: "\f048"
}
.fa-step-forward:before {
  content: "\f051"
}
.fa-stethoscope:before {
  content: "\f0f1"
}
.fa-sticky-note:before {
  content: "\f249"
}
.fa-stop:before {
  content: "\f04d"
}
.fa-stop-circle:before {
  content: "\f28d"
}
.fa-stopwatch:before {
  content: "\f2f2"
}
.fa-store:before {
  content: "\f54e"
}
.fa-store-alt:before {
  content: "\f54f"
}
.fa-stream:before {
  content: "\f550"
}
.fa-street-view:before {
  content: "\f21d"
}
.fa-strikethrough:before {
  content: "\f0cc"
}
.fa-stroopwafel:before {
  content: "\f551"
}
.fa-subscript:before {
  content: "\f12c"
}
.fa-subway:before {
  content: "\f239"
}
.fa-suitcase:before {
  content: "\f0f2"
}
.fa-suitcase-rolling:before {
  content: "\f5c1"
}
.fa-sun:before {
  content: "\f185"
}
.fa-superscript:before {
  content: "\f12b"
}
.fa-surprise:before {
  content: "\f5c2"
}
.fa-swatchbook:before {
  content: "\f5c3"
}
.fa-swimmer:before {
  content: "\f5c4"
}
.fa-swimming-pool:before {
  content: "\f5c5"
}
.fa-synagogue:before {
  content: "\f69b"
}
.fa-sync:before {
  content: "\f021"
}
.fa-sync-alt:before {
  content: "\f2f1"
}
.fa-syringe:before {
  content: "\f48e"
}
.fa-table:before {
  content: "\f0ce"
}
.fa-table-tennis:before {
  content: "\f45d"
}
.fa-tablet:before {
  content: "\f10a"
}
.fa-tablet-alt:before {
  content: "\f3fa"
}
.fa-tablets:before {
  content: "\f490"
}
.fa-tachometer-alt:before {
  content: "\f3fd"
}
.fa-tag:before {
  content: "\f02b"
}
.fa-tags:before {
  content: "\f02c"
}
.fa-tape:before {
  content: "\f4db"
}
.fa-tasks:before {
  content: "\f0ae"
}
.fa-taxi:before {
  content: "\f1ba"
}
.fa-teeth:before {
  content: "\f62e"
}
.fa-teeth-open:before {
  content: "\f62f"
}
.fa-temperature-high:before {
  content: "\f769"
}
.fa-temperature-low:before {
  content: "\f76b"
}
.fa-tenge:before {
  content: "\f7d7"
}
.fa-terminal:before {
  content: "\f120"
}
.fa-text-height:before {
  content: "\f034"
}
.fa-text-width:before {
  content: "\f035"
}
.fa-th:before {
  content: "\f00a"
}
.fa-th-large:before {
  content: "\f009"
}
.fa-th-list:before {
  content: "\f00b"
}
.fa-theater-masks:before {
  content: "\f630"
}
.fa-thermometer:before {
  content: "\f491"
}
.fa-thermometer-empty:before {
  content: "\f2cb"
}
.fa-thermometer-full:before {
  content: "\f2c7"
}
.fa-thermometer-half:before {
  content: "\f2c9"
}
.fa-thermometer-quarter:before {
  content: "\f2ca"
}
.fa-thermometer-three-quarters:before {
  content: "\f2c8"
}
.fa-thumbs-down:before {
  content: "\f165"
}
.fa-thumbs-up:before {
  content: "\f164"
}
.fa-thumbtack:before {
  content: "\f08d"
}
.fa-ticket-alt:before {
  content: "\f3ff"
}
.fa-times:before {
  content: "\f00d"
}
.fa-times-circle:before {
  content: "\f057"
}
.fa-tint:before {
  content: "\f043"
}
.fa-tint-slash:before {
  content: "\f5c7"
}
.fa-tired:before {
  content: "\f5c8"
}
.fa-toggle-off:before {
  content: "\f204"
}
.fa-toggle-on:before {
  content: "\f205"
}
.fa-toilet:before {
  content: "\f7d8"
}
.fa-toilet-paper:before {
  content: "\f71e"
}
.fa-toolbox:before {
  content: "\f552"
}
.fa-tools:before {
  content: "\f7d9"
}
.fa-tooth:before {
  content: "\f5c9"
}
.fa-torah:before {
  content: "\f6a0"
}
.fa-torii-gate:before {
  content: "\f6a1"
}
.fa-tractor:before {
  content: "\f722"
}
.fa-trademark:before {
  content: "\f25c"
}
.fa-traffic-light:before {
  content: "\f637"
}
.fa-train:before {
  content: "\f238"
}
.fa-tram:before {
  content: "\f7da"
}
.fa-transgender:before {
  content: "\f224"
}
.fa-transgender-alt:before {
  content: "\f225"
}
.fa-trash:before {
  content: "\f1f8"
}
.fa-trash-alt:before {
  content: "\f2ed"
}
.fa-trash-restore:before {
  content: "\f829"
}
.fa-trash-restore-alt:before {
  content: "\f82a"
}
.fa-tree:before {
  content: "\f1bb"
}
.fa-tripadvisor:before {
  content: "\f262"
}
.fa-trophy:before {
  content: "\f091"
}
.fa-truck:before {
  content: "\f0d1"
}
.fa-truck-loading:before {
  content: "\f4de"
}
.fa-truck-monster:before {
  content: "\f63b"
}
.fa-truck-moving:before {
  content: "\f4df"
}
.fa-truck-pickup:before {
  content: "\f63c"
}
.fa-tshirt:before {
  content: "\f553"
}
.fa-tty:before {
  content: "\f1e4"
}
.fa-tv:before {
  content: "\f26c"
}
.fa-umbrella:before {
  content: "\f0e9"
}
.fa-umbrella-beach:before {
  content: "\f5ca"
}
.fa-underline:before {
  content: "\f0cd"
}
.fa-undo:before {
  content: "\f0e2"
}
.fa-undo-alt:before {
  content: "\f2ea"
}
.fa-universal-access:before {
  content: "\f29a"
}
.fa-university:before {
  content: "\f19c"
}
.fa-unlink:before {
  content: "\f127"
}
.fa-unlock:before {
  content: "\f09c"
}
.fa-unlock-alt:before {
  content: "\f13e"
}
.fa-upload:before {
  content: "\f093"
}
.fa-user:before {
  content: "\f007"
}
.fa-user-alt:before {
  content: "\f406"
}
.fa-user-alt-slash:before {
  content: "\f4fa"
}
.fa-user-astronaut:before {
  content: "\f4fb"
}
.fa-user-check:before {
  content: "\f4fc"
}
.fa-user-circle:before {
  content: "\f2bd"
}
.fa-user-clock:before {
  content: "\f4fd"
}
.fa-user-cog:before {
  content: "\f4fe"
}
.fa-user-edit:before {
  content: "\f4ff"
}
.fa-user-friends:before {
  content: "\f500"
}
.fa-user-graduate:before {
  content: "\f501"
}
.fa-user-injured:before {
  content: "\f728"
}
.fa-user-lock:before {
  content: "\f502"
}
.fa-user-md:before {
  content: "\f0f0"
}
.fa-user-minus:before {
  content: "\f503"
}
.fa-user-ninja:before {
  content: "\f504"
}
.fa-user-nurse:before {
  content: "\f82f"
}
.fa-user-plus:before {
  content: "\f234"
}
.fa-user-secret:before {
  content: "\f21b"
}
.fa-user-shield:before {
  content: "\f505"
}
.fa-user-slash:before {
  content: "\f506"
}
.fa-user-tag:before {
  content: "\f507"
}
.fa-user-tie:before {
  content: "\f508"
}
.fa-user-times:before {
  content: "\f235"
}
.fa-users:before {
  content: "\f0c0"
}
.fa-users-cog:before {
  content: "\f509"
}
.fa-utensil-spoon:before {
  content: "\f2e5"
}
.fa-utensils:before {
  content: "\f2e7"
}
.fa-vector-square:before {
  content: "\f5cb"
}
.fa-venus:before {
  content: "\f221"
}
.fa-venus-double:before {
  content: "\f226"
}
.fa-venus-mars:before {
  content: "\f228"
}
.fa-vial:before {
  content: "\f492"
}
.fa-vials:before {
  content: "\f493"
}
.fa-video:before {
  content: "\f03d"
}
.fa-video-slash:before {
  content: "\f4e2"
}
.fa-vihara:before {
  content: "\f6a7"
}
.fa-voicemail:before {
  content: "\f897"
}
.fa-volleyball-ball:before {
  content: "\f45f"
}
.fa-volume-down:before {
  content: "\f027"
}
.fa-volume-mute:before {
  content: "\f6a9"
}
.fa-volume-off:before {
  content: "\f026"
}
.fa-volume-up:before {
  content: "\f028"
}
.fa-vote-yea:before {
  content: "\f772"
}
.fa-vr-cardboard:before {
  content: "\f729"
}
.fa-walking:before {
  content: "\f554"
}
.fa-wallet:before {
  content: "\f555"
}
.fa-warehouse:before {
  content: "\f494"
}
.fa-water:before {
  content: "\f773"
}
.fa-wave-square:before {
  content: "\f83e"
}
.fa-weight:before {
  content: "\f496"
}
.fa-weight-hanging:before {
  content: "\f5cd"
}
.fa-wheelchair:before {
  content: "\f193"
}
.fa-wifi:before {
  content: "\f1eb"
}
.fa-wind:before {
  content: "\f72e"
}
.fa-window-close:before {
  content: "\f410"
}
.fa-window-maximize:before {
  content: "\f2d0"
}
.fa-window-minimize:before {
  content: "\f2d1"
}
.fa-window-restore:before {
  content: "\f2d2"
}
.fa-wine-bottle:before {
  content: "\f72f"
}
.fa-wine-glass:before {
  content: "\f4e3"
}
.fa-wine-glass-alt:before {
  content: "\f5ce"
}
.fa-won-sign:before {
  content: "\f159"
}
.fa-wrench:before {
  content: "\f0ad"
}
.fa-x-ray:before {
  content: "\f497"
}
.fa-yen-sign:before {
  content: "\f157"
}
.fa-yin-yang:before {
  content: "\f6ad"
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto
} /*!
 * Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2023 Fonticons, Inc.
 */ .fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto
}
.fa-classic, .fa-regular, .fa-solid, .far, .fas {
  font-family: 'Font Awesome 6 Free'
}
.fa-brands, .fab {
  font-family: 'Font Awesome 6 Brands'
}
.fa-1x {
  font-size: 1em
}
.fa-2x {
  font-size: 2em
}
.fa-3x {
  font-size: 3em
}
.fa-4x {
  font-size: 4em
}
.fa-5x {
  font-size: 5em
}
.fa-6x {
  font-size: 6em
}
.fa-7x {
  font-size: 7em
}
.fa-8x {
  font-size: 8em
}
.fa-9x {
  font-size: 9em
}
.fa-10x {
  font-size: 10em
}
.fa-2xs {
  font-size: .625em;
  line-height: .1em;
  vertical-align: .225em
}
.fa-xs {
  line-height: .08333em;
  vertical-align: .125em
}
.fa-sm {
  line-height: .07143em;
  vertical-align: .05357em
}
.fa-lg {
  font-size: 1.25em;
  line-height: .05em;
  vertical-align: -.075em
}
.fa-xl {
  font-size: 1.5em;
  line-height: .04167em;
  vertical-align: -.125em
}
.fa-2xl, .fa-stack-2x {
  font-size: 2em
}
.fa-2xl {
  line-height: .03125em;
  vertical-align: -.1875em
}
.fa-stack, .ui-button, .ui-spinner, .ui-spinner-input {
  vertical-align: middle
}
.fa-fw {
  text-align: center;
  width: 1.25em
}
.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0
}
.fa-ul > li {
  position: relative
}
.fa-li {
  top: .14285714em;
  left: calc(var(--fa-li-width, 2em) * -1);
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit
}
.fa-border {
  border: .08em solid #eee;
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, .1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, .08em);
  padding: var(--fa-border-padding, .2em .25em .15em)
}
.fa-pull-left {
  margin-right: var(--fa-pull-margin, .3em)
}
.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, .3em)
}
.fa-beat {
  -webkit-animation-name: fa-beat;
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
  animation-timing-function: var(--fa-animation-timing, ease-in-out)
}
.fa-bounce, .fa-fade {
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite)
}
.fa-bounce {
  -webkit-animation-name: fa-bounce;
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1));
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1))
}
.fa-beat-fade, .fa-fade {
  -webkit-animation-delay: var(--fa-animation-delay, 0s)
}
.fa-fade {
  -webkit-animation-name: fa-fade;
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1));
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
}
.fa-beat-fade, .fa-flip {
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite)
}
.fa-beat-fade {
  -webkit-animation-name: fa-beat-fade;
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1));
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
}
.fa-flip, .fa-shake {
  -webkit-animation-delay: var(--fa-animation-delay, 0s)
}
.fa-flip {
  -webkit-animation-name: fa-flip;
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
  animation-timing-function: var(--fa-animation-timing, ease-in-out)
}
.fa-shake, .fa-spin {
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite)
}
.fa-shake {
  -webkit-animation-name: fa-shake;
  animation-name: fa-shake;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
  animation-timing-function: var(--fa-animation-timing, linear)
}
.fa-spin {
  -webkit-animation-name: fa-spin;
  animation-name: fa-spin;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 2s);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
  animation-timing-function: var(--fa-animation-timing, linear)
}
.fa-spin-reverse {
  --fa-animation-direction: reverse
}
.fa-pulse, .fa-spin-pulse {
  -webkit-animation-name: fa-spin;
  animation-name: fa-spin;
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
  animation-timing-function: var(--fa-animation-timing, steps(8))
}
@media (prefers-reduced-motion:reduce) {
  .fa-beat, .fa-beat-fade, .fa-bounce, .fa-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s
  }
}
@-webkit-keyframes fa-beat {
  0%, 90% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
    transform: scale(var(--fa-beat-scale, 1.25))
  }
}
@keyframes fa-beat {
  0%, 90% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
    transform: scale(var(--fa-beat-scale, 1.25))
  }
}
@-webkit-keyframes fa-bounce {
  0%, 100%, 64% {
    -webkit-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0)
  }
  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0);
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
  }
  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em));
    transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
  }
  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0);
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
  }
  57% {
    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -.125em));
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -.125em))
  }
}
@keyframes fa-bounce {
  0%, 100%, 64% {
    -webkit-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0)
  }
  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0);
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
  }
  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em));
    transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
  }
  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0);
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
  }
  57% {
    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -.125em));
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -.125em))
  }
}
@-webkit-keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, .4)
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, .4)
  }
}
@-webkit-keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, .4);
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
    transform: scale(var(--fa-beat-fade-scale, 1.125))
  }
}
@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, .4);
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
    transform: scale(var(--fa-beat-fade-scale, 1.125))
  }
}
@-webkit-keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
  }
}
@keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
  }
}
@-webkit-keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  4% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  24%, 8% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg)
  }
  12%, 28% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg)
  }
  16% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg)
  }
  20% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg)
  }
  32% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg)
  }
  36% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg)
  }
  100%, 40% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}
@keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  4% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  24%, 8% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg)
  }
  12%, 28% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg)
  }
  16% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg)
  }
  20% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg)
  }
  32% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg)
  }
  36% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg)
  }
  100%, 40% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg)
}
.fa-flip-horizontal {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1)
}
.fa-flip-vertical {
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1)
}
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1)
}
.fa-rotate-by {
  -webkit-transform: rotate(var(--fa-rotate-angle, none));
  transform: rotate(var(--fa-rotate-angle, none))
}
.fa-stack {
  position: relative;
  width: 2.5em
}
.fa-stack-1x, .fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto)
}
.fa-stack-1x {
  line-height: inherit
}
.fa-0::before {
  content: '\30'
}
.fa-1::before {
  content: '\31'
}
.fa-2::before {
  content: '\32'
}
.fa-3::before {
  content: '\33'
}
.fa-4::before {
  content: '\34'
}
.fa-5::before {
  content: '\35'
}
.fa-6::before {
  content: '\36'
}
.fa-7::before {
  content: '\37'
}
.fa-8::before {
  content: '\38'
}
.fa-9::before {
  content: '\39'
}
.fa-fill-drip::before {
  content: '\f576'
}
.fa-arrows-to-circle::before {
  content: '\e4bd'
}
.fa-chevron-circle-right::before, .fa-circle-chevron-right::before {
  content: '\f138'
}
.fa-at::before {
  content: '\40'
}
.fa-trash-alt::before, .fa-trash-can::before {
  content: '\f2ed'
}
.fa-text-height::before {
  content: '\f034'
}
.fa-user-times::before, .fa-user-xmark::before {
  content: '\f235'
}
.fa-stethoscope::before {
  content: '\f0f1'
}
.fa-comment-alt::before, .fa-message::before {
  content: '\f27a'
}
.fa-info::before {
  content: '\f129'
}
.fa-compress-alt::before, .fa-down-left-and-up-right-to-center::before {
  content: '\f422'
}
.fa-explosion::before {
  content: '\e4e9'
}
.fa-file-alt::before, .fa-file-lines::before, .fa-file-text::before {
  content: '\f15c'
}
.fa-wave-square::before {
  content: '\f83e'
}
.fa-ring::before {
  content: '\f70b'
}
.fa-building-un::before {
  content: '\e4d9'
}
.fa-dice-three::before {
  content: '\f527'
}
.fa-calendar-alt::before, .fa-calendar-days::before {
  content: '\f073'
}
.fa-anchor-circle-check::before {
  content: '\e4aa'
}
.fa-building-circle-arrow-right::before {
  content: '\e4d1'
}
.fa-volleyball-ball::before, .fa-volleyball::before {
  content: '\f45f'
}
.fa-arrows-up-to-line::before {
  content: '\e4c2'
}
.fa-sort-desc::before, .fa-sort-down::before {
  content: '\f0dd'
}
.fa-circle-minus::before, .fa-minus-circle::before {
  content: '\f056'
}
.fa-door-open::before {
  content: '\f52b'
}
.fa-right-from-bracket::before, .fa-sign-out-alt::before {
  content: '\f2f5'
}
.fa-atom::before {
  content: '\f5d2'
}
.fa-soap::before {
  content: '\e06e'
}
.fa-heart-music-camera-bolt::before, .fa-icons::before {
  content: '\f86d'
}
.fa-microphone-alt-slash::before, .fa-microphone-lines-slash::before {
  content: '\f539'
}
.fa-bridge-circle-check::before {
  content: '\e4c9'
}
.fa-pump-medical::before {
  content: '\e06a'
}
.fa-fingerprint::before {
  content: '\f577'
}
.fa-hand-point-right::before {
  content: '\f0a4'
}
.fa-magnifying-glass-location::before, .fa-search-location::before {
  content: '\f689'
}
.fa-forward-step::before, .fa-step-forward::before {
  content: '\f051'
}
.fa-face-smile-beam::before, .fa-smile-beam::before {
  content: '\f5b8'
}
.fa-flag-checkered::before {
  content: '\f11e'
}
.fa-football-ball::before, .fa-football::before {
  content: '\f44e'
}
.fa-school-circle-exclamation::before {
  content: '\e56c'
}
.fa-crop::before {
  content: '\f125'
}
.fa-angle-double-down::before, .fa-angles-down::before {
  content: '\f103'
}
.fa-users-rectangle::before {
  content: '\e594'
}
.fa-people-roof::before {
  content: '\e537'
}
.fa-people-line::before {
  content: '\e534'
}
.fa-beer-mug-empty::before, .fa-beer::before {
  content: '\f0fc'
}
.fa-diagram-predecessor::before {
  content: '\e477'
}
.fa-arrow-up-long::before, .fa-long-arrow-up::before {
  content: '\f176'
}
.fa-burn::before, .fa-fire-flame-simple::before {
  content: '\f46a'
}
.fa-male::before, .fa-person::before {
  content: '\f183'
}
.fa-laptop::before {
  content: '\f109'
}
.fa-file-csv::before {
  content: '\f6dd'
}
.fa-menorah::before {
  content: '\f676'
}
.fa-truck-plane::before {
  content: '\e58f'
}
.fa-record-vinyl::before {
  content: '\f8d9'
}
.fa-face-grin-stars::before, .fa-grin-stars::before {
  content: '\f587'
}
.fa-bong::before {
  content: '\f55c'
}
.fa-pastafarianism::before, .fa-spaghetti-monster-flying::before {
  content: '\f67b'
}
.fa-arrow-down-up-across-line::before {
  content: '\e4af'
}
.fa-spoon::before, .fa-utensil-spoon::before {
  content: '\f2e5'
}
.fa-jar-wheat::before {
  content: '\e517'
}
.fa-envelopes-bulk::before, .fa-mail-bulk::before {
  content: '\f674'
}
.fa-file-circle-exclamation::before {
  content: '\e4eb'
}
.fa-circle-h::before, .fa-hospital-symbol::before {
  content: '\f47e'
}
.fa-pager::before {
  content: '\f815'
}
.fa-address-book::before, .fa-contact-book::before {
  content: '\f2b9'
}
.fa-strikethrough::before {
  content: '\f0cc'
}
.fa-k::before {
  content: '\4b'
}
.fa-landmark-flag::before {
  content: '\e51c'
}
.fa-pencil-alt::before, .fa-pencil::before {
  content: '\f303'
}
.fa-backward::before {
  content: '\f04a'
}
.fa-caret-right::before {
  content: '\f0da'
}
.fa-comments::before {
  content: '\f086'
}
.fa-file-clipboard::before, .fa-paste::before {
  content: '\f0ea'
}
.fa-code-pull-request::before {
  content: '\e13c'
}
.fa-clipboard-list::before {
  content: '\f46d'
}
.fa-truck-loading::before, .fa-truck-ramp-box::before {
  content: '\f4de'
}
.fa-user-check::before {
  content: '\f4fc'
}
.fa-vial-virus::before {
  content: '\e597'
}
.fa-sheet-plastic::before {
  content: '\e571'
}
.fa-blog::before {
  content: '\f781'
}
.fa-user-ninja::before {
  content: '\f504'
}
.fa-person-arrow-up-from-line::before {
  content: '\e539'
}
.fa-scroll-torah::before, .fa-torah::before {
  content: '\f6a0'
}
.fa-broom-ball::before, .fa-quidditch-broom-ball::before, .fa-quidditch::before {
  content: '\f458'
}
.fa-toggle-off::before {
  content: '\f204'
}
.fa-archive::before, .fa-box-archive::before {
  content: '\f187'
}
.fa-person-drowning::before {
  content: '\e545'
}
.fa-arrow-down-9-1::before, .fa-sort-numeric-desc::before, .fa-sort-numeric-down-alt::before {
  content: '\f886'
}
.fa-face-grin-tongue-squint::before, .fa-grin-tongue-squint::before {
  content: '\f58a'
}
.fa-spray-can::before {
  content: '\f5bd'
}
.fa-truck-monster::before {
  content: '\f63b'
}
.fa-w::before {
  content: '\57'
}
.fa-earth-africa::before, .fa-globe-africa::before {
  content: '\f57c'
}
.fa-rainbow::before {
  content: '\f75b'
}
.fa-circle-notch::before {
  content: '\f1ce'
}
.fa-tablet-alt::before, .fa-tablet-screen-button::before {
  content: '\f3fa'
}
.fa-paw::before {
  content: '\f1b0'
}
.fa-cloud::before {
  content: '\f0c2'
}
.fa-trowel-bricks::before {
  content: '\e58a'
}
.fa-face-flushed::before, .fa-flushed::before {
  content: '\f579'
}
.fa-hospital-user::before {
  content: '\f80d'
}
.fa-tent-arrow-left-right::before {
  content: '\e57f'
}
.fa-gavel::before, .fa-legal::before {
  content: '\f0e3'
}
.fa-binoculars::before {
  content: '\f1e5'
}
.fa-microphone-slash::before {
  content: '\f131'
}
.fa-box-tissue::before {
  content: '\e05b'
}
.fa-motorcycle::before {
  content: '\f21c'
}
.fa-bell-concierge::before, .fa-concierge-bell::before {
  content: '\f562'
}
.fa-pen-ruler::before, .fa-pencil-ruler::before {
  content: '\f5ae'
}
.fa-people-arrows-left-right::before, .fa-people-arrows::before {
  content: '\e068'
}
.fa-mars-and-venus-burst::before {
  content: '\e523'
}
.fa-caret-square-right::before, .fa-square-caret-right::before {
  content: '\f152'
}
.fa-cut::before, .fa-scissors::before {
  content: '\f0c4'
}
.fa-sun-plant-wilt::before {
  content: '\e57a'
}
.fa-toilets-portable::before {
  content: '\e584'
}
.fa-hockey-puck::before {
  content: '\f453'
}
.fa-table::before {
  content: '\f0ce'
}
.fa-magnifying-glass-arrow-right::before {
  content: '\e521'
}
.fa-digital-tachograph::before, .fa-tachograph-digital::before {
  content: '\f566'
}
.fa-users-slash::before {
  content: '\e073'
}
.fa-clover::before {
  content: '\e139'
}
.fa-mail-reply::before, .fa-reply::before {
  content: '\f3e5'
}
.fa-star-and-crescent::before {
  content: '\f699'
}
.fa-house-fire::before {
  content: '\e50c'
}
.fa-minus-square::before, .fa-square-minus::before {
  content: '\f146'
}
.fa-helicopter::before {
  content: '\f533'
}
.fa-compass::before {
  content: '\f14e'
}
.fa-caret-square-down::before, .fa-square-caret-down::before {
  content: '\f150'
}
.fa-file-circle-question::before {
  content: '\e4ef'
}
.fa-laptop-code::before {
  content: '\f5fc'
}
.fa-swatchbook::before {
  content: '\f5c3'
}
.fa-prescription-bottle::before {
  content: '\f485'
}
.fa-bars::before, .fa-navicon::before {
  content: '\f0c9'
}
.fa-people-group::before {
  content: '\e533'
}
.fa-hourglass-3::before, .fa-hourglass-end::before {
  content: '\f253'
}
.fa-heart-broken::before, .fa-heart-crack::before {
  content: '\f7a9'
}
.fa-external-link-square-alt::before, .fa-square-up-right::before {
  content: '\f360'
}
.fa-face-kiss-beam::before, .fa-kiss-beam::before {
  content: '\f597'
}
.fa-film::before {
  content: '\f008'
}
.fa-ruler-horizontal::before {
  content: '\f547'
}
.fa-people-robbery::before {
  content: '\e536'
}
.fa-lightbulb::before {
  content: '\f0eb'
}
.fa-caret-left::before {
  content: '\f0d9'
}
.fa-circle-exclamation::before, .fa-exclamation-circle::before {
  content: '\f06a'
}
.fa-school-circle-xmark::before {
  content: '\e56d'
}
.fa-arrow-right-from-bracket::before, .fa-sign-out::before {
  content: '\f08b'
}
.fa-chevron-circle-down::before, .fa-circle-chevron-down::before {
  content: '\f13a'
}
.fa-unlock-alt::before, .fa-unlock-keyhole::before {
  content: '\f13e'
}
.fa-cloud-showers-heavy::before {
  content: '\f740'
}
.fa-headphones-alt::before, .fa-headphones-simple::before {
  content: '\f58f'
}
.fa-sitemap::before {
  content: '\f0e8'
}
.fa-circle-dollar-to-slot::before, .fa-donate::before {
  content: '\f4b9'
}
.fa-memory::before {
  content: '\f538'
}
.fa-road-spikes::before {
  content: '\e568'
}
.fa-fire-burner::before {
  content: '\e4f1'
}
.fa-flag::before {
  content: '\f024'
}
.fa-hanukiah::before {
  content: '\f6e6'
}
.fa-feather::before {
  content: '\f52d'
}
.fa-volume-down::before, .fa-volume-low::before {
  content: '\f027'
}
.fa-comment-slash::before {
  content: '\f4b3'
}
.fa-cloud-sun-rain::before {
  content: '\f743'
}
.fa-compress::before {
  content: '\f066'
}
.fa-wheat-alt::before, .fa-wheat-awn::before {
  content: '\e2cd'
}
.fa-ankh::before {
  content: '\f644'
}
.fa-hands-holding-child::before {
  content: '\e4fa'
}
.fa-asterisk::before {
  content: '\2a'
}
.fa-check-square::before, .fa-square-check::before {
  content: '\f14a'
}
.fa-peseta-sign::before {
  content: '\e221'
}
.fa-header::before, .fa-heading::before {
  content: '\f1dc'
}
.fa-ghost::before {
  content: '\f6e2'
}
.fa-list-squares::before, .fa-list::before {
  content: '\f03a'
}
.fa-phone-square-alt::before, .fa-square-phone-flip::before {
  content: '\f87b'
}
.fa-cart-plus::before {
  content: '\f217'
}
.fa-gamepad::before {
  content: '\f11b'
}
.fa-circle-dot::before, .fa-dot-circle::before {
  content: '\f192'
}
.fa-dizzy::before, .fa-face-dizzy::before {
  content: '\f567'
}
.fa-egg::before {
  content: '\f7fb'
}
.fa-house-medical-circle-xmark::before {
  content: '\e513'
}
.fa-campground::before {
  content: '\f6bb'
}
.fa-folder-plus::before {
  content: '\f65e'
}
.fa-futbol-ball::before, .fa-futbol::before, .fa-soccer-ball::before {
  content: '\f1e3'
}
.fa-paint-brush::before, .fa-paintbrush::before {
  content: '\f1fc'
}
.fa-lock::before {
  content: '\f023'
}
.fa-gas-pump::before {
  content: '\f52f'
}
.fa-hot-tub-person::before, .fa-hot-tub::before {
  content: '\f593'
}
.fa-map-location::before, .fa-map-marked::before {
  content: '\f59f'
}
.fa-house-flood-water::before {
  content: '\e50e'
}
.fa-tree::before {
  content: '\f1bb'
}
.fa-bridge-lock::before {
  content: '\e4cc'
}
.fa-sack-dollar::before {
  content: '\f81d'
}
.fa-edit::before, .fa-pen-to-square::before {
  content: '\f044'
}
.fa-car-side::before {
  content: '\f5e4'
}
.fa-share-alt::before, .fa-share-nodes::before {
  content: '\f1e0'
}
.fa-heart-circle-minus::before {
  content: '\e4ff'
}
.fa-hourglass-2::before, .fa-hourglass-half::before {
  content: '\f252'
}
.fa-microscope::before {
  content: '\f610'
}
.fa-sink::before {
  content: '\e06d'
}
.fa-bag-shopping::before, .fa-shopping-bag::before {
  content: '\f290'
}
.fa-arrow-down-z-a::before, .fa-sort-alpha-desc::before, .fa-sort-alpha-down-alt::before {
  content: '\f881'
}
.fa-mitten::before {
  content: '\f7b5'
}
.fa-person-rays::before {
  content: '\e54d'
}
.fa-users::before {
  content: '\f0c0'
}
.fa-eye-slash::before {
  content: '\f070'
}
.fa-flask-vial::before {
  content: '\e4f3'
}
.fa-hand-paper::before, .fa-hand::before {
  content: '\f256'
}
.fa-om::before {
  content: '\f679'
}
.fa-worm::before {
  content: '\e599'
}
.fa-house-circle-xmark::before {
  content: '\e50b'
}
.fa-plug::before {
  content: '\f1e6'
}
.fa-chevron-up::before {
  content: '\f077'
}
.fa-hand-spock::before {
  content: '\f259'
}
.fa-stopwatch::before {
  content: '\f2f2'
}
.fa-face-kiss::before, .fa-kiss::before {
  content: '\f596'
}
.fa-bridge-circle-xmark::before {
  content: '\e4cb'
}
.fa-face-grin-tongue::before, .fa-grin-tongue::before {
  content: '\f589'
}
.fa-chess-bishop::before {
  content: '\f43a'
}
.fa-face-grin-wink::before, .fa-grin-wink::before {
  content: '\f58c'
}
.fa-deaf::before, .fa-deafness::before, .fa-ear-deaf::before, .fa-hard-of-hearing::before {
  content: '\f2a4'
}
.fa-road-circle-check::before {
  content: '\e564'
}
.fa-dice-five::before {
  content: '\f523'
}
.fa-rss-square::before, .fa-square-rss::before {
  content: '\f143'
}
.fa-land-mine-on::before {
  content: '\e51b'
}
.fa-i-cursor::before {
  content: '\f246'
}
.fa-stamp::before {
  content: '\f5bf'
}
.fa-stairs::before {
  content: '\e289'
}
.fa-i::before {
  content: '\49'
}
.fa-hryvnia-sign::before, .fa-hryvnia::before {
  content: '\f6f2'
}
.fa-pills::before {
  content: '\f484'
}
.fa-face-grin-wide::before, .fa-grin-alt::before {
  content: '\f581'
}
.fa-tooth::before {
  content: '\f5c9'
}
.fa-v::before {
  content: '\56'
}
.fa-bangladeshi-taka-sign::before {
  content: '\e2e6'
}
.fa-bicycle::before {
  content: '\f206'
}
.fa-rod-asclepius::before, .fa-rod-snake::before, .fa-staff-aesculapius::before, .fa-staff-snake::before {
  content: '\e579'
}
.fa-head-side-cough-slash::before {
  content: '\e062'
}
.fa-ambulance::before, .fa-truck-medical::before {
  content: '\f0f9'
}
.fa-wheat-awn-circle-exclamation::before {
  content: '\e598'
}
.fa-snowman::before {
  content: '\f7d0'
}
.fa-mortar-pestle::before {
  content: '\f5a7'
}
.fa-road-barrier::before {
  content: '\e562'
}
.fa-school::before {
  content: '\f549'
}
.fa-igloo::before {
  content: '\f7ae'
}
.fa-joint::before {
  content: '\f595'
}
.fa-angle-right::before {
  content: '\f105'
}
.fa-horse::before {
  content: '\f6f0'
}
.fa-q::before {
  content: '\51'
}
.fa-g::before {
  content: '\47'
}
.fa-notes-medical::before {
  content: '\f481'
}
.fa-temperature-2::before, .fa-temperature-half::before, .fa-thermometer-2::before, .fa-thermometer-half::before {
  content: '\f2c9'
}
.fa-dong-sign::before {
  content: '\e169'
}
.fa-capsules::before {
  content: '\f46b'
}
.fa-poo-bolt::before, .fa-poo-storm::before {
  content: '\f75a'
}
.fa-face-frown-open::before, .fa-frown-open::before {
  content: '\f57a'
}
.fa-hand-point-up::before {
  content: '\f0a6'
}
.fa-money-bill::before {
  content: '\f0d6'
}
.fa-bookmark::before {
  content: '\f02e'
}
.fa-align-justify::before {
  content: '\f039'
}
.fa-umbrella-beach::before {
  content: '\f5ca'
}
.fa-helmet-un::before {
  content: '\e503'
}
.fa-bullseye::before {
  content: '\f140'
}
.fa-bacon::before {
  content: '\f7e5'
}
.fa-hand-point-down::before {
  content: '\f0a7'
}
.fa-arrow-up-from-bracket::before {
  content: '\e09a'
}
.fa-folder-blank::before, .fa-folder::before {
  content: '\f07b'
}
.fa-file-medical-alt::before, .fa-file-waveform::before {
  content: '\f478'
}
.fa-radiation::before {
  content: '\f7b9'
}
.fa-chart-simple::before {
  content: '\e473'
}
.fa-mars-stroke::before {
  content: '\f229'
}
.fa-vial::before {
  content: '\f492'
}
.fa-dashboard::before, .fa-gauge-med::before, .fa-gauge::before, .fa-tachometer-alt-average::before {
  content: '\f624'
}
.fa-magic-wand-sparkles::before, .fa-wand-magic-sparkles::before {
  content: '\e2ca'
}
.fa-e::before {
  content: '\45'
}
.fa-pen-alt::before, .fa-pen-clip::before {
  content: '\f305'
}
.fa-bridge-circle-exclamation::before {
  content: '\e4ca'
}
.fa-user::before {
  content: '\f007'
}
.fa-school-circle-check::before {
  content: '\e56b'
}
.fa-dumpster::before {
  content: '\f793'
}
.fa-shuttle-van::before, .fa-van-shuttle::before {
  content: '\f5b6'
}
.fa-building-user::before {
  content: '\e4da'
}
.fa-caret-square-left::before, .fa-square-caret-left::before {
  content: '\f191'
}
.fa-highlighter::before {
  content: '\f591'
}
.fa-key::before {
  content: '\f084'
}
.fa-bullhorn::before {
  content: '\f0a1'
}
.fa-globe::before {
  content: '\f0ac'
}
.fa-synagogue::before {
  content: '\f69b'
}
.fa-person-half-dress::before {
  content: '\e548'
}
.fa-road-bridge::before {
  content: '\e563'
}
.fa-location-arrow::before {
  content: '\f124'
}
.fa-c::before {
  content: '\43'
}
.fa-tablet-button::before {
  content: '\f10a'
}
.fa-building-lock::before {
  content: '\e4d6'
}
.fa-pizza-slice::before {
  content: '\f818'
}
.fa-money-bill-wave::before {
  content: '\f53a'
}
.fa-area-chart::before, .fa-chart-area::before {
  content: '\f1fe'
}
.fa-house-flag::before {
  content: '\e50d'
}
.fa-person-circle-minus::before {
  content: '\e540'
}
.fa-ban::before, .fa-cancel::before {
  content: '\f05e'
}
.fa-camera-rotate::before {
  content: '\e0d8'
}
.fa-air-freshener::before, .fa-spray-can-sparkles::before {
  content: '\f5d0'
}
.fa-star::before {
  content: '\f005'
}
.fa-repeat::before {
  content: '\f363'
}
.fa-cross::before {
  content: '\f654'
}
.fa-box::before {
  content: '\f466'
}
.fa-venus-mars::before {
  content: '\f228'
}
.fa-arrow-pointer::before, .fa-mouse-pointer::before {
  content: '\f245'
}
.fa-expand-arrows-alt::before, .fa-maximize::before {
  content: '\f31e'
}
.fa-charging-station::before {
  content: '\f5e7'
}
.fa-shapes::before, .fa-triangle-circle-square::before {
  content: '\f61f'
}
.fa-random::before, .fa-shuffle::before {
  content: '\f074'
}
.fa-person-running::before, .fa-running::before {
  content: '\f70c'
}
.fa-mobile-retro::before {
  content: '\e527'
}
.fa-grip-lines-vertical::before {
  content: '\f7a5'
}
.fa-spider::before {
  content: '\f717'
}
.fa-hands-bound::before {
  content: '\e4f9'
}
.fa-file-invoice-dollar::before {
  content: '\f571'
}
.fa-plane-circle-exclamation::before {
  content: '\e556'
}
.fa-x-ray::before {
  content: '\f497'
}
.fa-spell-check::before {
  content: '\f891'
}
.fa-slash::before {
  content: '\f715'
}
.fa-computer-mouse::before, .fa-mouse::before {
  content: '\f8cc'
}
.fa-arrow-right-to-bracket::before, .fa-sign-in::before {
  content: '\f090'
}
.fa-shop-slash::before, .fa-store-alt-slash::before {
  content: '\e070'
}
.fa-server::before {
  content: '\f233'
}
.fa-virus-covid-slash::before {
  content: '\e4a9'
}
.fa-shop-lock::before {
  content: '\e4a5'
}
.fa-hourglass-1::before, .fa-hourglass-start::before {
  content: '\f251'
}
.fa-blender-phone::before {
  content: '\f6b6'
}
.fa-building-wheat::before {
  content: '\e4db'
}
.fa-person-breastfeeding::before {
  content: '\e53a'
}
.fa-right-to-bracket::before, .fa-sign-in-alt::before {
  content: '\f2f6'
}
.fa-venus::before {
  content: '\f221'
}
.fa-passport::before {
  content: '\f5ab'
}
.fa-heart-pulse::before, .fa-heartbeat::before {
  content: '\f21e'
}
.fa-people-carry-box::before, .fa-people-carry::before {
  content: '\f4ce'
}
.fa-temperature-high::before {
  content: '\f769'
}
.fa-microchip::before {
  content: '\f2db'
}
.fa-crown::before {
  content: '\f521'
}
.fa-weight-hanging::before {
  content: '\f5cd'
}
.fa-xmarks-lines::before {
  content: '\e59a'
}
.fa-file-prescription::before {
  content: '\f572'
}
.fa-weight-scale::before, .fa-weight::before {
  content: '\f496'
}
.fa-user-friends::before, .fa-user-group::before {
  content: '\f500'
}
.fa-arrow-up-a-z::before, .fa-sort-alpha-up::before {
  content: '\f15e'
}
.fa-chess-knight::before {
  content: '\f441'
}
.fa-face-laugh-squint::before, .fa-laugh-squint::before {
  content: '\f59b'
}
.fa-wheelchair::before {
  content: '\f193'
}
.fa-arrow-circle-up::before, .fa-circle-arrow-up::before {
  content: '\f0aa'
}
.fa-toggle-on::before {
  content: '\f205'
}
.fa-person-walking::before, .fa-walking::before {
  content: '\f554'
}
.fa-l::before {
  content: '\4c'
}
.fa-fire::before {
  content: '\f06d'
}
.fa-bed-pulse::before, .fa-procedures::before {
  content: '\f487'
}
.fa-shuttle-space::before, .fa-space-shuttle::before {
  content: '\f197'
}
.fa-face-laugh::before, .fa-laugh::before {
  content: '\f599'
}
.fa-folder-open::before {
  content: '\f07c'
}
.fa-heart-circle-plus::before {
  content: '\e500'
}
.fa-code-fork::before {
  content: '\e13b'
}
.fa-city::before {
  content: '\f64f'
}
.fa-microphone-alt::before, .fa-microphone-lines::before {
  content: '\f3c9'
}
.fa-pepper-hot::before {
  content: '\f816'
}
.fa-unlock::before {
  content: '\f09c'
}
.fa-colon-sign::before {
  content: '\e140'
}
.fa-headset::before {
  content: '\f590'
}
.fa-store-slash::before {
  content: '\e071'
}
.fa-road-circle-xmark::before {
  content: '\e566'
}
.fa-user-minus::before {
  content: '\f503'
}
.fa-mars-stroke-up::before, .fa-mars-stroke-v::before {
  content: '\f22a'
}
.fa-champagne-glasses::before, .fa-glass-cheers::before {
  content: '\f79f'
}
.fa-clipboard::before {
  content: '\f328'
}
.fa-house-circle-exclamation::before {
  content: '\e50a'
}
.fa-file-arrow-up::before, .fa-file-upload::before {
  content: '\f574'
}
.fa-wifi-3::before, .fa-wifi-strong::before, .fa-wifi::before {
  content: '\f1eb'
}
.fa-bath::before, .fa-bathtub::before {
  content: '\f2cd'
}
.fa-underline::before {
  content: '\f0cd'
}
.fa-user-edit::before, .fa-user-pen::before {
  content: '\f4ff'
}
.fa-signature::before {
  content: '\f5b7'
}
.fa-stroopwafel::before {
  content: '\f551'
}
.fa-bold::before {
  content: '\f032'
}
.fa-anchor-lock::before {
  content: '\e4ad'
}
.fa-building-ngo::before {
  content: '\e4d7'
}
.fa-manat-sign::before {
  content: '\e1d5'
}
.fa-not-equal::before {
  content: '\f53e'
}
.fa-border-style::before, .fa-border-top-left::before {
  content: '\f853'
}
.fa-map-location-dot::before, .fa-map-marked-alt::before {
  content: '\f5a0'
}
.fa-jedi::before {
  content: '\f669'
}
.fa-poll::before, .fa-square-poll-vertical::before {
  content: '\f681'
}
.fa-mug-hot::before {
  content: '\f7b6'
}
.fa-battery-car::before, .fa-car-battery::before {
  content: '\f5df'
}
.fa-gift::before {
  content: '\f06b'
}
.fa-dice-two::before {
  content: '\f528'
}
.fa-chess-queen::before {
  content: '\f445'
}
.fa-glasses::before {
  content: '\f530'
}
.fa-chess-board::before {
  content: '\f43c'
}
.fa-building-circle-check::before {
  content: '\e4d2'
}
.fa-person-chalkboard::before {
  content: '\e53d'
}
.fa-mars-stroke-h::before, .fa-mars-stroke-right::before {
  content: '\f22b'
}
.fa-hand-back-fist::before, .fa-hand-rock::before {
  content: '\f255'
}
.fa-caret-square-up::before, .fa-square-caret-up::before {
  content: '\f151'
}
.fa-cloud-showers-water::before {
  content: '\e4e4'
}
.fa-bar-chart::before, .fa-chart-bar::before {
  content: '\f080'
}
.fa-hands-bubbles::before, .fa-hands-wash::before {
  content: '\e05e'
}
.fa-less-than-equal::before {
  content: '\f537'
}
.fa-train::before {
  content: '\f238'
}
.fa-eye-low-vision::before, .fa-low-vision::before {
  content: '\f2a8'
}
.fa-crow::before {
  content: '\f520'
}
.fa-sailboat::before {
  content: '\e445'
}
.fa-window-restore::before {
  content: '\f2d2'
}
.fa-plus-square::before, .fa-square-plus::before {
  content: '\f0fe'
}
.fa-torii-gate::before {
  content: '\f6a1'
}
.fa-frog::before {
  content: '\f52e'
}
.fa-bucket::before {
  content: '\e4cf'
}
.fa-image::before {
  content: '\f03e'
}
.fa-microphone::before {
  content: '\f130'
}
.fa-cow::before {
  content: '\f6c8'
}
.fa-caret-up::before {
  content: '\f0d8'
}
.fa-screwdriver::before {
  content: '\f54a'
}
.fa-folder-closed::before {
  content: '\e185'
}
.fa-house-tsunami::before {
  content: '\e515'
}
.fa-square-nfi::before {
  content: '\e576'
}
.fa-arrow-up-from-ground-water::before {
  content: '\e4b5'
}
.fa-glass-martini-alt::before, .fa-martini-glass::before {
  content: '\f57b'
}
.fa-rotate-back::before, .fa-rotate-backward::before, .fa-rotate-left::before, .fa-undo-alt::before {
  content: '\f2ea'
}
.fa-columns::before, .fa-table-columns::before {
  content: '\f0db'
}
.fa-lemon::before {
  content: '\f094'
}
.fa-head-side-mask::before {
  content: '\e063'
}
.fa-handshake::before {
  content: '\f2b5'
}
.fa-gem::before {
  content: '\f3a5'
}
.fa-dolly-box::before, .fa-dolly::before {
  content: '\f472'
}
.fa-smoking::before {
  content: '\f48d'
}
.fa-compress-arrows-alt::before, .fa-minimize::before {
  content: '\f78c'
}
.fa-monument::before {
  content: '\f5a6'
}
.fa-snowplow::before {
  content: '\f7d2'
}
.fa-angle-double-right::before, .fa-angles-right::before {
  content: '\f101'
}
.fa-cannabis::before {
  content: '\f55f'
}
.fa-circle-play::before, .fa-play-circle::before {
  content: '\f144'
}
.fa-tablets::before {
  content: '\f490'
}
.fa-ethernet::before {
  content: '\f796'
}
.fa-eur::before, .fa-euro-sign::before, .fa-euro::before {
  content: '\f153'
}
.fa-chair::before {
  content: '\f6c0'
}
.fa-check-circle::before, .fa-circle-check::before {
  content: '\f058'
}
.fa-circle-stop::before, .fa-stop-circle::before {
  content: '\f28d'
}
.fa-compass-drafting::before, .fa-drafting-compass::before {
  content: '\f568'
}
.fa-plate-wheat::before {
  content: '\e55a'
}
.fa-icicles::before {
  content: '\f7ad'
}
.fa-person-shelter::before {
  content: '\e54f'
}
.fa-neuter::before {
  content: '\f22c'
}
.fa-id-badge::before {
  content: '\f2c1'
}
.fa-marker::before {
  content: '\f5a1'
}
.fa-face-laugh-beam::before, .fa-laugh-beam::before {
  content: '\f59a'
}
.fa-helicopter-symbol::before {
  content: '\e502'
}
.fa-universal-access::before {
  content: '\f29a'
}
.fa-chevron-circle-up::before, .fa-circle-chevron-up::before {
  content: '\f139'
}
.fa-lari-sign::before {
  content: '\e1c8'
}
.fa-volcano::before {
  content: '\f770'
}
.fa-person-walking-dashed-line-arrow-right::before {
  content: '\e553'
}
.fa-gbp::before, .fa-pound-sign::before, .fa-sterling-sign::before {
  content: '\f154'
}
.fa-viruses::before {
  content: '\e076'
}
.fa-square-person-confined::before {
  content: '\e577'
}
.fa-user-tie::before {
  content: '\f508'
}
.fa-arrow-down-long::before, .fa-long-arrow-down::before {
  content: '\f175'
}
.fa-tent-arrow-down-to-line::before {
  content: '\e57e'
}
.fa-certificate::before {
  content: '\f0a3'
}
.fa-mail-reply-all::before, .fa-reply-all::before {
  content: '\f122'
}
.fa-suitcase::before {
  content: '\f0f2'
}
.fa-person-skating::before, .fa-skating::before {
  content: '\f7c5'
}
.fa-filter-circle-dollar::before, .fa-funnel-dollar::before {
  content: '\f662'
}
.fa-camera-retro::before {
  content: '\f083'
}
.fa-arrow-circle-down::before, .fa-circle-arrow-down::before {
  content: '\f0ab'
}
.fa-arrow-right-to-file::before, .fa-file-import::before {
  content: '\f56f'
}
.fa-external-link-square::before, .fa-square-arrow-up-right::before {
  content: '\f14c'
}
.fa-box-open::before {
  content: '\f49e'
}
.fa-scroll::before {
  content: '\f70e'
}
.fa-spa::before {
  content: '\f5bb'
}
.fa-location-pin-lock::before {
  content: '\e51f'
}
.fa-pause::before {
  content: '\f04c'
}
.fa-hill-avalanche::before {
  content: '\e507'
}
.fa-temperature-0::before, .fa-temperature-empty::before, .fa-thermometer-0::before, .fa-thermometer-empty::before {
  content: '\f2cb'
}
.fa-bomb::before {
  content: '\f1e2'
}
.fa-registered::before {
  content: '\f25d'
}
.fa-address-card::before, .fa-contact-card::before, .fa-vcard::before {
  content: '\f2bb'
}
.fa-balance-scale-right::before, .fa-scale-unbalanced-flip::before {
  content: '\f516'
}
.fa-subscript::before {
  content: '\f12c'
}
.fa-diamond-turn-right::before, .fa-directions::before {
  content: '\f5eb'
}
.fa-burst::before {
  content: '\e4dc'
}
.fa-house-laptop::before, .fa-laptop-house::before {
  content: '\e066'
}
.fa-face-tired::before, .fa-tired::before {
  content: '\f5c8'
}
.fa-money-bills::before {
  content: '\e1f3'
}
.fa-smog::before {
  content: '\f75f'
}
.fa-crutch::before {
  content: '\f7f7'
}
.fa-cloud-arrow-up::before, .fa-cloud-upload-alt::before, .fa-cloud-upload::before {
  content: '\f0ee'
}
.fa-palette::before {
  content: '\f53f'
}
.fa-arrows-turn-right::before {
  content: '\e4c0'
}
.fa-vest::before {
  content: '\e085'
}
.fa-ferry::before {
  content: '\e4ea'
}
.fa-arrows-down-to-people::before {
  content: '\e4b9'
}
.fa-seedling::before, .fa-sprout::before {
  content: '\f4d8'
}
.fa-arrows-alt-h::before, .fa-left-right::before {
  content: '\f337'
}
.fa-boxes-packing::before {
  content: '\e4c7'
}
.fa-arrow-circle-left::before, .fa-circle-arrow-left::before {
  content: '\f0a8'
}
.fa-group-arrows-rotate::before {
  content: '\e4f6'
}
.fa-bowl-food::before {
  content: '\e4c6'
}
.fa-candy-cane::before {
  content: '\f786'
}
.fa-arrow-down-wide-short::before, .fa-sort-amount-asc::before, .fa-sort-amount-down::before {
  content: '\f160'
}
.fa-cloud-bolt::before, .fa-thunderstorm::before {
  content: '\f76c'
}
.fa-remove-format::before, .fa-text-slash::before {
  content: '\f87d'
}
.fa-face-smile-wink::before, .fa-smile-wink::before {
  content: '\f4da'
}
.fa-file-word::before {
  content: '\f1c2'
}
.fa-file-powerpoint::before {
  content: '\f1c4'
}
.fa-arrows-h::before, .fa-arrows-left-right::before {
  content: '\f07e'
}
.fa-house-lock::before {
  content: '\e510'
}
.fa-cloud-arrow-down::before, .fa-cloud-download-alt::before, .fa-cloud-download::before {
  content: '\f0ed'
}
.fa-children::before {
  content: '\e4e1'
}
.fa-blackboard::before, .fa-chalkboard::before {
  content: '\f51b'
}
.fa-user-alt-slash::before, .fa-user-large-slash::before {
  content: '\f4fa'
}
.fa-envelope-open::before {
  content: '\f2b6'
}
.fa-handshake-alt-slash::before, .fa-handshake-simple-slash::before {
  content: '\e05f'
}
.fa-mattress-pillow::before {
  content: '\e525'
}
.fa-guarani-sign::before {
  content: '\e19a'
}
.fa-arrows-rotate::before, .fa-refresh::before, .fa-sync::before {
  content: '\f021'
}
.fa-fire-extinguisher::before {
  content: '\f134'
}
.fa-cruzeiro-sign::before {
  content: '\e152'
}
.fa-greater-than-equal::before {
  content: '\f532'
}
.fa-shield-alt::before, .fa-shield-halved::before {
  content: '\f3ed'
}
.fa-atlas::before, .fa-book-atlas::before {
  content: '\f558'
}
.fa-virus::before {
  content: '\e074'
}
.fa-envelope-circle-check::before {
  content: '\e4e8'
}
.fa-layer-group::before {
  content: '\f5fd'
}
.fa-arrows-to-dot::before {
  content: '\e4be'
}
.fa-archway::before {
  content: '\f557'
}
.fa-heart-circle-check::before {
  content: '\e4fd'
}
.fa-house-chimney-crack::before, .fa-house-damage::before {
  content: '\f6f1'
}
.fa-file-archive::before, .fa-file-zipper::before {
  content: '\f1c6'
}
.fa-square::before {
  content: '\f0c8'
}
.fa-glass-martini::before, .fa-martini-glass-empty::before {
  content: '\f000'
}
.fa-couch::before {
  content: '\f4b8'
}
.fa-cedi-sign::before {
  content: '\e0df'
}
.fa-italic::before {
  content: '\f033'
}
.fa-church::before {
  content: '\f51d'
}
.fa-comments-dollar::before {
  content: '\f653'
}
.fa-democrat::before {
  content: '\f747'
}
.fa-z::before {
  content: '\5a'
}
.fa-person-skiing::before, .fa-skiing::before {
  content: '\f7c9'
}
.fa-road-lock::before {
  content: '\e567'
}
.fa-a::before {
  content: '\41'
}
.fa-temperature-arrow-down::before, .fa-temperature-down::before {
  content: '\e03f'
}
.fa-feather-alt::before, .fa-feather-pointed::before {
  content: '\f56b'
}
.fa-p::before {
  content: '\50'
}
.fa-snowflake::before {
  content: '\f2dc'
}
.fa-newspaper::before {
  content: '\f1ea'
}
.fa-ad::before, .fa-rectangle-ad::before {
  content: '\f641'
}
.fa-arrow-circle-right::before, .fa-circle-arrow-right::before {
  content: '\f0a9'
}
.fa-filter-circle-xmark::before {
  content: '\e17b'
}
.fa-locust::before {
  content: '\e520'
}
.fa-sort::before, .fa-unsorted::before {
  content: '\f0dc'
}
.fa-list-1-2::before, .fa-list-numeric::before, .fa-list-ol::before {
  content: '\f0cb'
}
.fa-person-dress-burst::before {
  content: '\e544'
}
.fa-money-check-alt::before, .fa-money-check-dollar::before {
  content: '\f53d'
}
.fa-vector-square::before {
  content: '\f5cb'
}
.fa-bread-slice::before {
  content: '\f7ec'
}
.fa-language::before {
  content: '\f1ab'
}
.fa-face-kiss-wink-heart::before, .fa-kiss-wink-heart::before {
  content: '\f598'
}
.fa-filter::before {
  content: '\f0b0'
}
.fa-question::before {
  content: '\3f'
}
.fa-file-signature::before {
  content: '\f573'
}
.fa-arrows-alt::before, .fa-up-down-left-right::before {
  content: '\f0b2'
}
.fa-house-chimney-user::before {
  content: '\e065'
}
.fa-hand-holding-heart::before {
  content: '\f4be'
}
.fa-puzzle-piece::before {
  content: '\f12e'
}
.fa-money-check::before {
  content: '\f53c'
}
.fa-star-half-alt::before, .fa-star-half-stroke::before {
  content: '\f5c0'
}
.fa-code::before {
  content: '\f121'
}
.fa-glass-whiskey::before, .fa-whiskey-glass::before {
  content: '\f7a0'
}
.fa-building-circle-exclamation::before {
  content: '\e4d3'
}
.fa-magnifying-glass-chart::before {
  content: '\e522'
}
.fa-arrow-up-right-from-square::before, .fa-external-link::before {
  content: '\f08e'
}
.fa-cubes-stacked::before {
  content: '\e4e6'
}
.fa-krw::before, .fa-won-sign::before, .fa-won::before {
  content: '\f159'
}
.fa-virus-covid::before {
  content: '\e4a8'
}
.fa-austral-sign::before {
  content: '\e0a9'
}
.fa-f::before {
  content: '\46'
}
.fa-leaf::before {
  content: '\f06c'
}
.fa-road::before {
  content: '\f018'
}
.fa-cab::before, .fa-taxi::before {
  content: '\f1ba'
}
.fa-person-circle-plus::before {
  content: '\e541'
}
.fa-chart-pie::before, .fa-pie-chart::before {
  content: '\f200'
}
.fa-bolt-lightning::before {
  content: '\e0b7'
}
.fa-sack-xmark::before {
  content: '\e56a'
}
.fa-file-excel::before {
  content: '\f1c3'
}
.fa-file-contract::before {
  content: '\f56c'
}
.fa-fish-fins::before {
  content: '\e4f2'
}
.fa-building-flag::before {
  content: '\e4d5'
}
.fa-face-grin-beam::before, .fa-grin-beam::before {
  content: '\f582'
}
.fa-object-ungroup::before {
  content: '\f248'
}
.fa-poop::before {
  content: '\f619'
}
.fa-location-pin::before, .fa-map-marker::before {
  content: '\f041'
}
.fa-kaaba::before {
  content: '\f66b'
}
.fa-toilet-paper::before {
  content: '\f71e'
}
.fa-hard-hat::before, .fa-hat-hard::before, .fa-helmet-safety::before {
  content: '\f807'
}
.fa-eject::before {
  content: '\f052'
}
.fa-arrow-alt-circle-right::before, .fa-circle-right::before {
  content: '\f35a'
}
.fa-plane-circle-check::before {
  content: '\e555'
}
.fa-face-rolling-eyes::before, .fa-meh-rolling-eyes::before {
  content: '\f5a5'
}
.fa-object-group::before {
  content: '\f247'
}
.fa-chart-line::before, .fa-line-chart::before {
  content: '\f201'
}
.fa-mask-ventilator::before {
  content: '\e524'
}
.fa-arrow-right::before {
  content: '\f061'
}
.fa-map-signs::before, .fa-signs-post::before {
  content: '\f277'
}
.fa-cash-register::before {
  content: '\f788'
}
.fa-person-circle-question::before {
  content: '\e542'
}
.fa-h::before {
  content: '\48'
}
.fa-tarp::before {
  content: '\e57b'
}
.fa-screwdriver-wrench::before, .fa-tools::before {
  content: '\f7d9'
}
.fa-arrows-to-eye::before {
  content: '\e4bf'
}
.fa-plug-circle-bolt::before {
  content: '\e55b'
}
.fa-heart::before {
  content: '\f004'
}
.fa-mars-and-venus::before {
  content: '\f224'
}
.fa-home-user::before, .fa-house-user::before {
  content: '\e1b0'
}
.fa-dumpster-fire::before {
  content: '\f794'
}
.fa-house-crack::before {
  content: '\e3b1'
}
.fa-cocktail::before, .fa-martini-glass-citrus::before {
  content: '\f561'
}
.fa-face-surprise::before, .fa-surprise::before {
  content: '\f5c2'
}
.fa-bottle-water::before {
  content: '\e4c5'
}
.fa-circle-pause::before, .fa-pause-circle::before {
  content: '\f28b'
}
.fa-toilet-paper-slash::before {
  content: '\e072'
}
.fa-apple-alt::before, .fa-apple-whole::before {
  content: '\f5d1'
}
.fa-kitchen-set::before {
  content: '\e51a'
}
.fa-r::before {
  content: '\52'
}
.fa-temperature-1::before, .fa-temperature-quarter::before, .fa-thermometer-1::before, .fa-thermometer-quarter::before {
  content: '\f2ca'
}
.fa-cube::before {
  content: '\f1b2'
}
.fa-bitcoin-sign::before {
  content: '\e0b4'
}
.fa-shield-dog::before {
  content: '\e573'
}
.fa-solar-panel::before {
  content: '\f5ba'
}
.fa-lock-open::before {
  content: '\f3c1'
}
.fa-elevator::before {
  content: '\e16d'
}
.fa-money-bill-transfer::before {
  content: '\e528'
}
.fa-money-bill-trend-up::before {
  content: '\e529'
}
.fa-house-flood-water-circle-arrow-right::before {
  content: '\e50f'
}
.fa-poll-h::before, .fa-square-poll-horizontal::before {
  content: '\f682'
}
.fa-circle::before {
  content: '\f111'
}
.fa-backward-fast::before, .fa-fast-backward::before {
  content: '\f049'
}
.fa-recycle::before {
  content: '\f1b8'
}
.fa-user-astronaut::before {
  content: '\f4fb'
}
.fa-plane-slash::before {
  content: '\e069'
}
.fa-trademark::before {
  content: '\f25c'
}
.fa-basketball-ball::before, .fa-basketball::before {
  content: '\f434'
}
.fa-satellite-dish::before {
  content: '\f7c0'
}
.fa-arrow-alt-circle-up::before, .fa-circle-up::before {
  content: '\f35b'
}
.fa-mobile-alt::before, .fa-mobile-screen-button::before {
  content: '\f3cd'
}
.fa-volume-high::before, .fa-volume-up::before {
  content: '\f028'
}
.fa-users-rays::before {
  content: '\e593'
}
.fa-wallet::before {
  content: '\f555'
}
.fa-clipboard-check::before {
  content: '\f46c'
}
.fa-file-audio::before {
  content: '\f1c7'
}
.fa-burger::before, .fa-hamburger::before {
  content: '\f805'
}
.fa-wrench::before {
  content: '\f0ad'
}
.fa-bugs::before {
  content: '\e4d0'
}
.fa-rupee-sign::before, .fa-rupee::before {
  content: '\f156'
}
.fa-file-image::before {
  content: '\f1c5'
}
.fa-circle-question::before, .fa-question-circle::before {
  content: '\f059'
}
.fa-plane-departure::before {
  content: '\f5b0'
}
.fa-handshake-slash::before {
  content: '\e060'
}
.fa-book-bookmark::before {
  content: '\e0bb'
}
.fa-code-branch::before {
  content: '\f126'
}
.fa-hat-cowboy::before {
  content: '\f8c0'
}
.fa-bridge::before {
  content: '\e4c8'
}
.fa-phone-alt::before, .fa-phone-flip::before {
  content: '\f879'
}
.fa-truck-front::before {
  content: '\e2b7'
}
.fa-cat::before {
  content: '\f6be'
}
.fa-anchor-circle-exclamation::before {
  content: '\e4ab'
}
.fa-truck-field::before {
  content: '\e58d'
}
.fa-route::before {
  content: '\f4d7'
}
.fa-clipboard-question::before {
  content: '\e4e3'
}
.fa-panorama::before {
  content: '\e209'
}
.fa-comment-medical::before {
  content: '\f7f5'
}
.fa-teeth-open::before {
  content: '\f62f'
}
.fa-file-circle-minus::before {
  content: '\e4ed'
}
.fa-tags::before {
  content: '\f02c'
}
.fa-wine-glass::before {
  content: '\f4e3'
}
.fa-fast-forward::before, .fa-forward-fast::before {
  content: '\f050'
}
.fa-face-meh-blank::before, .fa-meh-blank::before {
  content: '\f5a4'
}
.fa-parking::before, .fa-square-parking::before {
  content: '\f540'
}
.fa-house-signal::before {
  content: '\e012'
}
.fa-bars-progress::before, .fa-tasks-alt::before {
  content: '\f828'
}
.fa-faucet-drip::before {
  content: '\e006'
}
.fa-cart-flatbed::before, .fa-dolly-flatbed::before {
  content: '\f474'
}
.fa-ban-smoking::before, .fa-smoking-ban::before {
  content: '\f54d'
}
.fa-terminal::before {
  content: '\f120'
}
.fa-mobile-button::before {
  content: '\f10b'
}
.fa-house-medical-flag::before {
  content: '\e514'
}
.fa-basket-shopping::before, .fa-shopping-basket::before {
  content: '\f291'
}
.fa-tape::before {
  content: '\f4db'
}
.fa-bus-alt::before, .fa-bus-simple::before {
  content: '\f55e'
}
.fa-eye::before {
  content: '\f06e'
}
.fa-face-sad-cry::before, .fa-sad-cry::before {
  content: '\f5b3'
}
.fa-audio-description::before {
  content: '\f29e'
}
.fa-person-military-to-person::before {
  content: '\e54c'
}
.fa-file-shield::before {
  content: '\e4f0'
}
.fa-user-slash::before {
  content: '\f506'
}
.fa-pen::before {
  content: '\f304'
}
.fa-tower-observation::before {
  content: '\e586'
}
.fa-file-code::before {
  content: '\f1c9'
}
.fa-signal-5::before, .fa-signal-perfect::before, .fa-signal::before {
  content: '\f012'
}
.fa-bus::before {
  content: '\f207'
}
.fa-heart-circle-xmark::before {
  content: '\e501'
}
.fa-home-lg::before, .fa-house-chimney::before {
  content: '\e3af'
}
.fa-window-maximize::before {
  content: '\f2d0'
}
.fa-face-frown::before, .fa-frown::before {
  content: '\f119'
}
.fa-prescription::before {
  content: '\f5b1'
}
.fa-shop::before, .fa-store-alt::before {
  content: '\f54f'
}
.fa-floppy-disk::before, .fa-save::before {
  content: '\f0c7'
}
.fa-vihara::before {
  content: '\f6a7'
}
.fa-balance-scale-left::before, .fa-scale-unbalanced::before {
  content: '\f515'
}
.fa-sort-asc::before, .fa-sort-up::before, div .sort-by-name.sorting_desc:after {
  content: '\f0de'
}
.fa-comment-dots::before, .fa-commenting::before {
  content: '\f4ad'
}
.fa-plant-wilt::before {
  content: '\e5aa'
}
.fa-diamond::before {
  content: '\f219'
}
.fa-face-grin-squint::before, .fa-grin-squint::before {
  content: '\f585'
}
.fa-hand-holding-dollar::before, .fa-hand-holding-usd::before {
  content: '\f4c0'
}
.fa-bacterium::before {
  content: '\e05a'
}
.fa-hand-pointer::before {
  content: '\f25a'
}
.fa-drum-steelpan::before {
  content: '\f56a'
}
.fa-hand-scissors::before {
  content: '\f257'
}
.fa-hands-praying::before, .fa-praying-hands::before {
  content: '\f684'
}
.fa-arrow-right-rotate::before, .fa-arrow-rotate-forward::before, .fa-arrow-rotate-right::before, .fa-redo::before {
  content: '\f01e'
}
.fa-biohazard::before {
  content: '\f780'
}
.fa-location-crosshairs::before, .fa-location::before {
  content: '\f601'
}
.fa-mars-double::before {
  content: '\f227'
}
.fa-child-dress::before {
  content: '\e59c'
}
.fa-users-between-lines::before {
  content: '\e591'
}
.fa-lungs-virus::before {
  content: '\e067'
}
.fa-face-grin-tears::before, .fa-grin-tears::before {
  content: '\f588'
}
.fa-phone::before {
  content: '\f095'
}
.fa-calendar-times::before, .fa-calendar-xmark::before {
  content: '\f273'
}
.fa-child-reaching::before {
  content: '\e59d'
}
.fa-head-side-virus::before {
  content: '\e064'
}
.fa-user-cog::before, .fa-user-gear::before {
  content: '\f4fe'
}
.fa-arrow-up-1-9::before, .fa-sort-numeric-up::before {
  content: '\f163'
}
.fa-door-closed::before {
  content: '\f52a'
}
.fa-shield-virus::before {
  content: '\e06c'
}
.fa-dice-six::before {
  content: '\f526'
}
.fa-mosquito-net::before {
  content: '\e52c'
}
.fa-bridge-water::before {
  content: '\e4ce'
}
.fa-person-booth::before {
  content: '\f756'
}
.fa-text-width::before {
  content: '\f035'
}
.fa-hat-wizard::before {
  content: '\f6e8'
}
.fa-pen-fancy::before {
  content: '\f5ac'
}
.fa-digging::before, .fa-person-digging::before {
  content: '\f85e'
}
.fa-trash::before {
  content: '\f1f8'
}
.fa-gauge-simple-med::before, .fa-gauge-simple::before, .fa-tachometer-average::before {
  content: '\f629'
}
.fa-book-medical::before {
  content: '\f7e6'
}
.fa-poo::before {
  content: '\f2fe'
}
.fa-quote-right-alt::before, .fa-quote-right::before {
  content: '\f10e'
}
.fa-shirt::before, .fa-t-shirt::before, .fa-tshirt::before {
  content: '\f553'
}
.fa-cubes::before {
  content: '\f1b3'
}
.fa-divide::before {
  content: '\f529'
}
.fa-tenge-sign::before, .fa-tenge::before {
  content: '\f7d7'
}
.fa-headphones::before {
  content: '\f025'
}
.fa-hands-holding::before {
  content: '\f4c2'
}
.fa-hands-clapping::before {
  content: '\e1a8'
}
.fa-republican::before {
  content: '\f75e'
}
.fa-arrow-left::before {
  content: '\f060'
}
.fa-person-circle-xmark::before {
  content: '\e543'
}
.fa-ruler::before {
  content: '\f545'
}
.fa-align-left::before {
  content: '\f036'
}
.fa-dice-d6::before {
  content: '\f6d1'
}
.fa-restroom::before {
  content: '\f7bd'
}
.fa-j::before {
  content: '\4a'
}
.fa-users-viewfinder::before {
  content: '\e595'
}
.fa-file-video::before {
  content: '\f1c8'
}
.fa-external-link-alt::before, .fa-up-right-from-square::before {
  content: '\f35d'
}
.fa-table-cells::before, .fa-th::before {
  content: '\f00a'
}
.fa-file-pdf::before {
  content: '\f1c1'
}
.fa-bible::before, .fa-book-bible::before {
  content: '\f647'
}
.fa-o::before {
  content: '\4f'
}
.fa-medkit::before, .fa-suitcase-medical::before {
  content: '\f0fa'
}
.fa-user-secret::before {
  content: '\f21b'
}
.fa-otter::before {
  content: '\f700'
}
.fa-female::before, .fa-person-dress::before {
  content: '\f182'
}
.fa-comment-dollar::before {
  content: '\f651'
}
.fa-briefcase-clock::before, .fa-business-time::before {
  content: '\f64a'
}
.fa-table-cells-large::before, .fa-th-large::before {
  content: '\f009'
}
.fa-book-tanakh::before, .fa-tanakh::before {
  content: '\f827'
}
.fa-phone-volume::before, .fa-volume-control-phone::before {
  content: '\f2a0'
}
.fa-hat-cowboy-side::before {
  content: '\f8c1'
}
.fa-clipboard-user::before {
  content: '\f7f3'
}
.fa-child::before {
  content: '\f1ae'
}
.fa-lira-sign::before {
  content: '\f195'
}
.fa-satellite::before {
  content: '\f7bf'
}
.fa-plane-lock::before {
  content: '\e558'
}
.fa-tag::before {
  content: '\f02b'
}
.fa-comment::before {
  content: '\f075'
}
.fa-birthday-cake::before, .fa-cake-candles::before, .fa-cake::before {
  content: '\f1fd'
}
.fa-envelope::before {
  content: '\f0e0'
}
.fa-angle-double-up::before, .fa-angles-up::before {
  content: '\f102'
}
.fa-paperclip::before {
  content: '\f0c6'
}
.fa-arrow-right-to-city::before {
  content: '\e4b3'
}
.fa-ribbon::before {
  content: '\f4d6'
}
.fa-lungs::before {
  content: '\f604'
}
.fa-arrow-up-9-1::before, .fa-sort-numeric-up-alt::before {
  content: '\f887'
}
.fa-litecoin-sign::before {
  content: '\e1d3'
}
.fa-border-none::before {
  content: '\f850'
}
.fa-circle-nodes::before {
  content: '\e4e2'
}
.fa-parachute-box::before {
  content: '\f4cd'
}
.fa-indent::before {
  content: '\f03c'
}
.fa-truck-field-un::before {
  content: '\e58e'
}
.fa-hourglass-empty::before, .fa-hourglass::before {
  content: '\f254'
}
.fa-mountain::before {
  content: '\f6fc'
}
.fa-user-doctor::before, .fa-user-md::before {
  content: '\f0f0'
}
.fa-circle-info::before, .fa-info-circle::before {
  content: '\f05a'
}
.fa-cloud-meatball::before {
  content: '\f73b'
}
.fa-camera-alt::before, .fa-camera::before {
  content: '\f030'
}
.fa-square-virus::before {
  content: '\e578'
}
.fa-meteor::before {
  content: '\f753'
}
.fa-car-on::before {
  content: '\e4dd'
}
.fa-sleigh::before {
  content: '\f7cc'
}
.fa-arrow-down-1-9::before, .fa-sort-numeric-asc::before, .fa-sort-numeric-down::before {
  content: '\f162'
}
.fa-hand-holding-droplet::before, .fa-hand-holding-water::before {
  content: '\f4c1'
}
.fa-water::before {
  content: '\f773'
}
.fa-calendar-check::before {
  content: '\f274'
}
.fa-braille::before {
  content: '\f2a1'
}
.fa-prescription-bottle-alt::before, .fa-prescription-bottle-medical::before {
  content: '\f486'
}
.fa-landmark::before {
  content: '\f66f'
}
.fa-truck::before {
  content: '\f0d1'
}
.fa-crosshairs::before {
  content: '\f05b'
}
.fa-person-cane::before {
  content: '\e53c'
}
.fa-tent::before {
  content: '\e57d'
}
.fa-vest-patches::before {
  content: '\e086'
}
.fa-check-double::before {
  content: '\f560'
}
.fa-arrow-down-a-z::before, .fa-sort-alpha-asc::before, .fa-sort-alpha-down::before {
  content: '\f15d'
}
.fa-money-bill-wheat::before {
  content: '\e52a'
}
.fa-cookie::before {
  content: '\f563'
}
.fa-arrow-left-rotate::before, .fa-arrow-rotate-back::before, .fa-arrow-rotate-backward::before, .fa-arrow-rotate-left::before, .fa-undo::before {
  content: '\f0e2'
}
.fa-hard-drive::before, .fa-hdd::before {
  content: '\f0a0'
}
.fa-face-grin-squint-tears::before, .fa-grin-squint-tears::before {
  content: '\f586'
}
.fa-dumbbell::before {
  content: '\f44b'
}
.fa-list-alt::before, .fa-rectangle-list::before {
  content: '\f022'
}
.fa-tarp-droplet::before {
  content: '\e57c'
}
.fa-house-medical-circle-check::before {
  content: '\e511'
}
.fa-person-skiing-nordic::before, .fa-skiing-nordic::before {
  content: '\f7ca'
}
.fa-calendar-plus::before {
  content: '\f271'
}
.fa-plane-arrival::before {
  content: '\f5af'
}
.fa-arrow-alt-circle-left::before, .fa-circle-left::before {
  content: '\f359'
}
.fa-subway::before, .fa-train-subway::before {
  content: '\f239'
}
.fa-chart-gantt::before {
  content: '\e0e4'
}
.fa-indian-rupee-sign::before, .fa-indian-rupee::before, .fa-inr::before {
  content: '\e1bc'
}
.fa-crop-alt::before, .fa-crop-simple::before {
  content: '\f565'
}
.fa-money-bill-1::before, .fa-money-bill-alt::before {
  content: '\f3d1'
}
.fa-left-long::before, .fa-long-arrow-alt-left::before {
  content: '\f30a'
}
.fa-dna::before {
  content: '\f471'
}
.fa-virus-slash::before {
  content: '\e075'
}
.fa-minus::before, .fa-subtract::before {
  content: '\f068'
}
.fa-chess::before {
  content: '\f439'
}
.fa-arrow-left-long::before, .fa-long-arrow-left::before {
  content: '\f177'
}
.fa-plug-circle-check::before {
  content: '\e55c'
}
.fa-street-view::before {
  content: '\f21d'
}
.fa-franc-sign::before {
  content: '\e18f'
}
.fa-volume-off::before {
  content: '\f026'
}
.fa-american-sign-language-interpreting::before, .fa-asl-interpreting::before, .fa-hands-american-sign-language-interpreting::before, .fa-hands-asl-interpreting::before {
  content: '\f2a3'
}
.fa-cog::before, .fa-gear::before {
  content: '\f013'
}
.fa-droplet-slash::before, .fa-tint-slash::before {
  content: '\f5c7'
}
.fa-mosque::before {
  content: '\f678'
}
.fa-mosquito::before {
  content: '\e52b'
}
.fa-star-of-david::before {
  content: '\f69a'
}
.fa-person-military-rifle::before {
  content: '\e54b'
}
.fa-cart-shopping::before, .fa-shopping-cart::before {
  content: '\f07a'
}
.fa-vials::before {
  content: '\f493'
}
.fa-plug-circle-plus::before {
  content: '\e55f'
}
.fa-place-of-worship::before {
  content: '\f67f'
}
.fa-grip-vertical::before {
  content: '\f58e'
}
.fa-arrow-turn-up::before, .fa-level-up::before {
  content: '\f148'
}
.fa-u::before {
  content: '\55'
}
.fa-square-root-alt::before, .fa-square-root-variable::before {
  content: '\f698'
}
.fa-clock-four::before, .fa-clock::before {
  content: '\f017'
}
.fa-backward-step::before, .fa-step-backward::before {
  content: '\f048'
}
.fa-pallet::before {
  content: '\f482'
}
.fa-faucet::before {
  content: '\e005'
}
.fa-baseball-bat-ball::before {
  content: '\f432'
}
.fa-s::before {
  content: '\53'
}
.fa-timeline::before {
  content: '\e29c'
}
.fa-keyboard::before {
  content: '\f11c'
}
.fa-caret-down::before {
  content: '\f0d7'
}
.fa-clinic-medical::before, .fa-house-chimney-medical::before {
  content: '\f7f2'
}
.fa-temperature-3::before, .fa-temperature-three-quarters::before, .fa-thermometer-3::before, .fa-thermometer-three-quarters::before {
  content: '\f2c8'
}
.fa-mobile-android-alt::before, .fa-mobile-screen::before {
  content: '\f3cf'
}
.fa-plane-up::before {
  content: '\e22d'
}
.fa-piggy-bank::before {
  content: '\f4d3'
}
.fa-battery-3::before, .fa-battery-half::before {
  content: '\f242'
}
.fa-mountain-city::before {
  content: '\e52e'
}
.fa-coins::before {
  content: '\f51e'
}
.fa-khanda::before {
  content: '\f66d'
}
.fa-sliders-h::before, .fa-sliders::before {
  content: '\f1de'
}
.fa-folder-tree::before {
  content: '\f802'
}
.fa-network-wired::before {
  content: '\f6ff'
}
.fa-map-pin::before {
  content: '\f276'
}
.fa-hamsa::before {
  content: '\f665'
}
.fa-cent-sign::before {
  content: '\e3f5'
}
.fa-flask::before {
  content: '\f0c3'
}
.fa-person-pregnant::before {
  content: '\e31e'
}
.fa-wand-sparkles::before {
  content: '\f72b'
}
.fa-ellipsis-v::before, .fa-ellipsis-vertical::before {
  content: '\f142'
}
.fa-ticket::before {
  content: '\f145'
}
.fa-power-off::before {
  content: '\f011'
}
.fa-long-arrow-alt-right::before, .fa-right-long::before {
  content: '\f30b'
}
.fa-flag-usa::before {
  content: '\f74d'
}
.fa-laptop-file::before {
  content: '\e51d'
}
.fa-teletype::before, .fa-tty::before {
  content: '\f1e4'
}
.fa-diagram-next::before {
  content: '\e476'
}
.fa-person-rifle::before {
  content: '\e54e'
}
.fa-house-medical-circle-exclamation::before {
  content: '\e512'
}
.fa-closed-captioning::before {
  content: '\f20a'
}
.fa-hiking::before, .fa-person-hiking::before {
  content: '\f6ec'
}
.fa-venus-double::before {
  content: '\f226'
}
.fa-images::before {
  content: '\f302'
}
.fa-calculator::before {
  content: '\f1ec'
}
.fa-people-pulling::before {
  content: '\e535'
}
.fa-n::before {
  content: '\4e'
}
.fa-cable-car::before, .fa-tram::before {
  content: '\f7da'
}
.fa-cloud-rain::before {
  content: '\f73d'
}
.fa-building-circle-xmark::before {
  content: '\e4d4'
}
.fa-ship::before {
  content: '\f21a'
}
.fa-arrows-down-to-line::before {
  content: '\e4b8'
}
.fa-download::before {
  content: '\f019'
}
.fa-face-grin::before, .fa-grin::before {
  content: '\f580'
}
.fa-backspace::before, .fa-delete-left::before {
  content: '\f55a'
}
.fa-eye-dropper-empty::before, .fa-eye-dropper::before, .fa-eyedropper::before {
  content: '\f1fb'
}
.fa-file-circle-check::before {
  content: '\e5a0'
}
.fa-forward::before {
  content: '\f04e'
}
.fa-mobile-android::before, .fa-mobile-phone::before, .fa-mobile::before {
  content: '\f3ce'
}
.fa-face-meh::before, .fa-meh::before {
  content: '\f11a'
}
.fa-align-center::before {
  content: '\f037'
}
.fa-book-dead::before, .fa-book-skull::before {
  content: '\f6b7'
}
.fa-drivers-license::before, .fa-id-card::before {
  content: '\f2c2'
}
.fa-dedent::before, .fa-outdent::before {
  content: '\f03b'
}
.fa-heart-circle-exclamation::before {
  content: '\e4fe'
}
.fa-home-alt::before, .fa-home-lg-alt::before, .fa-home::before, .fa-house::before {
  content: '\f015'
}
.fa-calendar-week::before {
  content: '\f784'
}
.fa-laptop-medical::before {
  content: '\f812'
}
.fa-b::before {
  content: '\42'
}
.fa-file-medical::before {
  content: '\f477'
}
.fa-dice-one::before {
  content: '\f525'
}
.fa-kiwi-bird::before {
  content: '\f535'
}
.fa-arrow-right-arrow-left::before, .fa-exchange::before {
  content: '\f0ec'
}
.fa-redo-alt::before, .fa-rotate-forward::before, .fa-rotate-right::before {
  content: '\f2f9'
}
.fa-cutlery::before, .fa-utensils::before {
  content: '\f2e7'
}
.fa-arrow-up-wide-short::before, .fa-sort-amount-up::before {
  content: '\f161'
}
.fa-mill-sign::before {
  content: '\e1ed'
}
.fa-bowl-rice::before {
  content: '\e2eb'
}
.fa-skull::before {
  content: '\f54c'
}
.fa-broadcast-tower::before, .fa-tower-broadcast::before {
  content: '\f519'
}
.fa-truck-pickup::before {
  content: '\f63c'
}
.fa-long-arrow-alt-up::before, .fa-up-long::before {
  content: '\f30c'
}
.fa-stop::before {
  content: '\f04d'
}
.fa-code-merge::before {
  content: '\f387'
}
.fa-upload::before {
  content: '\f093'
}
.fa-hurricane::before {
  content: '\f751'
}
.fa-mound::before {
  content: '\e52d'
}
.fa-toilet-portable::before {
  content: '\e583'
}
.fa-compact-disc::before {
  content: '\f51f'
}
.fa-file-arrow-down::before, .fa-file-download::before {
  content: '\f56d'
}
.fa-caravan::before {
  content: '\f8ff'
}
.fa-shield-cat::before {
  content: '\e572'
}
.fa-bolt::before, .fa-zap::before {
  content: '\f0e7'
}
.fa-glass-water::before {
  content: '\e4f4'
}
.fa-oil-well::before {
  content: '\e532'
}
.fa-vault::before {
  content: '\e2c5'
}
.fa-mars::before {
  content: '\f222'
}
.fa-toilet::before {
  content: '\f7d8'
}
.fa-plane-circle-xmark::before {
  content: '\e557'
}
.fa-cny::before, .fa-jpy::before, .fa-rmb::before, .fa-yen-sign::before, .fa-yen::before {
  content: '\f157'
}
.fa-rouble::before, .fa-rub::before, .fa-ruble-sign::before, .fa-ruble::before {
  content: '\f158'
}
.fa-sun::before {
  content: '\f185'
}
.fa-guitar::before {
  content: '\f7a6'
}
.fa-face-laugh-wink::before, .fa-laugh-wink::before {
  content: '\f59c'
}
.fa-horse-head::before {
  content: '\f7ab'
}
.fa-bore-hole::before {
  content: '\e4c3'
}
.fa-industry::before {
  content: '\f275'
}
.fa-arrow-alt-circle-down::before, .fa-circle-down::before {
  content: '\f358'
}
.fa-arrows-turn-to-dots::before {
  content: '\e4c1'
}
.fa-florin-sign::before {
  content: '\e184'
}
.fa-arrow-down-short-wide::before, .fa-sort-amount-desc::before, .fa-sort-amount-down-alt::before {
  content: '\f884'
}
.fa-less-than::before {
  content: '\3c'
}
.fa-angle-down::before {
  content: '\f107'
}
.fa-car-tunnel::before {
  content: '\e4de'
}
.fa-head-side-cough::before {
  content: '\e061'
}
.fa-grip-lines::before {
  content: '\f7a4'
}
.fa-thumbs-down::before {
  content: '\f165'
}
.fa-user-lock::before {
  content: '\f502'
}
.fa-arrow-right-long::before, .fa-long-arrow-right::before {
  content: '\f178'
}
.fa-anchor-circle-xmark::before {
  content: '\e4ac'
}
.fa-ellipsis-h::before, .fa-ellipsis::before {
  content: '\f141'
}
.fa-chess-pawn::before {
  content: '\f443'
}
.fa-first-aid::before, .fa-kit-medical::before {
  content: '\f479'
}
.fa-person-through-window::before {
  content: '\e5a9'
}
.fa-toolbox::before {
  content: '\f552'
}
.fa-hands-holding-circle::before {
  content: '\e4fb'
}
.fa-bug::before {
  content: '\f188'
}
.fa-credit-card-alt::before, .fa-credit-card::before {
  content: '\f09d'
}
.fa-automobile::before, .fa-car::before {
  content: '\f1b9'
}
.fa-hand-holding-hand::before {
  content: '\e4f7'
}
.fa-book-open-reader::before, .fa-book-reader::before {
  content: '\f5da'
}
.fa-mountain-sun::before {
  content: '\e52f'
}
.fa-arrows-left-right-to-line::before {
  content: '\e4ba'
}
.fa-dice-d20::before {
  content: '\f6cf'
}
.fa-truck-droplet::before {
  content: '\e58c'
}
.fa-file-circle-xmark::before {
  content: '\e5a1'
}
.fa-temperature-arrow-up::before, .fa-temperature-up::before {
  content: '\e040'
}
.fa-medal::before {
  content: '\f5a2'
}
.fa-bed::before {
  content: '\f236'
}
.fa-h-square::before, .fa-square-h::before {
  content: '\f0fd'
}
.fa-podcast::before {
  content: '\f2ce'
}
.fa-temperature-4::before, .fa-temperature-full::before, .fa-thermometer-4::before, .fa-thermometer-full::before {
  content: '\f2c7'
}
.fa-bell::before {
  content: '\f0f3'
}
.fa-superscript::before {
  content: '\f12b'
}
.fa-plug-circle-xmark::before {
  content: '\e560'
}
.fa-star-of-life::before {
  content: '\f621'
}
.fa-phone-slash::before {
  content: '\f3dd'
}
.fa-paint-roller::before {
  content: '\f5aa'
}
.fa-hands-helping::before, .fa-handshake-angle::before {
  content: '\f4c4'
}
.fa-location-dot::before, .fa-map-marker-alt::before {
  content: '\f3c5'
}
.fa-file::before {
  content: '\f15b'
}
.fa-greater-than::before {
  content: '\3e'
}
.fa-person-swimming::before, .fa-swimmer::before {
  content: '\f5c4'
}
.fa-arrow-down::before {
  content: '\f063'
}
.fa-droplet::before, .fa-tint::before {
  content: '\f043'
}
.fa-eraser::before {
  content: '\f12d'
}
.fa-earth-america::before, .fa-earth-americas::before, .fa-earth::before, .fa-globe-americas::before {
  content: '\f57d'
}
.fa-person-burst::before {
  content: '\e53b'
}
.fa-dove::before {
  content: '\f4ba'
}
.fa-battery-0::before, .fa-battery-empty::before {
  content: '\f244'
}
.fa-socks::before {
  content: '\f696'
}
.fa-inbox::before {
  content: '\f01c'
}
.fa-section::before {
  content: '\e447'
}
.fa-gauge-high::before, .fa-tachometer-alt-fast::before, .fa-tachometer-alt::before {
  content: '\f625'
}
.fa-envelope-open-text::before {
  content: '\f658'
}
.fa-hospital-alt::before, .fa-hospital-wide::before, .fa-hospital::before {
  content: '\f0f8'
}
.fa-wine-bottle::before {
  content: '\f72f'
}
.fa-chess-rook::before {
  content: '\f447'
}
.fa-bars-staggered::before, .fa-reorder::before, .fa-stream::before {
  content: '\f550'
}
.fa-dharmachakra::before {
  content: '\f655'
}
.fa-hotdog::before {
  content: '\f80f'
}
.fa-blind::before, .fa-person-walking-with-cane::before {
  content: '\f29d'
}
.fa-drum::before {
  content: '\f569'
}
.fa-ice-cream::before {
  content: '\f810'
}
.fa-heart-circle-bolt::before {
  content: '\e4fc'
}
.fa-fax::before {
  content: '\f1ac'
}
.fa-paragraph::before {
  content: '\f1dd'
}
.fa-check-to-slot::before, .fa-vote-yea::before {
  content: '\f772'
}
.fa-star-half::before {
  content: '\f089'
}
.fa-boxes-alt::before, .fa-boxes-stacked::before, .fa-boxes::before {
  content: '\f468'
}
.fa-chain::before, .fa-link::before {
  content: '\f0c1'
}
.fa-assistive-listening-systems::before, .fa-ear-listen::before {
  content: '\f2a2'
}
.fa-tree-city::before {
  content: '\e587'
}
.fa-play::before {
  content: '\f04b'
}
.fa-font::before {
  content: '\f031'
}
.fa-rupiah-sign::before {
  content: '\e23d'
}
.fa-magnifying-glass::before, .fa-search::before {
  content: '\f002'
}
.fa-ping-pong-paddle-ball::before, .fa-table-tennis-paddle-ball::before, .fa-table-tennis::before {
  content: '\f45d'
}
.fa-diagnoses::before, .fa-person-dots-from-line::before {
  content: '\f470'
}
.fa-trash-can-arrow-up::before, .fa-trash-restore-alt::before {
  content: '\f82a'
}
.fa-naira-sign::before {
  content: '\e1f6'
}
.fa-cart-arrow-down::before {
  content: '\f218'
}
.fa-walkie-talkie::before {
  content: '\f8ef'
}
.fa-file-edit::before, .fa-file-pen::before {
  content: '\f31c'
}
.fa-receipt::before {
  content: '\f543'
}
.fa-pen-square::before, .fa-pencil-square::before, .fa-square-pen::before {
  content: '\f14b'
}
.fa-suitcase-rolling::before {
  content: '\f5c1'
}
.fa-person-circle-exclamation::before {
  content: '\e53f'
}
.fa-chevron-down::before {
  content: '\f078'
}
.fa-battery-5::before, .fa-battery-full::before, .fa-battery::before {
  content: '\f240'
}
.fa-skull-crossbones::before {
  content: '\f714'
}
.fa-code-compare::before {
  content: '\e13a'
}
.fa-list-dots::before, .fa-list-ul::before {
  content: '\f0ca'
}
.fa-school-lock::before {
  content: '\e56f'
}
.fa-tower-cell::before {
  content: '\e585'
}
.fa-down-long::before, .fa-long-arrow-alt-down::before {
  content: '\f309'
}
.fa-ranking-star::before {
  content: '\e561'
}
.fa-chess-king::before {
  content: '\f43f'
}
.fa-person-harassing::before {
  content: '\e549'
}
.fa-brazilian-real-sign::before {
  content: '\e46c'
}
.fa-landmark-alt::before, .fa-landmark-dome::before {
  content: '\f752'
}
.fa-arrow-up::before {
  content: '\f062'
}
.fa-television::before, .fa-tv-alt::before, .fa-tv::before {
  content: '\f26c'
}
.fa-shrimp::before {
  content: '\e448'
}
.fa-list-check::before, .fa-tasks::before {
  content: '\f0ae'
}
.fa-jug-detergent::before {
  content: '\e519'
}
.fa-circle-user::before, .fa-user-circle::before {
  content: '\f2bd'
}
.fa-user-shield::before {
  content: '\f505'
}
.fa-wind::before {
  content: '\f72e'
}
.fa-car-burst::before, .fa-car-crash::before {
  content: '\f5e1'
}
.fa-y::before {
  content: '\59'
}
.fa-person-snowboarding::before, .fa-snowboarding::before {
  content: '\f7ce'
}
.fa-shipping-fast::before, .fa-truck-fast::before {
  content: '\f48b'
}
.fa-fish::before {
  content: '\f578'
}
.fa-user-graduate::before {
  content: '\f501'
}
.fa-adjust::before, .fa-circle-half-stroke::before {
  content: '\f042'
}
.fa-clapperboard::before {
  content: '\e131'
}
.fa-circle-radiation::before, .fa-radiation-alt::before {
  content: '\f7ba'
}
.fa-baseball-ball::before, .fa-baseball::before {
  content: '\f433'
}
.fa-jet-fighter-up::before {
  content: '\e518'
}
.fa-diagram-project::before, .fa-project-diagram::before {
  content: '\f542'
}
.fa-copy::before {
  content: '\f0c5'
}
.fa-volume-mute::before, .fa-volume-times::before, .fa-volume-xmark::before {
  content: '\f6a9'
}
.fa-hand-sparkles::before {
  content: '\e05d'
}
.fa-grip-horizontal::before, .fa-grip::before {
  content: '\f58d'
}
.fa-share-from-square::before, .fa-share-square::before {
  content: '\f14d'
}
.fa-child-combatant::before, .fa-child-rifle::before {
  content: '\e4e0'
}
.fa-gun::before {
  content: '\e19b'
}
.fa-phone-square::before, .fa-square-phone::before {
  content: '\f098'
}
.fa-add::before, .fa-plus::before {
  content: '\2b'
}
.fa-expand::before {
  content: '\f065'
}
.fa-computer::before {
  content: '\e4e5'
}
.fa-close::before, .fa-multiply::before, .fa-remove::before, .fa-times::before, .fa-xmark::before {
  content: '\f00d'
}
.draggable-list-item, .fa-arrows-up-down-left-right::before, .fa-arrows::before {
  content: '\f047'
}
.fa-chalkboard-teacher::before, .fa-chalkboard-user::before {
  content: '\f51c'
}
.fa-peso-sign::before {
  content: '\e222'
}
.fa-building-shield::before {
  content: '\e4d8'
}
.fa-baby::before {
  content: '\f77c'
}
.fa-users-line::before {
  content: '\e592'
}
.fa-quote-left-alt::before, .fa-quote-left::before {
  content: '\f10d'
}
.fa-tractor::before {
  content: '\f722'
}
.fa-trash-arrow-up::before, .fa-trash-restore::before {
  content: '\f829'
}
.fa-arrow-down-up-lock::before {
  content: '\e4b0'
}
.fa-lines-leaning::before {
  content: '\e51e'
}
.fa-ruler-combined::before {
  content: '\f546'
}
.fa-copyright::before {
  content: '\f1f9'
}
.fa-equals::before {
  content: '\3d'
}
.fa-blender::before {
  content: '\f517'
}
.fa-teeth::before {
  content: '\f62e'
}
.fa-ils::before, .fa-shekel-sign::before, .fa-shekel::before, .fa-sheqel-sign::before, .fa-sheqel::before {
  content: '\f20b'
}
.fa-map::before {
  content: '\f279'
}
.fa-rocket::before {
  content: '\f135'
}
.fa-photo-film::before, .fa-photo-video::before {
  content: '\f87c'
}
.fa-folder-minus::before {
  content: '\f65d'
}
.fa-store::before {
  content: '\f54e'
}
.fa-arrow-trend-up::before {
  content: '\e098'
}
.fa-plug-circle-minus::before {
  content: '\e55e'
}
.fa-sign-hanging::before, .fa-sign::before {
  content: '\f4d9'
}
.fa-bezier-curve::before {
  content: '\f55b'
}
.fa-bell-slash::before {
  content: '\f1f6'
}
.fa-tablet-android::before, .fa-tablet::before {
  content: '\f3fb'
}
.fa-school-flag::before {
  content: '\e56e'
}
.fa-fill::before {
  content: '\f575'
}
.fa-angle-up::before {
  content: '\f106'
}
.fa-drumstick-bite::before {
  content: '\f6d7'
}
.fa-holly-berry::before {
  content: '\f7aa'
}
.fa-chevron-left::before {
  content: '\f053'
}
.fa-bacteria::before {
  content: '\e059'
}
.fa-hand-lizard::before {
  content: '\f258'
}
.fa-notdef::before {
  content: '\e1fe'
}
.fa-disease::before {
  content: '\f7fa'
}
.fa-briefcase-medical::before {
  content: '\f469'
}
.fa-genderless::before {
  content: '\f22d'
}
.fa-chevron-right::before {
  content: '\f054'
}
.fa-retweet::before {
  content: '\f079'
}
.fa-car-alt::before, .fa-car-rear::before {
  content: '\f5de'
}
.fa-pump-soap::before {
  content: '\e06b'
}
.fa-video-slash::before {
  content: '\f4e2'
}
.fa-battery-2::before, .fa-battery-quarter::before {
  content: '\f243'
}
.fa-radio::before {
  content: '\f8d7'
}
.fa-baby-carriage::before, .fa-carriage-baby::before {
  content: '\f77d'
}
.fa-traffic-light::before {
  content: '\f637'
}
.fa-thermometer::before {
  content: '\f491'
}
.fa-vr-cardboard::before {
  content: '\f729'
}
.fa-hand-middle-finger::before {
  content: '\f806'
}
.fa-percent::before, .fa-percentage::before {
  content: '\25'
}
.fa-truck-moving::before {
  content: '\f4df'
}
.fa-glass-water-droplet::before {
  content: '\e4f5'
}
.fa-display::before {
  content: '\e163'
}
.fa-face-smile::before, .fa-smile::before {
  content: '\f118'
}
.fa-thumb-tack::before, .fa-thumbtack::before {
  content: '\f08d'
}
.fa-trophy::before {
  content: '\f091'
}
.fa-person-praying::before, .fa-pray::before {
  content: '\f683'
}
.fa-hammer::before {
  content: '\f6e3'
}
.fa-hand-peace::before {
  content: '\f25b'
}
.fa-rotate::before, .fa-sync-alt::before {
  content: '\f2f1'
}
.fa-spinner::before {
  content: '\f110'
}
.fa-robot::before {
  content: '\f544'
}
.fa-peace::before {
  content: '\f67c'
}
.fa-cogs::before, .fa-gears::before {
  content: '\f085'
}
.fa-warehouse::before {
  content: '\f494'
}
.fa-arrow-up-right-dots::before {
  content: '\e4b7'
}
.fa-splotch::before {
  content: '\f5bc'
}
.fa-face-grin-hearts::before, .fa-grin-hearts::before {
  content: '\f584'
}
.fa-dice-four::before {
  content: '\f524'
}
.fa-sim-card::before {
  content: '\f7c4'
}
.fa-transgender-alt::before, .fa-transgender::before {
  content: '\f225'
}
.fa-mercury::before {
  content: '\f223'
}
.fa-arrow-turn-down::before, .fa-level-down::before {
  content: '\f149'
}
.fa-person-falling-burst::before {
  content: '\e547'
}
.fa-award::before {
  content: '\f559'
}
.fa-ticket-alt::before, .fa-ticket-simple::before {
  content: '\f3ff'
}
.fa-building::before {
  content: '\f1ad'
}
.fa-angle-double-left::before, .fa-angles-left::before {
  content: '\f100'
}
.fa-qrcode::before {
  content: '\f029'
}
.fa-clock-rotate-left::before, .fa-history::before {
  content: '\f1da'
}
.fa-face-grin-beam-sweat::before, .fa-grin-beam-sweat::before {
  content: '\f583'
}
.fa-arrow-right-from-file::before, .fa-file-export::before {
  content: '\f56e'
}
.fa-shield-blank::before, .fa-shield::before {
  content: '\f132'
}
.fa-arrow-up-short-wide::before, .fa-sort-amount-up-alt::before {
  content: '\f885'
}
.fa-house-medical::before {
  content: '\e3b2'
}
.fa-golf-ball-tee::before, .fa-golf-ball::before {
  content: '\f450'
}
.fa-chevron-circle-left::before, .fa-circle-chevron-left::before {
  content: '\f137'
}
.fa-house-chimney-window::before {
  content: '\e00d'
}
.fa-pen-nib::before {
  content: '\f5ad'
}
.fa-tent-arrow-turn-left::before {
  content: '\e580'
}
.fa-tents::before {
  content: '\e582'
}
.fa-magic::before, .fa-wand-magic::before {
  content: '\f0d0'
}
.fa-dog::before {
  content: '\f6d3'
}
.fa-carrot::before {
  content: '\f787'
}
.fa-moon::before {
  content: '\f186'
}
.fa-wine-glass-alt::before, .fa-wine-glass-empty::before {
  content: '\f5ce'
}
.fa-cheese::before {
  content: '\f7ef'
}
.fa-yin-yang::before {
  content: '\f6ad'
}
.fa-music::before {
  content: '\f001'
}
.fa-code-commit::before {
  content: '\f386'
}
.fa-temperature-low::before {
  content: '\f76b'
}
.fa-biking::before, .fa-person-biking::before {
  content: '\f84a'
}
.fa-broom::before {
  content: '\f51a'
}
.fa-shield-heart::before {
  content: '\e574'
}
.fa-gopuram::before {
  content: '\f664'
}
.fa-earth-oceania::before, .fa-globe-oceania::before {
  content: '\e47b'
}
.fa-square-xmark::before, .fa-times-square::before, .fa-xmark-square::before {
  content: '\f2d3'
}
.fa-hashtag::before {
  content: '\23'
}
.fa-expand-alt::before, .fa-up-right-and-down-left-from-center::before {
  content: '\f424'
}
.fa-oil-can::before {
  content: '\f613'
}
.fa-t::before {
  content: '\54'
}
.fa-hippo::before {
  content: '\f6ed'
}
.fa-chart-column::before {
  content: '\e0e3'
}
.fa-infinity::before {
  content: '\f534'
}
.fa-vial-circle-check::before {
  content: '\e596'
}
.fa-person-arrow-down-to-line::before {
  content: '\e538'
}
.fa-voicemail::before {
  content: '\f897'
}
.fa-fan::before {
  content: '\f863'
}
.fa-person-walking-luggage::before {
  content: '\e554'
}
.fa-arrows-alt-v::before, .fa-up-down::before {
  content: '\f338'
}
.fa-cloud-moon-rain::before {
  content: '\f73c'
}
.fa-calendar::before {
  content: '\f133'
}
.fa-trailer::before {
  content: '\e041'
}
.fa-bahai::before, .fa-haykal::before {
  content: '\f666'
}
.fa-sd-card::before {
  content: '\f7c2'
}
.fa-dragon::before {
  content: '\f6d5'
}
.fa-shoe-prints::before {
  content: '\f54b'
}
.fa-circle-plus::before, .fa-plus-circle::before {
  content: '\f055'
}
.fa-face-grin-tongue-wink::before, .fa-grin-tongue-wink::before {
  content: '\f58b'
}
.fa-hand-holding::before {
  content: '\f4bd'
}
.fa-plug-circle-exclamation::before {
  content: '\e55d'
}
.fa-chain-broken::before, .fa-chain-slash::before, .fa-link-slash::before, .fa-unlink::before {
  content: '\f127'
}
.fa-clone::before {
  content: '\f24d'
}
.fa-person-walking-arrow-loop-left::before {
  content: '\e551'
}
.fa-arrow-up-z-a::before, .fa-sort-alpha-up-alt::before {
  content: '\f882'
}
.fa-fire-alt::before, .fa-fire-flame-curved::before {
  content: '\f7e4'
}
.fa-tornado::before {
  content: '\f76f'
}
.fa-file-circle-plus::before {
  content: '\e494'
}
.fa-book-quran::before, .fa-quran::before {
  content: '\f687'
}
.fa-anchor::before {
  content: '\f13d'
}
.fa-border-all::before {
  content: '\f84c'
}
.fa-angry::before, .fa-face-angry::before {
  content: '\f556'
}
.fa-cookie-bite::before {
  content: '\f564'
}
.fa-arrow-trend-down::before {
  content: '\e097'
}
.fa-feed::before, .fa-rss::before {
  content: '\f09e'
}
.fa-draw-polygon::before {
  content: '\f5ee'
}
.fa-balance-scale::before, .fa-scale-balanced::before {
  content: '\f24e'
}
.fa-gauge-simple-high::before, .fa-tachometer-fast::before, .fa-tachometer::before {
  content: '\f62a'
}
.fa-shower::before {
  content: '\f2cc'
}
.fa-desktop-alt::before, .fa-desktop::before {
  content: '\f390'
}
.fa-m::before {
  content: '\4d'
}
.fa-table-list::before, .fa-th-list::before {
  content: '\f00b'
}
.fa-comment-sms::before, .fa-sms::before {
  content: '\f7cd'
}
.fa-book::before {
  content: '\f02d'
}
.fa-user-plus::before {
  content: '\f234'
}
.fa-check::before {
  content: '\f00c'
}
.fa-battery-4::before, .fa-battery-three-quarters::before {
  content: '\f241'
}
.fa-house-circle-check::before {
  content: '\e509'
}
.fa-angle-left::before {
  content: '\f104'
}
.fa-diagram-successor::before {
  content: '\e47a'
}
.fa-truck-arrow-right::before {
  content: '\e58b'
}
.fa-arrows-split-up-and-left::before {
  content: '\e4bc'
}
.fa-fist-raised::before, .fa-hand-fist::before {
  content: '\f6de'
}
.fa-cloud-moon::before {
  content: '\f6c3'
}
.fa-briefcase::before {
  content: '\f0b1'
}
.fa-person-falling::before {
  content: '\e546'
}
.fa-image-portrait::before, .fa-portrait::before {
  content: '\f3e0'
}
.fa-user-tag::before {
  content: '\f507'
}
.fa-rug::before {
  content: '\e569'
}
.fa-earth-europe::before, .fa-globe-europe::before {
  content: '\f7a2'
}
.fa-cart-flatbed-suitcase::before, .fa-luggage-cart::before {
  content: '\f59d'
}
.fa-rectangle-times::before, .fa-rectangle-xmark::before, .fa-times-rectangle::before, .fa-window-close::before {
  content: '\f410'
}
.fa-baht-sign::before {
  content: '\e0ac'
}
.fa-book-open::before {
  content: '\f518'
}
.fa-book-journal-whills::before, .fa-journal-whills::before {
  content: '\f66a'
}
.fa-handcuffs::before {
  content: '\e4f8'
}
.fa-exclamation-triangle::before, .fa-triangle-exclamation::before, .fa-warning::before {
  content: '\f071'
}
.fa-database::before {
  content: '\f1c0'
}
.fa-arrow-turn-right::before, .fa-mail-forward::before, .fa-share::before {
  content: '\f064'
}
.fa-bottle-droplet::before {
  content: '\e4c4'
}
.fa-mask-face::before {
  content: '\e1d7'
}
.fa-hill-rockslide::before {
  content: '\e508'
}
.fa-exchange-alt::before, .fa-right-left::before {
  content: '\f362'
}
.fa-paper-plane::before {
  content: '\f1d8'
}
.fa-road-circle-exclamation::before {
  content: '\e565'
}
.fa-dungeon::before {
  content: '\f6d9'
}
.fa-align-right::before {
  content: '\f038'
}
.fa-money-bill-1-wave::before, .fa-money-bill-wave-alt::before {
  content: '\f53b'
}
.fa-life-ring::before {
  content: '\f1cd'
}
.fa-hands::before, .fa-sign-language::before, .fa-signing::before {
  content: '\f2a7'
}
.fa-calendar-day::before {
  content: '\f783'
}
.fa-ladder-water::before, .fa-swimming-pool::before, .fa-water-ladder::before {
  content: '\f5c5'
}
.fa-arrows-up-down::before, .fa-arrows-v::before {
  content: '\f07d'
}
.fa-face-grimace::before, .fa-grimace::before {
  content: '\f57f'
}
.fa-wheelchair-alt::before, .fa-wheelchair-move::before {
  content: '\e2ce'
}
.fa-level-down-alt::before, .fa-turn-down::before {
  content: '\f3be'
}
.fa-person-walking-arrow-right::before {
  content: '\e552'
}
.fa-envelope-square::before, .fa-square-envelope::before {
  content: '\f199'
}
.fa-dice::before {
  content: '\f522'
}
.fa-bowling-ball::before {
  content: '\f436'
}
.fa-brain::before {
  content: '\f5dc'
}
.fa-band-aid::before, .fa-bandage::before {
  content: '\f462'
}
.fa-calendar-minus::before {
  content: '\f272'
}
.fa-circle-xmark::before, .fa-times-circle::before, .fa-xmark-circle::before {
  content: '\f057'
}
.fa-gifts::before {
  content: '\f79c'
}
.fa-hotel::before {
  content: '\f594'
}
.fa-earth-asia::before, .fa-globe-asia::before {
  content: '\f57e'
}
.fa-id-card-alt::before, .fa-id-card-clip::before {
  content: '\f47f'
}
.fa-magnifying-glass-plus::before, .fa-search-plus::before {
  content: '\f00e'
}
.fa-thumbs-up::before {
  content: '\f164'
}
.fa-user-clock::before {
  content: '\f4fd'
}
.fa-allergies::before, .fa-hand-dots::before {
  content: '\f461'
}
.fa-file-invoice::before {
  content: '\f570'
}
.fa-window-minimize::before {
  content: '\f2d1'
}
.fa-coffee::before, .fa-mug-saucer::before {
  content: '\f0f4'
}
.fa-brush::before {
  content: '\f55d'
}
.fa-mask::before {
  content: '\f6fa'
}
.fa-magnifying-glass-minus::before, .fa-search-minus::before {
  content: '\f010'
}
.fa-ruler-vertical::before {
  content: '\f548'
}
.fa-user-alt::before, .fa-user-large::before {
  content: '\f406'
}
.fa-train-tram::before {
  content: '\e5b4'
}
.fa-user-nurse::before {
  content: '\f82f'
}
.fa-syringe::before {
  content: '\f48e'
}
.fa-cloud-sun::before {
  content: '\f6c4'
}
.fa-stopwatch-20::before {
  content: '\e06f'
}
.fa-square-full::before {
  content: '\f45c'
}
.fa-magnet::before {
  content: '\f076'
}
.fa-jar::before {
  content: '\e516'
}
.fa-note-sticky::before, .fa-sticky-note::before {
  content: '\f249'
}
.fa-bug-slash::before {
  content: '\e490'
}
.fa-arrow-up-from-water-pump::before {
  content: '\e4b6'
}
.fa-bone::before {
  content: '\f5d7'
}
.fa-user-injured::before {
  content: '\f728'
}
.fa-face-sad-tear::before, .fa-sad-tear::before {
  content: '\f5b4'
}
.fa-plane::before {
  content: '\f072'
}
.fa-tent-arrows-down::before {
  content: '\e581'
}
.fa-exclamation::before {
  content: '\21'
}
.fa-arrows-spin::before {
  content: '\e4bb'
}
.fa-print::before {
  content: '\f02f'
}
.fa-try::before, .fa-turkish-lira-sign::before, .fa-turkish-lira::before {
  content: '\e2bb'
}
.fa-dollar-sign::before, .fa-dollar::before, .fa-usd::before {
  content: '\24'
}
.fa-x::before {
  content: '\58'
}
.fa-magnifying-glass-dollar::before, .fa-search-dollar::before {
  content: '\f688'
}
.fa-users-cog::before, .fa-users-gear::before {
  content: '\f509'
}
.fa-person-military-pointing::before {
  content: '\e54a'
}
.fa-bank::before, .fa-building-columns::before, .fa-institution::before, .fa-museum::before, .fa-university::before {
  content: '\f19c'
}
.fa-umbrella::before {
  content: '\f0e9'
}
.fa-trowel::before {
  content: '\e589'
}
.fa-d::before {
  content: '\44'
}
.fa-stapler::before {
  content: '\e5af'
}
.fa-masks-theater::before, .fa-theater-masks::before {
  content: '\f630'
}
.fa-kip-sign::before {
  content: '\e1c4'
}
.fa-hand-point-left::before {
  content: '\f0a5'
}
.fa-handshake-alt::before, .fa-handshake-simple::before {
  content: '\f4c6'
}
.fa-fighter-jet::before, .fa-jet-fighter::before {
  content: '\f0fb'
}
.fa-share-alt-square::before, .fa-square-share-nodes::before {
  content: '\f1e1'
}
.fa-barcode::before {
  content: '\f02a'
}
.fa-plus-minus::before {
  content: '\e43c'
}
.fa-video-camera::before, .fa-video::before {
  content: '\f03d'
}
.fa-graduation-cap::before, .fa-mortar-board::before {
  content: '\f19d'
}
.fa-hand-holding-medical::before {
  content: '\e05c'
}
.fa-person-circle-check::before {
  content: '\e53e'
}
.fa-level-up-alt::before, .fa-turn-up::before {
  content: '\f3bf'
}
.fa-sr-only, .fa-sr-only-focusable:not(:focus), .sr-only, .sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0
}
:host, :root {
  --fa-style-family-brands: 'Font Awesome 6 Brands';
  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free';
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'
}
@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../webfonts/fa-brands-400.woff2) format('woff2'), url(../webfonts/fa-brands-400.ttf) format('truetype')
}
.fa-monero:before {
  content: '\f3d0'
}
.fa-hooli:before {
  content: '\f427'
}
.fa-yelp:before {
  content: '\f1e9'
}
.fa-cc-visa:before {
  content: '\f1f0'
}
.fa-lastfm:before {
  content: '\f202'
}
.fa-shopware:before {
  content: '\f5b5'
}
.fa-creative-commons-nc:before {
  content: '\f4e8'
}
.fa-aws:before {
  content: '\f375'
}
.fa-redhat:before {
  content: '\f7bc'
}
.fa-yoast:before {
  content: '\f2b1'
}
.fa-cloudflare:before {
  content: '\e07d'
}
.fa-ups:before {
  content: '\f7e0'
}
.fa-wpexplorer:before {
  content: '\f2de'
}
.fa-dyalog:before {
  content: '\f399'
}
.fa-bity:before {
  content: '\f37a'
}
.fa-stackpath:before {
  content: '\f842'
}
.fa-buysellads:before {
  content: '\f20d'
}
.fa-first-order:before {
  content: '\f2b0'
}
.fa-modx:before {
  content: '\f285'
}
.fa-guilded:before {
  content: '\e07e'
}
.fa-vnv:before {
  content: '\f40b'
}
.fa-js-square:before, .fa-square-js:before {
  content: '\f3b9'
}
.fa-microsoft:before {
  content: '\f3ca'
}
.fa-qq:before {
  content: '\f1d6'
}
.fa-orcid:before {
  content: '\f8d2'
}
.fa-java:before {
  content: '\f4e4'
}
.fa-invision:before {
  content: '\f7b0'
}
.fa-creative-commons-pd-alt:before {
  content: '\f4ed'
}
.fa-centercode:before {
  content: '\f380'
}
.fa-glide-g:before {
  content: '\f2a6'
}
.fa-drupal:before {
  content: '\f1a9'
}
.fa-hire-a-helper:before {
  content: '\f3b0'
}
.fa-creative-commons-by:before {
  content: '\f4e7'
}
.fa-unity:before {
  content: '\e049'
}
.fa-whmcs:before {
  content: '\f40d'
}
.fa-rocketchat:before {
  content: '\f3e8'
}
.fa-vk:before {
  content: '\f189'
}
.fa-untappd:before {
  content: '\f405'
}
.fa-mailchimp:before {
  content: '\f59e'
}
.fa-css3-alt:before {
  content: '\f38b'
}
.fa-reddit-square:before, .fa-square-reddit:before {
  content: '\f1a2'
}
.fa-vimeo-v:before {
  content: '\f27d'
}
.fa-contao:before {
  content: '\f26d'
}
.fa-square-font-awesome:before {
  content: '\e5ad'
}
.fa-deskpro:before {
  content: '\f38f'
}
.fa-sistrix:before {
  content: '\f3ee'
}
.fa-instagram-square:before, .fa-square-instagram:before {
  content: '\e055'
}
.fa-battle-net:before {
  content: '\f835'
}
.fa-the-red-yeti:before {
  content: '\f69d'
}
.fa-hacker-news-square:before, .fa-square-hacker-news:before {
  content: '\f3af'
}
.fa-edge:before {
  content: '\f282'
}
.fa-napster:before {
  content: '\f3d2'
}
.fa-snapchat-square:before, .fa-square-snapchat:before {
  content: '\f2ad'
}
.fa-google-plus-g:before {
  content: '\f0d5'
}
.fa-artstation:before {
  content: '\f77a'
}
.fa-markdown:before {
  content: '\f60f'
}
.fa-sourcetree:before {
  content: '\f7d3'
}
.fa-google-plus:before {
  content: '\f2b3'
}
.fa-diaspora:before {
  content: '\f791'
}
.fa-foursquare:before {
  content: '\f180'
}
.fa-stack-overflow:before {
  content: '\f16c'
}
.fa-github-alt:before {
  content: '\f113'
}
.fa-phoenix-squadron:before {
  content: '\f511'
}
.fa-pagelines:before {
  content: '\f18c'
}
.fa-algolia:before {
  content: '\f36c'
}
.fa-red-river:before {
  content: '\f3e3'
}
.fa-creative-commons-sa:before {
  content: '\f4ef'
}
.fa-safari:before {
  content: '\f267'
}
.fa-google:before {
  content: '\f1a0'
}
.fa-font-awesome-alt:before, .fa-square-font-awesome-stroke:before {
  content: '\f35c'
}
.fa-atlassian:before {
  content: '\f77b'
}
.fa-linkedin-in:before {
  content: '\f0e1'
}
.fa-digital-ocean:before {
  content: '\f391'
}
.fa-nimblr:before {
  content: '\f5a8'
}
.fa-chromecast:before {
  content: '\f838'
}
.fa-evernote:before {
  content: '\f839'
}
.fa-hacker-news:before {
  content: '\f1d4'
}
.fa-creative-commons-sampling:before {
  content: '\f4f0'
}
.fa-adversal:before {
  content: '\f36a'
}
.fa-creative-commons:before {
  content: '\f25e'
}
.fa-watchman-monitoring:before {
  content: '\e087'
}
.fa-fonticons:before {
  content: '\f280'
}
.fa-weixin:before {
  content: '\f1d7'
}
.fa-shirtsinbulk:before {
  content: '\f214'
}
.fa-codepen:before {
  content: '\f1cb'
}
.fa-git-alt:before {
  content: '\f841'
}
.fa-lyft:before {
  content: '\f3c3'
}
.fa-rev:before {
  content: '\f5b2'
}
.fa-windows:before {
  content: '\f17a'
}
.fa-wizards-of-the-coast:before {
  content: '\f730'
}
.fa-square-viadeo:before, .fa-viadeo-square:before {
  content: '\f2aa'
}
.fa-meetup:before {
  content: '\f2e0'
}
.fa-centos:before {
  content: '\f789'
}
.fa-adn:before {
  content: '\f170'
}
.fa-cloudsmith:before {
  content: '\f384'
}
.fa-pied-piper-alt:before {
  content: '\f1a8'
}
.fa-dribbble-square:before, .fa-square-dribbble:before {
  content: '\f397'
}
.fa-codiepie:before {
  content: '\f284'
}
.fa-node:before {
  content: '\f419'
}
.fa-mix:before {
  content: '\f3cb'
}
.fa-steam:before {
  content: '\f1b6'
}
.fa-cc-apple-pay:before {
  content: '\f416'
}
.fa-scribd:before {
  content: '\f28a'
}
.fa-openid:before {
  content: '\f19b'
}
.fa-instalod:before {
  content: '\e081'
}
.fa-expeditedssl:before {
  content: '\f23e'
}
.fa-sellcast:before {
  content: '\f2da'
}
.fa-square-twitter:before, .fa-twitter-square:before {
  content: '\f081'
}
.fa-r-project:before {
  content: '\f4f7'
}
.fa-delicious:before {
  content: '\f1a5'
}
.fa-freebsd:before {
  content: '\f3a4'
}
.fa-vuejs:before {
  content: '\f41f'
}
.fa-accusoft:before {
  content: '\f369'
}
.fa-ioxhost:before {
  content: '\f208'
}
.fa-fonticons-fi:before {
  content: '\f3a2'
}
.fa-app-store:before {
  content: '\f36f'
}
.fa-cc-mastercard:before {
  content: '\f1f1'
}
.fa-itunes-note:before {
  content: '\f3b5'
}
.fa-golang:before {
  content: '\e40f'
}
.fa-kickstarter:before {
  content: '\f3bb'
}
.fa-grav:before {
  content: '\f2d6'
}
.fa-weibo:before {
  content: '\f18a'
}
.fa-uncharted:before {
  content: '\e084'
}
.fa-firstdraft:before {
  content: '\f3a1'
}
.fa-square-youtube:before, .fa-youtube-square:before {
  content: '\f431'
}
.fa-wikipedia-w:before {
  content: '\f266'
}
.fa-rendact:before, .fa-wpressr:before {
  content: '\f3e4'
}
.fa-angellist:before {
  content: '\f209'
}
.fa-galactic-republic:before {
  content: '\f50c'
}
.fa-nfc-directional:before {
  content: '\e530'
}
.fa-skype:before {
  content: '\f17e'
}
.fa-joget:before {
  content: '\f3b7'
}
.fa-fedora:before {
  content: '\f798'
}
.fa-stripe-s:before {
  content: '\f42a'
}
.fa-meta:before {
  content: '\e49b'
}
.fa-laravel:before {
  content: '\f3bd'
}
.fa-hotjar:before {
  content: '\f3b1'
}
.fa-bluetooth-b:before {
  content: '\f294'
}
.fa-sticker-mule:before {
  content: '\f3f7'
}
.fa-creative-commons-zero:before {
  content: '\f4f3'
}
.fa-hips:before {
  content: '\f452'
}
.fa-behance:before {
  content: '\f1b4'
}
.fa-reddit:before {
  content: '\f1a1'
}
.fa-discord:before {
  content: '\f392'
}
.fa-chrome:before {
  content: '\f268'
}
.fa-app-store-ios:before {
  content: '\f370'
}
.fa-cc-discover:before {
  content: '\f1f2'
}
.fa-wpbeginner:before {
  content: '\f297'
}
.fa-confluence:before {
  content: '\f78d'
}
.fa-mdb:before {
  content: '\f8ca'
}
.fa-dochub:before {
  content: '\f394'
}
.fa-accessible-icon:before {
  content: '\f368'
}
.fa-ebay:before {
  content: '\f4f4'
}
.fa-amazon:before {
  content: '\f270'
}
.fa-unsplash:before {
  content: '\e07c'
}
.fa-yarn:before {
  content: '\f7e3'
}
.fa-square-steam:before, .fa-steam-square:before {
  content: '\f1b7'
}
.fa-500px:before {
  content: '\f26e'
}
.fa-square-vimeo:before, .fa-vimeo-square:before {
  content: '\f194'
}
.fa-asymmetrik:before {
  content: '\f372'
}
.fa-font-awesome-flag:before, .fa-font-awesome-logo-full:before, .fa-font-awesome:before {
  content: '\f2b4'
}
.fa-gratipay:before {
  content: '\f184'
}
.fa-apple:before {
  content: '\f179'
}
.fa-hive:before {
  content: '\e07f'
}
.fa-gitkraken:before {
  content: '\f3a6'
}
.fa-keybase:before {
  content: '\f4f5'
}
.fa-apple-pay:before {
  content: '\f415'
}
.fa-padlet:before {
  content: '\e4a0'
}
.fa-amazon-pay:before {
  content: '\f42c'
}
.fa-github-square:before, .fa-square-github:before {
  content: '\f092'
}
.fa-stumbleupon:before {
  content: '\f1a4'
}
.fa-fedex:before {
  content: '\f797'
}
.fa-phoenix-framework:before {
  content: '\f3dc'
}
.fa-shopify:before {
  content: '\e057'
}
.fa-neos:before {
  content: '\f612'
}
.fa-hackerrank:before {
  content: '\f5f7'
}
.fa-researchgate:before {
  content: '\f4f8'
}
.fa-swift:before {
  content: '\f8e1'
}
.fa-angular:before {
  content: '\f420'
}
.fa-speakap:before {
  content: '\f3f3'
}
.fa-angrycreative:before {
  content: '\f36e'
}
.fa-y-combinator:before {
  content: '\f23b'
}
.fa-empire:before {
  content: '\f1d1'
}
.fa-envira:before {
  content: '\f299'
}
.fa-gitlab-square:before, .fa-square-gitlab:before {
  content: '\e5ae'
}
.fa-studiovinari:before {
  content: '\f3f8'
}
.fa-pied-piper:before {
  content: '\f2ae'
}
.fa-wordpress:before {
  content: '\f19a'
}
.fa-product-hunt:before {
  content: '\f288'
}
.fa-firefox:before {
  content: '\f269'
}
.fa-linode:before {
  content: '\f2b8'
}
.fa-goodreads:before {
  content: '\f3a8'
}
.fa-odnoklassniki-square:before, .fa-square-odnoklassniki:before {
  content: '\f264'
}
.fa-jsfiddle:before {
  content: '\f1cc'
}
.fa-sith:before {
  content: '\f512'
}
.fa-themeisle:before {
  content: '\f2b2'
}
.fa-page4:before {
  content: '\f3d7'
}
.fa-hashnode:before {
  content: '\e499'
}
.fa-react:before {
  content: '\f41b'
}
.fa-cc-paypal:before {
  content: '\f1f4'
}
.fa-squarespace:before {
  content: '\f5be'
}
.fa-cc-stripe:before {
  content: '\f1f5'
}
.fa-creative-commons-share:before {
  content: '\f4f2'
}
.fa-bitcoin:before {
  content: '\f379'
}
.fa-keycdn:before {
  content: '\f3ba'
}
.fa-opera:before {
  content: '\f26a'
}
.fa-itch-io:before {
  content: '\f83a'
}
.fa-umbraco:before {
  content: '\f8e8'
}
.fa-galactic-senate:before {
  content: '\f50d'
}
.fa-ubuntu:before {
  content: '\f7df'
}
.fa-draft2digital:before {
  content: '\f396'
}
.fa-stripe:before {
  content: '\f429'
}
.fa-houzz:before {
  content: '\f27c'
}
.fa-gg:before {
  content: '\f260'
}
.fa-dhl:before {
  content: '\f790'
}
.fa-pinterest-square:before, .fa-square-pinterest:before {
  content: '\f0d3'
}
.fa-xing:before {
  content: '\f168'
}
.fa-blackberry:before {
  content: '\f37b'
}
.fa-creative-commons-pd:before {
  content: '\f4ec'
}
.fa-playstation:before {
  content: '\f3df'
}
.fa-quinscape:before {
  content: '\f459'
}
.fa-less:before {
  content: '\f41d'
}
.fa-blogger-b:before {
  content: '\f37d'
}
.fa-opencart:before {
  content: '\f23d'
}
.fa-vine:before {
  content: '\f1ca'
}
.fa-paypal:before {
  content: '\f1ed'
}
.fa-gitlab:before {
  content: '\f296'
}
.fa-typo3:before {
  content: '\f42b'
}
.fa-reddit-alien:before {
  content: '\f281'
}
.fa-yahoo:before {
  content: '\f19e'
}
.fa-dailymotion:before {
  content: '\e052'
}
.fa-affiliatetheme:before {
  content: '\f36b'
}
.fa-pied-piper-pp:before {
  content: '\f1a7'
}
.fa-bootstrap:before {
  content: '\f836'
}
.fa-odnoklassniki:before {
  content: '\f263'
}
.fa-nfc-symbol:before {
  content: '\e531'
}
.fa-ethereum:before {
  content: '\f42e'
}
.fa-speaker-deck:before {
  content: '\f83c'
}
.fa-creative-commons-nc-eu:before {
  content: '\f4e9'
}
.fa-patreon:before {
  content: '\f3d9'
}
.fa-avianex:before {
  content: '\f374'
}
.fa-ello:before {
  content: '\f5f1'
}
.fa-gofore:before {
  content: '\f3a7'
}
.fa-bimobject:before {
  content: '\f378'
}
.fa-facebook-f:before {
  content: '\f39e'
}
.fa-google-plus-square:before, .fa-square-google-plus:before {
  content: '\f0d4'
}
.fa-mandalorian:before {
  content: '\f50f'
}
.fa-first-order-alt:before {
  content: '\f50a'
}
.fa-osi:before {
  content: '\f41a'
}
.fa-google-wallet:before {
  content: '\f1ee'
}
.fa-d-and-d-beyond:before {
  content: '\f6ca'
}
.fa-periscope:before {
  content: '\f3da'
}
.fa-fulcrum:before {
  content: '\f50b'
}
.fa-cloudscale:before {
  content: '\f383'
}
.fa-forumbee:before {
  content: '\f211'
}
.fa-mizuni:before {
  content: '\f3cc'
}
.fa-schlix:before {
  content: '\f3ea'
}
.fa-square-xing:before, .fa-xing-square:before {
  content: '\f169'
}
.fa-bandcamp:before {
  content: '\f2d5'
}
.fa-wpforms:before {
  content: '\f298'
}
.fa-cloudversify:before {
  content: '\f385'
}
.fa-usps:before {
  content: '\f7e1'
}
.fa-megaport:before {
  content: '\f5a3'
}
.fa-magento:before {
  content: '\f3c4'
}
.fa-spotify:before {
  content: '\f1bc'
}
.fa-optin-monster:before {
  content: '\f23c'
}
.fa-fly:before {
  content: '\f417'
}
.fa-aviato:before {
  content: '\f421'
}
.fa-itunes:before {
  content: '\f3b4'
}
.fa-cuttlefish:before {
  content: '\f38c'
}
.fa-blogger:before {
  content: '\f37c'
}
.fa-flickr:before {
  content: '\f16e'
}
.fa-viber:before {
  content: '\f409'
}
.fa-soundcloud:before {
  content: '\f1be'
}
.fa-digg:before {
  content: '\f1a6'
}
.fa-tencent-weibo:before {
  content: '\f1d5'
}
.fa-symfony:before {
  content: '\f83d'
}
.fa-maxcdn:before {
  content: '\f136'
}
.fa-etsy:before {
  content: '\f2d7'
}
.fa-facebook-messenger:before {
  content: '\f39f'
}
.fa-audible:before {
  content: '\f373'
}
.fa-think-peaks:before {
  content: '\f731'
}
.fa-bilibili:before {
  content: '\e3d9'
}
.fa-erlang:before {
  content: '\f39d'
}
.fa-cotton-bureau:before {
  content: '\f89e'
}
.fa-dashcube:before {
  content: '\f210'
}
.fa-42-group:before, .fa-innosoft:before {
  content: '\e080'
}
.fa-stack-exchange:before {
  content: '\f18d'
}
.fa-elementor:before {
  content: '\f430'
}
.fa-pied-piper-square:before, .fa-square-pied-piper:before {
  content: '\e01e'
}
.fa-creative-commons-nd:before {
  content: '\f4eb'
}
.fa-palfed:before {
  content: '\f3d8'
}
.fa-superpowers:before {
  content: '\f2dd'
}
.fa-resolving:before {
  content: '\f3e7'
}
.fa-xbox:before {
  content: '\f412'
}
.fa-searchengin:before {
  content: '\f3eb'
}
.fa-tiktok:before {
  content: '\e07b'
}
.fa-facebook-square:before, .fa-square-facebook:before {
  content: '\f082'
}
.fa-renren:before {
  content: '\f18b'
}
.fa-linux:before {
  content: '\f17c'
}
.fa-glide:before {
  content: '\f2a5'
}
.fa-linkedin:before {
  content: '\f08c'
}
.fa-hubspot:before {
  content: '\f3b2'
}
.fa-deploydog:before {
  content: '\f38e'
}
.fa-twitch:before {
  content: '\f1e8'
}
.fa-ravelry:before {
  content: '\f2d9'
}
.fa-mixer:before {
  content: '\e056'
}
.fa-lastfm-square:before, .fa-square-lastfm:before {
  content: '\f203'
}
.fa-vimeo:before {
  content: '\f40a'
}
.fa-mendeley:before {
  content: '\f7b3'
}
.fa-uniregistry:before {
  content: '\f404'
}
.fa-figma:before {
  content: '\f799'
}
.fa-creative-commons-remix:before {
  content: '\f4ee'
}
.fa-cc-amazon-pay:before {
  content: '\f42d'
}
.fa-dropbox:before {
  content: '\f16b'
}
.fa-instagram:before {
  content: '\f16d'
}
.fa-cmplid:before {
  content: '\e360'
}
.fa-facebook:before {
  content: '\f09a'
}
.fa-gripfire:before {
  content: '\f3ac'
}
.fa-jedi-order:before {
  content: '\f50e'
}
.fa-uikit:before {
  content: '\f403'
}
.fa-fort-awesome-alt:before {
  content: '\f3a3'
}
.fa-phabricator:before {
  content: '\f3db'
}
.fa-ussunnah:before {
  content: '\f407'
}
.fa-earlybirds:before {
  content: '\f39a'
}
.fa-trade-federation:before {
  content: '\f513'
}
.fa-autoprefixer:before {
  content: '\f41c'
}
.fa-whatsapp:before {
  content: '\f232'
}
.fa-slideshare:before {
  content: '\f1e7'
}
.fa-google-play:before {
  content: '\f3ab'
}
.fa-viadeo:before {
  content: '\f2a9'
}
.fa-line:before {
  content: '\f3c0'
}
.fa-google-drive:before {
  content: '\f3aa'
}
.fa-servicestack:before {
  content: '\f3ec'
}
.fa-simplybuilt:before {
  content: '\f215'
}
.fa-bitbucket:before {
  content: '\f171'
}
.fa-imdb:before {
  content: '\f2d8'
}
.fa-deezer:before {
  content: '\e077'
}
.fa-raspberry-pi:before {
  content: '\f7bb'
}
.fa-jira:before {
  content: '\f7b1'
}
.fa-docker:before {
  content: '\f395'
}
.fa-screenpal:before {
  content: '\e570'
}
.fa-bluetooth:before {
  content: '\f293'
}
.fa-gitter:before {
  content: '\f426'
}
.fa-d-and-d:before {
  content: '\f38d'
}
.fa-microblog:before {
  content: '\e01a'
}
.fa-cc-diners-club:before {
  content: '\f24c'
}
.fa-gg-circle:before {
  content: '\f261'
}
.fa-pied-piper-hat:before {
  content: '\f4e5'
}
.fa-kickstarter-k:before {
  content: '\f3bc'
}
.fa-yandex:before {
  content: '\f413'
}
.fa-readme:before {
  content: '\f4d5'
}
.fa-html5:before {
  content: '\f13b'
}
.fa-sellsy:before {
  content: '\f213'
}
.fa-sass:before {
  content: '\f41e'
}
.fa-wirsindhandwerk:before, .fa-wsh:before {
  content: '\e2d0'
}
.fa-buromobelexperte:before {
  content: '\f37f'
}
.fa-salesforce:before {
  content: '\f83b'
}
.fa-octopus-deploy:before {
  content: '\e082'
}
.fa-medapps:before {
  content: '\f3c6'
}
.fa-ns8:before {
  content: '\f3d5'
}
.fa-pinterest-p:before {
  content: '\f231'
}
.fa-apper:before {
  content: '\f371'
}
.fa-fort-awesome:before {
  content: '\f286'
}
.fa-waze:before {
  content: '\f83f'
}
.fa-cc-jcb:before {
  content: '\f24b'
}
.fa-snapchat-ghost:before, .fa-snapchat:before {
  content: '\f2ab'
}
.fa-fantasy-flight-games:before {
  content: '\f6dc'
}
.fa-rust:before {
  content: '\e07a'
}
.fa-wix:before {
  content: '\f5cf'
}
.fa-behance-square:before, .fa-square-behance:before {
  content: '\f1b5'
}
.fa-supple:before {
  content: '\f3f9'
}
.fa-rebel:before {
  content: '\f1d0'
}
.fa-css3:before {
  content: '\f13c'
}
.fa-staylinked:before {
  content: '\f3f5'
}
.fa-kaggle:before {
  content: '\f5fa'
}
.fa-space-awesome:before {
  content: '\e5ac'
}
.fa-deviantart:before {
  content: '\f1bd'
}
.fa-cpanel:before {
  content: '\f388'
}
.fa-goodreads-g:before {
  content: '\f3a9'
}
.fa-git-square:before, .fa-square-git:before {
  content: '\f1d2'
}
.fa-square-tumblr:before, .fa-tumblr-square:before {
  content: '\f174'
}
.fa-trello:before {
  content: '\f181'
}
.fa-creative-commons-nc-jp:before {
  content: '\f4ea'
}
.fa-get-pocket:before {
  content: '\f265'
}
.fa-perbyte:before {
  content: '\e083'
}
.fa-grunt:before {
  content: '\f3ad'
}
.fa-weebly:before {
  content: '\f5cc'
}
.fa-connectdevelop:before {
  content: '\f20e'
}
.fa-leanpub:before {
  content: '\f212'
}
.fa-black-tie:before {
  content: '\f27e'
}
.fa-themeco:before {
  content: '\f5c6'
}
.fa-python:before {
  content: '\f3e2'
}
.fa-android:before {
  content: '\f17b'
}
.fa-bots:before {
  content: '\e340'
}
.fa-free-code-camp:before {
  content: '\f2c5'
}
.fa-hornbill:before {
  content: '\f592'
}
.fa-js:before {
  content: '\f3b8'
}
.fa-ideal:before {
  content: '\e013'
}
.fa-git:before {
  content: '\f1d3'
}
.fa-dev:before {
  content: '\f6cc'
}
.fa-sketch:before {
  content: '\f7c6'
}
.fa-yandex-international:before {
  content: '\f414'
}
.fa-cc-amex:before {
  content: '\f1f3'
}
.fa-uber:before {
  content: '\f402'
}
.fa-github:before {
  content: '\f09b'
}
.fa-php:before {
  content: '\f457'
}
.fa-alipay:before {
  content: '\f642'
}
.fa-youtube:before {
  content: '\f167'
}
.fa-skyatlas:before {
  content: '\f216'
}
.fa-firefox-browser:before {
  content: '\e007'
}
.fa-replyd:before {
  content: '\f3e6'
}
.fa-suse:before {
  content: '\f7d6'
}
.fa-jenkins:before {
  content: '\f3b6'
}
.fa-twitter:before {
  content: '\f099'
}
.fa-rockrms:before {
  content: '\f3e9'
}
.fa-pinterest:before {
  content: '\f0d2'
}
.fa-buffer:before {
  content: '\f837'
}
.fa-npm:before {
  content: '\f3d4'
}
.fa-yammer:before {
  content: '\f840'
}
.fa-btc:before {
  content: '\f15a'
}
.fa-dribbble:before {
  content: '\f17d'
}
.fa-stumbleupon-circle:before {
  content: '\f1a3'
}
.fa-internet-explorer:before {
  content: '\f26b'
}
.fa-stubber:before, .layers-highlight:before {
  content: '\e5c7'
}
.fa-telegram-plane:before, .fa-telegram:before {
  content: '\f2c6'
}
.fa-old-republic:before {
  content: '\f510'
}
.fa-odysee:before {
  content: '\e5c6'
}
.fa-square-whatsapp:before, .fa-whatsapp-square:before {
  content: '\f40c'
}
.fa-node-js:before {
  content: '\f3d3'
}
.fa-edge-legacy:before {
  content: '\e078'
}
.fa-slack-hash:before, .fa-slack:before {
  content: '\f198'
}
.fa-medrt:before {
  content: '\f3c8'
}
.fa-usb:before {
  content: '\f287'
}
.fa-tumblr:before {
  content: '\f173'
}
.fa-vaadin:before {
  content: '\f408'
}
.fa-quora:before {
  content: '\f2c4'
}
.fa-reacteurope:before {
  content: '\f75d'
}
.fa-medium-m:before, .fa-medium:before {
  content: '\f23a'
}
.fa-amilia:before {
  content: '\f36d'
}
.fa-mixcloud:before {
  content: '\f289'
}
.fa-flipboard:before {
  content: '\f44d'
}
.fa-viacoin:before {
  content: '\f237'
}
.fa-critical-role:before {
  content: '\f6c9'
}
.fa-sitrox:before {
  content: '\e44a'
}
.fa-discourse:before {
  content: '\f393'
}
.fa-joomla:before {
  content: '\f1aa'
}
.fa-mastodon:before {
  content: '\f4f6'
}
.fa-airbnb:before {
  content: '\f834'
}
.fa-wolf-pack-battalion:before {
  content: '\f514'
}
.fa-buy-n-large:before {
  content: '\f8a6'
}
.fa-gulp:before {
  content: '\f3ae'
}
.fa-creative-commons-sampling-plus:before {
  content: '\f4f1'
}
.fa-strava:before {
  content: '\f428'
}
.fa-ember:before {
  content: '\f423'
}
.fa-canadian-maple-leaf:before {
  content: '\f785'
}
.fa-teamspeak:before {
  content: '\f4f9'
}
.fa-pushed:before {
  content: '\f3e1'
}
.fa-wordpress-simple:before {
  content: '\f411'
}
.fa-nutritionix:before {
  content: '\f3d6'
}
.fa-wodu:before {
  content: '\e088'
}
.fa-google-pay:before {
  content: '\e079'
}
.fa-intercom:before {
  content: '\f7af'
}
.fa-zhihu:before {
  content: '\f63f'
}
.fa-korvue:before {
  content: '\f42f'
}
.fa-pix:before {
  content: '\e43a'
}
.fa-steam-symbol:before {
  content: '\f3f6'
}
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../webfonts/fa-regular-400.woff2) format('woff2'), url(../webfonts/fa-regular-400.ttf) format('truetype')
}
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(../webfonts/fa-solid-900.woff2) format('woff2'), url(../webfonts/fa-solid-900.ttf) format('truetype')
}
.fa-solid, .fas {
  font-weight: 900
}
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-display: block;
  font-weight: 400;
  src: url(../webfonts/fa-brands-400.woff2) format('woff2'), url(../webfonts/fa-brands-400.ttf) format('truetype')
}
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-display: block;
  font-weight: 900;
  src: url(../webfonts/fa-solid-900.woff2) format('woff2'), url(../webfonts/fa-solid-900.ttf) format('truetype')
}
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-display: block;
  font-weight: 400;
  src: url(../webfonts/fa-regular-400.woff2) format('woff2'), url(../webfonts/fa-regular-400.ttf) format('truetype')
}
@font-face {
  font-family: FontAwesome;
  font-display: block;
  src: url(../webfonts/fa-solid-900.woff2) format('woff2'), url(../webfonts/fa-solid-900.ttf) format('truetype')
}
@font-face {
  font-family: FontAwesome;
  font-display: block;
  src: url(../webfonts/fa-brands-400.woff2) format('woff2'), url(../webfonts/fa-brands-400.ttf) format('truetype')
}
@font-face {
  font-family: FontAwesome;
  font-display: block;
  src: url(../webfonts/fa-regular-400.woff2) format('woff2'), url(../webfonts/fa-regular-400.ttf) format('truetype');
  unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7, U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC
}
@font-face {
  font-family: FontAwesome;
  font-display: block;
  src: url(../webfonts/fa-v4compatibility.woff2) format('woff2'), url(../webfonts/fa-v4compatibility.ttf) format('truetype');
  unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B, U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4, U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E, U+F160-F161, U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F27A
}
@font-face {
  font-family: ds-app-font;
  src: url(../yodeck-new-fonts/Yodeck-Font.eot?eyaohp);
  src: url(../yodeck-new-fonts/Yodeck-Font.eot?eyaohp#iefix) format('embedded-opentype'), url(../yodeck-new-fonts/Yodeck-Font.ttf?eyaohp) format('truetype'), url(../yodeck-new-fonts/Yodeck-Font.woff?eyaohp) format('woff'), url(../yodeck-new-fonts/Yodeck-Font.svg?eyaohp#Yodeck-Font) format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: block
}
[class*=" ds-"], [class*=" ds_"], [class^=ds-], [class^=ds_] {
  font-family: ds-app-font !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga"1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.ds-arrow-playlist:before {
  content: "\e977"
}
.ds-remove-close:before {
  content: "\e978"
}
.ds-guide:before {
  content: "\e976"
}
.ds-zoom:before {
  content: "\e974"
}
.ds-rpi:before {
  content: "\e95a"
}
.ds-brightsign:before {
  content: "\e973"
}
.ds-android:before {
  content: "\e975"
}
.ds-clear-browser:before {
  content: "\e96e"
}
.ds-shutdown:before {
  content: "\e96f"
}
.ds-duplicate:before {
  content: "\e970"
}
.ds-add-folder:before {
  content: "\e971"
}
.ds-list-view:before {
  content: "\e95d"
}
.ds-move:before {
  content: "\e95e"
}
.ds-reboot-player:before {
  content: "\e95f"
}
.ds-tags:before {
  content: "\e960"
}
.ds-settings:before {
  content: "\e961"
}
.ds-angle-down:before {
  content: "\e962"
}
.ds-sorting:before {
  content: "\e963"
}
.ds-turn-off:before {
  content: "\e964"
}
.ds-turn-on:before {
  content: "\e965"
}
.ds-add-folder-plus:before {
  content: "\e968"
}
.ds-add:before {
  content: "\e969"
}
.ds-delete:before {
  content: "\e96a"
}
.ds-more-horizontal:before {
  content: "\e96c"
}
.ds-grid-view:before {
  content: "\e96d"
}
.ds-playerbox:before {
  content: "\e95c"
}
.ds-html5:before {
  content: "\e95b"
}
.ds-mail-contact:before {
  content: "\e958"
}
.ds-mail-help:before {
  content: "\e959"
}
.ds-document:before {
  content: "\e900"
}
.ds-copy:before {
  content: "\e903"
}
.ds-edit:before {
  content: "\e904"
}
.ds-exit:before {
  content: "\e906"
}
.ds-filters:before {
  content: "\e907"
}
.ds-flip-horizontal:before {
  content: "\e908"
}
.ds-flip-vertical:before {
  content: "\e909"
}
.ds-send-to-front:before {
  content: "\e90a"
}
.ds-full:before {
  content: "\e90b"
}
.ds-help:before {
  content: "\e90c"
}
.ds-hide:before {
  content: "\e90d"
}
.ds-image:before {
  content: "\e90e"
}
.ds-audio:before {
  content: "\e90f"
}
.ds-clipart:before {
  content: "\e910"
}
.ds-ins-document:before {
  content: "\e911"
}
.ds-insert:before {
  content: "\e912"
}
.ds-ins-playlist:before {
  content: "\e914"
}
.ds-text:before {
  content: "\e916"
}
.ds-video:before {
  content: "\e917"
}
.ds-webpage:before {
  content: "\e918"
}
.ds-add-apps:before {
  content: "\e919"
}
.ds-justify:before {
  content: "\e91a"
}
.ds-layout:before {
  content: "\e91b"
}
.ds-media:before {
  content: "\e91c"
}
.ds-angle-up:before {
  content: "\e91d"
}
.ds-menu-collapse .path1:before {
  content: "\e91e";
  color: #5a5e68
}
.ds-menu-collapse .path2:before {
  content: "\e91f";
  margin-left: -1em;
  color: #fff
}
.ds-menu-expand .path1:before {
  content: "\e9af";
  color: #5a5e68
}
.ds-menu-expand .path2:before {
  content: "\e9b0";
  margin-left: -1em;
  color: #fff
}
.ds-monitors:before {
  content: "\e920"
}
.ds-next:before {
  content: "\e921"
}
.ds-notification:before {
  content: "\e922"
}
.ds-one-drive:before {
  content: "\e923"
}
.ds-paste:before {
  content: "\e924"
}
.ds-playlist:before {
  content: "\e925"
}
.ds-previous:before {
  content: "\e928"
}
.ds-profile-user:before {
  content: "\e929"
}
.ds-push:before {
  content: "\e92a"
}
.ds-push-mobile .path1:before {
  content: "\e92b";
  color: #5a5e68
}
.ds-push-mobile .path2:before {
  content: "\e92c";
  margin-left: -1em;
  color: #fff
}
.ds-redo:before {
  content: "\e9bc"
}
.ds-schedules:before {
  content: "\e92d"
}
.ds-circle:before {
  content: "\e92f"
}
.ds-diagonal-line-right:before {
  content: "\e930"
}
.ds-diagonal-line-left:before {
  content: "\e931"
}
.ds-elipse:before {
  content: "\e932"
}
.ds-hor-line:before {
  content: "\e933"
}
.ds-show:before {
  content: "\e934"
}
.ds-rectangle:before {
  content: "\e935"
}
.ds-square:before {
  content: "\e936"
}
.ds-vertical-line:before {
  content: "\e937"
}
.ds-sidebar-close:before {
  content: "\e938"
}
.ds-sidebar-open:before {
  content: "\e939"
}
.ds-undo:before {
  content: "\e93a"
}
.ds-unknown:before {
  content: "\e93b"
}
.ds-unlimit:before {
  content: "\e93c"
}
.ds-upgrade:before {
  content: "\e93e"
}
.ds-upload:before {
  content: "\e93f"
}
.ds-user:before {
  content: "\e940"
}
.ds-users:before {
  content: "\e941"
}
.ds-apps:before {
  content: "\e944"
}
.ds-workspaces:before {
  content: "\e945"
}
.ds-add-circle:before {
  content: "\e946"
}
.ds-align-center:before {
  content: "\e947"
}
.ds-align-left:before {
  content: "\e948"
}
.ds-align-right:before {
  content: "\e949"
}
.ds-audit-log:before {
  content: "\e94b"
}
.ds-send-to-back:before {
  content: "\e9d6"
}
.ds-burger-menu-mobile:before {
  content: "\e94d"
}
.ds-buy-players:before {
  content: "\e94e"
}
.ds-remove-close-circle:before {
  content: "\e94f"
}
.ds-check:before {
  content: "\e950"
}
.ds-more-vertical:before {
  content: "\e954"
}
.ds-welcome:before {
  content: "👋"
}
.ds-dashboard:before {
  content: "\e956"
}
.ds-webOSPlayer:before {
  content: "\e9dd"
}
.ds-webOSPlayer-W:before {
  content: "\e9de"
}
.ds-tizen:before {
  content: "\e9df"
}
.ds-all-media:before {
  content: "\e9e1"
}
.ds-export:before {
  content: "\e9e2"
}
.ds-angle-right:before {
  content: "\e9e3"
}
.ds-renew:before {
  content: "\e9e4"
}
.ds-x-icon:before {
  content: "\e9e5"
}
.ds-dollar:before {
  content: "\e9e6"
}
.ds-credit-card:before {
  content: "\e9e7"
}
.ds-subscription-details:before {
  content: "\e9e8"
}
.ds-rocket:before {
  content: "\e9e9"
}
.ds-refresh:before {
  content: "\e972"
}
.ds-dropbox:before {
  content: "\e9eb"
}
.ds-warning-circle:before {
  content: "\e9ec"
}
.ds-warning-triangle:before {
  content: "\e9ed"
}
.ds-information-outline:before {
  content: "\e9ee"
}
.ds-information-filled .path1:before {
  content: "\e9ef";
  color: #5a5e68
}
.ds-information-filled .path2:before {
  content: "\e9f0";
  margin-left: -1em;
  color: #fff
}
.ds-information-filled .path3:before {
  content: "\e9f1";
  margin-left: -1em;
  color: #1e1c24
}
.ds-information-filled .path4:before {
  content: "\e9f2";
  margin-left: -1em;
  color: #fff
}
.ds-lock:before {
  content: "\e9f3"
}
.ds-share:before {
  content: "\e9f4"
}
.ds-search:before {
  content: "\e9f5"
}
.ds-clock:before {
  content: "\e9f6"
}
.ds-report-files:before {
  content: "\e9f7"
}
.ds-images:before {
  content: "\e9f8"
}
.ds-stock-library:before {
  content: "\e9f9"
}
.ds-information:before {
  content: "\e9fa"
}
.ds-network:before {
  content: "\e9fb"
}
.ds-filtering:before {
  content: "\e9fc"
}
.ds-location:before {
  content: "\e9fd"
}
.ds-status:before {
  content: "\e9fe"
}
.ds-advanced-settings:before {
  content: "\e9ff"
}
.ds-windows:before {
  content: "\ea00"
}
.ds-account-subscription:before {
  content: "\e901"
}
.ds-add-screens:before {
  content: "\e902"
}
.ds-groups:before {
  content: "\e905"
}
.ds-sso:before {
  content: "\e913"
}
.ds-custom-roles:before {
  content: "\e915"
}
.ds-playback-reports:before {
  content: "\e926"
}
.ds-custom-ratios:before {
  content: "\e927"
}
.ds-media-tags:before {
  content: "\e92e"
}
.ds-monitor-tags:before {
  content: "\e93d"
}
.ds-video-option:before {
  content: "\e942"
}
.ds-emergency-alert:before {
  content: "\e943"
}
.ds-angle-left:before {
  content: "\e94a"
}
.ds-troubleshoot:before {
  content: "\e94c"
}
.ds-question-mark:before {
  content: "\e951"
}
.ds-video-tutorial:before {
  content: "\e952"
}
.ds-check-circle:before {
  content: "\e953"
}
.ds-handshake:before {
  content: "\e955"
}
.ds-vimeo:before {
  content: "\e957"
}
.ds-youtube:before {
  content: "\e966"
}
.ds-stream:before {
  content: "\e967"
}
.ds-videowall:before {
  content: "\e96b"
}
.ds-mass-upload:before {
  content: "\e979"
}
.ds-video-input:before {
  content: "\e97a"
}
.ds-ppt:before {
  content: "\e97b"
}
.ds-excel:before {
  content: "\e97c"
}
.ds-word:before {
  content: "\e97d"
}
.ds-pdf:before {
  content: "\e97e"
}
.ds-download:before {
  content: "\e97f"
}
.ds-volume-down:before {
  content: "\e980"
}
.ds-download-circle:before {
  content: "\e981"
}
.ds-linkedin:before {
  content: "\e982"
}
.ds-money-back:before {
  content: "\e983"
}
.ds-interactivity:before {
  content: "\e984"
}
.ds-fireos:before {
  content: "\e985"
}
.ds-gif:before {
  content: "\e986"
}
.ds-video2:before {
  content: "\e987"
}
.ds-sound:before {
  content: "\e988"
}
.ds-document2:before {
  content: "\e989"
}
.ds-create-custom-template:before {
  content: "\e98a"
}
.ds-customize-columns1:before {
  content: "\e98d"
}
.ds-reorder-columns1:before {
  content: "\e98e"
}
.ds-link:before {
  content: "\e98f"
}
.ds-thumbs-down:before {
  content: "\e98b"
}
.ds-thumbs-up:before {
  content: "\e98c"
}
.ds-select-columns:before {
  content: "\e990"
}
.icon-not-available:before {
  content: "\e991"
}
.ds-history:before {
  content: "\e992"
}
.ds-landscape:before {
  content: "\e993"
}
.ds-orientation-all:before {
  content: "\e994"
}
.ds-portrait:before {
  content: "\e995"
}
.ds-coming-soon:before {
  content: "\e996"
}
.ds-fully-lock:before {
  content: "\e997"
}
.ds-partially-lock:before {
  content: "\e998"
}
.ds-lock-insert:before {
  content: "\e999"
}
.ds-replace:before {
  content: "\e99a"
}
.ds-interactive-playlist:before {
  content: "\e99b"
}
.ds-api:before {
  content: "\e99c"
}
.ds-preview:before {
  content: "\e99d"
}
.ds-event-continues:before {
  content: "\e99e"
}
.ds-event-recurring:before {
  content: "\e99f"
}
.ds-content-duplicate:before {
  content: "\e9a0"
}
.ds-temporary-content:before {
  content: "\e91f"
}
.ds-remove-working-hours:before {
  content: "\e92c"
}
.ds-publish:before {
  content: "\e9a4"
}
.ds-unpublish:before {
  content: "\e9a5"
}
.ds-person-add:before {
  content: "\e9a1"
}
.ds-replace2:before {
  content: "\e9a2"
}
.ds-stop:before {
  content: "\e9a3"
}
#app-form .preview-app:before, .ds-sharepoint:before {
  content: none
}
.ds-sharepoint {
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: url(../app-logos/sharepoint_icon.svg);
  mask-image: url(../app-logos/sharepoint_icon.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  src: url(material-icons-fonts/material-symbols-outlined-options.woff2) format('woff2')
}
@font-face {
  font-family: 'Material Symbols Sharp';
  font-style: normal;
  font-weight: 100 700;
  src: url(material-icons-fonts/material-symbols-sharp.woff2) format('woff2')
}
@font-face {
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  font-weight: 100 700;
  src: url(material-icons-fonts/material-symbols-round.woff2) format('woff2')
}
[class*=' material-symbols-'], [class^=material-symbols-] {
  --ms-size: 24;
  --ms-fill: 0;
  --ms-wght: 300;
  --ms-grad: 0;
  font-style: normal;
  font-weight: var(--ms-wght);
  font-size: calc(var(--ms-size) * 1px);
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  font-variation-settings: 'FILL'var(--ms-fill), 'wght'var(--ms-wght), 'GRAD'var(--ms-grad), 'opsz'var(--ms-size)
}
.material-icons, .material-icons-outlined, .material-icons-round, .material-icons-sharp {
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  display: inline-block;
  direction: ltr;
  width: 20px;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  font-style: normal;
  white-space: nowrap;
  word-wrap: normal;
  text-transform: none
}
.material-symbols-outlined, [class*=' material-symbols-outlined-'], [class^=material-symbols-outlined-] {
  font-family: 'Material Symbols Outlined'
}
.material-symbols-outlined {
  --ms-size: 24
}
.material-symbols-outlined-22 {
  --ms-size: 22
}
.material-symbols-outlined-20 {
  --ms-size: 20
}
.material-symbols-outlined-18 {
  --ms-size: 18
}
.material-symbols-outlined-16 {
  --ms-size: 16
}
.material-symbols-outlined-14 {
  --ms-size: 14
}
.material-symbols-sharp, [class*=' material-symbols-sharp-'], [class^=material-symbols-sharp-] {
  font-family: 'Material Symbols Sharp'
}
.material-symbols-sharp {
  --ms-size: 24
}
.material-symbols-sharp-22 {
  --ms-size: 22
}
.material-symbols-sharp-20 {
  --ms-size: 20
}
.material-symbols-sharp-16 {
  --ms-size: 16
}
.material-symbols-rounded, [class*=' material-symbols-rounded-'], [class^=material-symbols-rounded-] {
  font-family: 'Material Symbols Rounded'
}
.material-symbols-rounded {
  --ms-size: 24
}
.material-symbols-rounded-22 {
  --ms-size: 22
}
.material-symbols-rounded-20 {
  --ms-size: 20
}
.material-symbols-rounded-16 {
  --ms-size: 16
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(material-icons-fonts/material-icons-regular.woff2) format('woff2')
}
.material-icons {
  font-family: 'Material Icons'
}
@font-face {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: url(material-icons-fonts/material-icons-outlined.woff2) format('woff2')
}
.material-icons-outlined {
  font-family: 'Material Icons Outlined'
}
@font-face {
  font-family: 'Material Icons Round';
  font-style: normal;
  font-weight: 400;
  src: url(material-icons-fonts/material-icons-round.woff2) format('woff2')
}
.material-icons-round {
  font-family: 'Material Icons Round'
}
@font-face {
  font-family: 'Material Icons Sharp';
  font-style: normal;
  font-weight: 400;
  src: url(material-icons-fonts/material-icons-sharp.woff2) format('woff2')
}
.material-icons-sharp {
  font-family: 'Material Icons Sharp'
} /*! jQuery UI - v1.10.4 - 2014-03-13
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ .ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted #000
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: .5em .5em .5em .7em;
  min-height: 0
}
.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em
}
.ui-accordion .ui-accordion-noicons {
  padding-left: .7em
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default
}
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  text-align: center;
  overflow: visible
}
.ui-button, .ui-button:active, .ui-button:hover, .ui-button:link, .ui-button:visited {
  text-decoration: none
}
.ui-button-icon-only {
  width: 2.2em
}
button.ui-button-icon-only {
  width: 2.4em
}
.ui-button-icons-only {
  width: 3.4em
}
button.ui-button-icons-only {
  width: 3.7em
}
.ui-button .ui-button-text {
  display: block;
  line-height: normal
}
.ui-button-text-only .ui-button-text {
  padding: .4em 1em
}
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px
}
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em
}
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em
}
input.ui-button {
  padding: .4em 1em
}
.ui-button-icon-only .ui-icon, .ui-button-icons-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px
}
.ui-button-icons-only .ui-button-icon-primary, .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary {
  left: .5em
}
.ui-button-icons-only .ui-button-icon-secondary, .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary {
  right: .5em
}
.ui-buttonset {
  margin-right: 7px
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em
}
button.ui-button::-moz-focus-inner, input.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0
}
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0
}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em
}
.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
  top: 1px
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px
}
.ui-datepicker .ui-datepicker-next {
  right: 2px
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px
}
.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 49%
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: 700;
  border: 0
}
.ui-datepicker td {
  border: 0;
  padding: 1px
}
.ui-datepicker td a, .ui-datepicker td span {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em;
  width: auto;
  overflow: visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button, .ui-dialog .ui-dialog-title {
  float: left
}
.ui-datepicker.ui-datepicker-multi {
  width: auto
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0
}
.ui-datepicker-rtl {
  direction: rtl
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px
}
.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative
}
.ui-dialog .ui-dialog-title {
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0;
  padding: 1px;
  height: 20px
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: 0 0;
  overflow: auto
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer
}
.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move
}
.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: 0
}
.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute
}
.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}
.ui-menu .ui-menu-divider {
  margin: 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px .4em;
  line-height: 1.5;
  min-height: 0;
  font-weight: 400
}
.ui-menu .ui-menu-item a.ui-state-active, .ui-menu .ui-menu-item a.ui-state-focus {
  font-weight: 400;
  margin: -1px
}
.ui-menu .ui-state-disabled {
  font-weight: 400;
  margin: .4em 0 .2em;
  line-height: 1.5
}
.ui-menu .ui-state-disabled a {
  cursor: default
}
.ui-menu-icons {
  position: relative
}
.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em
}
.ui-menu .ui-icon {
  position: absolute;
  top: .2em;
  left: .2em
}
.ui-menu .ui-menu-icon {
  position: static;
  float: right
}
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%
}
.ui-progressbar .ui-progressbar-overlay {
  background: url(images/animated-overlay.gif);
  height: 100%;
  filter: alpha(opacity=25);
  opacity: .25
}
.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none
}
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0
}
.ui-spinner-input {
  border: none;
  background: 0 0;
  color: inherit;
  margin: .2em 0;
  margin-left: .4em;
  margin-right: 22px
}
.ui-spinner-button {
  margin: 0;
  cursor: default;
  overflow: hidden;
  right: 0
}
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none
}
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0
}
.ui-spinner-up {
  top: 0
}
.ui-spinner .ui-icon-triangle-1-s {
  background-position: -65px -16px
}
.ui-tabs {
  position: relative;
  padding: .2em
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px
}
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: 0 0
}
.iti-flag, .ui-icon {
  background-repeat: no-repeat
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa
}
#cboxWrapper, .cboxPhoto, .iconpicker-popover.popover, .note-popover.popover {
  max-width: none
}
body .ui-tooltip {
  border-width: 2px
} /*! jQuery UI - v1.10.4 - 2014-03-14
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.slider.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden {
  display: none
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none
}
.ui-helper-clearfix:after, .ui-helper-clearfix:before {
  content: "";
  display: table;
  border-collapse: collapse
}
.ui-helper-clearfix:after {
  clear: both
}
.ui-helper-clearfix {
  min-height: 0
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0)
}
.ui-front {
  z-index: 100
}
.ui-state-disabled {
  cursor: default !important
}
.ui-icon {
  display: block;
  overflow: hidden
}
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.ui-resizable {
  position: relative
}
.ui-resizable-handle {
  position: absolute;
  font-size: .1px;
  display: block
}
.ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle {
  display: none
}
.ui-resizable-n {
  cursor: n-resize;
  width: 100%;
  top: -5px;
  left: 0
}
.ui-resizable-s {
  cursor: s-resize;
  width: 100%;
  bottom: -5px;
  left: 0
}
.ui-resizable-e {
  cursor: e-resize;
  right: -5px;
  top: 0;
  height: 100%
}
.ui-resizable-w {
  cursor: w-resize;
  left: -5px;
  top: 0;
  height: 100%
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px
}
.ui-resizable-sw {
  cursor: sw-resize;
  left: -5px;
  bottom: -5px
}
.ui-resizable-nw {
  cursor: nw-resize;
  left: -5px;
  top: -5px
}
.ui-resizable-ne {
  cursor: ne-resize;
  right: -5px;
  top: -5px
}
.ui-slider {
  position: relative;
  text-align: left
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  cursor: default
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0
}
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0
}
.ui-slider-vertical {
  width: .8em;
  height: 100px
}
.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0
}
.ui-rotatable-handle {
  height: 16px;
  width: 16px;
  cursor: pointer;
  background-image: url(rotate.png);
  background-size: 100%;
  left: 2px;
  bottom: 2px
} /*!
 * Font Awesome Icon Picker
 * https://itsjavi.com/fontawesome-iconpicker/
 *
 * Originally written by (c) 2016 Javi Aguilar
 * Licensed under the MIT License
 * https://github.com/itsjavi/fontawesome-iconpicker/blob/master/LICENSE
 *
 */ .iconpicker-popover.popover {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  padding: 1px;
  text-align: left;
  width: 216px;
  background: #f7f7f7
}
.iconpicker-popover.popover.top, .iconpicker-popover.popover.topLeft, .iconpicker-popover.popover.topLeftCorner, .iconpicker-popover.popover.topRight, .iconpicker-popover.popover.topRightCorner {
  margin-top: -10px
}
.iconpicker-popover.popover.right, .iconpicker-popover.popover.rightBottom, .iconpicker-popover.popover.rightTop {
  margin-left: 10px
}
.iconpicker-popover.popover.bottom, .iconpicker-popover.popover.bottomLeft, .iconpicker-popover.popover.bottomLeftCorner, .iconpicker-popover.popover.bottomRight, .iconpicker-popover.popover.bottomRightCorner {
  margin-top: 10px
}
.iconpicker-popover.popover.left, .iconpicker-popover.popover.leftBottom, .iconpicker-popover.popover.leftTop {
  margin-left: -10px
}
.iconpicker-popover.popover.inline {
  margin: 0 0 12px;
  position: relative;
  display: inline-block;
  opacity: 1;
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
  max-width: 100%;
  box-shadow: none;
  z-index: auto;
  vertical-align: top
}
.iconpicker-popover.popover.inline > .arrow {
  display: none
}
.dropdown-menu .iconpicker-popover.inline {
  margin: 0;
  border: none
}
.dropdown-menu.iconpicker-container {
  padding: 0
}
.iconpicker-popover.popover .popover-title {
  padding: 12px;
  font-size: 13px;
  line-height: 15px;
  border-bottom: 1px solid #ebebeb;
  background-color: #f7f7f7
}
.iconpicker-popover.popover .popover-title input[type=search].iconpicker-search {
  margin: 0 0 2px
}
.iconpicker-popover.popover .popover-title-text ~ input[type=search].iconpicker-search {
  margin-top: 12px
}
.iconpicker-popover.popover .popover-content {
  padding: 0;
  text-align: center
}
.iconpicker-popover .popover-footer {
  float: none;
  clear: both;
  padding: 12px;
  text-align: right;
  margin: 0;
  border-top: 1px solid #ebebeb;
  background-color: #f7f7f7
}
.iconpicker-popover .popover-footer:after, .iconpicker-popover .popover-footer:before {
  content: " ";
  display: table
}
.iconpicker-popover .popover-footer:after {
  clear: both
}
.iconpicker-popover .popover-footer .iconpicker-btn {
  margin-left: 10px
}
.iconpicker-popover .popover-footer input[type=search].iconpicker-search {
  margin-bottom: 12px
}
.iconpicker-popover.popover > .arrow, .iconpicker-popover.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}
.iconpicker-popover.popover > .arrow {
  border-width: 11px
}
.iconpicker-popover.popover > .arrow:after {
  border-width: 10px;
  content: ""
}
.iconpicker-popover.popover.top > .arrow, .iconpicker-popover.popover.topLeft > .arrow, .iconpicker-popover.popover.topRight > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  bottom: -11px
}
.iconpicker-popover.popover.top > .arrow:after, .iconpicker-popover.popover.topLeft > .arrow:after, .iconpicker-popover.popover.topRight > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff
}
.iconpicker-popover.popover.topLeft > .arrow {
  left: 8px;
  margin-left: 0
}
.iconpicker-popover.popover.topRight > .arrow {
  left: auto;
  right: 8px;
  margin-left: 0
}
.iconpicker-popover.popover.right > .arrow, .iconpicker-popover.popover.rightBottom > .arrow, .iconpicker-popover.popover.rightTop > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25)
}
.iconpicker-popover.popover.right > .arrow:after, .iconpicker-popover.popover.rightBottom > .arrow:after, .iconpicker-popover.popover.rightTop > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff
}
.iconpicker-popover.popover.rightTop > .arrow {
  top: auto;
  bottom: 8px;
  margin-top: 0
}
.iconpicker-popover.popover.rightBottom > .arrow {
  top: 8px;
  margin-top: 0
}
.iconpicker-popover.popover.bottom > .arrow, .iconpicker-popover.popover.bottomLeft > .arrow, .iconpicker-popover.popover.bottomRight > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
  top: -11px
}
.iconpicker-popover.popover.bottom > .arrow:after, .iconpicker-popover.popover.bottomLeft > .arrow:after, .iconpicker-popover.popover.bottomRight > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff
}
.iconpicker-popover.popover.bottomLeft > .arrow {
  left: 8px;
  margin-left: 0
}
.iconpicker-popover.popover.bottomRight > .arrow {
  left: auto;
  right: 8px;
  margin-left: 0
}
.iconpicker-popover.popover.left > .arrow, .iconpicker-popover.popover.leftBottom > .arrow, .iconpicker-popover.popover.leftTop > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25)
}
.iconpicker, .iconpicker .iconpicker-items {
  margin: 0;
  position: relative;
  overflow: hidden
}
.iconpicker-popover.popover.left > .arrow:after, .iconpicker-popover.popover.leftBottom > .arrow:after, .iconpicker-popover.popover.leftTop > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px
}
.iconpicker-popover.popover.leftBottom > .arrow {
  top: 8px;
  margin-top: 0
}
.iconpicker-popover.popover.leftTop > .arrow {
  top: auto;
  bottom: 8px;
  margin-top: 0
}
.iconpicker {
  text-align: left;
  line-height: 0;
  display: block
}
.iconpicker .iconpicker-items:after, .iconpicker .iconpicker-items:before, .iconpicker:after, .iconpicker:before {
  content: " ";
  display: table
}
.iconpicker * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  position: relative
}
.iconpicker:after {
  clear: both
}
.iconpicker .iconpicker-items {
  clear: both;
  float: none;
  padding: 12px 0 0 12px;
  background: #fff;
  overflow-y: auto;
  min-height: 49px;
  max-height: 246px
}
.iconpicker .iconpicker-items:after {
  clear: both
}
.iconpicker .iconpicker-item {
  float: left;
  width: 14px;
  height: 14px;
  padding: 12px;
  margin: 0 12px 12px 0;
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
  font-size: 14px;
  box-shadow: 0 0 0 1px #ddd;
  color: inherit
}
.chosen-container, .tm-tag {
  vertical-align: middle;
  font-size: 13px
}
.iconpicker .iconpicker-item:hover:not(.iconpicker-selected) {
  background-color: #eee
}
.iconpicker .iconpicker-item.iconpicker-selected {
  box-shadow: none;
  color: #fff
}
.iconpicker-component {
  cursor: pointer
}
.tm-tag {
  color: #555;
  background-color: #f5f5f5;
  border: 1px solid #bbb;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset;
  display: inline-block;
  border-radius: 3px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 5px 5px 0;
  padding: 4px;
  text-decoration: none;
  transition: border .2s linear 0s, box-shadow .2s linear 0s;
  -moz-transition: border .2s linear 0s, box-shadow .2s linear 0s;
  -webkit-transition: border .2s linear 0s, box-shadow .2s linear 0s
}
.tm-tag .tm-tag-remove {
  color: #000;
  font-weight: 700;
  margin-left: 4px;
  opacity: .2
}
.tm-tag .tm-tag-remove:hover {
  color: #000;
  text-decoration: none;
  opacity: .4
}
.tm-tag.tm-tag-warning {
  color: #945203;
  background-color: #f2c889;
  border-color: #f0a12f
}
.tm-tag.tm-tag-error {
  color: #84212e;
  background-color: #e69ca6;
  border-color: #d24a5d
}
.tm-tag.tm-tag-success {
  color: #638421;
  background-color: #cde69c;
  border-color: #a5d24a
}
.tm-tag.tm-tag-info {
  color: #4594b5;
  background-color: #c5eefa;
  border-color: #5dc8f7
}
.tm-tag.tm-tag-inverse {
  color: #ccc;
  background-color: #555;
  border-color: #333;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2) inset
}
.tm-tag.tm-tag-inverse .tm-tag-remove {
  color: #fff
}
.tm-tag.tm-tag-large {
  font-size: 16.25px;
  border-radius: 4px;
  padding: 11px 7px
}
.tm-tag.tm-tag-small {
  font-size: 11.049999999999999px;
  border-radius: 3px;
  padding: 2px 4px
}
.tm-tag.tm-tag-mini {
  font-size: 9.75px;
  border-radius: 2px;
  padding: 0 2px
}
.tm-tag.tm-tag-plain {
  color: #333;
  box-shadow: none;
  background: 0 0;
  border: none
}
.tm-tag.tm-tag-disabled {
  color: #aaa;
  background-color: #e6e6e6;
  border-color: #ccc;
  box-shadow: none
}
.tm-tag.tm-tag-disabled .tm-tag-remove {
  display: none
}
input[type=text].tm-input {
  margin-bottom: 5px;
  vertical-align: middle !important
}
.control-group.tm-group {
  margin-bottom: 5px
}
.form-horizontal .control-group.tm-group {
  margin-bottom: 15px
}
div.jsoneditor input {
  height: auto;
  border: inherit
}
div.jsoneditor input:focus {
  border: none !important;
  box-shadow: none !important
}
div.jsoneditor table {
  border-collapse: collapse;
  width: auto
}
div.jsoneditor td, div.jsoneditor th {
  padding: 0;
  display: table-cell;
  text-align: left;
  vertical-align: inherit;
  border-radius: inherit
}
div.jsoneditor-field, div.jsoneditor-readonly, div.jsoneditor-value {
  border: 1px solid transparent;
  min-height: 16px;
  min-width: 32px;
  padding: 2px;
  margin: 1px;
  word-wrap: break-word;
  float: left
}
div.jsoneditor-field p, div.jsoneditor-value p {
  margin: 0
}
div.jsoneditor-value {
  word-break: break-word
}
div.jsoneditor-readonly {
  min-width: 16px;
  color: gray
}
div.jsoneditor-empty {
  border-color: #d3d3d3;
  border-style: dashed;
  border-radius: 2px
}
div.jsoneditor-field.jsoneditor-empty::after, div.jsoneditor-value.jsoneditor-empty::after {
  pointer-events: none;
  color: #d3d3d3;
  font-size: 8pt
}
div.jsoneditor-field.jsoneditor-empty::after {
  content: "field"
}
div.jsoneditor-value.jsoneditor-empty::after {
  content: "value"
}
a.jsoneditor-value.jsoneditor-url, div.jsoneditor-value.jsoneditor-url {
  color: green;
  text-decoration: underline
}
a.jsoneditor-value.jsoneditor-url {
  display: inline-block;
  padding: 2px;
  margin: 2px
}
a.jsoneditor-value.jsoneditor-url:focus, a.jsoneditor-value.jsoneditor-url:hover {
  color: #ee422e
}
div.jsoneditor td.jsoneditor-separator {
  padding: 3px 0;
  vertical-align: top;
  color: gray
}
div.jsoneditor-field.jsoneditor-highlight, div.jsoneditor-field[contenteditable=true]:focus, div.jsoneditor-field[contenteditable=true]:hover, div.jsoneditor-value.jsoneditor-highlight, div.jsoneditor-value[contenteditable=true]:focus, div.jsoneditor-value[contenteditable=true]:hover {
  background-color: #FFFFAB;
  border: 1px solid #ff0;
  border-radius: 2px
}
div.jsoneditor-field.jsoneditor-highlight-active, div.jsoneditor-field.jsoneditor-highlight-active:focus, div.jsoneditor-field.jsoneditor-highlight-active:hover, div.jsoneditor-value.jsoneditor-highlight-active, div.jsoneditor-value.jsoneditor-highlight-active:focus, div.jsoneditor-value.jsoneditor-highlight-active:hover {
  background-color: #fe0;
  border: 1px solid #ffc700;
  border-radius: 2px
}
div.jsoneditor-value.jsoneditor-string {
  color: green
}
div.jsoneditor-value.jsoneditor-array, div.jsoneditor-value.jsoneditor-object {
  min-width: 16px;
  color: grey
}
div.jsoneditor-value.jsoneditor-number {
  color: #ee422e
}
div.jsoneditor-value.jsoneditor-boolean {
  color: #ff8c00
}
div.jsoneditor-value.jsoneditor-null {
  color: #004ED0
}
div.jsoneditor-value.jsoneditor-invalid {
  color: #000
}
div.jsoneditor-tree button {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
  background: url(img/jsoneditor-icons.svg)
}
div.jsoneditor-mode-form tr.jsoneditor-expandable td.jsoneditor-tree, div.jsoneditor-mode-view tr.jsoneditor-expandable td.jsoneditor-tree {
  cursor: pointer
}
div.jsoneditor-tree button.jsoneditor-collapsed {
  background-position: 0 -48px
}
div.jsoneditor-tree button.jsoneditor-expanded {
  background-position: 0 -72px
}
div.jsoneditor-tree button.jsoneditor-contextmenu {
  background-position: -48px -72px
}
div.jsoneditor-tree button.jsoneditor-contextmenu.jsoneditor-selected, div.jsoneditor-tree button.jsoneditor-contextmenu:focus, div.jsoneditor-tree button.jsoneditor-contextmenu:hover, tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu {
  background-position: -48px -48px
}
div.jsoneditor-tree :focus {
  outline: 0
}
div.jsoneditor-tree button:focus {
  background-color: #f5f5f5;
  outline: #e5e5e5 solid 1px
}
div.jsoneditor-tree button.jsoneditor-invisible {
  visibility: hidden;
  background: 0 0
}
div.jsoneditor {
  color: #1A1A1A;
  border: 1px solid #3883fa;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  padding: 0;
  line-height: 100%
}
div.jsoneditor-tree table.jsoneditor-tree {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 0
}
div.jsoneditor-outer {
  width: 100%;
  height: 100%;
  margin: -35px 0 0;
  padding: 35px 0 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.chosen-container .chosen-drop, div.jsoneditor-menu, textarea.jsoneditor-text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.ace-jsoneditor, textarea.jsoneditor-text {
  min-height: 150px
}
div.jsoneditor-tree {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto
}
textarea.jsoneditor-text {
  width: 100%;
  height: 100%;
  margin: 0;
  box-sizing: border-box;
  outline-width: 0;
  border: none;
  background-color: #fff;
  resize: none
}
tr.jsoneditor-highlight, tr.jsoneditor-selected {
  background-color: #e6e6e6
}
tr.jsoneditor-selected button.jsoneditor-contextmenu, tr.jsoneditor-selected button.jsoneditor-dragarea {
  visibility: hidden
}
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu, tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea {
  visibility: visible
}
div.jsoneditor-tree button.jsoneditor-dragarea {
  background: url(img/jsoneditor-icons.svg) -72px -72px;
  cursor: move
}
div.jsoneditor-tree button.jsoneditor-dragarea:focus, div.jsoneditor-tree button.jsoneditor-dragarea:hover, tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea {
  background-position: -72px -48px
}
div.jsoneditor td, div.jsoneditor th, div.jsoneditor tr {
  padding: 0;
  margin: 0
}
div.jsoneditor td, div.jsoneditor td.jsoneditor-tree {
  vertical-align: top
}
.jsoneditor-schema-error, div.jsoneditor td, div.jsoneditor textarea, div.jsoneditor th, div.jsoneditor-field, div.jsoneditor-value {
  font-family: droid sans mono, consolas, monospace, courier new, courier, sans-serif;
  font-size: 10pt;
  color: #1A1A1A
}
.jsoneditor-schema-error {
  cursor: default;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: 24px
}
div.jsoneditor-tree .jsoneditor-schema-error {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 4px 0 0;
  background: url(img/jsoneditor-icons.svg) -168px -48px
}
.jsoneditor-schema-error .jsoneditor-popover {
  background-color: #4c4c4c;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  color: #fff;
  display: none;
  padding: 7px 10px;
  position: absolute;
  width: 200px;
  z-index: 4
}
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-above {
  bottom: 32px;
  left: -98px
}
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-below {
  top: 32px;
  left: -98px
}
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-left {
  top: -7px;
  right: 32px
}
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-right {
  top: -7px;
  left: 32px
}
.jsoneditor-schema-error .jsoneditor-popover:before {
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  display: block;
  left: 50%;
  margin-left: -7px;
  position: absolute
}
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-above:before {
  border-top: 7px solid #4c4c4c;
  bottom: -7px
}
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-below:before {
  border-bottom: 7px solid #4c4c4c;
  top: -7px
}
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-left:before, .jsoneditor-schema-error .jsoneditor-popover.jsoneditor-right:before {
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  content: '';
  top: 19px;
  margin-left: inherit;
  margin-top: -7px;
  position: absolute
}
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-left:before {
  border-left: 7px solid #4c4c4c;
  right: -14px;
  left: inherit
}
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-right:before {
  border-right: 7px solid #4c4c4c;
  left: -14px
}
.jsoneditor-schema-error:focus .jsoneditor-popover, .jsoneditor-schema-error:hover .jsoneditor-popover {
  display: block;
  -webkit-animation: fade-in .3s linear 1, move-up .3s linear 1;
  -moz-animation: fade-in .3s linear 1, move-up .3s linear 1;
  -ms-animation: fade-in .3s linear 1, move-up .3s linear 1
}
@-moz-keyframes fade-in {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@-ms-keyframes fade-in {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
.jsoneditor .jsoneditor-text-errors {
  width: 100%;
  border-collapse: collapse;
  background-color: #ffef8b;
  border-top: 1px solid gold
}
.jsoneditor .jsoneditor-text-errors td {
  padding: 3px 6px;
  vertical-align: middle
}
.jsoneditor-text-errors .jsoneditor-schema-error {
  border: none;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 4px 0 0;
  background: url(img/jsoneditor-icons.svg) -168px -48px
}
div.jsoneditor-contextmenu-root {
  position: relative;
  width: 0;
  height: 0
}
div.jsoneditor-contextmenu {
  position: absolute;
  box-sizing: content-box;
  z-index: 99999
}
div.jsoneditor-contextmenu li, div.jsoneditor-contextmenu ul {
  box-sizing: content-box
}
div.jsoneditor-contextmenu ul {
  position: relative;
  left: 0;
  top: 0;
  width: 124px;
  background: #fff;
  border: 1px solid #d3d3d3;
  box-shadow: 2px 2px 12px rgba(128, 128, 128, .3);
  list-style: none;
  margin: 0;
  padding: 0
}
div.jsoneditor-contextmenu ul li button {
  padding: 0;
  margin: 0;
  width: 124px;
  height: 24px;
  border: none;
  cursor: pointer;
  color: #4d4d4d;
  background: 0 0;
  font-size: 10pt;
  font-family: arial, sans-serif;
  box-sizing: border-box;
  line-height: 26px;
  text-align: left
}
div.jsoneditor-contextmenu ul li button::-moz-focus-inner {
  padding: 0;
  border: 0
}
div.jsoneditor-contextmenu ul li button:focus, div.jsoneditor-contextmenu ul li button:hover {
  color: #1a1a1a;
  background-color: #f5f5f5;
  outline: 0
}
div.jsoneditor-contextmenu ul li button.jsoneditor-default {
  width: 92px
}
div.jsoneditor-contextmenu ul li button.jsoneditor-expand {
  float: right;
  width: 32px;
  height: 24px;
  border-left: 1px solid #e5e5e5
}
div.jsoneditor-contextmenu div.jsoneditor-icon {
  float: left;
  width: 24px;
  height: 24px;
  border: none;
  padding: 0;
  margin: 0;
  background-image: url(img/jsoneditor-icons.svg)
}
div.jsoneditor-contextmenu ul li button div.jsoneditor-expand {
  float: right;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 4px 0 0;
  background: url(img/jsoneditor-icons.svg) 0 -72px;
  opacity: .4
}
div.jsoneditor-contextmenu ul li button.jsoneditor-expand:focus div.jsoneditor-expand, div.jsoneditor-contextmenu ul li button.jsoneditor-expand:hover div.jsoneditor-expand, div.jsoneditor-contextmenu ul li button:focus div.jsoneditor-expand, div.jsoneditor-contextmenu ul li button:hover div.jsoneditor-expand, div.jsoneditor-contextmenu ul li.jsoneditor-selected div.jsoneditor-expand {
  opacity: 1
}
div.jsoneditor-contextmenu div.jsoneditor-separator {
  height: 0;
  border-top: 1px solid #e5e5e5;
  padding-top: 5px;
  margin-top: 5px
}
div.jsoneditor-contextmenu button.jsoneditor-remove > div.jsoneditor-icon {
  background-position: -24px -24px
}
div.jsoneditor-contextmenu button.jsoneditor-remove:focus > div.jsoneditor-icon, div.jsoneditor-contextmenu button.jsoneditor-remove:hover > div.jsoneditor-icon {
  background-position: -24px 0
}
div.jsoneditor-contextmenu button.jsoneditor-append > div.jsoneditor-icon {
  background-position: 0 -24px
}
div.jsoneditor-contextmenu button.jsoneditor-append:focus > div.jsoneditor-icon, div.jsoneditor-contextmenu button.jsoneditor-append:hover > div.jsoneditor-icon {
  background-position: 0 0
}
div.jsoneditor-contextmenu button.jsoneditor-insert > div.jsoneditor-icon {
  background-position: 0 -24px
}
.iti-flag.ac, div.jsoneditor-contextmenu button.jsoneditor-insert:focus > div.jsoneditor-icon, div.jsoneditor-contextmenu button.jsoneditor-insert:hover > div.jsoneditor-icon {
  background-position: 0 0
}
div.jsoneditor-contextmenu button.jsoneditor-duplicate > div.jsoneditor-icon {
  background-position: -48px -24px
}
div.jsoneditor-contextmenu button.jsoneditor-duplicate:focus > div.jsoneditor-icon, div.jsoneditor-contextmenu button.jsoneditor-duplicate:hover > div.jsoneditor-icon {
  background-position: -48px 0
}
div.jsoneditor-contextmenu button.jsoneditor-sort-asc > div.jsoneditor-icon {
  background-position: -168px -24px
}
div.jsoneditor-contextmenu button.jsoneditor-sort-asc:focus > div.jsoneditor-icon, div.jsoneditor-contextmenu button.jsoneditor-sort-asc:hover > div.jsoneditor-icon {
  background-position: -168px 0
}
div.jsoneditor-contextmenu button.jsoneditor-sort-desc > div.jsoneditor-icon {
  background-position: -192px -24px
}
div.jsoneditor-contextmenu button.jsoneditor-sort-desc:focus > div.jsoneditor-icon, div.jsoneditor-contextmenu button.jsoneditor-sort-desc:hover > div.jsoneditor-icon {
  background-position: -192px 0
}
div.jsoneditor-contextmenu ul li button.jsoneditor-selected, div.jsoneditor-contextmenu ul li button.jsoneditor-selected:focus, div.jsoneditor-contextmenu ul li button.jsoneditor-selected:hover {
  color: #fff;
  background-color: #ee422e
}
div.jsoneditor-contextmenu ul li {
  overflow: hidden
}
div.jsoneditor-contextmenu ul li ul {
  display: none;
  position: relative;
  left: -10px;
  top: 0;
  border: none;
  box-shadow: inset 0 0 10px rgba(128, 128, 128, .5);
  padding: 0 10px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out
}
div.jsoneditor-contextmenu ul li ul li button {
  padding-left: 24px;
  animation: all ease-in-out 1s
}
div.jsoneditor-contextmenu ul li ul li button:focus, div.jsoneditor-contextmenu ul li ul li button:hover {
  background-color: #f5f5f5
}
div.jsoneditor-contextmenu button.jsoneditor-type-string > div.jsoneditor-icon {
  background-position: -144px -24px
}
div.jsoneditor-contextmenu button.jsoneditor-type-string.jsoneditor-selected > div.jsoneditor-icon, div.jsoneditor-contextmenu button.jsoneditor-type-string:focus > div.jsoneditor-icon, div.jsoneditor-contextmenu button.jsoneditor-type-string:hover > div.jsoneditor-icon {
  background-position: -144px 0
}
div.jsoneditor-contextmenu button.jsoneditor-type-auto > div.jsoneditor-icon {
  background-position: -120px -24px
}
div.jsoneditor-contextmenu button.jsoneditor-type-auto.jsoneditor-selected > div.jsoneditor-icon, div.jsoneditor-contextmenu button.jsoneditor-type-auto:focus > div.jsoneditor-icon, div.jsoneditor-contextmenu button.jsoneditor-type-auto:hover > div.jsoneditor-icon {
  background-position: -120px 0
}
div.jsoneditor-contextmenu button.jsoneditor-type-object > div.jsoneditor-icon {
  background-position: -72px -24px
}
div.jsoneditor-contextmenu button.jsoneditor-type-object.jsoneditor-selected > div.jsoneditor-icon, div.jsoneditor-contextmenu button.jsoneditor-type-object:focus > div.jsoneditor-icon, div.jsoneditor-contextmenu button.jsoneditor-type-object:hover > div.jsoneditor-icon {
  background-position: -72px 0
}
div.jsoneditor-contextmenu button.jsoneditor-type-array > div.jsoneditor-icon {
  background-position: -96px -24px
}
div.jsoneditor-contextmenu button.jsoneditor-type-array.jsoneditor-selected > div.jsoneditor-icon, div.jsoneditor-contextmenu button.jsoneditor-type-array:focus > div.jsoneditor-icon, div.jsoneditor-contextmenu button.jsoneditor-type-array:hover > div.jsoneditor-icon {
  background-position: -96px 0
}
div.jsoneditor-contextmenu button.jsoneditor-type-modes > div.jsoneditor-icon {
  background-image: none;
  width: 6px
}
div.jsoneditor-menu {
  width: 100%;
  height: 35px;
  padding: 2px;
  margin: 0;
  box-sizing: border-box;
  color: #fff;
  background-color: #3883fa;
  border-bottom: 1px solid #3883fa
}
div.jsoneditor-menu > button, div.jsoneditor-menu > div.jsoneditor-modes > button {
  width: 26px;
  height: 26px;
  margin: 2px;
  padding: 0;
  border-radius: 2px;
  border: 1px solid transparent;
  background: url(img/jsoneditor-icons.svg);
  color: #fff;
  opacity: .8;
  font-family: arial, sans-serif;
  font-size: 10pt;
  float: left
}
.es-list li[disabled], .modal-header .close, div.jsoneditor-menu > button:disabled, div.jsoneditor-menu > div.jsoneditor-modes > button:disabled {
  opacity: .5
}
div.jsoneditor-menu > button:hover, div.jsoneditor-menu > div.jsoneditor-modes > button:hover {
  background-color: rgba(255, 255, 255, .2);
  border: 1px solid rgba(255, 255, 255, .4)
}
div.jsoneditor-menu > button:active, div.jsoneditor-menu > button:focus, div.jsoneditor-menu > div.jsoneditor-modes > button:active, div.jsoneditor-menu > div.jsoneditor-modes > button:focus {
  background-color: rgba(255, 255, 255, .3)
}
div.jsoneditor-menu > button.jsoneditor-collapse-all {
  background-position: 0 -96px
}
div.jsoneditor-menu > button.jsoneditor-expand-all {
  background-position: 0 -120px
}
div.jsoneditor-menu > button.jsoneditor-undo {
  background-position: -24px -96px
}
div.jsoneditor-menu > button.jsoneditor-undo:disabled {
  background-position: -24px -120px
}
div.jsoneditor-menu > button.jsoneditor-redo {
  background-position: -48px -96px
}
div.jsoneditor-menu > button.jsoneditor-redo:disabled {
  background-position: -48px -120px
}
div.jsoneditor-menu > button.jsoneditor-compact {
  background-position: -72px -96px
}
div.jsoneditor-menu > button.jsoneditor-format {
  background-position: -72px -120px
}
div.jsoneditor-menu > div.jsoneditor-modes {
  display: inline-block;
  float: left
}
div.jsoneditor-menu > div.jsoneditor-modes > button {
  background-image: none;
  width: auto;
  padding-left: 6px;
  padding-right: 6px
}
div.jsoneditor-menu > button.jsoneditor-separator, div.jsoneditor-menu > div.jsoneditor-modes > button.jsoneditor-separator {
  margin-left: 10px
}
div.jsoneditor-menu a {
  font-family: arial, sans-serif;
  font-size: 10pt;
  color: #fff;
  opacity: .8;
  vertical-align: middle
}
div.jsoneditor-menu a:hover {
  opacity: 1
}
div.jsoneditor-menu a.jsoneditor-poweredBy {
  font-size: 8pt;
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px
}
table.jsoneditor-search div.jsoneditor-results, table.jsoneditor-search input {
  font-family: arial, sans-serif;
  font-size: 10pt;
  color: #1A1A1A;
  background: 0 0
}
table.jsoneditor-search div.jsoneditor-results {
  color: #fff;
  padding-right: 5px;
  line-height: 24px
}
table.jsoneditor-search {
  position: absolute;
  right: 4px;
  top: 4px;
  border-collapse: collapse;
  border-spacing: 0
}
table.jsoneditor-search div.jsoneditor-frame {
  border: 1px solid transparent;
  background-color: #fff;
  padding: 0 2px;
  margin: 0
}
table.jsoneditor-search div.jsoneditor-frame table {
  border-collapse: collapse
}
table.jsoneditor-search input {
  width: 120px;
  border: none;
  outline: 0;
  margin: 1px;
  line-height: 20px
}
table.jsoneditor-search button {
  width: 16px;
  height: 24px;
  padding: 0;
  margin: 0;
  border: none;
  background: url(img/jsoneditor-icons.svg);
  vertical-align: top
}
table.jsoneditor-search button:hover {
  background-color: transparent
}
table.jsoneditor-search button.jsoneditor-refresh {
  width: 18px;
  background-position: -99px -73px
}
table.jsoneditor-search button.jsoneditor-next {
  cursor: pointer;
  background-position: -124px -73px
}
table.jsoneditor-search button.jsoneditor-next:hover {
  background-position: -124px -49px
}
table.jsoneditor-search button.jsoneditor-previous {
  cursor: pointer;
  background-position: -148px -73px;
  margin-right: 2px
}
table.jsoneditor-search button.jsoneditor-previous:hover {
  background-position: -148px -49px
} /*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */ .bootstrap-timepicker {
  position: relative
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
  left: auto;
  right: 0
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
  left: auto;
  right: 12px
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
  left: auto;
  right: 13px
}
.bootstrap-timepicker .add-on {
  cursor: pointer
}
.bootstrap-timepicker .add-on i {
  display: inline-block;
  width: 16px;
  height: 16px
}
.bootstrap-timepicker-widget.dropdown-menu {
  padding: 2px 3px 2px 2px
}
.bootstrap-timepicker-widget.dropdown-menu.open {
  display: inline-block
}
.bootstrap-timepicker-widget.dropdown-menu:before {
  border-bottom: 7px solid rgba(0, 0, 0, .2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: inline-block;
  left: 9px;
  position: absolute;
  top: -7px
}
.bootstrap-timepicker-widget.dropdown-menu:after, .colorpicker:after {
  display: inline-block;
  border-right: 6px solid transparent;
  position: absolute
}
.bootstrap-timepicker-widget.dropdown-menu:after {
  border-bottom: 6px solid #FFF;
  border-left: 6px solid transparent;
  content: "";
  left: 10px;
  top: -6px
}
.bootstrap-timepicker-widget a.btn, .bootstrap-timepicker-widget input {
  border-radius: 4px
}
.bootstrap-timepicker-widget table {
  width: 100%;
  margin: 0
}
.bootstrap-timepicker-widget table td {
  text-align: center;
  height: 30px;
  margin: 0;
  padding: 2px
}
.bootstrap-timepicker-widget table td:not(.separator) {
  min-width: 30px
}
.bootstrap-timepicker-widget table td span {
  width: 100%
}
.bootstrap-timepicker-widget table td a {
  border: 1px solid transparent;
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 8px 0;
  outline: 0;
  color: #333
}
.bootstrap-timepicker-widget table td a:hover {
  text-decoration: none;
  background-color: #eee;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-color: #ddd
}
.bootstrap-timepicker-widget table td a i {
  margin-top: 2px
}
.bootstrap-timepicker-widget table td input {
  width: 25px;
  margin: 0;
  text-align: center
}
.bootstrap-timepicker-widget .modal-content {
  padding: 4px
}
@media (min-width:767px) {
  .bootstrap-timepicker-widget.modal {
    width: 200px;
    margin-left: -100px
  }
}
@media (max-width:767px) {
  .bootstrap-timepicker, .bootstrap-timepicker .dropdown-menu {
    width: 100%
  }
} /*!
* Colorpicker for Bootstrap
*
* Copyright 2012 Stefan Petre
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
*/ .colorpicker-saturation {
  width: 100px;
  height: 100px;
  background-image: url(img/saturation.png);
  cursor: crosshair;
  float: left
}
.colorpicker-saturation i {
  display: block;
  height: 5px;
  width: 5px;
  border: 1px solid #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  margin: -4px 0 0 -4px
}
.colorpicker-saturation i b {
  display: block;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px
}
.colorpicker-alpha, .colorpicker-hue {
  width: 15px;
  height: 100px;
  float: left;
  cursor: row-resize;
  margin-left: 4px;
  margin-bottom: 4px
}
.colorpicker-alpha i, .colorpicker-hue i {
  display: block;
  height: 1px;
  background: #000;
  border-top: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -1px
}
.colorpicker-hue {
  background-image: url(img/hue.png)
}
.colorpicker-alpha, .colorpicker-color {
  background-image: url(img/alpha.png)
}
.colorpicker-alpha {
  display: none
}
.colorpicker {
  top: 0;
  left: 0;
  padding: 4px;
  min-width: 120px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}
.colorpicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, .2);
  position: absolute;
  top: -7px;
  left: 6px
}
.colorpicker:after {
  clear: both;
  content: '';
  border-left: 6px solid transparent;
  border-bottom: 6px solid #fff;
  top: -6px;
  left: 7px
}
.chosen-container, .colorpicker div {
  position: relative
}
.colorpicker.alpha {
  min-width: 140px
}
.colorpicker.alpha .colorpicker-alpha {
  display: block
}
.colorpicker-color {
  height: 10px;
  margin-top: 5px;
  clear: both;
  background-position: 0 100%
}
.colorpicker-color div {
  height: 10px
}
.input-append.color .add-on i, .input-prepend.color .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px
}
.chosen-container {
  display: inline-block;
  zoom: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, .15)
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0
}
.chosen-container a {
  cursor: pointer
}
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  padding: 0 0 0 8px;
  height: 23px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  background: linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px
}
.chosen-container-single .chosen-default {
  color: #999
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(chosen-sprite.png) -42px 1px no-repeat;
  font-size: 1px
}
.chosen-container-single .chosen-single abbr:hover, .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url(chosen-sprite.png) 0 2px no-repeat
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap
}
.chosen-container-single .chosen-search input[type=text] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: url(chosen-sprite.png) 100% -20px no-repeat #fff;
  background: url(chosen-sprite.png) 100% -20px no-repeat, -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
  background: url(chosen-sprite.png) 100% -20px no-repeat, -webkit-linear-gradient(#eee 1%, #fff 15%);
  background: url(chosen-sprite.png) 100% -20px no-repeat, -moz-linear-gradient(#eee 1%, #fff 15%);
  background: url(chosen-sprite.png) 100% -20px no-repeat, -o-linear-gradient(#eee 1%, #fff 15%);
  background: url(chosen-sprite.png) 100% -20px no-repeat, linear-gradient(#eee 1%, #fff 15%);
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px
}
.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default
}
.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff
}
.chosen-container .chosen-results li.no-results {
  display: list-item;
  background: #f4f4f4
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: 700;
  cursor: default
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline
}
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: -webkit-linear-gradient(#eee 1%, #fff 15%);
  background-image: -moz-linear-gradient(#eee 1%, #fff 15%);
  background-image: -o-linear-gradient(#eee 1%, #fff 15%);
  background-image: linear-gradient(#eee 1%, #fff 15%);
  cursor: text
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap
}
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
  margin: 1px 0;
  padding: 5px;
  height: 15px;
  outline: 0;
  border: 0 !important;
  background: 0 0 !important;
  box-shadow: none;
  color: #666;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0
}
.chosen-container-multi .chosen-choices li.search-field .default, .intl-tel-input .country-list .country .dial-code {
  color: #999
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  border-radius: 3px;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-clip: padding-box;
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
  color: #333;
  line-height: 13px;
  cursor: default
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(chosen-sprite.png) -42px 1px no-repeat;
  font-size: 1px
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  color: #666
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default
}
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #eee), color-stop(80%, #fff));
  background-image: -webkit-linear-gradient(#eee 20%, #fff 80%);
  background-image: -moz-linear-gradient(#eee 20%, #fff 80%);
  background-image: -o-linear-gradient(#eee 20%, #fff 80%);
  background-image: linear-gradient(#eee 20%, #fff 80%);
  box-shadow: 0 1px 0 #fff inset
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: 0 0
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}
.chosen-container-active .chosen-choices li.search-field input[type=text] {
  color: #111 !important
}
.chosen-disabled {
  opacity: .5 !important;
  cursor: default
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close, .chosen-disabled .chosen-single {
  cursor: default
}
.chosen-rtl {
  text-align: right
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px
}
.chosen-rtl .chosen-choices li {
  float: right
}
.chosen-rtl .chosen-choices li.search-field input[type=text] {
  direction: rtl
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px
}
.chosen-rtl .chosen-drop, .chosen-rtl.chosen-container-single-nosearch .chosen-search {
  left: 9999px
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none
}
.chosen-rtl .chosen-search input[type=text] {
  padding: 4px 5px 4px 20px;
  background: url(chosen-sprite.png) -30px -20px no-repeat #fff;
  background: url(chosen-sprite.png) -30px -20px no-repeat, -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
  background: url(chosen-sprite.png) -30px -20px no-repeat, -webkit-linear-gradient(#eee 1%, #fff 15%);
  background: url(chosen-sprite.png) -30px -20px no-repeat, -moz-linear-gradient(#eee 1%, #fff 15%);
  background: url(chosen-sprite.png) -30px -20px no-repeat, -o-linear-gradient(#eee 1%, #fff 15%);
  background: url(chosen-sprite.png) -30px -20px no-repeat, linear-gradient(#eee 1%, #fff 15%);
  direction: rtl
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:144dpi) {
  .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span, .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container-single .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-rtl .chosen-search input[type=text] {
    background-image: url(chosen-sprite@2x.png) !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important
  }
}
#gritter-notice-wrapper {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 301px;
  z-index: 9999
}
#gritter-notice-wrapper.top-left {
  left: 20px;
  right: auto
}
#gritter-notice-wrapper.bottom-right {
  top: auto;
  left: auto;
  bottom: 20px;
  right: 20px
}
#gritter-notice-wrapper.bottom-left {
  top: auto;
  right: auto;
  bottom: 20px;
  left: 20px
}
.gritter-item-wrapper {
  position: relative;
  margin: 0 0 10px
}
.gritter-top {
  background: url(../images/gritter.png) left -30px no-repeat;
  height: 10px
}
.hover .gritter-top {
  background-position: right -30px
}
.gritter-bottom {
  background: url(../images/gritter.png) left bottom no-repeat;
  height: 8px;
  margin: 0
}
.hover .gritter-bottom {
  background-position: bottom right
}
.gritter-item {
  display: block;
  background: url(../images/gritter.png) left -40px no-repeat;
  color: #eee;
  padding: 2px 11px 8px;
  font-size: 11px;
  font-family: verdana
}
.hover .gritter-item {
  background-position: right -40px
}
.gritter-item p {
  padding: 0;
  margin: 0;
  word-wrap: break-word
}
.gritter-close {
  display: none;
  position: absolute;
  top: 5px;
  left: 3px;
  background: url(../images/gritter.png) left top no-repeat;
  cursor: pointer;
  width: 30px;
  height: 30px
}
.gritter-title {
  font-size: 14px;
  font-weight: 700;
  padding: 0 0 7px;
  display: block;
  text-shadow: 1px 1px 0 #000
}
.gritter-image {
  width: 48px;
  height: 48px;
  float: left
}
.gritter-with-image, .gritter-without-image {
  padding: 0
}
.gritter-with-image {
  width: 220px;
  float: right
}
.gritter-light .gritter-bottom, .gritter-light .gritter-close, .gritter-light .gritter-item, .gritter-light .gritter-top {
  background-image: url(../images/gritter-light.png);
  color: #222
}
.gritter-light .gritter-title {
  text-shadow: none
}
.fileinput-button {
  position: relative;
  overflow: hidden
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(-300px, 0) scale(4);
  font-size: 23px;
  direction: ltr;
  cursor: pointer
}
.fileupload-buttonbar .btn, .fileupload-buttonbar .toggle {
  margin-bottom: 5px
}
.progress-animated .bar, .progress-animated .progress-bar {
  background: url(../img/progressbar.gif) !important;
  filter: none
}
.fileupload-loading {
  float: right;
  width: 32px;
  height: 32px;
  background: url(../img/loading.gif) center no-repeat;
  background-size: contain;
  display: none
}
.fileupload-processing .fileupload-loading {
  display: block
}
.files audio, .files video {
  max-width: 300px
}
@media (max-width:767px) {
  .files .btn span, .files .toggle, .fileupload-buttonbar .toggle {
    display: none
  }
  .files .name {
    width: 80px;
    word-wrap: break-word
  }
  .files audio, .files video {
    max-width: 80px
  }
}
.tree {
  margin: auto;
  padding: 0 0 0 9px;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative
}
.tree:before {
  display: inline-block;
  content: '';
  position: absolute;
  top: -20px;
  bottom: 16px;
  left: 0;
  z-index: 1;
  border-width: 0 0 0 1px
}
.tree .tree-branch-name, .tree .tree-item-name {
  cursor: pointer
}
.tree .icon-caret {
  vertical-align: baseline !important
}
.tree .tree-branch {
  width: auto;
  min-height: 20px
}
.tree .tree-branch .tree-branch-header {
  position: relative;
  line-height: 20px;
  border-radius: 0
}
.tree .tree-branch .tree-branch-header:hover {
  background-color: rgba(98, 168, 209, .1)
}
.tree .tree-branch .icon-caret + .tree-branch-header {
  display: inline-block;
  width: 80%;
  width: calc(100% - 36px)
}
.tree .tree-branch.tree-selected > .tree-branch-header {
  background-color: rgba(98, 168, 209, .18)
}
.tree .tree-branch .tree-branch-header .tree-branch-name, .tree .tree-item .tree-item-name {
  display: inline;
  z-index: 2
}
.tree .tree-branch .tree-branch-header > .tree-branch-name > .ace-icon:first-child, .tree .tree-item > .tree-item-name > .ace-icon:first-child {
  display: inline-block;
  position: relative;
  z-index: 2;
  top: -1px
}
.tree .tree-branch > .tree-branch-header > .tree-branch-name > .tree-label {
  margin-left: 2px
}
.tree .tree-branch > .tree-branch-header > .tree-branch-name > .ace-icon:first-child {
  margin: -2px 0 0 -2px
}
.tree .tree-branch:last-child:after {
  display: inline-block;
  content: '';
  position: absolute;
  z-index: 1;
  top: 15px;
  bottom: 0;
  left: -15px;
  border-left: 1px solid #fff
}
.tree .tree-branch .tree-branch-children {
  margin: 0 0 0 23px;
  padding: 0;
  position: relative
}
.tree .tree-branch .tree-branch-children:before {
  display: inline-block;
  content: '';
  position: absolute;
  z-index: 1;
  top: -14px;
  bottom: 16px;
  left: -14px;
  border-width: 0 0 0 1px
}
.tree .tree-branch.tree-selected > .icon-caret + .tree-branch-header > .tree-branch-name > .tree-label {
  font-weight: 700
}
.tree .tree-item {
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  max-width: calc(100% - 20px)
}
.tree .tree-item:hover {
  background-color: rgba(98, 168, 209, .1)
}
.tree .tree-item.tree-selected, .tree .tree-item.tree-selected:hover {
  background-color: rgba(98, 168, 209, .16)
}
.tree .tree-item > .tree-item-name > .ace-icon:first-child {
  margin-right: 3px
}
.tree .tree-item > .tree-item-name > .tree-label > .ace-icon:first-child {
  margin-left: 3px;
  margin-right: 3px
}
.tree .tree-item > .ace-icon:first-child {
  margin-top: -1px
}
.tree .tree-branch, .tree .tree-item {
  position: relative;
  list-style: none;
  border-left: 1px solid #fff;
  margin: 1px 0
}
.tree .tree-branch:before, .tree .tree-item:before {
  display: inline-block;
  content: '';
  position: absolute;
  top: 14px;
  left: -13px;
  width: 18px;
  height: 0;
  z-index: 1
}
.tree .tree-branch .tree-branch-header, .tree .tree-item {
  padding: 5px;
  color: #4d6878;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}
.tree .tree-item > .tree-item-name > .ace-icon:first-child {
  color: #f9e8ce;
  width: 13px;
  height: 13px;
  line-height: 13px;
  font-size: 11px;
  text-align: center;
  border-radius: 3px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-color: #fafafa;
  border: 1px solid #ccc;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05)
}
.tree .tree-selected > .tree-item-name > .ace-icon:first-child {
  background-color: #f9a021;
  border-color: #f9a021;
  color: #fff
}
.tree .tree-minus.ace-icon:first-child, .tree .tree-plus.ace-icon:first-child {
  display: inline-block;
  font-style: normal;
  vertical-align: middle;
  height: 11px;
  width: 11px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  text-align: center;
  border: 1px solid #8baebf;
  line-height: 10px;
  background-color: #fff;
  position: relative;
  z-index: 2
}
.tree .tree-minus.ace-icon:first-child:before, .tree .tree-plus.ace-icon:first-child:before {
  content: '';
  display: block;
  width: 7px;
  height: 0;
  border-top: 1px solid #4d6878;
  position: absolute;
  top: 5px;
  left: 2px
}
.tree .tree-plus.ace-icon:first-child:after {
  content: '';
  display: block;
  height: 7px;
  width: 0;
  border-left: 1px solid #4d6878;
  position: absolute;
  top: 2px;
  left: 5px
}
.tree .tree-unselectable .tree-item > .tree-item-name > .tree-label > .ace-icon:first-child {
  color: #5084a0;
  width: 13px;
  height: 13px;
  line-height: 13px;
  font-size: 10px;
  text-align: center;
  border-radius: 0;
  background-color: transparent;
  border: none;
  box-shadow: none
}
.tree .ace-icon[class*='-down'] {
  transform: rotate(-45deg)
}
.tree .ace-icon[class*='-download'] {
  transform: none
}
.tree .fa-spin {
  height: auto
}
.tree .tree-loading {
  margin-left: 36px
}
.tree img {
  display: inline;
  veritcal-align: middle
}
.tree .icon-open {
  width: 16px;
  position: relative;
  z-index: 2;
  padding-left: 2px
}
.tree .tree .tree-open > .tree-branch-header .icon-open {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg)
}
.intl-tel-input {
  position: relative;
  display: inline-block
}
.intl-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box
}
.intl-tel-input .hide {
  display: none
}
.intl-tel-input .v-hide {
  visibility: hidden
}
.intl-tel-input input, .intl-tel-input input[type=tel], .intl-tel-input input[type=text] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0
}
.intl-tel-input .flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px
}
.intl-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px
}
.intl-tel-input .selected-flag .iti-arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555
}
.intl-tel-input .selected-flag .iti-arrow.up {
  border-top: none;
  border-bottom: 4px solid #555
}
.intl-tel-input .country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
  background-color: #fff;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll
}
.intl-tel-input .country-list .country.highlight, .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background-color: rgba(0, 0, 0, .05)
}
.intl-tel-input .country-list.dropup {
  bottom: 100%;
  margin-bottom: -1px
}
.intl-tel-input .country-list .flag-box {
  display: inline-block;
  width: 20px
}
@media (max-width:500px) {
  .intl-tel-input .country-list {
    white-space: normal
  }
}
.intl-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC
}
.intl-tel-input .country-list .country {
  padding: 5px 10px
}
.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code, .intl-tel-input .country-list .flag-box {
  vertical-align: middle
}
.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .flag-box {
  margin-right: 6px
}
.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=tel], .intl-tel-input.separate-dial-code input[type=text] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0
}
.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
  right: auto;
  left: 0
}
.intl-tel-input.allow-dropdown .flag-container:hover {
  cursor: pointer
}
.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
  cursor: default
}
.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
  background-color: transparent
}
.intl-tel-input.separate-dial-code .selected-flag {
  background-color: rgba(0, 0, 0, .05)
}
.intl-tel-input.separate-dial-code .selected-dial-code {
  margin-left: 6px
}
.intl-tel-input.iti-container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px
}
.intl-tel-input.iti-container:hover {
  cursor: pointer
}
.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed
}
.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%
}
.iti-mobile .intl-tel-input .country-list .country {
  padding: 10px;
  line-height: 1.5em
}
.iti-flag {
  width: 20px
}
.iti-flag.be {
  width: 18px
}
.iti-flag.ch {
  width: 15px
}
.iti-flag.mc {
  width: 19px
}
.iti-flag.ne {
  width: 18px
}
.iti-flag.ac {
  height: 10px
}
.iti-flag.ad {
  height: 14px;
  background-position: -22px 0
}
.iti-flag.ae {
  height: 10px;
  background-position: -44px 0
}
.iti-flag.af {
  height: 14px;
  background-position: -66px 0
}
.iti-flag.ag {
  height: 14px;
  background-position: -88px 0
}
.iti-flag.ai {
  height: 10px;
  background-position: -110px 0
}
.iti-flag.al {
  height: 15px;
  background-position: -132px 0
}
.iti-flag.am {
  height: 10px;
  background-position: -154px 0
}
.iti-flag.ao {
  height: 14px;
  background-position: -176px 0
}
.iti-flag.aq {
  height: 14px;
  background-position: -198px 0
}
.iti-flag.ar {
  height: 13px;
  background-position: -220px 0
}
.iti-flag.as {
  height: 10px;
  background-position: -242px 0
}
.iti-flag.at {
  height: 14px;
  background-position: -264px 0
}
.iti-flag.au {
  height: 10px;
  background-position: -286px 0
}
.iti-flag.aw {
  height: 14px;
  background-position: -308px 0
}
.iti-flag.ax {
  height: 13px;
  background-position: -330px 0
}
.iti-flag.az {
  height: 10px;
  background-position: -352px 0
}
.iti-flag.ba {
  height: 10px;
  background-position: -374px 0
}
.iti-flag.bb {
  height: 14px;
  background-position: -396px 0
}
.iti-flag.bd {
  height: 12px;
  background-position: -418px 0
}
.iti-flag.be {
  height: 15px;
  background-position: -440px 0
}
.iti-flag.bf {
  height: 14px;
  background-position: -460px 0
}
.iti-flag.bg {
  height: 12px;
  background-position: -482px 0
}
.iti-flag.bh {
  height: 12px;
  background-position: -504px 0
}
.iti-flag.bi {
  height: 12px;
  background-position: -526px 0
}
.iti-flag.bj {
  height: 14px;
  background-position: -548px 0
}
.iti-flag.bl {
  height: 14px;
  background-position: -570px 0
}
.iti-flag.bm {
  height: 10px;
  background-position: -592px 0
}
.iti-flag.bn {
  height: 10px;
  background-position: -614px 0
}
.iti-flag.bo {
  height: 14px;
  background-position: -636px 0
}
.iti-flag.bq {
  height: 14px;
  background-position: -658px 0
}
.iti-flag.br {
  height: 14px;
  background-position: -680px 0
}
.iti-flag.bs {
  height: 10px;
  background-position: -702px 0
}
.iti-flag.bt {
  height: 14px;
  background-position: -724px 0
}
.iti-flag.bv {
  height: 15px;
  background-position: -746px 0
}
.iti-flag.bw {
  height: 14px;
  background-position: -768px 0
}
.iti-flag.by {
  height: 10px;
  background-position: -790px 0
}
.iti-flag.bz {
  height: 14px;
  background-position: -812px 0
}
.iti-flag.ca {
  height: 10px;
  background-position: -834px 0
}
.iti-flag.cc {
  height: 10px;
  background-position: -856px 0
}
.iti-flag.cd {
  height: 15px;
  background-position: -878px 0
}
.iti-flag.cf {
  height: 14px;
  background-position: -900px 0
}
.iti-flag.cg {
  height: 14px;
  background-position: -922px 0
}
.iti-flag.ch {
  height: 15px;
  background-position: -944px 0
}
.iti-flag.ci {
  height: 14px;
  background-position: -961px 0
}
.iti-flag.ck {
  height: 10px;
  background-position: -983px 0
}
.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0
}
.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0
}
.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0
}
.iti-flag.co {
  height: 14px;
  background-position: -1071px 0
}
.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0
}
.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0
}
.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0
}
.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0
}
.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0
}
.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0
}
.iti-flag.cy {
  height: 14px;
  background-position: -1225px 0
}
.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0
}
.iti-flag.de {
  height: 12px;
  background-position: -1269px 0
}
.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0
}
.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0
}
.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0
}
.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0
}
.iti-flag.do {
  height: 14px;
  background-position: -1379px 0
}
.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0
}
.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0
}
.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0
}
.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0
}
.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0
}
.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0
}
.iti-flag.er {
  height: 10px;
  background-position: -1533px 0
}
.iti-flag.es {
  height: 14px;
  background-position: -1555px 0
}
.iti-flag.et {
  height: 10px;
  background-position: -1577px 0
}
.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0
}
.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0
}
.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0
}
.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0
}
.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0
}
.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0
}
.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0
}
.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0
}
.iti-flag.gb {
  height: 10px;
  background-position: -1775px 0
}
.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0
}
.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0
}
.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0
}
.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0
}
.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0
}
.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0
}
.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0
}
.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0
}
.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0
}
.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0
}
.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0
}
.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0
}
.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0
}
.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0
}
.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0
}
.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0
}
.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0
}
.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0
}
.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0
}
.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0
}
.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0
}
.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0
}
.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0
}
.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0
}
.iti-flag.id {
  height: 14px;
  background-position: -2325px 0
}
.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0
}
.iti-flag.il {
  height: 15px;
  background-position: -2369px 0
}
.iti-flag.im {
  height: 10px;
  background-position: -2391px 0
}
.iti-flag.in {
  height: 14px;
  background-position: -2413px 0
}
.iti-flag.io {
  height: 10px;
  background-position: -2435px 0
}
.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0
}
.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0
}
.iti-flag.is {
  height: 15px;
  background-position: -2501px 0
}
.iti-flag.it {
  height: 14px;
  background-position: -2523px 0
}
.iti-flag.je {
  height: 12px;
  background-position: -2545px 0
}
.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0
}
.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0
}
.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0
}
.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0
}
.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0
}
.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0
}
.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0
}
.iti-flag.km {
  height: 12px;
  background-position: -2721px 0
}
.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0
}
.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0
}
.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0
}
.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0
}
.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0
}
.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0
}
.iti-flag.la {
  height: 14px;
  background-position: -2875px 0
}
.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0
}
.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0
}
.iti-flag.li {
  height: 12px;
  background-position: -2941px 0
}
.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0
}
.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0
}
.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0
}
.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0
}
.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0
}
.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0
}
.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0
}
.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0
}
.iti-flag.mc {
  height: 15px;
  background-position: -3139px 0
}
.iti-flag.md {
  height: 10px;
  background-position: -3160px 0
}
.iti-flag.me {
  height: 10px;
  background-position: -3182px 0
}
.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0
}
.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0
}
.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0
}
.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0
}
.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0
}
.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0
}
.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0
}
.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0
}
.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0
}
.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0
}
.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0
}
.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0
}
.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0
}
.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0
}
.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0
}
.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0
}
.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0
}
.iti-flag.my {
  height: 10px;
  background-position: -3578px 0
}
.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0
}
.iti-flag.na {
  height: 14px;
  background-position: -3622px 0
}
.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0
}
.iti-flag.ne {
  height: 15px;
  background-position: -3666px 0
}
.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0
}
.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0
}
.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0
}
.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0
}
.iti-flag.no {
  height: 15px;
  background-position: -3774px 0
}
.iti-flag.np {
  width: 13px;
  height: 15px;
  background-position: -3796px 0
}
.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0
}
.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0
}
.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0
}
.iti-flag.om {
  height: 10px;
  background-position: -3877px 0
}
.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0
}
.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0
}
.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0
}
.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0
}
.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0
}
.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0
}
.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0
}
.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0
}
.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0
}
.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0
}
.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0
}
.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0
}
.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0
}
.iti-flag.py {
  height: 11px;
  background-position: -4185px 0
}
.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0
}
.iti-flag.re {
  height: 14px;
  background-position: -4229px 0
}
.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0
}
.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0
}
.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0
}
.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0
}
.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0
}
.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0
}
.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0
}
.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0
}
.iti-flag.se {
  height: 13px;
  background-position: -4427px 0
}
.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0
}
.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0
}
.iti-flag.si {
  height: 10px;
  background-position: -4493px 0
}
.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0
}
.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0
}
.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0
}
.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0
}
.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0
}
.iti-flag.so {
  height: 14px;
  background-position: -4625px 0
}
.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0
}
.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0
}
.iti-flag.st {
  height: 10px;
  background-position: -4691px 0
}
.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0
}
.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0
}
.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0
}
.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0
}
.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0
}
.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0
}
.iti-flag.td {
  height: 14px;
  background-position: -4845px 0
}
.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0
}
.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0
}
.iti-flag.th {
  height: 14px;
  background-position: -4911px 0
}
.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0
}
.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0
}
.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0
}
.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0
}
.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0
}
.iti-flag.to {
  height: 10px;
  background-position: -5043px 0
}
.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0
}
.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0
}
.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0
}
.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0
}
.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0
}
.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0
}
.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0
}
.iti-flag.um {
  height: 11px;
  background-position: -5219px 0
}
.iti-flag.un {
  height: 14px;
  background-position: -5241px 0
}
.iti-flag.us {
  height: 11px;
  background-position: -5263px 0
}
.iti-flag.uy {
  height: 14px;
  background-position: -5285px 0
}
.iti-flag.uz {
  height: 10px;
  background-position: -5307px 0
}
.iti-flag.va {
  width: 15px;
  height: 15px;
  background-position: -5329px 0
}
.iti-flag.vc {
  height: 14px;
  background-position: -5346px 0
}
.iti-flag.ve {
  height: 14px;
  background-position: -5368px 0
}
.iti-flag.vg {
  height: 10px;
  background-position: -5390px 0
}
.iti-flag.vi {
  height: 14px;
  background-position: -5412px 0
}
.iti-flag.vn {
  height: 14px;
  background-position: -5434px 0
}
.iti-flag.vu {
  height: 12px;
  background-position: -5456px 0
}
.iti-flag.wf {
  height: 14px;
  background-position: -5478px 0
}
.iti-flag.ws {
  height: 10px;
  background-position: -5500px 0
}
.iti-flag.xk {
  height: 15px;
  background-position: -5522px 0
}
.iti-flag.ye {
  height: 14px;
  background-position: -5544px 0
}
.iti-flag.yt {
  height: 14px;
  background-position: -5566px 0
}
.iti-flag.za {
  height: 14px;
  background-position: -5588px 0
}
.iti-flag.zm {
  height: 14px;
  background-position: -5610px 0
}
.iti-flag.zw {
  height: 10px;
  background-position: -5632px 0
}
.iti-flag {
  height: 15px;
  box-shadow: 0 0 1px 0 #888;
  background-image: url(../img/flags.png);
  background-color: #DBDBDB;
  background-position: 20px 0
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
  .iti-flag {
    background-size: 5652px 15px;
    background-image: url(../img/flags@2x.png)
  }
}
.iti-flag.np {
  background-color: transparent
}
#cboxOverlay, #cboxWrapper, #colorbox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%
}
#cboxBottomLeft, #cboxMiddleLeft {
  clear: left
}
#cboxContent {
  position: relative
}
#cboxTitle {
  margin: 0;
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494
}
#cboxLoadingGraphic, #cboxLoadingOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  -ms-interpolation-mode: bicubic
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0
}
#cboxContent, #cboxLoadedContent, #colorbox {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box
}
#colorbox {
  outline: 0
}
#cboxBottomLeft, #cboxBottomRight, #cboxTopLeft, #cboxTopRight {
  width: 21px;
  height: 21px
}
#cboxMiddleLeft, #cboxMiddleRight {
  width: 21px
}
#cboxBottomCenter, #cboxTopCenter {
  height: 21px
}
#cboxContent, .cboxIframe {
  background: #fff
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 28px
}
#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494
}
#cboxClose, #cboxNext, #cboxPrevious, #cboxSlideshow {
  cursor: pointer;
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: 0 0
}
#cboxClose, #cboxNext, #cboxPrevious {
  bottom: 0;
  width: 25px;
  text-indent: -9999px;
  position: absolute;
  height: 25px
}
#cboxClose:active, #cboxNext:active, #cboxPrevious:active, #cboxSlideshow:active {
  outline: 0
}
#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef
}
#cboxPrevious {
  left: 0;
  background: url(images/controls.png) -75px 0 no-repeat
}
#cboxPrevious:hover {
  background-position: -75px -25px
}
#cboxNext {
  left: 27px;
  background: url(images/controls.png) -50px 0 no-repeat
}
#cboxNext:hover {
  background-position: -50px -25px
}
#cboxClose {
  right: 0;
  background: url(images/controls.png) -25px 0 no-repeat
}
#cboxClose:hover {
  background-position: -25px -25px
}
.cboxIE #cboxBottomCenter, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight, .cboxIE #cboxTopCenter, .cboxIE #cboxTopLeft, .cboxIE #cboxTopRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF)
} /*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */ .bootstrap-datetimepicker-widget {
  list-style: none
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  display: block;
  margin: 2px 0;
  padding: 4px;
  width: 19em
}
@media (min-width:768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em
  }
}
@media (min-width:992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em
  }
}
@media (min-width:1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em
  }
}
.bootstrap-datetimepicker-widget.dropdown-menu:after, .bootstrap-datetimepicker-widget.dropdown-menu:before {
  display: inline-block;
  position: absolute
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, .2);
  top: -7px;
  left: 7px
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  top: -6px;
  left: 8px
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, .2);
  bottom: -7px;
  left: 6px
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  bottom: -6px;
  left: 7px
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px
}
.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0
}
.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none
}
.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: 700;
  font-size: 1.2em;
  margin: 0
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px
}
.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours"
}
.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes"
}
.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours"
}
.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes"
}
.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours"
}
.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes"
}
.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM"
}
.bootstrap-datetimepicker-widget .btn[data-action=clear]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker"
}
.bootstrap-datetimepicker-widget .btn[data-action=today]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today"
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center
}
.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens"
}
.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit
}
.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0
}
.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px
}
.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px
}
.bootstrap-datetimepicker-widget table th.next::after, .bootstrap-datetimepicker-widget table th.prev::after, .sr-only {
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0)
}
.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px
}
.bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
  background: 0 0;
  color: #777;
  cursor: not-allowed
}
.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  border: 0;
  content: "Previous Month"
}
.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  border: 0;
  content: "Next Month"
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer
}
.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px
}
.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: #777
}
.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px
}
.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
  background: #eee;
  cursor: pointer
}
.bootstrap-datetimepicker-widget table td.new, .bootstrap-datetimepicker-widget table td.old {
  color: #777
}
.bootstrap-datetimepicker-widget table td.today {
  position: relative
}
.bootstrap-datetimepicker-widget table td.today:before {
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #337ab7;
  border-top-color: rgba(0, 0, 0, .2);
  position: absolute;
  bottom: 4px;
  right: 4px
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}
.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff
}
.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
  background: 0 0;
  color: #777;
  cursor: not-allowed
}
.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  cursor: pointer;
  border-radius: 4px
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}
.bootstrap-datetimepicker-widget table td span.old {
  color: #777
}
.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: 0 0;
  color: #777;
  cursor: not-allowed
}
.fc button, .input-group.date .input-group-addon {
  cursor: pointer
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px
}
.bootstrap-datetimepicker-widget.wider {
  width: 21em
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em !important
}
.sr-only {
  position: absolute;
  width: 1px;
  border: 0
} /*!
 * FullCalendar v3.10.2
 * Docs & License: https://fullcalendar.io/
 * (c) 2019 Adam Shaw
 */ .fc {
  direction: ltr;
  text-align: left
}
.fc-rtl {
  text-align: right
}
.fc th, .fc-basic-view .fc-day-top .fc-week-number, .fc-basic-view td.fc-week-number, .fc-icon, .fc-toolbar {
  text-align: center
}
body .fc {
  font-size: 1em
}
.fc-highlight {
  background: #bce8f1;
  opacity: .3
}
.fc-bgevent {
  background: #8fdf82;
  opacity: .3
}
.fc-nonbusiness {
  background: #d7d7d7
}
.fc button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  font-size: 1em;
  white-space: nowrap
}
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0
}
.fc-state-default {
  border: 1px solid;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
  background-image: -o-linear-gradient(top, #fff, #e6e6e6);
  background-image: linear-gradient(to bottom, #fff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
}
.fc-state-default.fc-corner-left {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}
.fc-state-default.fc-corner-right {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}
.fc button .fc-icon {
  position: relative;
  top: -.05em;
  margin: 0 .2em;
  vertical-align: middle
}
.fc-state-active, .fc-state-disabled, .fc-state-down, .fc-state-hover {
  color: #333;
  background-color: #e6e6e6
}
.fc-state-hover {
  color: #333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position .1s linear;
  -moz-transition: background-position .1s linear;
  -o-transition: background-position .1s linear;
  transition: background-position .1s linear
}
.fc-state-active, .fc-state-down {
  background-color: #ccc;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}
.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: .65;
  box-shadow: none
}
.fc-event.fc-draggable, .fc-event[href], .fc-popover .fc-header .fc-close, a[data-goto] {
  cursor: pointer
}
.fc-button-group {
  display: inline-block
}
.fc .fc-button-group > * {
  float: left;
  margin: 0 0 0 -1px
}
.fc .fc-button-group > :first-child {
  margin-left: 0
}
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .15)
}
.fc-popover .fc-header {
  padding: 2px 4px
}
.fc-popover .fc-header .fc-title {
  margin: 0 2px
}
.fc-ltr .fc-popover .fc-header .fc-title, .fc-rtl .fc-popover .fc-header .fc-close {
  float: left
}
.fc-ltr .fc-popover .fc-header .fc-close, .fc-rtl .fc-popover .fc-header .fc-title {
  float: right
}
.fc-divider {
  border-style: solid;
  border-width: 1px
}
hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  border-width: 1px 0
}
.fc-bg table, .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table {
  height: 100%
}
.fc-clear {
  clear: both
}
.fc-bg, .fc-bgevent-skeleton, .fc-helper-skeleton, .fc-highlight-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0
}
.fc-bg {
  bottom: 0
}
.fc table {
  width: 100%;
  box-sizing: border-box;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em
}
.fc td, .fc th {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top
}
.fc td.fc-today {
  border-style: double
}
a[data-goto]:hover {
  text-decoration: underline
}
.fc-event, .fc-event:hover, .fc.fc-bootstrap3 a, .ui-widget .fc-event, a.fc-more {
  text-decoration: none
}
.fc .fc-row {
  border-style: solid;
  border-width: 0
}
.fc-row table {
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  border-bottom: 0 hidden transparent
}
.fc-row:first-child table {
  border-top: 0 hidden transparent
}
.fc-row {
  position: relative
}
.fc-row .fc-bg {
  z-index: 1
}
.fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton {
  bottom: 0
}
.fc-row .fc-bgevent-skeleton td, .fc-row .fc-highlight-skeleton td {
  border-color: transparent
}
.fc-row .fc-bgevent-skeleton {
  z-index: 2
}
.fc-row .fc-highlight-skeleton {
  z-index: 3
}
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px
}
.fc-row .fc-helper-skeleton {
  z-index: 5
}
.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-helper-skeleton td {
  background: 0 0;
  border-color: transparent
}
.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
  border-bottom: 0
}
.fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td {
  border-top: 0
}
.fc-day-grid-event .fc-content, .fc-icon, .fc-row.fc-rigid, .fc-time-grid-event {
  overflow: hidden
}
.fc-scroller > .fc-day-grid, .fc-scroller > .fc-time-grid {
  position: relative;
  width: 100%
}
.fc-event {
  position: relative;
  display: block;
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad
}
.fc-event, .fc-event-dot {
  background-color: #3a87ad
}
.fc-event, .fc-event:hover {
  color: #fff
}
.fc-not-allowed, .fc-not-allowed .fc-event {
  cursor: not-allowed
}
.fc-event .fc-bg {
  z-index: 1;
  background: #fff;
  opacity: .25
}
.fc-event .fc-content {
  position: relative;
  z-index: 2
}
.fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
  display: none
}
.fc-event.fc-allow-mouse-resize .fc-resizer, .fc-event.fc-selected .fc-resizer {
  display: block
}
.fc-event.fc-selected .fc-resizer:before {
  content: '';
  position: absolute;
  z-index: 9999;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px
}
.fc-event.fc-selected {
  z-index: 9999 !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}
.fc-event.fc-selected.fc-dragging {
  box-shadow: 0 2px 7px rgba(0, 0, 0, .3)
}
.fc-h-event.fc-selected:before {
  content: '';
  position: absolute;
  z-index: 3;
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0
}
.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}
.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}
.fc-ltr .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px
}
.fc-ltr .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px
}
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  bottom: -1px
}
.fc-h-event.fc-selected .fc-resizer {
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  top: 50%;
  margin-top: -4px
}
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer, .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px
}
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer, .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px
}
.fc-day-grid-event {
  margin: 1px 2px 0;
  padding: 0 1px
}
tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px
}
.fc-day-grid-event.fc-selected:after {
  content: '';
  position: absolute;
  z-index: 1;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background: #000;
  opacity: .25
}
.fc-day-grid-event .fc-content {
  white-space: nowrap
}
.fc-day-grid-event .fc-time {
  font-weight: 700
}
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px
}
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px
}
a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer
}
a.fc-more:hover {
  text-decoration: underline
}
.fc-limited {
  display: none
}
.fc-day-grid .fc-row {
  z-index: 1
}
.fc-more-popover {
  z-index: 2;
  width: 220px
}
.fc-more-popover .fc-event-container {
  padding: 10px
}
.fc-bootstrap3 .fc-popover .panel-body, .fc-bootstrap4 .fc-popover .card-body {
  padding: 0
}
.fc-now-indicator {
  position: absolute;
  border: 0 solid red
}
.fc-bootstrap3 .fc-today.alert, .fc-bootstrap4 .fc-today.alert {
  border-radius: 0
}
.fc-unselectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none
}
.fc-icon, .uix-multiselect .uix-list-container {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -webkit-touch-callout: none
}
.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
  border-color: #666
}
.fc-unthemed .fc-popover {
  background-color: #fff;
  border-width: 1px;
  border-style: solid
}
.fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header {
  background: #eee
}
.fc-unthemed .fc-disabled-day {
  background: #d7d7d7;
  opacity: .3
}
.fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  font-family: 'Courier New', Courier, monospace;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.fc-icon:after {
  position: relative
}
.fc-icon-left-single-arrow:after {
  content: '\2039';
  font-weight: 700;
  font-size: 200%;
  top: -7%
}
.fc-icon-right-single-arrow:after {
  content: '\203A';
  font-weight: 700;
  font-size: 200%;
  top: -7%
}
.fc-icon-left-double-arrow:after {
  content: '\AB';
  font-size: 160%;
  top: -7%
}
.fc-icon-right-double-arrow:after {
  content: '\BB';
  font-size: 160%;
  top: -7%
}
.fc-icon-left-triangle:after {
  content: '\25C4';
  font-size: 125%;
  top: 3%
}
.fc-icon-right-triangle:after {
  content: '\25BA';
  font-size: 125%;
  top: 3%
}
.fc-icon-down-triangle:after {
  content: '\25BC';
  font-size: 125%;
  top: 2%
}
.fc-icon-x:after {
  content: '\D7';
  font-size: 200%;
  top: 6%
}
.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
  font-size: .9em;
  margin-top: 2px
}
.fc-unthemed .fc-list-item:hover td {
  background-color: #f5f5f5
}
.ui-widget .fc-disabled-day {
  background-image: none
}
.fc-bootstrap3 .fc-time-grid .fc-slats table, .fc-bootstrap4 .fc-time-grid .fc-slats table, .fc-time-grid .fc-slats .ui-widget-content {
  background: 0 0
}
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0
}
.fc-bootstrap3 hr.fc-divider, .fc-bootstrap4 hr.fc-divider {
  border-color: inherit
}
.ui-widget .fc-event {
  color: #fff;
  font-weight: 400
}
.ui-widget td.fc-axis {
  font-weight: 400
}
.fc.fc-bootstrap3 a[data-goto]:hover {
  text-decoration: underline
}
.fc.fc-bootstrap4 a {
  text-decoration: none
}
.fc.fc-bootstrap4 a[data-goto]:hover {
  text-decoration: underline
}
.fc-bootstrap4 a.fc-event:not([href]):not([tabindex]) {
  color: #fff
}
.fc-bootstrap4 .fc-popover.card {
  position: absolute
}
.fc-toolbar.fc-footer-toolbar {
  margin-top: 1em
}
.fc-toolbar .fc-left {
  float: left
}
.fc-toolbar .fc-right {
  float: right
}
.fc-toolbar .fc-center {
  display: inline-block
}
.fc .fc-toolbar > * > * {
  float: left;
  margin-left: .75em
}
.fc .fc-toolbar > * > :first-child {
  margin-left: 0
}
.fc-toolbar h2 {
  margin: 0
}
.fc-toolbar button {
  position: relative
}
.fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover {
  z-index: 2
}
.fc-toolbar .fc-state-down {
  z-index: 3
}
.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
  z-index: 4
}
.fc-toolbar button:focus {
  z-index: 5
}
.fc-view-container *, .fc-view-container :after, .fc-view-container :before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}
.fc-view, .fc-view > table {
  position: relative;
  z-index: 1
}
.fc-basicDay-view .fc-content-skeleton, .fc-basicWeek-view .fc-content-skeleton {
  padding-bottom: 1em
}
.fc-basic-view .fc-body .fc-row {
  min-height: 4em
}
.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0
}
.fc-day-top.fc-other-month {
  opacity: .3
}
.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
  padding: 2px
}
.fc-basic-view th.fc-day-number, .fc-basic-view th.fc-week-number {
  padding: 0 2px
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right
}
.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left
}
.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px
}
.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px
}
.fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  background-color: #f2f2f2;
  color: grey
}
.fc-basic-view td.fc-week-number > * {
  display: inline-block;
  min-width: 1.25em
}
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2
}
.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em
}
.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em
}
.fc .fc-axis {
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap
}
.fc-ltr .fc-axis {
  text-align: right
}
.fc-rtl .fc-axis {
  text-align: left
}
.fc-time-grid, .fc-time-grid-container {
  position: relative;
  z-index: 1
}
.fc-time-grid {
  min-height: 100%
}
.fc-time-grid table {
  border: 0 hidden transparent
}
.fc-time-grid > .fc-bg {
  z-index: 1
}
.fc-time-grid .fc-slats, .fc-time-grid > hr {
  position: relative;
  z-index: 2
}
.fc-time-grid .fc-content-col {
  position: relative
}
.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0
}
.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1
}
.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2
}
.fc-time-grid .fc-highlight-container {
  z-index: 3;
  position: relative
}
.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4
}
.fc-time-grid .fc-now-indicator-line {
  z-index: 5
}
.fc-time-grid .fc-helper-container {
  position: relative;
  z-index: 6
}
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0
}
.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0
}
.fc-ltr .fc-time-grid .fc-event-container {
  margin: 0 2.5% 0 2px
}
.fc-rtl .fc-time-grid .fc-event-container {
  margin: 0 2px 0 2.5%
}
.fc-time-grid .fc-bgevent, .fc-time-grid .fc-event {
  position: absolute;
  z-index: 1
}
.fc-time-grid .fc-bgevent {
  left: 0;
  right: 0
}
.fc-v-event.fc-not-start {
  border-top-width: 0;
  padding-top: 1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.fc-v-event.fc-not-end {
  border-bottom-width: 0;
  padding-bottom: 1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}
.fc-time-grid-event.fc-selected {
  overflow: visible
}
.fc-time-grid-event.fc-selected .fc-bg {
  display: none
}
.fc-time-grid-event .fc-content {
  overflow: hidden
}
.fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title {
  padding: 0 1px
}
.fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap
}
.fc-time-grid-event.fc-short .fc-content {
  white-space: nowrap
}
.fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title {
  display: inline-block;
  vertical-align: top
}
.fc-list-empty, .select2-container, .sp-cancel, .sp-container button, .sp-replacer {
  vertical-align: middle
}
.fc-time-grid-event.fc-short .fc-time span {
  display: none
}
.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start)
}
.fc-time-grid-event.fc-short .fc-time:after {
  content: '\A0-\A0'
}
.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  padding: 0
}
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize
}
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: '='
}
.fc-time-grid-event.fc-selected .fc-resizer {
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  left: 50%;
  margin-left: -5px;
  bottom: -5px
}
.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0
}
.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px
}
.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent
}
.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent
}
.fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px
}
.fc-rtl .fc-list-view {
  direction: rtl
}
.fc-list-view {
  border-width: 1px;
  border-style: solid
}
.fc .fc-list-table {
  table-layout: auto
}
.fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px
}
.fc-list-table tr:first-child td {
  border-top-width: 0
}
.fc-list-heading {
  border-bottom-width: 1px
}
.fc-list-heading td {
  font-weight: 700
}
.fc-ltr .fc-list-heading-main {
  float: left
}
.fc-ltr .fc-list-heading-alt, .fc-rtl .fc-list-heading-main {
  float: right
}
.fc-rtl .fc-list-heading-alt, .select2-container .select2-search--inline {
  float: left
}
.fc-list-item.fc-has-url {
  cursor: pointer
}
.fc-list-item-marker, .fc-list-item-time {
  white-space: nowrap;
  width: 1px
}
.fc-ltr .fc-list-item-marker {
  padding-right: 0
}
.fc-rtl .fc-list-item-marker {
  padding-left: 0
}
.fc-list-item-title a {
  text-decoration: none;
  color: inherit
}
.fc-list-item-title a[href]:hover {
  text-decoration: underline
}
.fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}
.fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table
}
.fc-list-empty {
  display: table-cell;
  text-align: center
}
.fc-unthemed .fc-list-empty {
  background-color: #eee
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none
}
.select2-dropdown {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051
}
.select2-results {
  display: block
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0
}
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none
}
.select2-results__option[aria-selected] {
  cursor: pointer
}
.select2-container--open .select2-dropdown {
  left: 0
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.select2-search--dropdown {
  display: block;
  padding: 4px
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none
}
.select2-search--dropdown.select2-search--hide {
  display: none
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0)
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: 700
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888;
  border-width: 0 4px 5px
}
.select2-container--default .select2-selection--multiple {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: 700;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  margin-right: 2px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #000;
  outline: 0
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: 0 0;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: #fff
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px
}
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: 700;
  margin-right: 10px
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: 0 0;
  border: none
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888;
  border-width: 0 4px 5px
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}
.select2-container--classic .select2-selection--multiple {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  margin-right: 2px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none
}
.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent
}
.select2-container--classic .select2-dropdown--above, .user-profile.row.subscription-row .nav-tabs {
  border-bottom: none
}
.select2-container--classic .select2-dropdown--below {
  border-top: none
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto
}
.select2-container--classic .select2-results__option[role=group] {
  padding: 0
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb
} /*!
 * Select2 Bootstrap Theme v0.1.0-beta.10 (https://select2.github.io/select2-bootstrap-theme)
 * Copyright 2015-2017 Florian Kissling and contributors (https://github.com/select2/select2-bootstrap-theme/graphs/contributors)
 * Licensed under MIT (https://github.com/select2/select2-bootstrap-theme/blob/master/LICENSE)
 */ .select2-container--bootstrap {
  display: block
}
.select2-container--bootstrap .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  background-color: #fff;
  border: 1px solid #ccc;
  color: #555;
  font-size: 14px
}
.select2-container--bootstrap .select2-selection.form-control {
  border-radius: 4px
}
.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  font-size: 14px
}
.select2-container--bootstrap .select2-search__field {
  outline: 0
}
.select2-container--bootstrap .select2-search__field::-webkit-input-placeholder {
  color: #999
}
.select2-container--bootstrap .select2-search__field:-moz-placeholder {
  color: #999
}
.select2-container--bootstrap .select2-search__field::-moz-placeholder {
  color: #999;
  opacity: 1
}
.select2-container--bootstrap .select2-search__field:-ms-input-placeholder {
  color: #999
}
.select2-container--bootstrap .select2-results__option {
  padding: 6px 12px
}
.select2-container--bootstrap .select2-results__option[role=group] {
  padding: 0
}
.select2-container--bootstrap .select2-results__option[aria-disabled=true] {
  color: #777;
  cursor: not-allowed
}
.select2-container--bootstrap .select2-results__option[aria-selected=true] {
  background-color: #f5f5f5;
  color: #262626
}
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background-color: #337ab7;
  color: #fff
}
.select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice, .sp-container button {
  background-color: #eee
}
.select2-container--bootstrap .select2-results__option .select2-results__option {
  padding: 6px 12px
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -12px;
  padding-left: 24px
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -24px;
  padding-left: 36px
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -36px;
  padding-left: 48px
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -48px;
  padding-left: 60px
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -60px;
  padding-left: 72px
}
.select2-container--bootstrap .select2-results__group {
  color: #777;
  display: block;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.42857143;
  white-space: nowrap
}
.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s
}
.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
  border-color: transparent transparent #999;
  border-width: 0 4px 4px
}
.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-color: transparent
}
.select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-color: transparent
}
.select2-container--bootstrap .select2-selection__clear {
  color: #999;
  cursor: pointer;
  float: right;
  font-weight: 700;
  margin-right: 10px
}
.select2-container--bootstrap .select2-selection__clear:hover {
  color: #333
}
.select2-container--bootstrap.select2-container--disabled .select2-selection {
  border-color: #ccc;
  -webkit-box-shadow: none;
  box-shadow: none
}
.select2-container--bootstrap.select2-container--disabled .select2-search__field, .select2-container--bootstrap.select2-container--disabled .select2-selection {
  cursor: not-allowed
}
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove, .select2-container--bootstrap.select2-container--disabled .select2-selection__clear {
  display: none
}
.select2-container--bootstrap .select2-dropdown {
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  border-color: #66afe9;
  overflow-x: hidden;
  margin-top: -1px
}
.select2-container--bootstrap .select2-dropdown--above {
  -webkit-box-shadow: 0 -6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 -6px 12px rgba(0, 0, 0, .175);
  margin-top: 1px
}
.select2-container--bootstrap .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto
}
.select2-container--bootstrap .select2-selection--single {
  height: 34px;
  line-height: 1.42857143;
  padding: 6px 24px 6px 12px
}
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  position: absolute;
  bottom: 0;
  right: 12px;
  top: 0;
  width: 4px
}
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 4px 4px 0;
  height: 0;
  left: 0;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0
}
input.simple-text, select.simple-text {
  height: auto;
  border: 0;
  background: 0 0 !important
}
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  color: #555;
  padding: 0
}
.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
  color: #999
}
.select2-container--bootstrap .select2-selection--multiple {
  min-height: 34px;
  padding: 0;
  height: auto
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  line-height: 1.42857143;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  float: left;
  margin-top: 5px
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  color: #555;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin: 5px 0 0 6px;
  padding: 0 6px
}
.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  background: 0 0;
  padding: 0 12px;
  height: 32px;
  line-height: 1.42857143;
  margin-top: 0;
  min-width: 5em
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  margin-right: 3px
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 6px
}
.form-group-sm .select2-container--bootstrap .select2-selection--single, .input-group-sm .select2-container--bootstrap .select2-selection--single, .select2-container--bootstrap .select2-selection--single.input-sm {
  border-radius: 3px;
  font-size: 12px;
  height: 30px;
  line-height: 1.5;
  padding: 5px 22px 5px 10px
}
.form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b {
  margin-left: -5px
}
.form-group-sm .select2-container--bootstrap .select2-selection--multiple, .input-group-sm .select2-container--bootstrap .select2-selection--multiple, .select2-container--bootstrap .select2-selection--multiple.input-sm {
  min-height: 30px;
  border-radius: 3px
}
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice {
  font-size: 12px;
  line-height: 1.5;
  margin: 4px 0 0 5px;
  padding: 0 5px
}
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field {
  padding: 0 10px;
  font-size: 12px;
  height: 28px;
  line-height: 1.5
}
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear {
  margin-top: 5px
}
.form-group-lg .select2-container--bootstrap .select2-selection--single, .input-group-lg .select2-container--bootstrap .select2-selection--single, .select2-container--bootstrap .select2-selection--single.input-lg {
  border-radius: 6px;
  font-size: 18px;
  height: 46px;
  line-height: 1.3333333;
  padding: 10px 31px 10px 16px
}
.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow, .select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow {
  width: 5px
}
.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b {
  border-width: 5px 5px 0;
  margin-left: -5px;
  margin-left: -10px;
  margin-top: -2.5px
}
.form-group-lg .select2-container--bootstrap .select2-selection--multiple, .input-group-lg .select2-container--bootstrap .select2-selection--multiple, .select2-container--bootstrap .select2-selection--multiple.input-lg {
  min-height: 46px;
  border-radius: 6px
}
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice {
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 4px;
  margin: 9px 0 0 8px;
  padding: 0 10px
}
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field {
  padding: 0 16px;
  font-size: 18px;
  height: 44px;
  line-height: 1.3333333
}
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear {
  margin-top: 10px
}
.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b, .select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #999;
  border-width: 0 5px 5px
}
.select2-container--bootstrap[dir=rtl] .select2-selection--single {
  padding-left: 24px;
  padding-right: 12px
}
.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 0;
  padding-left: 0;
  text-align: right
}
.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left
}
.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 12px;
  right: auto
}
.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__arrow b {
  margin-left: 0
}
.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
  float: right
}
.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 0;
  margin-right: 6px
}
.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto
}
.has-warning .select2-dropdown, .has-warning .select2-selection {
  border-color: #8a6d3b
}
.has-warning .select2-container--focus .select2-selection, .has-warning .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
  border-color: #66512c
}
.has-warning.select2-drop-active {
  border-color: #66512c
}
.has-warning.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #66512c
}
.has-error .select2-dropdown, .has-error .select2-selection {
  border-color: #a94442
}
.has-error .select2-container--focus .select2-selection, .has-error .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
  border-color: #843534
}
.has-error.select2-drop-active {
  border-color: #843534
}
.has-error.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #843534
}
.has-success .select2-dropdown, .has-success .select2-selection {
  border-color: #3c763d
}
.has-success .select2-container--focus .select2-selection, .has-success .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
  border-color: #2b542c
}
.has-success.select2-drop-active {
  border-color: #2b542c
}
.has-success.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #2b542c
}
.input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection, .input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection.form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}
.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection, .input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection.form-control {
  border-radius: 0
}
.input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection, .input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection.form-control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}
.input-group > .select2-container--bootstrap {
  display: table;
  table-layout: fixed;
  position: relative;
  z-index: 2;
  width: 100%;
  margin-bottom: 0
}
.input-group > .select2-container--bootstrap > .selection > .select2-selection.form-control {
  float: none
}
.input-group > .select2-container--bootstrap.select2-container--focus, .input-group > .select2-container--bootstrap.select2-container--open {
  z-index: 3
}
.input-group > .select2-container--bootstrap, .input-group > .select2-container--bootstrap .input-group-btn, .input-group > .select2-container--bootstrap .input-group-btn .btn {
  vertical-align: top
}
.form-control.select2-hidden-accessible {
  position: absolute !important;
  width: 1px !important
}
@media (min-width:768px) {
  .form-inline .select2-container--bootstrap {
    display: inline-block
  }
}
.uix-multiselect-original {
  position: absolute;
  left: -999999px
}
.uix-multiselect {
  position: relative;
  float: left
}
.uix-multiselect .multiselect-available-list, .uix-multiselect .multiselect-selected-list {
  position: absolute;
  overflow: hidden
}
.uix-multiselect .ui-widget-header {
  overflow: hidden;
  white-space: nowrap;
  padding: 2px 4px
}
.uix-multiselect .ui-widget-header div.header-text {
  white-space: nowrap
}
.uix-multiselect .ui-widget-header .uix-control-left, .uix-multiselect .ui-widget-header .uix-control-right {
  width: 16px;
  height: 16px
}
.uix-multiselect .ui-widget-header .uix-control-right {
  float: right
}
.uix-multiselect .ui-widget-header .uix-control-left {
  float: left
}
.uix-multiselect .ui-widget-header .uix-search {
  float: right;
  height: 14px;
  font-size: 80%
}
.uix-multiselect .uix-list-container {
  position: relative;
  overflow: auto;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.uix-multiselect .uix-list-container .ui-priority-secondary {
  padding-right: 0
}
.uix-multiselect .group-element {
  position: relative;
  padding-left: 0;
  white-space: nowrap;
  overflow: hidden
}
.uix-multiselect .group-element-collapsable {
  padding-left: 16px
}
.uix-multiselect .group-element span.collapse-handle {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0
}
.uix-multiselect .group-element .label {
  margin: 0 3px;
  white-space: nowrap;
  overflow: hidden
}
.uix-multiselect .group-element .ui-icon {
  float: left;
  cursor: pointer
}
.dragged-element, .uix-multiselect .option-element {
  cursor: pointer;
  padding: 0 2px
}
.uix-multiselect .option-element.ui-state-disabled {
  font-style: italic
}
.dragged-element, .dragged-grouped-element {
  padding: 1px 3px
}
.dragged-grouped-element {
  padding-left: 16px
}
.uix-multiselect .grouped-option {
  position: relative;
  padding-left: 16px
}
.sp-container, .uix-multiselect .grouped-option .ui-icon {
  position: absolute;
  left: 0
}
.sp-container {
  top: 0;
  display: inline-block;
  z-index: 9999994;
  overflow: hidden
}
.sp-container.sp-flat, .sp-top {
  position: relative
}
.sp-container, .sp-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}
.sp-top {
  width: 100%;
  display: inline-block
}
.sp-alpha-handle, .sp-clear-enabled .sp-clear, .sp-color, .sp-dragger, .sp-hue, .sp-sat, .sp-slider, .sp-top-inner, .sp-val {
  position: absolute
}
.sp-top-inner {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}
.sp-color {
  top: 0;
  left: 0;
  bottom: 0;
  right: 20%
}
.sp-hue {
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 100%
}
.sp-clear-enabled .sp-hue {
  top: 33px;
  height: 77.5%
}
.sp-fill {
  padding-top: 80%
}
.sp-sat, .sp-val {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}
.sp-alpha-enabled .sp-top {
  margin-bottom: 18px
}
.sp-alpha-enabled .sp-alpha {
  display: block
}
.sp-alpha, .sp-clear {
  display: none
}
.sp-alpha-handle {
  top: -4px;
  bottom: -4px;
  width: 6px;
  left: 50%;
  cursor: pointer;
  border: 1px solid #000;
  background: #fff;
  opacity: .8
}
.sp-alpha {
  bottom: -14px;
  right: 0;
  left: 0;
  height: 8px
}
.sp-alpha-inner {
  border: 1px solid #333
}
.sp-clear.sp-clear-display {
  background-position: center
}
.sp-clear-enabled .sp-clear {
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 28px
}
.sp-alpha, .sp-alpha-handle, .sp-clear, .sp-container, .sp-container button, .sp-container.sp-dragging .sp-input, .sp-dragger, .sp-preview, .sp-replacer, .sp-slider {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none
}
.sp-container.sp-buttons-disabled .sp-button-container, .sp-container.sp-input-disabled .sp-input-container, .sp-container.sp-palette-buttons-disabled .sp-palette-button-container, .sp-initial-disabled .sp-initial, .sp-palette-disabled .sp-palette-container, .sp-palette-only .sp-picker-container {
  display: none
}
.sp-sat {
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81')
}
.sp-val {
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000')
}
.sp-hue {
  background: -moz-linear-gradient(top, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
  background: -ms-linear-gradient(top, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
  background: -o-linear-gradient(top, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(red), color-stop(.17, #ff0), color-stop(.33, #0f0), color-stop(.5, #0ff), color-stop(.67, #00f), color-stop(.83, #f0f), to(red));
  background: -webkit-linear-gradient(top, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
  background: linear-gradient(to bottom, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%)
}
.sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00')
}
.sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00')
}
.sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff')
}
.sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff')
}
.sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff')
}
.sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000')
}
.sp-cf:after, .sp-cf:before {
  content: "";
  display: table
}
.sp-cf:after {
  clear: both
}
@media (max-device-width:480px) {
  .sp-color {
    right: 40%
  }
  .sp-hue {
    left: 63%
  }
  .sp-fill {
    padding-top: 60%
  }
}
.sp-dragger {
  border-radius: 5px;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  background: #000;
  cursor: pointer;
  top: 0;
  left: 0
}
.sp-slider {
  top: 0;
  cursor: pointer;
  height: 3px;
  left: -1px;
  right: -1px;
  border: 1px solid #000;
  background: #fff;
  opacity: .8
}
.sp-container {
  background-color: #ECECEC;
  border: 1px solid #f0c49B;
  padding: 0
}
.sp-clear, .sp-color, .sp-container, .sp-container button, .sp-container input, .sp-hue {
  font: 400 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box
}
.sp-top {
  margin-bottom: 3px
}
.sp-clear, .sp-color, .sp-hue {
  border: 1px solid #666
}
.sp-input-container {
  float: right;
  width: 100px;
  margin-bottom: 4px
}
.sp-initial-disabled .sp-input-container, .sp-input {
  width: 100%
}
.sp-input {
  font-size: 12px !important;
  border: 1px inset;
  padding: 4px 5px;
  margin: 0;
  background: 0 0;
  border-radius: 3px;
  color: #222
}
.sp-input:focus {
  border: 1px solid orange
}
.sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd
}
.sp-palette-container, .sp-picker-container {
  float: left;
  position: relative;
  padding: 10px;
  padding-bottom: 300px;
  margin-bottom: -290px
}
.sp-picker-container {
  width: 172px;
  border-left: solid 1px #fff
}
.sp-palette-container {
  border-right: solid 1px #ccc
}
.sp-palette-only .sp-palette-container {
  border: 0
}
.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  cursor: pointer
}
.sp-palette .sp-thumb-el.sp-thumb-active, .sp-palette .sp-thumb-el:hover {
  border-color: orange
}
.sp-thumb-el {
  position: relative
}
.sp-initial {
  float: left;
  border: 1px solid #333
}
.sp-initial span {
  width: 30px;
  height: 25px;
  border: none;
  display: block;
  float: left;
  margin: 0
}
.sp-initial .sp-clear-display {
  background-position: center
}
.sp-button-container, .sp-palette-button-container {
  float: right
}
.sp-replacer {
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  padding: 4px;
  display: inline-block;
  border: 1px solid #91765d;
  background: #eee;
  color: #333
}
.sp-replacer.sp-active, .sp-replacer:hover {
  border-color: #F0C49B;
  color: #111
}
.sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver
}
.sp-dd {
  padding: 2px 0;
  height: 16px;
  line-height: 16px;
  float: left;
  font-size: 10px
}
.sp-preview {
  width: 25px;
  height: 20px;
  border: 1px solid #222;
  margin-right: 5px;
  float: left;
  z-index: 0
}
.sp-palette {
  max-width: 220px
}
.sp-palette .sp-thumb-el {
  width: 16px;
  height: 16px;
  margin: 2px 1px;
  border: 1px solid #d0d0d0
}
.sp-container {
  padding-bottom: 0
}
.sp-container button {
  background-image: -webkit-linear-gradient(top, #eee, #ccc);
  background-image: -moz-linear-gradient(top, #eee, #ccc);
  background-image: -ms-linear-gradient(top, #eee, #ccc);
  background-image: -o-linear-gradient(top, #eee, #ccc);
  background-image: linear-gradient(to bottom, #eee, #ccc);
  color: #333;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  text-shadow: 0 1px 0 #eee
}
.sp-container button:hover {
  background-color: #ddd;
  background-image: -webkit-linear-gradient(top, #ddd, #bbb);
  background-image: -moz-linear-gradient(top, #ddd, #bbb);
  background-image: -ms-linear-gradient(top, #ddd, #bbb);
  background-image: -o-linear-gradient(top, #ddd, #bbb);
  background-image: linear-gradient(to bottom, #ddd, #bbb);
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd
}
.sp-container button:active {
  border: 1px solid #aaa;
  border-bottom: 1px solid #888;
  -webkit-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  -moz-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  -ms-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  -o-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee
}
.sp-cancel {
  font-size: 11px;
  color: #d93f3f !important;
  margin: 0;
  padding: 2px;
  margin-right: 5px;
  text-decoration: none
}
.sp-cancel:hover {
  color: #d93f3f !important;
  text-decoration: underline
}
.sp-palette span.sp-thumb-active, .sp-palette span:hover {
  border-color: #000
}
.sp-alpha, .sp-preview, .sp-thumb-el {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}
.sp-alpha-inner, .sp-preview-inner, .sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}
.sp-palette .sp-thumb-inner {
  background-position: 50% 50%;
  background-repeat: no-repeat
}
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)
}
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)
}
.sp-clear-display {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==)
}
.CodeMirror {
  font-family: monospace;
  height: 300px;
  color: #000
}
.CodeMirror-lines {
  padding: 4px 0
}
.CodeMirror pre {
  padding: 0 4px
}
.CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler {
  background-color: #fff
}
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap
}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap
}
.CodeMirror-guttermarker {
  color: #000
}
.CodeMirror-guttermarker-subtle {
  color: #999
}
.CodeMirror-cursor {
  border-left: 1px solid #000;
  border-right: none;
  width: 0
}
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1
}
.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7
}
@-moz-keyframes blink {
  50% {
    background-color: transparent
  }
}
@-webkit-keyframes blink {
  50% {
    background-color: transparent
  }
}
@keyframes blink {
  50% {
    background-color: transparent
  }
}
.cm-tab {
  display: inline-block;
  text-decoration: inherit
}
.CodeMirror-rulers {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: -20px;
  overflow: hidden
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute
}
.cm-s-default .cm-header {
  color: #00f
}
.cm-s-default .cm-quote {
  color: #090
}
.cm-negative {
  color: #d44
}
.cm-positive {
  color: #292
}
.cm-header, .cm-strong {
  font-weight: 700
}
.cm-em {
  font-style: italic
}
.cm-link {
  text-decoration: underline
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .plan-price-container .plan-price-amount .strikethrough, .cm-strikethrough, .dataTable tr.expired-media .name-container, .expired_item, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .plan-price-container .plan-price-amount .strikethrough, .upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container .feature-container span.upgrade-feature-text, div.media_expired > span {
  text-decoration: line-through
}
.cm-s-default .cm-keyword {
  color: #708
}
.cm-s-default .cm-atom {
  color: #219
}
.cm-s-default .cm-number {
  color: #164
}
.cm-s-default .cm-def {
  color: #00f
}
.cm-s-default .cm-variable-2 {
  color: #05a
}
.cm-s-default .cm-variable-3 {
  color: #085
}
.cm-s-default .cm-comment {
  color: #a50
}
.cm-s-default .cm-string {
  color: #a11
}
.cm-s-default .cm-string-2 {
  color: #f50
}
.cm-s-default .cm-meta, .cm-s-default .cm-qualifier {
  color: #555
}
.cm-s-default .cm-builtin {
  color: #30a
}
.cm-s-default .cm-bracket {
  color: #997
}
.cm-s-default .cm-tag {
  color: #170
}
.cm-s-default .cm-attribute {
  color: #00c
}
.cm-s-default .cm-hr {
  color: #999
}
.cm-s-default .cm-link {
  color: #00c
}
.cm-invalidchar, .cm-s-default .cm-error {
  color: red
}
.CodeMirror-composing {
  border-bottom: 2px solid
}
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0f0
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #f22
}
.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, .3)
}
.CodeMirror-activeline-background {
  background: #e8f2ff
}
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: #fff
}
.CodeMirror-scroll {
  overflow: scroll !important;
  margin-bottom: -30px;
  margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: 0;
  position: relative
}
.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent
}
.CodeMirror-gutter-filler, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-vscrollbar {
  position: absolute;
  z-index: 6;
  display: none
}
.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll
}
.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll
}
.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0
}
.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0
}
.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: 0 0 !important;
  border: none !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4
}
.CodeMirror-lines {
  cursor: text;
  min-height: 1px
}
.CodeMirror pre {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: 0 0;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none
}
.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal
}
.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0
}
.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto
}
.CodeMirror-code {
  outline: 0
}
.CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber, .CodeMirror-scroll, .CodeMirror-sizer {
  -moz-box-sizing: content-box;
  box-sizing: content-box
}
.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden
}
.CodeMirror-cursor {
  position: absolute;
  pointer-events: none
}
.CodeMirror-measure pre {
  position: static
}
div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3
}
.CodeMirror-focused div.CodeMirror-cursors, div.CodeMirror-dragcursors {
  visibility: visible
}
.CodeMirror-selected {
  background: #d9d9d9
}
.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0
}
.CodeMirror-crosshair {
  cursor: crosshair
}
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
  background: #d7d4f0
}
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0
}
.cm-searching {
  background: #ffa;
  background: rgba(255, 255, 0, .4)
}
.cm-force-border {
  padding-right: .1px
}
@media print {
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden
  }
}
.cm-tab-wrap-hack:after {
  content: ''
}
span.CodeMirror-selectedtext {
  background: 0 0
}
@font-face {
  font-family: summernote;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/summernote.eot?4c7e83314b68cfa6a0d18a8b4690044b);
  src: url(../fonts/summernote.eot?4c7e83314b68cfa6a0d18a8b4690044b#iefix) format("embedded-opentype"), url(../fonts/summernote.woff?4c7e83314b68cfa6a0d18a8b4690044b) format("woff"), url(../fonts/summernote.ttf?4c7e83314b68cfa6a0d18a8b4690044b) format("truetype")
}
[class*=" note-icon-"]:before, [class^=note-icon-]:before {
  display: inline-block;
  font: normal normal normal 14px summernote;
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  text-decoration: inherit;
  text-rendering: auto;
  text-transform: none;
  vertical-align: middle;
  speak: none;
  -moz-osx-font-smoothing: grayscale
}
.note-icon-align-center:before, .note-icon-align-indent:before, .note-icon-align-justify:before, .note-icon-align-left:before, .note-icon-align-outdent:before, .note-icon-align-right:before, .note-icon-align:before, .note-icon-arrow-circle-down:before, .note-icon-arrow-circle-left:before, .note-icon-arrow-circle-right:before, .note-icon-arrow-circle-up:before, .note-icon-arrows-alt:before, .note-icon-arrows-h:before, .note-icon-arrows-v:before, .note-icon-bold:before, .note-icon-caret:before, .note-icon-chain-broken:before, .note-icon-circle:before, .note-icon-close:before, .note-icon-code:before, .note-icon-col-after:before, .note-icon-col-before:before, .note-icon-col-remove:before, .note-icon-eraser:before, .note-icon-font:before, .note-icon-frame:before, .note-icon-italic:before, .note-icon-link:before, .note-icon-magic:before, .note-icon-menu-check:before, .note-icon-minus:before, .note-icon-orderedlist:before, .note-icon-pencil:before, .note-icon-picture:before, .note-icon-question:before, .note-icon-redo:before, .note-icon-row-above:before, .note-icon-row-below:before, .note-icon-row-remove:before, .note-icon-special-character:before, .note-icon-square:before, .note-icon-strikethrough:before, .note-icon-subscript:before, .note-icon-summernote:before, .note-icon-superscript:before, .note-icon-table:before, .note-icon-text-height:before, .note-icon-trash:before, .note-icon-underline:before, .note-icon-undo:before, .note-icon-unorderedlist:before, .note-icon-video:before {
  display: inline-block;
  font-family: summernote;
  font-style: normal;
  font-weight: 400;
  text-decoration: inherit
}
.note-icon-align-center:before {
  content: "\f101"
}
.note-icon-align-indent:before {
  content: "\f102"
}
.note-icon-align-justify:before {
  content: "\f103"
}
.note-icon-align-left:before {
  content: "\f104"
}
.note-icon-align-outdent:before {
  content: "\f105"
}
.note-icon-align-right:before {
  content: "\f106"
}
.note-icon-align:before {
  content: "\f107"
}
.note-icon-arrow-circle-down:before {
  content: "\f108"
}
.note-icon-arrow-circle-left:before {
  content: "\f109"
}
.note-icon-arrow-circle-right:before {
  content: "\f10a"
}
.note-icon-arrow-circle-up:before {
  content: "\f10b"
}
.note-icon-arrows-alt:before {
  content: "\f10c"
}
.note-icon-arrows-h:before {
  content: "\f10d"
}
.note-icon-arrows-v:before {
  content: "\f10e"
}
.note-icon-bold:before {
  content: "\f10f"
}
.note-icon-caret:before {
  content: "\f110"
}
.note-icon-chain-broken:before {
  content: "\f111"
}
.note-icon-circle:before {
  content: "\f112"
}
.note-icon-close:before {
  content: "\f113"
}
.note-icon-code:before {
  content: "\f114"
}
.note-icon-col-after:before {
  content: "\f115"
}
.note-icon-col-before:before {
  content: "\f116"
}
.note-icon-col-remove:before {
  content: "\f117"
}
.note-icon-eraser:before {
  content: "\f118"
}
.note-icon-font:before {
  content: "\f119"
}
.note-icon-frame:before {
  content: "\f11a"
}
.note-icon-italic:before {
  content: "\f11b"
}
.note-icon-link:before {
  content: "\f11c"
}
.note-icon-magic:before {
  content: "\f11d"
}
.note-icon-menu-check:before {
  content: "\f11e"
}
.note-icon-minus:before {
  content: "\f11f"
}
.note-icon-orderedlist:before {
  content: "\f120"
}
.note-icon-pencil:before {
  content: "\f121"
}
.note-icon-picture:before {
  content: "\f122"
}
.note-icon-question:before {
  content: "\f123"
}
.note-icon-redo:before {
  content: "\f124"
}
.note-icon-row-above:before {
  content: "\f125"
}
.note-icon-row-below:before {
  content: "\f126"
}
.note-icon-row-remove:before {
  content: "\f127"
}
.note-icon-special-character:before {
  content: "\f128"
}
.note-icon-square:before {
  content: "\f129"
}
.note-icon-strikethrough:before {
  content: "\f12a"
}
.note-icon-subscript:before {
  content: "\f12b"
}
.note-icon-summernote:before {
  content: "\f12c"
}
.note-icon-superscript:before {
  content: "\f12d"
}
.note-icon-table:before {
  content: "\f12e"
}
.note-icon-text-height:before {
  content: "\f12f"
}
.note-icon-trash:before {
  content: "\f130"
}
.note-icon-underline:before {
  content: "\f131"
}
.note-icon-undo:before {
  content: "\f132"
}
.note-icon-unorderedlist:before {
  content: "\f133"
}
.note-icon-video:before {
  content: "\f134"
}
.note-editor {
  position: relative
}
.note-editor .note-dropzone {
  position: absolute;
  z-index: 100;
  display: none;
  color: #87cefa;
  background-color: #fff;
  opacity: .95
}
.note-editor .note-dropzone .note-dropzone-message {
  display: table-cell;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  vertical-align: middle
}
.note-editor .note-dropzone.hover {
  color: #098ddf
}
.note-editor.dragover .note-dropzone {
  display: table
}
.note-editor .note-editing-area {
  position: relative
}
.note-editor .note-editing-area .note-editable {
  outline: 0
}
.note-editor .note-editing-area .note-editable sup {
  vertical-align: super
}
.note-editor .note-editing-area .note-editable sub {
  vertical-align: sub
}
.note-editor .note-editing-area img.note-float-left {
  margin-right: 10px
}
.note-editor .note-editing-area img.note-float-right {
  margin-left: 10px
}
.note-editor.note-frame {
  border: 1px solid #a9a9a9
}
.note-editor.note-frame.codeview .note-editing-area .note-editable {
  display: none
}
.note-editor.note-frame.codeview .note-editing-area .note-codable {
  display: block
}
.note-editor.note-frame .note-editing-area {
  overflow: hidden
}
.note-editor.note-frame .note-editing-area .note-editable {
  padding: 10px;
  overflow: auto;
  color: #000;
  word-wrap: break-word;
  background-color: #fff
}
.note-editor.note-frame .note-editing-area .note-editable[contenteditable=false] {
  background-color: #e5e5e5
}
.note-editor.note-frame .note-editing-area .note-codable {
  display: none;
  width: 100%;
  padding: 10px;
  margin-bottom: 0;
  font-family: Menlo, Monaco, monospace, sans-serif;
  font-size: 14px;
  color: #ccc;
  background-color: #222;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  resize: none
}
.note-editor.note-frame.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100% !important
}
.note-editor.note-frame.fullscreen .note-editable {
  background-color: #fff
}
.note-editor.note-frame.fullscreen .note-resizebar {
  display: none
}
.note-editor.note-frame .note-status-output {
  display: block;
  width: 100%;
  height: 20px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.42857143;
  color: #000;
  border: 0;
  border-top: 1px solid #e2e2e2
}
.note-editor.note-frame .note-status-output:empty {
  height: 0;
  border-top: 0 solid transparent
}
.note-editor.note-frame .note-status-output .pull-right {
  float: right !important
}
.note-editor.note-frame .note-status-output .text-muted {
  color: #777
}
.note-editor.note-frame .note-status-output .text-primary {
  color: #286090
}
.note-editor.note-frame .note-status-output .text-success {
  color: #3c763d
}
.note-editor.note-frame .note-status-output .text-info {
  color: #31708f
}
.note-editor.note-frame .note-status-output .text-warning {
  color: #8a6d3b
}
.note-editor.note-frame .note-status-output .text-danger {
  color: #a94442
}
.note-editor.note-frame .note-status-output .alert {
  padding: 7px 10px 2px;
  margin: -7px 0 0;
  color: #000;
  background-color: #f5f5f5;
  border-radius: 0
}
.note-editor.note-frame .note-status-output .alert .note-icon {
  margin-right: 5px
}
.note-editor.note-frame .note-status-output .alert-success {
  color: #3c763d !important;
  background-color: #dff0d8 !important
}
.note-editor.note-frame .note-status-output .alert-info {
  color: #31708f !important;
  background-color: #d9edf7 !important
}
.note-editor.note-frame .note-status-output .alert-warning {
  color: #8a6d3b !important;
  background-color: #fcf8e3 !important
}
.note-editor.note-frame .note-status-output .alert-danger {
  color: #a94442 !important;
  background-color: #f2dede !important
}
.note-editor.note-frame .note-statusbar {
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}
.note-editor.note-frame .note-statusbar .note-resizebar {
  width: 100%;
  height: 9px;
  padding-top: 1px;
  cursor: ns-resize
}
.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
  width: 20px;
  margin: 1px auto;
  border-top: 1px solid #a9a9a9
}
.note-editor.note-frame .note-statusbar.locked .note-resizebar {
  cursor: default
}
.note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar {
  display: none
}
.note-editor.note-frame .note-placeholder {
  padding: 10px
}
.note-popover.popover .popover-content a {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle
}
.note-popover.popover .arrow {
  left: 20px !important
}
.note-toolbar {
  position: relative;
  z-index: 500
}
.note-popover .popover-content, .panel-heading.note-toolbar {
  padding: 0 0 5px 5px;
  margin: 0
}
.note-popover .popover-content > .btn-group, .panel-heading.note-toolbar > .btn-group {
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 0
}
.note-popover .popover-content .btn-group .note-table, .panel-heading.note-toolbar .btn-group .note-table {
  min-width: 0;
  padding: 5px
}
.note-popover .popover-content .btn-group .note-table .note-dimension-picker, .panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker {
  font-size: 18px
}
.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, .panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
  position: absolute !important;
  z-index: 3;
  width: 10em;
  height: 10em;
  cursor: pointer
}
.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, .panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
  position: relative !important;
  z-index: 1;
  width: 5em;
  height: 5em;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC)
}
.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted, .panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
  position: absolute !important;
  z-index: 2;
  width: 1em;
  height: 1em;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC)
}
.note-popover .popover-content .note-style .dropdown-style blockquote, .note-popover .popover-content .note-style .dropdown-style pre, .panel-heading.note-toolbar .note-style .dropdown-style blockquote, .panel-heading.note-toolbar .note-style .dropdown-style pre {
  padding: 5px 10px;
  margin: 0
}
.note-popover .popover-content .note-style .dropdown-style h1, .note-popover .popover-content .note-style .dropdown-style h2, .note-popover .popover-content .note-style .dropdown-style h3, .note-popover .popover-content .note-style .dropdown-style h4, .note-popover .popover-content .note-style .dropdown-style h5, .note-popover .popover-content .note-style .dropdown-style h6, .note-popover .popover-content .note-style .dropdown-style p, .panel-heading.note-toolbar .note-style .dropdown-style h1, .panel-heading.note-toolbar .note-style .dropdown-style h2, .panel-heading.note-toolbar .note-style .dropdown-style h3, .panel-heading.note-toolbar .note-style .dropdown-style h4, .panel-heading.note-toolbar .note-style .dropdown-style h5, .panel-heading.note-toolbar .note-style .dropdown-style h6, .panel-heading.note-toolbar .note-style .dropdown-style p {
  padding: 0;
  margin: 0
}
.note-popover .popover-content .note-color-all .dropdown-menu, .panel-heading.note-toolbar .note-color-all .dropdown-menu {
  min-width: 337px
}
.note-popover .popover-content .note-color .dropdown-toggle, .panel-heading.note-toolbar .note-color .dropdown-toggle {
  width: 20px;
  padding-left: 5px
}
.note-popover .popover-content .note-color .dropdown-menu .note-palette, .panel-heading.note-toolbar .note-color .dropdown-menu .note-palette {
  display: inline-block;
  width: 160px;
  margin: 0
}
.note-popover .popover-content .note-color .dropdown-menu .note-palette:first-child, .panel-heading.note-toolbar .note-color .dropdown-menu .note-palette:first-child {
  margin: 0 5px
}
.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-palette-title, .panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-palette-title {
  margin: 2px 7px;
  font-size: 12px;
  text-align: center;
  border-bottom: 1px solid #eee
}
.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset, .note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-select, .panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset, .panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-color-select {
  width: 100%;
  padding: 0 3px;
  margin: 3px;
  font-size: 11px;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px
}
.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-row, .panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-color-row {
  height: 20px
}
.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset:hover, .panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset:hover {
  background: #eee
}
.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-select-btn, .panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-color-select-btn {
  display: none
}
.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-holder-custom .note-color-btn, .panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-holder-custom .note-color-btn {
  border: 1px solid #eee
}
.note-popover .popover-content .note-para .dropdown-menu, .panel-heading.note-toolbar .note-para .dropdown-menu {
  min-width: 216px;
  padding: 5px
}
.dropdown_menu, .note-popover .popover-content .dropdown-menu, .panel-heading.note-toolbar .dropdown-menu {
  min-width: 90px
}
.note-popover .popover-content .note-para .dropdown-menu > div:first-child, .panel-heading.note-toolbar .note-para .dropdown-menu > div:first-child {
  margin-right: 5px
}
.note-popover .popover-content .dropdown-menu.right, .panel-heading.note-toolbar .dropdown-menu.right {
  right: 0;
  left: auto
}
.note-popover .popover-content .dropdown-menu.right::before, .panel-heading.note-toolbar .dropdown-menu.right::before {
  right: 9px;
  left: auto !important
}
.note-popover .popover-content .dropdown-menu.right::after, .panel-heading.note-toolbar .dropdown-menu.right::after {
  right: 10px;
  left: auto !important
}
.note-popover .popover-content .dropdown-menu.note-check li a i, .panel-heading.note-toolbar .dropdown-menu.note-check li a i {
  color: #00bfff;
  visibility: hidden
}
.note-popover .popover-content .dropdown-menu.note-check li a.checked i, .panel-heading.note-toolbar .dropdown-menu.note-check li a.checked i {
  visibility: visible
}
.note-popover .popover-content .note-fontsize-10, .panel-heading.note-toolbar .note-fontsize-10 {
  font-size: 10px
}
.note-popover .popover-content .note-color-palette, .panel-heading.note-toolbar .note-color-palette {
  line-height: 1
}
.note-popover .popover-content .note-color-palette div .note-color-btn, .panel-heading.note-toolbar .note-color-palette div .note-color-btn {
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
  border: 1px solid #fff
}
.note-popover .popover-content .note-color-palette div .note-color-btn:hover, .panel-heading.note-toolbar .note-color-palette div .note-color-btn:hover {
  border: 1px solid #000
}
.note-dialog > div {
  display: none
}
.note-dialog .form-group {
  margin-right: 0;
  margin-left: 0
}
.note-dialog .note-modal-form {
  margin: 0
}
.note-dialog .note-image-dialog .note-dropzone {
  min-height: 100px;
  margin-bottom: 10px;
  font-size: 30px;
  line-height: 4;
  color: #d3d3d3;
  text-align: center;
  border: 4px dashed #d3d3d3
}
@-moz-document url-prefix() {
  .note-image-input {
    height: auto
  }
}
.note-placeholder {
  position: absolute;
  display: none;
  color: gray
}
.note-handle .note-control-selection {
  position: absolute;
  display: none;
  border: 1px solid #000
}
.note-handle .note-control-selection > div {
  position: absolute
}
.note-handle .note-control-selection .note-control-selection-bg {
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-opacity: .3;
  -khtml-opacity: .3;
  -moz-opacity: .3;
  opacity: .3;
  -ms-filter: alpha(opacity=30);
  filter: alpha(opacity=30)
}
.note-handle .note-control-selection .note-control-handle, .note-handle .note-control-selection .note-control-holder {
  width: 7px;
  height: 7px;
  border: 1px solid #000
}
.note-handle .note-control-selection .note-control-sizing {
  width: 7px;
  height: 7px;
  background-color: #fff;
  border: 1px solid #000
}
.note-handle .note-control-selection .note-control-nw {
  top: -5px;
  left: -5px;
  border-right: 0;
  border-bottom: 0
}
.note-handle .note-control-selection .note-control-ne {
  top: -5px;
  right: -5px;
  border-bottom: 0;
  border-left: none
}
.note-handle .note-control-selection .note-control-sw {
  bottom: -5px;
  left: -5px;
  border-top: 0;
  border-right: 0
}
.note-handle .note-control-selection .note-control-se {
  right: -5px;
  bottom: -5px;
  cursor: se-resize
}
.note-handle .note-control-selection .note-control-se.note-control-holder {
  cursor: default;
  border-top: 0;
  border-left: none
}
.note-handle .note-control-selection .note-control-selection-info {
  right: 0;
  bottom: 0;
  padding: 5px;
  margin: 5px;
  font-size: 12px;
  color: #fff;
  background-color: #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-opacity: .7;
  -khtml-opacity: .7;
  -moz-opacity: .7;
  opacity: .7;
  -ms-filter: alpha(opacity=70);
  filter: alpha(opacity=70)
}
.note-hint-popover {
  min-width: 100px;
  padding: 2px
}
.note-hint-popover .popover-content {
  max-height: 150px;
  padding: 3px;
  overflow: auto
}
.note-hint-popover .popover-content .note-hint-group .note-hint-item {
  display: block !important;
  padding: 3px
}
.note-hint-popover .popover-content .note-hint-group .note-hint-item.active, .note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {
  display: block;
  clear: both;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  background-color: #428bca;
  outline: 0
}
input.es-input {
  padding-right: 20px !important;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG2YAABzjgAA4DIAAIM2AAB5CAAAxgwAADT6AAAgbL5TJ5gAAABGSURBVHjaYvz//z8DOYCJgUzA0tnZidPK8vJyRpw24pLEpwnuVHRFhDQxMDAwMPz//x+OOzo6/iPz8WFGuocqAAAA//8DAD/sORHYg7kaAAAAAElFTkSuQmCC) right center no-repeat
}
#mass-media-modal-container #dateteimepicker_valid_after .help-inline, #mass-media-modal-container #dateteimepicker_valid_before .help-inline, .bootstrap-datetimepicker-widget .table-condensed tbody > tr > td, .es-list {
  padding: 0
}
input.es-input.open {
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0
}
.es-list {
  position: absolute;
  margin: 0;
  border: 1px solid #d1d1d1;
  display: none;
  z-index: 1000;
  background: #fff;
  max-height: 160px;
  overflow-y: auto;
  -moz-box-shadow: 0 2px 3px #ccc;
  -webkit-box-shadow: 0 2px 3px #ccc;
  box-shadow: 0 2px 3px #ccc
}
.es-list li {
  display: block;
  padding: 5px 10px;
  margin: 0
}
.es-list li.selected {
  background: #f3f3f3
}
#sleek-button * {
  -webkit-box-sizing: unset !important;
  -moz-box-sizing: unset !important;
  box-sizing: unset !important
}
.selected-transition img, .selected-transition video {
  outline: var(--basic-branding) solid 2px
}
#spinner_image_transition_duration .ace-spinner {
  width: 110px !important
}
#sleek-button {
  z-index: auto
}
.account-terms-modal .modal-footer .btn-success {
  max-width: 100%
}
.modal .dropdown-menu {
  z-index: 1060
}
.modal-page > .modal-dialog {
  width: 80%;
  height: 90%;
  pointer-events: auto !important
}
.modal-page > .modal-dialog > .modal-content {
  min-height: 100%;
  pointer-events: auto !important
}
.media-reference i {
  width: 16px
}
.modal.file-size-warning-modal .bootbox-body {
  margin-top: 20px
}
.workspace-selector-modal h3 {
  word-wrap: break-word
}
.uix-multiselect .uix-table {
  top: 0
}
input.simple-text {
  color: inherit;
  cursor: default !important
}
input[readonly].read-only-text, textarea .read-only-text {
  cursor: default
}
select.simple-text {
  color: var(--color-content-secondary);
  cursor: default !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 0;
  padding-right: 0;
  margin-left: -4px
}
.bootstrap-datetimepicker-widget table td span, .folder-tree-view {
  margin: 0
}
.btn-grey:focus {
  background-color: var(--color-content-secondary) !important;
  border-color: var(--color-content-secondary)
}
.open .btn-grey.dropdown-toggle {
  background-color: var(--color-content-tertiary) !important;
  border-color: var(--color-content-secondary)
}
.btn-no-overflow {
  max-width: 100%;
  overflow: unset !important
}
.tree .tree-branch .tree-branch-header {
  height: 20px;
  overflow: hidden
}
.tree .tree-selected {
  background-color: transparent
}
.tree .tree-branch {
  cursor: auto
}
.tree .tree-branch .icon-caret {
  vertical-align: top !important;
  top: 8px;
  left: 3px
}
.tree .tree-branch .tree-branch-header .tree-branch-name, .tree .tree-item .tree-item-name {
  word-wrap: break-word;
  word-break: break-all
}
.folder-tree-view .widget-header {
  font-size: 14px
}
.modal-delete-folder .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 480px
}
#mass-media-modal-container #dateteimepicker_valid_after .datetimepicker, #mass-media-modal-container #dateteimepicker_valid_before .datetimepicker {
  width: 100%
}
.bootstrap-datetimepicker-widget a[data-action] {
  background-color: transparent !important;
  border: none !important;
  display: inline-block !important;
  color: var(--basic-branding) !important;
  text-decoration: none !important;
  width: 100%
}
.clipart-no-results-message, .clipart-selector .no-cliparts-message, .task .clearfix, .update-message-footer {
  color: var(--color-content-tertiary)
}
.bootstrap-datetimepicker-widget table td span:hover {
  background: var(--color-)
}
#select_other {
  cursor: pointer
}
.how-to-monitor {
  display: none
}
.update-modal .modal-title {
  text-align: center
}
.update-message-body {
  text-align: center;
  padding-top: 6px
}
.update-message-footer {
  text-align: center;
  padding-top: 28px
}
.task .progress {
  margin: 5px 0
}
.task .clearfix {
  font-size: 12px;
  line-height: 16px
}
li.task {
  padding: 5px 8px
}
.image_form_view .media-thumbnail.thumbnail-adjusted + #edit-image {
  text-overflow: clip
}
.photo-search-results, .video-search-results {
  min-width: 100%
}
.clipart-search-results ul#available, .photo-search-results ul#available, .video-search-results ul#available {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
  margin-bottom: 15px
}
.clipart-search-results ul#available li .img-container, .photo-search-results ul#available li .img-container, .video-search-results ul#available li .img-container {
  position: static !important
}
.clipart-search-results {
  padding-right: 5px
}
.clipart-selector .no-cliparts-message {
  text-align: center;
  font-weight: 700;
  font-size: 25px
}
.clipart-selector {
  padding: 15px
}
.clipart-search-results #available .clipart-thumbnail .img-container i, .clipart-search-results #available .clipart-thumbnail .img-container img, .photo-search-results #available .stock-photo-thumbnail .img-container img, .video-search-results #available .stock-video-thumbnail .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover
}
.clipart-search-results #available .clipart-thumbnail .img-container i, .clipart-search-results #available .clipart-thumbnail .img-container img {
  object-fit: contain;
  padding: 12px;
  color: var(--color-content-primary);
  border: 1px solid var(--color-border-default)
}
.photo-search-results #available .stock-photo-thumbnail .checkbox, .video-search-results #available .stock-video-thumbnail .checkbox {
  display: none
}
.photo-search-results #available .stock-photo-thumbnail .checkbox.visible, .photo-search-results #available .stock-photo-thumbnail.is-touch .checkbox, .photo-search-results #available .stock-photo-thumbnail:hover .checkbox, .video-search-results #available .stock-video-thumbnail .checkbox.visible, .video-search-results #available .stock-video-thumbnail.is-touch .checkbox, .video-search-results #available .stock-video-thumbnail:hover .checkbox {
  display: block
}
.stock-media-gallery-messages {
  min-height: 20px;
  margin-bottom: 0
}
.photoselector.row, .stock-video-selector.row {
  margin: 0
}
.player-type-selector .form-container, .source-gallery .form-container, .video-source-gallery .form-container {
  border: 0;
  padding-left: 0;
  padding-right: 0
}
.source-gallery .source-button > div, .video-source-gallery .video-source-button > div {
  overflow: hidden
}
.player-type-selector .player-type-description, .source-gallery .source-desciption, .video-source-gallery .video-source-desciption {
  min-height: 20px;
  margin-bottom: 20px;
  line-height: 140% !important
}
.video-source-gallery .video-source-desciption li > ul {
  margin-left: 0 !important;
  padding-left: 16px !important
}
.rotate90 {
  transform: rotate(90deg)
}
.rotate180 {
  transform: rotate(180deg)
}
.rotate270 {
  transform: rotate(270deg)
}
.widget-rotate90 {
  transform: rotate(90deg) translate(0, -100%);
  transform-origin: left top
}
.widget-rotate180 {
  transform: rotate(180deg)
}
.widget-rotate270 {
  transform: rotate(270deg) translate(-100%, 0);
  transform-origin: left top
}
i.thumbnail {
  display: block;
  font-size: 70px;
  line-height: 100px;
  padding: 0;
  text-align: center;
  background-color: transparent
}
.larger-padding-top {
  padding: 3px 14px 8px !important
}
.empty-list-item {
  font-weight: 700;
  font-size: 14px;
  padding-top: 4px;
  border: 0 !important
}
.custom-image-list-editor {
  list-style: none;
  padding-right: 18px;
  float: left
}
#audio-list > .btn, #image-list > .btn, #video-list > .btn {
  margin-bottom: 5px
}
#image-form #edit-image {
  max-width: initial !important
}
.clipart-selector .img-container, .photoselector .img-container, .stock-video-selector .img-container {
  width: 119px;
  height: 119px
}
.photoselector .img-container .tags .label, .stock-video-selector .img-container .tags .label {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 126px
}
.clipart-selector i, .clipart-selector img, .photoselector img, .stock-video-selector img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  background: 0 0;
  border-radius: 0;
  padding: 0;
  border: 0
}
.photoselector .img-container .inner, .stock-video-selector .img-container .inner {
  font-size: 13px;
  min-width: 100px;
  min-height: 80px;
  padding: 0
}
.photoselector .img-container .inner a, .stock-video-selector .img-container .inner a {
  height: 126px
}
.photoselector .img-container .inner .title, .stock-video-selector .img-container .inner .title {
  padding: 14px 0;
  font-size: 13px;
  min-width: 100px;
  min-height: 80px;
  max-height: 120px;
  overflow: hidden;
  color: #fff
}
.photoselector .ace-thumbnails .checkbox, .stock-video-selector .ace-thumbnails .checkbox {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: -2px 4px
}
.photoselector .get-more-container, .stock-video-selector .get-more-container {
  text-align: center
}
.photoselector .get-more-container .get-more, .stock-video-selector .get-more-container .get-more {
  margin-top: 10px;
  min-width: 150px
}
.clipart-search-results .clipart-thumbnail, .photoselector .stock-photo-thumbnail, .stock-video-selector .stock-video-thumbnail {
  overflow: initial;
  border: 0;
  margin: 8px
}
.clipart-search-results .clipart-thumbnail {
  margin-right: 4px;
  cursor: pointer
}
.clipart-search-results .clipart-thumbnail:hover {
  background: var(--color-background-primary)
}
.photoselector .photo-search-orientation, .stock-video-selector .video-search-provider {
  height: 34px;
  margin: 0 4px
}
.photoselector .photo-search-query, .stock-video-selector .video-search-query {
  width: calc(100% - 360px);
  padding-left: 5px;
  font-family: Inter, sans-serif, FontAwesome
}
.clipart-selector .clipart-search-results, .photoselector .photo-search-results, .stock-video-selector .photo-search-results {
  padding-top: 0;
  min-width: 100%
}
.photoselector .photo-search-results .no-more-results-error, .stock-video-selector .video-search-results .no-more-results-error {
  min-height: 20px;
  color: var(--color-content-negative);
  margin-bottom: 0
}
.background-audio-label, .draggable-list-item, .layer-toolbar > a {
  color: var(--color-content-tertiary)
}
#my_image_files_form .source-desciption, #stock_image_form .source-desciption, #stock_video_form .video-source-description-stock {
  margin-bottom: 10px
}
#stock_image_form div[data-error=stock-image], #stock_video_form div[data-error=stock-video] {
  min-height: 20px
}
#video-form #stream-container .label {
  display: block;
  margin-top: 10px;
  margin-left: 0;
  padding-top: 3px
}
#audio-list > #edit-selected {
  margin-left: 4px
}
.disabledElement {
  pointer-events: none;
  opacity: .4
}
.spinner-container.read-only input[type=text].spinner-input.form-control {
  width: 100% !important
}
.spinner-buttons button {
  border-width: 1px
}
.draggable-list-item {
  position: absolute;
  top: -5px;
  left: -5px;
  font-family: FontAwesome;
  font-size: 16px;
  line-height: 1;
  cursor: move
}
#sortable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 60%
}
#sortable li {
  margin: 0 3px 3px;
  padding: .4em;
  padding-left: 1.5em;
  font-size: 1.4em;
  height: 18px
}
#sortable li span {
  position: absolute;
  margin-left: -1.3em
}
#external-events .external-event.ui-sortable-disabled {
  background-color: var(--color-background-tertiary)
}
.ui-icon-gripsmall-diagonal-se {
  background-image: url(images/ui-icons_222222_256x240.png);
  background-position: -61px -221px;
  width: 18px;
  height: 18px
}
.account-settings-list .profile-activity .account-settings-icon.magic-write, .mask, .portal-icon-cogs-grey {
  background-position: center;
  background-repeat: no-repeat
}
.ui-resizable-n, .ui-resizable-s {
  height: 15px
}
.ui-resizable-e, .ui-resizable-w {
  width: 15px
}
.ui-resizable-ne, .ui-resizable-nw, .ui-resizable-sw {
  width: 15px;
  height: 15px
}
.external-events {
  margin: 0 0 10px
}
.external-event {
  width: 100%
}
.layer-toolbar > a {
  cursor: pointer
}
#external-events .external-event.marked {
  outline: solid var(--basic-branding)
}
#external-events {
  padding: 0;
  margin: 0
}
#external-events .external-event.background-audio-marked {
  outline: dotted var(--color-border-notice);
  margin-bottom: 25px
}
.background-audio-label {
  padding-bottom: 7px;
  padding-left: 10px;
  width: 100% !important;
  margin-left: 4px
}
#ratio-buttons .btn-group {
  padding-right: 3px;
  padding-bottom: 3px
}
#ratio-buttons {
  width: 360px;
  margin: 0 5px 12px;
  display: inline-block
}
.mask, .page-loader, [id^=show_selector_template_container] .all-items-container {
  width: 100%
}
#ratio-buttons .ratio-help {
  margin: 0 5px
}
#ratio-buttons .manage-ratios {
  color: inherit !important
}
#ratio-buttons .fullscreen-link {
  font-size: 16px;
  line-height: 28px
}
#ratio-buttons .fullscreen-link .icon-fullscreen {
  margin-left: 5px
}
.portal-icon-cogs-grey {
  background-image: url(images/cog-large-grey.png);
  background-size: contain
}
.mask {
  position: absolute;
  height: 100%;
  z-index: 2
}
.stock-media-gallery-messages .message {
  opacity: .4
}
.region-modal .radio {
  margin-top: 10px;
  display: inline-block
}
.region-modal .control-label {
  margin-top: 6px;
  min-width: 160px
}
.region-modal .transparency-container {
  padding-left: 20px
}
#schedule-form .widget-header .add-event, #volume-schedule-form .widget-header .add-event {
  max-width: 100%
}
#schedule-form .external-event.default-show > [class*=icon-]:first-child {
  padding-top: 5px;
  height: 39px
}
.fc-day-grid.fc-unselectable, .fc-scroller.fc-time-grid-container {
  background-color: var(--color-background-warning-subtle)
}
.page-loader {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 9999;
  background: url(../images/page-loader-logo.gif) 50% 50% no-repeat var(--color-background-inverse);
  background-size: 150px 150px
}
.unsupported-browser {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh
}
.unsupported-browser p {
  max-width: 400px;
  padding: 8px 0;
  line-height: 1.4em;
  text-align: center
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg)
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg)
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
img.loading {
  width: 100px
}
.label-md {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px
}
.label-md .label-xlg {
  min-width: 35% !important;
  width: 100px
}
.label-md .label-info {
  align-items: center
}
.note-editor .btn-group button {
  border-width: 2px !important;
  margin: 0 2px 0 0 !important
}
.note-toolbar {
  border-top: 1px solid var(--color-border-default);
  border-right: 1px solid var(--color-border-default);
  background: var(--color-background-inverse)
}
.note-editing-area {
  width: 100%;
  height: 100%
}
.note-editing-area .dragging {
  cursor: e-resize;
  border-left: 1px solid var(--color-border-default);
  position: absolute;
  background: var(--color-background-primary);
  top: 0;
  right: 0;
  width: 8px;
  height: 100%
}
.note-editing-area .dragging .note-resizebar > .note-icon-bar {
  height: 27px;
  margin-top: 26px;
  border-right: 1px solid var(--color-border-default);
  width: 2px
}
.note-editing-area .dragging .note-resizebar > .note-icon-bar:not(:last-child) {
  margin-left: 1px
}
#device-list > .btn-group > .btn, .btn-group + .btn, .btn-group.dropup .btn {
  border-width: 5px
}
#device-list #delete-selected, #device-list #edit-selected, #device-list #move-selected, #device-list .device-action, .actions-dropdown-container ul li a, .actions.actions-table-cell li a, .bulk-actions-container ul li a {
  display: flex;
  align-items: center
}
#device-list .item-name-preview-container .name-container {
  display: flex !important;
  align-items: center
}
.actions-dropdown-container ul li, .actions.actions-table-cell li, .bulk-actions-container ul li {
  padding: 1px
}
.actions-dropdown-container ul li a, .actions.actions-table-cell li a, .bulk-actions-container ul li a {
  margin-top: 5px;
  margin-bottom: 5px !important
}
#device_form #emergency li .pull-left, #mass_device_form #mass-emergency_alerts li .pull-left {
  width: 100% !important;
  overflow: hidden
}
.devices-nws-message {
  margin-bottom: 4px
}
#refresh_status_container {
  float: right
}
#refresh_status {
  float: right;
  margin-right: 14px;
  cursor: pointer
}
#simpletext_raspberry_status\.extension_enabled, #simpletext_raspberry_status\.pwa_enabled {
  margin-bottom: 15px
}
#mass-network .wireless-subsection .form-group .toggle-editor, #network .wireless-subsection .form-group .toggle-editor {
  padding-top: 3px
}
#proxy-subsection-fields, #static-wired-subsection-fields, #static-wireless-subsection-fields, #threeg-fourg-subsection-fields, #wireless-subsection-fields {
  margin-top: 20px
}
.select2-results__group {
  color: var(--color-content-primary) !important;
  font-size: 15px !important
}
.content_field .select2-container--disabled .select2-selection__rendered {
  display: none
}
.content_field select[disabled] {
  color: transparent
}
.disabled-save-btn {
  opacity: .2 !important;
  pointer-events: none !important
}
.premium_feature {
  margin-left: 12px;
  background: var(--color-background-warning);
  color: var(--color-content-primary);
  border-radius: 5px;
  text-transform: uppercase;
  padding: 3px 7px
}
.tt-menu, .typeahead {
  background-color: var(--color-background-inverse)
}
.premium_feature_footer, .read_documentation_slots {
  margin-left: 10px;
  line-height: 16px;
  font-weight: 400;
  font-size: 12px;
  color: var(--color-content-primary)
}
#redirect-changeplan, .read_documentation_slots > a, .read_documentation_slots > a:focus, .read_documentation_slots > a:hover {
  font-weight: 700;
  color: var(--color-content-primary);
  text-decoration: underline
}
#on_screen_messages_mass .form-group > div {
  margin-top: 5px
}
a.our-anchors-only {
  pointer-events: none;
  display: inline-block;
  color: inherit;
  outline: 0
}
.typeahead:focus {
  border: 2px solid var(--color-border-notice)
}
.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.tt-hint {
  color: var(--color-content-tertiary)
}
.tt-menu {
  width: 422px;
  margin: 12px 0;
  padding: 8px 0;
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  max-width: 200px
}
.tt-suggestion.tt-cursor, .tt-suggestion:hover {
  color: var(--color-content-primary);
  background-color: var(--color-background-tertiary)
}
.tt-menu:hover {
  border: 1px solid var(--color-border-hover)
}
.tt-suggestion {
  padding: 3px 20px;
  text-overflow: ellipsis;
  overflow: hidden
}
.tt-suggestion:hover {
  cursor: pointer
}
.CodeMirror-scroll.read-only-text, .read-only-text {
  background: var(--color-background-inverse) !important
}
.tt-suggestion p {
  margin: 0
}
@media (max-width:768px) {
  .tt-menu {
    width: 200px
  }
}
@media (max-width:390px) {
  .tm-tag.tm-tag-typeahead {
    display: inline-flex;
    align-items: center;
    max-width: 220px;
    width: fit-content
  }
  .tag-selection {
    text-overflow: ellipsis;
    overflow: hidden
  }
}
.field-page_duration_map .bbf-add, .field-page_duration_map .bbf-del, .select2.select2-container.read-only .select2-selection__arrow, .select2.select2-container.read-only .select2-selection__clear {
  display: none
}
.CodeMirror, .url_form_view input {
  max-width: 800px
}
#pixie-editor-container #pixie-frame-container {
  width: 94% !important;
  height: 96% !important;
  top: 3% !important;
  left: 3% !important
}
#image-form .media-thumbnail {
  float: none !important
}
.select2.select2-container.read-only {
  pointer-events: none;
  touch-action: none
}
.select2.select2-container.read-only .select2-selection .select2-selection__rendered {
  color: var(--color-content-secondary) !important
}
.CodeMirror-scroll.read-only-text, .codemirror-container.read-only .CodeMirror-line span, .read-only-text {
  cursor: default;
  color: #939192 !important
}
.CodeMirror-gutter {
  min-width: 30px
}
.CodeMirror {
  border: 1px solid var(--color-border-default)
}
#integration_form_container #codemirror_script_code, #integration_form_container .CodeMirror {
  max-width: 1400px
}
#codemirror_script_code {
  position: relative
}
.CodeMirror-scroll.read-only-text {
  pointer-events: auto
}
.codemirror-container.read-only .CodeMirror-focused div.CodeMirror-cursors {
  visibility: hidden
}
.read-only-text {
  pointer-events: auto
}
#script-help {
  position: absolute;
  right: 24px;
  top: 10px;
  font-size: 36px;
  line-height: 36px;
  z-index: 25
}
.bbf-list .spaced > li:first-child {
  margin-top: 0
}
.warning-resolution-modal .modal-body {
  padding-bottom: 2px !important
}
.monitor-resolution-volume-icon {
  width: 15px;
  margin-left: 7px;
  font-size: 16px;
  padding-top: 1px
}
.monitor-resolution-supported-icon {
  width: 15px;
  float: right;
  color: var(--color-background-positive);
  font-size: 16px;
  flex: 1;
  text-align: right
}
.monitor-resolution-non-supported-icon, .warning-button {
  width: 15px;
  float: right;
  color: var(--basic-branding);
  font-size: 16px;
  flex: 1;
  text-align: right
}
#device-tabs-list > li > a[href='#interactivity'] {
  padding-right: 35px
}
.warning-button {
  padding-left: 3px
}
#mass_media_form .form-group:not(:first-child) > div.help-inline {
  margin-top: 4px
}
#mass_media_form .form-group:first-child > div.help-inline {
  margin-top: 3px
}
#mass_media_form .form-group > span.help-inline {
  margin-top: 4px
}
#map {
  height: 420px;
  width: 100%
}
.google-map-single-marker-container.enabled {
  opacity: 1;
  pointer-events: auto
}
.google-map-single-marker-container .gm-fullscreen-control {
  margin-left: 20px !important
}
.google-map-single-marker-container .map-single-marker {
  height: 250px
}
.geocoder-search-container {
  margin-left: 10px;
  margin-right: 65px
}
.geocoder-search-container #address {
  width: 250px;
  margin-top: 10px
}
.geocoder-search-container #submit {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 160px
}
@media (max-width:530px) {
  .geocoder-search-container #address {
    width: 190px
  }
}
.form-group.google-map-error .control-label, .form-group.google-map-error .help-block, .form-group.google-map-error .help-inline {
  color: var(--color-border-negative)
}
.form-group.google-map-error .google-map-single-marker-container {
  border: 1px solid var(--color-border-negative)
}
.infowindow-container {
  max-height: 250px;
  overflow: hidden
}
.infowindow-header-list.list-inline.single-item + hr {
  margin-top: 10px
}
.infowindow-header-list {
  display: flex;
  justify-content: center
}
.infowindow-header-list.list-inline {
  padding-bottom: 10px
}
.infowindow-content-list.list-unstyled {
  position: relative;
  overflow-y: auto;
  max-height: 150px
}
#user-profile.user-profile:not(.subscription-row) {
  margin-top: 24px
}
#user-profile .extra_button.validated, #user-profile .validation.validated .notvalidated {
  display: none
}
#privacy-settings-section .newsletter-title {
  font-weight: 700
}
#privacy-settings-section .newsletter-title .subtitle {
  font-weight: 100
}
#privacy-settings-section .cookie-preferences {
  color: var(--color-content-primary);
  text-decoration: underline;
  text-decoration-color: var(--color-content-secondary);
  cursor: pointer
}
#privacy-settings-section .checkbox-title {
  margin-left: 8px;
  vertical-align: middle
}
.tab-content .tab-pane .form-actions {
  margin-left: -32px;
  margin-right: -32px;
  margin-bottom: -32px
}
#playback-reports-tabs {
  margin-top: 30px
}
#edit-playback-report-configuration .recurrency-row {
  display: flex
}
#edit-playback-report-configuration .main-section-description {
  margin-top: 20px
}
.recurrency-row .recurrency-radio-container .radio:not(:last-child) {
  margin-bottom: 10px
}
.recurrency-row .recurrency-radio-container .radio {
  padding-left: 0;
  min-width: 140px
}
.form-group.field-weekly_day {
  margin-bottom: 0
}
div[name=saml_settings_use_nameid] .radio, div[name=saml_settings_use_user_name] .radio {
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 10px
}
#security-policy-settings #edit-social-login {
  margin-left: 16px
}
#security-policy-settings #edit-social-login [name=disable_social_login] {
  visibility: hidden;
  height: 18px;
  -moz-appearance: initial
}
#security-policy-settings #edit-social-login [name=disable_social_login]:after {
  content: ' ';
  display: inline-block;
  color: var(--color-content-primary);
  width: 18px;
  height: 18px;
  visibility: visible;
  border-radius: 4px;
  border: 1px solid var(--color-border-default)
}
#security-policy-settings #edit-social-login [name=disable_social_login]:checked:after {
  content: '\e950';
  font-family: ds-app-font;
  font-size: 16px;
  color: var(--white);
  background-color: var(--basic-branding);
  border-color: var(--basic-branding)
}
#security-policy-settings #edit-social-login .control-label {
  max-width: unset;
  width: fit-content
}
#single-sign-on-settings .create_users_automatically-container {
  border-top: 1px solid var(--color-border-default);
  padding-top: 20px
}
#single-sign-on-settings ul.nav-tabs #edit_saml_tab {
  margin-left: auto
}
#security-policy-settings .tab-content, #single-sign-on-settings .tab-content {
  background-color: var(--color-background-inverse)
}
#security-policy-settings .form-actions, #single-sign-on-settings .form-actions {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0
}
#single-sign-on-settings #groups-list {
  margin-bottom: 40px
}
#single-sign-on-settings #groups-list > label {
  text-align: left;
  margin-bottom: 5px;
  padding-left: 8px
}
.notfree {
  display: inline-block
}
.free, .isfree .notfree {
  display: none
}
.account-currency {
  display: flex !important;
  align-items: center !important;
  gap: 4px
}
.account-currency #account-currency {
  white-space: pre-wrap
}
.tab-header-title {
  color: var(--color-content-primary);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin-right: 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center
}
@media (min-width:768px) {
  .tab-header-title {
    margin: 0 0 8px
  }
}
.subscription-info-subtitle {
  color: var(--color-content-secondary);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  @media (max-width: 768px) {
    margin: 0 0 16px 0;
  }
  ;
}
.isfree .free, .nocard {
  display: inline-block
}
.card, .hascard .nocard {
  display: none
}
.hascard .card {
  display: inline-block
}
.secondary-wifi-bottom-container {
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
  margin-top: 20px
}
.field-emails-invoice-recipients, .field-enabled-invoice-recipients {
  display: flex;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 20px !important
}
.field-enabled-invoice-recipients {
  align-items: baseline
}
.field-emails-invoice-recipients {
  align-items: flex-start
}
.field-emails-invoice-recipients div {
  padding-left: 0
}
.select-200 {
  max-width: 200px
}
p.main-section-description {
  color: var(--color-content-secondary);
  font-size: 13px
}
#reasons-to-free-downgrade .radio label, #specific-explanations-for-downgrade .radio label {
  font-size: 13px
}
#reasons-to-free-downgrade .radio .lbl {
  display: flex;
  align-items: center
}
#specific-explanations-for-downgrade textarea {
  overflow: hidden;
  word-wrap: break-word;
  resize: vertical;
  min-height: 70px
}
.changed {
  display: none
}
.has-changes .changed {
  display: inline-block
}
.notannual {
  display: initial
}
.annual, .isannual .notannual {
  display: none
}
.isannual .annual {
  display: initial
}
.quota_changed, .quota_has_changed .quota_same {
  display: none
}
.quota_has_changed .quota_changed {
  display: initial
}
.plan_changed {
  display: none
}
.plan_same {
  display: initial
}
.plan_has_changed .plan_same {
  display: none
}
.plan_has_changed .plan_changed {
  display: initial
}
.free_given {
  display: none
}
.has_free_given .free_given {
  display: initial
}
.free_devices {
  display: none
}
.has_free_devices .free_devices {
  display: initial
}
.form-group.use-billing-flag .use-billing-container {
  display: flex
}
.controls.disabledElement select.form-control[disabled] {
  background: var(--color-background-inverse)
}
.subscription-row .nav-tabs li.invoices-tab > a > i, .subscription-row .nav-tabs li.orders-tab > a > i, .subscription-row .nav-tabs li.shipping-info-tab > a > i, .subscription-row .nav-tabs li.subscription-tab > a > i {
  font-size: 125%
}
.mass-proxy-subsection.devices-subsection-is-open, .mass-threeg-fourg-subsection.devices-subsection-is-open, .mass-wireless-subsection.devices-subsection-is-open, .proxy-subsection.devices-subsection-is-open, .static-ips-wired-subsection.devices-subsection-is-open, .static-ips-wireless-subsection.devices-subsection-is-open, .threeg-fourg-subsection.devices-subsection-is-open, .wireless-subsection.devices-subsection-is-open {
  margin-bottom: 15px
}
.proxy-subsection.devices-subsection-is-open .form-group:last-child, .static-ips-wired-subsection.devices-subsection-is-open .form-group:last-child, .static-ips-wireless-subsection.devices-subsection-is-open .form-group:last-child, .threeg-fourg-subsection.devices-subsection-is-open .form-group:last-child, .wireless-subsection.devices-subsection-is-open .form-group:last-child {
  margin-bottom: 10px
}
.mass-threeg-fourg-subsection.devices-subsection-is-open #threeg-fourg-subsection-mass-fieldsets fieldset:last-child, .mass-wireless-subsection.devices-subsection-is-open #wireless-subsection-mass-fieldsets fieldset:last-child {
  margin-bottom: 20px
}
#advanced, #mass-advanced {
  margin: -5px
}
#advanced .tab-content, #mass-advanced .tab-content {
  border: 0
}
.alert_form_view input[name=threshold] {
  width: 168px;
  display: inline-block
}
.alert_form_view select[name=type] {
  width: 168px
}
#popup-container {
  position: absolute;
  z-index: 999;
  padding: 0
}
.ticker-text .wysiwyg-editor {
  height: 2em
}
.ticker-text .wysiwyg-toolbar {
  padding: 4px 5px;
  background-color: var(--color-background-tertiary)
}
.wysiwyg-style2 .btn-group > .btn {
  margin: 0 1px 0 0 !important;
  background: var(--color-background-inverse) !important;
  border: none !important;
  color: var(--color-content-tertiary) !important;
  text-shadow: none !important
}
.ticker-text .ticker-content {
  width: 100%;
  height: 2em;
  font-size: x-large
}
.ticker-item-form > .form-group {
  display: none
}
.ticker-item-form.http > .form-group.http, .ticker-item-form.rss > .form-group.rss, .ticker-item-form.separator > .form-group.separator, .ticker-item-form.text > .form-group.text, .ticker-item-form > .form-group.all {
  display: block
}
.bbf-list.read-only ul li div.form-control {
  color: var(--color-content-tertiary);
  background: var(--color-background-inverse) !important;
  cursor: default
}
.dataTable th.sorting_asc:after, .wysiwyg-style2 .btn-group .dropdown .btn {
  color: var(--color-content-tertiary) !important
}
.bbf-list.read-only ul li button[class*=del] {
  display: none
}
.field-script_code.has-error .CodeMirror.cm-s-default {
  border-color: var(--color-background-negative) !important
}
.wysiwyg-style2 .btn-group .dropdown .btn {
  margin: 0 1px 0 0 !important;
  background: var(--color-background-inverse) !important;
  border: none !important;
  text-shadow: none !important
}
.wysiwyg-toolbar .input-icon {
  line-height: initial;
  margin-top: 5px
}
.wysiwyg-toolbar .dropdown-colorpicker {
  display: inline-block;
  margin-right: 5px
}
.wysiwyg-toolbar .sp-replacer {
  border: none;
  background-color: var(--color-background-inverse)
}
.wysiwyg-toolbar .speed-container {
  height: 32px
}
.wysiwyg-toolbar .speed {
  height: 30px
}
.dropdown-colorpicker .btn-colorpicker, .dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn {
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-border-default)
}
.jsoneditor-container {
  height: 400px
}
.bbf-list-modal {
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--color-content-primary)
}
.bbf-list ul li {
  display: flex;
  align-items: inherit
}
.bbf-list ul li .form-control {
  white-space: nowrap
}
.iconpicker-container {
  max-width: 200px
}
.user_form_view input[type=checkbox] {
  width: 20px;
  height: 20px
}
.user_form_view .table thead tr {
  background-image: none;
  background-color: var(--color-content-primary)
}
.user_form_view label.labelafter {
  padding: 0 5px;
  margin-top: -10px
}
input[type=checkbox].form-control {
  width: 1.5em;
  margin: 0
}
.control-group > .checkbox {
  padding-left: 0;
  padding-right: 20px
}
#app-form .control-group > .radio, .inline-radio .radio {
  padding-left: 0;
  padding-right: 20px;
  display: inline-block
}
.boolean-field [data-editor]:first-child {
  max-width: 200px;
  display: inline-block
}
.font-selector-img-preview {
  height: 16px;
  padding-top: .1em;
  padding-bottom: .1em;
  filter: var(--filter)
}
.log-filter-form > .form-group {
  margin-top: 15px;
  margin-bottom: 0
}
#edit-inactivity-logout .form-actions, #edit-password .form-actions, #edit-restricted-network .form-actions {
  border: none;
  padding-top: 8px
}
#edit-password {
  padding-left: 24px
}
#edit-password .separator-label {
  font-size: 12px
}
#edit-inactivity-logout {
  padding: 20px 24px 0
}
.profile-edit-tab-content .provider-container {
  margin-bottom: 34px;
  display: inline-flex;
  justify-content: center;
  flex-flow: column
}
.profile-edit-tab-content .provider-container .set-password-message {
  width: 448px;
  color: var(--color-content-secondary)
}
.profile-edit-tab-content .provider-container .signed-up-with {
  color: var(--color-content-secondary)
}
.profile-edit-tab-content .provider-container .provider {
  display: inline-flex;
  height: 33px;
  margin-bottom: 12px;
  align-items: center
}
.profile-edit-tab-content .provider-container .provider img {
  width: 22px;
  height: 22px;
  margin-left: 8px
}
.profile-edit-tab-content #use-otp-label {
  max-width: unset;
  width: fit-content
}
.profile-edit-tab-content .otp-disabled-message {
  color: var(--color-content-primary);
  margin-top: 24px;
  margin-bottom: 10px;
  line-height: 150%
}
#security-policy-settings .tab-content .go-to-social-login, .profile-edit-tab-content .otp-disabled-message .go-to-password-tab {
  color: var(--basic-branding);
  cursor: pointer
}
.passwordpolicy_enable_saml {
  padding: 20px 24px;
  color: var(--color-content-tertiary);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px
}
.feature {
  display: none
}
body.feature_has_2factorauth .feature.has_2factorauth, body.feature_has_customroles .feature.has_customroles, body.feature_has_passwordpolicy .feature.has_passwordpolicy, body.feature_has_singlesignon .feature.has_singlesignon, body.feature_has_subplaylists_1 .feature.has_subplaylists_1, body.feature_has_subplaylists_n .feature.has_subplaylists_n, body.feature_has_workspaces .feature.has_workspaces {
  display: initial
}
.color-Black {
  background-color: #000
}
.color-Blue {
  background-color: #00f
}
.color-BlueViolet {
  background-color: #8a2be2
}
.color-Brown {
  background-color: brown
}
.color-BurlyWood {
  background-color: #deb887
}
.color-CadetBlue {
  background-color: #5f9ea0
}
.color-Chartreuse {
  background-color: #7fff00
}
.color-Chocolate {
  background-color: #d2691e
}
.color-Coral {
  background-color: coral
}
.color-CornflowerBlue {
  background-color: #6495ed
}
.color-Crimson {
  background-color: #dc143c
}
.color-DarkBlue {
  background-color: #00008b
}
.color-DarkCyan {
  background-color: #008b8b
}
.color-DarkGoldenRod {
  background-color: #b8860b
}
.color-DarkGray {
  background-color: var(--color-content-tertiary)
}
.color-DarkGreen {
  background-color: #006400
}
.color-DarkKhaki {
  background-color: #bdb76b
}
.color-DarkMagenta {
  background-color: #8b008b
}
.color-DarkOliveGreen {
  background-color: #556b2f
}
.color-DarkOrange {
  background-color: #ff8c00
}
.color-DarkOrchid {
  background-color: #9932cc
}
.color-DarkRed {
  background-color: #8b0000
}
.color-DarkSlateBlue {
  background-color: #483d8b
}
.color-DarkSlateGray {
  background-color: #2f4f4f
}
.color-DarkTurquoise {
  background-color: #00ced1
}
.color-DarkViolet {
  background-color: #9400d3
}
.color-DeepPink {
  background-color: #ff1493
}
.color-DeepSkyBlue {
  background-color: #00bfff
}
.color-DimGray {
  background-color: #696969
}
.color-DodgerBlue {
  background-color: #1e90ff
}
.color-FireBrick {
  background-color: #b22222
}
.color-ForestGreen {
  background-color: #228b22
}
.color-Fuchsia {
  background-color: #f0f
}
.color-Gold {
  background-color: gold
}
.color-GoldenRod {
  background-color: #daa520
}
.color-Gray {
  background-color: var(--color-content-secondary)
}
.color-Green {
  background-color: green
}
.color-GreenYellow {
  background-color: #adff2f
}
.color-HotPink {
  background-color: #ff69b4
}
.color-IndianRed {
  background-color: #cd5c5c
}
.color-Indigo {
  background-color: indigo
}
.color-LawnGreen {
  background-color: #7cfc00
}
.color-LightCoral {
  background-color: #f08080
}
.color-LightSeaGreen {
  background-color: #20b2aa
}
.color-LightSlateGray {
  background-color: #789
}
.color-Lime {
  background-color: #0f0
}
.color-LimeGreen {
  background-color: #32cd32
}
.color-Magenta {
  background-color: #f0f
}
.color-Maroon {
  background-color: maroon
}
.color-MediumBlue {
  background-color: #0000cd
}
.color-MediumOrchid {
  background-color: #ba55d3
}
.color-MediumPurple {
  background-color: #9370db
}
.color-MediumSeaGreen {
  background-color: #3cb371
}
.color-MediumSlateBlue {
  background-color: #7b68ee
}
.color-MediumVioletRed {
  background-color: #c71585
}
.color-MidnightBlue {
  background-color: #191970
}
.color-Navy {
  background-color: navy
}
.color-Olive {
  background-color: olive
}
.color-OliveDrab {
  background-color: #6b8e23
}
.color-Orange {
  background-color: orange
}
.color-OrangeRed {
  background-color: #ff4500
}
.color-Peru {
  background-color: peru
}
.color-Purple {
  background-color: purple
}
.color-RebeccaPurple {
  background-color: #639
}
.color-Red {
  background-color: red
}
.color-RoyalBlue {
  background-color: #4169e1
}
.color-SaddleBrown {
  background-color: #8b4513
}
.color-SeaGreen {
  background-color: #2e8b57
}
.color-Sienna {
  background-color: sienna
}
.color-SlateBlue {
  background-color: #6a5acd
}
.color-SlateGray {
  background-color: #708090
}
.color-SpringGreen {
  background-color: #00ff7f
}
.color-SteelBlue {
  background-color: #4682b4
}
.color-Teal {
  background-color: teal
}
.color-Tomato {
  background-color: tomato
}
.color-Turquoise {
  background-color: #40e0d0
}
.color-Violet {
  background-color: violet
}
.color-Yellow {
  background-color: #ff0
}
.color-YellowGreen {
  background-color: #9acd32
}
@media (max-width:768px) {
  #edit-playback-report-configuration .recurrency-row {
    display: block
  }
  .dataTables_filter a.addTag {
    margin-right: 0
  }
  .dataTables_wrapper select {
    margin-left: 0
  }
}
.pill-radio, .tip {
  margin-right: 10px
}
@media (max-width:380px) {
  #playback-report-list .dataTables_filter input[type=search] {
    width: 120px
  }
}
@media (max-width:767px) {
  .modal-page > .modal-dialog {
    width: 95%;
    height: 95%
  }
}
@media only screen and (max-width:765px) {
  #overscan_label {
    margin-top: 0 !important
  }
}
.industry-required {
  margin-bottom: -30px
}
.display-required {
  margin-bottom: -20px
}
.pill-radio {
  display: inline-block;
  margin-bottom: 10px
}
.pill-radio input[type=radio] {
  position: absolute;
  opacity: 0
}
.pill-radio input[type=radio] + span.lbl {
  display: inline-block;
  padding: 5px 15px;
  border: 1px solid var(--color-border-default);
  border-radius: 20px;
  font-size: 14px;
  color: var(--color-content-primary);
  cursor: pointer;
  transition: all .3s ease;
  font-weight: 600
}
.pill-radio input[type=radio]:checked + span.lbl {
  background-color: var(--color-background-tertiary);
  color: var(--color-content-primary);
  border: 1px solid var(--color-border-default)
}
.pill-radio input[type=radio]:hover:not(:checked) + span.lbl {
  background-color: var(--color-content-tertiary)
}
.back-button {
  float: left;
  background-color: var(--color-content-tertiary) !important;
  border-color: var(--color-border-default) !important
}
#facebook-name, #twitter-name {
  margin-left: 4px;
  font-weight: 700;
  border: 2px solid var(--color-border-default);
  padding: 9px;
  background: var(--color-background-primary);
  border-radius: 5px;
  color: var(--color-content-tertiary)
}
#widget-toolbar-icons {
  display: contents
}
@media (max-width:991px) {
  #audit-log-tabs, #emergency-tabs {
    margin-top: 40px
  }
  #audit-log-file-list .num_of_items_container {
    margin-top: 50px
  }
}
#audit_log_list_view table {
  table-layout: fixed
}
#audit_log_list_view {
  display: flex;
  flex-direction: column;
  align-items: flex-end
}
#audit-log-list .dataTables_filter {
  margin-top: -132px
}
#audit-log-file-list .dataTables_filter {
  margin-top: -64px;
  margin-left: -16px
}
@media (max-width:640px) {
  #audit_log_list_view #mainTable {
    margin-top: 34px
  }
}
#audit-log-file-list .num_of_items_container, #audit-log-list .num_of_items_container, #emergency-lists .num_of_items_container {
  position: absolute;
  z-index: 10
}
@media (min-width:992px) {
  #audit-log-file-list .num_of_items_container {
    margin-top: 85px
  }
}
#audit-log-file-list .dataTables_wrapper .row:nth-child(2) {
  margin-top: 20px
}
@media (min-width:991px) {
  #audit_log_list_view .filterFormContainer {
    position: relative;
    z-index: 10;
    margin-right: 55px;
    margin-bottom: -57px;
    margin-top: 50px
  }
}
@media (max-width:991px) {
  #audit_log_list_view .filterFormContainer {
    margin-right: 0;
    width: 100%
  }
  #audit-log-list .dataTables_filter {
    margin-top: -192px
  }
  #audit_log_list_view .filterFormContainer .log-filter-form {
    margin-top: 50px;
    display: flex;
    column-gap: 5px
  }
}
#audit_log_list_view .filterFormContainer .log-filter-form {
  margin-bottom: -18px
}
#audit_log_list_view .filterFormContainer .log-filter-form .form-group {
  margin-top: 7px
}
@media (max-width:440px) {
  #audit_log_file_list_view .dataTables_filter input[type=search], #audit_log_list_view .dataTables_filter input[type=search] {
    width: 40px
  }
}
.intercom-app > div, .intercom-lightweight-app-launcher {
  right: 15px !important
}
.fragment {
  font-size: 12px;
  margin-left: 12px;
  margin-right: 12px;
  font-family: tahoma;
  height: 45px;
  border: 2px solid var(--basic-branding);
  color: var(--color-content-primary);
  display: block;
  padding: 10px;
  box-sizing: border-box;
  text-decoration: none
}
.fragment h3 {
  padding: 0;
  margin: 0;
  color: var(--basic-branding)
}
#closeDiscountBanner {
  position: absolute;
  top: -2px;
  right: 21px;
  display: inline-block;
  padding: 2px 5px;
  background-image: radial-gradient(var(--color-content-inverse) 40%, var(--color-content-inverse) 0, transparent 0, transparent)
}
#switch_offer_button.btn, .offer-discount-popup #switch_modal_btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid var(--basic-branding) !important;
  font-weight: 700;
  text-align: center;
  color: var(--white);
  background-color: var(--basic-branding) !important;
  cursor: pointer;
  -webkit-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  padding: 4px 20px;
  margin-left: 15px;
  margin-top: -5px;
  font-size: 14px;
  margin-bottom: -5px
}
#offer_ends, #text-offer, #text-switchto {
  font-size: 13px
}
#discount-container {
  z-index: 999;
  padding: 8px 20px 24px;
  opacity: 1;
  margin-top: 5px
}
#offer_ends {
  margin-left: auto;
  color: var(--color-content-tertiary)
}
.modal-dialog.pulsing-dot-left::before {
  left: 0
}
.first-card.pulsing-dot-top::before {
  top: 4px
}
.pdf-gallery-button.pulsing-dot-left::before, .stock-image-gallery.pulsing-dot-left::before, .youtube-audio-button.pulsing-dot-left::before, .youtube-video-button.pulsing-dot-left::before {
  left: 8px;
  top: 12%
}
#images-container.pulsing-dot-left::before {
  left: -16px;
  top: 35%
}
.folder-tree.pulsing-dot-right::before {
  top: 50%
}
#media_all a.pulsing-dot-right::before {
  right: 0 !important
}
#apply_changes_container.pulsing-dot-bottom::before {
  left: 48% !important
}
.icon-content, .refreshtime-seperator, .refreshtime-value, .tip {
  color: var(--color-content-tertiary)
}
.pulsing-dot-bottom::before, .pulsing-dot-default-content-schedules::before, .pulsing-dot-left::before, .pulsing-dot-right::before, .pulsing-dot-top::before {
  content: '';
  width: 16px;
  height: 16px;
  background-color: var(--color-brand-purple);
  border-radius: 50%;
  position: absolute;
  animation: pulsing-purple-dot 2s infinite;
  z-index: 10000
}
.emergency-alert-expiry-container, .modal-content, .more-resolutions, .popover {
  background-color: var(--color-background-inverse)
}
.pulsing-dot-right.schedule-view-dot::before {
  top: 92px !important;
  right: 12px !important
}
.schedule-view-tour {
  margin-top: 80px;
  margin-left: 0
}
.pulsing-dot-left::before {
  left: -8px;
  top: 32%
}
.pulsing-dot-right::before {
  right: -8px;
  top: 32%
}
.pulsing-dot-top::before {
  left: 43%;
  top: -8px
}
.pulsing-dot-bottom::before {
  left: 43%;
  bottom: -8px
}
.pulsing-dot-default-content-schedules::before {
  left: 43%;
  bottom: -20px
}
@keyframes pulsing-purple-dot {
  0%, 100% {
    box-shadow: 0 0 2px 2px rgba(77, 45, 173, .5)
  }
  50% {
    box-shadow: 0 0 6px 6px rgba(77, 45, 173, 0)
  }
}
@keyframes shakeMe {
  10%, 90% {
    transform: translate3d(-1px, 0, 0)
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0)
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0)
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0)
  }
}
@keyframes shakeMeTop {
  10%, 90% {
    transform: translate3d(0, -1px, 0)
  }
  20%, 80% {
    transform: translate3d(0, 2px, 0)
  }
  30%, 50%, 70% {
    transform: translate3d(0, -4px, 0)
  }
  40%, 60% {
    transform: translate3d(0, 4px, 0)
  }
}
.overlay-highlight-container {
  position: relative;
  z-index: 9998;
  opacity: 1;
  box-shadow: 0 0 0 99999px rgba(0, 0, 0, .4) !important;
  transition: all .5s ease
}
.remove-z-index-navbar {
  z-index: 1
}
.corner-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 56.25%;
  border-radius: 8px
}
.corner-wrapper .onboarding_video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0
}
.schedule-add-entry .arrow:after {
  border-left-color: var(--color-content-inverse) !important
}
.modal-content, .popover {
  border: var(--border);
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
  -webkit-border-radius: 2px;
  border-radius: 2px
}
#app-list .preview-container, .btn-section-grid .btn {
  border: 1px solid var(--color-border-default) !important
}
h4.modal-title {
  font-size: 16px;
  padding: 0 6px
}
.modal-header .close {
  font-size: 30px
}
@media (max-width:425px) {
  .popover {
    max-width: 230px
  }
}
.popover.left .arrow, .popover.right .arrow {
  top: 66px !important
}
.tip {
  font-size: 12px;
  line-height: 14px;
  float: right;
  margin-top: 5px
}
.tip > i {
  margin-right: 6px;
  font-size: 14px
}
.more-resolutions {
  text-align: center;
  margin: auto;
  display: block;
  padding-bottom: 15px;
  cursor: pointer
}
@media only screen and (max-width:300px) {
  .slideshow-next, .slideshow-prev {
    font-size: 11px
  }
}
.app-icon-listing {
  font-style: normal;
  font-size: 25px
}
.app-listing-preview {
  display: flex;
  align-items: center;
  justify-content: center
}
.grid-preview-container .item-name-preview-container .app-listing-preview .app-icon-listing {
  font-size: 40px
}
.item-name-preview .item-name-preview-container.editModel {
  cursor: pointer
}
#add_folder {
  height: 40px
}
@media (max-width:520px) {
  .app-modal-footer .create-app {
    margin-top: 10px
  }
}
.icon-content {
  min-width: 100%;
  max-width: 100%;
  min-height: 118px;
  max-height: 195px;
  background: var(--color-background-notice-subtle);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center
}
.item-name-preview-container .icon-content {
  min-height: auto
}
#app-list .preview-container {
  display: flex
}
.icon-content > img {
  width: 100%;
  height: auto;
  max-height: 118px;
  min-height: 118px
}
.order-automatic {
  opacity: .6
}
.bold-automatic-msg {
  color: var(--color-content-primary);
  font-weight: 700
}
@media (max-width:470px) {
  .form-actions #media-reference {
    float: left !important;
    margin-top: 20px !important;
    font-size: 14px !important
  }
}
@media (max-width:480px) {
  #edit-billing-info .form-actions, #edit-shipping-info .form-actions, .user-profile-form-actions {
    margin-right: -12px !important;
    margin-left: -12px !important;
    margin-bottom: -16px !important
  }
  #edit-billing-info .form-actions, #edit-shipping-info .form-actions {
    padding-left: 0;
    padding-right: 0
  }
  #edit-shipping-info .address-form-view .use-billing-flag {
    padding-left: 10px;
    padding-right: 10px
  }
}
@media (max-width:360px) {
  #edit-billing-info .form-actions > div, #edit-shipping-info .form-actions > div {
    padding-right: 4px;
    padding-left: 4px
  }
  #edit-billing-info .form-actions > div button.submit-form, #edit-shipping-info .form-actions > div button.submit-form {
    margin-right: 0
  }
}
@media (max-width:550px) {
  #calendar .fc-toolbar > .fc-center {
    margin-top: 25px;
    display: flex;
    float: left;
    width: 100%;
    justify-content: center
  }
}
@media (max-width:595px) {
  .pdf-source-gallery .pdf-source-button, .player-type-selector .player-type-button, .source-gallery .source-button, .video-source-gallery .video-source-button {
    margin-right: 3px !important;
    margin-bottom: 5px !important
  }
}
@media (max-width:700px) {
  .action-buttons-flat-view > a, .action-buttons-flat-view > button, .action-buttons-flat-view > div, .show-form-media-buttons-sticky > button {
    margin-top: 5px !important
  }
  .action-buttons-flat-view {
    padding-bottom: 10px
  }
}
@media (max-width:390px) {
  .action-buttons-flat-view > a, .action-buttons-flat-view > button, .action-buttons-flat-view > div, .show-form-media-buttons-sticky > button {
    margin-top: 20px !important
  }
}
.wifi-scan-container, a#link_to_4K_enable, a#volume-schedule-link, div[data-error], small#ratio_disabled_kms_label {
  margin-top: 8px;
  display: block
}
.full-screen-element .widget-box .text .inner a:not(:last-child), [class*=priority-] {
  display: none !important
}
.wifi-scan-container {
  position: absolute
}
[class*=priority-] + .modal-backdrop {
  display: none
}
#audio_input_file_container .ace-file-input, #image_input_file_container .ace-file-input, #ppt_input_file_container .ace-file-input, #video_input_file_container .ace-file-input {
  top: 0 !important;
  left: 0 !important
}
[id^=drop-zone-] {
  width: 5%;
  z-index: 1000;
  height: 1px;
  opacity: 0;
  padding-right: 0;
  padding-left: 0;
  margin-left: -12px
}
.drag-n-drop-mask {
  bottom: 0;
  top: 67px;
  position: absolute;
  text-align: center;
  font-size: 40px;
  color: var(--color-content-primary);
  background-color: var(--color-background-tertiary);
  align-items: center;
  display: flex;
  justify-content: center;
  opacity: .4;
  right: 0;
  left: 0;
  z-index: 60;
  padding-top: 4px;
  padding-bottom: 8px;
  pointer-events: none
}
.drag-n-drop-inner-mask {
  margin-left: 11px;
  margin-right: 11px;
  margin-top: 4px;
  width: 100%;
  color: var(--color-content-primary);
  height: 100%;
  border: 2px dotted;
  z-index: 70;
  margin-bottom: -4px;
  pointer-events: none
}
.row #folder-tree, .row [id$='-list'] {
  margin-top: 9px
}
.select2-results__option > div {
  word-break: break-word
}
li.select2-results__option[role=group] {
  padding: 0 !important
}
li.select2-results__option[role=group] strong.select2-results__group {
  height: 42px;
  padding: 10px 16px;
  border-bottom: .5px solid var(--color-border-default);
  overflow: hidden
}
li.select2-results__option[role=group] li.select2-results__option[role=option] {
  gap: 8px;
  font-weight: 400 !important;
  font-size: 14px;
  min-height: 42px;
  height: auto;
  line-height: 20px !important;
  padding: 11px 16px 11px 48px !important
}
ul.select2-results__options:has(li.select2-results__option[role=group]) li.select2-results__option[role=option]:not(li.select2-results__option[role=group] li[role=option]) {
  font-size: 15px;
  font-weight: 700;
  border-bottom: .5px solid var(--color-border-default);
  color: var(--color-content-primary);
  padding: 10px 16px !important;
  line-height: 21.4286px !important
}
#background-audio-file .form-control {
  white-space: nowrap;
  text-overflow: ellipsis
}
.modal-body .form-horizontal fieldset {
  min-width: 0
}
.commaSeperatorContainer #overscan-editor > div {
  padding-left: 20px
}
.drag-n-drop-inner-mask-message {
  position: absolute;
  top: 30%;
  left: 50%;
  margin-left: -116px;
  display: grid
}
@media (max-height:460px) {
  .drag-n-drop-inner-mask-message {
    top: 12%
  }
}
.bootbox-body .otp_secret_container > div {
  padding-right: 15px
}
.info_2fa_message {
  font-size: 16px;
  margin-bottom: 15px;
  text-align: center
}
.info_2fa_link {
  font-size: 12px;
  align-self: center;
  text-align: center;
  display: inline-block
}
#otp_qrcode {
  align-self: center;
  margin-bottom: 10px
}
#flex_qr_container {
  display: flex;
  flex-direction: column
}
.openTrack {
  margin-left: auto
}
.order-shipped-container {
  display: flex;
  align-items: center
}
.order-shipped-container span:first-child {
  margin-right: 15px
}
.order-shipped-container span:last-child {
  margin-left: auto;
  font-style: italic
}
#login-box .toolbar > div > a, .form-group label.control-label, .order-shipped-container span, .row label.control-label, .snapshot-not-found-text, .widget-header h4, label > span.lbl {
  word-break: break-word
}
.form-group.field-action_time__gte label.control-label, .form-group.field-action_time__lte label.control-label {
  word-break: normal
}
.reset-password-modal-message {
  margin-bottom: 30px;
  text-align: center;
  font-size: 15px
}
.field-dummy_password span[data-editor] input::-webkit-credentials-auto-fill-button {
  visibility: hidden
}
div[name=monitor_rotation] .select2-selection__rendered > div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
div#select_show_container .select2-selection__rendered {
  width: 100%
}
@supports (-ms-ime-align:auto) {
  td.status-column > div span:nth-child(1) {
    position: relative;
    left: 20px;
    top: 0
  }
  td.status-column > div .label {
    line-height: 1.2 !important
  }
}
@supports (-moz-appearance:none) {
  td.status-column > div span:nth-child(1).label.arrowed:before {
    left: -11px;
    border-width: 10px 6px
  }
}
td.status-column > div span:nth-child(2) {
  max-width: 120px;
  text-overflow: ellipsis;
  overflow: hidden
}
.file-encoding-finished-waiting-thumbnail {
  position: absolute;
  top: -10px;
  left: -8px;
  font-size: 20px;
  background: var(--color-background-inverse);
  color: var(--color-background-positive);
  width: 16px;
  height: 16px;
  border-radius: 50%
}
.blurred-aborted-thumbnail {
  background-image: radial-gradient(#e59729 55%, #e59729 0, transparent 0, transparent)
}
#video-view-content .blurred-uploading-thumbnail {
  background-image: radial-gradient(#f4f4f4 60%, #f4f4f4 0, transparent 0, transparent)
}
.blurred-uploading-thumbnail {
  background-image: radial-gradient(var(--color-content-tertiary) 60%, var(--color-content-tertiary) 0, transparent 0, transparent)
}
.blurred-encoding-thumbnail {
  background-image: radial-gradient(#fff 55%, #fff 0, transparent 0, transparent)
}
#pdf-view-content .blurred-encoding-thumbnail {
  background-image: radial-gradient(#3f96d4 64%, #3f96d4 0, transparent 0, transparent)
}
.blurred-failed-thumbnail {
  background-image: radial-gradient(#b74635 55%, #b74635 0, transparent 0, transparent)
}
.blurred-pending-thumbnail {
  background-image: radial-gradient(#d2e7b5 60%, #d2e7b5 0, transparent 0, transparent)
}
#pdf-view-content .blurred-pending-thumbnail {
  background-image: radial-gradient(#629b58 60%, #629b58 0, transparent 0, transparent)
}
.codemirror-error-line-highlight {
  background-color: var(--color-background-warning)
}
select#expiry-duration-select {
  text-align: center
}
.show_editor_selectors_dropdown .select2-results__group {
  text-align: center;
  border-bottom: 1px solid var(--color-border-default);
  margin: 10px;
  padding: 2px 0
}
table .media-thumbnail {
  width: 118px;
  height: 70.75px
}
.thumbnail {
  border: none;
  border-radius: 0;
  padding: 0;
  max-width: 100%;
  position: absolute
}
.refreshtime-editor-container {
  user-select: none
}
.refreshtime-value {
  padding: 2px 14px;
  border-radius: 7px;
  width: 52px;
  text-align: center;
  border: 1px solid var(--color-border-default);
  font-weight: 400
}
.refreshtime-value:focus {
  border: 1px solid var(--color-content-warning);
  border-radius: 7px;
  outline: 0
}
.refreshtime-seperator {
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 37px;
  padding-right: 5px;
  padding-left: 5px;
  font-weight: 700;
  user-select: none
}
.refreshtime-minus, .refreshtime-plus {
  cursor: pointer;
  text-align: center
}
.field-logo .form-group {
  margin-top: 15px
}
.field-slides div[data-items] {
  overflow-x: auto;
  padding-top: 15px;
  margin-bottom: 8px
}
#image_picker_uploader_editor_container label.file-label-disable-pseudo-element {
  width: auto
}
#image_picker_uploader_editor_container .ace-file-multiple .file-label .file-name img, #image_picker_uploader_editor_container .ace-file-multiple .file-label .file-name video {
  margin: 6px 5px;
  height: 113px !important
}
#fullscreen.icon-fullscreen {
  color: var(--color-content-primary);
  z-index: 20;
  top: 4px;
  right: 4px;
  position: absolute;
  font-size: 14px;
  cursor: pointer
}
#fullscreen:hover, .emergency-alerts-modal .no-assignments-message {
  color: var(--basic-branding)
}
.main-container > .main-container-inner {
  position: static
}
.edit-item-modal .modal-dialog {
  max-width: 850px;
  width: 100%
}
.shows-inline-edit-app-modal fieldset {
  min-inline-size: auto
}
.shows-inline-edit-app-modal h3:first-child {
  margin-bottom: 30px
}
.playlist-link .source, .widget-box .source {
  position: relative
}
.inline-edit:hover {
  text-decoration: none
}
.widget-box .text .inner a:hover {
  text-decoration: none;
  cursor: pointer
}
@supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {
  #image_picker_uploader_editor_container label.file-label {
    height: 137px
  }
  #image_picker_uploader_editor_container .ace-file-multiple .file-label::before {
    margin-bottom: 0
  }
  #image_picker_uploader_editor_container .ace-file-multiple .file-label .file-name [class*=icon-] {
    margin-top: 0
  }
  #image_picker_uploader_editor_container .ace-file-multiple .file-label .file-name img {
    margin: 10px 6px 0;
    height: 125px
  }
  td.status-column > div .label {
    line-height: 1.4 !important
  }
}
.doc-title, .video-title {
  padding-right: 5px
}
.emergency-wizard-step-number-container {
  margin-left: auto;
  margin-right: auto
}
.emergency-radio-wrapper input {
  position: absolute;
  opacity: 0
}
.btn, .clear-all-keywords i, .label.arrowed, .modal-footer .btn i, .page-content .dashboard, .position-relative {
  position: relative
}
.emergency-radio-wrapper input + img {
  cursor: pointer;
  border: 2px solid var(--color-border-default)
}
.emergency-radio-wrapper input:checked + img, .emergency-radio-wrapper.custom.custom-checked {
  outline: var(--color-border-default) solid 2px
}
.emergency-alerts-modal .modal-content {
  padding-left: 50px;
  padding-right: 50px
}
.emergency-alerts-modal .modal-header {
  padding-left: 0;
  padding-right: 0;
  padding-top: 30px
}
.emergency-alerts-modal .modal-title {
  padding: 0
}
.emergency-alerts-modal .modal-body {
  padding-right: 0;
  padding-left: 0
}
.emergency-alerts-modal .bootbox-body div > .row {
  margin-left: 0;
  margin-right: 0
}
.emergency-alerts-modal h3 {
  text-align: center;
  margin-bottom: 30px;
  font-weight: 700
}
label.emergency-radio-wrapper {
  margin-bottom: 10px;
  margin-right: 10px
}
label.emergency-radio-wrapper img {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}
label.emergency-radio-wrapper.custom {
  width: 198px;
  height: 154px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
  border: 2px solid transparent
}
label.emergency-radio-wrapper.custom .icon-and-name-container {
  background-color: var(--color-border-negative);
  width: 194px;
  height: 150px;
  color: var(--color-content-primary);
  cursor: pointer
}
label.emergency-radio-wrapper.custom .icon-and-name-container i {
  font-size: 6em;
  margin-top: 25px;
  margin-bottom: 10px
}
label.emergency-radio-wrapper.custom .icon-and-name-container .name-container {
  padding-left: 15px;
  overflow: hidden;
  width: 180px;
  text-overflow: ellipsis;
  white-space: nowrap
}
label.emergency-radio-wrapper.custom .icon-and-name-container .name-container span {
  margin-top: 5px
}
label.emergency-radio-wrapper input {
  cursor: pointer
}
.radio-emergency-filters-container {
  padding-right: 5%;
  padding-left: 5%;
  text-align: center;
  overflow-y: auto;
  height: 224px
}
.emergency-type-and-filter-selections-container select.form-control {
  height: 30px !important
}
.emergency-alert-expiry-container {
  margin-top: 50px;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 40px 30%;
  border-bottom: 1px solid var(--color-border-default)
}
.broadcast-screens-container.hidden + .emergency-workspace-container {
  margin-top: 0
}
.broadcast-screens-container {
  height: 296px
}
.broadcast-screens-container.empty-workspaces {
  height: 540px
}
.broadcast-screens-container.empty-workspaces .radio-emergency-filters-container {
  height: 490px
}
.radio-emergency-filters-container .btn {
  margin-left: 2px !important;
  background: var(--color-background-inverse) !important;
  color: var(--color-content-tertiary) !important;
  font-size: 14px !important;
  padding: 9px 15px;
  margin: 6px;
  border: 1px solid var(--color-border-default);
  max-width: 260px
}
.radio-emergency-filters-container .btn.active {
  background-color: var(--basic-branding) !important;
  border-color: var(--basic-branding) !important;
  color: var(--color-content-inverse) !important
}
.emergency-selections-container .zebra-style, .emergency-workspace-container {
  background-color: var(--color-background-inverse)
}
.emergency-section-separator, .emergency-selections-container, .emergency-workspace-container {
  border-bottom: 1px solid var(--color-border-default)
}
.emergency-section-separator {
  width: 100%;
  padding-bottom: 4px;
  margin-bottom: 32px;
  margin-top: 50px;
  align-self: flex-start;
  font-weight: 700;
  color: var(--color-content-tertiary);
  font-size: 12px;
  letter-spacing: .8px
}
.emergency-workspace-container .lbl {
  color: var(--basic-branding) !important
}
.emergency-workspace-container label {
  margin-top: 15px;
  padding-bottom: 35px
}
.emergency-workspace-container {
  margin-top: 30px;
  text-align: center
}
.emergency-workspace-container h3 {
  padding-top: 45px
}
.emergency-workspace-selector-container {
  padding: 0 30%
}
.emergency-selections-container > div {
  padding-top: 10px;
  padding-bottom: 10px
}
.emergency-selections-container {
  height: 555px;
  overflow-y: auto
}
.radio-emergency-types-container {
  overflow-y: auto;
  height: 510px;
  padding: 5px;
  text-align: center
}
.emergency-alert-texts-container .emergency-alert-text-container:not(:first-of-type) label {
  margin-top: 20px
}
.messages-container.no-screens-message {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 510px
}
.messages-container.no-screens-message h3 {
  color: var(--basic-branding);
  margin-bottom: 25px
}
.no-assignments-selections-container .no-assignments-content-label {
  color: var(--basic-branding)
}
.emergency-alert-texts-container {
  padding-right: 15%;
  padding-left: 15%;
  height: 300px
}
.emergency-alert-text-container {
  display: flex;
  align-items: center;
  flex-direction: column
}
.emergency-alert-text-container label {
  font-weight: 700;
  color: var(--basic-branding);
  font-size: 16px
}
.emergency-alert-text-container textarea {
  resize: none;
  height: 35px
}
.emergency-selections-container .emergency-image-container img {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}
.emergency-image-container {
  margin-bottom: 20px;
  text-align: center
}
.emergency-step.emergency-step-one {
  padding: 30px 30px 0
}
#emergency-wizard-container {
  height: 580px
}
#emergency-wizard-container .emergency-step:not(:first-of-type) {
  padding-top: 30px
}
td.status-column > div {
  display: flex;
  align-items: center;
  cursor: default
}
td.status-column > div > i:not(.fa-exclamation-triangle) {
  float: right;
  font-size: 1.7em;
  color: #aab8c1
}
td.status-column > div > i.fa-exclamation-triangle {
  font-size: 1.6em;
  color: #d3413b
}
@media (max-width:432px) {
  .emergency-alert-expiry-container {
    padding: 42px 25%
  }
  .emergency-workspace-selector-container {
    padding: 0 20%
  }
  .emergency-workspace-container {
    margin-top: 35px
  }
  .emergency-alert-texts-container {
    padding-left: 0;
    padding-right: 0
  }
  .emergency-selections-container .col-sm-5 {
    text-align: left !important
  }
  #emergency-wizard-container h3 {
    font-size: 18px !important
  }
}
@media (max-width:420px) {
  .emergency-step.emergency-step-one {
    padding: 0
  }
}
@media (min-width:350px) and (max-width:410px) {
  .navbar .navbar-header, .navbar .navbar-header.pull-right {
    min-width: auto !important
  }
  .navbar-header.pull-right {
    margin-top: 0 !important
  }
}
@media (max-width:410px) {
  .navbar .navbar-header {
    min-width: 100%
  }
  .navbar-header.pull-right {
    margin-right: 0 !important
  }
}
@media (max-width:770px) {
  #devide_default_content_dropdown .dropdown-menu.pull-right {
    left: 0 !important;
    right: auto !important
  }
}
@media (max-width:460px) {
  .navbar .navbar-header.pull-left {
    float: left !important
  }
  .navbar .navbar-header.pull-right {
    float: right !important
  }
}
@media (min-width:410px) and (max-width:570px) {
  .navbar .navbar-header.pull-left {
    display: block;
    float: none !important
  }
  .navbar .navbar-header.pull-right {
    float: right !important;
    margin-right: 0 !important
  }
}
@media (max-width:570px) {
  .video-tutorial-video-container > iframe {
    width: 100% !important
  }
  .navbar .navbar-header.pull-right {
    min-width: 100%
  }
  th.status-column {
    width: 95px !important
  }
  td.status-column > div {
    display: block !important;
    text-align: center !important
  }
  td.status-column > div > i, td.status-column > div > img {
    padding-left: 5px !important;
    top: 3px;
    position: relative
  }
  td.status-column > div span:nth-child(1) {
    left: auto;
    top: auto
  }
  #device-list .table .actions {
    width: 82px !important
  }
}
@media (max-width:991px) {
  #sleek-button {
    display: none
  }
}
#ratio_disabled_kms_label {
  font-style: italic;
  color: var(--color-content-tertiary)
}
.main-container, .page-content {
  background-color: transparent
}
.main-container.new-background, .main-container.new-background:after, .page-content.new-background {
  background-color: var(--color-background-primary) !important
}
.region-paste-enabled .region-paste {
  opacity: 1 !important;
  pointer-events: auto !important
}
#has-background-icon i {
  margin-right: -12px
}
.modal-footer .btn i {
  bottom: -1px
}
#dashboard-remember-basics > div {
  margin-bottom: 10px
}
.audit-log-wrapper-child {
  margin-top: 25px
}
#all-media-form #dateteimepicker_valid_before, #all-media-form .form-group.field-duration .ace-spinner, #app-form .form-group.field-duration .ace-spinner, #audio-form #dateteimepicker_valid_before, #image-form #dateteimepicker_valid_before, #image-form .form-group.field-duration .ace-spinner, #pdf-form #dateteimepicker_valid_before, #pdf-form #spinner_arguments\.default_page_duration .ace-spinner, #url-form #dateteimepicker_valid_before, #url-form .form-group.field-duration .ace-spinner, #url-form .form-group.field-fallback .imageSelector, #video-form #dateteimepicker_valid_before, #video-form .form-group.field-duration .ace-spinner {
  display: block
}
#all-media-form #dateteimepicker_valid_before > span, #audio-form #dateteimepicker_valid_before > span, #image-form #dateteimepicker_valid_before > span, #pdf-form #dateteimepicker_valid_before > span, #url-form #dateteimepicker_valid_before > span, #video-form #dateteimepicker_valid_before > span {
  display: flex;
  align-items: center;
  margin-top: 10px
}
#dateteimepicker_valid_before > .disable-checkbox-container {
  display: flex;
  align-items: center;
  margin-top: 8px
}
#url-form .form-group.field-fallback .col-sm-10 .imageSelector #has-value, #url-form .form-group.field-fallback .col-sm-10 .imageSelector #has-value .file-label, #url-form .form-group.field-fallback .col-sm-10 .imageSelector #no-value, #url-form .form-group.field-fallback .col-sm-10 .imageSelector #no-value .file-label {
  margin-bottom: 0 !important
}
#url-form .form-group.field-fallback div[data-editor] {
  max-width: 300px !important
}
@media (max-width:350px) {
  #url-form .form-group.field-fallback div[data-editor] {
    max-width: 245px !important
  }
  .imageSelector #has-value, .imageSelector #no-value {
    min-width: 245px
  }
}
.custom-fonts-form-view #custom-font-zip-file-container label.file-label.error {
  border-color: var(--color-border-negative)
}
.custom-fonts-form-view #custom-font-zip-file-container label.file-label.error, .custom-fonts-form-view #custom-font-zip-file-container p[data-error=custom-font-zip-file-uploader-error], .form-group.custom-font-zip-file .control-label.error {
  color: var(--color-border-negative)
}
#custom-font-zip-file-container .file-name {
  display: flex;
  column-gap: 5px
}
@media (min-width:768px) {
  .custom-font-zip-file .col-sm-1 {
    margin-top: 5px
  }
}
@media (max-width:768px) {
  .emergency-alerts-modal .modal-content {
    min-height: 0 !important
  }
  .custom-fonts-form-view .custom-fonts-edit-warning-message {
    padding-left: 0
  }
}
.video-gallery-modal .video-source-button {
  margin-bottom: 5px !important
}
.import-audio-url-container .import-audio-url-input-item, .import-document-url-container .import-document-url-input-item, .import-image-url-container .import-from-url-input-item, .import-video-url-container .import-from-url-input-item {
  display: flex;
  align-items: center
}
div[class*='-url-container'] .import-from-url-input-item .item-delete {
  height: 35px
}
div[class*='-url-container'] .import-from-url-input-item .item-delete i {
  color: var(--color-content-tertiary)
}
.import-from-url-input-item > div {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between
}
.import-from-url-input-item > div > span {
  margin-left: 10px;
  cursor: pointer;
  display: flex;
  align-items: center
}
.image-gallery-modal .photo-search-form input::placeholder, .video-gallery-modal .video-search-form input::placeholder {
  color: var(--color-content-tertiary) !important;
  font-style: italic !important
}
div[class*='-gallery-modal'] div[class*=source-gallery] h3.header {
  border-bottom-width: 2px !important
}
.clipart-selector .magnifier-glass-search-icon, .photoselector .magnifier-glass-search-icon, .stock-video-selector .magnifier-glass-search-icon {
  height: 34px;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%
}
.clipart-selector .magnifier-glass-search-icon > i, .photoselector .magnifier-glass-search-icon > i, .stock-video-selector .magnifier-glass-search-icon > i {
  color: var(--color-content-primary)
}
.image-gallery-modal .photo-search-form .filter-button.active, .image-gallery-modal .photo-search-form .filter-button:hover, .video-gallery-modal .video-search-form .filter-button.active, .video-gallery-modal .video-search-form .filter-button:hover {
  color: var(--color-content-tertiary)
}
.image-gallery-modal .photo-search-form input, .video-gallery-modal .video-search-form input {
  width: 100%
}
.source-gallery ul[class*='-tabs-list'] a.nav-link {
  cursor: pointer
}
.filters-select-container {
  margin-bottom: 20px
}
#colorbox.preview-photos-colorbox #cboxLoadedContent, #colorbox.preview-photos-in-form-colorbox #cboxLoadedContent, #colorbox.preview-videos-colorbox #cboxLoadedContent, #colorbox.stock-photos-colorbox #cboxLoadedContent, #colorbox.stock-videos-colorbox #cboxLoadedContent, #video_stream_form .form-group {
  margin-bottom: 0
}
.clipart-gallery-modal .modal-dialog {
  width: 80%
}
#audio_stream_form div[data-error], #video_stream_form div[data-error], .audio-vimeo-tabs-list + .tab-content div[data-error], .audio-youtube-tabs-list + .tab-content div[data-error], .video-vimeo-tabs-list + .tab-content div[data-error], .video-youtube-tabs-list + .tab-content div[data-error] {
  padding-left: 12px
}
@media (max-width:410px) {
  .photo-search-results ul#available, .video-search-results ul#available {
    display: flex;
    flex-direction: column;
    align-items: center
  }
}
#cboxContent {
  background-color: var(--color-background-inverse)
}
#colorbox.preview-photos-colorbox #cboxContent, #colorbox.preview-photos-in-form-colorbox #cboxContent, #colorbox.preview-videos-colorbox #cboxContent, #colorbox.stock-photos-colorbox #cboxContent, #colorbox.stock-videos-colorbox #cboxContent {
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 50px;
  border: none
}
#colorbox.preview-photos-colorbox #cboxClose, #colorbox.preview-photos-in-form-colorbox #cboxClose, #colorbox.preview-videos-colorbox #cboxClose, #colorbox.stock-photos-colorbox #cboxClose, #colorbox.stock-videos-colorbox #cboxClose {
  top: 14px;
  right: 45px;
  font-size: 12px
}
#colorbox.stock-photos-colorbox #cboxNext, #colorbox.stock-photos-colorbox #cboxPrevious {
  top: 14px;
  font-size: 16px
}
#colorbox.stock-photos-colorbox #cboxNext {
  left: 72px
}
#colorbox.stock-photos-colorbox #cboxPrevious {
  left: 45px
}
#colorbox.preview-photos-colorbox #cboxClose, #colorbox.preview-photos-in-form-colorbox #cboxClose, #colorbox.preview-videos-colorbox #cboxClose, #colorbox.stock-photos-colorbox #cboxClose, #colorbox.stock-photos-colorbox #cboxNext, #colorbox.stock-photos-colorbox #cboxPrevious, #colorbox.stock-videos-colorbox #cboxClose {
  text-indent: 0;
  background: 0 0;
  color: var(--color-content-secondary)
}
#colorbox.preview-photos-colorbox #cboxClose:hover, #colorbox.preview-videos-colorbox #cboxClose:hover, #colorbox.stock-photos-colorbox #cboxClose:hover, #colorbox.stock-photos-colorbox #cboxNext:hover, #colorbox.stock-photos-colorbox #cboxPrevious:hover, #colorbox.stock-videos-colorbox #cboxClose:hover {
  color: var(--color-content-tertiary) s
}
#colorbox.stock-photos-colorbox #cboxCurrent, #colorbox.stock-videos-colorbox #cboxCurrent {
  top: 16px;
  left: 117px;
  height: 40px;
  font-size: 12px
}
.preview-photo-colorbox-title-container .stock-image-preview-description, .preview-video-colorbox-title-container .stock-video-preview-description, .stock-photo-colorbox-title-container .stock-image-preview-description, .stock-video-colorbox-title-container .stock-video-preview-description {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis
}
.preview-photo-colorbox-title-container, .preview-video-colorbox-title-container, .stock-photo-colorbox-title-container, .stock-video-colorbox-title-container {
  align-items: center;
  width: 100%;
  margin-bottom: 20px
}
.stock-photo-colorbox-title-container .description-container {
  float: left;
  margin-right: 15px
}
#cboxLoadedContent .remove-bg-error-container {
  min-height: 20px;
  color: var(--color-background-negative)
}
.stock-photo-colorbox-title-container .buttons-container {
  margin-left: auto
}
.image-list-preview-colorbox .preview-photo-colorbox-title-container, .preview-video-colorbox-title-container, .stock-video-colorbox-title-container {
  display: inline-block;
  margin-top: 20px
}
.spinner-labels-container.responsive .max-items-container, .spinner-labels-container.responsive .max-time-container, .thirdparty-detail .linked-third-party-account-form-group, .thirdparty-detail .selected-third-party-folder-name-form-group {
  display: flex;
  align-items: center
}
.image-list-preview-colorbox .preview-photo-colorbox-title-container span.title-container, .preview-video-colorbox-title-container span.title-container {
  float: left;
  max-width: 100%
}
.stock-video-colorbox-title-container .title-container {
  float: left;
  margin-bottom: 10px;
  margin-top: 16px
}
.stock-video-colorbox-title-container .buttons-container {
  float: right;
  margin-left: auto
}
.preview-photo-colorbox-title-container .description-details {
  float: left
}
.preview-photo-colorbox-title-container .buttons-container {
  float: right;
  margin-left: auto
}
.clear-all-keywords {
  visibility: hidden
}
.table-checkbox:checked + .checkbox-label > i.fa-check-square, input.clipart-search-query.with-clear-all + .clear-all-keywords {
  visibility: visible
}
.clear-all-keywords i {
  float: right;
  right: 8px;
  top: -22px;
  z-index: 222;
  color: var(--color-content-primary);
  background-color: var(--color-background-inverse);
  font-size: 12px;
  cursor: pointer
}
.clipart-search-query {
  height: 40px !important
}
.spinner-labels-container.responsive .max-items-label {
  margin-bottom: 0 !important
}
.spinner-labels-container.responsive .max-time-label {
  margin-top: 20px !important
}
.spinner-labels-container.responsive .max-items-container .toggle-editor span.lbl, .spinner-labels-container.responsive .max-time-container .toggle-editor span.lbl {
  margin-top: 3px
}
.clipart-container .rotatable-container {
  width: 100%;
  height: 100%
}
@media (max-width:768px) {
  .thirdparty-detail .selected-third-party-folder-name-form-group {
    display: block
  }
}
.update-modal .text-warning summary, div[id$='_chooser_container'] button[id$='_chooser_button'] {
  outline: 0
}
.btn-section-grid {
  float: right;
  padding-right: 15px
}
.btn-section-grid label {
  height: 100%;
  float: right !important;
  color: var(--color-content-primary) !important;
  align-items: center;
  display: flex;
  justify-content: center
}
.btn-section-grid .btn {
  background-color: var(--color-background-inverse) !important;
  width: 120px
}
li.monitor-thumbnail .img-container .refresh-indicator {
  position: absolute;
  z-index: 10;
  right: 4px;
  top: 5px
}
select#sel_workspace option[disabled] {
  display: none
}
.es-input-icon {
  font-size: 9px;
  position: absolute;
  right: 19px;
  top: 12px;
  color: #858585
}
@media (hover:none) and (pointer:coarse) {
  body.modal-open {
    margin-right: 0
  }
}
#industries .radio, #screen_display .radio {
  padding-left: 35px;
  display: flex;
  height: 24px
}
#industries .radio .lbl, #screen_display .radio .lbl {
  line-height: 18px;
  min-height: 18px
}
#industries input[type=radio].custom-radio:checked + .lbl::before, #screen_display input[type=radio].custom-radio:checked + .lbl::before {
  height: 12px;
  line-height: 10px;
  width: 10px;
  font-size: 9px
}
#industries input[type=radio].ace + .lbl::before, #screen_display input[type=radio].ace + .lbl::before {
  line-height: 12px;
  height: 12px;
  min-width: 12px;
  margin-bottom: 2px
}
#industries .control-label, #quota .control-label, #screen_display .control-label {
  color: var(--color-content-primary)
}
.onboarding_title {
  font-size: 14px;
  color: var(--basic-branding);
  margin-top: 0;
  margin-bottom: 20px
}
.weight_600 {
  font-weight: 600 !important
}
.purple {
  color: var(--color-content-primary) !important
}
.header.purple {
  border-bottom-width: 0
}
.badge-success, .label-success {
  background-color: var(--color-background-positive) !important
}
.label-success.arrowed:before {
  border-right-color: var(--color-background-positive)
}
.btn-success, .btn-success:focus, .btn-success:hover, .open .btn-success.dropdown-toggle {
  background-color: var(--color-background-positive) !important;
  border-color: var(--color-background-positive)
}
.btn-danger, .btn-danger:focus, .btn-danger:hover, .open .btn-danger.dropdown-toggle {
  background-color: var(--color-background-negative) !important;
  border-color: var(--color-background-negative) !important
}
.btn-danger, .btn-danger:focus {
  color: var(--white) !important
}
.btn-info, .btn-info:focus, .btn-info:hover, .open .btn-info.dropdown-toggle {
  background-color: var(--color-background-notice) !important;
  border-color: var(--color-background-notice)
}
.dataTable .editModel.btn-xs, table td.actions .btn-group button, table td.actions.actions4 .btn-group button {
  font-size: 12px;
  border-width: 2.5px;
  line-height: 19px;
  height: 29px;
  width: 31px
}
.playlist-link.widget-toolbar.no-border {
  display: flex;
  align-items: center
}
.playlist-link.widget-toolbar.no-border i {
  vertical-align: middle
}
#schedule-form .widget-box.transparent .widget-header .add-event {
  margin-left: auto
}
.generate-scim-token button, button.copy-to-clipboard {
  font-size: 14px;
  margin-left: 2px;
  line-height: 1.31;
  height: 44px
}
.scim-container {
  border-top: 1px solid var(--color-border-default);
  padding-top: 20px
}
.scim-container span[data-editor][data-rel=tooltip] {
  width: 40px;
  display: inline-block
}
.bbf-list ul.list-unstyled .bbf-del {
  line-height: 1;
  margin-left: 2px
}
#o, .btn.open-embed-preview, .btn.video-search-button {
  font-size: 13px
}
.embed-text {
  width: calc(100% - 42px)
}
#form_container .header.purple {
  font-weight: 700;
  font-size: 14px;
  margin-left: 38px;
  margin-bottom: 24px
}
#form_container .header.purple::before {
  content: '';
  display: block;
  width: 60px;
  margin-top: 38px;
  margin-bottom: 8px
}
.available-container .thumbnail.fa-eye-slash {
  position: static
}
#collapsed-elements-charges-container #charges, #collapsed-elements-charges-container #total-charge-for-subscription-row > div, #collapsed-elements-prepayment-purchase-container #prepayments-and-purchases {
  width: 100%
}
.subscription-row .nav-tabs li.invoices-tab > a > i, .subscription-row .nav-tabs li.shipping-info-tab > a > i, .subscription-row .nav-tabs li.subscription-tab > a > i {
  font-size: 130%
}
.subscription-row .nav-tabs li.orders-tab > a > i {
  font-size: 125%
}
.subscription-row .nav-tabs li.billing-info-tab > a > i {
  font-size: 120%
}
@media (max-width:1100px) {
  #form_container .header.purple {
    margin-left: 0
  }
}
@media (max-width:768px) {
  .user-profile-form-actions > div {
    display: inline
  }
}
@media (max-width:330px) {
  .address-form-actions > div .btn {
    font-size: 15px
  }
}
.btn-group .deleteModel {
  color: var(--color-content-negative)
}
.pagination > li.active > a, .pagination > li.active > a:hover {
  background-color: var(--basic-branding) !important;
  border-color: var(--basic-branding) !important;
  color: var(--color-content-inverse) !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}
.pagination > li > a {
  color: var(--color-content-tertiary) !important
}
#days_of_week input[type=checkbox].custom-checkbox + .lbl::after, input[type=checkbox].custom-checkbox:checked + .lbl::before, input[type=radio].custom-radio:checked + .lbl::before {
  color: var(--basic-branding)
}
.widget-box.transparent > .widget-header {
  color: var(--color-content-primary) !important
}
#change-subscription:hover, #playback-report-configuration-form .btn-info:hover, .app-modal-footer .create-app:hover, .form-actions .btn-info:hover, .form-actions .btn-success:hover, .modal-footer .btn-danger:hover, .modal-footer .btn-info:hover, .modal-footer .btn-success:hover {
  border: 1px solid var(--basic-branding-hover) !important;
  background-color: var(--basic-branding-hover) !important
}
.header.purple, .page-header h1, h2, h3.smaller {
  font-size: 22px;
  font-weight: 400;
  color: var(--color-content-primary)
}
#device_collection_views_container > h3 {
  display: none
}
#device_collection_views_container > h3.vertical-centered-flex-container {
  display: flex
}
.modal h3.smaller {
  display: block
}
.app-modal-footer .app-back, .modal-footer .push-monitor, .modal-footer .upgrade_to_ {
  width: auto !important
}
.purchase-wizard-standalone-links {
  color: var(--color-background-warning)
}
#add-screens, #change-plan, #change-subscription, #playback-report-configuration .submit-form, #reduce-screens, .form-group .request_account_delete, .monitor-container .btn-success, .open .btn-success.dropdown-toggle {
  width: auto
}
#emergency .bbf-add:hover, #encryption-key-subsection-mass-fieldsets .bbf-add:hover, #proxy-subsection-fields .bbf-add:hover, #refresh_status_container .btn-primary, #user-form .bbf-add:hover, .app_form_view .btn-primary:hover, .field-roles #roles .bbf-add:hover, .field-saml_groups .bbf-list .bbf-add:hover, .form-group .import-saml:hover, .form-group .notvalidated:hover {
  border: 1px solid var(--color-border-hover) !important;
  background-color: var(--color-brand-subtle) !important;
  color: var(--color-content-primary) !important
}
#background-audio .dropdown-info li a:hover, .dropdown-info li a:hover {
  background-color: var(--color-background-primary) !important
}
.actions .header {
  color: var(--color-content-tertiary) !important
}
.widget-body .btn-link, .widget.large-widget .pane-footer .elasticbar .button.primary {
  color: var(--basic-branding) !important
}
#audit_log_file_list_view .downloadFile, .filters .filter-type-button > div, .player-type-selector .player-type-button > div, .source-gallery .source-button > div, .video-source-gallery .video-source-button > div {
  color: var(--color-content-primary) !important
}
#audit_log_file_list_view .downloadFile {
  text-decoration: none;
  margin-right: 20px
}
#audit_log_file_list_view .downloadFile i {
  vertical-align: text-bottom
}
.btn, .btn > [class*=icon-].icon-only, .middle {
  vertical-align: middle
}
.form-control select option, select.form-control option:hover {
  background: var(--color-background-primary) !important;
  color: var(--color-content-primary)
}
#image-form #change_source:hover, #mainTable .addTag:hover, .form-group a:hover {
  color: var(--basic-branding-hover)
}
.row #playlist_container #folder-tree {
  margin-top: 0
}
#volume-schedule-form .form-actions {
  border-top: none
}
.import-from-url-input-item > div > span.add-new-url-input {
  color: var(--basic-branding)
}
.clipart-selector .magnifier-glass-search-icon, .photoselector .magnifier-glass-search-icon, .stock-video-selector .magnifier-glass-search-icon {
  cursor: pointer;
  background-color: var(--basic-branding);
  border: 1px solid var(--basic-branding)
}
.magnifier-glass-search-icon, .magnifier-glass-search-icon:focus, .magnifier-glass-search-icon:hover, .video-gallery-modal .video-search-form .video-search-button {
  width: 100%;
  background-color: var(--basic-branding) !important;
  border-color: var(--basic-branding) !important
}
.clipart-gallery-modal .clipart-search-button {
  width: 100%;
  border-width: 2px
}
.clipart-search-results ul#available li.selected .img-container i, .clipart-search-results ul#available li.selected .img-container img {
  border: 1px solid var(--basic-branding)
}
@media (max-width:767px) {
  .clipart-selector .magnifier-glass-search-icon, .photoselector .magnifier-glass-search-icon, .stock-video-selector .magnifier-glass-search-icon {
    display: flex
  }
  .clipart-gallery-modal .clipart-selector .clipart-search-button, .image-gallery-modal .photo-search-form .photo-search-button, .video-gallery-modal .video-search-form .video-search-button {
    display: none !important
  }
}
.form-group .secondary-wifi-editor {
  display: flex;
  align-items: center
}
.green {
  color: var(--color-background-positive)
}
#delete-selected, .red {
  color: var(--color-content-negative)
}
div.form-group[class*=session_data_size] {
  display: flex;
  align-items: center
}
div.form-group[class*=session_data_size] > label:nth-child(2) {
  display: flex
}
div.form-group[class*=session_data_size] #clear_session_data {
  background-color: var(--basic-branding) !important;
  border: 1px solid var(--basic-branding) !important;
  min-width: 40px;
  outline: 0
}
div.form-group[class*=session_data_size] #clear_session_data:active {
  top: 1px;
  left: 1px
}
.field-billing_cycle .plan_name {
  text-transform: capitalize
}
@media (min-width:992px) {
  #list-tags-container + .btn-section-grid {
    top: -10px;
    position: relative
  }
}
.widget-box-overlay {
  display: block;
  position: fixed;
  z-index: 1040;
  opacity: .3
}
.btn, .tooltip.in {
  opacity: 1
}
.is-list-view.breadcrumb {
  display: block !important
}
.is-list-view.breadcrumb li:not(:last-child) {
  display: none !important
}
.is-list-view.breadcrumb li:before {
  display: none
}
.is-list-view.breadcrumb li.active > a, .is-list-view.breadcrumb li > a {
  margin-top: 12px;
  color: var(--color-content-primary) !important
}
.is-list-view.breadcrumb li.active > a.welcome-breadcrumb-title {
  color: var(--color-content-primary) !important
}
.dropdown-menu > li > a, .dropdown-menu > li > a:hover, .splash_screen_message_container, select option:focus {
  color: var(--color-content-primary)
}
.is-list-view .before_breadcrumb {
  display: none !important
}
.widget-toolbar:before {
  border: none !important
}
@media (max-width:425px) {
  .dataTables_paginate .pagination {
    margin: 0
  }
  .paging {
    margin: 0 !important;
    padding: 0 !important
  }
}
#move-folder-tree .widget-body {
  overflow-y: auto;
  max-height: 650px
}
@keyframes rotating {
  from {
    -webkit-transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg)
  }
}
.loading_spinner {
  animation: rotating 1s linear infinite
}
.splash_screen_message_container {
  font-size: 12px;
  min-height: 150px;
  display: flex;
  flex-direction: column;
  padding: 24px 24px 18px;
  width: 319px;
  background-color: var(--color-background-inverse);
  border-radius: 8px
}
.splash-form-message .splash-tada-icon {
  margin-bottom: 7px
}
.splash-tada-icon img {
  width: 28px
}
.splash-trigger-csat-modal {
  font-size: 14px;
  font-weight: 700
}
.splash-form-thanks-message {
  color: var(--basic-branding);
  font-weight: 600;
  display: flex;
  flex-direction: column;
  align-items: center
}
.login-layout .widget-box .widget-body .forgot-password-link, .snbundleeu-info .widget-box .widget-body .forgot-password-link, .upgrade_needed_label {
  color: var(--color-content-secondary) !important
}
.upgrade_needed_label {
  background-color: var(--color-background-warning-subtle);
  border: 1px solid var(--color-border-warning);
  font-weight: 500;
  font-size: 12px;
  padding: 2px 5px;
  border-radius: 5px
}
.alert, .well {
  border-radius: 0
}
.required_field.has_tooltip label span.label-text:after, .required_field:not(.has_tooltip) label:first-child::after {
  content: '*' !important;
  color: var(--color-content-negative)
}
.label.arrowed:before, .progress:before, .widget-header:after, .widget-header:before, .widget-toolbar:before, li.divider:before {
  content: ''
}
.form-actions {
  background: 0 0
}
.exclude_media li[id^=list-item-], .include_media li[id^=list-item-] {
  display: flex;
  align-items: center
}
.exclude_media .empty-list-item, .include_media .empty-list-item {
  padding-top: 15px;
  font-size: 15px
}
#sidebar:not(.menu-min) ~ #main-container .hijack_container {
  margin-left: -35px
}
#sidebar.menu-min ~ #main-container .hijack_container {
  margin-left: -50px
}
#device_form .monitor-container .monitor-fields .register-new-device-container #register-new-device, #sidebar:not(.menu-min) ~ #main-container #layout_form .hijack_container {
  margin-left: -15px
}
#sidebar.menu-min ~ #main-container #layout_form .hijack_container {
  margin-left: -30px
}
@media (min-width:992px) {
  .hide-navbar .navbar_ {
    display: none !important
  }
}
.hide-navbar #critical-alert-container, .hide-navbar .breadcrumbs {
  display: none !important
}
[class*=' icon-'], [class^=icon-] {
  display: inline-block;
  text-align: center
}
li > ol, li > ul {
  margin-left: 18px
}
.list-inline, .list-unstyled {
  margin-left: 0
}
.list-inline > li > [class*=icon-]:first-child, .list-unstyled > li > [class*=icon-]:first-child {
  width: 18px;
  text-align: center
}
.spaced > li {
  margin-top: 9px;
  margin-bottom: 9px
}
.spaced > li.divider {
  margin-top: 5px;
  margin-bottom: 5px
}
li.divider {
  margin-top: 3px;
  margin-bottom: 3px;
  height: 0;
  font-size: 0
}
#cboxTitle, .alert, .widget-toolbar > a, label {
  font-size: 14px
}
li.divider:before {
  display: inline-block
}
blockquote {
  border-color: var(--color-background-tertiary)
}
.well {
  background-color: var(--color-background-tertiary)
}
.well h1, .well h2, .well h3, .well h4, .well h5, .well h6 {
  margin-top: 0
}
.well h1, .well h2, .well h3 {
  line-height: 36px
}
.alert .close {
  font-size: 16px
}
.lighter {
  font-weight: lighter
}
.bolder {
  font-weight: bolder
}
.inline {
  display: inline-block !important
}
.block {
  display: block !important
}
.flex {
  display: flex !important
}
.btn, .label, .label.arrowed:before {
  display: inline-block
}
.align-center, .center {
  text-align: center !important
}
.dark {
  color: var(--color-content-primary) !important
}
.white {
  color: var(--color-background-inverse) !important
}
.blue {
  color: var(--color-content-notice) !important
}
.orange {
  color: var(--basic_branding) !important
}
.light-orange {
  color: var(--color-fill-image) !important
}
.grey {
  color: var(--color-content-tertiary) !important
}
.bigger-120 {
  font-size: 120%
}
.bigger-130 {
  font-size: 130%
}
.bigger-150 {
  font-size: 150%
}
.bigger-300 {
  font-size: 300%
}
.bigger-125 {
  font-size: 125%
}
.smaller-80 {
  font-size: 80%
}
.no-margin {
  margin: 0 !important
}
.no-border {
  border: 0
}
.space {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0
}
li [class*=' icon-'], li [class^=icon-] {
  width: auto
}
.btn {
  color: var(--color-content-inverse) !important;
  background-image: none !important;
  border: 5px solid var(--color-brand-subtle);
  background-color: var(--color-brand-subtle);
  border-radius: 0;
  box-shadow: none !important;
  cursor: pointer;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  text-shadow: none !important;
  font-size: 16px
}
.btn.active, .btn:hover {
  background: var(--color-brand-subtle-hover)
}
.btn.disabled.active, .btn.disabled:active, .btn.disabled:focus, .btn[disabled].active, .btn[disabled]:active, .btn[disabled]:focus {
  outline: 0
}
.btn.disabled:active, .btn[disabled]:active {
  top: 0;
  left: 0
}
.btn > [class*=icon-] {
  display: inline;
  margin-right: 4px
}
.btn.active:after, .btn.btn-link.active:after {
  display: none
}
.btn > [class*=icon-].icon-on-right {
  margin-right: 0;
  margin-left: 4px
}
.btn > [class*=icon-].icon-only {
  margin: 0;
  text-align: center;
  padding: 0
}
.btn:hover {
  text-shadow: none !important
}
.btn.btn-link, .btn.btn-link.active, .btn.btn-link:hover {
  background: 0 0 !important
}
.btn.btn-link {
  border: none !important;
  text-shadow: none !important;
  padding: 4px 12px !important;
  line-height: 20px !important
}
.btn-group .dropdown-toggle, .btn-group > .btn:first-child, .btn-group > .btn:last-child, .label {
  border-radius: 0
}
.btn.btn-link:hover {
  text-shadow: none !important
}
.btn.btn-link.disabled, .btn.btn-link[disabled] {
  background: 0;
  opacity: .65
}
.btn.btn-link.disabled:hover, .btn.btn-link[disabled]:hover {
  background: 0 0 !important;
  text-decoration: none !important
}
.btn:not(ul.list-unstyled bbd-del[data-action=remove]) {
  text-overflow: ellipsis
}
.btn-sm {
  border-width: 4px;
  font-size: 13px;
  padding: 4px 9px;
  line-height: 1.39
}
.btn-sm > [class*=icon-] {
  margin-right: 3px
}
.btn-sm > [class*=icon-].icon-on-right {
  margin-right: 0;
  margin-left: 3px
}
.btn-xs {
  border-width: 3px
}
.btn-xs > [class*=icon-] {
  margin-right: 2px
}
s .btn-xs > [class*=icon-].icon-on-right {
  margin-right: 0;
  margin-left: 2px
}
button.btn:active {
  top: 1px;
  left: 1px
}
.btn-group > .btn, .btn-group > .btn + .btn, .btn-group > .btn:first-child {
  margin: 0 1px 0 0
}
.btn-group > .btn + .btn.dropdown-toggle {
  padding-right: 3px;
  padding-left: 3px
}
.btn-group > .btn + .btn-large.dropdown-toggle {
  padding-right: 4px;
  padding-left: 4px
}
.btn-group + .btn, .btn-group > .btn {
  margin: 0 1px 0 0;
  border-width: 3px
}
.btn-group + .btn.active:after, .btn-group > .btn.active:after {
  left: -2px;
  right: -2px;
  bottom: -2px;
  border-bottom-width: 1px
}
.btn-group + .btn-large, .btn-group > .btn-large {
  border-width: 4px
}
.btn-group + .btn-large.active:after, .btn-group > .btn-large.active:after {
  left: -3px;
  right: -3px;
  bottom: -3px;
  border-bottom-width: 1px
}
.btn-group + .btn-sm, .btn-group > .btn-sm {
  border-width: 2px
}
.btn-group + .btn-sm.active:after, .btn-group > .btn-sm.active:after {
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-bottom-width: 1px
}
.btn-group + .btn-xs, .btn-group > .btn-xs {
  border-width: 1px
}
.btn-group + .btn-xs.active:after, .btn-group > .btn-xs.active:after {
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom-width: 1px
}
.btn-group-vertical > .btn, .btn-group-vertical > .btn + .btn {
  margin: 1px 0 0
}
label {
  font-weight: 400
}
.label {
  text-shadow: none;
  font-weight: 400;
  background-color: var(--color-border-section) !important;
  font-size: 12px;
  line-height: 1.15;
  height: 20px
}
.dropdown-menu > li > a:hover, .ui-slider {
  background-color: var(--color-background-primary)
}
.label[class*=col-][class*=arrow] {
  min-height: 0
}
.label.arrowed {
  margin-left: 5px;
  z-index: 1
}
.label.arrowed:before {
  left: -10px;
  position: absolute;
  top: 0;
  z-index: -1;
  border: 1px solid transparent;
  border-right-color: var(--color-border-section)
}
.label > [class*=icon-], .label > span {
  line-height: 1;
  vertical-align: bottom
}
.dropdown-menu > li > a {
  margin-bottom: 1px;
  margin-top: 1px;
  cursor: pointer
}
.dropdown-menu > li > a.show-source-type {
  width: 100%
}
.dropdown-menu > li > a:hover {
  text-decoration: none
}
.widget-body, .widget-toolbar > .nav-tabs > li > a.active, select option:focus {
  background-color: var(--color-background-inverse)
}
.form-group > label[class*=col-] {
  padding-top: 4px;
  margin-bottom: 4px
}
.lbl, label {
  vertical-align: middle
}
label.inline, td > label, th > label {
  margin-bottom: 0;
  line-height: inherit
}
textarea.form-control {
  padding: 5px 9px
}
select.form-control {
  padding: 4px 6px;
  height: 44px
}
select[multiple] {
  height: auto
}
select option {
  padding: 3px 4px
}
select option:focus {
  border-color: var(--color-border-focus)
}
select option[value=''] {
  padding: 0
}
input.block {
  display: block;
  margin-bottom: 9px
}
.input-icon {
  position: relative
}
.input-iconspan {
  display: inline-block
}
.input-icon > input {
  padding-left: 24px;
  padding-right: 6px
}
.input-icon > input:focus + [class*=icon-] {
  color: #579
}
.input-icon.input-icon-right > input {
  padding-left: 6px;
  padding-right: 24px
}
.input-icon.input-icon-right > [class*=icon-] {
  left: auto;
  right: 3px
}
.input-icon > [class*=icon-] {
  padding: 0 4px;
  z-index: 2;
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 3px;
  line-height: 28px;
  display: inline-block;
  color: var(--color-content-tertiary);
  font-size: 16px
}
.input-icon ~ .help-inline {
  padding-left: 8px
}
input.input-sm {
  font-size: 12px
}
.input-group .input-group-addon {
  cursor: pointer;
  border-color: var(--color-border-default);
  background-color: var(--color-brand-subtle)
}
.input-group .input-group-addon:hover {
  background-color: var(--color-brand-subtle-hover)
}
.form-group.has-error .input-group .input-group-addon {
  border-color: var(--color-border-negative)
}
.input-group > .btn {
  line-height: 20px;
  padding: 0 6px;
  border-radius: 0 !important
}
.input-group > .btn.btn-sm {
  line-height: 22px
}
.input-group > .btn + .btn {
  margin-left: 1px
}
.input-group > .btn-group > .btn {
  line-height: 23px
}
.input-group > .btn-group > .btn.btn-sm {
  line-height: 26px
}
.input-group > .btn-group > .btn.btn-sm > .caret, .input-group > .btn-group > .btn > .caret, .input-group > .btn.btn-sm > .caret, .input-group > .btn > .caret {
  margin-top: 10px
}
.form-group.has-error input, .form-group.has-error select, .form-group.has-error textarea {
  border-color: var(--color-border-negative);
  color: var(--color-content-negative);
  box-shadow: none
}
.form-group.has-error input:focus, .form-group.has-error select:focus, .form-group.has-error textarea:focus {
  box-shadow: 0 0 0 2px rgba(219, 137, 120, .3);
  color: var(--color-border-negative);
  border-color: var(--color-border-negative)
}
.form-group.has-error .control-label, .form-group.has-error .help-inline, .form-group.has-error [class*=icon-], .form-group.has-error input:focus + [class*=icon-], .form-group.has-error select:focus + [class*=icon-], .form-group.has-error textarea:focus + [class*=icon-] {
  color: var(--color-border-negative)
}
.form-group.has-error .help-block {
  color: var(--color-content-secondary)
}
.form-group.has-error .btn [class*=icon-] {
  color: inherit
}
.widget-box {
  padding: 0;
  box-shadow: none;
  margin: 3px 0
}
@media only screen and (max-width:767px) {
  .help-inline, .input-icon + .help-inline {
    padding-left: 0;
    display: block !important
  }
  .widget-box {
    margin-top: 7px;
    margin-bottom: 7px
  }
}
.widget-header {
  box-sizing: content-box;
  position: relative;
  min-height: 38px;
  background: var(--color-background-primary);
  background-image: linear-gradient(to bottom, var(--color-background-inverse) 0, var(--color-brand-subtle) 100%);
  background-repeat: repeat-x;
  color: var(--color-content-secondary);
  border: 1px solid var(--color-content-tertiary);
  border-bottom: 1px solid var(--color-border-section);
  padding-left: 12px
}
.widget-header:after, .widget-header:before {
  display: table;
  line-height: 0
}
.widget-header:after {
  clear: right
}
.widget-header > :first-child {
  line-height: 36px;
  padding: 0;
  margin: 0;
  display: inline
}
.widget-header > :first-child > [class*=icon-] {
  margin-right: 5px;
  font-weight: 400;
  display: inline-block
}
.collapsed .widget-header {
  border-bottom-width: 0
}
.collapsed .widget-body {
  display: none
}
.widget-toolbar {
  display: inline-block;
  padding: 0 10px;
  line-height: 37px;
  position: relative
}
.widget-toolbar.no-padding {
  padding: 0
}
.widget-toolbar.padding-5 {
  padding: 0 5px
}
.widget-toolbar:before {
  display: inline-block;
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: -1px;
  border: 1px solid var(--color-border-default);
  border-width: 0 1px 0 0
}
.widget-toolbar.no-border:before {
  display: none
}
.widget-toolbar label {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0
}
.widget-toolbar > a {
  margin: 0 1px;
  display: inline-block;
  padding: 0;
  line-height: 24px
}
.widget-toolbar > .dropdown, .widget-toolbar > .dropup {
  display: inline-block
}
.widget-toolbar .progress {
  vertical-align: middle;
  display: inline-block;
  margin: 0
}
.widget-toolbar > .nav-tabs {
  border-bottom: 0;
  top: 5px
}
.widget-toolbar > .nav-tabs > li > a {
  box-shadow: none
}
.widget-toolbar > .nav-tabs > li > a.active {
  border-bottom-color: transparent;
  box-shadow: none
}
.widget-body {
  border-top: 0
}
.widget-main {
  padding: 12px
}
.widget-main .tab-content {
  border: 0
}
.widget-main > form, .widget-main > form .input-append, .widget-main > form .input-prepend {
  margin-bottom: 0
}
.tooltip-inner {
  background-color: #000;
  color: var(--color-content-inverse);
  font-size: 12px;
  padding: 5px 9px
}
html.dark .tooltip-inner {
  background-color: var(--color-background-tertiary);
  color: var(--color-content-primary);
  border: 1px solid var(--color-border-default)
}
.dd .dd-list .dd-item .dd-handle, .progress {
  background: var(--color-background-primary)
}
.tooltip.top .tooltip-arrow {
  border-top-color: #000
}
html.dark .tooltip.top .tooltip-arrow {
  border-top-color: var(--color-border-default)
}
.tooltip.right .tooltip-arrow {
  border-right-color: #000
}
html.dark .tooltip.right .tooltip-arrow {
  border-right-color: var(--color-border-default)
}
.tooltip.left .tooltip-arrow {
  border-left-color: #000
}
html.dark .tooltip.left .tooltip-arrow {
  border-left-color: var(--color-border-default)
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #000
}
html.dark .tooltip.bottom .tooltip-arrow {
  border-bottom-color: var(--color-border-default)
}
.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-top-width: 0
}
.progress {
  border-radius: 0;
  box-shadow: none;
  height: 18px;
  position: relative
}
.progress:before {
  display: inline-block;
  position: absolute;
  inset: 0;
  background: radial-gradient(9px 9px 0deg, circle cover, #0ff 0, rgba(0, 0, 255, 0) 100%, #00f 95%)
}
.progress .progress-bar {
  box-shadow: none;
  line-height: 18px
}
.progress[data-percent] {
  position: relative
}
.progress[data-percent]:after {
  display: inline-block;
  content: attr(data-percent);
  color: var(--color-background-inverse);
  position: absolute;
  inset: 0;
  line-height: 16px;
  text-align: center;
  font-size: 12px
}
.ace-thumbnails > li, .ace-thumbnails > li > :first-child {
  display: block;
  position: relative
}
.progress.progress-mini {
  height: 9px
}
.progress.progress-mini .progress-bar, .progress.progress-mini[data-percent]:after {
  line-height: 8px;
  font-size: 11px
}
.progress-striped .progress-bar, .progress-striped .progress-bar-success {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.ace-thumbnails {
  list-style: none;
  margin: 0;
  padding: 0
}
.ace-thumbnails > li {
  float: left;
  overflow: hidden;
  margin: 2px;
  border: 2px solid var(--color-content-primary)
}
.ace-thumbnails > li > :first-child .inner a {
  display: inline-block;
  color: var(--color-background-inverse);
  font-size: 18px;
  font-weight: 400;
  padding: 0 4px
}
.ace-thumbnails > li > :first-child .inner a:hover {
  text-decoration: none;
  color: var(--color-background-tertiary)
}
.ace-thumbnails > li > :first-child > .text {
  position: absolute;
  inset: 0;
  text-align: center;
  color: var(--color-background-inverse);
  background-color: rgba(0, 0, 0, .55);
  opacity: 0
}
.ace-thumbnails > li > :first-child > .text:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: 0
}
.ace-thumbnails > li > :first-child > .text > .inner {
  padding: 4px 0;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  max-width: 90%
}
.ace-thumbnails > li:hover > :first-child > .text {
  opacity: 1
}
@media only screen and (max-width:480px) {
  .ace-thumbnails {
    text-align: center
  }
  .ace-thumbnails > li {
    float: none;
    display: inline-block
  }
}
#colorbox:active, #colorbox:focus {
  outline: 0
}
#cboxBottomCenter, #cboxBottomLeft, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxTopCenter, #cboxTopLeft, #cboxTopRight {
  background: 0 0 !important;
  opacity: 0
}
#cboxOverlay {
  background: #000
}
#cboxTitle {
  margin-bottom: 4px;
  color: var(--color-content-tertiary)
}
#cboxLoadingOverlay {
  background: 0 0 !important
}
#cboxLoadingGraphic {
  background: var(--color-background-inverse) none !important;
  text-align: center
}
#cboxLoadingGraphic > [class*=icon-] {
  display: inline-block;
  background-color: var(--color-background-inverse);
  border-radius: 8px;
  width: 32px;
  height: 32px;
  position: relative;
  top: 48%;
  text-align: center;
  vertical-align: middle;
  -webkit-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
  font-size: 24px;
  color: var(--basic_branding)
}
.ace-spinner {
  display: inline-block
}
.ace-spinner .spinner-buttons {
  min-width: 18px
}
.ace-spinner .spinner-buttons > .btn {
  border-radius: 0 !important;
  font-size: 10px;
  padding: 0;
  width: 18px;
  height: 14px;
  line-height: 10px
}
.ace-spinner .spinner-buttons > .btn:first-child {
  margin-top: 0
}
.ace-spinner .spinner-buttons > .btn > [class*=icon-] {
  margin: 0;
  padding: 0
}
.ace-spinner .spinner-buttons > button.btn:active {
  left: auto;
  top: auto
}
.ace-spinner.touch-spinner .spinner-buttons {
  margin: 0;
  font-size: 0
}
.ace-spinner.touch-spinner .spinner-buttons > .btn {
  line-height: 20px;
  width: 24px;
  font-size: 18px;
  display: inline-block;
  vertical-align: sub;
  margin: 0 1px
}
.ui-spinner-button, .ui-spinner-button > [class*=icon-] {
  width: 18px;
  display: inline-block
}
.ace-spinner.touch-spinner .spinner-buttons > .btn > [class*=icon-] {
  vertical-align: middle;
  display: inline-block
}
.ui-spinner-button {
  border-width: 0 !important;
  font-size: 10px;
  height: 14px;
  line-height: 14px;
  color: var(--color-background-inverse) !important;
  position: absolute;
  text-align: center;
  padding: 0
}
.ui-spinner-up {
  right: 5px
}
.ui-spinner-down {
  bottom: 3px;
  right: 5px
}
.ui-spinner-input {
  margin-top: 0;
  padding: 5px;
  max-width: 100px;
  font-size: 14px
}
.ui-slider .ui-slider-handle {
  border-radius: 0;
  width: 1.45em;
  height: 1.45em;
  background-color: var(--color-background-inverse);
  border: 1px solid
}
.ui-slider .ui-slider-handle:before {
  display: inline-block;
  content: '|||';
  font-size: 8px;
  font-family: Helvetica, Arial, sans-serif;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  line-height: 15px
}
.ui-slider-horizontal {
  height: 9px
}
.ui-slider-horizontal .ui-slider-handle {
  margin-left: -.725em;
  top: -.4em
}
.dd, .dd .dd-list {
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  list-style: none
}
.ui-slider-orange .ui-slider-range {
  background-color: var(--basic_branding)
}
.ui-slider-orange .ui-slider-handle, .ui-slider-orange .ui-slider-handle:active, .ui-slider-orange .ui-slider-handle:focus, .ui-slider-orange .ui-slider-handle:hover {
  border-color: var(--basic_branding);
  color: var(--basic_branding)
}
.ui-icon {
  text-indent: 0
}
.dd {
  max-width: 600px;
  line-height: 20px
}
.dd .dd-list .dd-list {
  padding-left: 30px
}
.dd .dd-list .dd-item .dd-handle {
  margin: 5px 0;
  padding: 8px 12px;
  border: 1px solid var(--color-border-default);
  color: var(--basic_branding)
}
.dd .dd-list .dd-item .dd-handle:hover {
  color: color-mix(in srgb, var(--basic_branding), #000 10%);
  background: var(--color-brand-subtle)
}
.dd .dd-list .dd-item .dd-handle[class*=btn-] {
  color: var(--color-background-inverse);
  border: 0;
  padding: 9px 12px;
  opacity: .85
}
.dd .dd-list .dd-item > button {
  display: block;
  position: relative;
  z-index: 1;
  cursor: pointer;
  float: left;
  width: 25px;
  height: 20px;
  margin: 5px 1px 5px 5px;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  background: 0 0;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  font-weight: 700;
  top: 4px;
  left: 1px;
  color: var(--color-content-tertiary)
}
.dd .dd-list .dd-item > button:before {
  font-family: FontAwesome;
  content: '\f067';
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  text-indent: 0;
  font-weight: 400;
  font-size: 14px
}
.dd .dd-list .dd-item > button:hover ~ .dd-handle[class*=btn-] {
  opacity: .85;
  color: var(--color-background-inverse)
}
.dd .dd-list .dd-item > button[data-action=collapse]:before {
  content: '\f068'
}
.dd .dd-list .dd-item > button:hover {
  color: var(--color-content-tertiary)
}
.dd .dd-list > li[class*=item-] {
  border-width: 0;
  padding: 0
}
.dd .dd-list > li[class*=item-] > .dd-handle {
  border-left: 2px solid;
  border-left-color: inherit
}
.dd-collapsed .dd-list {
  display: none
}
.dd-empty, .dd-item, .dd-placeholder {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 20px;
  line-height: 20px
}
#account_settings {
  max-width: 1280px
}
.account-settings-header {
  color: var(--basic_branding);
  padding: 29px 0 6px 12px
}
.account-settings-list .profile-activity {
  cursor: pointer;
  padding: 10px 4px;
  position: relative;
  border-bottom: 1px dotted var(--color-content-tertiary);
  display: flex;
  align-items: baseline
}
.account-settings-list .profile-activity .profile-activity-left {
  width: 70%;
  display: flex
}
.account-settings-list .profile-activity .profile-activity-right {
  width: 30%;
  align-self: center;
  display: flex;
  margin-left: 16px;
  flex-flow: column
}
.account-settings-list .profile-activity .section-container {
  display: flex;
  flex-direction: column;
  margin-left: 16px;
  justify-content: center;
  gap: 8px
}
.account-settings-list .profile-activity .section-container span {
  color: var(--color-content-secondary);
  display: flex;
  gap: 3px;
  align-items: center
}
.account-settings-list .profile-activity .section-container span.title-semibold-medium {
  color: var(--color-content-primary)
}
.account-settings-list .profile-activity .account-settings-icon {
  background-color: var(--color-brand-subtle);
  color: var(--color-content-primary);
  padding: 12px;
  border-radius: 50%;
  font-size: 18px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}
.account-settings-list .profile-activity .account-settings-icon:hover {
  background-color: var(--color-brand-subtle-hover) !important
}
.account-settings-list .profile-activity .account-settings-icon.magic-write {
  background-image: var(--magic-wand-svg);
  width: 42px;
  height: 42px;
  background-color: var(--color-brand-subtle);
  background-size: auto
}
@media (max-width:630px) {
  .account-settings-list .profile-activity {
    flex-flow: column
  }
  .account-settings-list .profile-activity .profile-activity-left {
    width: 100%
  }
  .account-settings-list .profile-activity .profile-activity-right {
    width: 100%;
    margin-left: 116px;
    margin-top: 16px
  }
}
.btn[data-action=togglePeriod] {
  background-color: var(--basic_branding) !important;
  border-color: var(--basic_branding) !important
}
.icon_container {
  width: 40px;
  height: 40px;
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-border-default);
  border-radius: 5px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 12px
}
@media not all and (min-resolution:0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .icon_container.add-folder-container, .icon_container.toggle_container {
      padding: 8px 0 0
    }
  }
}
.icon_container:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
  border-color: var(--color-border-hover)
}
.icon_container:focus, .icon_container:focus-visible {
  border-color: var(--color-border-focus);
  outline: 0
}
.icon_container a {
  color: var(--color-content-primary) !important;
  cursor: pointer
}
.icon_container a:hover {
  text-decoration: none
}
.icon_container a i, .icon_container a span {
  vertical-align: middle
}
.icon_container a.disabled {
  color: var(--color-content-tertiary);
  opacity: unset
}
.all-media-list-base {
  border: none;
  background-color: transparent;
  border-top: none !important;
  box-shadow: none
}
.all-media-input-container {
  border: 1px solid var(--color-border-section);
  border-radius: 4px !important;
  height: 44px;
  padding: 12px 16px
}
.filename-mixin {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 10px
}
.file-removal-mixin {
  cursor: pointer;
  padding-right: 10px;
  border: none;
  background-color: transparent
}
.all-media-gallery-modal #import-method-local-icon {
  font-size: 30px;
  font-weight: 600 !important;
  color: var(--basic_branding) !important
}
.all-media-gallery-modal .modal-dialog {
  max-width: 720px;
  width: 100%;
  padding-right: 0;
  padding-left: 0
}
.all-media-gallery-modal .modal-dialog .modal-header {
  border-bottom: none
}
.all-media-gallery-modal .modal-dialog .modal-body {
  padding: 0
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists [id^=import_][id$='_from_url'], .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists [id^=standard][id$=audio], .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists [id^=standard][id$=video], .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists [id^=stream][id$=audio], .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists [id^=stream][id$=video] {
  max-height: 220px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists [id^=import_][id$='_from_url'] input, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists [id^=standard][id$=audio] input, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists [id^=standard][id$=video] input, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists [id^=stream][id$=audio] input, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists [id^=stream][id$=video] input {
  color: var(--color-content-primary)
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists #all-media-tabs {
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists #all-media-tabs > li {
  margin-bottom: 0;
  width: 100%;
  text-align: center
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists #all-media-tabs > li.disabled-tab {
  pointer-events: none
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists #all-media-tabs > li > a {
  border: none;
  background-color: transparent;
  border-top: none !important;
  box-shadow: none;
  text-align: center;
  color: var(--color-content-tertiary)
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists #all-media-tabs > li > a:hover {
  cursor: pointer
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists #all-media-tabs > li > .tab_bottom_bar {
  height: 1px;
  background-color: var(--color-background-tertiary);
  border-radius: 2px;
  width: 100%
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists #all-media-tabs > li.active > a {
  font-size: 14px !important;
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 600 !important;
  color: var(--basic_branding) !important
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists #all-media-tabs > li.active > .tab_bottom_bar {
  height: 2px;
  background-color: var(--basic_branding)
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content {
  border: none !important;
  padding: 0
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content .initials-circle {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: var(--basic_branding);
  color: var(--color-content-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content .url-container {
  padding-top: 54px;
  min-height: 400px !important
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content .url-container #web-page-name, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content .url-container #web-page-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 14px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content .url-container #web-page-name label, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content .url-container #web-page-title label {
  white-space: nowrap;
  color: var(--color-content-secondary);
  margin-right: 14px;
  max-width: 80px;
  width: 100%;
  padding: 0;
  margin-left: 48px;
  text-align: end
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content .url-container #web-page-name input, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content .url-container #web-page-title input {
  height: 44px;
  margin-right: 40px;
  border-radius: 4px !important;
  border: 1px solid var(--color-border-section);
  max-width: 450px;
  padding: 10px 25px 10px 16px;
  color: var(--color-content-primary)
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content .url-container #web-page-name input.has-error, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content .url-container #web-page-title input.has-error {
  border-color: var(--color-border-negative)
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content .video-container[data-simplebar] {
  max-height: 750px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content .image-container[data-simplebar] {
  max-height: 600px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] {
  background-color: var(--color-background-primary);
  border-radius: 8px;
  margin: 24px 16px 9px;
  min-height: 360px;
  padding-bottom: 16px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] .ds-x-icon {
  color: var(--color-content-tertiary)
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container]#all-media {
  max-height: 460px;
  overflow: auto;
  border-radius: 5px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container]#all-media.active {
  justify-content: start;
  align-items: center;
  flex-direction: column;
  display: flex
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container]#all-media:has(.all-media-uploaded-files) {
  justify-content: start;
  align-items: normal;
  flex-direction: column;
  display: flex
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-files-container {
  justify-content: start;
  align-items: center;
  flex-direction: column;
  display: flex;
  flex-grow: 1;
  gap: 8px;
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--color-background-primary);
  margin: 0;
  width: 100%;
  padding-bottom: 16px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-files-container .import-files__header {
  padding: 16px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 100%;
  gap: 8px;
  color: var(--color-content-secondary);
  background-color: var(--color-background-tertiary);
  position: relative
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-files-container .import-files__header .import-files__back-button {
  all: unset;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  background-color: transparent;
  left: 16px;
  position: absolute;
  color: var(--color-content-secondary);
  cursor: pointer
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-files-container .import-method-icon {
  width: 30px;
  height: 30px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-files-container #import-files-auth {
  padding: 16px;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  gap: 8px;
  margin-block: auto
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-files-container #import-files-auth .import-files__body {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  gap: 16px;
  width: 100%;
  margin-block: auto
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-files-container #import-files-auth .import-files__body__text {
  color: var(--color-content-secondary);
  text-align: center;
  font-size: 14px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 400 !important
}
@media (max-width:768px) {
  .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-files-container #import-files-auth .import-files__body__text {
    font-size: 12px !important;
    letter-spacing: .04em !important
  }
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-files-container #import-files-auth .import-files__sign-in-button {
  all: unset;
  background-color: var(--color-background-inverse);
  padding: 16px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 16px;
  box-shadow: 0 2px 3px 0 #0002b, 0 0 3px 0 #00015;
  border-radius: 10px;
  cursor: pointer
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-files-container #import-files-auth .import-files__sign-in-button img {
  width: 20px;
  height: 20px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-files-container #import-files-auth .import-files__sign-in-button span {
  font-size: 20px;
  font-weight: 500;
  color: var(--color-content-secondary)
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-files-container #import-files-chooser {
  justify-content: space-evenly;
  align-items: center;
  flex-direction: column;
  display: flex;
  flex-grow: 1;
  gap: 8px;
  padding: 16px;
  width: 100%;
  margin-block: auto
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-files-container #import-files-chooser .chooser__account_info {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  font-size: 10px !important;
  letter-spacing: .05em !important;
  gap: 8px
}
@media (max-width:768px) {
  .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-files-container #import-files-chooser .chooser__account_info {
    font-size: 10px !important;
    letter-spacing: .05em !important
  }
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-files-container #import-files-chooser .chooser__account_info .logout_button {
  all: unset;
  color: #1877f2;
  cursor: pointer
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-files-container #import-files-chooser .chooser__account_info img {
  border-radius: 50%;
  width: 44px;
  height: 44px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-files-container #import-files-chooser .chooser__select-files {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  width: 100%;
  gap: 22px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-files-container #import-files-chooser .chooser__select-files .sharepoint-sites-container {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  width: 80%;
  max-width: 500px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-files-container #import-files-chooser .chooser__select-files button {
  all: unset;
  cursor: pointer;
  justify-content: center;
  align-items: end;
  flex-direction: row;
  display: flex;
  background-color: #1877f2;
  padding: 16px 32px;
  color: #fff;
  border-radius: 10px;
  gap: 16px;
  box-shadow: 0 2px 3px 0 #0002b;
  box-shadow: 0 0 3px 0 #00015
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-files-container #import-files-chooser .chooser__select-files button:disabled {
  background-color: var(--color-background-tertiary);
  cursor: not-allowed
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] .all-media-uploaded-files .unsupported-file-container {
  background-color: var(--color-background-brand-subtle) !important;
  border: 1px solid var(--color-border-negative)
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] .all-media-uploaded-files .unsupported-file-container .unsupported-file {
  color: var(--color-content-negative);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] .all-media-uploaded-files .uploaded-file-container, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] .all-media-uploaded-files.unsupported-file-container {
  background-color: var(--color-background-primary);
  border-radius: 5px;
  padding: 12px 0 10px 14px;
  color: var(--color-content-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-flex;
  width: 100%;
  margin-bottom: 6px;
  justify-content: space-between;
  text-align: center
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] .all-media-uploaded-files .uploaded-file-container .filename-container, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] .all-media-uploaded-files.unsupported-file-container .filename-container {
  display: inline-flex;
  width: 60%;
  align-items: center
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] .all-media-uploaded-files .uploaded-file-container .filename, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] .all-media-uploaded-files.unsupported-file-container .filename {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 10px;
  line-height: 2
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] .all-media-uploaded-files .uploaded-file-container .file-removal, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] .all-media-uploaded-files.unsupported-file-container .file-removal {
  cursor: pointer;
  padding-right: 10px;
  border: none;
  background-color: transparent
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] .all-media-uploaded-files .uploaded-file-container .thumbnail-img, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] .all-media-uploaded-files.unsupported-file-container .thumbnail-img {
  height: 16px;
  -webkit-filter: var(--filter);
  filter: var(--filter)
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #standard_youtube_audio .source-desciption {
  margin-bottom: 2px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #standard_vimeo_audio .source-desciption, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #stream_youtube_audio .source-desciption {
  margin-bottom: 0
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] .import-vimeo-stream-container div[data-simplebar], .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] .import-vimeo-video-container div[data-simplebar], .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] .import-youtube-audio-container div[data-simplebar] {
  height: 120px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] .video-search-button {
  height: 44px;
  border-radius: 5px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] .youtube_vimeo_input {
  border: 1px solid var(--color-border-section);
  border-radius: 4px !important;
  height: 44px;
  padding: 12px 16px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] .no-margin {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 0;
  width: 100%
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #all-media-dropzone {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  gap: 8px;
  width: 100%;
  text-align: center;
  margin-top: 10%
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #all-media-dropzone.has-error .no-media-error {
  display: block
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #all-media-dropzone .all-media-upload-multiple-files {
  color: var(--color-content-primary);
  display: flex;
  justify-content: center
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #all-media-dropzone .heading {
  color: var(--color-content-secondary);
  font-size: 20px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 400 !important;
  margin-bottom: 16px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #all-media-dropzone .heading b {
  color: var(--basic_branding)
}
@media (max-width:768px) {
  .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #all-media-dropzone .heading {
    font-size: 18px !important;
    letter-spacing: .02em !important
  }
  .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #all-media-dropzone .footer .supported-files {
    font-size: 12px !important;
    letter-spacing: .04em !important
  }
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #all-media-dropzone .heading .file_selector_trigger {
  all: unset;
  cursor: pointer;
  color: var(--basic_branding)
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #all-media-dropzone .heading .file_selector_trigger:hover {
  text-decoration: underline
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #all-media-dropzone .footer {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  gap: 8px;
  margin-top: auto;
  color: var(--color-content-secondary);
  text-wrap: nowrap;
  text-align: center
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #all-media-dropzone .footer .supported-files {
  font-size: 12px !important;
  letter-spacing: .04em !important;
  font-weight: 400 !important
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #all-media-dropzone .footer .other-source {
  font-size: 10px !important;
  letter-spacing: .05em !important
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #all-media-dropzone .footer .other-source a {
  cursor: pointer
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #all-media-dropzone .all-media-supported-files {
  padding-top: 12px;
  color: var(--color-content-tertiary);
  width: 100%;
  display: flex;
  justify-content: center
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #all-media-dropzone #all-media-dropzone-body {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  padding: 14px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #all-media-dropzone #all-media-dropzone-body .import-methods-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #all-media-dropzone #all-media-dropzone-body .import-methods-container .import-method {
  cursor: pointer !important;
  all: unset;
  padding: 9px 20px;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  gap: 8px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #all-media-dropzone #all-media-dropzone-body .import-methods-container .import-method .import-method-icon-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 50px;
  height: 50px;
  border-radius: 8px;
  background-color: var(--color-background-inverse)
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #all-media-dropzone #all-media-dropzone-body .import-methods-container .import-method:hover, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-media-dropzone .import-methods-container .import-method:hover {
  background-color: var(--color-background-tertiary)
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #all-media-dropzone #all-media-dropzone-body .import-methods-container .import-method label {
  font-size: 10px !important;
  letter-spacing: .05em !important;
  text-wrap: nowrap
}
@media (max-width:768px) {
  .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #all-media-dropzone #all-media-dropzone-body .import-methods-container .import-method label, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #all-media-dropzone .footer .other-source {
    font-size: 10px !important;
    letter-spacing: .05em !important
  }
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #all-media-dropzone #all-media-dropzone-body .import-methods-container .import-method img {
  padding: 8px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #all-media-dropzone #all-media-dropzone-body img {
  width: 47px;
  align-self: center
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #all-media-dropzone #all-media-dropzone-body .all-media-drag-and-drop-text {
  margin-top: 24px;
  color: var(--color-content-tertiary);
  overflow-wrap: break-word
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #all-media-dropzone #all-media-dropzone-body .mid-grey {
  color: var(--color-content-secondary)
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #all-media-dropzone .no-media-error {
  display: none;
  color: var(--color-content-negative)
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-media-dropzone {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  min-height: 360px;
  padding: 14px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-media-dropzone .import-media-main {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  padding-top: 15%
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-media-dropzone .heading {
  color: var(--color-content-secondary);
  font-size: 20px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 400 !important;
  margin-bottom: 16px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-media-dropzone .heading b {
  color: var(--basic_branding)
}
@media (max-width:768px) {
  .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-media-dropzone .heading {
    font-size: 18px !important;
    letter-spacing: .02em !important
  }
  .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-media-dropzone .footer .supported-files {
    font-size: 12px !important;
    letter-spacing: .04em !important
  }
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-media-dropzone .footer {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  gap: 8px;
  margin-top: auto;
  color: var(--color-content-secondary);
  text-wrap: nowrap;
  text-align: center
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-media-dropzone .footer .supported-files {
  font-size: 12px !important;
  letter-spacing: .04em !important;
  font-weight: 400 !important
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-media-dropzone .footer .other-source {
  font-size: 10px !important;
  letter-spacing: .05em !important
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-media-dropzone .import-methods-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-media-dropzone .import-methods-container .import-method {
  cursor: pointer !important;
  padding: 8px 24px;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  gap: 8px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-media-dropzone .import-methods-container .import-method label {
  font-size: 10px !important;
  letter-spacing: .05em !important;
  text-wrap: nowrap
}
@media (max-width:768px) {
  .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-media-dropzone .footer .other-source, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-media-dropzone .import-methods-container .import-method label {
    font-size: 10px !important;
    letter-spacing: .05em !important
  }
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] #import-media-dropzone .import-methods-container .import-method img {
  border-radius: 8px;
  width: 50px;
  height: 50px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery], .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] {
  padding: 24px 24px 0
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] .question-mark, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] .question-mark {
  font-size: 20px;
  position: relative;
  margin-left: 10px;
  top: 5px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] > [id$=container], .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] > [id$=container] {
  margin-top: 16px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] > [id$=container] .form-group, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] > [id$=container] .form-group {
  margin: 0
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] > [id$=container] [class*=uploaded-files], .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] > [id$=container] [class*=uploaded-files] {
  margin-top: 16px;
  height: 130px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] > [id$=container] [class*=uploaded-files] .uploaded-file-container, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] > [id$=container] [class*=uploaded-files] .uploaded-file-container {
  background-color: var(--color-background-inverse);
  border-radius: 5px;
  padding: 12px 0 10px 14px;
  color: var(--color-content-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-flex;
  width: 100%;
  margin-bottom: 6px;
  justify-content: space-between;
  text-align: center
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] > [id$=container] .pdf-source-desciption, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] > [id$=container]#audios-container .source-desciption, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] > [id$=container] .pdf-source-desciption, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] > [id$=container]#audios-container .source-desciption {
  padding-top: 16px;
  padding-bottom: 8px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] > [id$=container] [class*=uploaded-files] .uploaded-file-container .filename-container, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] > [id$=container] [class*=uploaded-files] .uploaded-file-container .filename-container {
  display: inline-flex;
  width: 60%
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] > [id$=container] [class*=uploaded-files] .uploaded-file-container .filename, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] > [id$=container] [class*=uploaded-files] .uploaded-file-container .filename {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 10px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] > [id$=container] [class*=uploaded-files] .uploaded-file-container .file-removal, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] > [id$=container] [class*=uploaded-files] .uploaded-file-container .file-removal {
  cursor: pointer;
  padding-right: 10px;
  border: none;
  background-color: transparent
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] > [id$=container] [class*=uploaded-files] .uploaded-file-container .thumbnail-img, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] > [id$=container] [class*=uploaded-files] .uploaded-file-container .thumbnail-img {
  height: 16px;
  -webkit-filter: var(--filter);
  filter: var(--filter)
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] > [id$=container] .ace-file-input .file-label img, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] > [id$=container] .ace-file-input .file-label img {
  margin-left: auto;
  margin-right: auto
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] > [id$=container] .ace-file-input .file-label #drop-files, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] > [id$=container] .ace-file-input .file-label #drop-files {
  color: var(--color-content-tertiary)
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] > [id$=container] .image_source_description_image_file, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] > [id$=container] .image_source_description_image_file {
  padding-top: 16px;
  padding-bottom: 8px;
  margin-bottom: 0
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] > [id$=container] .pdf-source-desciption.pdf-source-desciption-ppt, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] > [id$=container] .pdf-source-desciption.pdf-source-desciption-ppt {
  padding-bottom: 0
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] > [id$=container] .all-media-source-description, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] > [id$=container] .all-media-source-description {
  margin-top: 16px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] > [id$=container] .import-media-url-container div[data-simplebar], .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] > [id$=container] .import-media-url-container div[data-simplebar] {
  height: 160px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] > [id$=container] .import-media-url-container .import-url-input, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] > [id$=container] .import-media-url-container .import-url-input {
  border: 1px solid var(--color-border-section);
  border-radius: 4px !important;
  height: 44px;
  padding: 12px 16px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] > [id$=container] .subnote, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] > [id$=container] .subnote {
  margin-bottom: 24px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] > [id$=container] #audio-stream, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] > [id$=container] #video-stream, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] > [id$=container] #audio-stream, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] > [id$=container] #video-stream {
  border: 1px solid var(--color-border-section);
  border-radius: 4px !important;
  height: 44px;
  padding: 12px 16px;
  width: 90%
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] > [id$=container] [id*=stock_] [class*=search-form], .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] > [id$=container] [id*=stock_] [class*=search-form] {
  margin-bottom: 16px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] > [id$=container] [id*=stock_] .all-media-source-description, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] > [id$=container] [id*=stock_] .all-media-source-description {
  padding-top: 18px;
  padding-bottom: 12px;
  color: var(--basic_branding);
  border-bottom: 2px solid var(--color-background-tertiary)
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] > [id$=container] [id*=stock_] .filter-button, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] > [id$=container] [id*=stock_] .filter-button {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  height: 44px;
  width: 44px;
  background: var(--color-background-inverse);
  border: 1px solid var(--color-border-default);
  border-radius: 8px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] > [id$=container] [id*=stock_] .filter-button .ds-filters, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] > [id$=container] [id*=stock_] .filter-button .ds-filters {
  color: var(--color-content-secondary);
  margin: 14px;
  display: -webkit-inline-box;
  font-size: 15px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] > [id$=container] [id*=stock_] .filter-button:hover, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] > [id$=container] [id*=stock_] .filter-button:hover {
  background: var(--color-background-tertiary);
  cursor: pointer
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] > [id$=container] [id*=stock_] [class*=search-query], .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] > [id$=container] [id*=stock_] [class*=search-query] {
  height: 44px;
  padding: 12px;
  border-radius: 5px !important;
  width: 100%
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] > [id$=container] [id*=stock_] .magnifier-glass-search-icon, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] > [id$=container] [id*=stock_] .magnifier-glass-search-icon {
  display: none !important
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] div > [class*=source-gallery] > [id$=container] [id*=stock_] [class*=search-button], .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .tabbable > .tab-content > .tab-pane[class*=container] > [class*=source-gallery] > [id$=container] [id*=stock_] [class*=search-button] {
  height: 44px;
  border-radius: 5px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .import-from-url-input-item > div {
  width: 98%
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .import-from-url-input-item input {
  width: 100%
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .import-youtube-audio-stream-container div[data-simplebar] {
  height: 120px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .import-youtube-audio-stream-container .audio_stream_input, .all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .import-youtube-audio-stream-container .video_stream_input {
  border: 1px solid var(--color-border-section);
  border-radius: 4px !important;
  height: 44px;
  padding: 12px 16px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists .input-stream-url-container[data-simplebar] {
  height: 250px
}
.all-media-gallery-modal .modal-dialog .modal-body #all-media-lists [data-error] {
  margin-top: 12px
}
.all-media-gallery-modal .modal-dialog .modal-footer #add-more-container {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  float: left;
  margin-right: 16px
}
.all-media-gallery-modal.welcome-all-media-gallery-modal {
  max-width: 100vw;
  position: static;
  overflow: initial;
  margin-bottom: 20px !important;
  pointer-events: none;
  z-index: 1003
}
.all-media-gallery-modal.welcome-all-media-gallery-modal .modal-dialog {
  padding: 0
}
.all-media-gallery-modal.welcome-all-media-gallery-modal .modal-dialog .modal-content {
  padding-top: 20px;
  background: 0 0;
  box-shadow: none
}
.all-media-gallery-modal.welcome-all-media-gallery-modal .modal-dialog .modal-content .modal-header {
  display: none
}
.all-media-gallery-modal.welcome-all-media-gallery-modal .modal-dialog .modal-content .modal-footer {
  display: flex;
  justify-content: center
}
.all-media-gallery-modal.welcome-all-media-gallery-modal .modal-dialog .modal-content .modal-footer #add-more-container {
  margin-right: auto
}
.app-view-template-wrapper .apps-tab-content {
  margin-top: 30px
}
.app-view-template-wrapper #app-form, .app-view-template-wrapper #app-gallery, .app-view-template-wrapper #folder-app-form {
  display: none
}
.app-gallery .app-gallery-toolbar {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center
}
.app-gallery .app-gallery-toolbar .app-gallery-title {
  width: 100%;
  max-width: 600px;
  margin-bottom: 16px;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal
}
.app-gallery .app-gallery-toolbar .gallery-filter-tools {
  width: 100%;
  padding: 0;
  margin: 16px 0 10px;
  margin-left: 0 !important
}
.app-gallery .app-gallery-toolbar .gallery-filter-tools .app-groups-container {
  position: relative;
  width: 100%
}
.app-gallery .app-gallery-toolbar .gallery-filter-tools .app-groups-container [class*=app-groups-scroll] {
  display: none !important
}
.app-gallery .app-gallery-toolbar .gallery-filter-tools .app-groups-container [class*=app-groups-scroll].app-groups-scroll-right {
  right: 0;
  padding-left: 8px
}
.app-gallery .app-gallery-toolbar .gallery-filter-tools .app-groups-container [class*=app-groups-scroll].app-groups-scroll-left {
  left: 0;
  padding-right: 8px
}
.app-gallery .app-gallery-toolbar .gallery-filter-tools .app-groups-container .app-group-selection {
  height: 35px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap
}
.app-gallery .app-gallery-toolbar .gallery-filter-tools .app-groups-container .app-group-selection .material-symbols-outlined.app-group-icon {
  font-size: 16px;
  line-height: 16px
}
.app-gallery .app-gallery-toolbar .gallery-filter-tools .app-groups-container .app-group-selection[data-type='Partners Apps'] {
  position: relative;
  border-radius: 999px;
  border: .5px solid transparent !important;
  background-clip: padding-box
}
.app-gallery .app-gallery-toolbar .gallery-filter-tools .app-groups-container .app-group-selection[data-type='Partners Apps']::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: .5px;
  background: linear-gradient(90deg, #fac5a8 0, #f26f26 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none
}
.app-gallery .app-gallery-toolbar .gallery-filter-tools .app-groups-container .app-group-selection[data-type=Integrations]::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: .5px;
  background: linear-gradient(90deg, #fac5a8 0, #f26f26 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none
}
.app-gallery .app-gallery-toolbar .gallery-filter-tools .app-groups-container .app-group-selection .app-group-content {
  display: inline-flex;
  align-items: center;
  gap: 8px
}
.app-gallery .app-gallery-toolbar .gallery-filter-tools .app-groups-container .app-groups-buttons {
  width: 100%;
  height: 36px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative
}
.app-gallery .app-gallery-toolbar .gallery-filter-tools .app-groups-container .app-groups-buttons > :first-child {
  margin-left: 0 !important
}
.app-gallery .app-gallery-toolbar .gallery-filter-tools .app-groups-container .app-groups-buttons::-webkit-scrollbar {
  height: 0
}
.app-gallery .app-gallery-toolbar .gallery-filter-tools .app-groups-container .app-more-select-wrapper {
  display: inline-flex;
  align-items: center
}
.app-gallery .app-gallery-toolbar .gallery-filter-tools .app-groups-container #app-more-select + .select2-container .select2-selection--single {
  height: 36px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0
}
.app-gallery .app-gallery-toolbar .gallery-filter-tools .app-groups-container #app-more-select + .select2-container .select2-selection__rendered {
  padding: 0 36px 0 12px;
  line-height: 36px;
  color: var(--color-content-primary)
}
.app-gallery .app-gallery-toolbar .gallery-filter-tools .app-groups-container #app-more-select + .select2-container .select2-selection__arrow {
  height: 36px;
  top: 0;
  right: 8px
}
.app-gallery .app-gallery-toolbar .gallery-filter-tools .app-groups-container #app-more-select + .select2-container .select2-selection__placeholder {
  color: inherit !important;
  opacity: 1 !important
}
.app-gallery .app-gallery-toolbar .gallery-filter-tools .app-groups-container #app-more-select + .select2-container .select2-selection, .app-gallery .app-gallery-toolbar .gallery-filter-tools .app-groups-container #app-more-select + .select2-container .select2-selection__rendered {
  color: var(--color-content-primary)
}
.app-gallery .app-gallery-toolbar .gallery-filter-tools .app-groups-container .app-group-selection .app-group-icon {
  width: 16px;
  height: 16px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: inline-flex;
  flex: 0 0 16px;
  font-size: 16px;
  line-height: 16px
}
.app-gallery .app-search.app-search-container {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: 0 auto 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  height: 48px;
  padding: 8px 12px;
  background: var(--color-background-inverse);
  border: 1px solid var(--color-border-default);
  border-radius: 24px
}
.app-gallery .app-search.app-search-container:hover {
  border-color: var(--color-border-default);
  box-shadow: none
}
.app-gallery .app-search.app-search-container:focus-within {
  border-color: var(--color-border-default);
  box-shadow: none;
  outline: 0
}
.app-gallery .app-search.app-search-container.search-active {
  border-bottom: none;
  border-radius: 24px 24px 0 0
}
.app-gallery .app-search.app-search-container .search_magnifying_glass {
  position: static;
  -webkit-transform: none;
  transform: none;
  margin: 0 !important;
  color: var(--color-content-tertiary)
}
.app-gallery .app-search.app-search-container .search_magnifying_glass.vertical_line::before {
  content: none !important;
  box-shadow: none !important
}
.app-gallery .app-search.app-search-container #apps-search-text {
  width: 100%;
  padding: 0;
  height: auto;
  border: none !important;
  border-radius: 0 !important;
  outline: 0;
  background: 0 0;
  color: var(--color-content-primary)
}
.app-gallery .app-search.app-search-container #apps-search-text::-webkit-input-placeholder {
  color: var(--color-content-tertiary)
}
.app-gallery .app-search.app-search-container #apps-search-text::-moz-placeholder {
  color: var(--color-content-tertiary)
}
.app-gallery .app-search.app-search-container #apps-search-text::-ms-input-placeholder {
  color: var(--color-content-tertiary)
}
.app-gallery .app-search.app-search-container #apps-search-text::placeholder {
  color: var(--color-content-tertiary)
}
.app-gallery .app-search.app-search-container .input-dropdown-container {
  position: static;
  flex: 1 1 auto;
  min-width: 0
}
.app-gallery .app-search.app-search-container .clear_search {
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 1001;
  visibility: visible !important
}
.app-gallery .app-search.app-search-container .clear_search:after {
  visibility: visible !important;
  margin: 2px auto 0 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important
}
.app-gallery .app-search.app-search-container .clear_search:hover::after {
  background-color: transparent !important
}
.app-gallery .apps-search-dropdown {
  display: none;
  position: absolute;
  left: -1px;
  top: calc(100% - 1px);
  width: calc(100% + 2px);
  padding: 0;
  text-align: left;
  background: var(--color-background-inverse);
  border: 1px solid var(--color-border-default);
  border-top: none;
  border-radius: 0 0 24px 24px;
  z-index: 1000;
  overflow: hidden
}
.app-gallery .apps-search-dropdown.visible {
  display: block
}
.app-gallery .apps-search-dropdown .hidden {
  display: none !important
}
.app-gallery .apps-search-dropdown .apps-history-container {
  padding: 6px;
  max-height: 300px;
  overflow-y: auto
}
.app-gallery .apps-search-dropdown .apps-history-container::-webkit-scrollbar {
  width: 5px;
  color: var(--color-background-tertiary)
}
.app-gallery .apps-search-dropdown .apps-history-header {
  padding: 8px 6px;
  color: var(--color-content-tertiary)
}
.app-gallery .apps-search-dropdown .apps-history-list {
  display: block
}
.app-gallery .apps-search-dropdown .apps-no-history {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  color: var(--color-content-tertiary);
  font-size: 14px
}
.app-gallery .apps-search-dropdown .apps-no-history i {
  font-size: 16px;
  color: var(--color-content-tertiary)
}
.app-gallery .apps-search-dropdown .apps-history-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 52px;
  padding: 12px 16px;
  margin: 0 !important;
  background: 0 0;
  border-bottom: .5px solid var(--color-border-default);
  border-radius: 0 !important;
  cursor: pointer;
  transition: background-color .2s ease
}
.app-gallery .apps-search-dropdown .apps-history-item + .apps-history-item {
  margin-top: 6px
}
.app-gallery .apps-search-dropdown .apps-history-item:hover {
  background: var(--color-background-primary);
  border-radius: 8px !important
}
.app-gallery .apps-search-dropdown .apps-history-item .item-text {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1 1 auto;
  color: var(--color-content-secondary);
  font-size: 14px
}
.app-gallery .apps-search-dropdown .apps-history-item .item-text > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.app-gallery .apps-search-dropdown .apps-history-item .item-icons {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-background-notice-subtle);
  color: var(--color-content-secondary)
}
.app-gallery .apps-search-dropdown .apps-history-footer .apps-clear-history, .app-gallery .apps-search-dropdown .apps-results-item {
  color: var(--color-background-notice);
  cursor: pointer;
  text-decoration: none
}
.app-gallery .apps-search-dropdown .apps-history-footer {
  padding: 12px 16px;
  background: var(--color-background-inverse);
  display: flex;
  justify-content: flex-start
}
.app-gallery .apps-search-dropdown .apps-history-footer .apps-clear-history:hover {
  text-decoration: none
}
.app-gallery .apps-search-dropdown .apps-results-container {
  padding: 0
}
.app-gallery .apps-search-dropdown .apps-results-container.hidden {
  display: none
}
.app-gallery .apps-search-dropdown .apps-results-item {
  height: 52px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  border-top: .5px solid var(--color-border-default);
  background: var(--color-background-inverse)
}
.app-gallery .app-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  width: 100%;
  padding: 5px 0
}
.app-gallery .app-cards .all-apps, .app-gallery .app-cards .featured-apps {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  width: 100%
}
@media (min-width:2560px) {
  .app-gallery .app-cards .all-apps, .app-gallery .app-cards .featured-apps {
    grid-template-columns: repeat(5, 1fr)
  }
}
@media (max-width:2560px) {
  .app-gallery .app-cards .all-apps, .app-gallery .app-cards .featured-apps {
    grid-template-columns: repeat(4, 1fr)
  }
}
@media (max-width:1920px) {
  .app-gallery .app-cards .all-apps, .app-gallery .app-cards .featured-apps {
    grid-template-columns: repeat(3, 1fr)
  }
}
@media (max-width:1024px) {
  .app-gallery .app-cards .all-apps, .app-gallery .app-cards .featured-apps {
    grid-template-columns: repeat(2, 1fr)
  }
}
@media (max-width:640px) {
  .app-gallery .app-cards .all-apps, .app-gallery .app-cards .featured-apps {
    grid-template-columns: 1fr
  }
}
.app-gallery .app-cards .app_column {
  overflow: hidden;
  min-width: 0
}
.app-gallery .app-cards .app_column .app-card {
  overflow: hidden;
  border: .25px solid var(--color-border-default);
  background-color: var(--color-background-inverse);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 8px;
  width: 100%;
  height: 100%;
  padding: 16px 21.25px;
  cursor: pointer;
  position: relative;
  transition: border-color .2s ease-in-out
}
.app-gallery .app-cards .app_column .app-card:hover {
  border-color: var(--color-content-link)
}
.app-gallery .app-cards .app_column .app-card .app-icon-content {
  width: 56px;
  text-align: center
}
.app-gallery .app-cards .app_column .app-card .app-icon-content img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}
.app-gallery .app-cards .app_column .app-card .app-icon-content .app-icon {
  font-size: 56px;
  width: 56px
}
.app-gallery .app-cards .app_column .app-card .app-icon-content .widget-icon {
  font-style: normal;
  font-size: 45px
}
.app-gallery .app-cards .app_column .app-card .header-title {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  flex-wrap: no-wrap;
  gap: 8px;
  width: 100%
}
.app-gallery .app-cards .app_column .app-card .header-title span:not(.monetization-crown) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%
}
.app-gallery .app-cards .app_column .app-card .description-content {
  height: 56px;
  width: calc(100% - 56px);
  min-width: 0;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  display: flex
}
.app-gallery .app-cards .app_column .app-card .description-content .app-description {
  margin-top: 4px;
  height: 1.2em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  width: 100%
}
.app-gallery .app-cards .app_column .app-card .pill-container {
  display: inline-flex
}
.app-gallery .app-cards .app_column .app-card .pill-container .pill-item {
  border-radius: 4px;
  padding: 4px;
  line-height: 14px
}
.app-gallery .app-cards .app_column .app-card .pill-container .pill-item.installed-pill {
  background-color: var(--color-background-notice-subtle);
  color: var(--color-content-notice);
  font-size: 10px !important;
  letter-spacing: .05em !important
}
.app-gallery .app-cards .app_column .app-card .pill-container .pill-item.new-pill {
  border-radius: 0 8px;
  background-color: var(--basic_branding);
  color: var(--color-background-inverse);
  position: absolute;
  right: 0;
  top: 0;
  font-size: 10px !important;
  letter-spacing: .05em !important
}
@media (max-width:768px) {
  .app-gallery .app-cards .app_column .app-card .pill-container .pill-item.installed-pill, .app-gallery .app-cards .app_column .app-card .pill-container .pill-item.new-pill {
    font-size: 10px !important;
    letter-spacing: .05em !important
  }
}
.app-gallery .app-cards .app_column .app-card > .app-card-front .app-premium-pill {
  color: var(--color-content-warning);
  background-color: var(--color-background-warning-subtle);
  border: 1px solid var(--color-border-warning);
  padding: 4px 8px;
  font-family: Inter, sans-serif !important;
  border-radius: 4px;
  z-index: 1;
  float: right;
  position: absolute;
  left: 5px;
  top: 5px
}
html.dark .app-gallery .app-cards .app_column .app-card > .app-card-front .app-premium-pill {
  color: var(--color-content-secondary)
}
.app-gallery .app-cards .app_column .app-card > .app-card-front .app-card-disabled-warning {
  width: 51px;
  height: 21px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--color-background-warning);
  border-radius: 0 7px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.app-gallery .app-cards .app_column .app-card > .app-card-front .app-card-disabled-warning img {
  -webkit-filter: var(--filter);
  filter: var(--filter)
}
.app-gallery .app-cards .app_column .app-card > .app-card-front .installed-add-on-tag {
  display: none;
  float: right;
  position: absolute;
  font-family: Inter, sans-serif !important;
  right: 0;
  top: 0;
  background-color: var(--basic_branding);
  padding: 6px 12px;
  color: #fff;
  border-bottom-left-radius: 8px;
  letter-spacing: 2px
}
.app-gallery .app-cards .app_column .app-card > .app-card-front.installed-add-on .installed-add-on-tag {
  display: initial
}
.app-gallery .app-cards .app_column .app-card#widget\/sharepoint_playlist .app-card-front img {
  width: 60px;
  height: 60px
}
.app-gallery .app-cards .app_column.request-column .app-card {
  background: linear-gradient(to right, #f68a42, var(--basic_branding)) !important;
  cursor: default;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex
}
.app-gallery .app-cards .app_column.request-column .app-card .description-content {
  background-color: var(--color-background-inverse);
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  padding-top: 14px;
  padding-bottom: 14px;
  gap: 8px
}
.app-gallery .app-cards .app_column.request-column .app-card .description-content .request-app-img {
  width: 52px;
  height: 52px
}
.app-gallery .app-cards .app_column.request-column .app-card .description-content .request-app-text {
  margin: 0;
  color: var(--color-background-inverse);
  text-align: center
}
.app-gallery .app-cards .app-category {
  width: 100%
}
.app-gallery .app-cards .app-category .most-popular-apps, .app-gallery .app-cards .app-category .recently-used-apps {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  display: flex;
  overflow-x: auto;
  width: 100%;
  gap: 14px;
  padding: 5px
}
.app-gallery .app-cards .app-category .most-popular-apps::-webkit-scrollbar, .app-gallery .app-cards .app-category .recently-used-apps::-webkit-scrollbar {
  height: 0
}
.app-gallery .app-cards .app-category .recently-used-placeholder {
  width: 100%;
  height: 184px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex
}
.app-gallery .app-cards .app-category .recently-used-placeholder i {
  font-size: 32px
}
.app-gallery .app-cards .app-category .recently-used-placeholder .recently-used-placeholder-text {
  margin-top: 16px
}
.app-gallery .no-results-image {
  max-height: 207px;
  padding: 16px
}
.app-gallery .request_app {
  text-align: center;
  margin-top: 70px;
  display: flex;
  justify-content: center
}
.app-gallery .request_app .request_app_text {
  margin-left: 25px
}
.app-gallery .request_app .request_app_text > span {
  display: block
}
.app-gallery .request_app .request_app_text p:first-child {
  margin-top: 30px;
  margin-bottom: 16px
}
.app-gallery .request_app .request_app_text .request-app-button {
  margin-top: 40px
}
.app-gallery #request-app-intercom {
  white-space: nowrap
}
.app-gallery .app-gallery-header {
  color: var(--color-content-primary);
  line-height: 21.8px;
  margin: 36px 0 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: inherit
}
.app-gallery .app-gallery-header .title {
  color: var(--color-content-primary);
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 8px
}
.app-gallery .app-gallery-header .scroll-arrows {
  margin-right: 16px
}
.app-gallery .app-gallery-header .scroll-arrows i {
  font-size: 24px;
  background-color: var(--color-background-inverse);
  border-radius: 50%;
  cursor: pointer
}
.app-gallery .app-gallery-header .scroll-arrows i.left-scroll {
  margin-right: 8px;
  padding-right: 2px
}
.app-gallery .app-gallery-header .scroll-arrows i.right-scroll {
  padding-left: 2px
}
.app-gallery .app-gallery-header .select2 {
  width: 156px !important
}
.app-gallery .custom-app-banner {
  margin-top: 10px;
  padding: 12px 16px;
  background-color: var(--color-background-notice-subtle);
  border: .5px solid var(--color-border-notice);
  border-radius: 8px
}
.app-gallery .custom-app-banner .custom-app-banner-content {
  display: flex;
  align-items: center;
  gap: 32px
}
.app-gallery .custom-app-banner .custom-app-banner-text {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 12px;
  flex: 1
}
.app-gallery .custom-app-banner .custom-app-banner-text p {
  margin: 0;
  color: var(--color-content-secondary);
  line-height: 140%
}
.app-gallery .custom-app-banner .custom-app-banner-icon {
  font-size: 32px;
  color: var(--color-content-notice);
  flex-shrink: 0
}
.app-gallery .custom-app-banner .custom-app-banner-button {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  height: 40px;
  padding: 8px 12px;
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  color: var(--color-content-primary);
  font-size: 16px !important;
  letter-spacing: .02em !important;
  font-weight: 500 !important;
  line-height: 100% !important;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .2s ease
}
@media (max-width:768px) {
  .app-gallery .custom-app-banner .custom-app-banner-button {
    font-size: 14px !important;
    letter-spacing: .02em !important
  }
}
.app-gallery .custom-app-banner .custom-app-banner-button:hover {
  background-color: var(--color-background-secondary);
  text-decoration: none
}
.app-gallery-dialog:not(.preview-app-gallery-from-layout) .app-modal-content .slideshow-container .mySlides img {
  vertical-align: middle;
  height: 336px !important;
  max-height: 336px;
  width: auto !important;
  -o-object-fit: contain;
  object-fit: contain;
  max-width: 100%
}
.app-gallery-dialog:not(.preview-app-gallery-from-layout) .app-modal-content .slideshow-container .mySlides video {
  -o-object-fit: contain;
  object-fit: contain;
  max-height: 336px;
  height: auto;
  width: auto !important;
  max-width: 100%
}
.app-gallery-dialog:not(.preview-app-gallery-from-layout) .app-modal-content .slideshow-container .mySlides lottie-player {
  max-height: 336px;
  height: auto;
  width: auto !important;
  max-width: 100%
}
.app-gallery-dialog:not(.preview-app-gallery-from-layout) .app-modal-content .app-description {
  font-size: 16px !important;
  line-height: 140% !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
  padding-bottom: 12px
}
.app-gallery-dialog:not(.preview-app-gallery-from-layout) .app-modal-content #app-tabs .custom-tabs-list {
  width: 100%
}
.app-gallery-dialog:not(.preview-app-gallery-from-layout) .app-modal-content #app-tabs .custom-tabs-list li.custom-tab-toggle {
  width: 100%;
  max-width: 100%;
  justify-content: space-around
}
@media screen and (max-width:530px) {
  .app-gallery-dialog:not(.preview-app-gallery-from-layout) .app-modal-content #app-back {
    display: none
  }
}
.app-gallery-dialog.preview-app-gallery-from-layout {
  z-index: 1043
}
.app-gallery-dialog.preview-app-gallery-from-layout .app-modal-content .slideshow-container {
  height: 74vh !important
}
.app-gallery-dialog.preview-app-gallery-from-layout .app-modal-content .slideshow-container .mySlides {
  height: 100%
}
.app-gallery-dialog.preview-app-gallery-from-layout .app-modal-content .slideshow-container .mySlides img {
  -o-object-fit: contain;
  object-fit: contain;
  vertical-align: middle;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  padding-left: 42px;
  padding-right: 42px
}
.app-gallery-dialog.preview-app-gallery-from-layout .app-modal-content .slideshow-container .mySlides lottie-player, .app-gallery-dialog.preview-app-gallery-from-layout .app-modal-content .slideshow-container .mySlides video {
  width: 100% !important;
  height: 100% !important;
  max-width: 95% !important;
  max-height: 100% !important
}
.app-gallery-dialog.preview-app-gallery-from-layout .app-modal-icon-container {
  height: 74vh !important;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  margin-bottom: 66px
}
.app-gallery-dialog.preview-app-gallery-from-layout .slideshow-container {
  max-width: none !important
}
.app-gallery-dialog.preview-app-gallery-from-layout .modal-dialog {
  width: 80%;
  height: 80%
}
.app-gallery-dialog.preview-app-gallery-from-layout .modal-content {
  height: auto
}
.app-gallery-dialog.preview-app-gallery-from-layout .modal-content .app-modal-details .app-description, .app-gallery-dialog.preview-app-gallery-from-layout .modal-content .app-modal-details .app-modal-beta, .app-gallery-dialog.preview-app-gallery-from-layout .modal-content .app-modal-details .app-modal-header, .app-gallery-dialog.preview-app-gallery-from-layout .modal-content .app-modal-details .app-supported-players {
  display: none
}
.app-gallery-dialog.preview-app-gallery-from-layout .modal-content .app-modal-details .app-modal-footer {
  position: -webkit-sticky !important;
  position: sticky !important;
  bottom: 0 !important;
  background-color: var(--color-background-primary) !important;
  box-shadow: 0 0 6.4px 0 rgba(0, 0, 0, .11);
  display: flex;
  margin: 20px -40px -20px;
  justify-content: space-between;
  padding: 16px
}
.app-gallery-dialog.preview-app-gallery-from-layout .modal-content .app-modal-details .app-modal-footer #app-back {
  margin-left: auto
}
.app-gallery-dialog.preview-app-gallery-from-layout .modal-content:has(.widget-form-banner) .app-modal-details .app-modal-footer {
  margin: 20px -20px -20px
}
.app-gallery-dialog .app-modal-content img {
  width: 100%;
  height: 100%;
  max-width: 85% !important
}
.app-gallery-dialog .app-modal-content:has(.widget-form-banner):not(:has(.widget-form-info-banner)) {
  margin-top: 28px
}
.app-gallery-dialog .app-modal-content .widget-form-banner {
  min-height: 58px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  background-color: var(--color-fill-image);
  padding: 12px 16px;
  position: absolute;
  width: 100% !important;
  left: 0;
  top: 0;
  align-items: center;
  display: inline-flex;
  margin-top: -32px;
  color: var(--color-content-primary)
}
.app-gallery-dialog .app-modal-content .widget-form-banner .banner-icon {
  width: 20px;
  height: 18px;
  margin-right: 12px
}
.app-gallery-dialog .app-modal-content .widget-form-banner.widget-form-info-banner {
  display: none
}
.app-gallery-dialog .app-modal-content .slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
  height: 336px;
  margin-top: 12px
}
.app-gallery-dialog .app-modal-content .slideshow-container .mySlides {
  display: none;
  align-items: center;
  justify-content: center
}
.app-gallery-dialog .app-modal-content .slideshow-container .slideshow-next, .app-gallery-dialog .app-modal-content .slideshow-container .slideshow-prev {
  position: absolute;
  top: 50%;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 28px;
  height: 28px;
  gap: 11.67px;
  aspect-ratio: 1/1;
  border-radius: 28px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-inverse);
  color: var(--color-content-secondary);
  cursor: pointer
}
.app-gallery-dialog .app-modal-content .slideshow-container .slideshow-next span, .app-gallery-dialog .app-modal-content .slideshow-container .slideshow-prev span {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.app-gallery-dialog .app-modal-content .slideshow-container .slideshow-next:hover, .app-gallery-dialog .app-modal-content .slideshow-container .slideshow-prev:hover {
  text-decoration: none
}
.app-gallery-dialog .app-modal-content .slideshow-container .slideshow-next {
  right: 0
}
.app-gallery-dialog .app-modal-content .slideshow-dots {
  text-align: center;
  padding-top: 25px
}
.app-gallery-dialog .app-modal-content .slideshow-dot {
  cursor: pointer;
  height: 8px;
  width: 8px;
  margin: 0 2px;
  background-color: var(--color-background-active-subtle);
  border-radius: 50%;
  display: inline-block;
  transition: background-color .6s ease
}
.app-gallery-dialog .app-modal-content .active-dot, .app-gallery-dialog .app-modal-content .dot:hover {
  background-color: var(--color-background-notice)
}
.app-gallery-dialog .app-modal-content .active-dot, .app-gallery-dialog .app-modal-content .active-slideshow {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 3s;
  animation-name: fade;
  animation-duration: 3s
}
.app-gallery-dialog .app-modal-content .app-modal-icon-container {
  width: 100%;
  height: auto;
  min-height: 200px;
  text-align: center
}
.app-gallery-dialog .app-modal-content .app-modal-icon-container .app-modal-icon {
  font-size: 100px;
  margin-top: 42px
}
.app-gallery-dialog .app-modal-content .app-supported-players {
  margin: 0;
  padding: 16px
}
.app-gallery-dialog .app-modal-content .app-supported-players .supported-players {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  display: flex;
  flex-wrap: wrap;
  gap: 8px
}
.app-gallery-dialog .app-modal-content .app-supported-players .supported-players .supported-player-type {
  margin: 0 !important
}
.app-gallery-dialog .app-modal-header {
  opacity: .8
}
.app-gallery-dialog .app-modal-header .app-premium-pill {
  color: var(--color-content-warning);
  background-color: var(--color-background-warning-subtle);
  border: 1px solid var(--color-border-warning);
  padding: 4px 8px;
  font-family: Inter, sans-serif !important;
  border-radius: 4px;
  z-index: 1;
  top: -2px;
  position: relative;
  margin-left: 10px
}
html.dark .app-gallery-dialog .app-modal-header .app-premium-pill {
  color: var(--color-content-secondary)
}
.app-gallery-dialog .app-modal-header:has(.add-on-flag) {
  display: flex;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px
}
.app-gallery-dialog .app-modal-header:has(.add-on-flag) .add-on-flag {
  padding: 4px 6px;
  border-radius: 8px;
  border: 1px solid var(--color-border-focus);
  background: var(--color-background-warning-subtle);
  color: var(--basic_branding)
}
.app-gallery-dialog .app-modal-beta, .app-gallery-dialog .app-modal-coming-soon {
  display: flex;
  align-items: center
}
.app-gallery-dialog .app-modal-beta > div, .app-gallery-dialog .app-modal-coming-soon > div {
  margin-left: 16px;
  background-color: var(--basic_branding);
  padding: 2px 4px 3px;
  line-height: normal;
  color: var(--color-background-inverse);
  letter-spacing: -.18px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  border-radius: 4px;
  text-transform: uppercase
}
.app-gallery-dialog .app-modal-details {
  padding-top: 8px
}
.app-gallery-dialog .app-supported-players {
  margin-top: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  display: flex
}
.app-gallery-dialog .app-supported-players .title {
  color: var(--color-content-secondary);
  line-height: 19px;
  margin: 4px 12px 0 0;
  white-space: nowrap
}
.app-gallery-dialog .app-modal-footer {
  padding: 24px 0;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  display: flex
}
.app-gallery-dialog .app-modal-footer .button-left {
  padding-left: 0;
  margin-right: auto
}
.app-gallery-dialog .app-modal-footer .button-right {
  margin-left: 8px
}
.app-gallery-dialog .app-modal-footer .upgrade-notification {
  justify-content: center;
  align-items: space-between;
  flex-direction: row;
  display: flex;
  gap: 32px;
  width: 100%;
  padding: 12px 16px;
  background-color: var(--color-background-notice-subtle);
  border-radius: 8px
}
.app-gallery-dialog .app-modal-footer .upgrade-notification .upgrade-notification-content {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1
}
.app-gallery-dialog .app-modal-footer .upgrade-notification .upgrade-notification-icon {
  color: var(--color-content-notice);
  flex-shrink: 0
}
.app-gallery-dialog .app-modal-footer .upgrade-notification .upgrade-notification-text {
  color: var(--color-content-primary);
  line-height: 140% !important;
  margin: 0
}
.app-gallery-dialog .app-modal-footer .upgrade-notification .upgrade-notification-text strong {
  font-weight: 600
}
.app-gallery-dialog-coming-soon .app-coming-soon-modal-content {
  justify-content: center;
  align-items: center;
  display: flex;
  height: 418px;
  flex-direction: column
}
.app-gallery-dialog-coming-soon .app-coming-soon-modal-content .text {
  margin-top: 24px;
  color: var(--color-content-primary);
  line-height: 25px
}
.app-gallery-dialog-use-app-flow .modal-header {
  display: block;
  border-bottom: none
}
.app-gallery-dialog-use-app-flow .modal-header .modal-title {
  color: var(--color-content-primary);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px
}
.app-gallery-dialog-use-app-flow .modal-header .modal-title .subtitle {
  color: var(--color-content-secondary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}
.app-gallery-dialog-use-app-flow .modal-body {
  padding: 0 24px 24px
}
.app-gallery-dialog-use-app-flow .modal-body .app-use-app-flow-modal-content {
  display: flex;
  flex-direction: column;
  height: auto;
  gap: 12px
}
.app-gallery-dialog-use-app-flow .modal-body .app-use-app-flow-modal-content .app-container {
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 60px;
  padding: 8px 16px;
  border-radius: 8px;
  border: 1px solid var(--color-content-tertiary);
  cursor: pointer
}
.app-gallery-dialog-use-app-flow .modal-body .app-use-app-flow-modal-content .app-container .thumbnail-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  margin-right: 16px
}
.app-gallery-dialog-use-app-flow .modal-body .app-use-app-flow-modal-content .app-container .thumbnail-container > img {
  height: 24px;
  width: 24px
}
.app-gallery-dialog-use-app-flow .modal-body .app-use-app-flow-modal-content .app-container .details-container {
  display: flex;
  flex-direction: column
}
.app-gallery-dialog-use-app-flow .modal-body .app-use-app-flow-modal-content .app-container .details-container .child-name {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  color: var(--color-content-primary)
}
.app-gallery-dialog-use-app-flow .modal-body .app-use-app-flow-modal-content .app-container .details-container .app-premium-pill {
  color: var(--color-content-warning);
  background-color: var(--color-background-warning-subtle);
  border: 1px solid var(--color-border-warning);
  padding: 4px 8px;
  font-family: Inter, sans-serif !important;
  border-radius: 4px;
  z-index: 1;
  top: -2px;
  position: relative;
  margin-left: 10px
}
html.dark .app-gallery-dialog-use-app-flow .modal-body .app-use-app-flow-modal-content .app-container .details-container .app-premium-pill {
  color: var(--color-content-secondary)
}
.app-gallery-dialog-use-app-flow .modal-body .app-use-app-flow-modal-content .app-container .details-container .child-description {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: var(--color-content-secondary)
}
.app-gallery-dialog-use-app-flow .modal-body .app-use-app-flow-modal-content .app-container .details-container .app-supported-players {
  display: flex;
  align-items: center;
  font-size: 12px
}
.app-gallery-dialog-use-app-flow .modal-body .app-use-app-flow-modal-content .app-container .details-container .app-supported-players .title {
  color: var(--color-content-tertiary);
  font-weight: 700;
  margin-right: 4px
}
.app-gallery-dialog-use-app-flow .modal-body .app-use-app-flow-modal-content .app-container .details-container .app-supported-players .supported-players {
  display: flex;
  gap: 4px
}
.app-gallery-dialog-use-app-flow .modal-body .app-use-app-flow-modal-content .app-container .details-container .app-supported-players .supported-players .supported-player-type {
  padding: 2px 6px;
  margin: 0 !important;
  min-width: auto
}
.app-gallery-dialog-use-app-flow .modal-body .app-use-app-flow-modal-content .app-container .details-container .app-supported-players .supported-players .player-icon {
  width: 20px;
  height: 20px
}
.app-gallery-dialog-use-app-flow .modal-body .app-use-app-flow-modal-content .app-container .details-container .app-supported-players .supported-players .icon {
  color: var(--color-content-primary);
  font-size: 20px
}
.app-gallery-dialog-use-app-flow .modal-body .app-use-app-flow-modal-content .app-container:hover {
  background-color: var(--color-background-tertiary)
}
.app-form-widget-note {
  display: flex;
  margin: -5px 0 25px 10px;
  font-size: 12px;
  color: var(--color-content-tertiary)
}
.app-form-widget-note .widget_2FA_warning {
  display: flex
}
.app-form-widget-note .widget_2FA_warning i.warning {
  margin-right: 8px;
  display: flex;
  background-color: var(--color-background-primary);
  height: 20px !important;
  width: 20px !important;
  border-radius: 100% !important
}
.app-form-widget-note .widget_2FA_warning i.warning:before {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: pre;
  width: 20px;
  height: 20px;
  color: var(--color-content-primary) !important
}
.app-form-widget-note .widget_2FA_warning span {
  color: var(--color-content-tertiary);
  font-size: 14px;
  font-weight: 600
}
.apps_guide {
  line-height: 19px;
  font-size: 14px;
  font-weight: 600;
  font-style: normal
}
.sp-replacer {
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-border-default);
  border-radius: 4px
}
.sp-replacer:hover {
  border-color: var(--color-border-hover)
}
.sp-replacer.sp-active, .sp-replacer:focus {
  border-color: var(--color-border-focus)
}
.sp-replacer .sp-dd {
  color: var(--color-content-primary);
  padding: 0
}
.interactive-kiosk-form .return-url {
  display: grid
}
.interactive-kiosk-form .return-url .rpi-note {
  color: var(--color-content-tertiary);
  display: inline-flex;
  align-items: center;
  justify-content: end
}
.interactive-kiosk-form .return-url .rpi-note .ds-rpi {
  font-size: 20px;
  margin-left: 2px
}
.interactive-kiosk-form .separator-label {
  margin-bottom: 0
}
.interactive-kiosk-form .indication-fill .sp-replacer {
  background-color: var(--color-background-primary);
  border: 1px solid var(--color-border-default);
  border-radius: 4px;
  height: 44px;
  display: flex;
  align-items: center;
  width: 108px;
  padding: 10px
}
.interactive-kiosk-form .indication-fill .sp-replacer.sp-active, .interactive-kiosk-form .indication-fill .sp-replacer:hover {
  border: 1px solid var(--color-content-tertiary)
}
.interactive-kiosk-form .indication-fill .sp-replacer .sp-preview {
  border: 1px solid #c5ced6;
  height: 28px;
  width: 50px
}
.interactive-kiosk-form .indication-fill .sp-replacer .sp-dd {
  margin-left: auto;
  margin-bottom: 4px;
  color: var(--color-content-primary)
}
.interactive-kiosk-form .form-group.keyboard-functions-container {
  align-items: flex-start !important;
  margin-top: 20px !important
}
.interactive-kiosk-form .data-field-info {
  margin-left: 190px;
  color: var(--color-content-primary)
}
.interactive-kiosk-form .data-field-info#interactive-content-info, .interactive-kiosk-form .data-field-info#playback-content-info {
  margin-bottom: 20px
}
.interactive-kiosk-form .indication-container img {
  height: 30px !important
}
.interactive-kiosk-form .indication-container .indication-name {
  padding-left: 12px !important
}
.interactive-library-form .image-picker-editor > label {
  text-align: right
}
.interactive-library-form .background-image-uploader .ace-file-input, .interactive-library-form .library-logo-uploader .ace-file-input {
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  max-width: unset !important
}
.interactive-library-form .background-image-uploader label.file-label, .interactive-library-form .library-logo-uploader label.file-label {
  display: flex !important;
  flex-flow: row-reverse;
  max-width: unset !important;
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important
}
.interactive-library-form .background-image-uploader label.file-label:before, .interactive-library-form .library-logo-uploader label.file-label:before {
  font-size: 12px;
  font-weight: 300;
  color: var(--color-content-tertiary)
}
.interactive-library-form .background-image-uploader label.file-label i, .interactive-library-form .library-logo-uploader label.file-label i {
  color: var(--color-content-tertiary) !important;
  font-weight: 300;
  font-size: 24px !important;
  line-height: 24px !important;
  width: 30px !important
}
.interactive-library-form .background-color, .interactive-library-form .background-image-uploader {
  position: relative;
  margin-bottom: 64px !important
}
.interactive-library-form .background-color .change-background-option, .interactive-library-form .background-image-uploader .change-background-option {
  position: absolute;
  bottom: -32px
}
@media (min-width:1141px) {
  .interactive-library-form .background-color .change-background-option, .interactive-library-form .background-image-uploader .change-background-option {
    margin-left: 190px
  }
}
.interactive-library-form .background-color .change-background-option .action-spot, .interactive-library-form .background-image-uploader .change-background-option .action-spot {
  color: var(--basic_branding);
  cursor: pointer
}
.out-of-form .editor-container {
  max-width: unset !important
}
.out-of-form .category-list {
  margin-top: 16px;
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 100%
}
.out-of-form .category-list .show-selector-loading-container {
  display: none
}
.out-of-form .category-list > ul {
  width: 100%
}
.out-of-form .category-list > ul > li {
  display: flex;
  flex-flow: column;
  background-color: var(--color-background-inverse);
  border-radius: 8px
}
.app-gallery-modal.from-new-ultra-selector .app-options, .app-gallery-modal.from-new-ultra-selector .app-source-gallery > h3, .out-of-form .category-list > ul > li:first-child .reorder-buttons i.move-up, .out-of-form .category-list > ul > li:last-child .reorder-buttons i.move-down {
  display: none
}
.out-of-form .category-list .category-header {
  width: 100%;
  padding: 16px;
  display: flex;
  justify-content: space-between
}
.out-of-form .category-list .category-header .category-header-inner {
  width: 100%;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--color-border-default);
  display: inline-flex;
  align-items: center
}
.out-of-form .category-list .category-header .category-header-inner .expand-toggle {
  cursor: pointer;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease
}
.out-of-form .category-list .category-header .category-header-inner .expand-toggle.collapsed {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
.out-of-form .category-list .category-header .category-header-inner .category-title {
  color: var(--color-content-tertiary);
  font-size: 12px;
  font-weight: 700;
  margin-right: 8px;
  margin-left: 8px
}
.out-of-form .category-list .category-header .category-header-inner .delete-category {
  margin-bottom: 0 !important;
  font-size: unset !important;
  height: unset;
  min-width: unset;
  background: 0 0 !important;
  margin-left: 4px
}
.out-of-form .category-list .category-header .category-header-inner .delete-category i {
  font-size: 18px
}
.out-of-form .category-list .category-header .category-header-inner .highlight-category.highlighted {
  color: var(--color-border-warning)
}
.out-of-form .category-list .category-header .reorder-buttons {
  border-bottom: 1px solid var(--color-border-default);
  display: inline-flex;
  gap: 8px
}
.out-of-form .category-list .category-header .delete-category, .out-of-form .category-list .category-header .highlight-category, .out-of-form .category-list .category-header .reorder-buttons i {
  padding: 4px;
  border-radius: 4px;
  border: 1px solid var(--color-border-default);
  width: 24px !important;
  height: 24px !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer
}
.out-of-form .category-list .media-list .selected-items {
  border-radius: 4px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-primary);
  padding: 8px 12px;
  max-width: 450px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 16px;
  max-height: 200px;
  overflow-y: auto
}
.out-of-form .category-list .media-list .selected-items .select-type-button {
  display: none !important
}
.out-of-form .category-list .media-list .selected-items #selector-container {
  margin-left: 0;
  width: 100%;
  max-width: 100%
}
.out-of-form .category-list .media-list .selected-items .selected-item {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  height: 24px;
  cursor: pointer
}
.out-of-form .category-list .media-list .selected-items .selected-item .selected-item-name-container {
  display: flex;
  align-items: center;
  gap: 8px
}
.out-of-form .category-list .media-list .selected-items .selected-item .selected-item-name-container .source-type-icon {
  font-size: 16px
}
.out-of-form .category-list .media-list .selected-items .selected-item .remove-selected-item {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  background-color: var(--color-background-tertiary);
  border: 1px solid var(--color-border-default);
  border-radius: 4px;
  height: 24px;
  width: 24px;
  font-size: 16px;
  cursor: pointer
}
.out-of-form .category-list .media-list .delete-category-item {
  margin-left: 16px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.playlist-limitation {
  margin-bottom: 10px !important
}
iframe#iframe-embed-code {
  width: 100%;
  min-width: 400px;
  min-height: 600px
}
#app-form .app-form-outer-element {
  width: 100%
}
#app-form:not(.logo_category) #preview iframe, #app-form:not(.logo_category) #preview > img {
  height: 100%;
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--color-border-section)
}
#app-form.logo_category #preview {
  border-radius: 8px;
  border: 1px solid var(--color-border-section);
  justify-content: center;
  align-content: center;
  flex-wrap: wrap
}
#app-form.logo_category #preview > img {
  max-height: 168px;
  max-width: 168px;
  height: 98%
}
@media (max-width:991px) {
  .app-gallery-title {
    margin-top: 24px
  }
  .custom-app-banner {
    margin-left: 0 !important;
    margin-right: 0 !important
  }
  .custom-app-banner .custom-app-banner-content {
    flex-direction: column;
    gap: 16px
  }
  .custom-app-banner .custom-app-banner-button {
    width: 100%
  }
}
@media (max-width:670px) {
  .data-field-info {
    margin-left: 0 !important
  }
  .app-gallery .app-gallery-toolbar .app-gallery-title, .app-gallery .app-search {
    max-width: 100%
  }
}
.app-gallery-modal .app-card-back, .app-gallery-modal .app-card:hover > .app-card-back, .app-gallery-modal .app-card:hover > .app-card-front {
  opacity: 1 !important
}
.app-gallery-modal .app-card-disabled-warning {
  top: -2px !important;
  right: -2px !important;
  width: 53px !important;
  height: 23px !important
}
.app-gallery-modal .app-premium-pill {
  color: var(--color-content-warning);
  border: 1px solid var(--color-border-warning);
  padding: 4px 8px;
  font-family: Inter, sans-serif !important;
  border-radius: 4px;
  z-index: 1;
  float: right !important;
  position: absolute;
  left: -3px !important;
  top: 0 !important;
  background-color: transparent !important
}
html.dark .app-gallery-modal .app-premium-pill {
  color: var(--color-content-secondary)
}
.app-gallery-modal .app-premium-pill span {
  border-radius: 4px;
  padding: 4px 6px;
  display: inline-block
}
.app-gallery-modal .widget-app-gallery-container {
  margin-top: 16px
}
.app-gallery-modal #widget_files_form .source-desciption {
  margin-bottom: 0
}
.app-gallery-modal .app-options label i {
  margin-top: 0;
  padding-bottom: 4px
}
.app-gallery-modal .app-options label span {
  font-size: 13px
}
.app-gallery-modal .app-gallery-header {
  padding-left: 0;
  margin: 0
}
.app-gallery-modal #apps-sortBy + .select2-container {
  margin-left: auto;
  width: 156px !important;
  font-size: 14px;
  color: var(--color-content-tertiary);
  font-weight: 400;
  border-color: var(--color-border-section) !important;
  border-width: 1px;
  box-shadow: none !important;
  background-color: transparent !important;
  border-radius: 4px
}
.app-gallery-modal #apps-sortBy + .select2-container .selection {
  box-shadow: none !important
}
.app-gallery-modal .app_column {
  padding-left: 0 !important
}
.app-gallery-modal .app_column .app-card {
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .15) !important;
  -webkit-filter: none !important;
  filter: none !important;
  outline: 0
}
.app-gallery-modal .app_column .app-card.selected-card {
  border: 1px solid var(--basic_branding)
}
.app-gallery-modal .app_column .app-card:hover {
  -webkit-filter: none !important;
  filter: none !important
}
.app-gallery-modal .app_column .app-card .app-card-front .description-content h3 {
  text-align: left
}
.app-gallery-modal .app_column .app-card .app-card-back {
  width: 100%;
  height: 168px;
  padding-right: 32px !important;
  position: relative !important
}
.app-gallery-modal .app_column .app-card .app-card-back:not(.hidden) {
  display: flex !important;
  flex-direction: column
}
.app-gallery-modal .app_column .app-card .app-card-back .app-description {
  height: 100%;
  width: 142px !important
}
.app-gallery-modal .app_column .app-card .app-card-back .preview-app {
  position: absolute;
  right: 8px;
  top: 8px;
  text-decoration: none
}
.app-gallery-modal .app_column .app-card .app-card-back .preview-app i {
  font-size: 20px;
  right: 8px;
  color: var(--basic_branding);
  top: 8px
}
.app-gallery-modal .app_column .app-card .app-card-back .preview-app i:hover {
  font-weight: 600
}
.app-gallery-modal .app_column .app-card .app-card-back .supported-players-container {
  margin-top: auto
}
.app-gallery-modal .app_column .app-card .app-card-back .supported-players-container .app-supported-players {
  display: flex;
  flex-direction: column;
  row-gap: 10px
}
.app-gallery-modal .app_column .app-card .app-card-back .supported-players-container .app-supported-players .title {
  font-weight: 700;
  font-size: 13px;
  color: var(--color-content-tertiary)
}
.app-gallery-modal .app_column .app-card .app-card-back .supported-players-container .app-supported-players .supported-players {
  display: flex;
  align-items: center;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  flex-wrap: wrap;
  row-gap: 6px
}
.app-gallery-modal .app_column .app-card .app-card-back .supported-players-container .app-supported-players .supported-players i {
  font-size: 18px
}
.app-gallery-modal .app_column .app-card .app-card-back .supported-players-container .app-supported-players .supported-players .player-icon {
  width: 20px;
  height: 20px
}
.app-gallery-modal .app_column .app-card .app-card-back .supported-players-container .app-supported-players .supported-players .supported-player-type {
  background-color: transparent;
  margin: 0;
  min-width: auto;
  padding: 0
}
.login_html {
  background-color: var(--color-background-primary);
  height: 100%
}
.language-selector-container .menu-languages, .language-selector-container .menu-languages:focus, .language-selector-container .menu-languages:hover {
  background-color: transparent !important;
  color: var(--color-content-primary) !important
}
.language-selector-container {
  position: fixed;
  top: 25px;
  right: 25px;
  z-index: 100
}
.language-selector-container .menu-languages {
  border: none;
  padding: 0;
  box-shadow: none !important;
  font-size: 12px !important;
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important
}
.login-layout, .snbundleeu-info {
  background-color: var(--color-background-primary) !important
}
.login-layout .btn, .snbundleeu-info .btn {
  margin-bottom: 20px;
  padding: 8px 13px;
  border-width: 0
}
.login-layout .widget-box, .login-layout .widget-box .widget-body .widget-main, .snbundleeu-info .widget-box, .snbundleeu-info .widget-box .widget-body .widget-main {
  padding: 0 !important;
  background-color: var(--color-background-inverse) !important
}
.login-layout .header_container, .snbundleeu-info .header_container {
  height: auto
}
.login-layout .widget-box, .snbundleeu-info .widget-box {
  display: none;
  height: 100%;
  position: relative;
  z-index: 10;
  border-radius: 5px
}
.login-layout .widget-box.visible, .snbundleeu-info .widget-box.visible {
  display: block;
  background-color: var(--color-background-inverse) !important;
  width: 100%
}
.login-layout .widget-box .header, .snbundleeu-info .widget-box .header {
  border-bottom: none
}
.login-layout .widget-box .widget-body, .snbundleeu-info .widget-box .widget-body {
  border: none !important
}
.login-layout .widget-box .widget-body .pass_input_container, .snbundleeu-info .widget-box .widget-body .pass_input_container {
  width: 325px
}
.login-layout .widget-box .widget-body #login-recaptcha, .snbundleeu-info .widget-box .widget-body #login-recaptcha {
  padding-top: 5px;
  text-align: center
}
.login-layout .widget-box .widget-body .toolbar, .snbundleeu-info .widget-box .widget-body .toolbar {
  border-top: 1px solid var(--color-background-inverse);
  background-color: var(--color-background-inverse) !important
}
.login-layout input, .login-layout input:focus, .snbundleeu-info input, .snbundleeu-info input:focus {
  border-color: var(--color-border-section);
  color: var(--color-content-primary)
}
.login-layout .widget-box .widget-body .toolbar > div:first-child > a, .snbundleeu-info .widget-box .widget-body .toolbar > div:first-child > a {
  opacity: .6
}
.login-layout .widget-box .widget-body .toolbar > div > a, .snbundleeu-info .widget-box .widget-body .toolbar > div > a {
  color: #696569;
  margin: 0
}
.login-layout .widget-box .widget-body #prelogin_form, .snbundleeu-info .widget-box .widget-body #prelogin_form {
  margin-top: 20px
}
.login-layout .widget-box .powered-by, .login-layout .widget-box .widget-main h4, .snbundleeu-info .widget-box .powered-by, .snbundleeu-info .widget-box .widget-main h4 {
  color: var(--color-content-primary)
}
.login-layout .widget-box .toolbar > div, .snbundleeu-info .widget-box .toolbar > div {
  padding: 0
}
.login-layout input, .snbundleeu-info input {
  margin-bottom: 3px;
  padding: 12px;
  height: 40px;
  text-indent: 6px;
  padding-left: 5px !important;
  text-overflow: ellipsis;
  overflow: hidden
}
.login-layout input:not(.signup_password), .snbundleeu-info input:not(.signup_password) {
  border-radius: 5px !important
}
.login-layout input::-webkit-input-placeholder, .snbundleeu-info input::-webkit-input-placeholder {
  color: var(--color-border-section)
}
.login-layout input::-moz-placeholder, .snbundleeu-info input::-moz-placeholder {
  color: var(--color-border-section)
}
.login-layout input::-ms-input-placeholder, .snbundleeu-info input::-ms-input-placeholder {
  color: var(--color-border-section)
}
.login-layout input::placeholder, .snbundleeu-info input::placeholder {
  color: var(--color-border-section)
}
.login-layout input.signup_password, .snbundleeu-info input.signup_password {
  width: 100%;
  border-radius: 5px !important
}
.login-layout input[type=checkbox] + .lbl::before, .snbundleeu-info input[type=checkbox] + .lbl::before {
  background-color: var(--color-background-inverse) !important;
  margin-bottom: 16px;
  margin-right: 4px !important
}
.login-layout input:not([type=checkbox]), .snbundleeu-info input:not([type=checkbox]) {
  width: 325px
}
.login-layout label, .snbundleeu-info label {
  color: var(--color-content-secondary);
  margin-bottom: 4px;
  text-transform: capitalize
}
.login-layout label span, .snbundleeu-info label span {
  text-transform: none
}
.login-layout .error-message.error, .snbundleeu-info .error-message.error {
  color: var(--color-content-negative);
  text-align: end;
  display: block !important;
  text-transform: lowercase;
  min-height: 14px
}
.login-layout .error-message.error::first-letter, .snbundleeu-info .error-message.error::first-letter {
  text-transform: uppercase !important
}
.login-layout .error-message.error.recaptcha_error, .snbundleeu-info .error-message.error.recaptcha_error {
  text-align: center
}
.login-layout .error-message.error.password-data-error, .snbundleeu-info .error-message.error.password-data-error {
  height: unset;
  float: right;
  width: 300px;
  margin-bottom: -10px
}
.login-layout .form_footer a, .snbundleeu-info .form_footer a {
  text-shadow: none;
  color: var(--color-content-primary);
  text-decoration: none
}
.login-layout .form_footer a span, .snbundleeu-info .form_footer a span {
  color: var(--basic_branding)
}
.login-layout .pre-signup-box .form_footer, .login-layout .signup-box .form_footer, .snbundleeu-info .pre-signup-box .form_footer, .snbundleeu-info .signup-box .form_footer {
  top: 10px;
  left: auto;
  right: auto;
  width: 100%;
  position: relative;
  padding-bottom: 10px
}
#snbundleeu-info-form .open .dropdown-toggle:active, .login_layout_button :active {
  top: 0 !important;
  left: 0 !important
}
.login-layout .block, .snbundleeu-info .block {
  max-width: 340px
}
.login-layout .password_match, .snbundleeu-info .password_match {
  margin-top: -10px;
  left: 0;
  padding-bottom: 20px;
  color: var(--color-content-secondary)
}
.login-layout .user-name-container, .snbundleeu-info .user-name-container {
  padding: 0 !important;
  max-height: 175px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 325px;
  word-break: break-all;
  display: block
}
.login-layout .user-name-container .user_name, .snbundleeu-info .user-name-container .user_name {
  color: var(--color-content-primary);
  letter-spacing: -.025em;
  margin-bottom: 12px;
  word-break: break-word
}
.login-layout .user-name-container .user_email_container, .snbundleeu-info .user-name-container .user_email_container {
  margin: 12px 0 4px
}
.login-layout .user-name-container .user_email_container .user_email, .snbundleeu-info .user-name-container .user_email_container .user_email {
  color: var(--color-content-secondary);
  text-transform: initial
}
.login-layout .user-name-container .user_email_container .user_email + i, .snbundleeu-info .user-name-container .user_email_container .user_email + i {
  color: var(--basic_branding) !important;
  float: right;
  margin-top: 4px;
  margin-right: 8px
}
.login-layout .profile-activity, .snbundleeu-info .profile-activity {
  padding: 0 !important;
  border: none !important;
  border-bottom: 1px solid var(--color-border-section) !important;
  margin-bottom: 25px;
  cursor: pointer
}
.login-layout .profile-activity:hover, .snbundleeu-info .profile-activity:hover {
  background-color: transparent !important
}
.login-layout #submit-user, .snbundleeu-info #submit-user {
  margin-bottom: 24px
}
.login-layout .terms_required, .snbundleeu-info .terms_required {
  visibility: hidden;
  padding: 13px 10px;
  position: absolute;
  height: 44px;
  background-color: var(--color-background-inverse);
  color: #000;
  border-radius: 5px;
  box-shadow: -2px 0 14px 4px rgba(0, 0, 0, .12);
  z-index: 9999;
  margin-top: -80px;
  margin-left: -8px;
  text-transform: none;
  display: flex;
  max-width: 285px
}
.login-layout .terms_required:before, .snbundleeu-info .terms_required:before {
  border-left: solid transparent 6px;
  border-top: solid var(--color-background-inverse) 6px;
  border-right: solid transparent 6px;
  content: '';
  position: absolute;
  margin-top: 29px
}
.login-layout .terms_required span, .snbundleeu-info .terms_required span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.login-layout .terms_required .ds-warning-triangle, .snbundleeu-info .terms_required .ds-warning-triangle {
  color: var(--color-content-negative);
  margin-right: 4px;
  margin-top: 3px
}
.login-layout .get_help, .snbundleeu-info .get_help {
  display: none;
  color: var(--color-content-primary);
  z-index: 100
}
.login-layout .get_help a, .snbundleeu-info .get_help a {
  color: var(--basic_branding)
}
.login-layout .powered-by, .snbundleeu-info .powered-by {
  color: var(--color-content-tertiary) !important;
  bottom: 15px;
  position: fixed;
  left: 15px
}
.reset-box {
  padding: 20px;
  border: none
}
.reset-box .error-message.error {
  height: auto
}
.signup-ratings {
  width: 630px;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: column;
  display: flex;
  row-gap: 35px;
  text-align: center
}
.signup-ratings .stars-rating {
  justify-content: start;
  align-items: center;
  flex-direction: column;
  display: flex
}
.signup-ratings .stars-rating .rating-title {
  color: var(--color-content-primary)
}
.signup-ratings .stars-rating .rating-subtitle {
  color: var(--color-content-secondary)
}
.signup-ratings .sample-review {
  justify-content: start;
  align-items: center;
  flex-direction: column;
  display: flex;
  row-gap: 5px
}
.signup-ratings .sample-review .sample-review-quote {
  color: var(--color-content-primary)
}
.signup-ratings .sample-review .sample-review-name {
  color: var(--color-content-secondary)
}
.login_wrapper {
  justify-content: space-evenly;
  align-items: center;
  flex-direction: row;
  display: flex;
  background-repeat: no-repeat;
  background-position: right;
  padding-left: 0 !important;
  padding-right: 0 !important
}
.login_wrapper.main-bg {
  background-image: url(images/signup-bg.png)
}
.login_wrapper .login-container {
  margin: 0;
  width: min(465px, 100vw);
  min-width: min(465px, 100vw);
  max-width: 465px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
  border-radius: 5px;
  background-color: var(--color-background-inverse);
  min-height: 652px
}
.login_wrapper .login-container .signup-back-button {
  position: absolute;
  padding: 6px;
  display: flex;
  margin-top: 20px;
  margin-left: 20px;
  cursor: pointer
}
.login_wrapper .login-container .signup-back-button i {
  font-size: 32px
}
.login_wrapper .login-container .signup-back-button:hover {
  border-radius: 8px;
  background: var(--color-background-tertiary)
}
.login_wrapper .login-container form {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex
}
.login_wrapper .login-container .form_info {
  color: var(--color-content-tertiary);
  margin-bottom: 20px
}
.login_wrapper .login-container .widget_box_container {
  height: 520px;
  z-index: 1
}
.login_wrapper .login-container .logo {
  max-height: 84px;
  width: 100% !important;
  margin-left: 0 !important;
  margin-top: 62px
}
.login_wrapper .login-container .terms-of-service-link a {
  text-decoration: underline;
  color: var(--color-content-tertiary)
}
.login_wrapper .login-container .terms_container {
  margin: auto;
  padding: 8px 0;
  text-align: center
}
.login_wrapper .login-container .login_form_title {
  color: var(--color-content-primary);
  margin-top: 0;
  margin-bottom: 14px
}
.login_wrapper .login-container .onboarding_title {
  color: var(--basic_branding) !important;
  margin: 50px 70px 20px;
  text-align: left
}
.register_newsletter_consent_container input[type=checkbox] + .lbl, .terms-of-service-link, .terms-of-service-text {
  color: var(--color-content-tertiary);
  line-height: 16px
}
.show-terms-link a {
  color: var(--basic_branding);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block
}
.login-box .otp-container {
  display: block;
  padding-top: 6px
}
.login-box .toolbar > div {
  padding: 0
}
.login-box .toolbar > div:first-child {
  padding-left: 18px
}
.login-box .toolbar > div > a {
  padding: 9px 0;
  text-shadow: 1px 0 1px rgba(0, 0, 0, .25);
  margin: 0
}
.login-box .toolbar > div:first-child + div {
  padding-right: 18px
}
.login_layout_button {
  max-width: 325px;
  width: -webkit-fill-available;
  width: -moz-available;
  height: 45px !important;
  text-transform: uppercase;
  border: none;
  letter-spacing: 2px;
  border-radius: 5px !important;
  color: #fff !important;
  box-shadow: none !important;
  z-index: 2;
  background: linear-gradient(to right, #f78a42, var(--basic_branding)) !important
}
.login_layout_button:hover {
  background: linear-gradient(to right, color-mix(in srgb, var(--basic_branding), #000 10%), color-mix(in srgb, var(--basic_branding), #000 10%)) !important
}
.login_layout_button:focus {
  outline: 0
}
.login_layout_buttona {
  margin-top: 25%;
  padding: 12px 13px !important
}
#login_form > fieldset > div.clearfix, #prelogin_form > fieldset > div.clearfix, #signup_form > fieldset > div.clearfix {
  display: flex;
  align-items: center
}
#initial-set-password-box, #signup-box, .reset-box {
  overflow: visible !important
}
#initial-set-password-box, #intro-box, #pre-signup-box, #signup-box, #snbundleeu-info-box {
  margin-top: 20px
}
#initial-set-password-box .register_newsletter_consent_container, #intro-box .register_newsletter_consent_container, #pre-signup-box .register_newsletter_consent_container, #signup-box .register_newsletter_consent_container, #snbundleeu-info-box .register_newsletter_consent_container {
  margin-bottom: 24px;
  margin-top: 24px
}
#initial-set-password-box .register_newsletter_consent_container label, #intro-box .register_newsletter_consent_container label, #pre-signup-box .register_newsletter_consent_container label, #signup-box .register_newsletter_consent_container label, #snbundleeu-info-box .register_newsletter_consent_container label {
  margin: 0
}
#snbundleeu-info-box {
  height: unset
}
#snbundleeu-info-box h5 {
  margin: 0 70px 20px
}
.language-warning {
  color: var(--color-content-tertiary);
  text-align: center;
  margin-top: 60px
}
.otherLangs {
  right: 0;
  left: auto;
  box-shadow: 0 0 12px rgba(0, 0, 0, .18);
  border: none;
  border-radius: 5px !important
}
#reset_form .btn > .icon-lightbulb {
  display: none
}
.social-logins {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  padding-top: 20px;
  min-height: 101px
}
.social-logins .g_id_signin {
  height: 40px
}
.social-logins .horizontal-or {
  display: inline-flex;
  align-items: center;
  width: 100%;
  color: var(--color-content-tertiary)
}
.social-logins .horizontal-or hr {
  margin: 0;
  height: 1px;
  border: 0;
  border-bottom: 1px solid var(--color-background-tertiary);
  width: 150px
}
.social-logins .horizontal-or hr.left-hr {
  margin-right: 8px;
  margin-left: 70px
}
.social-logins .horizontal-or hr.right-hr {
  margin-left: 8px;
  margin-right: 70px
}
#ms-button {
  width: 325px;
  height: 44px;
  background-color: var(--color-content-primary);
  color: var(--color-content-inverse);
  border: none;
  padding: 0, 14.63px;
  border-radius: 2.45px;
  margin-top: 8px
}
#ms-button:hover {
  background-color: var(--color-content-secondary)
}
#ms-button .microsoft-logo {
  width: 22px;
  height: 22px;
  margin-left: 6px;
  float: left
}
#ms-button .ms-button-text {
  margin-left: 20px
}
.login-layout:has(.cookie-consent-banner-modal) {
  height: 100%
}
.modal.cookie-consent-banner-modal {
  text-align: center
}
.modal.cookie-consent-banner-modal table.consent-banner-table {
  margin-top: 10px;
  text-align: left;
  font-size: 10px;
  border-collapse: separate;
  border-spacing: 0
}
.modal.cookie-consent-banner-modal table.consent-banner-table td, .modal.cookie-consent-banner-modal table.consent-banner-table th {
  white-space: nowrap
}
.modal.cookie-consent-banner-modal table.consent-banner-table td:last-of-type {
  white-space: normal
}
.modal.cookie-consent-banner-modal table.consent-banner-table td, .modal.cookie-consent-banner-modal table.consent-banner-table th {
  padding: 10px 12px;
  vertical-align: top;
  text-align: left;
  border-right: 1px solid rgba(0, 0, 0, .15);
  border-bottom: 1px solid rgba(0, 0, 0, .15)
}
.modal.cookie-consent-banner-modal table.consent-banner-table td:last-child, .modal.cookie-consent-banner-modal table.consent-banner-table th:last-child {
  border-right: 0
}
.modal.cookie-consent-banner-modal table.consent-banner-table tbody tr:last-child td {
  border-bottom: 0
}
.modal.cookie-consent-banner-modal table.consent-banner-table thead th {
  font-weight: 600;
  border-bottom: 1px solid rgba(0, 0, 0, .25)
}
.modal.cookie-consent-banner-modal table.consent-banner-table tbody tr:hover td {
  background: rgba(0, 0, 0, .03)
}
.modal.cookie-consent-banner-modal .modal-footer {
  display: flex;
  margin: 0;
  padding-top: 0;
  background-color: transparent
}
.modal.cookie-consent-banner-modal .modal-footer .reject-button {
  margin-right: auto
}
.snbundleeu_section {
  margin-bottom: 16px
}
.snbundleeu_section .dropdown-item {
  display: block;
  width: 100%;
  padding: .25rem 1.5rem;
  clear: both;
  color: var(--color-content-primary);
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  cursor: pointer
}
.snbundleeu_section .snbundleeu_field {
  color: var(--color-content-secondary);
  margin-bottom: 4px
}
.snbundleeu_section .dropdown-item:hover {
  color: var(--color-content-primary)
}
#snbundleeu-info-form .snbundleeu_section button, #snbundleeu-info-form .snbundleeu_section input {
  max-height: 32px
}
#snbundleeu-info-form .dropdown-toggle {
  color: var(--color-content-primary);
  background-color: var(--color-background-inverse) !important;
  border-radius: 5px;
  width: 100%;
  text-align: left;
  box-shadow: none !important;
  border: 1px solid var(--color-border-section);
  padding: 8px 13px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis
}
#snbundleeu-info-form .open .dropdown-toggle {
  border-radius: 5px 5px 0 0;
  border-bottom: none !important;
  border-top: 1px solid var(--color-content-secondary) !important;
  border-left: 1px solid var(--color-content-secondary) !important;
  border-right: 1px solid var(--color-content-secondary) !important
}
#snbundleeu-info-form .dropdown-menu {
  color: var(--color-border-section);
  width: 100%;
  margin-top: -8px !important;
  border-top: 0 !important;
  border: 1px solid var(--color-content-secondary);
  box-shadow: none !important;
  overflow-y: auto;
  border-radius: 0 0 5px 5px !important;
  scrollbar-color: var(--color-border-section) var(--color-background-inverse);
  scrollbar-width: thin
}
#snbundleeu-info-form .dropdown-menu::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: var(--color-border-section);
  width: 2px
}
#snbundleeu-info-form .dropdown-menu::-webkit-scrollbar-track {
  background: var(--color-background-inverse)
}
#snbundleeu-info-form .dropdown-menu::-webkit-scrollbar {
  width: 2px
}
#snbundleeu-info-form .dropdown i {
  float: right;
  font-size: 20px;
  color: var(--color-content-primary)
}
#snbundleeu-info-form #snbundleeu_info_error {
  margin-bottom: 10px
}
#snbundleeu-info-form #snbundleeu_info_warning {
  margin-block: 20px !important
}
#snbundleeu-info-form .snbundleeu_section {
  max-width: 325px
}
#snbundleeu-info-form .snbundleeu_modal .dropdown-item:hover {
  color: var(--color-content-primary);
  cursor: pointer
}
#snbundleeu-info-form .snbundleeu_modal input {
  width: 100%;
  margin: 0
}
#snbundleeu-info-form .snbundleeu_modal .snbundleeu_field {
  margin: 5px 0
}
#snbundleeu-info-form .snbundleeu_modal #snbundleeu_info_warning {
  margin: 25px 0 0 !important
}
#snbundleeu-info-form .snbundleeu_modal p {
  margin-bottom: 30px
}
#snbundleeu-info-box:has(.snbundleeu_modal), #snbundleeu-info-form:has(.snbundleeu_modal) {
  margin: 0
}
#snbundleeu-info-form:has(.snbundleeu_modal) .dropdown-item {
  cursor: pointer;
  display: block;
  width: 100%;
  padding: .25rem 1.5rem;
  clear: both;
  color: var(--color-content-primary);
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0
}
.error_terms:before, .splitted-date-multi-time-picker-container .datepicker-container .splitted-date-container.has-error div.formatted-date, .splitted-date-multi-time-picker-container .datepicker-container .splitted-date-container.has-error input.date-picker {
  border-color: var(--color-border-negative) !important
}
#snbundleeu-info-form:has(.snbundleeu_modal) .dropdown-item:hover {
  color: var(--color-content-primary);
  cursor: pointer
}
.capitalized {
  text-transform: capitalize
}
.branded .login-container .logo {
  height: 40px;
  margin-top: 62px;
  margin-bottom: 18px
}
.branded.login-layout .get_help {
  display: block !important
}
#initial-set-password-box, .login-layout .widget-box, .reset-box .block {
  position: relative
}
#initial-set-password-box .show_pass_container, .login-layout .widget-box .show_pass_container, .reset-box .block .show_pass_container {
  position: absolute;
  top: 0;
  right: 15px;
  height: 100%;
  display: flex;
  align-items: center
}
#initial-set-password-box .show_pass_container i, .login-layout .widget-box .show_pass_container i, .reset-box .block .show_pass_container i {
  cursor: pointer
}
#initial-set-password-box #password_requirements, .login-layout .widget-box #password_requirements, .reset-box .block #password_requirements {
  display: none;
  position: absolute;
  left: 50px;
  min-width: 300px;
  padding: 10px 12px;
  border-radius: 5px;
  color: var(--color-content-primary);
  background-color: var(--color-background-inverse);
  border: var(--border);
  -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, .15));
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, .15))
}
#initial-set-password-box #password_requirements::before, .login-layout .widget-box #password_requirements::before, .reset-box .block #password_requirements::before {
  content: '';
  position: absolute;
  left: -10px;
  top: calc(50% - 5px);
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 10px solid var(--color-background-inverse)
}
#initial-set-password-box #password_requirements div, .login-layout .widget-box #password_requirements div, .reset-box .block #password_requirements div {
  display: flex;
  align-items: center;
  -webkit-column-gap: 7px;
  -moz-column-gap: 7px;
  column-gap: 7px
}
#initial-set-password-box #password_requirements div::before, .login-layout .widget-box #password_requirements div::before, .reset-box .block #password_requirements div::before {
  content: url(../svgs/check-empty.svg)
}
#initial-set-password-box #password_requirements div.valid::before, .login-layout .widget-box #password_requirements div.valid::before, .reset-box .block #password_requirements div.valid::before {
  content: url(../svgs/check-valid.svg)
}
#initial-set-password-box #password_requirements div.invalid::before, .login-layout .widget-box #password_requirements div.invalid::before, .reset-box .block #password_requirements div.invalid::before {
  content: url(../svgs/check-invalid.svg)
}
.reset-box .error-message, .reset-box .help-block {
  margin: 4px 0 0 !important;
  height: 0 !important;
  text-align: right !important;
  float: right
}
.reset-box .error.error-message, .reset-box .has-error .editor-container {
  margin-bottom: 12px !important
}
#emailVerificationBox {
  display: none;
  margin-top: 62px;
  padding: 24px 48px !important;
  flex-direction: column;
  row-gap: 24px
}
#emailVerificationBox.visible {
  display: flex
}
#emailVerificationBox .spam-warning {
  margin-top: 8px
}
#emailVerificationBox .verification-code-container {
  margin-block: 8px 16px;
  display: flex;
  flex-direction: column;
  row-gap: 8px
}
#emailVerificationBox .verification-code-container #verificationCodeEditor {
  position: relative
}
#emailVerificationBox .verification-code-container #verificationCodeEditor #hiddenVerificationInput {
  position: absolute;
  left: 50%;
  width: 1px;
  aspect-ratio: 1;
  opacity: 0;
  pointer-events: none
}
#emailVerificationBox .verification-code-container #verificationCodeEditor .verification-digits {
  display: flex;
  justify-content: center;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  cursor: pointer
}
#emailVerificationBox .verification-code-container #verificationCodeEditor .verification-digits .verification-digit {
  position: relative;
  width: 36px;
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  border: 1px solid transparent;
  background-color: var(--color-background-secondary);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
#emailVerificationBox .verification-code-container #verificationCodeEditor .verification-digits .verification-digit:first-of-type {
  border-radius: 8px 0 0 8px
}
#emailVerificationBox .verification-code-container #verificationCodeEditor .verification-digits .verification-digit:last-of-type {
  border-radius: 0 8px 8px 0
}
#emailVerificationBox .verification-code-container #verificationCodeEditor .verification-digits .verification-digit.active {
  position: relative;
  border-color: var(--color-border-focus)
}
#emailVerificationBox .verification-code-container #verificationCodeEditor .verification-digits .verification-digit.active:not(.filled)::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 50%;
  width: 1px;
  border-radius: 8px;
  background: var(--color-content-primary);
  -webkit-animation: caret-blink 1s step-end infinite;
  animation: caret-blink 1s step-end infinite
}
@-webkit-keyframes caret-blink {
  0%, 49% {
    opacity: 1
  }
  100%, 50% {
    opacity: 0
  }
}
@keyframes caret-blink {
  0%, 49% {
    opacity: 1
  }
  100%, 50% {
    opacity: 0
  }
}
#emailVerificationBox .verification-code-container #verificationCodeEditor .verification-digits .verification-digit.filled {
  border-color: var(--color-border-positive)
}
#emailVerificationBox .verification-code-container #verificationCodeEditor .verification-digits .verification-digit:not(.filled)::after {
  position: absolute;
  content: '-';
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
#emailVerificationBox .verification-code-container .verification-code-loading {
  display: none;
  position: relative;
  height: 36px
}
#emailVerificationBox .verification-code-container .verification-code-loading .circle-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 24px;
  aspect-ratio: 1
}
#emailVerificationBox .verification-code-container .verification-code-loading .circle-container::after {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  border-radius: 50%;
  background-color: transparent;
  border-top: 2px solid var(--basic_branding);
  -webkit-animation: circle-rotate 1s infinite linear;
  animation: circle-rotate 1s infinite linear
}
#emailVerificationBox .verification-code-container .error-message {
  display: none;
  height: unset;
  text-align: start;
  text-transform: none
}
#emailVerificationBox .access-email-container {
  display: flex;
  flex-direction: column;
  row-gap: 12px
}
#emailVerificationBox .access-email-container a {
  width: 100%;
  padding: 8px 16px;
  margin-bottom: 4px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  border-radius: 8px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-primary);
  color: var(--color-content-primary);
  text-decoration: none
}
#emailVerificationBox .access-email-container a:hover {
  border-color: var(--basic_branding)
}
#emailVerificationBox .access-email-container a:focus {
  outline: solid 2px
}
#emailVerificationBox .resend-code-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
#emailVerificationBox .resend-code-container button {
  padding: 0;
  height: auto
}
#emailVerificationBox .resend-code-container button:focus {
  outline: solid 2px
}
#emailVerificationBox .resend-code-container .resend-code-timer {
  display: none;
  color: var(--basic_branding)
}
#emailVerificationBox #resendVerificationEmailCaptcha {
  display: none;
  align-self: center
}
#emailVerificationBox .fatal-verification-error-container {
  margin: auto;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  display: flex;
  row-gap: 12px
}
#emailVerificationBox .fatal-verification-error-container .error-message {
  height: unset;
  text-align: center;
  text-transform: none
}
#emailVerificationBox .fatal-verification-error-container a {
  text-decoration: none
}
@media screen and (max-width:375px) {
  .login-container {
    box-shadow: none;
    margin: 0;
    max-width: 375px
  }
  .login-layout input {
    width: 315px
  }
  .login_wrapper {
    margin: 0;
    padding: 0;
    width: auto;
    align-items: flex-start
  }
  .login-layout .main-content {
    padding-inline: 0 !important
  }
  .full-height {
    background-color: var(--color-background-inverse)
  }
  .login-layout .powered-by {
    left: 6px !important
  }
  .get_help {
    margin-left: 10px
  }
}
@media screen and (min-width:375px) and (min-height:611px) {
  .login-layout, .login-layout .main-container, .login-layout .main-content, .login-layout .row, .login_wrapper {
    height: 100%
  }
}
@media screen and (max-width:405px) {
  #pre-signup-box, #signup-box, .login-container {
    border-radius: 0
  }
}
@media only screen and (max-width:480px) {
  .login-container {
    width: 375px
  }
  .row {
    margin-inline: 0
  }
}
@media (max-width:465px) {
  .login-container .onboarding_title {
    text-align: center;
    margin: 50px 0 20px
  }
}
@media screen and (max-width:895px) {
  .get_help {
    position: absolute !important;
    top: auto !important;
    left: auto !important;
    float: left
  }
  .login-layout .language-selector-container {
    top: 2px;
    position: relative !important;
    right: auto;
    float: right
  }
  .branded.login-layout .header_container, .login_header_container {
    height: auto;
    min-height: 55px;
    padding-top: 15px
  }
  .login-layout .powered-by {
    position: relative !important;
    text-align: center;
    padding: 15px 0;
    height: 55px;
    left: auto !important;
    margin-top: 15px
  }
}
@media screen and (max-width:1024px) {
  .otherLangs > li:not(:first-child) > a {
    margin-bottom: 5px;
    margin-top: 5px
  }
}
@media screen and (max-width:1300px) {
  .signup-ratings {
    display: none
  }
}
@media screen and (max-height:699px) and (min-width:1152px) and (max-width:1405px) {
  .branded .login-container {
    margin-top: 60px
  }
}
@media screen and (min-height:730px) {
  .login-layout {
    overflow: hidden
  }
}
@media screen and (min-width:1300px) and (max-width:1700px), screen and (max-width:895px) {
  #password_requirements {
    bottom: 60px;
    left: unset !important;
    right: -7px
  }
  #password_requirements::before {
    top: 100% !important;
    left: calc(50% - 5px) !important;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent !important;
    border-top: 10px solid var(--color-background-inverse) !important
  }
}
.box_info_container {
  padding: 24px 24px 0;
  border-radius: 8px;
  border: 1px solid var(--color-border-section);
  background: var(--color-background-inverse);
  margin: 16px 30px 0
}
@media (max-width:629px) {
  .box_info_container {
    margin-inline: 0
  }
}
#brandedTemplatesFormPlaceholder {
  margin-top: 20px
}
.table-checkbox {
  margin: 0 !important;
  width: 18px;
  height: 18px;
  position: absolute;
  z-index: 12;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  outline: 0;
  cursor: pointer
}
.schedule_change_priority_modal .modal-footer button:focus, .schedule_change_priority_modal .modal-footer button:focus-visible, .table-checkbox:focus, .tree-graph-modal .bootbox-body > ul.tree > li:before, .tree-graph-modal .bootbox-body > ul.tree > li > span:before {
  outline: 0 !important
}
.table-checkbox:checked + .checkbox-label:before {
  opacity: 0
}
.table-checkbox + .checkbox-label {
  position: relative;
  z-index: 11;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  margin: 0
}
.table-checkbox + .checkbox-label:before {
  color: var(--color-content-tertiary);
  content: '';
  display: inline-block;
  height: 18px;
  width: 18px;
  border: 1px solid var(--color-content-tertiary);
  text-align: center;
  border-radius: 2px
}
.table-checkbox + .checkbox-label > i.fa-check-square {
  position: absolute;
  color: var(--basic_branding);
  visibility: hidden
}
.table-checkbox + .checkbox-label > i.fa-check-square:before {
  font-size: 20px
}
.table-checkbox.disabled {
  background-color: transparent !important
}
.table-checkbox.disabled + .checkbox-label:before {
  border: 1px solid var(--color-background-tertiary)
}
#dashboard_view {
  margin-top: 20px
}
@media screen and (max-width:991px) {
  #dashboard_view h3.page_header {
    margin-top: 45px
  }
}
.dashboard-widget-container {
  background-color: var(--color-background-inverse);
  border-radius: 5px;
  box-shadow: 0 4px 21px rgba(0, 0, 0, .05);
  padding: 14px 18px 20px;
  height: 100%
}
.dashboard-widget-container .widget-title {
  color: var(--color-content-primary);
  padding-bottom: 10px;
  margin-bottom: 10px
}
.dashboard-widget-container .widget-content {
  height: 100%
}
.dashboard-widget-container.welcome-user {
  padding: 40px 18px 20px;
  grid-area: welcome;
  background: var(--basic_branding)
}
.dashboard-widget-container.welcome-user .widget-content, .dashboard-widget-container.welcome-user .widget-title {
  color: #fff
}
.dashboard-widget-container.welcome-user .widget-title {
  border: none;
  padding-bottom: 14px;
  word-break: break-word
}
.dashboard-widget-container.welcome-user.addon-awareness-widget {
  color: var(--color-content-primary);
  border-radius: 6px;
  border: 1px solid var(--color-border-default);
  background: var(--gradient-gift-card);
  padding: 12px
}
.dashboard-widget-container.welcome-user.addon-awareness-widget .addon-awareness-header {
  margin-bottom: 24px
}
.dashboard-widget-container.welcome-user.addon-awareness-widget .addon-awareness-header .widget-title {
  color: var(--color-content-primary) !important
}
.dashboard-widget-container.welcome-user.addon-awareness-widget .addon-awareness-body {
  display: flex;
  gap: 12px;
  justify-content: center
}
.dashboard-widget-container.welcome-user.addon-awareness-widget .addon-awareness-body .addon-awareness-text {
  color: var(--color-content-secondary)
}
.dashboard-widget-container.welcome-user.addon-awareness-widget .addon-awareness-body .addon-awareness-image, .dashboard-widget-container.welcome-user.addon-awareness-widget .addon-awareness-body .addon-awareness-image img {
  max-width: 90px;
  width: 100%;
  height: 100%;
  max-height: 90px
}
.dashboard-widget-container.welcome-user.addon-awareness-widget .addon-awareness-action {
  display: flex;
  padding: 8px 0;
  gap: 4px;
  align-self: stretch;
  background: 0 0;
  border: none;
  color: var(--color-content-primary);
  align-items: center
}
.dashboard-widget-container.gift-card-widget {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  padding: 12px;
  background: var(--gradient-gift-card) !important;
  container-type: inline-size;
  container-name: gift-card-widget-container
}
@container gift-card-widget-container (max-width:300px) {
  .widget-title {
    margin-bottom: 0;
    padding-bottom: 12px
  }
  img {
    height: 80px
  }
}
.dashboard-widget-container.gift-card-widget > .widget-title {
  color: var(--color-content-primary)
}
.dashboard-widget-container.gift-card-widget > .gift-card-widget-content-container {
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  display: flex;
  gap: 8px;
  width: 100%
}
.dashboard-widget-container.gift-card-widget .gift-card-widget-content {
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: inherit;
  height: 100%
}
.dashboard-widget-container.gift-card-widget .gift-card-widget-content > div {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 8px;
  color: var(--color-content-secondary)
}
.dashboard-widget-container.gift-card-widget .gift-card-widget-action {
  padding-left: 0;
  white-space: nowrap;
  height: auto
}
.dashboard-widget-container.gift-card-widget .gift-card-widget-action > span {
  margin-top: 2px
}
.dashboard-widget-container.gift-card-widget .gift-card-widget-image {
  border-radius: 8px;
  background-color: var(--color-background-gift-card-widget-image)
}
.dashboard-widget-container.monitor-status {
  grid-area: status
}
.dashboard-widget-container.monitor-status .widget-content .no-monitors-content {
  height: 100%;
  justify-content: normal;
  align-items: normal;
  flex-direction: column;
  display: flex
}
.dashboard-widget-container.monitor-status .widget-content .no-monitors-content .title {
  color: var(--color-content-primary);
  margin-top: 20px
}
.dashboard-widget-container.monitor-status .widget-content .no-monitors-content .content {
  margin-top: 15px;
  color: var(--color-content-secondary)
}
.dashboard-widget-container.monitor-status .widget-content .no-monitors-content .add-monitor {
  border-radius: 5px;
  background-color: var(--basic_branding);
  border: none;
  color: var(--color-background-inverse);
  padding: 5px 16px 6px;
  max-width: 210px;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: end;
  margin-top: auto
}
.dashboard-widget-container.monitor-status .widget-content .no-monitors-content .add-monitor:hover {
  background-color: var(--basic_branding)
}
.dashboard-widget-container.monitor-status .widget-content .no-monitors-content .add-monitor:active, .dashboard-widget-container.monitor-status .widget-content .no-monitors-content .add-monitor:focus {
  outline: 0
}
.dashboard-widget-container.monitor-status .widget-content .monitor-content {
  height: 100%;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 42px repeat(3, 74px)
}
.dashboard-widget-container.monitor-status .widget-content .monitor-content .widget-title {
  grid-column: 1/3;
  width: 100%
}
.dashboard-widget-container.monitor-status .widget-content .monitor-content .status-container {
  border-radius: 5px;
  background-color: var(--color-background-primary);
  color: var(--color-content-primary);
  margin-bottom: 12px;
  width: 100%;
  height: 100%;
  gap: 4px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex
}
.dashboard-widget-container.monitor-status .widget-content .monitor-content .status-container[data-filter] {
  cursor: pointer
}
.dashboard-widget-container.monitor-status .widget-content .monitor-content .status-container[data-filter]:hover {
  background-color: var(--color-background-tertiary)
}
.dashboard-widget-container.monitor-status .widget-content .monitor-content .status-container span:nth-child(1) {
  line-height: 19px;
  display: inline-flex;
  justify-content: center;
  align-items: center
}
.dashboard-widget-container.monitor-status .widget-content .monitor-content .status-container span:nth-child(1) span:nth-child(1) {
  padding-left: 2px
}
.dashboard-widget-container.monitor-status .widget-content .monitor-content .status-container span:nth-child(2) {
  float: right;
  line-height: 34px
}
.dashboard-widget-container.monitor-status .widget-content .monitor-content .add-monitor, .dashboard-widget-container.monitor-status .widget-content .monitor-content .navigate-to-monitors {
  cursor: pointer;
  text-decoration: none;
  line-height: 19px;
  margin-top: auto;
  grid-column: 1/-1;
  grid-row: 6
}
.dashboard-widget-container.monitor-status .widget-content .monitor-content .only-view-edit-monitors-permission-content {
  color: var(--color-content-tertiary);
  margin-top: 20px
}
.dashboard-widget-container.monitor-status .widget-content .no-view-change-monitors-permission-content .no-view-change-monitors-permission-message {
  color: var(--color-content-tertiary);
  line-height: 18px;
  margin-top: 20px
}
.dashboard-widget-container.audit-logs .widget-content #audit-log-container #profile-feed .audit-log-item .time, .dashboard-widget-container.subscription-plan .widget-content .title {
  color: var(--color-content-secondary)
}
.dashboard-widget-container.audit-logs {
  grid-area: audit-logs
}
.dashboard-widget-container.audit-logs .widget-content {
  height: 100%
}
.dashboard-widget-container.audit-logs .widget-content #audit-log-container {
  height: 90%;
  max-height: 350px
}
.dashboard-widget-container.audit-logs .widget-content #audit-log-container .simplebar-scrollbar {
  right: 0
}
.dashboard-widget-container.audit-logs .widget-content #audit-log-container #profile-feed .widget-box {
  margin-top: 0
}
.dashboard-widget-container.audit-logs .widget-content #audit-log-container #profile-feed .audit-log-item {
  padding-right: 10px
}
.dashboard-widget-container.audit-logs .widget-content #audit-log-container #profile-feed .audit-log-item:not(:last-child) {
  margin-bottom: 16px
}
.dashboard-widget-container.audit-logs .widget-content #audit-log-container #profile-feed .audit-log-item .user-action {
  color: var(--color-content-primary);
  line-height: 19px;
  word-break: break-word
}
.dashboard-widget-container.add-new-monitor-steps {
  grid-area: add-new
}
.dashboard-widget-container.add-new-monitor-steps a {
  text-decoration: none
}
.dashboard-widget-container.add-new-monitor-steps a :hover {
  background-color: var(--color-background-tertiary);
  border-color: var(--color-border-hover)
}
.dashboard-widget-container.add-new-monitor-steps .widget-title {
  margin-bottom: 16px !important
}
.dashboard-widget-container.add-new-monitor-steps .have-a-player {
  margin-top: 24px !important
}
.dashboard-widget-container.add-new-monitor-steps .have-a-player, .dashboard-widget-container.add-new-monitor-steps .need-a-player {
  color: var(--basic_branding);
  font-weight: 700;
  font-size: 14px;
  line-height: 22px
}
.dashboard-widget-container.add-new-monitor-steps .emphasized {
  color: var(--color-content-primary)
}
.dashboard-widget-container.add-new-monitor-steps .no-add-monitor-permission-content, .dashboard-widget-container.add-new-monitor-steps .no-change-plan-or-buy-permission-content {
  color: var(--color-content-tertiary);
  line-height: 18px
}
.dashboard-widget-container.add-new-monitor-steps .purchase-guide-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  border-radius: 8px;
  background-color: var(--color-background-primary);
  padding: 16px;
  margin-bottom: 8px;
  margin-top: 8px
}
.dashboard-widget-container.add-new-monitor-steps .purchase-guide-container .content {
  color: var(--color-content-primary);
  align-items: center;
  width: 100%;
  justify-content: space-between
}
.dashboard-widget-container.add-new-monitor-steps .purchase-guide-container .content > span.body-bold-large {
  color: var(--color-content-primary)
}
.dashboard-widget-container.add-new-monitor-steps .purchase-guide-container .content.subscription-guide {
  line-height: 150% !important
}
.dashboard-widget-container.add-new-monitor-steps .purchase-guide-container .front-arrow {
  color: var(--color-content-primary)
}
.dashboard-widget-container.monitor-locations {
  grid-area: map
}
.dashboard-widget-container.monitor-locations .widget-content {
  justify-content: center;
  align-items: normal;
  flex-direction: column;
  display: flex
}
.dashboard-widget-container.monitor-locations .widget-content .widget-title {
  border: none
}
.dashboard-widget-container.monitor-locations .widget-content #map-container {
  display: block;
  width: 100%;
  height: 100%
}
.dashboard-widget-container.monitor-locations .widget-content #map-container #map {
  height: 100%
}
.dashboard-widget-container.monitor-locations .widget-content #map-container #map > div {
  border-radius: 2px
}
.dashboard-widget-container.monitor-locations .widget-content #map-container .infowindow-container hr {
  margin-top: 0;
  margin-bottom: 10px
}
.dashboard-widget-container.monitor-locations .widget-content #map-container .gm-style-iw-d {
  overflow: hidden !important;
  padding-left: 20px !important;
  padding-right: 20px !important
}
.dashboard-widget-container.monitor-locations .widget-content #map-container .gm-style-iw-d + button {
  display: none !important
}
.dashboard-widget-container.subscription-plan {
  grid-area: plan
}
.dashboard-widget-container.subscription-plan .widget-content {
  justify-content: normal;
  align-items: normal;
  flex-direction: column;
  display: flex
}
.dashboard-widget-container.subscription-plan .widget-content .subscription-limit {
  margin: 12px 0 10px
}
.dashboard-widget-container.subscription-plan .widget-content .upgrade-subscription {
  cursor: pointer;
  text-decoration: none;
  line-height: 19px;
  margin-top: auto
}
.dashboard-widget-container.subscription-plan .widget-content .content {
  color: var(--color-content-primary)
}
.dashboard-widget-container.subscription-plan .widget-content .no-account-billing {
  color: var(--color-content-tertiary);
  height: 100%;
  max-height: 125px
}
.dashboard-widget-container.broadcast-alerts-actions {
  grid-area: emergency-alerts
}
.dashboard-widget-container.broadcast-alerts-actions .widget-content {
  justify-content: normal;
  align-items: normal;
  flex-direction: column;
  display: flex
}
.dashboard-widget-container.broadcast-alerts-actions .widget-content .alerts-container {
  max-height: 130px
}
.dashboard-widget-container.broadcast-alerts-actions .widget-content .alerts-container .simplebar-vertical {
  background-color: transparent
}
.dashboard-widget-container.broadcast-alerts-actions .widget-content .actions-info {
  height: 17px;
  color: var(--color-content-tertiary)
}
.dashboard-widget-container.broadcast-alerts-actions .widget-content .actions {
  margin-top: auto
}
.dashboard-widget-container.broadcast-alerts-actions .widget-content .actions .emergency-button {
  background-color: transparent;
  float: left;
  border-radius: 8px;
  border: none;
  margin-right: 10px;
  color: var(--basic_branding)
}
.dashboard-widget-container.broadcast-alerts-actions .widget-content .actions .cancel-emergency-button {
  margin-right: 8px;
  border: none;
  background-color: transparent
}
.dashboard-widget-container.broadcast-alerts-actions .widget-content .actions .cancel-emergency-button .tooltip-inner {
  padding: 4px 8px
}
.dashboard-widget-container.rate-us {
  grid-area: rate
}
.dashboard-widget-container.rate-us .widget-content {
  justify-content: normal;
  align-items: normal;
  flex-direction: column;
  display: flex
}
.dashboard-widget-container.rate-us .widget-content .title {
  color: var(--color-content-primary);
  line-height: 18px
}
.dashboard-widget-container.rate-us .widget-content .star-wrapper-dashboard {
  position: relative;
  border: none;
  margin: 10px 0;
  display: flex;
  flex-direction: row-reverse
}
.dashboard-widget-container.rate-us .widget-content .star-wrapper-dashboard input {
  border: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  opacity: 0
}
.dashboard-widget-container.rate-us .widget-content .star-wrapper-dashboard input:checked ~ label:before {
  color: #ffcb00
}
.dashboard-widget-container.rate-us .widget-content .star-wrapper-dashboard input:checked ~ label {
  -webkit-text-stroke-color: #ffcb00
}
.dashboard-widget-container.rate-us .widget-content .star-wrapper-dashboard > label {
  position: relative;
  float: right;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--color-background-tertiary);
  cursor: pointer;
  transition: -webkit-transform .1s ease-out;
  transition: transform .1s ease-out;
  transition: transform .1s ease-out, -webkit-transform .1s ease-out
}
.dashboard-widget-container.rate-us .widget-content .star-wrapper-dashboard > label.animated-rating-star {
  -webkit-transform: scale(1.8);
  transform: scale(1.8)
}
.dashboard-widget-container.rate-us .widget-content .star-wrapper-dashboard > label[for=one_star_dashboard] {
  margin-left: 0
}
.dashboard-widget-container.rate-us .widget-content .star-wrapper-dashboard > label[for=five_stars_dashboard] {
  margin-right: auto
}
.dashboard-widget-container.rate-us .widget-content .star-wrapper-dashboard > label[for=one_star_dashboard]:before {
  margin: 5px 5px 5px 0
}
.dashboard-widget-container.rate-us .widget-content .star-wrapper-dashboard > label:not([for=one_star_dashboard]):before {
  margin: 5px
}
.dashboard-widget-container.rate-us .widget-content .star-wrapper-dashboard > label:before {
  margin: 5px;
  content: '\f005';
  font-family: FontAwesome;
  display: inline-block;
  font-size: 20px;
  color: var(--color-background-tertiary);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-right: 5px;
  padding-left: 5px
}
html.dark .dashboard-widget-container.rate-us .widget-content .star-wrapper-dashboard > label:before {
  color: var(--color-content-primary)
}
.dashboard-widget-container.rate-us .widget-content .star-wrapper-dashboard > label:hover:before, .dashboard-widget-container.rate-us .widget-content .star-wrapper-dashboard > label:hover ~ label:before {
  color: #ffcb00;
  -webkit-text-stroke-color: #ffcb00
}
.base-alert-container .emergency-alerts-title, .emergency-alerts-container #broadcast .emergency-alerts-title, .emergency-alerts-container #nws .emergency-alerts-title, .nws-alerts-container #broadcast .emergency-alerts-title, .nws-alerts-container #nws .emergency-alerts-title {
  color: var(--color-content-primary);
  white-space: break-spaces
}
.dashboard-grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  grid-gap: 20px;
  max-width: 100%
}
@media (max-width:991px) {
  .dashboard-grid-container {
    margin-top: 60px
  }
}
.base-alert-container {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 0 10px 8px
}
.emergency-alerts-container, .nws-alerts-container {
  background-color: var(--color-background-primary);
  border-radius: 8px;
  min-height: 56px
}
.emergency-alerts-container #broadcast, .emergency-alerts-container #nws, .nws-alerts-container #broadcast, .nws-alerts-container #nws {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 0 10px 8px
}
.emergency-alerts-container #broadcast .emergency-button, .emergency-alerts-container #nws .emergency-button, .nws-alerts-container #broadcast .emergency-button, .nws-alerts-container #nws .emergency-button {
  background-color: transparent;
  float: left;
  border-radius: 8px;
  border: none;
  margin-right: 10px;
  color: var(--basic_branding)
}
.emergency-alerts-container .actions-info, .nws-alerts-container .actions-info {
  padding-left: 8px;
  margin-bottom: 8px;
  justify-content: space-between;
  display: inline-flex;
  align-items: center;
  width: 100%
}
.emergency-alerts-container .actions-info span, .nws-alerts-container .actions-info span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.nws-alerts-container {
  margin-top: 8px
}
.base-emergency-button {
  color: var(--color-content-primary);
  background-color: var(--color-background-inverse);
  min-height: 36px;
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  margin-right: 10px
}
.base-emergency-button:hover {
  background-color: var(--color-background-secondary)
}
.base-emergency-button span {
  padding: 8px 16px;
  display: inline-flex
}
.dark_theme_coachmark {
  outline: 0
}
.dark_theme_coachmark.modal {
  pointer-events: none
}
.dark_theme_coachmark .modal-content, .dark_theme_coachmark .modal-dialog {
  pointer-events: auto
}
.dark_theme_coachmark .got_it_button {
  text-decoration: none;
  background-color: var(--color-brand-subtle);
  color: var(--color-content-primary);
  border: none;
  border-radius: 8px;
  padding: 8px 14px
}
.dark_theme_coachmark .got_it_button:hover {
  background-color: var(--color-brand-subtle-hover)
}
.dark_theme_coachmark .modal-content {
  border-radius: 8px;
  overflow: hidden
}
.dark_theme_coachmark .modal-dialog {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: fixed;
  width: 323px;
  display: flex;
  right: 0;
  bottom: 0;
  margin-right: 5%;
  background-color: transparent;
  color: var(--color-content-primary)
}
.dark_theme_coachmark .modal-body {
  padding: 0
}
.dark_theme_coachmark .coachmark_actions {
  margin-top: 16px;
  justify-content: end;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 100%
}
.dark_theme_coachmark .nowrap {
  white-space: nowrap
}
.dark_theme_coachmark .coachmark_animation {
  position: relative;
  display: flex;
  background-color: var(--color-background-tertiary);
  padding: 20px 32px;
  width: 100%
}
.dark_theme_coachmark .coachmark_animation .close_button {
  color: var(--color-content-primary);
  position: absolute;
  top: 8px;
  right: 16px;
  cursor: pointer;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px
}
.dark_theme_coachmark .coachmark_animation .macbook_wrapper {
  margin: auto;
  position: relative
}
.dark_theme_coachmark .coachmark_animation .macbook_wrapper .macbook {
  display: block;
  width: 100%;
  height: auto
}
.dark_theme_coachmark .coachmark_animation .macbook_wrapper .macbook_screen {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 185px;
  height: 115px;
  overflow: hidden
}
.dark_theme_coachmark .coachmark_animation .macbook_wrapper .macbook_screen .animation {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain
}
.dark_theme_coachmark .coachmark_content_wrapper {
  padding: 16px
}
.dark_theme_coachmark .coachmark_content {
  white-space: pre-wrap;
  justify-content: start;
  align-items: start;
  flex-direction: column;
  display: flex;
  gap: 16px
}
#device_form #volume-schedule-label-premium {
  align-self: baseline
}
#device_form .monitor-container {
  display: flex
}
@media (max-width:767px) {
  #device_form .monitor-container {
    flex-direction: column
  }
}
#device_form .monitor-container .apply-device.btn-success {
  background-color: var(--basic_branding) !important;
  color: var(--color-background-inverse) !important;
  border: 1px solid var(--basic_branding) !important
}
#device_form .monitor-container .apply-device.btn-success:hover {
  background-color: color-mix(in srgb, var(--basic_branding), #000 10%) !important
}
#device_form .monitor-container .monitor-status {
  margin-bottom: 10px;
  padding-left: 0
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  float: left;
  background-color: var(--color-background-inverse);
  padding: 16px 20px 14px;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, .05);
  position: relative
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .snapshot-container {
  display: inline-block
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .snapshot-container .snapshot {
  position: relative;
  justify-content: center;
  align-items: start;
  flex-direction: column;
  display: flex
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .snapshot-container .snapshot img {
  min-width: 20px;
  min-height: 20px;
  max-width: 100%;
  max-height: 384px;
  background: url(images/not_found_screenshot.png) center/contain no-repeat;
  align-self: center
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .snapshot-container .snapshot.snapshot-not-found {
  width: 281px;
  min-height: 281px;
  background-color: var(--color-background-primary);
  padding: 8px
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .snapshot-container .snapshot.snapshot-not-found .snapshot-not-found-img {
  border-radius: 50%;
  width: 56px !important;
  height: 56px !important
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .snapshot-container .snapshot.snapshot-not-found .snapshot-not-found-text {
  width: 100%;
  text-align: center;
  color: var(--color-content-primary);
  margin-top: 14px
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .snapshot-container .snapshot .install_extension {
  text-align: center;
  background-color: var(--color-background-primary);
  border-radius: 10px;
  margin: 22px 14px 0;
  color: var(--color-content-primary);
  padding: 22px 22px 15px;
  overflow: hidden
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .snapshot-container .snapshot .install_extension .read_extension_link {
  color: var(--color-content-primary);
  cursor: pointer;
  text-decoration: none
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .snapshot-container .snapshot .install_extension .read_extension_link:hover {
  text-decoration: none
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .snapshot-container .snapshot .install_extension .web-player-extension-link {
  color: var(--basic_branding);
  margin-top: 15px;
  cursor: pointer;
  display: inline-block
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .snapshot-container .snapshot .install_extension .web-player-extension-link:hover {
  text-decoration: none
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .snapshot-container .snapshot .install_extension .web-player-extension-link i, #device_form .monitor-container .monitor-status .snapshot-and-info-container .snapshot-container .snapshot .install_extension .web-player-extension-link img {
  margin-right: 6px
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .snapshot-container .snapshot .install_extension .extension_brand::before {
  content: 'Yodeck'
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .info-container {
  display: inline-block
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .info-container .takeover-screen-container {
  width: 100%
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .info-container .takeover-screen-container #takeover-screen {
  width: inherit;
  margin-bottom: 16px
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .info-container ul.list-unstyled.spaced {
  margin: 16px
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .info-container ul.list-unstyled.spaced > li {
  margin-top: 8px !important;
  margin-bottom: 8px !important
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .troubleshoot-device-btn {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  padding: 8px;
  gap: 8px;
  width: 100%;
  background: rgba(204, 49, 0, .08);
  border-radius: 8px;
  border: none;
  color: var(--color-content-negative)
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .troubleshoot-device-btn.hidden + .label-info {
  width: 100%
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .device-info {
  margin-top: 16px;
  display: flex;
  justify-content: center;
  flex-flow: column-reverse;
  gap: 8px
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .device-info.initialized > div > :not(.initialized), #device_form .monitor-container .monitor-status .snapshot-and-info-container .device-info.offline > div > :not(.offline), #device_form .monitor-container .monitor-status .snapshot-and-info-container .device-info.online > div > :not(.online), #device_form .monitor-container .monitor-status .snapshot-and-info-container .device-info.updating > div > :not(.updating) {
  display: none !important
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .device-info > .label-info {
  display: flex;
  justify-content: center;
  background-color: var(--color-background-primary) !important;
  color: var(--color-content-primary);
  width: 100%;
  font-size: 16px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 8px;
  padding: 7px
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .device-info > .label-info > div {
  display: inline-flex;
  align-items: center;
  gap: 8px
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .device-info > .label-info > div > i {
  border-radius: 50%;
  width: 16px;
  height: 16px
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .device-info > .label-info .online i {
  background-color: var(--color-background-positive);
  color: var(--color-background-positive)
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .device-info > .label-info .offline i {
  background-color: var(--color-background-negative);
  color: var(--color-background-negative)
}
html.dark #device_form .monitor-container .monitor-status .snapshot-and-info-container .device-info > .label-info .offline i {
  background-color: var(--color-content-negative);
  color: var(--color-content-negative)
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .device-info > .label-info .updating i {
  background-color: #fac5a8;
  color: #fac5a8
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .device-info > .label-info .initialized {
  color: var(--color-content-primary)
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .device-info > .label-info .initialized i {
  background-color: var(--color-content-primary);
  color: var(--color-content-primary)
}
#device_form .monitor-container .monitor-status .snapshot-and-info-container .margin-top {
  margin-top: 54px
}
#device_form .monitor-container .monitor-fields {
  min-width: 310px
}
#device_form .monitor-container .monitor-fields .register-new-device-container {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}
#device_form .monitor-container .monitor-fields .register-new-device-container #register-new-device .tertiary-button-light {
  cursor: pointer
}
#device_form .monitor-container .monitor-fields .description-field-set #add-description-toggle {
  margin-top: 16px;
  cursor: pointer;
  color: var(--color-content-primary);
  padding-left: 0
}
#device_form .monitor-container .monitor-fields .description-field-set #add-description-toggle .insert {
  margin-right: 8px
}
#device_form .monitor-container .monitor-fields .setup_player_mobile > .player-icon, #device_form .monitor-container .monitor-fields .setup_player_title > .player-icon {
  width: 1em;
  height: 1em;
  margin-right: 8px
}
#device_form .monitor-container .monitor-fields .setup_player_mobile > .icon, #device_form .monitor-container .monitor-fields .setup_player_title > .icon:first-child {
  color: var(--color-content-primary);
  margin: 0;
  margin-right: 8px;
  height: 17px
}
#device_form .monitor-container .monitor-fields .setup_player_mobile > .icon.bigger-icon, #device_form .monitor-container .monitor-fields .setup_player_title > .icon:first-child.bigger-icon {
  scale: 1.5
}
#device_form .monitor-container .monitor-fields .setup_player_title {
  color: var(--color-content-primary);
  padding: 0;
  display: inline-flex;
  align-items: center;
  margin-bottom: 11px
}
#device_form .monitor-container .monitor-fields .setup_player_title i.arrow, #device_form .monitor-container .monitor-fields .setup_player_title > .icon {
  margin-left: 7px;
  margin-top: 3px
}
#device_form .monitor-container .monitor-fields .setup_player_title i.arrow.arrow, #device_form .monitor-container .monitor-fields .setup_player_title > .icon.arrow {
  cursor: pointer
}
#device_form .monitor-container .monitor-fields .setup_player_mobile {
  display: none
}
#device_form .monitor-container .monitor-fields .setup_player_mobile > a {
  color: var(--color-content-primary);
  padding: 0;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}
#device_form .monitor-container .monitor-fields .setup_player_content {
  display: flex;
  gap: 8px
}
@media (max-width:1139px) {
  #device_form .monitor-container .monitor-fields .setup_player_content {
    flex-direction: column
  }
  #device_form .monitor-container .monitor-fields .setup_player_content .step {
    width: 100% !important
  }
}
#device_form .monitor-container .monitor-fields .setup_player_content .step {
  border-radius: 8px;
  border: 1px solid var(--color-background-tertiary);
  background: var(--color-background-inverse);
  padding: 24px 16px;
  width: 241px;
  min-height: 80px;
  height: auto;
  color: var(--color-content-primary);
  justify-content: start;
  align-items: start;
  flex-direction: column;
  display: flex;
  gap: 16px
}
#device_form .monitor-container .monitor-fields .setup_player_content .step.optional-step {
  background: var(--color-brand-subtle)
}
#device_form .monitor-container .monitor-fields .setup_player_content .step .title {
  text-transform: uppercase
}
#device_form .monitor-container .monitor-fields .setup_player_content .step .get_code_example {
  padding: 4px 8px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: inline-block;
  align-items: center;
  text-align: center;
  color: var(--basic_branding);
  background: var(--color-brand-subtle);
  border-radius: 24px
}
#device_form .monitor-container .monitor-fields .setup_player_content .step .content {
  flex-grow: 1;
  position: relative;
  line-height: 140% !important
}
#device_form .monitor-container .monitor-fields .setup_player_content .step .content .position_bottom {
  position: absolute;
  bottom: 0
}
#device_form .monitor-container .monitor-fields .setup_player_content .step .content #change-sub-link, #device_form .monitor-container .monitor-fields .setup_player_content .step .content #purchase-player-link, #device_form .monitor-container .monitor-fields .setup_player_content .step .content > a {
  color: var(--basic_branding);
  text-decoration: none;
  word-break: break-word;
  cursor: pointer
}
#device_form .monitor-container .monitor-fields .firmware-version {
  display: inline-flex;
  align-items: center;
  justify-content: center
}
#device_form .monitor-container .monitor-fields .firmware-version .manual-container {
  text-decoration: none
}
#device_form .monitor-container .monitor-fields .emergency-alerts-help-text {
  opacity: .9
}
#device_form .monitor-container .content_field [temporary-content-note] {
  max-width: 450px;
  color: var(--color-content-negative);
  font-size: 12px
}
#device_form .monitor-container .select2-container span.select2-search::after {
  top: 8px
}
#device_form .tt-menu {
  left: 0 !important;
  right: 0;
  width: 320px
}
#device_form .tm-tag.tm-tag-typeahead {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  flex-direction: row
}
#device_form .tag-selection {
  text-overflow: ellipsis;
  overflow: hidden
}
#device_form .scan-wifi-waiting-icon, #device_form .test-connection-waiting-icon {
  margin-right: 10px;
  display: none
}
#device_form .device-action.scan_wifis.disabled {
  opacity: 1
}
#device_form .device-action.scan_wifis.disabled .scan-wifi-waiting-icon, #device_form .test-connection-secondary.disabled .test-connection-waiting-icon, #device_form .test-connection.disabled .test-connection-waiting-icon {
  display: inline-block
}
#device_form .device-action.scan_wifis.disabled .scan-wifi-text {
  opacity: .5
}
#device_form .test-connection-container {
  padding-bottom: 20px
}
#device_form .test-connection-container .test-connection-icon, #device_form .test-connection-container .test-connection-icon-secondary {
  color: var(--basic_branding);
  margin-right: 10px;
  vertical-align: bottom;
  padding-bottom: 4px
}
#device_form .test-connection-container > div {
  margin-bottom: 4px
}
#mass-network .header.lighter.purple, #network .header.lighter.purple {
  margin-top: -20px !important;
  margin-bottom: 24px;
  margin-left: 38px;
  border-bottom-width: 0;
  color: var(--color-content-primary) !important
}
#mass-network .header.lighter.purple::before, #network .header.lighter.purple::before {
  content: '';
  display: block;
  width: 60px;
  margin-top: 38px;
  margin-bottom: 8px
}
.troubleshoot-device-modal .bootbox-close-button, .wifi-select2-dropdown {
  margin-top: 0 !important
}
.troubleshoot-device-modal .modal-content, .troubleshoot-device-modal .modal-dialog {
  width: 451px
}
.troubleshoot-device-modal .modal-body {
  padding: 0
}
#device_form .field-wifi_key .editor-container, #device_form .field-wifi_key_secondary .editor-container, #mass_device_form .field-wifi_key .editor-container, #mass_device_form .field-wifi_key_secondary .editor-container {
  position: relative
}
#device_form .field-wifi_key .editor-container .show_pass_container, #device_form .field-wifi_key_secondary .editor-container .show_pass_container, #mass_device_form .field-wifi_key .editor-container .show_pass_container, #mass_device_form .field-wifi_key_secondary .editor-container .show_pass_container {
  position: absolute;
  top: 0;
  right: 15px;
  height: 100%;
  display: flex;
  align-items: center
}
#device_form .field-wifi_key .editor-container .show_pass_container i, #device_form .field-wifi_key_secondary .editor-container .show_pass_container i, #mass_device_form .field-wifi_key .editor-container .show_pass_container i, #mass_device_form .field-wifi_key_secondary .editor-container .show_pass_container i {
  cursor: pointer
}
#device_form .field-wifi_key .editor-container #password_requirements, #device_form .field-wifi_key_secondary .editor-container #password_requirements, #mass_device_form .field-wifi_key .editor-container #password_requirements, #mass_device_form .field-wifi_key_secondary .editor-container #password_requirements {
  display: none;
  position: absolute;
  left: 50px;
  min-width: 300px;
  padding: 10px 12px;
  border-radius: 5px;
  color: var(--color-content-primary);
  background-color: var(--color-background-inverse);
  border: var(--border);
  -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, .15));
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, .15))
}
#device_form .field-wifi_key .editor-container #password_requirements::before, #device_form .field-wifi_key_secondary .editor-container #password_requirements::before, #mass_device_form .field-wifi_key .editor-container #password_requirements::before, #mass_device_form .field-wifi_key_secondary .editor-container #password_requirements::before {
  content: '';
  position: absolute;
  left: -10px;
  top: calc(50% - 5px);
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 10px solid var(--color-background-inverse)
}
#device_form .field-wifi_key .editor-container #password_requirements div, #device_form .field-wifi_key_secondary .editor-container #password_requirements div, #mass_device_form .field-wifi_key .editor-container #password_requirements div, #mass_device_form .field-wifi_key_secondary .editor-container #password_requirements div {
  display: flex;
  align-items: center;
  -webkit-column-gap: 7px;
  -moz-column-gap: 7px;
  column-gap: 7px
}
#device_form .field-wifi_key .editor-container #password_requirements div::before, #device_form .field-wifi_key_secondary .editor-container #password_requirements div::before, #mass_device_form .field-wifi_key .editor-container #password_requirements div::before, #mass_device_form .field-wifi_key_secondary .editor-container #password_requirements div::before {
  content: url(../svgs/check-empty.svg)
}
#device_form .field-wifi_key .editor-container #password_requirements div.valid::before, #device_form .field-wifi_key_secondary .editor-container #password_requirements div.valid::before, #mass_device_form .field-wifi_key .editor-container #password_requirements div.valid::before, #mass_device_form .field-wifi_key_secondary .editor-container #password_requirements div.valid::before {
  content: url(../svgs/check-valid.svg)
}
#device_form .field-wifi_key .editor-container #password_requirements div.invalid::before, #device_form .field-wifi_key_secondary .editor-container #password_requirements div.invalid::before, #mass_device_form .field-wifi_key .editor-container #password_requirements div.invalid::before, #mass_device_form .field-wifi_key_secondary .editor-container #password_requirements div.invalid::before {
  content: url(../svgs/check-invalid.svg)
}
#device_form .tab-content, #mass_device_form .tab-content {
  z-index: 16 !important;
  border: 1px solid var(--color-border-section);
  padding: 16px 12px 20px
}
#device_form #interactivity .settings-header, #mass_device_form #interactivity .settings-header {
  color: var(--color-content-tertiary);
  text-transform: uppercase;
  margin: 0 0 40px 6px
}
#device_form #interactivity .interactive-text-container, #mass_device_form #interactivity .interactive-text-container {
  display: flex;
  flex-direction: column
}
#device_form #interactivity .interactive-text-container span, #mass_device_form #interactivity .interactive-text-container span {
  text-align: left
}
#device_form #interactivity .interactive-buttons-title, #mass_device_form #interactivity .interactive-buttons-title {
  color: var(--color-content-primary);
  font-size: 14px
}
#device_form #interactivity .interactive-buttons-description, #mass_device_form #interactivity .interactive-buttons-description {
  color: var(--color-content-tertiary);
  font-size: 12px
}
#device_form #interactivity .tertiary-button-light, #mass_device_form #interactivity .tertiary-button-light {
  display: flex;
  cursor: pointer;
  height: auto;
  padding: 10px;
  justify-content: unset;
  max-width: 250px
}
#device_form #interactivity .tertiary-button-light img, #mass_device_form #interactivity .tertiary-button-light img {
  width: 40px;
  height: 40px;
  margin-right: 10px
}
#device_form #interactivity .tertiary-button-light:active, #device_form #interactivity .tertiary-button-light:hover, #mass_device_form #interactivity .tertiary-button-light:active, #mass_device_form #interactivity .tertiary-button-light:hover {
  background-color: var(--color-background-primary);
  border: 1px solid var(--color-border-section)
}
#device_form #interactivity .interactive-buttons-container, #mass_device_form #interactivity .interactive-buttons-container {
  display: flex;
  justify-content: space-evenly;
  gap: 10px
}
@media (max-width:1600px) {
  #device_form #interactivity .interactive-buttons-container, #mass_device_form #interactivity .interactive-buttons-container {
    display: flex;
    flex-direction: column
  }
  #device_form #interactivity .library-container, #mass_device_form #interactivity .library-container {
    min-width: 220px
  }
}
#device_form #interactivity .playlist-kiosk-container, #mass_device_form #interactivity .playlist-kiosk-container {
  min-width: 220px
}
#device_form #device-map-container, #mass_device_form #device-map-container {
  margin: 20px 0 10px;
  position: relative
}
#device_form #device-map-container, #device_form #device-map-container #device-map, #device_form #device-map-container device-map-mask, #mass_device_form #device-map-container, #mass_device_form #device-map-container #device-map, #mass_device_form #device-map-container device-map-mask {
  height: 250px;
  width: 100%;
  display: block
}
#device_form #device-map-container #device-map-mask, #mass_device_form #device-map-container #device-map-mask {
  position: absolute;
  top: 0;
  background-color: #000;
  opacity: .3
}
#mass-device-modal-container .tab-content #mass-advanced #schedule_reboot {
  padding: 16px
}
#mass-device-modal-container .tab-content #mass-advanced .form-group > label[class*=col-] {
  padding-block: 0
}
#mass-device-modal-container .tab-content #mass-advanced .form-group.inner-form-group {
  display: flex;
  justify-content: space-between
}
#mass-device-modal-container #mass_device_form .nav-tabs > li > a {
  line-height: normal
}
#mass-device-modal-container #mass_device_form .help-inline label.middle .lbl {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  gap: 10px
}
@media (max-width:768px) {
  #mass-device-modal-container #mass_device_form .help-inline label.middle .lbl {
    margin-left: 15px
  }
}
@media (max-width:470px) {
  .snapshot-container .snapshot img {
    width: 99%
  }
  .device-info > div {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important
  }
  .info-container .btn-group {
    margin-bottom: 5px !important
  }
}
@media (max-width:768px) {
  #device_form .tt-menu {
    width: 180px
  }
}
@media (max-width:1440px) {
  #device_form .tm-tag.tm-tag-typeahead {
    max-width: 180px
  }
}
@media (max-width:1024px) {
  #device_form .tm-tag.tm-tag-typeahead {
    max-width: 160px
  }
}
@media (max-width:540px) {
  .setup_player_mobile {
    margin-top: 30px;
    align-items: center;
    display: inline-block
  }
  .setup_player_content, .setup_player_title {
    display: none
  }
}
@media (max-width:767px) {
  .setup_player_title {
    margin-top: 30px
  }
}
@media (max-width:991px) {
  body:has(#device-form-container #form_container: not(:empty)) #navbar {
    display: none
  }
}
#device-list .header-margin {
  margin-top: -24px
}
#device-list .widget-toolbar #mobile-search-bar {
  display: none
}
#device-list .widget-toolbar .export-refresh-container .customize-columns-button a {
  line-height: 0 !important;
  height: 20px !important;
  all: unset
}
#device-list .widget-toolbar .export-refresh-container .customize-columns-button a .ds-settings {
  color: var(--color-content-primary);
  font-size: 20px
}
@media (max-width:1226px) {
  #device-list .table-header .widget-toolbar {
    bottom: 0 !important
  }
  #device-list .table-header .listing-breadcrumb-all, #device-list .table-header .listing-breadcrumb-path {
    position: relative
  }
}
#device-list .status_label {
  padding: 8px 12px;
  border-radius: 30px;
  background-color: var(--color-background-tertiary);
  margin-right: 16px;
  color: var(--color-content-primary);
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
#device-list .status_label .status_dot {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
  bottom: 1px;
  position: relative;
  vertical-align: middle
}
#device-list .status_label.online .status_dot {
  background-color: var(--color-background-positive)
}
#device-list .status_label.offline .status_dot {
  background-color: var(--color-background-negative)
}
#device-list .status_label.deactiv .status_dot {
  background-color: var(--color-content-disabled)
}
#device-list .status_label.not_registered .status_dot {
  background-color: var(--color-border-hover)
}
#device-list .status_label.registering .status_dot {
  background-color: transparent;
  border-top: 1px solid var(--color-content-secondary);
  -webkit-animation: circle-rotate 1s infinite linear;
  animation: circle-rotate 1s infinite linear
}
#device-list #mainTable {
  position: relative
}
#device-list #mainTable table tbody tr td:not(.tag-items-cell):not(.media-type-cell):not(.media-type-cell):not(.item-name-preview.fixed-columns) {
  padding-right: 20px !important;
  padding-left: 20px !important
}
#device-list #mainTable table tbody tr td:not(.tag-items-cell):not(.media-type-cell):not(.media-type-cell):not(.item-name-preview.fixed-columns) .item-name-preview.fixed-columns {
  padding-left: 10px !important
}
#device-list #mainTable .actions-top.dropdown_menu {
  flex-flow: column;
  display: none;
  left: auto;
  right: 120px;
  position: absolute;
  top: 120px
}
#device-list #mainTable .actions-top.dropdown_menu li {
  height: 28px;
  padding: 1px;
  display: flex;
  align-items: center
}
#device-list #mainTable .actions-top.dropdown_menu li > a {
  display: flex;
  align-items: center;
  margin-bottom: 0 !important
}
#device-list #mainTable .actions-top-last-element {
  flex-flow: column;
  display: none;
  left: auto;
  right: 150px;
  position: absolute;
  top: 410px
}
#device-list #mainTable .actions-dropdown-menu-right {
  right: 195px !important
}
#device-list #mainTable table:not(.window-resize) tbody tr.empty-row {
  height: 125px !important;
  max-height: 125px !important
}
#device-list #mainTable .item-name-preview-container .icon-wrapper {
  margin-left: 10px;
  width: 26px;
  height: 26px
}
#device-list #mainTable .item-name-preview-container .takeover-icon-wrapper {
  border-color: var(--color-background-tertiary);
  background-color: var(--color-background-primary);
  margin-left: 10px;
  width: 57px;
  height: 30px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 6px
}
#device-list #mainTable .item-name-preview-container .takeover-icon-wrapper .stop-takeover-button-listing {
  background-color: transparent;
  border: none;
  padding: 0
}
#device-list #mainTable .item-name-preview-container .takeover-tooltip {
  background-color: var(--color-background-tertiary);
  content: '';
  width: 16px;
  height: 16px;
  color: var(--color-content-tertiary) !important;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  box-shadow: none;
  text-align: center !important;
  cursor: default;
  border-radius: 100% !important;
  border: none !important
}
#device-list #mainTable.listing-grid .dataTables_length > label {
  opacity: .5;
  pointer-events: none
}
#device-list #mainTable.listing-grid .dataTables_length > label .page-length-container .dropdown-toggle i {
  display: none
}
#device-list .dataTable {
  margin-bottom: 10px
}
#device-list .dataTable th[class*=reordering]:hover .help-button {
  background-color: var(--color-content-primary)
}
#device-list .dataTable th.sorting:hover, #device-list .dataTable th.sorting_asc:after, #device-list .dataTable th[class*=reordering]:hover .help-button a {
  color: var(--color-content-secondary) !important
}
#device-list .dataTables_scrollBody, #device-list .dataTables_scrollHead {
  width: 100% !important
}
#device-list .dataTables_scrollBody thead {
  opacity: 0;
  pointer-events: none
}
#device-list .simplebar-horizontal .simplebar-scrollbar:before, .all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container:hover .inner, .all_media_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container:hover .inner, .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container:hover .inner, .audio_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container:hover .inner, .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container:hover .inner, .image_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container:hover .inner, .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container:hover .inner, .pdf_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container:hover .inner, .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container:hover .inner, .redesigned_form form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container:hover .inner, .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container:hover .inner, .url_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container:hover .inner, .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container:hover .inner, .video_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container:hover .inner {
  opacity: 1
}
@media (max-width:769px) {
  #device-list .dataTables_scrollBody {
    -webkit-overflow-scrolling: touch
  }
}
#device-list .select-container {
  width: 18px
}
#device-list .simplebar-horizontal {
  background-color: var(--color-background-tertiary);
  border-radius: 8px
}
#device-list tbody:not(.listing-grid-view-container):before {
  line-height: 0 !important
}
#device-list tbody .fixed-columns {
  background-color: var(--color-background-inverse) !important;
  z-index: 10
}
#device-list tbody .fixed-columns .dropdown_menu {
  right: 70px !important
}
#device-list tbody tr:nth-child(2) {
  padding-left: 24px !important
}
#device-list tbody .overflow-row {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: inherit;
  display: block
}
#device-list tbody .device-tr-center {
  justify-content: space-around !important;
  display: flex !important
}
#device-list tbody .device-tr-center.hdmi-connected-icon, #device-list tbody .device-tr-center.power-supply-icon, #device-list tbody .device-tr-center.tv-status-icon {
  justify-content: center !important
}
#device-list tbody .device-tr-center.cpu-temperature {
  justify-content: space-around !important
}
#device-list tbody .device-tr-center.player-type {
  justify-content: start !important;
  margin-left: 25px !important
}
#device-list tbody .device-tr-center .description-row {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
#device-list tbody .device-tr-center .icon-wrapper {
  width: 30px !important;
  height: 30px !important;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex
}
#device-list tbody .device-tr-center .icon-wrapper .icon {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 18px
}
#device-list tr .table-checkbox, #navbar {
  left: 0 !important
}
#device-list tbody .device-tr-center .icon-wrapper .icon.ds-html5 {
  -webkit-transform: translate(-43%, -43%);
  transform: translate(-43%, -43%)
}
#device-list tbody .device-tr-center .player-icon {
  width: 17px;
  height: 17px;
  pointer-events: none
}
#device-list tbody .device-tr-center .icon-not-available {
  width: 21px
}
#device-list tbody .checkbox-label {
  justify-content: flex-start
}
#device-list tbody .z-index-high {
  z-index: 1000 !important
}
#device-list tbody.empty-grid.listing-grid-view-container {
  height: 125px !important
}
#device-list tbody.empty-grid.listing-grid-view-container .empty-row td.dataTables_empty {
  width: 100% !important
}
#device-list tbody .actions-table-cell .dropdown-menu.dropdown_menu {
  display: none
}
#device-list tbody .status-column .manual-container {
  text-decoration: none;
  float: right;
  color: var(--color-content-negative)
}
#device-list thead tr th .draggable-col, .custom-listing-dropdown-menu .draggable-li .ds-reorder-columns1 {
  color: var(--color-content-tertiary) !important
}
#device-list .external-actions-menu-container {
  border-radius: 5px;
  right: 130px;
  background-color: var(--color-background-negative);
  height: auto;
  width: 162px;
  z-index: 10000;
  position: absolute
}
#device-list thead .fixed-columns, #device-list thead th, #device-list thead tr th .draggable-col {
  background-color: var(--color-background-tertiary) !important
}
#device-list .external-actions-menu-container > ul.dropdown-menu {
  top: 0 !important;
  display: block
}
#device-list .external-actions-menu-container > ul.dropdown-menu li {
  padding: 1px
}
#device-list .external-actions-menu-container > ul.dropdown-menu li a {
  display: flex;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px !important
}
#device-list .shadow-column-left {
  box-shadow: 3px 0 4px -1px rgba(0, 0, 0, .1)
}
#device-list .shadow-column-right {
  box-shadow: -3px 0 4px -1px rgba(0, 0, 0, .1)
}
#device-list .no-shadow {
  box-shadow: none
}
#device-list thead tr th {
  padding-right: 20px !important;
  padding-left: 20px !important
}
#device-list thead tr th.item-name-preview.fixed-columns {
  padding-left: 10px !important
}
#device-list thead tr th .device-header-tooltip {
  display: inline-flex;
  align-items: center
}
#device-list thead tr th .device-header-tooltip .information-outline-tooltip {
  width: 20px;
  margin-left: 8px;
  -webkit-filter: var(--filter);
  filter: var(--filter)
}
#device-list thead tr th .device-encrypted-container, #device-list thead tr th .device-locked-down-container, #device-list thead tr th .device-offline-time-container {
  display: inline-flex;
  align-items: center
}
#device-list thead tr th .device-encrypted-container .information-outline-tooltip, #device-list thead tr th .device-locked-down-container .information-outline-tooltip, #device-list thead tr th .device-offline-time-container .information-outline-tooltip {
  width: 20px;
  margin-left: 8px;
  -webkit-filter: var(--filter);
  filter: var(--filter)
}
#device-list thead .fixed-columns {
  z-index: 10
}
#device-list thead .fixed-columns.table-select {
  max-width: 93px
}
#device-list thead th.center-header span:first-child {
  justify-content: center;
  display: flex
}
#device-list thead .draggable-column {
  cursor: -webkit-grab;
  cursor: grab;
  color: var(--color-content-tertiary);
  background-color: var(--color-background-tertiary)
}
@media (max-width:570px) {
  th.status-column {
    width: 170px !important
  }
  td.status-column > div {
    display: flex !important;
    align-items: center !important
  }
  td.status-column > div > i {
    top: 0
  }
  .status_label {
    max-width: 115px
  }
  #device-list .table .actions {
    width: 102px !important
  }
}
.custom-listing-dropdown-menu {
  width: 251px;
  padding: 0 0 8px;
  border-radius: 8px !important;
  position: absolute;
  background-color: var(--color-background-inverse);
  margin-top: 8px;
  box-shadow: 0 4px 21px rgba(0, 0, 0, .1);
  right: 0;
  list-style: none;
  display: none
}
.custom-listing-dropdown-menu .customize-columns-label {
  cursor: default;
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-border-default);
  padding-bottom: 12px;
  align-items: center
}
.custom-listing-dropdown-menu .customize-columns-label:hover {
  background-color: transparent !important
}
.custom-listing-dropdown-menu .customize-columns-label .read-manual-container {
  padding-right: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 18px;
  line-height: 0;
  cursor: pointer;
  margin: 0;
  padding: 0
}
.custom-listing-dropdown-menu .customize-columns-label .read-manual-container .ds-document2 {
  font-size: 18px
}
.custom-listing-dropdown-menu .customize-columns-label span {
  padding-left: 16px;
  height: 16px;
  line-height: 1;
  font-size: 16px;
  font-weight: 700
}
.custom-listing-dropdown-menu .customize-columns-label span:last-child {
  margin-top: 16px
}
.custom-listing-dropdown-menu .column-choice {
  height: 28px !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 2px;
  margin-bottom: 2px
}
.custom-listing-dropdown-menu .column-choice > div {
  height: inherit;
  display: inline-flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding-left: 15px;
  padding-right: 17px;
  cursor: pointer
}
.custom-listing-dropdown-menu .column-choice > div:hover {
  background-color: var(--color-background-primary)
}
.custom-listing-dropdown-menu .column-choice > div [id*=column] {
  color: var(--color-content-primary);
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.custom-listing-dropdown-menu .column-choice > div .toggle-editor {
  height: inherit
}
.custom-listing-dropdown-menu .column-choice > div .toggle-editor input[type=checkbox].custom-boolean-switch + .column-enable-toggle:before {
  width: 20px;
  height: 10px;
  margin-bottom: 16px;
  min-width: unset
}
.custom-listing-dropdown-menu .column-choice > div .toggle-editor input[type=checkbox].custom-boolean-switch + .column-enable-toggle:after {
  top: -1px;
  height: 12px;
  width: 12px;
  left: 0
}
.custom-listing-dropdown-menu .column-choice > div .toggle-editor input[type=checkbox].custom-boolean-switch:checked + .column-enable-toggle:after {
  left: 10px
}
.custom-listing-dropdown-menu .column-choice > div .toggle-editor .reorder-column-container .ds-reorder-columns1 {
  margin-right: 8px;
  color: var(--color-content-primary)
}
.custom-listing-dropdown-menu .column-choice .dropped-target-bottom {
  border-bottom: solid 2px var(--color-border-default)
}
.custom-listing-dropdown-menu .column-choice .dropped-target-top {
  border-top: solid 2px var(--color-border-default)
}
@media (max-width:991px) and (min-width:629px) {
  .custom-listing-dropdown-menu #device-list #mainTable [class*=actions] {
    display: none !important
  }
  .custom-listing-dropdown-menu #device-list #mainTable .tag-items-cell {
    display: table-cell !important
  }
}
@media (max-width:1017px) {
  .player-selector-modal .modal-dialog {
    width: 572px !important;
    height: 551px !important;
    margin-left: auto;
    margin-right: auto
  }
}
@media (max-width:530px) {
  .player-selector-modal .modal-dialog {
    width: 100% !important;
    height: 100% !important;
    margin-left: auto;
    margin-right: auto
  }
}
.player-selector-modal .modal-body {
  padding: 0
}
.player-selector-modal .modal-title {
  padding: 16px 20px;
  border-bottom: 1px solid var(--color-border-default)
}
.player-selector-modal button.close {
  margin-top: 15px !important;
  margin-right: 15px
}
.player-selector-modal .modal-footer {
  margin-top: 0
}
.custom-minutes-group {
  align-items: baseline !important
}
.custom-minutes-group.mass-custom-minutes .editor-container {
  flex-direction: column;
  row-gap: 8px;
  height: 100%;
  padding: 8px
}
.custom-minutes-group.mass-custom-minutes .editor-container [data-editors] {
  width: 100%
}
.custom-minutes-group.info-warning.info-warning .editor-container {
  border-color: var(--color-content-notice) !important
}
.custom-minutes-group.info-warning.info-warning #notifications-warning {
  color: var(--color-content-notice)
}
.player-selector-container {
  padding: 20px 20px 0;
  justify-content: center;
  align-items: flex-start;
  flex-direction: row;
  display: flex;
  gap: 20px
}
@media (max-width:1017px) {
  .player-selector-container {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    display: flex
  }
}
.player-selector-container .player-selector-content {
  width: 55%;
  border-radius: 8px;
  height: 445px;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex
}
@media (max-width:1017px) {
  .player-selector-container .player-selector-content {
    width: 100%;
    display: none
  }
}
.player-selector-container .player-selector-content #default-source-tab {
  background-color: var(--color-background-secondary);
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 15px 20px;
  border-radius: 8px
}
.player-selector-container .player-selector-content #default-source-tab.branded {
  background: var(--color-background-tertiary)
}
.player-selector-container .player-selector-content .player-select-info {
  width: 100%;
  height: 100%;
  background: var(--color-background-secondary);
  padding: 15px 20px;
  border-radius: 8px
}
.player-selector-container .player-selector-content .player-select-info .player-select-content .player-select-limitations {
  margin-top: 20px;
  padding: 15px;
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-border-default);
  border-radius: 12px;
  cursor: pointer
}
.player-selector-container .player-selector-content .player-select-info .player-select-content .player-select-limitations .limitations-toggle {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  transition: .2s all ease-in-out;
  padding-bottom: 15px
}
.player-selector-container .player-selector-content .player-select-info .player-select-content .player-select-limitations .limitations-toggle .collapse-carret {
  -webkit-transform-origin: 4px center;
  transform-origin: 4px center;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: .2s all ease-in-out
}
.player-selector-container .player-selector-content .player-select-info .player-select-content .player-select-limitations .limitations-toggle span {
  color: var(--color-content-secondary)
}
.player-selector-container .player-selector-content .player-select-info .player-select-content .player-select-limitations.collapsed .collapse-carret {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
.player-selector-container .player-selector-content .player-select-info .player-select-content .player-select-limitations.collapsed .limitations-toggle {
  margin-bottom: 0;
  padding-bottom: 0
}
.player-selector-container .player-selector-content .player-select-info .player-select-content .player-select-limitations .limitations-panel {
  color: var(--color-content-primary)
}
.player-selector-container .player-selector-content .player-select-info .player-select-content .player-select-limitations .limitations-panel ul {
  margin: 10px 0;
  padding-left: 20px
}
.player-selector-container .player-selector-content .player-select-info .player-select-content .player-select-limitations .limitations-panel u {
  text-decoration: none;
  display: block;
  margin-top: 10px
}
.player-selector-container .player-selector-content .player-select-info .player-select-content .player-select-extras h3 {
  color: var(--color-content-tertiary);
  font-size: 14px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 500 !important;
  border-bottom: 1px solid var(--color-border-default);
  padding-bottom: 8px
}
@media (max-width:768px) {
  .player-selector-container .player-selector-content .player-select-info .player-select-content .player-select-extras h3 {
    font-size: 12px !important;
    letter-spacing: .04em !important
  }
}
.player-selector-container .player-selector-content-pad {
  display: none;
  height: auto;
  transition: .2s all ease-in-out
}
@media (min-width:530px) and (max-width:1017px) {
  .player-selector-container .player-selector-content-pad {
    display: flex;
    grid-column: 1/-1
  }
}
.player-selector-container .player-selector-content-mobile {
  display: none;
  transition: .2s all ease-in-out;
  height: auto
}
@media (max-width:530px) {
  .player-selector-container .player-selector-content-mobile {
    display: flex;
    grid-column: 1/-1
  }
}
.player-selector-container .player-type-options {
  width: 45%;
  margin-top: 10px;
  gap: 8px;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  height: auto;
  max-height: 445px;
  overflow-y: auto;
  padding-right: 20px;
  padding-bottom: 10px
}
@media (max-width:1017px) {
  .player-selector-container .player-type-options {
    width: 100%
  }
}
@media (max-width:530px) {
  .player-selector-container .player-type-options {
    grid-template-columns: repeat(2, 1fr)
  }
}
.player-selector-container .player-type-options::-webkit-scrollbar {
  width: 4px;
  background-color: var(--color-content-tertiary);
  border-radius: 1px
}
.player-selector-container .player-type-options::-webkit-scrollbar-thumb {
  background-color: var(--color-content-tertiary);
  border-radius: 1px
}
.player-selector-container .player-type-options::-webkit-scrollbar-track {
  width: 2px;
  background-color: var(--color-content-disabled);
  border-radius: 1px
}
.player-selector-container .player-type-options h4 {
  grid-column: 1/-1;
  margin-top: 20px;
  margin-left: 3px
}
.player-selector-container .player-type-options .player-type-button {
  height: 118px !important;
  width: auto !important;
  margin-right: 0 !important;
  background-color: var(--color-background-inverse);
  color: var(--color-content-primary) !important;
  text-overflow: ellipsis;
  border-radius: 5px !important;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  box-shadow: 0 2px 6px 0 var(--color-border-default);
  border: 1px solid transparent;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: all;
  margin-left: 3px
}
html.dark .player-selector-container .player-type-options .player-type-button {
  border: 1px solid var(--color-border-default)
}
.player-selector-container .player-type-options .player-type-button.active, .player-selector-container .player-type-options .player-type-button:hover {
  background-color: var(--color-background-tertiary)
}
.player-selector-container .player-type-options .player-type-button:has(input:checked) {
  border-color: var(--basic_branding) !important;
  border-width: 2px !important
}
.player-selector-container .player-type-options .player-type-button input {
  display: none
}
.player-selector-container .player-type-options .player-type-button .player-icon {
  height: 36px;
  max-width: 40px;
  margin-bottom: 20px
}
.player-selector-container .player-type-options .player-type-button > div {
  white-space: normal
}
@media (max-width:390px) {
  #device-list .item-name-preview.fixed-columns {
    position: static !important;
    box-shadow: none !important
  }
}
@media (max-width:991px) {
  #device-list .actions-table-cell.fixed-columns {
    position: static !important;
    box-shadow: none !important
  }
}
@media (max-width:769px) {
  .is-list-view.breadcrumb li.active > a[href='#main/device'] {
    font-weight: 600 !important;
    color: var(--color-content-primary) !important;
    font-size: 20px !important;
    line-height: 24px
  }
  #device-list .margin_top {
    margin-top: -50px
  }
  #device-list .action-buttons-sibling > div:first-child {
    padding: 0;
    float: none
  }
  #device-list .table-header {
    position: relative;
    justify-content: left;
    align-items: center;
    flex-direction: column;
    display: flex;
    width: 100%;
    border-bottom: 0;
    margin: 0
  }
  #device-list .table-header .num_of_items_container {
    height: 30px
  }
  #device-list .table-header .num_of_items_container .num_of_items {
    font-size: 18px
  }
  #device-list .table-header .widget-toolbar {
    position: static;
    padding: 0;
    margin: 0;
    float: none;
    align-items: center;
    justify-content: space-between;
    width: 100%
  }
  #device-list .table-header .widget-toolbar #mobile-search-bar {
    display: flex;
    width: 250px;
    margin: 0 15px 0 0
  }
  #device-list .table-header .widget-toolbar #mobile-search-bar.dataTables_filter input[type=search] {
    padding-left: 40px;
    border: 1px solid var(--color-border-default);
    align-items: center
  }
  #device-list .table-header .widget-toolbar #mobile-search-bar.dataTables_filter input[type=search].opened {
    padding-left: 15px !important;
    width: 100% !important;
    padding-right: 70px !important;
    border: 1px solid var(--color-border-default)
  }
  #device-list .table-header .widget-toolbar #mobile-search-bar .clear_search::after {
    margin-bottom: 0
  }
  #device-list .table-header .widget-toolbar.monitor-grid-toolbar {
    flex-direction: row
  }
  #device-list .table-header .widget-toolbar.monitor-grid-toolbar .export-refresh-container {
    height: 40px;
    margin-top: 0
  }
  #device-list .table-header .widget-toolbar .export-refresh-container {
    height: 40px
  }
  #device-list .table-header .widget-toolbar .export-refresh-container .customize-columns-dropdown {
    width: 40px;
    margin-right: 8px
  }
  #device-list .table-header .widget-toolbar .export-refresh-container .customize-columns-dropdown .customize-columns-button {
    border-radius: 4px;
    min-width: 40px !important;
    width: 40px !important
  }
  #device-list .table-header .widget-toolbar .export-refresh-container .customize-columns-dropdown .customize-columns-button span {
    display: none
  }
  #device-list .table-header .widget-toolbar .export-refresh-container .customize-columns-dropdown .custom-listing-dropdown-menu {
    position: relative;
    top: auto;
    left: -110px
  }
  #device-list .table-header .widget-toolbar .export-refresh-container .reload_container, #device-list .table-header .widget-toolbar .export-refresh-container .update_all_monitors {
    border: 1px solid var(--color-border-default);
    margin-right: 8px
  }
  #device-list .table-header .widget-toolbar .export-refresh-container .control-button-container-mobile {
    display: block !important;
    visibility: visible !important
  }
  #device-list .table-header .widget-toolbar .export-refresh-container .control-button-container-mobile > a {
    min-width: 40px !important;
    width: 40px !important;
    border-color: var(--color-border-default);
    border-radius: 4px
  }
  #device-list .table-header .widget-toolbar .export-refresh-container .control-button-container-mobile .control-dropdown-menu-mobile {
    position: absolute;
    top: auto;
    left: auto;
    right: 0;
    width: 195px;
    box-shadow: 0 0 8px 0 #00033;
    padding: 0;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
  }
  #device-list #mainTable tbody td.fixed-columns, #device-list #mainTable thead th.fixed-columns {
    left: 0 !important;
    position: relative !important
  }
  #device-list #mainTable tbody td.item-name-preview, #device-list #mainTable thead th.item-name-preview {
    box-shadow: none
  }
  #device-list .table-header .widget-toolbar .export-refresh-container .control-button-container-mobile .control-dropdown-menu-mobile > li {
    padding: 8px 12px
  }
  #device-list .table-header .widget-toolbar .export-refresh-container .control-button-container-mobile .control-dropdown-menu-mobile > li.active, #device-list .table-header .widget-toolbar .export-refresh-container .control-button-container-mobile .control-dropdown-menu-mobile > li.active > a {
    background-color: var(--color-brand-subtle)
  }
  #device-list .table-header .widget-toolbar .export-refresh-container .control-button-container-mobile .control-dropdown-menu-mobile > li.active > a span, #device-list .table-header .widget-toolbar .export-refresh-container .control-button-container-mobile .control-dropdown-menu-mobile > li.active > a > i {
    color: var(--color-content-primary)
  }
  #device-list .table-header .widget-toolbar .export-refresh-container .control-button-container-mobile .control-dropdown-menu-mobile > li.disabled-li a i, #device-list .table-header .widget-toolbar .export-refresh-container .control-button-container-mobile .control-dropdown-menu-mobile > li.disabled-li a span {
    opacity: .5
  }
  #device-list .table-header .widget-toolbar .export-refresh-container .control-button-container-mobile .control-dropdown-menu-mobile > li:first-child {
    padding-top: 12px
  }
  #device-list .table-header .widget-toolbar .export-refresh-container .control-button-container-mobile .control-dropdown-menu-mobile > li:last-child {
    padding-bottom: 12px
  }
  #device-list .table-header .widget-toolbar .export-refresh-container .control-button-container-mobile .control-dropdown-menu-mobile li > a {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0
  }
  #device-list .table-header .widget-toolbar .export-refresh-container .control-button-container-mobile .control-dropdown-menu-mobile li > a > i {
    font-size: 22px;
    color: var(--color-content-primary)
  }
  #device-list .table-header .widget-toolbar .export-refresh-container .control-button-container-mobile .control-dropdown-menu-mobile li > a > i.ds-download {
    font-size: 16px
  }
  #device-list .table-header .widget-toolbar .export-refresh-container .control-button-container-mobile .control-dropdown-menu-mobile li > a > i.ds-clock, #device-list .table-header .widget-toolbar .export-refresh-container .control-button-container-mobile .control-dropdown-menu-mobile li > a > i.ds-grid-view, #device-list .table-header .widget-toolbar .export-refresh-container .control-button-container-mobile .control-dropdown-menu-mobile li > a > i.ds-list-view, #device-list .table-header .widget-toolbar .export-refresh-container .control-button-container-mobile .control-dropdown-menu-mobile li > a > i.tags {
    font-size: 18px
  }
  #device-list .table-header .widget-toolbar .export-refresh-container .control-button-container-mobile .control-dropdown-menu-mobile li > a > span {
    color: var(--color-content-primary);
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }
  #device-list .table-header .widget-toolbar .export-refresh-container .control-button-container-mobile.open > a {
    background-color: var(--color-background-inverse);
    color: var(--color-content-primary);
    border: 1px solid var(--color-border-default);
    text-decoration: none
  }
  #device-list .table-header .widget-toolbar .export-refresh-container .control-button-container-mobile.open > a span {
    color: var(--color-content-primary)
  }
  #device-list #mainTable .paging {
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    display: flex
  }
  #device-list #mainTable .paging .num_items_mobile {
    margin-top: 0
  }
  #device-list #mainTable .table {
    word-wrap: none
  }
  #device-list #mainTable thead th.actions {
    visibility: visible
  }
  #device-list #mainTable tbody td.dropdown_menu {
    padding: 9px 8px !important
  }
  #device-list #mainTable tbody td.status-column > div {
    justify-content: space-between
  }
  #device-list .export-button, #device-list .listing-breadcrumb-all, #device-list .listing-breadcrumb-path, #device-list .tag_container, #device-list .toggle_container, #device-list .working-hours-button-container, #device-list div.dataTables_filter.moved_filter {
    display: none !important
  }
}
@media (max-width:769px) and (max-width:1126px) {
  #device-list .table-header .widget-toolbar .export-refresh-container .export-button-container {
    margin-right: 0
  }
}
@-webkit-keyframes rotateborder {
  from {
    -webkit-transform: translate(-50%, -50%) scale(1.4) rotate(0turn);
    transform: translate(-50%, -50%) scale(1.4) rotate(0turn)
  }
  to {
    -webkit-transform: translate(-50%, -50%) scale(1.4) rotate(1turn);
    transform: translate(-50%, -50%) scale(1.4) rotate(1turn)
  }
}
@keyframes rotateborder {
  from {
    -webkit-transform: translate(-50%, -50%) scale(1.4) rotate(0turn);
    transform: translate(-50%, -50%) scale(1.4) rotate(0turn)
  }
  to {
    -webkit-transform: translate(-50%, -50%) scale(1.4) rotate(1turn);
    transform: translate(-50%, -50%) scale(1.4) rotate(1turn)
  }
}
@media (max-width:480px) {
  .mobile-view-container {
    padding-left: 0 !important;
    padding-right: 0 !important
  }
}
@media (max-width:550px) {
  #mainTable .paging {
    flex-direction: column !important;
    justify-content: center
  }
  #mainTable .paging .num_items_mobile {
    margin-top: 0
  }
}
@media (max-width:700px) {
  .working-hours-button span {
    display: none
  }
}
@media (max-width:670px) {
  .working-hours-button {
    min-width: 40px !important;
    width: 40px !important
  }
}
#simplified-screen-form {
  margin-top: 40px;
  display: flex;
  justify-content: center
}
#simplified-screen-form .screen-container {
  width: min(100%, 1600px);
  min-height: min(700px, 70vh);
  position: relative;
  padding: 140px 10px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  border-radius: 12px;
  background: var(--color-background-inverse);
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, .1)
}
#simplified-screen-form .screen-container .steps-bars {
  width: 100%;
  padding-inline: 15px;
  position: absolute;
  top: 20px;
  display: flex;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  color: var(--basic_branding)
}
#simplified-screen-form .screen-container .steps-bars .steps-bar {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  transition: .5s
}
#simplified-screen-form .screen-container .steps-bars .steps-bar .bar {
  width: 100%;
  height: 6px;
  border-radius: 8px;
  background: var(--basic_branding);
  transition: .5s
}
#simplified-screen-form .screen-container .steps-bars .steps-bar.inactive {
  color: var(--color-content-tertiary)
}
#simplified-screen-form .screen-container .steps-bars .steps-bar.inactive .bar {
  background: var(--color-content-tertiary)
}
#simplified-screen-form .screen-container .screen-setup-steps {
  padding-inline: 80px;
  max-width: 100%
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step {
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 80px;
  -moz-column-gap: 80px;
  column-gap: 80px
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step > * {
  max-width: 55%;
  justify-content: center;
  align-items: start;
  flex-direction: column;
  display: flex
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step > .screen-details {
  width: 60%;
  position: relative;
  row-gap: 30px
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step > .screen-details > div {
  display: flex;
  flex-direction: column
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step > .screen-details > div .error {
  position: absolute;
  top: 75px;
  left: 0;
  margin: 0
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step > .screen-details > div #selector-container {
  width: 200px !important;
  margin-left: 15px !important
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .registration-instructions {
  max-width: 50%;
  row-gap: 10px;
  text-wrap: balance
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .registration-instructions > * {
  width: 100%
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .registration-instructions .instructions-header {
  display: flex;
  align-items: center;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .registration-instructions .instructions-header .player-icon {
  height: 3em;
  width: 3em
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .registration-instructions .instructions-bullets li {
  justify-content: start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .registration-instructions .instructions-bullets li .bullet {
  align-self: start;
  position: relative;
  height: 18px;
  min-height: 18px;
  min-width: 18px;
  border-radius: 50%;
  background: var(--color-brand-subtle-hover);
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .registration-instructions .instructions-bullets li .bullet .bullet-number {
  margin-top: 2px
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .registration-instructions .instructions-bullets li a {
  font-weight: 700
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .registration-instructions .instructions-footer {
  width: 100%;
  justify-content: start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  padding: 12px;
  border-radius: 8px;
  background: var(--color-background-primary);
  text-wrap: auto
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .registration-instructions .instructions-footer .ds-warning-circle {
  font-size: 24px;
  color: var(--basic_branding)
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .registration-field {
  position: relative;
  padding: 25px 40px 30px;
  row-gap: 40px;
  border-radius: 12px;
  background-color: var(--color-fill-image)
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .registration-field label {
  margin: 0
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .registration-field span[data-editors=reg_code] {
  position: absolute;
  opacity: 0;
  pointer-events: none
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .registration-field #fake-registration-input {
  display: flex;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  font-size: 42px;
  text-align: center;
  color: var(--color-content-primary);
  cursor: pointer
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .registration-field #fake-registration-input .char {
  position: relative;
  width: 1em
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .registration-field #fake-registration-input .char::after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  bottom: -12px !important;
  left: 0;
  background: var(--color-content-primary)
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .registration-field #fake-registration-input .char.active::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 2px;
  left: calc(50% - 1px);
  background: #000;
  -webkit-animation: cursorFlicker .5s infinite alternate;
  animation: cursorFlicker .5s infinite alternate
}
@-webkit-keyframes cursorFlicker {
  from {
    opacity: 0
  }
}
@keyframes cursorFlicker {
  from {
    opacity: 0
  }
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .registration-field #fake-registration-input .char.left::before {
  left: 0
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .registration-field #fake-registration-input .char.right::before {
  left: 100%
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .registration-field #fake-registration-input .dash {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .registration-field .error {
  width: 100%;
  display: none;
  position: absolute;
  bottom: -25px;
  margin: 0
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .screen-preview-container {
  position: relative;
  display: flex;
  justify-content: center
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .screen-preview-container .loading-preview, #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .screen-preview-container .screen-preview, #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .screen-preview-container .turned-off, #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .screen-preview-container .unavailable-preview {
  position: absolute;
  top: 8px;
  height: calc(100% - 20px);
  width: 100%;
  border-radius: 12px;
  -o-object-fit: contain;
  object-fit: contain
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .screen-preview-container .frame {
  max-width: 100%;
  z-index: 2;
  -webkit-filter: drop-shadow(0 2px 8px -4px var(--color-content-primary));
  filter: drop-shadow(0 2px 8px -4px var(--color-content-primary))
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .screen-preview-container .unavailable-preview {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .screen-preview-container .loading-preview {
  display: none;
  z-index: 1;
  background-color: var(--color-content-secondary)
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .screen-preview-container .loading-preview .circle-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 74px;
  width: 74px
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .screen-preview-container .loading-preview .circle-container::after {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  border-radius: 50%;
  background-color: transparent;
  border-top: 2px solid var(--basic_branding);
  -webkit-animation: circle-rotate 1s infinite linear;
  animation: circle-rotate 1s infinite linear
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .screen-preview-container .turned-off {
  z-index: 1;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  row-gap: 10px;
  color: var(--color-background-inverse);
  background-color: var(--color-content-secondary)
}
#simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .screen-preview-container > span {
  width: 100%;
  position: absolute;
  bottom: -50px;
  text-align: center
}
#simplified-screen-form .screen-container .action-buttons {
  width: 100%;
  padding-inline: 40px;
  position: absolute;
  bottom: 30px
}
#simplified-screen-form .screen-container .action-buttons .back {
  float: left
}
#simplified-screen-form .screen-container .action-buttons .add-model, #simplified-screen-form .screen-container .action-buttons .next, #simplified-screen-form .screen-container .action-buttons .save-go {
  float: right
}
#simplified-screen-form .screen-container .action-buttons .go-to-form {
  position: absolute;
  bottom: -100px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: var(--color-content-primary)
}
@media (max-width:1440px) {
  #simplified-screen-form {
    margin-top: -30px
  }
  #simplified-screen-form .screen-container .screen-setup-steps {
    padding-inline: 40px
  }
  #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step.registration-step {
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px
  }
  #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step.registration-step .registration-field #fake-registration-input {
    font-size: 30px
  }
  #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step.registration-step .registration-instructions .instructions-footer {
    width: 100%
  }
  #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .screen-preview-container .loading-preview, #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .screen-preview-container .screen-preview, #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .screen-preview-container .turned-off {
    top: 6px;
    height: calc(100% - 16px)
  }
}
@media (max-width:1140px) {
  #simplified-screen-form {
    margin-top: -20px
  }
  #simplified-screen-form .screen-container .screen-setup-steps {
    padding-inline: 0
  }
  #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step {
    flex-direction: column;
    row-gap: 40px
  }
  #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step > * {
    max-width: 90%
  }
  #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step > .screen-details div #selector-container {
    width: 150px !important;
    margin-left: 5px !important
  }
  #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .registration-instructions {
    max-width: 80%
  }
  #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .registration-field #fake-registration-input {
    font-size: 36px
  }
  #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .registration-field #fake-registration-input .char.active::before {
    bottom: 10px
  }
}
@media (max-width:991px) {
  #simplified-screen-form {
    margin-top: 0
  }
  #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step.registration-step .registration-instructions {
    max-width: 90%
  }
  #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step.registration-step .registration-field .error {
    bottom: -45px
  }
  #simplified-screen-form .screen-container .action-buttons {
    position: fixed;
    bottom: 0;
    padding: 15px 30px;
    display: flex;
    justify-content: flex-end;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    background: var(--color-background-inverse);
    box-shadow: 0 -1px 12px rgba(0, 0, 0, .1);
    z-index: 1000
  }
  #simplified-screen-form .screen-container .action-buttons > button {
    min-height: 40px;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    margin: 0
  }
  #simplified-screen-form .screen-container .action-buttons > button.add-model {
    order: 1
  }
  #simplified-screen-form .screen-container .action-buttons > button.back.hide-on-mobile {
    display: none
  }
  #simplified-screen-form .screen-container .action-buttons a.go-to-form {
    bottom: 10px;
    left: 105px
  }
}
@media (max-width:630px) {
  #simplified-screen-form .screen-container {
    padding-inline: 0
  }
  #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step {
    padding-inline: 10px
  }
  #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step.registration-step .registration-field {
    max-width: 100%
  }
  #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step.registration-step .registration-field #fake-registration-input {
    font-size: 18px
  }
  #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step.registration-step .registration-field #fake-registration-input .char::after {
    bottom: -5px !important
  }
  #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .screen-preview-container .loading-preview, #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .screen-preview-container .screen-preview, #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .screen-preview-container .turned-off {
    top: 4px;
    height: calc(100% - 10px)
  }
  #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .screen-preview-container > span {
    bottom: -65px
  }
}
@media (max-width:400px) {
  #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step.registration-step .registration-field {
    padding: 10px
  }
  #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .screen-preview-container .loading-preview, #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .screen-preview-container .screen-preview, #simplified-screen-form .screen-container .screen-setup-steps .screen-setup-step .screen-preview-container .turned-off {
    top: 2px;
    height: calc(100% - 6px)
  }
}
@-webkit-keyframes circle-rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes circle-rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
.device-filters-container {
  margin-right: 16px
}
.device-filters-container .select2-container {
  width: auto !important
}
.device-filters-container .select2-container .select2-selection {
  padding-left: 16px;
  border-radius: 8px;
  height: 40px !important;
  border: 1px solid var(--color-border-section);
  box-shadow: none !important
}
@media (max-width:1400px) {
  .device-filters-container {
    margin-right: 8px
  }
  .device-filters-container .select2-container .select2-selection {
    width: 40px;
    border-radius: 4px;
    border: 1px solid var(--color-border-section);
    padding: 0;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    display: flex
  }
}
.device-filters-container .select2-container .select2-selection .selection-inner {
  max-width: 157px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  color: var(--color-content-primary)
}
.device-filters-container .select2-container .select2-selection .selection-inner .number-dot {
  background: var(--basic_branding);
  color: #fff;
  border-radius: 50%;
  width: 19px;
  height: 19px;
  display: inline-block;
  line-height: 18px;
  text-align: center;
  font-size: 14px;
  font-weight: 400
}
.device-filters-container .select2-container .select2-selection .selection-inner .filter-screens, .device-filters-container .select2-container .select2-selection .selection-inner i {
  display: none
}
.device-filters-container .select2-container .select2-selection[aria-expanded=true] {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}
.device-filters-container .select2-container .select2-selection[aria-expanded=true] .filter-arrow {
  -webkit-transform: rotate(0);
  transform: rotate(0)
}
.device-filters-container .select2-container .select2-selection[aria-expanded=true] .filter-screens {
  color: var(--color-content-inverse)
}
.device-filters-container .select2-container .select2-selection .filter-arrow {
  margin-right: 14px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  color: var(--color-content-primary)
}
@media (max-width:1400px) {
  .device-filters-container .select2-container .select2-selection .selection-inner span.inner-text {
    display: none
  }
  .device-filters-container .select2-container .select2-selection .selection-inner .number-dot {
    position: absolute;
    top: -2px;
    right: -5px
  }
  .device-filters-container .select2-container .select2-selection .selection-inner .filter-screens {
    font-size: 20px;
    display: block
  }
  .device-filters-container .select2-container .select2-selection .selection-inner i {
    display: inline-block
  }
  .device-filters-container .select2-container .select2-selection .clear-icon {
    display: none !important
  }
  .device-filters-container .select2-container .select2-selection[aria-expanded=true] {
    border-top: 1px solid var(--color-border-section);
    border-bottom: 1px solid var(--color-border-section);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #4e4c57
  }
  .device-filters-container .select2-container .select2-selection .filter-arrow {
    display: none
  }
}
.device-filters-container .select2-container .select2-selection.empty-filter {
  color: var(--color-content-tertiary);
  font-weight: 500
}
.device-filters-select.select2-dropdown .filter-description, .working-hours-modal .modal-body .bootbox-body .toggle-editor label {
  font-weight: 600;
  color: var(--color-content-primary);
  font-size: 14px
}
.device-filters-select {
  width: 180px
}
.device-filters-select.select2-dropdown {
  width: 180px;
  margin-top: 0;
  border-radius: 0 0 8px 8px;
  padding-bottom: 8px !important;
  border: 1px solid var(--color-border-section);
  box-shadow: none
}
@media (max-width:1400px) {
  .device-filters-select.select2-dropdown {
    top: 5px;
    border-radius: 8px;
    border: 1px solid var(--color-border-section)
  }
}
.device-filters-select.select2-dropdown .select2-selection__rendered li {
  display: none
}
.device-filters-select.select2-dropdown .filter-description {
  padding: 16px 16px 8px;
  display: block
}
.device-filters-select.select2-dropdown .select2-search {
  border: none !important;
  padding: 8px 16px;
  height: 48px
}
.device-filters-select.select2-dropdown .select2-search::after {
  display: none !important
}
.device-filters-select.select2-dropdown .select2-search input {
  border: 1px solid var(--color-border-default) !important;
  border-radius: 8px !important;
  height: 100%;
  background-image: url(../svgs/search-grey.svg) !important;
  background-position: 5% 50%;
  background-repeat: no-repeat;
  padding-left: 32px;
  background-size: 18px !important
}
.device-filters-select.select2-dropdown .select2-search input::-webkit-input-placeholder {
  color: var(--color-content-tertiary);
  font-size: 12px
}
.device-filters-select.select2-dropdown .select2-search input::-moz-placeholder {
  color: var(--color-content-tertiary);
  font-size: 12px
}
.device-filters-select.select2-dropdown .select2-search input::-ms-input-placeholder {
  color: var(--color-content-tertiary);
  font-size: 12px
}
.device-filters-select.select2-dropdown .select2-search input::placeholder {
  color: var(--color-content-tertiary);
  font-size: 12px
}
.device-filters-select.select2-dropdown .select2-results .select2-results__options .select2-results__option {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.device-filters-select.select2-dropdown .select2-results .select2-results__option:not(.select2-results__message):before {
  content: '';
  display: inline-block;
  position: relative;
  height: 20px;
  width: 20px;
  border: 1px solid var(--color-border-default);
  border-radius: 4px;
  background-color: var(--color-background-inverse);
  margin-right: 8px;
  vertical-align: middle
}
.device-filters-select.select2-dropdown .select2-results .select2-results__option[aria-selected=true]:before {
  font-family: fontAwesome;
  content: '\f00c';
  padding: 2px;
  display: inline
}
.device-filters-select.select2-dropdown .select2-results .select2-results__option--highlighted[aria-selected] {
  background-color: var(--color-background-primary);
  color: var(--color-content-primary)
}
.device-filters-select.select2-dropdown .select2-results [aria-selected=true] {
  display: list-item !important
}
.device-filters-select.select2-dropdown .select2-results [aria-selected=true]:not(.select2-results__option--highlighted) {
  background: 0 0 !important
}
.working-hours-modal .modal-body {
  padding: 0;
  height: 541px;
  overflow-y: auto !important;
  border-radius: 8px;
  background-color: var(--color-background-primary);
  margin: 16px
}
@media (max-width:629px) {
  .working-hours-modal .modal-body {
    margin: 16px 8px
  }
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .checkbox-disabled .checkbox-container .middle .lbl::before, #working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status .toggle-el-container, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .checkbox-disabled .checkbox-container .middle .lbl::before, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status .toggle-el-container, .working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .special-w-hours-container .checkbox-disabled .checkbox-container .middle .lbl::before, .working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status .toggle-el-container {
  margin-right: 8px
}
.working-hours-modal .modal-body::-webkit-scrollbar {
  width: 2px
}
.working-hours-modal .modal-body::-webkit-scrollbar-thumb {
  background-color: rgba(197, 206, 214, .8);
  border-radius: 8px
}
.working-hours-modal .modal-body::-webkit-scrollbar-track {
  background-color: var(--color-background-inverse);
  border-radius: 8px;
  width: 4px
}
.working-hours-modal .modal-body .bootbox-body {
  padding: 16px
}
.working-hours-modal .modal-body .bootbox-body .toggle-editor {
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin-bottom: 16px
}
@media (max-width:629px) {
  .working-hours-modal .modal-body .bootbox-body {
    padding: 16px 4px
  }
  .working-hours-modal .modal-body .bootbox-body .toggle-editor.w-h-status .toggle-el-container .lbl {
    min-height: 16px
  }
  .working-hours-modal .modal-body .bootbox-body .toggle-editor.w-h-status .toggle-el-container .lbl:before {
    height: 15px;
    width: 32px;
    min-width: unset
  }
  .working-hours-modal .modal-body .bootbox-body .toggle-editor.w-h-status .toggle-el-container .lbl:after {
    height: 18px;
    width: 17px
  }
  .working-hours-modal .modal-body .bootbox-body .toggle-editor.w-h-status .toggle-el-container input[type=checkbox].custom-boolean-switch:checked + .lbl:after {
    left: 16px
  }
}
.working-hours-modal .modal-body .bootbox-body .main-body-wh .disabled-content_ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}
.working-hours-modal .modal-body .bootbox-body .main-body-wh .disabled-content_ img {
  height: 210px;
  width: 210px;
  margin-bottom: 16px
}
.working-hours-modal .modal-body .bootbox-body .main-body-wh .disabled-content_ p {
  font-weight: 400;
  font-size: 14px
}
.working-hours-modal .modal-body .bootbox-body .main-body-wh .disabled-content_ p:first-of-type {
  font-weight: 700;
  font-size: 16px
}
.working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ [data-error=overlap].hidden {
  display: none !important
}
.working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .checkbox-disabled {
  margin-top: 4px
}
.working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .content-header {
  display: flex;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin-bottom: 16px
}
.working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .weekdays-container {
  display: flex
}
.working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px
}
@media (max-width:629px) {
  .working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .content-header i {
    align-self: baseline
  }
  .working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .content-header span {
    font-size: 12px
  }
  .working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container {
    flex-direction: column;
    row-gap: 12px;
    margin-bottom: 12px
  }
}
.working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status {
  max-width: 125px;
  width: 125px;
  justify-content: end;
  margin-bottom: 0 !important;
  margin-top: 9px;
  align-self: start
}
.working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status label {
  margin-bottom: 0;
  padding-top: 0
}
.working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-content {
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px
}
.working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-content .splitted-date-multi-time-picker-container .timepicker-disabled-content span {
  color: var(--color-content-tertiary)
}
@media (max-width:629px) {
  .working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status {
    justify-content: start
  }
  .working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status .toggle-el-container input {
    height: 20px
  }
  .working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status .toggle-el-container .lbl {
    min-height: 16px
  }
  .working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status .toggle-el-container .lbl:before {
    height: 15px;
    width: 32px;
    min-width: unset
  }
  .working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status .toggle-el-container .lbl:after {
    height: 18px;
    width: 17px
  }
  .working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status .toggle-el-container input[type=checkbox].custom-boolean-switch:checked + .lbl:after {
    left: 16px
  }
  .working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-content {
    margin-left: 0
  }
}
.working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .copy-to-all-container {
  align-self: start
}
.working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .copy-to-all-container button {
  max-width: 40px;
  width: 40px;
  min-width: auto;
  color: var(--color-border-section)
}
.working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .weekdays-container .copy-to-all-container {
  height: 100%;
  margin-left: 18px
}
.working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .weekdays-container .copy-to-all-container .copy-to-all-days-button {
  min-width: 40px;
  width: 40px
}
.working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .special-w-hours-container {
  margin-top: 28px;
  margin-bottom: 24px
}
.working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .special-w-hours-container .special-day-w-hours-container {
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex
}
@media (max-width:629px) {
  .working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .weekdays-container .copy-to-all-container {
    margin-left: -63px
  }
  .working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .weekdays-container .copy-to-all-container .copy-to-all-days-button {
    min-width: 32px;
    width: 32px;
    height: 32px
  }
  .working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .special-w-hours-container .special-day-w-hours-container {
    flex-direction: column;
    row-gap: 8px
  }
}
.working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .special-w-hours-container .special-day-w-hours-container label {
  line-height: 20px;
  margin-bottom: 0;
  width: 125px;
  font-weight: 600;
  font-size: 14px;
  color: var(--color-content-primary);
  text-align: end;
  padding-top: 0;
  padding-right: 4px
}
@media (max-width:629px) {
  .working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .special-w-hours-container .special-day-w-hours-container label {
    width: 100%;
    text-align: start
  }
}
.working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .special-w-hours-container .special-day-w-hours-container .special-w-h-days-container {
  display: flex;
  flex-direction: column;
  row-gap: 24px
}
.working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .special-w-hours-container .special-day-w-hours-container .special-w-h-days-container .splitted-date-multi-time-picker-container .date-error-container .date-error span {
  line-height: 120%
}
#working_hours .w-h-header span i, #working_hours .w-h-header span span, .notify-turnoff-during-wh-info span i, .notify-turnoff-during-wh-info span span {
  line-height: 14px
}
.working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h {
  margin-top: 24px;
  display: flex;
  align-items: center
}
.working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h label {
  width: 135px
}
.working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h .add-special {
  height: auto;
  padding-right: 8px
}
@media (max-width:629px) {
  .working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h label {
    display: none
  }
  .working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h .add-special {
    font-size: 12px
  }
  .working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .content-footer {
    font-size: 11px
  }
}
.working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h .help-button {
  margin: 0 !important
}
.working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h .entries-list-message-icon {
  margin-left: 8px;
  display: flex;
  background-color: var(--color-background-tertiary);
  height: 14px !important;
  width: 14px !important;
  border-radius: 100% !important
}
.working-hours-modal .modal-body .bootbox-body .main-body-wh .enabled-content_ .content-footer {
  margin-top: 26px
}
@media (max-width:629px) {
  .working-hours-modal .modal-body .bootstrap-datetimepicker-widget.dropdown-menu {
    width: 160px !important
  }
}
.working-hours-modal .modal-footer {
  margin-top: 0
}
.notify-turnoff-during-wh-info {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: rgba(242, 111, 38, .15);
  border-radius: 8px;
  padding: 8px 10px;
  margin-bottom: 24px
}
.notify-turnoff-during-wh-info span {
  color: var(--color-content-primary);
  font-size: 14px;
  display: flex;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px
}
.mass-email-notifications fieldset {
  display: flex;
  align-items: center
}
@media (max-width:767px) {
  .mass-email-notifications fieldset {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start
  }
}
.editor-container:focus-within {
  outline: 0
}
.custom-multi-select-editor {
  position: relative;
  width: 100%;
  max-width: 450px
}
.custom-multi-select-editor[disabled] {
  color: var(--color-content-tertiary);
  background-color: var(--color-background-primary);
  border-color: var(--color-border-default);
  pointer-events: none
}
.custom-multi-select-editor .dropdown-item {
  display: flex;
  flex-direction: column
}
.custom-multi-select-editor .search-input {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 36px;
  outline: 0;
  max-width: 410px !important;
  padding: 8px 25px 8px 16px !important;
  width: 100%;
  margin: 10px !important
}
.custom-multi-select-editor .selection-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background: var(--color-content-inverse);
  cursor: pointer;
  gap: 5px;
  border: 1px solid var(--color-border-default);
  border-radius: 4px;
  outline: 0;
  padding: 5px 4px 5px 15px;
  width: 100%;
  min-height: 44px;
  overflow-y: hidden
}
.custom-multi-select-editor .item-tag {
  background: var(--color-brand-subtle);
  padding: 5px 10px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  white-space: nowrap
}
.custom-multi-select-editor .item-tag button {
  background: 0 0;
  border: none;
  color: var(--color-content-secondary);
  font-weight: 700;
  margin-left: 5px;
  cursor: pointer
}
.custom-multi-select-editor .dropdown-container {
  display: none;
  position: relative;
  width: 100%;
  border-radius: 4px;
  overflow-y: auto;
  box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
  z-index: 1001;
  margin-bottom: 30px
}
.custom-multi-select-editor .dropdown-container.open {
  display: block
}
.custom-multi-select-editor .dropdown-list {
  list-style: none;
  padding: 0;
  margin: 0
}
.custom-multi-select-editor .dropdown-list li {
  padding: 8px;
  cursor: pointer
}
.custom-multi-select-editor .dropdown-list li:hover {
  background-color: var(--color-background-primary)
}
.custom-multi-select-editor .dropdown-list .item-info {
  justify-content: center;
  align-items: start;
  flex-direction: column;
  display: flex
}
.custom-multi-select-editor .dropdown-list input[type=checkbox] {
  min-width: 20px;
  height: 20px;
  cursor: pointer;
  margin-right: 10px;
  accent-color: color-mix(in srgb, var(--basic_branding), #000 10%)
}
.custom-multi-select-editor .dropdown-list .note {
  color: #d1d8de;
  display: flex;
  align-items: center;
  gap: 6px
}
#mass-working_hours .w-h-content .bulk-parent-wh-message, #mass-working_hours .w-h-content .w-h-set-msg, #working_hours .w-h-content .w-h-set-msg {
  display: flex;
  flex-direction: column;
  color: var(--color-content-primary)
}
#working_hours .w-h-header {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: rgba(242, 111, 38, .15);
  border-radius: 8px;
  padding: 8px 10px;
  margin-bottom: 24px
}
#working_hours .w-h-header span {
  color: var(--color-content-primary);
  font-size: 14px;
  display: flex;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px
}
#working_hours .w-h-content .working-hours-container {
  margin-left: 53px
}
@media (max-width:1140px) {
  #working_hours .w-h-content .working-hours-container {
    margin-left: 0
  }
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .toggle-editor, #working_hours .w-h-content .working-hours-container .global-w-h-container .toggle-editor {
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin-bottom: 16px
}
@media (max-width:1370px) {
  #working_hours .w-h-content .working-hours-container .custom-w-h-container .toggle-editor.w-h-status .toggle-el-container .lbl, #working_hours .w-h-content .working-hours-container .global-w-h-container .toggle-editor.w-h-status .toggle-el-container .lbl {
    min-height: 16px
  }
  #working_hours .w-h-content .working-hours-container .custom-w-h-container .toggle-editor.w-h-status .toggle-el-container .lbl:before, #working_hours .w-h-content .working-hours-container .global-w-h-container .toggle-editor.w-h-status .toggle-el-container .lbl:before {
    height: 15px;
    width: 32px;
    min-width: unset
  }
  #working_hours .w-h-content .working-hours-container .custom-w-h-container .toggle-editor.w-h-status .toggle-el-container .lbl:after, #working_hours .w-h-content .working-hours-container .global-w-h-container .toggle-editor.w-h-status .toggle-el-container .lbl:after {
    height: 18px;
    width: 17px
  }
  #working_hours .w-h-content .working-hours-container .custom-w-h-container .toggle-editor.w-h-status .toggle-el-container input[type=checkbox].custom-boolean-switch:checked + .lbl:after, #working_hours .w-h-content .working-hours-container .global-w-h-container .toggle-editor.w-h-status .toggle-el-container input[type=checkbox].custom-boolean-switch:checked + .lbl:after {
    left: 16px
  }
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .toggle-editor label, #working_hours .w-h-content .working-hours-container .global-w-h-container .toggle-editor label {
  font-weight: 600;
  font-size: 14px;
  color: var(--color-content-primary)
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .disabled-content_, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .disabled-content_ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .disabled-content_ img, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .disabled-content_ img {
  height: 210px;
  width: 210px;
  margin-bottom: 16px
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .disabled-content_ p, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .disabled-content_ p {
  font-weight: 400;
  font-size: 14px
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .disabled-content_ p:first-of-type, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .disabled-content_ p:first-of-type {
  font-weight: 700;
  font-size: 16px
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ [data-error=overlap].hidden, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ [data-error=overlap].hidden {
  display: none !important
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .checkbox-disabled, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .checkbox-disabled {
  margin-top: 4px
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .content-header, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .content-header {
  display: flex;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin-bottom: 16px
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .weekdays-container {
  display: flex
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px
}
@media (max-width:1370px) {
  #working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .content-header i, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .content-header i {
    align-self: baseline
  }
  #working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .content-header span, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .content-header span {
    font-size: 12px
  }
  #working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container {
    flex-direction: column;
    row-gap: 12px;
    margin-bottom: 12px
  }
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status {
  max-width: 125px;
  width: 125px;
  justify-content: end;
  margin-bottom: 0 !important;
  margin-top: 9px;
  align-self: start
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status label, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status label {
  margin-bottom: 0;
  padding-top: 0
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-content, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-content {
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-content .splitted-date-multi-time-picker-container .timepicker-disabled-content span, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-content .splitted-date-multi-time-picker-container .timepicker-disabled-content span {
  color: var(--color-content-tertiary)
}
@media (max-width:1370px) {
  #working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status {
    justify-content: start
  }
  #working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status .toggle-el-container input, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status .toggle-el-container input {
    height: 20px
  }
  #working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status .toggle-el-container .lbl, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status .toggle-el-container .lbl {
    min-height: 16px
  }
  #working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status .toggle-el-container .lbl:before, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status .toggle-el-container .lbl:before {
    height: 15px;
    width: 32px;
    min-width: unset
  }
  #working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status .toggle-el-container .lbl:after, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status .toggle-el-container .lbl:after {
    height: 18px;
    width: 17px
  }
  #working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status .toggle-el-container input[type=checkbox].custom-boolean-switch:checked + .lbl:after, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status .toggle-el-container input[type=checkbox].custom-boolean-switch:checked + .lbl:after {
    left: 16px
  }
  #working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-content, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-content {
    margin-left: 0
  }
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .copy-to-all-container, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .copy-to-all-container {
  align-self: start
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .copy-to-all-container button, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .copy-to-all-container button {
  max-width: 40px;
  width: 40px;
  min-width: auto;
  color: var(--color-border-section)
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .copy-to-all-container, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .weekdays-container .copy-to-all-container {
  height: 100%;
  margin-left: 18px
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .copy-to-all-container .copy-to-all-days-button, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .weekdays-container .copy-to-all-container .copy-to-all-days-button {
  min-width: 40px;
  width: 40px
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container {
  margin-top: 28px;
  margin-bottom: 24px
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .special-day-w-hours-container, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .special-day-w-hours-container {
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex
}
@media (max-width:1370px) {
  #working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .copy-to-all-container, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .weekdays-container .copy-to-all-container {
    margin-left: -63px
  }
  #working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .copy-to-all-container .copy-to-all-days-button, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .weekdays-container .copy-to-all-container .copy-to-all-days-button {
    min-width: 32px;
    width: 32px;
    height: 32px
  }
  #working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .special-day-w-hours-container, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .special-day-w-hours-container {
    flex-direction: column;
    row-gap: 8px
  }
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .special-day-w-hours-container label, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .special-day-w-hours-container label {
  line-height: 20px;
  margin-bottom: 0;
  width: 125px;
  font-weight: 600;
  font-size: 14px;
  color: var(--color-content-primary);
  text-align: end;
  padding-top: 0;
  padding-right: 4px
}
@media (max-width:1370px) {
  #working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .special-day-w-hours-container label, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .special-day-w-hours-container label {
    width: 100%;
    text-align: start
  }
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .special-day-w-hours-container .special-w-h-days-container, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .special-day-w-hours-container .special-w-h-days-container {
  display: flex;
  flex-direction: column;
  row-gap: 24px
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .special-day-w-hours-container .special-w-h-days-container .splitted-date-multi-time-picker-container .date-error-container .date-error span, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .special-day-w-hours-container .special-w-h-days-container .splitted-date-multi-time-picker-container .date-error-container .date-error span {
  line-height: 120%
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h {
  margin-top: 24px;
  display: flex;
  align-items: center
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h label, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h label {
  width: 135px
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h .add-special, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h .add-special {
  height: auto;
  padding-right: 8px
}
@media (max-width:1370px) {
  #working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h label, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h label {
    display: none
  }
  #working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h .add-special, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h .add-special {
    font-size: 12px
  }
  #working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .content-footer, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .content-footer {
    font-size: 11px
  }
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h .help-button, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h .help-button {
  margin: 0 !important
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h .entries-list-message-icon, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h .entries-list-message-icon {
  margin-left: 8px;
  display: flex;
  background-color: var(--color-background-tertiary);
  height: 14px !important;
  width: 14px !important;
  border-radius: 100% !important
}
#working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .content-footer, #working_hours .w-h-content .working-hours-container .global-w-h-container .main-body-wh .enabled-content_ .content-footer {
  margin-top: 26px
}
#working_hours .w-h-content .select2container .select2-container {
  max-width: 284px !important
}
#working_hours .w-h-footer {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  margin-top: 60px
}
#working_hours .w-h-footer .flexibility-msg {
  font-weight: 600;
  color: var(--color-content-primary)
}
#mass-working_hours .form-group {
  margin-bottom: 10px
}
#mass-working_hours .w-h-header {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 8px;
  padding: 8px 10px;
  background-color: transparent !important;
  margin-bottom: 16px !important
}
#mass-working_hours .w-h-header span {
  color: var(--color-content-primary);
  font-size: 14px;
  display: flex;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px
}
#mass-working_hours .w-h-header span i, #mass-working_hours .w-h-header span span {
  line-height: 14px
}
#mass-working_hours .help-inline label.middle .lbl {
  margin-left: 8px
}
#mass-working_hours .w-h-content .form-group.tooltip-help {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  -webkit-column-gap: 8.5px;
  -moz-column-gap: 8.5px;
  column-gap: 8.5px;
  margin-bottom: 16px
}
#mass-working_hours .w-h-content .form-group.tooltip-help label.control-label {
  white-space: nowrap;
  flex-shrink: 0;
  margin-bottom: 0
}
#mass-working_hours .w-h-content .form-group.tooltip-help label.control-label .help-button {
  margin-left: 5px !important;
  margin-right: 5px !important
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .checkbox-disabled .checkbox-container .middle .lbl::before, #mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status .toggle-el-container {
  margin-right: 8px
}
#mass-working_hours .w-h-content .form-group.tooltip-help .select2container {
  flex: 0 0 284px;
  max-width: 284px !important
}
#mass-working_hours .w-h-content .form-group.tooltip-help .select2container .select2-container {
  max-width: 284px !important
}
#mass-working_hours .w-h-content .form-group.tooltip-help .bulk-parent-wh-message {
  flex-basis: 100%;
  padding-left: 148px;
  margin-top: 8px
}
#mass-working_hours .w-h-content .working-hours-container {
  margin-left: 0
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .toggle-editor {
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin-bottom: 16px
}
@media (max-width:629px) {
  #mass-working_hours .w-h-content .form-group.tooltip-help {
    flex-direction: column;
    align-items: flex-start
  }
  #mass-working_hours .w-h-content .form-group.tooltip-help .select2container {
    flex: 1 1 auto;
    width: 100%;
    max-width: 100% !important
  }
  #mass-working_hours .w-h-content .form-group.tooltip-help .select2container .select2-container {
    max-width: 100% !important;
    width: 100% !important
  }
  #mass-working_hours .w-h-content .form-group.tooltip-help .bulk-parent-wh-message {
    padding-left: 0
  }
  #mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .toggle-editor.w-h-status .toggle-el-container .lbl {
    min-height: 16px
  }
  #mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .toggle-editor.w-h-status .toggle-el-container .lbl:before {
    height: 15px;
    width: 32px;
    min-width: unset
  }
  #mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .toggle-editor.w-h-status .toggle-el-container .lbl:after {
    height: 18px;
    width: 17px
  }
  #mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .toggle-editor.w-h-status .toggle-el-container input[type=checkbox].custom-boolean-switch:checked + .lbl:after {
    left: 16px
  }
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .toggle-editor label {
  font-weight: 600;
  font-size: 14px;
  color: var(--color-content-primary)
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .disabled-content_ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .disabled-content_ img {
  height: 210px;
  width: 210px;
  margin-bottom: 16px
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .disabled-content_ p {
  font-weight: 400;
  font-size: 14px
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .disabled-content_ p:first-of-type {
  font-weight: 700;
  font-size: 16px
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ [data-error=overlap].hidden {
  display: none !important
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .checkbox-disabled {
  margin-top: 4px
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .content-header {
  display: flex;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin-bottom: 16px
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container {
  display: flex
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container {
  display: flex;
  align-items: center
}
@media (max-width:629px) {
  #mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .content-header i {
    align-self: baseline
  }
  #mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .content-header span {
    font-size: 12px
  }
  #mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container {
    flex-direction: column;
    row-gap: 12px;
    margin-bottom: 12px
  }
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status {
  max-width: 125px;
  width: 125px;
  justify-content: end;
  margin-bottom: 0 !important;
  align-self: start
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status label {
  margin-bottom: 0;
  padding-top: 0
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-content {
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-content .splitted-date-multi-time-picker-container .timepicker-disabled-content span {
  color: var(--color-content-tertiary)
}
@media (max-width:629px) {
  #mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status {
    justify-content: start
  }
  #mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status .toggle-el-container input {
    height: 20px
  }
  #mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status .toggle-el-container .lbl {
    min-height: 16px
  }
  #mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status .toggle-el-container .lbl:before {
    height: 15px;
    width: 32px;
    min-width: unset
  }
  #mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status .toggle-el-container .lbl:after {
    height: 18px;
    width: 17px
  }
  #mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status .toggle-el-container input[type=checkbox].custom-boolean-switch:checked + .lbl:after {
    left: 16px
  }
  #mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-content {
    margin-left: 0
  }
  #mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .copy-to-all-container {
    margin-left: -63px
  }
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .copy-to-all-container {
  align-self: start
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .copy-to-all-container button {
  max-width: 40px;
  width: 40px;
  min-width: auto;
  color: var(--color-border-section)
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .copy-to-all-container {
  height: 100%
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .copy-to-all-container .copy-to-all-days-button {
  min-width: 40px;
  width: 40px
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container {
  margin-top: 28px;
  margin-bottom: 24px
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .special-day-w-hours-container {
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex
}
@media (max-width:629px) {
  #mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .copy-to-all-container .copy-to-all-days-button {
    min-width: 32px;
    width: 32px;
    height: 32px
  }
  #mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .special-day-w-hours-container {
    flex-direction: column;
    row-gap: 8px
  }
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .special-day-w-hours-container label {
  line-height: 20px;
  margin-bottom: 0;
  width: 125px;
  font-weight: 600;
  font-size: 14px;
  color: var(--color-content-primary);
  text-align: end;
  padding-top: 0;
  padding-right: 4px
}
@media (max-width:629px) {
  #mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .special-day-w-hours-container label {
    width: 100%;
    text-align: start
  }
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .special-day-w-hours-container .special-w-h-days-container {
  display: flex;
  flex-direction: column;
  row-gap: 24px
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .special-day-w-hours-container .special-w-h-days-container .splitted-date-multi-time-picker-container .date-error-container .date-error span {
  line-height: 120%
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h {
  display: flex;
  align-items: center
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h label {
  width: 135px
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h .add-special {
  height: auto;
  padding-right: 8px
}
@media (max-width:629px) {
  #mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h label {
    display: none
  }
  #mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h .add-special {
    font-size: 12px
  }
  #mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .content-footer {
    font-size: 11px
  }
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h .help-button {
  margin: 0 !important
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h .entries-list-message-icon {
  margin-left: 8px;
  display: flex;
  background-color: var(--color-background-tertiary);
  height: 14px !important;
  width: 14px !important;
  border-radius: 100% !important
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .content-footer {
  margin-top: 26px
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container {
  margin-bottom: 12px;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .days-hours-container .day-hours-container .w-h-day-status {
  margin-top: 4px
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .weekdays-container .copy-to-all-container {
  margin-left: 8px
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container {
  margin-block: 12px
}
#mass-working_hours .w-h-content .working-hours-container .custom-w-h-container .main-body-wh .enabled-content_ .special-w-hours-container .add-special-w-h {
  margin-top: 12px
}
#map-tab-content .gm-style-iw-d > div {
  color: #000
}
@media (max-width:1260px) and (min-width:766px) {
  .actions-group {
    margin-top: 0 !important
  }
}
.monitors-list-divs {
  display: flex;
  flex-direction: row;
  color: var(--color-content-primary);
  gap: 16px
}
.monitors-list-divs > div {
  display: flex;
  flex-direction: column;
  width: 399px;
  min-height: 189px;
  height: auto;
  position: relative;
  padding: 24px;
  justify-content: space-between
}
.monitors-list-divs #free-player-header, .monitors-list-divs #own-rpi-header, .monitors-list-divs #purchase-header {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: var(--color-content-primary)
}
.monitors-list-divs #free-box-text, .monitors-list-divs #own-rpi-box-text, .monitors-list-divs #purchase-box-text {
  color: var(--color-content-primary);
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  margin: 8px 0
}
.monitors-list-divs #change-sub-btn, .monitors-list-divs #own-rpi-footer, .monitors-list-divs #purchase-player-btn {
  display: flex;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content
}
.monitors-list-divs #change-sub-btn, .monitors-list-divs #purchase-player-btn {
  width: 100%;
  max-width: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0 !important
}
.monitors-list-divs #change-sub-btn .monetization-crown, .monitors-list-divs #purchase-player-btn .monetization-crown {
  position: static !important;
  -webkit-transform: none !important;
  transform: none !important
}
.monitors-list-divs #free-player-section {
  background-color: var(--free-player-section);
  overflow: hidden;
  border-radius: 8px
}
.monitors-list-divs #free-player-section .recommended-box {
  background-color: var(--recommended-box);
  border-radius: 20px;
  height: 24px;
  margin: 8px 30px 0 -4px
}
.monitors-list-divs #free-player-section .recommended-box-text {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  padding: 4px 0 4px 10px
}
.monitors-list-divs #free-player-section .recommended-box-image {
  float: right;
  width: 89px;
  height: 49px;
  margin: -25px
}
.monitors-list-divs #purchase-section {
  background-color: var(--purchase-section);
  overflow: hidden;
  border-radius: 8px
}
.monitors-list-divs #own-rpi-section {
  background-color: var(--own-rpi-section);
  overflow: hidden;
  border-radius: 8px
}
.monitors-list-divs #own-rpi-section #own-rpi-footer {
  max-width: unset;
  align-items: center;
  justify-content: space-between
}
.monitors-list-divs #own-rpi-section #own-rpi-footer svg.player-icon {
  height: 24px;
  width: 24px;
  margin-right: 12px
}
.monitors-list-divs #own-rpi-section #own-rpi-footer > .icon {
  color: var(--color-content-primary);
  height: 27px;
  font-size: 27px
}
.monitors-list-divs #own-rpi-section .add-on-flag {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  border-radius: 0 8px;
  border: 1px solid var(--color-border-focus);
  background: var(--color-background-warning-subtle);
  color: var(--basic_branding)
}
.monitors-list-divs #own-rpi-section a {
  max-width: 220px
}
.monitors-list-divs .embed-player-awareness-card {
  position: relative;
  justify-content: flex-start;
  row-gap: 16px;
  background-color: var(--embed-player-awareness-card);
  overflow: hidden;
  border-radius: 8px
}
.monitors-list-divs .embed-player-awareness-card .add-on-flag {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  border-radius: 0 8px;
  border: 1px solid var(--color-border-focus);
  background: var(--color-background-secondary);
  color: var(--basic_branding)
}
.monitors-list-divs .embed-player-awareness-card a {
  margin-top: auto;
  text-wrap: nowrap;
  max-width: 220px
}
.monitors-list-container {
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 0
}
@media (max-width:1265px) {
  .monitors-list-divs {
    grid-gap: 12px
  }
  .monitors-list-divs > div {
    width: 299px
  }
  .monitors-list-divs .recommended-box-image {
    width: 65px;
    height: 36px;
    margin-top: -10px
  }
  .monitors-list-divs #own-rpi-footer > .icon {
    height: 24px;
    font-size: 24px;
    margin-right: 12px
  }
  .monitors-list-divs #free-player-header, .monitors-list-divs #own-rpi-header, .monitors-list-divs #purchase-header {
    font-size: 15px
  }
}
@media (max-width:800px) {
  .monitors-list-divs {
    flex-direction: column;
    gap: 16px
  }
  .monitors-list-divs > div {
    max-width: 331px;
    width: auto
  }
  .monitors-list-divs #free-player-header, .monitors-list-divs #own-rpi-header, .monitors-list-divs #purchase-header {
    font-size: 16px
  }
  .monitors-list-divs .recommended-box-image {
    width: 89px;
    height: 49px;
    margin: -25px
  }
}
.trial-upsell-banner {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 100%;
  margin-bottom: 40px;
  padding: 16px;
  border-radius: 8px;
  background: var(--color-background-inverse);
  border: 1px dashed var(--color-border-hover)
}
.trial-upsell-banner:hover {
  background: var(--color-background-tertiary);
  border-color: var(--color-border-focus)
}
.trial-upsell-banner .banner-content {
  display: flex;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px
}
.trial-upsell-banner .banner-content img {
  max-width: 60px
}
.trial-upsell-banner .banner-content .text {
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  row-gap: 4px
}
.trial-upsell-banner .banner-content .text .title {
  margin: 0;
  color: var(--color-content-primary)
}
.trial-upsell-banner .banner-content .text .subtitle {
  max-width: 80%;
  margin: 0;
  color: var(--color-content-secondary)
}
.trial-upsell-banner .buttons {
  display: flex;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  text-wrap: nowrap
}
@media (max-width:629px) {
  .trial-upsell-banner {
    flex-direction: column;
    row-gap: 12px
  }
  .trial-upsell-banner .banner-content .text .subtitle {
    max-width: 100%
  }
  .trial-upsell-banner .maybe-later, .trial-upsell-banner img {
    display: none
  }
  .trial-upsell-banner .buttons, .trial-upsell-banner .start-trial {
    width: 100%
  }
}
@media (min-width:992px) {
  #device_collection_views_container:has(.custom-tabs-list) .action-buttons-sibling {
    margin-top: 22px
  }
  #device_collection_views_container:has(.custom-tabs-list) .dataTables_filter {
    top: 10px
  }
  #device_collection_views_container:has(.custom-tabs-list) .after-reverse-trial-banner {
    margin-bottom: 8px
  }
}
#embedPlayerList {
  display: none
}
#embedPlayerList .table-header {
  margin-top: 0
}
#embedPlayerList .table-header .num_of_items_container {
  position: absolute;
  margin-top: 50px;
  display: flex;
  align-items: center;
  z-index: 998
}
#embedPlayerList .table-header .num_of_items_container .tooltip-inner {
  -webkit-transform: translateX(14px);
  transform: translateX(14px)
}
#embedPlayerList .table-header .listing-breadcrumb-all, #embedPlayerList .table-header .listing-breadcrumb-path, #embedPlayerList .table-header .searching_dots {
  position: absolute;
  margin-top: 50px
}
#embedPlayerList .table-header .widget-toolbar {
  width: 100%;
  justify-content: flex-start;
  align-items: flex-end;
  flex-direction: column;
  display: flex;
  row-gap: 8px
}
#embedPlayerList .table-header .widget-toolbar .custom-search-container {
  margin-right: auto
}
#embedPlayerList .table-header .widget-toolbar .custom-search-container .dataTables_filter.custom-search {
  top: unset;
  display: flex
}
#embedPlayerList .table-header .widget-toolbar .custom-search-container .dataTables_filter.custom-search label::-webkit-scrollbar-track, #embedPlayerList .table-header .widget-toolbar .custom-search-container .dataTables_filter.custom-search label::after, #embedPlayerList .table-header .widget-toolbar .custom-search-container .dataTables_filter.custom-search label::before {
  display: none
}
#embedPlayerList .table-header .widget-toolbar .custom-search-container .dataTables_filter.custom-search label input[type=search] {
  border: 1px solid var(--color-border-default);
  align-items: center;
  overflow: hidden
}
#embedPlayerList .table-header .widget-toolbar .custom-search-container .dataTables_filter.custom-search label input[type=search].opened {
  padding-left: 15px !important;
  width: 100% !important;
  padding-right: 70px !important;
  border: 1px solid var(--color-border-default)
}
#embedPlayerList .table-header .widget-toolbar .custom-search-container .dataTables_filter.custom-search .clear_search {
  line-height: normal
}
#embedPlayerList .table-header .widget-toolbar .custom-search-container .dataTables_filter.custom-search .clear_search::after {
  margin-bottom: 0
}
#embedPlayerList .table-header .widget-toolbar .custom-search-container .dataTables_filter.custom-search .search_magnifying_glass {
  align-self: center;
  margin-top: 0
}
#embedPlayerList .table-header .widget-toolbar .widget-toolbar-row-container {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px
}
#embedPlayerList .table-header .widget-toolbar .widget-toolbar-row-container .separator {
  content: '';
  width: 1px;
  height: 20px;
  background: var(--color-border-default)
}
#embedPlayerList .table-header .widget-toolbar .widget-toolbar-row-container .views-container {
  height: 40px;
  padding: 4px;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  border-radius: 8px;
  border: 1px solid var(--color-border-section);
  background: var(--color-background-secondary);
  text-wrap: nowrap
}
#embedPlayerList .table-header .widget-toolbar .widget-toolbar-row-container .views-container > div {
  padding: 8px 14px
}
#embedPlayerList .table-header .widget-toolbar .widget-toolbar-row-container .views-container > div span:first-child {
  color: var(--color-content-secondary)
}
#embedPlayerList .table-header .widget-toolbar .widget-toolbar-row-container .views-container > div.view-limit {
  border-right: 2px solid var(--color-border-default)
}
#embedPlayerList .table-header .widget-toolbar .widget-toolbar-row-container .views-container > div.view-limit > span:first-child {
  color: var(--color-content-tertiary)
}
#embedPlayerList .table-header .widget-toolbar .widget-toolbar-row-container .views-container .views-limit-secondary-container > a:not(.limit-reached) {
  color: var(--color-content-secondary)
}
#embedPlayerList .table-header .widget-toolbar .widget-toolbar-row-container .views-container .views-limit-secondary-container > a.limit-reached {
  color: var(--color-content-negative)
}
#embedPlayerList .table-header .widget-toolbar .widget-toolbar-row-container .views-container .views-limit-secondary-container > a.limit-reached > span {
  color: inherit
}
#embedPlayerList .table-header .widget-toolbar .widget-toolbar-row-container .views-container .views-limit-secondary-container > a:not(:has(.feeds-secondary-icon)) {
  text-decoration: underline
}
#embedPlayerList .table-header .widget-toolbar .widget-toolbar-row-container .views-container .views-limit-secondary-container .feeds-secondary-icon {
  display: block
}
#embedPlayerList .table-header .widget-toolbar .widget-toolbar-row-container .views-container .monthly-views-current {
  color: var(--color-content-secondary)
}
#embedPlayerList .table-header .widget-toolbar .widget-toolbar-row-container .views-container .monthly-views-current.exceeded {
  color: var(--color-content-negative)
}
#embedPlayerList .table-header .widget-toolbar .widget-toolbar-row-container .reload {
  min-width: 40px;
  height: 40px;
  padding: 7px
}
#embedPlayerList .dataTable th.sorting:hover, #embedPlayerList .dataTable th.sorting_asc:after {
  color: var(--color-content-secondary) !important
}
#embedPlayerList .empty-state {
  width: 100%;
  padding: 40px;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  display: flex;
  row-gap: 32px;
  text-align: center
}
#embedPlayerList .empty-state p {
  margin: 0
}
#embedPlayerList .empty-state img {
  max-width: 100%
}
#embedPlayerList .empty-state .subtitle {
  max-width: min(100%, 650px);
  color: var(--color-content-secondary)
}
#embedPlayerList .empty-state .buttons {
  display: flex;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px
}
#embedPlayerList .empty-state .embed-players-freemium-banner {
  width: 100%;
  text-align: center;
  color: #2f5a8f
}
#embedPlayerList .action-buttons-flat-view {
  background: var(--color-background-primary)
}
@media (max-width:991px) {
  #embedPlayerList .table-header .listing-breadcrumb-all, #embedPlayerList .table-header .listing-breadcrumb-path, #embedPlayerList .table-header > .widget-toolbar > .embed-player-list-notification-container {
    display: none
  }
  #embedPlayerList .table-header {
    margin-bottom: 16px;
    border: none
  }
  #embedPlayerList .table-header .num_of_items_container {
    margin-top: 72px
  }
  #embedPlayerList .table-header .widget-toolbar {
    flex-direction: row;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    bottom: unset
  }
  #embedPlayerList .table-header .widget-toolbar .custom-search:not(.opened) input {
    padding-left: 40px
  }
  #embedPlayerList #mainTable .dataTables_wrapper .row:first-child {
    padding-bottom: 0
  }
  #embedPlayerList #mainTable .dataTables_wrapper thead {
    background: var(--color-background-tertiary)
  }
  #embedPlayerList #mainTable .dataTables_wrapper thead th.actions {
    visibility: visible
  }
}
.screens-list-views-toggles {
  max-width: 450px;
  padding: 4px 6px;
  margin-bottom: 12px;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  border-radius: 12px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-tertiary);
  list-style: none
}
.screens-list-views-toggles .screens-list-views-toggle {
  width: 100%;
  padding: 6px 16px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  border-radius: 8px;
  border: 1px solid transparent;
  text-align: center;
  color: var(--color-content-secondary);
  cursor: pointer
}
.screens-list-views-toggles .screens-list-views-toggle.active {
  border-color: var(--color-border-default);
  background: var(--color-background-inverse);
  box-shadow: 0 1px 1px 0 var(--color-border-default);
  color: var(--color-content-primary)
}
.screens-list-views-toggles .screens-list-views-toggle .new-flag {
  padding: 2px 4px;
  border-radius: 4px;
  border: 1px solid var(--color-border-notice);
  color: var(--color-content-notice)
}
.screens-list-views-toggles .screens-list-views-toggle .tab-icon {
  display: none
}
@media (max-width:769px) {
  #embedPlayerList .table-header .widget-toolbar {
    width: 100%;
    justify-content: flex-end
  }
  #embedPlayerList .table-header .widget-toolbar .dataTables_filter.custom-search {
    margin-right: auto;
    order: -1
  }
  #embedPlayerList .table-header .widget-toolbar .views-container > div {
    padding: 8px !important
  }
  #embedPlayerList .table-header .widget-toolbar .separator {
    display: none
  }
}
@media (max-width:470px) {
  #embedPlayerList .table-header .widget-toolbar {
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    display: flex
  }
  #body:has(#main-container .custom-tabs-list) #breadcrumbs {
    width: unset;
    position: relative;
    margin-bottom: 0 !important
  }
  #body:has(#main-container .custom-tabs-list) #breadcrumbs > ul.breadcrumb.is-list-view {
    position: absolute;
    top: 28px
  }
}
.device-logos {
  display: flex;
  align-items: center;
  gap: 16px
}
.device-logo {
  display: inline-block;
  background: #92959e;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-mask: none;
  mask: none
}
.device-logo--sharp, .device-logo--sony {
  background-color: #92959e;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center
}
.device-logo--sharp {
  width: 58px;
  height: 25px;
  -webkit-mask: url(../images/sharp_logo.png) center/contain no-repeat;
  mask: url(../images/sharp_logo.png) center/contain no-repeat;
  background-image: url(../images/sharp_logo.png)
}
.device-logo--sony {
  width: 50px;
  height: 8.8px;
  -webkit-mask: url(../images/sony_logo.png) center/contain no-repeat;
  mask: url(../images/sony_logo.png) center/contain no-repeat;
  background-image: url(../images/sony_logo.png)
}
.deactivation-banner {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 12px;
  padding: 12px 16px;
  background-color: var(--color-background-notice-subtle);
  border: 1px solid var(--color-background-notice);
  border-radius: 8px;
  margin-bottom: 24px
}
.deactivation-banner > .deactivation-banner-content {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 8px
}
.deactivation-banner > .deactivation-banner-content .error-icon {
  color: var(--color-background-notice)
}
.deactivation-banner > button {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  border: none;
  background-color: transparent;
  cursor: pointer
}
.deactivation-banner > button:focus {
  border: none
}
@media (max-width:991px) {
  .deactivation-banner {
    margin-bottom: 16px;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
    display: flex
  }
  .deactivation-banner > .deactivation-banner-content {
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    display: flex
  }
}
.dropdown_menu {
  box-shadow: 0 2px 13px rgba(0, 0, 0, .15);
  border: var(--border);
  border-radius: 5px !important;
  padding: 10px 8px
}
.dropdown_menu li:active, .dropdown_menu li:focus, .dropdown_menu li:hover {
  background-color: var(--color-background-primary);
  border-radius: 4px
}
.dropdown_menu li.disabled-item {
  opacity: .4;
  pointer-events: none
}
.dropdown_menu li.disabled-item:hover {
  background-color: transparent
}
.dropdown_menu li.disabled-item:focus {
  outline: 0
}
.dropdown_menu li > a {
  color: var(--color-content-primary);
  padding: 0 8px
}
.dropdown_menu li > a:active, .dropdown_menu li > a:focus {
  outline: 0;
  background-color: var(--color-background-primary);
  color: var(--color-content-primary)
}
.dropdown_menu li > a > i {
  margin-right: 8px;
  font-size: 16px
}
.dropdown_menu li > a > i.edit {
  font-size: 14px
}
.dropdown_menu li > a.red-item {
  color: var(--color-content-negative)
}
.dropdown_menu li:not(:last-child) > a {
  margin-bottom: 10px
}
.actions-drop-down.disabled-item {
  opacity: .4;
  pointer-events: none
}
.actions-drop-down.disabled-item:hover {
  background-color: transparent
}
.actions-drop-down.disabled-item:focus {
  outline: 0
}
.dropup .dropdown_menu {
  margin-bottom: 8px !important
}
@media (max-width:991px) {
  .dropdown_menu {
    padding: 14px 8px
  }
}
.wifi-select2-dropdown {
  top: -46px;
  border-radius: 4px !important
}
.wifi-select2-dropdown .select2-search--dropdown {
  padding: 0
}
.wifi-select2-dropdown .select2-search input.select2-search__field {
  height: 46px;
  color: var(--color-content-primary);
  border: 1px solid var(--color-border-section);
  border-radius: 4px !important
}
.wifi-select2-dropdown .select2-search:after {
  content: unset
}
.wifi-select2-dropdown .select2-results__option {
  padding: 12px 16px;
  color: var(--color-content-primary);
  border-bottom: 1px solid var(--color-brand-subtle-hover)
}
.wifi-select2-dropdown .select2-results__option.select2-results__option--highlighted {
  box-shadow: inset 2px 0 0 0 var(--basic_branding);
  background-color: var(--color-brand-subtle)
}
.wifi-select2-dropdown .select2-results__option .wifi-selection {
  display: inline-flex;
  justify-content: space-between;
  width: 100%
}
.wifi-select2-dropdown .select2-results__option .wifi-selection .wifi-name {
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.wifi-select2-dropdown .select2-results__option .wifi-selection .player-name-container {
  color: var(--color-content-secondary);
  white-space: nowrap;
  width: 50%
}
.wifi-select2-dropdown .select2-results__option .wifi-selection .player-name-container .extra-players {
  padding: 2px 8px;
  border-radius: 4px;
  color: var(--color-content-tertiary);
  background: var(--color-brand-subtle);
  border: 1px solid var(--color-border-section);
  margin-right: 4px;
  float: right
}
.wifi-select2-dropdown .select2-results__option .wifi-selection .player-name-container .player-name {
  float: right;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}
html ::-webkit-scrollbar {
  width: 12px
}
html ::-webkit-scrollbar-track {
  background: 0 0
}
html ::-webkit-scrollbar-thumb {
  background: var(--color-brand-subtle);
  border-radius: 20px
}
html ::-webkit-scrollbar-thumb:hover {
  background: var(--color-brand-subtle-hover)
}
.custom-boolean-switch {
  opacity: 0;
  position: absolute;
  margin: 0 !important;
  z-index: 12;
  cursor: pointer;
  width: 40px;
  height: 24px
}
.custom-boolean-switch:checked + .lbl:before {
  color: #fff !important;
  background-color: var(--basic_branding) !important
}
.custom-boolean-switch:checked + .lbl:after {
  background-color: #fff !important;
  color: var(--basic_branding) !important;
  left: 20px
}
.custom-boolean-switch + .lbl {
  min-height: 21px;
  position: relative;
  z-index: 11;
  display: inline-flex;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  margin: 0;
  min-width: 18px
}
.custom-boolean-switch + .lbl:before {
  content: ' ';
  display: inline-block;
  background-color: var(--color-background-tertiary);
  border: var(--color-background-tertiary);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);
  width: 40px;
  height: 20px;
  border-radius: 12px;
  transition: text-indent .4s ease;
  min-width: 40px
}
.custom-boolean-switch + .lbl:after {
  content: ' ';
  height: 24px;
  width: 24px;
  left: 0;
  box-shadow: 0 1px 8px rgba(0, 0, 0, .16);
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  top: -2px;
  transition: left .4s ease
}
.boolean-switch-wrapper {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  padding: 16px
}
input[type=checkbox].custom-checkbox, input[type=radio].custom-radio {
  opacity: 0;
  position: absolute;
  z-index: 12;
  width: 18px;
  height: 18px;
  cursor: pointer;
  float: none;
  margin: 0
}
input[type=checkbox].custom-checkbox.vertical-reverse + .lbl, input[type=radio].custom-radio.vertical-reverse + .lbl {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 4px
}
input[type=checkbox].custom-checkbox + .lbl::before, input[type=radio].custom-radio + .lbl::before {
  font-family: FontAwesome;
  content: '\f111';
  border-radius: 100%;
  font-size: 11px;
  border: 1px solid var(--color-border-default);
  text-align: center;
  vertical-align: middle;
  line-height: 14px;
  min-width: 16px;
  margin-right: 1px;
  color: var(--color-background-inverse);
  display: inline-block
}
input[type=checkbox].custom-checkbox:checked + .lbl::before, input[type=radio].custom-radio:checked + .lbl::before {
  color: var(--basic_branding)
}
input[type=checkbox].custom-checkbox + .lbl::before {
  height: 16px;
  width: 16px;
  border-radius: 4px;
  background-color: var(--color-background-inverse);
  color: var(--color-background-inverse)
}
input[type=checkbox].custom-checkbox:checked + .lbl:before {
  font-family: fontAwesome;
  content: '\f00c'
}
input[type=radio].custom-radio + .lbl:before {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: inline-flex;
  width: 20px;
  height: 20px
}
select option:hover {
  background-color: var(--color-background-tertiary)
}
.select2 [aria-selected=true], .select2-container [aria-selected=true], .select2-container--above [aria-selected=true], .select2-container--bootstrap [aria-selected=true] {
  display: none
}
.select2-container--above.read-only, .select2-container--bootstrap.read-only, .select2-container.read-only, .select2.read-only {
  pointer-events: none;
  touch-action: none
}
.select2-container--above.read-only .select2-selection, .select2-container--bootstrap.read-only .select2-selection, .select2-container.read-only .select2-selection, .select2.read-only .select2-selection {
  color: var(--color-content-disabled) !important;
  background-color: var(--color-background-secondary-subtle) !important;
  border-color: var(--color-border-default) !important;
  opacity: 1 !important;
  pointer-events: none
}
.select2-container--above.read-only .select2-selection:focus, .select2-container--bootstrap.read-only .select2-selection:focus, .select2-container.read-only .select2-selection:focus, .select2.read-only .select2-selection:focus {
  outline: 0;
  border: var(--color-border-default) !important
}
.select2-container--above.select2-container--disabled, .select2-container--above.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled, .select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container.select2-container--disabled, .select2-container.select2-container--disabled .select2-selection, .select2.select2-container--disabled, .select2.select2-container--disabled .select2-selection {
  background-color: transparent
}
.select2 .select2-selection, .select2-container .select2-selection, .select2-container--above .select2-selection, .select2-container--bootstrap .select2-selection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--color-background-inverse);
  color: var(--color-content-primary);
  border: 1px solid var(--color-border-default);
  border-radius: 4px;
  outline: 0;
  padding: 5px 4px 5px 15px;
  height: 44px;
  width: 100%;
  max-width: 100%;
  line-height: 34px;
  box-shadow: none;
  transition: none
}
.select2 .select2-selection:hover, .select2-container .select2-selection:hover, .select2-container--above .select2-selection:hover, .select2-container--bootstrap .select2-selection:hover {
  border-color: var(--color-border-hover);
  box-shadow: none
}
.select2 .select2-selection:focus, .select2-container .select2-selection:focus, .select2-container--above .select2-selection:focus, .select2-container--bootstrap .select2-selection:focus {
  border-color: var(--color-border-focus);
  box-shadow: none
}
.select2 .select2-selection.select2-selection--multiple, .select2-container .select2-selection.select2-selection--multiple, .select2-container--above .select2-selection.select2-selection--multiple, .select2-container--bootstrap .select2-selection.select2-selection--multiple {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content
}
.select2 .select2-selection .select2-selection__arrow, .select2-container .select2-selection .select2-selection__arrow, .select2-container--above .select2-selection .select2-selection__arrow, .select2-container--bootstrap .select2-selection .select2-selection__arrow {
  display: flex;
  align-items: center
}
.select2 .select2-selection .select2-selection__arrow:before, .select2-container .select2-selection .select2-selection__arrow:before, .select2-container--above .select2-selection .select2-selection__arrow:before, .select2-container--bootstrap .select2-selection .select2-selection__arrow:before {
  content: '\e91d';
  font-size: 16px;
  font-family: ds-app-font;
  color: var(--color-content-primary);
  rotate: 180deg;
  margin-left: -20px
}
.select2 .select2-selection .select2-selection__arrow b, .select2-container .select2-selection .select2-selection__arrow b, .select2-container--above .select2-selection .select2-selection__arrow b, .select2-container--bootstrap .select2-selection .select2-selection__arrow b {
  display: none
}
.select2 .select2-selection .select2-selection__rendered, .select2-container .select2-selection .select2-selection__rendered, .select2-container--above .select2-selection .select2-selection__rendered, .select2-container--bootstrap .select2-selection .select2-selection__rendered {
  display: flex;
  align-items: center;
  flex-flow: wrap;
  box-shadow: none;
  transition: none;
  line-height: 34px;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-content-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.select2 .select2-selection .select2-selection__rendered .select2-search--inline, .select2 .select2-selection .select2-selection__rendered .select2-search--inline .select2-search__field, .select2-container .select2-selection .select2-selection__rendered .select2-search--inline, .select2-container .select2-selection .select2-selection__rendered .select2-search--inline .select2-search__field, .select2-container--above .select2-selection .select2-selection__rendered .select2-search--inline, .select2-container--above .select2-selection .select2-selection__rendered .select2-search--inline .select2-search__field, .select2-container--bootstrap .select2-selection .select2-selection__rendered .select2-search--inline, .select2-container--bootstrap .select2-selection .select2-selection__rendered .select2-search--inline .select2-search__field {
  width: 100% !important
}
.select2 .select2-selection .select2-selection__rendered:not(#select2-playlists-container) i, .select2-container .select2-selection .select2-selection__rendered:not(#select2-playlists-container) i, .select2-container--above .select2-selection .select2-selection__rendered:not(#select2-playlists-container) i, .select2-container--bootstrap .select2-selection .select2-selection__rendered:not(#select2-playlists-container) i {
  color: var(--color-content-primary)
}
.select2 .select2-selection .select2-selection__rendered > div, .select2-container .select2-selection .select2-selection__rendered > div, .select2-container--above .select2-selection .select2-selection__rendered > div, .select2-container--bootstrap .select2-selection .select2-selection__rendered > div {
  display: block;
  padding-right: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.select2 .select2-selection .select2-selection__rendered .select2-selection__choice, .select2-container .select2-selection .select2-selection__rendered .select2-selection__choice, .select2-container--above .select2-selection .select2-selection__rendered .select2-selection__choice, .select2-container--bootstrap .select2-selection .select2-selection__rendered .select2-selection__choice {
  display: flex;
  align-items: center;
  max-width: 400px;
  height: 34px;
  padding-right: 20px;
  color: var(--color-content-primary);
  background-color: var(--color-background-inverse);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.select2 .select2-selection i.media-types-icons, .select2-container .select2-selection i.media-types-icons, .select2-container--above .select2-selection i.media-types-icons, .select2-container--bootstrap .select2-selection i.media-types-icons {
  margin-left: 5px;
  vertical-align: middle
}
.select2-container--above.select2-container--open .select2-selection__arrow:before, .select2-container--bootstrap.select2-container--open .select2-selection__arrow:before, .select2-container.select2-container--open .select2-selection__arrow:before, .select2.select2-container--open .select2-selection__arrow:before {
  rotate: none;
  padding-left: 4px;
  border-right: none !important
}
.select2-container--above.select2-container--focus, .select2-container--above.select2-container--open, .select2-container--bootstrap.select2-container--focus, .select2-container--bootstrap.select2-container--open, .select2-container.select2-container--focus, .select2-container.select2-container--open, .select2.select2-container--focus, .select2.select2-container--open {
  border-radius: 4px
}
.select2-container--above.select2-container--focus .select2-selection, .select2-container--above.select2-container--open .select2-selection, .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection, .select2-container.select2-container--focus .select2-selection, .select2-container.select2-container--open .select2-selection, .select2.select2-container--focus .select2-selection, .select2.select2-container--open .select2-selection {
  border: 1px solid var(--color-border-focus) !important;
  box-shadow: none
}
.select2-container--above.select2-container--focus .select2-selection:focus, .select2-container--above.select2-container--open .select2-selection:focus, .select2-container--bootstrap.select2-container--focus .select2-selection:focus, .select2-container--bootstrap.select2-container--open .select2-selection:focus, .select2-container.select2-container--focus .select2-selection:focus, .select2-container.select2-container--open .select2-selection:focus, .select2.select2-container--focus .select2-selection:focus, .select2.select2-container--open .select2-selection:focus {
  border-color: var(--color-border-focus) !important
}
.select2-container--above.select2-container--focus .select2-dropdown, .select2-container--above.select2-container--focus .select2-dropdown--bellow, .select2-container--above.select2-container--open .select2-dropdown, .select2-container--above.select2-container--open .select2-dropdown--bellow, .select2-container--bootstrap.select2-container--focus .select2-dropdown, .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow, .select2-container--bootstrap.select2-container--open .select2-dropdown, .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow, .select2-container.select2-container--focus .select2-dropdown, .select2-container.select2-container--focus .select2-dropdown--bellow, .select2-container.select2-container--open .select2-dropdown, .select2-container.select2-container--open .select2-dropdown--bellow, .select2.select2-container--focus .select2-dropdown, .select2.select2-container--focus .select2-dropdown--bellow, .select2.select2-container--open .select2-dropdown, .select2.select2-container--open .select2-dropdown--bellow {
  background-color: var(--color-background-inverse);
  border-radius: 4px;
  margin-top: 1px;
  border: var(--border);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  overflow-y: hidden
}
.select2-container--above.select2-container--focus .select2-dropdown .select2-search--dropdown:not(.select2-search--hide), .select2-container--above.select2-container--focus .select2-dropdown .select2-search:not(.select2-search--hide), .select2-container--above.select2-container--focus .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide), .select2-container--above.select2-container--focus .select2-dropdown--bellow .select2-search:not(.select2-search--hide), .select2-container--above.select2-container--open .select2-dropdown .select2-search--dropdown:not(.select2-search--hide), .select2-container--above.select2-container--open .select2-dropdown .select2-search:not(.select2-search--hide), .select2-container--above.select2-container--open .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide), .select2-container--above.select2-container--open .select2-dropdown--bellow .select2-search:not(.select2-search--hide), .select2-container--bootstrap.select2-container--focus .select2-dropdown .select2-search--dropdown:not(.select2-search--hide), .select2-container--bootstrap.select2-container--focus .select2-dropdown .select2-search:not(.select2-search--hide), .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide), .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow .select2-search:not(.select2-search--hide), .select2-container--bootstrap.select2-container--open .select2-dropdown .select2-search--dropdown:not(.select2-search--hide), .select2-container--bootstrap.select2-container--open .select2-dropdown .select2-search:not(.select2-search--hide), .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide), .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow .select2-search:not(.select2-search--hide), .select2-container.select2-container--focus .select2-dropdown .select2-search--dropdown:not(.select2-search--hide), .select2-container.select2-container--focus .select2-dropdown .select2-search:not(.select2-search--hide), .select2-container.select2-container--focus .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide), .select2-container.select2-container--focus .select2-dropdown--bellow .select2-search:not(.select2-search--hide), .select2-container.select2-container--open .select2-dropdown .select2-search--dropdown:not(.select2-search--hide), .select2-container.select2-container--open .select2-dropdown .select2-search:not(.select2-search--hide), .select2-container.select2-container--open .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide), .select2-container.select2-container--open .select2-dropdown--bellow .select2-search:not(.select2-search--hide), .select2.select2-container--focus .select2-dropdown .select2-search--dropdown:not(.select2-search--hide), .select2.select2-container--focus .select2-dropdown .select2-search:not(.select2-search--hide), .select2.select2-container--focus .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide), .select2.select2-container--focus .select2-dropdown--bellow .select2-search:not(.select2-search--hide), .select2.select2-container--open .select2-dropdown .select2-search--dropdown:not(.select2-search--hide), .select2.select2-container--open .select2-dropdown .select2-search:not(.select2-search--hide), .select2.select2-container--open .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide), .select2.select2-container--open .select2-dropdown--bellow .select2-search:not(.select2-search--hide) {
  display: flex;
  align-items: center;
  background-color: var(--color-background-inverse)
}
.select2-container--above.select2-container--focus .select2-dropdown .select2-search--dropdown:not(.select2-search--hide) .select2-search__field, .select2-container--above.select2-container--focus .select2-dropdown .select2-search:not(.select2-search--hide) .select2-search__field, .select2-container--above.select2-container--focus .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide) .select2-search__field, .select2-container--above.select2-container--focus .select2-dropdown--bellow .select2-search:not(.select2-search--hide) .select2-search__field, .select2-container--above.select2-container--open .select2-dropdown .select2-search--dropdown:not(.select2-search--hide) .select2-search__field, .select2-container--above.select2-container--open .select2-dropdown .select2-search:not(.select2-search--hide) .select2-search__field, .select2-container--above.select2-container--open .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide) .select2-search__field, .select2-container--above.select2-container--open .select2-dropdown--bellow .select2-search:not(.select2-search--hide) .select2-search__field, .select2-container--bootstrap.select2-container--focus .select2-dropdown .select2-search--dropdown:not(.select2-search--hide) .select2-search__field, .select2-container--bootstrap.select2-container--focus .select2-dropdown .select2-search:not(.select2-search--hide) .select2-search__field, .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide) .select2-search__field, .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow .select2-search:not(.select2-search--hide) .select2-search__field, .select2-container--bootstrap.select2-container--open .select2-dropdown .select2-search--dropdown:not(.select2-search--hide) .select2-search__field, .select2-container--bootstrap.select2-container--open .select2-dropdown .select2-search:not(.select2-search--hide) .select2-search__field, .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide) .select2-search__field, .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow .select2-search:not(.select2-search--hide) .select2-search__field, .select2-container.select2-container--focus .select2-dropdown .select2-search--dropdown:not(.select2-search--hide) .select2-search__field, .select2-container.select2-container--focus .select2-dropdown .select2-search:not(.select2-search--hide) .select2-search__field, .select2-container.select2-container--focus .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide) .select2-search__field, .select2-container.select2-container--focus .select2-dropdown--bellow .select2-search:not(.select2-search--hide) .select2-search__field, .select2-container.select2-container--open .select2-dropdown .select2-search--dropdown:not(.select2-search--hide) .select2-search__field, .select2-container.select2-container--open .select2-dropdown .select2-search:not(.select2-search--hide) .select2-search__field, .select2-container.select2-container--open .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide) .select2-search__field, .select2-container.select2-container--open .select2-dropdown--bellow .select2-search:not(.select2-search--hide) .select2-search__field, .select2.select2-container--focus .select2-dropdown .select2-search--dropdown:not(.select2-search--hide) .select2-search__field, .select2.select2-container--focus .select2-dropdown .select2-search:not(.select2-search--hide) .select2-search__field, .select2.select2-container--focus .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide) .select2-search__field, .select2.select2-container--focus .select2-dropdown--bellow .select2-search:not(.select2-search--hide) .select2-search__field, .select2.select2-container--open .select2-dropdown .select2-search--dropdown:not(.select2-search--hide) .select2-search__field, .select2.select2-container--open .select2-dropdown .select2-search:not(.select2-search--hide) .select2-search__field, .select2.select2-container--open .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide) .select2-search__field, .select2.select2-container--open .select2-dropdown--bellow .select2-search:not(.select2-search--hide) .select2-search__field {
  border: 1px solid var(--color-border-default);
  color: var(--color-content-primary)
}
.select2-container--above.select2-container--focus .select2-dropdown .select2-search--dropdown:not(.select2-search--hide) .select2-search__field:focus, .select2-container--above.select2-container--focus .select2-dropdown .select2-search:not(.select2-search--hide) .select2-search__field:focus, .select2-container--above.select2-container--focus .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide) .select2-search__field:focus, .select2-container--above.select2-container--focus .select2-dropdown--bellow .select2-search:not(.select2-search--hide) .select2-search__field:focus, .select2-container--above.select2-container--open .select2-dropdown .select2-search--dropdown:not(.select2-search--hide) .select2-search__field:focus, .select2-container--above.select2-container--open .select2-dropdown .select2-search:not(.select2-search--hide) .select2-search__field:focus, .select2-container--above.select2-container--open .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide) .select2-search__field:focus, .select2-container--above.select2-container--open .select2-dropdown--bellow .select2-search:not(.select2-search--hide) .select2-search__field:focus, .select2-container--bootstrap.select2-container--focus .select2-dropdown .select2-search--dropdown:not(.select2-search--hide) .select2-search__field:focus, .select2-container--bootstrap.select2-container--focus .select2-dropdown .select2-search:not(.select2-search--hide) .select2-search__field:focus, .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide) .select2-search__field:focus, .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow .select2-search:not(.select2-search--hide) .select2-search__field:focus, .select2-container--bootstrap.select2-container--open .select2-dropdown .select2-search--dropdown:not(.select2-search--hide) .select2-search__field:focus, .select2-container--bootstrap.select2-container--open .select2-dropdown .select2-search:not(.select2-search--hide) .select2-search__field:focus, .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide) .select2-search__field:focus, .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow .select2-search:not(.select2-search--hide) .select2-search__field:focus, .select2-container.select2-container--focus .select2-dropdown .select2-search--dropdown:not(.select2-search--hide) .select2-search__field:focus, .select2-container.select2-container--focus .select2-dropdown .select2-search:not(.select2-search--hide) .select2-search__field:focus, .select2-container.select2-container--focus .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide) .select2-search__field:focus, .select2-container.select2-container--focus .select2-dropdown--bellow .select2-search:not(.select2-search--hide) .select2-search__field:focus, .select2-container.select2-container--open .select2-dropdown .select2-search--dropdown:not(.select2-search--hide) .select2-search__field:focus, .select2-container.select2-container--open .select2-dropdown .select2-search:not(.select2-search--hide) .select2-search__field:focus, .select2-container.select2-container--open .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide) .select2-search__field:focus, .select2-container.select2-container--open .select2-dropdown--bellow .select2-search:not(.select2-search--hide) .select2-search__field:focus, .select2.select2-container--focus .select2-dropdown .select2-search--dropdown:not(.select2-search--hide) .select2-search__field:focus, .select2.select2-container--focus .select2-dropdown .select2-search:not(.select2-search--hide) .select2-search__field:focus, .select2.select2-container--focus .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide) .select2-search__field:focus, .select2.select2-container--focus .select2-dropdown--bellow .select2-search:not(.select2-search--hide) .select2-search__field:focus, .select2.select2-container--open .select2-dropdown .select2-search--dropdown:not(.select2-search--hide) .select2-search__field:focus, .select2.select2-container--open .select2-dropdown .select2-search:not(.select2-search--hide) .select2-search__field:focus, .select2.select2-container--open .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide) .select2-search__field:focus, .select2.select2-container--open .select2-dropdown--bellow .select2-search:not(.select2-search--hide) .select2-search__field:focus {
  border-color: var(--color-border-focus)
}
.select2-container--above.select2-container--focus .select2-dropdown .select2-search--dropdown:not(.select2-search--hide)::after, .select2-container--above.select2-container--focus .select2-dropdown .select2-search:not(.select2-search--hide)::after, .select2-container--above.select2-container--focus .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide)::after, .select2-container--above.select2-container--focus .select2-dropdown--bellow .select2-search:not(.select2-search--hide)::after, .select2-container--above.select2-container--open .select2-dropdown .select2-search--dropdown:not(.select2-search--hide)::after, .select2-container--above.select2-container--open .select2-dropdown .select2-search:not(.select2-search--hide)::after, .select2-container--above.select2-container--open .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide)::after, .select2-container--above.select2-container--open .select2-dropdown--bellow .select2-search:not(.select2-search--hide)::after, .select2-container--bootstrap.select2-container--focus .select2-dropdown .select2-search--dropdown:not(.select2-search--hide)::after, .select2-container--bootstrap.select2-container--focus .select2-dropdown .select2-search:not(.select2-search--hide)::after, .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide)::after, .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow .select2-search:not(.select2-search--hide)::after, .select2-container--bootstrap.select2-container--open .select2-dropdown .select2-search--dropdown:not(.select2-search--hide)::after, .select2-container--bootstrap.select2-container--open .select2-dropdown .select2-search:not(.select2-search--hide)::after, .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide)::after, .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow .select2-search:not(.select2-search--hide)::after, .select2-container.select2-container--focus .select2-dropdown .select2-search--dropdown:not(.select2-search--hide)::after, .select2-container.select2-container--focus .select2-dropdown .select2-search:not(.select2-search--hide)::after, .select2-container.select2-container--focus .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide)::after, .select2-container.select2-container--focus .select2-dropdown--bellow .select2-search:not(.select2-search--hide)::after, .select2-container.select2-container--open .select2-dropdown .select2-search--dropdown:not(.select2-search--hide)::after, .select2-container.select2-container--open .select2-dropdown .select2-search:not(.select2-search--hide)::after, .select2-container.select2-container--open .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide)::after, .select2-container.select2-container--open .select2-dropdown--bellow .select2-search:not(.select2-search--hide)::after, .select2.select2-container--focus .select2-dropdown .select2-search--dropdown:not(.select2-search--hide)::after, .select2.select2-container--focus .select2-dropdown .select2-search:not(.select2-search--hide)::after, .select2.select2-container--focus .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide)::after, .select2.select2-container--focus .select2-dropdown--bellow .select2-search:not(.select2-search--hide)::after, .select2.select2-container--open .select2-dropdown .select2-search--dropdown:not(.select2-search--hide)::after, .select2.select2-container--open .select2-dropdown .select2-search:not(.select2-search--hide)::after, .select2.select2-container--open .select2-dropdown--bellow .select2-search--dropdown:not(.select2-search--hide)::after, .select2.select2-container--open .select2-dropdown--bellow .select2-search:not(.select2-search--hide)::after {
  content: '\f002';
  display: inline-block;
  color: var(--color-content-secondary);
  font-family: FontAwesome;
  font-size: 14px;
  margin-left: -20px
}
.select2-container--above.select2-container--focus .select2-dropdown .select2-results, .select2-container--above.select2-container--focus .select2-dropdown--bellow .select2-results, .select2-container--above.select2-container--open .select2-dropdown .select2-results, .select2-container--above.select2-container--open .select2-dropdown--bellow .select2-results, .select2-container--bootstrap.select2-container--focus .select2-dropdown .select2-results, .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow .select2-results, .select2-container--bootstrap.select2-container--open .select2-dropdown .select2-results, .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow .select2-results, .select2-container.select2-container--focus .select2-dropdown .select2-results, .select2-container.select2-container--focus .select2-dropdown--bellow .select2-results, .select2-container.select2-container--open .select2-dropdown .select2-results, .select2-container.select2-container--open .select2-dropdown--bellow .select2-results, .select2.select2-container--focus .select2-dropdown .select2-results, .select2.select2-container--focus .select2-dropdown--bellow .select2-results, .select2.select2-container--open .select2-dropdown .select2-results, .select2.select2-container--open .select2-dropdown--bellow .select2-results {
  width: 100%
}
.select2-container--above.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option, .select2-container--above.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option, .select2-container--above.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option, .select2-container--above.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option, .select2-container--bootstrap.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option, .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option, .select2-container--bootstrap.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option, .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option, .select2-container.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option, .select2-container.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option, .select2-container.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option, .select2-container.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option, .select2.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option, .select2.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option, .select2.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option, .select2.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option {
  background-color: var(--color-background-inverse);
  color: var(--color-content-secondary);
  padding: 12px 16px
}
.select2-container--above.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div, .select2-container--above.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div, .select2-container--above.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div, .select2-container--above.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div, .select2-container--above.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div, .select2-container--above.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div, .select2-container--above.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div, .select2-container--above.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div, .select2-container--above.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div, .select2-container--above.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div, .select2-container--above.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div, .select2-container--above.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div, .select2-container--above.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div, .select2-container--above.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div, .select2-container--above.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div, .select2-container--above.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div, .select2-container--above.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div, .select2-container--above.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div, .select2-container--above.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div, .select2-container--above.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div, .select2-container--above.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div, .select2-container--above.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div, .select2-container--above.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div, .select2-container--above.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div, .select2-container--bootstrap.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div, .select2-container--bootstrap.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div, .select2-container--bootstrap.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div, .select2-container--bootstrap.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div, .select2-container--bootstrap.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div, .select2-container--bootstrap.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div, .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div, .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div, .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div, .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div, .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div, .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div, .select2-container--bootstrap.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div, .select2-container--bootstrap.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div, .select2-container--bootstrap.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div, .select2-container--bootstrap.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div, .select2-container--bootstrap.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div, .select2-container--bootstrap.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div, .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div, .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div, .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div, .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div, .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div, .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div, .select2-container.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div, .select2-container.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div, .select2-container.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div, .select2-container.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div, .select2-container.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div, .select2-container.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div, .select2-container.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div, .select2-container.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div, .select2-container.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div, .select2-container.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div, .select2-container.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div, .select2-container.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div, .select2-container.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div, .select2-container.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div, .select2-container.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div, .select2-container.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div, .select2-container.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div, .select2-container.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div, .select2-container.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div, .select2-container.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div, .select2-container.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div, .select2-container.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div, .select2-container.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div, .select2-container.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div, .select2.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div, .select2.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div, .select2.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div, .select2.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div, .select2.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div, .select2.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div, .select2.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div, .select2.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div, .select2.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div, .select2.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div, .select2.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div, .select2.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div, .select2.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div, .select2.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div, .select2.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div, .select2.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div, .select2.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div, .select2.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div, .select2.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div, .select2.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div, .select2.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div, .select2.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div, .select2.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div, .select2.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div {
  display: unset !important
}
.select2-container--above.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div > strong, .select2-container--above.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div > strong, .select2-container--above.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div > strong, .select2-container--above.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div > strong, .select2-container--above.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div > strong, .select2-container--above.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div > strong, .select2-container--above.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div > strong, .select2-container--above.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div > strong, .select2-container--above.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div > strong, .select2-container--above.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div > strong, .select2-container--above.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div > strong, .select2-container--above.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div > strong, .select2-container--above.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div > strong, .select2-container--above.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div > strong, .select2-container--above.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div > strong, .select2-container--above.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div > strong, .select2-container--above.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div > strong, .select2-container--above.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div > strong, .select2-container--above.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div > strong, .select2-container--above.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div > strong, .select2-container--above.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div > strong, .select2-container--above.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div > strong, .select2-container--above.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div > strong, .select2-container--above.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div > strong, .select2-container--bootstrap.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div > strong, .select2-container--bootstrap.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div > strong, .select2-container--bootstrap.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div > strong, .select2-container--bootstrap.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div > strong, .select2-container--bootstrap.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div > strong, .select2-container--bootstrap.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div > strong, .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div > strong, .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div > strong, .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div > strong, .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div > strong, .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div > strong, .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div > strong, .select2-container--bootstrap.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div > strong, .select2-container--bootstrap.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div > strong, .select2-container--bootstrap.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div > strong, .select2-container--bootstrap.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div > strong, .select2-container--bootstrap.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div > strong, .select2-container--bootstrap.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div > strong, .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div > strong, .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div > strong, .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div > strong, .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div > strong, .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div > strong, .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div > strong, .select2-container.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div > strong, .select2-container.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div > strong, .select2-container.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div > strong, .select2-container.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div > strong, .select2-container.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div > strong, .select2-container.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div > strong, .select2-container.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div > strong, .select2-container.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div > strong, .select2-container.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div > strong, .select2-container.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div > strong, .select2-container.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div > strong, .select2-container.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div > strong, .select2-container.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div > strong, .select2-container.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div > strong, .select2-container.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div > strong, .select2-container.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div > strong, .select2-container.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div > strong, .select2-container.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div > strong, .select2-container.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div > strong, .select2-container.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div > strong, .select2-container.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div > strong, .select2-container.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div > strong, .select2-container.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div > strong, .select2-container.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div > strong, .select2.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div > strong, .select2.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div > strong, .select2.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div > strong, .select2.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div > strong, .select2.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div > strong, .select2.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div > strong, .select2.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div > strong, .select2.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div > strong, .select2.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div > strong, .select2.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div > strong, .select2.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div > strong, .select2.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div > strong, .select2.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div > strong, .select2.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div > strong, .select2.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div > strong, .select2.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div > strong, .select2.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div > strong, .select2.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div > strong, .select2.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_all] > div > strong, .select2.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_any] > div > strong, .select2.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exactly] > div > strong, .select2.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_all] > div > strong, .select2.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_exclude_any] > div > strong, .select2.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option[id$=media_subset] > div > strong {
  color: var(--color-content-primary)
}
.select2-container--above.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container), .select2-container--above.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container), .select2-container--above.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container), .select2-container--above.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container), .select2-container--bootstrap.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container), .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container), .select2-container--bootstrap.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container), .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container), .select2-container.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container), .select2-container.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container), .select2-container.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container), .select2-container.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container), .select2.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container), .select2.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container), .select2.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container), .select2.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container) {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.select2-container--above.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container) i, .select2-container--above.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container) i, .select2-container--above.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container) i, .select2-container--above.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container) i, .select2-container--bootstrap.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container) i, .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container) i, .select2-container--bootstrap.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container) i, .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container) i, .select2-container.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container) i, .select2-container.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container) i, .select2-container.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container) i, .select2-container.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container) i, .select2.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container) i, .select2.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container) i, .select2.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container) i, .select2.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option > div:not(.option_container) i {
  color: var(--color-content-primary);
  margin-right: 8px
}
.select2-container--above.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option.select2-results__option--highlighted[aria-selected], .select2-container--above.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option.select2-results__option--highlighted[aria-selected], .select2-container--above.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option.select2-results__option--highlighted[aria-selected], .select2-container--above.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option.select2-results__option--highlighted[aria-selected], .select2-container--bootstrap.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option.select2-results__option--highlighted[aria-selected], .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option.select2-results__option--highlighted[aria-selected], .select2-container--bootstrap.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option.select2-results__option--highlighted[aria-selected], .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option.select2-results__option--highlighted[aria-selected], .select2-container.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option.select2-results__option--highlighted[aria-selected], .select2-container.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option.select2-results__option--highlighted[aria-selected], .select2-container.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option.select2-results__option--highlighted[aria-selected], .select2-container.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option.select2-results__option--highlighted[aria-selected], .select2.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option.select2-results__option--highlighted[aria-selected], .select2.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option.select2-results__option--highlighted[aria-selected], .select2.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option.select2-results__option--highlighted[aria-selected], .select2.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option.select2-results__option--highlighted[aria-selected] {
  background-color: var(--color-background-primary);
  color: var(--color-content-primary)
}
.select2-container--above.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option .embed-player-option, .select2-container--above.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option .embed-player-option, .select2-container--above.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option .embed-player-option, .select2-container--above.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option .embed-player-option, .select2-container--bootstrap.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option .embed-player-option, .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option .embed-player-option, .select2-container--bootstrap.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option .embed-player-option, .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option .embed-player-option, .select2-container.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option .embed-player-option, .select2-container.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option .embed-player-option, .select2-container.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option .embed-player-option, .select2-container.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option .embed-player-option, .select2.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option .embed-player-option, .select2.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option .embed-player-option, .select2.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option .embed-player-option, .select2.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option .embed-player-option {
  width: 90%;
  display: inline-flex;
  justify-content: space-between;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  text-overflow: ellipsis;
  white-space: nowrap
}
.select2-container--above.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-name, .select2-container--above.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-name, .select2-container--above.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-name, .select2-container--above.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-name, .select2-container--bootstrap.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-name, .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-name, .select2-container--bootstrap.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-name, .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-name, .select2-container.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-name, .select2-container.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-name, .select2-container.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-name, .select2-container.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-name, .select2.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-name, .select2.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-name, .select2.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-name, .select2.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.select2-container--above.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-pill, .select2-container--above.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-pill, .select2-container--above.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-pill, .select2-container--above.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-pill, .select2-container--bootstrap.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-pill, .select2-container--bootstrap.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-pill, .select2-container--bootstrap.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-pill, .select2-container--bootstrap.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-pill, .select2-container.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-pill, .select2-container.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-pill, .select2-container.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-pill, .select2-container.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-pill, .select2.select2-container--focus .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-pill, .select2.select2-container--focus .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-pill, .select2.select2-container--open .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-pill, .select2.select2-container--open .select2-dropdown--bellow .select2-results ul.select2-results__options li.select2-results__option .embed-player-option .embed-player-pill {
  height: 24px;
  width: 24px;
  min-width: 24px;
  border-radius: 50%;
  background: var(--color-brand-subtle);
  text-align: center;
  line-height: 25px
}
.select2container .select2-container {
  max-width: 130px
}
.select2container.md-size .select2-container {
  max-width: 190px
}
.select2container.lg-size .select2-container {
  max-width: 250px
}
.select2container.xl-size .select2-container {
  max-width: 310px
}
.select2container.full-size .select2-container {
  max-width: 450px
}
.select2container.fileDownloadApp .select2-selection {
  background-color: var(--basic_branding);
  border: none !important;
  border-radius: 8px
}
.select2container.fileDownloadApp .select2-selection .select2-selection__arrow:before, .select2container.fileDownloadApp .select2-selection .select2-selection__rendered {
  color: #fff !important
}
.select2container.fileDownloadApp .select2-selection .select2-selection__arrow:before {
  padding-right: 4px;
  border-right: 1px solid rgba(255, 255, 255, .4)
}
.timeslotEditor .timeslot_table {
  width: auto;
  margin-top: 24px;
  border: 1px solid var(--color-border-section);
  border-radius: 8px
}
.timeslotEditor .timeslot_table .table_head {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom: 1px solid var(--color-border-section);
  background-color: var(--color-background-primary);
  height: 43px;
  display: grid;
  grid-template-columns: 100px 100px 1fr;
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
  padding-right: 36px
}
.timeslotEditor .timeslot_table .table_head span {
  border-right: 1px solid var(--color-border-section);
  padding-left: 12px;
  height: 43px;
  display: flex;
  align-items: center;
  text-transform: capitalize
}
.timeslotEditor .timeslot_table li {
  height: 53px;
  margin: auto;
  display: flex;
  border-bottom: 1px solid var(--color-border-section)
}
.timeslotEditor .timeslot_table li > div {
  width: 100%
}
.timeslotEditor .timeslot_entry {
  margin: auto;
  display: grid;
  grid-template-columns: 100px 100px 1fr;
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0
}
.timeslotEditor .timeslot_entry .row_item {
  gap: 11.2px;
  border-right: 1px solid var(--color-border-section);
  height: 53px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.timeslotEditor .timeslot_entry .row_item .timeslot-field-label {
  display: none
}
.timeslotEditor .timeslot_entry .row_item .date {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  padding-left: 10px;
  background: 0 0
}
.timeslotEditor .timeslot_entry .row_item .date .list-unstyled > li {
  height: auto
}
.timeslotEditor .timeslot_entry .row_item .date > span {
  background-color: var(--color-background-inverse);
  padding: 0;
  border: none;
  display: block;
  width: 28px;
  position: relative
}
.timeslotEditor .timeslot_entry .row_item .date > input {
  padding: 0;
  text-align: left;
  border: none;
  background: 0 0
}
.timeslotEditor .timeslot_entry .row_item .date > input:focus + span {
  border-color: var(--basic_branding)
}
.timeslotEditor .add_row_btn {
  height: 45px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.timeslotEditor .add_row_btn > button {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  line-height: 19px;
  background-color: var(--color-background-inverse);
  color: var(--color-content-primary);
  border: none
}
.timeslotEditor .delete_row_btn {
  background-color: var(--color-background-inverse);
  border: none;
  width: 36px;
  min-width: 36px;
  margin: auto
}
.timeslotEditor .delete_row_btn > span {
  color: var(--color-content-negative)
}
.timeslotEditor .delete_row_btn:hover > span {
  color: var(--color-content-primary)
}
.timeslotEditor #timeslotList, .timeslotEditor #timeslotListMass {
  display: block !important;
  color: var(--color-content-primary)
}
.timeslotEditor #days_of_week {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  padding: 10px
}
.timeslotEditor #days_of_week input[type=checkbox] + div {
  width: 3rem;
  height: 3rem;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  border-radius: 8px;
  background-color: var(--color-content-tertiary)
}
.timeslotEditor #days_of_week input[type=checkbox] + div span {
  line-height: 22px;
  color: var(--color-background-inverse)
}
.timeslotEditor #days_of_week input[type=checkbox]:checked + div {
  background: var(--basic_branding)
}
.layout-availability-container {
  padding: 16px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  background-color: var(--color-background-primary)
}
.layout-availability-container .form-group.field-valid_before {
  margin: 0 !important
}
.layout-availability-container .datetimepicker, .layout-availability-container .datetimepicker input {
  max-width: unset !important;
  width: 100%
}
.layout-availability-container .disable-checkbox-container {
  margin-top: 16px
}
@media (max-width:767px) {
  .timeslotEditor .timeslot_entry .row_item label.timeslot-field-label {
    display: none
  }
}
@media (max-width:600px) {
  .timeslotEditor .timeslot_entry .row_item .date > input {
    padding-left: 8px
  }
  .timeslotEditor .timeslot_table .table_head {
    display: none
  }
  .timeslotEditor .timeslot_entry, .timeslotEditor .timeslot_table .table_head {
    grid-template-columns: 1fr 1fr;
    border-right: 1px solid var(--color-border-section)
  }
  .timeslotEditor .timeslot_table li {
    height: auto
  }
  .timeslotEditor #startDate .pull-right {
    left: 0 !important;
    right: auto
  }
  .timeslotEditor .timeslot_entry .row_item {
    justify-content: center;
    gap: 6px;
    align-items: flex-start;
    height: auto;
    border-right: 0;
    flex-direction: column
  }
  .timeslotEditor .timeslot_entry .row_item label {
    text-transform: capitalize
  }
  .timeslotEditor .timeslot_entry .row_item label.timeslot-field-label {
    background-color: var(--color-background-primary);
    padding: 10px;
    height: 100%;
    width: 100%;
    display: block
  }
  .timeslotEditor .timeslot_entry .row_item .date {
    flex: 2
  }
  .timeslotEditor .timeslot_entry #days_of_week {
    grid-column: span 2;
    display: grid;
    grid-template-columns: repeat(7, 1fr)
  }
  .timeslotEditor .timeslot_entry #days_of_week > :not(:first-child) {
    padding-bottom: .5rem;
    padding-top: 1rem
  }
  .timeslotEditor .timeslot_entry #days_of_week .day_of_week {
    margin-left: .2rem;
    font-size: 1.25rem
  }
  .timeslotEditor .timeslot_entry #days_of_week .timeslot-field-label {
    margin: 0;
    grid-column: span 7;
    align-self: center
  }
}
.timeslotMedia .modal-body {
  padding: 20px 10px
}
.timeslotMedia .modal-content {
  border-radius: 8px
}
.timeslotMedia .modal-footer {
  margin-top: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px
}
.timeslotMedia .modal-header .modal-title {
  color: var(--color-content-primary);
  display: inline-flex;
  align-items: center
}
.ace-spinner.touch-spinner .spinner-buttons > .btn {
  height: 14px
}
.asset_editor {
  max-width: 474px;
  line-height: normal
}
.asset_editor_a {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer
}
.asset_editor_a:hover {
  text-decoration: none
}
.tooltipClass {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content
}
.display_mode_theme_class_last {
  margin-bottom: 24px !important
}
.display_mode_theme_class form fieldset {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px
}
.display_mode_theme_class form fieldset .form-group {
  flex: 1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 !important
}
@media (max-width:470px) {
  .display_mode_theme_class form fieldset .form-group:first-child {
    flex: none;
    width: 110px
  }
  .display_mode_theme_class form fieldset .form-group:first-child > span.lbl {
    word-break: keep-all !important
  }
}
.display_mode_theme_class form fieldset .form-group:last-child {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}
.display_mode_theme_class form fieldset .form-group .control-label {
  width: 0 !important;
  margin: 0 !important
}
.splitted-date-multi-time-picker-container .datepicker-container {
  display: flex;
  margin-bottom: 10px
}
.splitted-date-multi-time-picker-container .datepicker-container .splitted-date-container {
  height: 40px;
  width: 284px
}
@media (max-width:580px) {
  .splitted-date-multi-time-picker-container .datepicker-container .splitted-date-container {
    width: 220px
  }
}
.splitted-date-multi-time-picker-container .datepicker-container .splitted-date-container .picker-calendar {
  position: absolute;
  top: 12px;
  left: 14px
}
.splitted-date-multi-time-picker-container .datepicker-container .splitted-date-container .picker-calendar i {
  color: var(--color-content-secondary)
}
.splitted-date-multi-time-picker-container .datepicker-container .splitted-date-container input.date-picker {
  max-width: 640px;
  padding-left: 35px;
  border: 1px solid var(--color-border-default);
  color: var(--color-content-secondary) !important
}
.splitted-date-multi-time-picker-container .datepicker-container .splitted-date-container .formatted-date {
  border-radius: 4px !important;
  max-width: 640px;
  padding-left: 35px;
  border: 1px solid var(--color-border-section);
  color: var(--color-content-secondary) !important
}
.splitted-date-multi-time-picker-container .datepicker-container .add-slot-container {
  margin-left: 10px;
  display: flex;
  align-items: center
}
.splitted-date-multi-time-picker-container .datepicker-container .add-slot-container i {
  color: var(--color-border-negative);
  cursor: pointer
}
.splitted-date-multi-time-picker-container .date-error-container {
  width: 284px;
  margin-bottom: 16px
}
.splitted-date-multi-time-picker-container .date-error-container .date-error {
  color: var(--color-border-negative);
  display: flex;
  align-items: center;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px
}
.splitted-date-multi-time-picker-container .date-error-container .date-error i {
  align-self: baseline
}
.splitted-date-multi-time-picker-container .date-error-container .date-error span {
  line-height: 12px
}
.splitted-date-multi-time-picker-container .timepickers-enabled-disabled-container {
  display: flex;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px
}
.splitted-date-multi-time-picker-container .timepickers-enabled-disabled-container .timepicker-disabled-content {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  height: 40px;
  width: 284px;
  background-color: var(--color-background-tertiary);
  border-radius: 4px;
  margin-right: 30px
}
@media (max-width:580px) {
  .splitted-date-multi-time-picker-container .timepickers-enabled-disabled-container .timepicker-disabled-content {
    width: 220px
  }
}
.splitted-date-multi-time-picker-container .timepickers-enabled-disabled-container .timepicker-disabled-content > span {
  color: #000
}
.splitted-date-multi-time-picker-container .timepickers-enabled-disabled-container .timepickers-container {
  flex-direction: column;
  row-gap: 8px;
  display: flex;
  align-items: center
}
.splitted-date-multi-time-picker-container .timepickers-enabled-disabled-container .timepickers-container .start-end-container {
  display: flex;
  align-items: center
}
.splitted-date-multi-time-picker-container .timepickers-enabled-disabled-container .timepickers-container .start-end-container .picker-calendar {
  position: absolute;
  top: 12px;
  left: 14px;
  cursor: pointer
}
.splitted-date-multi-time-picker-container .timepickers-enabled-disabled-container .timepickers-container .start-end-container .picker-calendar i {
  color: var(--color-content-secondary)
}
.splitted-date-multi-time-picker-container .timepickers-enabled-disabled-container .timepickers-container .start-end-container .date-picker {
  max-width: 130px;
  height: 40px !important;
  border: 1px solid var(--color-border-section);
  color: var(--color-content-secondary) !important;
  border-radius: 4px !important;
  padding: 10px 25px 10px 35px;
  text-align: start !important;
  width: 130px;
  line-height: 14px
}
@media (max-width:580px) {
  .splitted-date-multi-time-picker-container .timepickers-enabled-disabled-container .timepickers-container .start-end-container .date-picker {
    max-width: 98px;
    width: 98px
  }
}
.splitted-date-multi-time-picker-container .timepickers-enabled-disabled-container .timepickers-container .start-end-container .pickers-divider {
  margin-left: 8px;
  margin-right: 8px;
  border: 1px solid;
  height: 0;
  width: 8px
}
.splitted-date-multi-time-picker-container .timepickers-enabled-disabled-container .timepickers-container .start-end-container .add-slot-container {
  margin-left: 10px;
  display: flex;
  align-items: center
}
.splitted-date-multi-time-picker-container .timepickers-enabled-disabled-container .timepickers-container .start-end-container .add-slot-container i {
  color: var(--color-content-secondary);
  line-height: 20px
}
.splitted-date-multi-time-picker-container .timepickers-enabled-disabled-container .timepickers-container .start-end-container .add-slot-container i.add-slot {
  cursor: pointer
}
.splitted-date-multi-time-picker-container .timepickers-enabled-disabled-container .timepickers-container .start-end-container .add-slot-container i.remove-slot {
  color: var(--color-border-negative);
  cursor: pointer
}
.splitted-date-multi-time-picker-container .timepickers-enabled-disabled-container .timepickers-container .start-end-container .bootstrap-datetimepicker-widget.dropdown-menu {
  width: 100%;
  min-width: 170px
}
.splitted-date-multi-time-picker-container .timepickers-enabled-disabled-container .timepickers-container .start-end-container .bootstrap-datetimepicker-widget .timepicker-picker button[data-action=togglePeriod] {
  padding: 2px
}
@media (max-width:580px) {
  .splitted-date-multi-time-picker-container .timepickers-enabled-disabled-container .timepickers-container .start-end-container .bootstrap-datetimepicker-widget {
    min-width: 130px
  }
}
.splitted-date-multi-time-picker-container .timepickers-enabled-disabled-container .timepickers-container .start-end-container .bootstrap-datetimepicker-widget table td {
  height: 40px;
  line-height: 40px
}
.splitted-date-multi-time-picker-container .timepickers-enabled-disabled-container .timepickers-container .start-end-container .bootstrap-datetimepicker-widget table td span {
  height: 35px;
  line-height: 35px
}
.splitted-date-multi-time-picker-container .checkbox-disabled {
  margin-top: 14px
}
.splitted-date-multi-time-picker-container .checkbox-disabled .checkbox-container label {
  margin: 0;
  width: auto !important;
  position: relative;
  padding-right: 0
}
.splitted-date-multi-time-picker-container .checkbox-disabled .checkbox-container label input {
  left: 0;
  margin-top: 0
}
.splitted-date-multi-time-picker-container .checkbox-disabled .checkbox-container label span {
  color: var(--color-content-primary) !important;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px;
  cursor: pointer
}
.splitted-date-multi-time-picker-container .checkbox-disabled .checkbox-container label span:before {
  height: 18px !important;
  width: 18px !important;
  border: 1px solid var(--color-border-default)
}
.selected-item-interactive-library {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 100%;
  max-width: 320px;
  padding: 10px 8px 10px 16px;
  border-radius: 4px;
  border: 1px dashed var(--basic_branding)
}
.selected-item-interactive-library .selected-name {
  color: var(--basic_branding)
}
.selected-item-interactive-library .unselect-icon {
  color: var(--color-content-tertiary);
  background-color: var(--color-background-tertiary);
  padding: 4px;
  border-radius: 4px;
  cursor: pointer;
  height: 32px
}
.selected-item-interactive-library .unselect-icon i {
  font-size: 24px
}
.text-pills-selector-container {
  position: relative
}
.text-pills-selector-container .clear-button {
  display: none;
  padding: 0;
  position: absolute;
  top: 8px;
  right: 8px;
  border: none;
  background: 0 0;
  color: var(--color-content-secondary)
}
.text-pills-selector-container:has(.selection li:not(.select2-search)) .clear-button {
  display: initial
}
.text-pills-selector-container .select2-selection--multiple {
  cursor: initial;
  min-height: 44px;
  padding-block: 8px;
  padding-inline: 16px 8px;
  border-radius: 4px;
  border: 1px solid var(--color-border-default);
  box-shadow: none;
  -webkit-box-shadow: none
}
.text-pills-selector-container .select2-selection--multiple .select2-selection__rendered {
  gap: 8px
}
.text-pills-selector-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  max-width: unset;
  margin: 0;
  padding: 0 8px !important;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  border: none;
  border-radius: 8px;
  background: var(--color-background-primary);
  color: var(--color-content-secondary)
}
.text-pills-selector-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .pill-text {
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.text-pills-selector-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  position: relative;
  margin: 0
}
.text-pills-selector-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove::after {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: '';
  border: 1px solid var(--color-border-section);
  border-radius: 50%
}
.text-pills-selector-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover::after {
  border: 1px solid var(--color-border-hover)
}
.text-pills-selector-container .select2-selection--multiple .select2-selection__rendered .select2-search {
  width: unset !important
}
.text-pills-selector-container .select2-selection--multiple .select2-selection__rendered .select2-search .select2-search__field {
  padding: 0;
  width: unset !important;
  min-width: 120px;
  color: var(--color-content-secondary)
}
.text-pills-selector-container .select2-selection--multiple .select2-selection__rendered .select2-search::after {
  display: none
}
.text-pills-selector-container .select2-container--below.select2-container--open .select2-selection.select2-selection--multiple {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}
.text-pills-selector-container.multiSelectCheckboxTagManager .select2-selection--multiple {
  padding-inline: 16px !important
}
.text-pills-selector-container.multiSelectCheckboxTagManager .clear-button {
  right: 0
}
.text-pills-selector-container.multiSelectCheckboxTagManager .select2-search.select2-search--inline {
  display: block
}
.text-pills-selector-container.multiSelectCheckboxTagManager .select2-search.select2-search--inline .select2-search__field[readonly] {
  background-color: transparent !important
}
.text-pills-selector-container.multiSelectCheckboxTagManager.has-selected-tags .select2-search.select2-search--inline {
  display: none
}
.text-pills-selector-container.multiSelectCheckboxTagManager [aria-selected=true] {
  display: block !important;
  background-color: var(--color-background-tertiary) !important
}
.text-pills-selector-container.multiSelectCheckboxTagManager .select2-search.select2-search--dropdown {
  padding: 12px 16px
}
.text-pills-selector-container.multiSelectCheckboxTagManager .select2-search.select2-search--dropdown input.select2-search__field {
  padding: 12px 36px 12px 12px;
  height: 48px;
  box-shadow: none
}
.text-pills-selector-container.multiSelectCheckboxTagManager .select2-search.select2-search--dropdown:after {
  margin-left: -32px
}
.text-pills-selector-container.multiSelectCheckboxTagManager .select2-results__option > span {
  justify-content: start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px
}
.text-pills-selector-container.multiSelectCheckboxTagManager .select2-results__option > span label {
  position: relative;
  margin-bottom: 2px
}
.editableselect-container .es-list {
  background-color: var(--color-background-inverse);
  color: var(--color-content-primary)
}
#embedPlayerForm .actions-container, .editableselect-container .es-list .selected, .sp-container, .url_form_view .actions-container {
  background-color: var(--color-background-primary)
}
.sp-container {
  border-radius: 4px;
  border-color: var(--color-border-default)
}
.sp-container button {
  box-shadow: none;
  text-transform: capitalize;
  background: var(--color-brand-subtle);
  color: var(--color-content-primary);
  border-radius: 8px;
  border: 0;
  padding: 8px
}
.sp-container button:hover {
  background: var(--color-brand-subtle-hover);
  color: var(--color-content-primary);
  border: 0
}
.sp-container .sp-palette .sp-thumb-el {
  border-radius: 2px;
  width: 18px;
  height: 18px;
  border: 0;
  margin: 2px
}
.sp-container .sp-palette .sp-thumb-el .sp-thumb-inner {
  border-radius: 2px
}
.apps-custom-tooltip.popover {
  position: absolute;
  z-index: 1060;
  max-width: 600px;
  min-width: 300px;
  border: none;
  padding: 0;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .15)
}
.apps-custom-tooltip.popover .popover-title {
  background-color: transparent;
  border-bottom: 1px solid var(--color-border-default);
  padding: 16px 20px 12px;
  margin: 0;
  font-size: 18px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 600 !important;
  color: var(--color-content-primary)
}
@media (max-width:768px) {
  .apps-custom-tooltip.popover .popover-title {
    font-size: 16px !important;
    letter-spacing: .02em !important
  }
}
.apps-custom-tooltip.popover .popover-content {
  color: var(--color-content-primary);
  font-size: 14px !important;
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important
}
.apps-custom-tooltip.popover .popover-content.no-padding {
  padding: 0 !important
}
.apps-custom-tooltip.popover .popover-content .apps-tooltip-container {
  padding: 0
}
.apps-custom-tooltip.popover .popover-content .apps-tooltip-container .apps-tooltip-title {
  color: var(--color-content-primary);
  font-size: 24px !important;
  line-height: 115% !important;
  font-weight: 600 !important;
  margin: 0 0 20px
}
@media (max-width:768px) {
  .apps-custom-tooltip.popover .popover-content .apps-tooltip-container .apps-tooltip-title {
    font-size: 20px !important;
    letter-spacing: .02em !important
  }
}
.apps-custom-tooltip.popover .popover-content .apps-tooltip-container .apps-tooltip-address-section {
  margin-bottom: 16px
}
.apps-custom-tooltip.popover .popover-content .apps-tooltip-container .apps-tooltip-address-bar {
  background-color: var(--color-background-secondary);
  border: 1px solid var(--color-border-default);
  border-radius: 4px;
  padding: 12px 16px;
  font-family: 'Courier New', monospace;
  font-size: 14px !important;
  letter-spacing: .02em !important;
  width: 100%;
  box-sizing: border-box;
  word-break: break-all
}
.apps-custom-tooltip.popover .popover-content .apps-tooltip-container .apps-tooltip-url-text {
  color: var(--color-content-secondary)
}
.apps-custom-tooltip.popover .popover-content .apps-tooltip-container .apps-tooltip-domain-highlight {
  background-color: var(--color-background-notice-subtle);
  border: 2px solid var(--color-border-notice);
  border-radius: 3px;
  padding: 2px 6px;
  font-weight: 600
}
.apps-custom-tooltip.popover .popover-content .apps-tooltip-container .apps-tooltip-arrow-container {
  margin-top: 8px;
  margin-left: 96px
}
.apps-custom-tooltip.popover .popover-content .apps-tooltip-container .apps-tooltip-arrow {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 16px solid var(--color-border-notice);
  margin-bottom: 4px;
  margin-left: 20px
}
.apps-custom-tooltip.popover .popover-content .apps-tooltip-container .apps-tooltip-highlight-text {
  color: var(--color-content-notice);
  font-size: 16px !important;
  letter-spacing: .02em !important;
  font-style: italic;
  font-family: Georgia, serif;
  margin-top: 4px
}
.apps-custom-tooltip.popover .popover-content .apps-tooltip-container .apps-tooltip-instruction-text {
  color: var(--color-content-primary);
  font-size: 14px !important;
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
  margin: 20px 0 0
}
.apps-help-popover.popover {
  max-width: 400px;
  border: 1px solid var(--color-border-default);
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .1)
}
.apps-help-popover.popover .popover-content {
  padding: 12px 16px;
  color: var(--color-content-secondary);
  font-size: 12px !important;
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important
}
.apps-custom-tooltip-icon, .help-popover-icon {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: inline-flex;
  position: relative;
  background-color: var(--color-background-tertiary) !important;
  box-shadow: none;
  height: 18px !important;
  width: 18px !important;
  min-width: 18px !important;
  text-align: center !important;
  padding: 0;
  color: var(--color-content-tertiary) !important;
  font-size: 12px !important;
  letter-spacing: .04em !important;
  font-weight: 600 !important;
  cursor: default;
  margin-left: 10px !important;
  border-radius: 100% !important;
  line-height: 18px !important;
  border: none !important;
  bottom: 0
}
.apps-custom-tooltip-icon:hover, .help-popover-icon:hover {
  background-color: var(--color-background-notice);
  text-shadow: none
}
.app-oauth2-login-container {
  padding: 0
}
.app-oauth2-login-container button img {
  width: auto;
  height: 44px;
  display: block
}
.app-oauth2-login-container #loggedIn-container {
  justify-content: space-between
}
.app-oauth2-login-container #loggedIn-container .user-info {
  margin-right: 8px
}
.app-oauth2-login-container #loggedIn-container .user-info > img {
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 40px;
  height: 40px;
  margin-right: 8px
}
.app-oauth2-login-container .microsoft-logo {
  width: 22px;
  height: 22px;
  margin-right: 12px;
  float: left
}
.app-oauth2-login-container.linkedin-login-container .linkedIn-login-button {
  width: 248px;
  height: 34px
}
.app-oauth2-login-container .bamboohr-login-container {
  border: 1px solid #81ad74;
  background: #81ad74;
  color: #fff
}
.app-oauth2-login-container .bamboohr-login-container img {
  width: auto;
  height: 20px
}
.api-call-selector-editor .selection-picture {
  width: 20px;
  height: 20px;
  border: 1px solid var(--color-border-default);
  border-radius: 4px
}
.api-call-selector-editor .selection-picture.linkedin-logo {
  background-color: #fff
}
#linkedin_manage_post_tooltip {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding-left: 0;
  margin-top: -24px
}
.linkedin-delete-post .modal-body, .linkedin-manage-posts .modal-body {
  padding-bottom: 0;
  min-height: unset !important
}
.linkedin-delete-post .modal-title, .linkedin-manage-posts .modal-title {
  font-size: 18px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 400 !important
}
@media (max-width:768px) {
  .linkedin-delete-post .modal-title, .linkedin-manage-posts .modal-title {
    font-size: 16px !important;
    letter-spacing: .02em !important
  }
}
.linkedin-delete-post #modal_posts, .linkedin-manage-posts #modal_posts {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  max-height: 60vh;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px
}
.linkedin-delete-post .linkedin_posts_message, .linkedin-manage-posts .linkedin_posts_message {
  font-size: 14px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 400 !important;
  margin-bottom: 24px
}
.linkedin-delete-post .post, .linkedin-manage-posts .post {
  margin-bottom: 11px;
  height: auto
}
.linkedin-delete-post .post > div, .linkedin-manage-posts .post > div {
  background: var(--color-background-primary);
  border: .5px solid var(--color-border-default);
  border-radius: 8px
}
.linkedin-delete-post .post.no-image .post_grid_container, .linkedin-manage-posts .post.no-image .post_grid_container {
  grid-template-columns: 1fr 76px
}
.linkedin-delete-post .post .post_grid_container, .linkedin-manage-posts .post .post_grid_container {
  display: grid;
  grid-template-columns: 198px 1fr 76px
}
.linkedin-delete-post .post .image, .linkedin-manage-posts .post .image {
  margin: 14px 2px 14px 14px;
  width: 198px;
  height: 120px;
  border-radius: 8px
}
.linkedin-delete-post .post .image img, .linkedin-manage-posts .post .image img {
  -o-object-fit: fill;
  object-fit: fill;
  width: 100%;
  height: 100%;
  border-radius: 8px
}
.linkedin-delete-post .post .content, .linkedin-manage-posts .post .content {
  margin: 14px 0 0 24px;
  height: auto;
  border-radius: 8px
}
.linkedin-delete-post .post .content .organazation_info, .linkedin-manage-posts .post .content .organazation_info {
  margin: 5px 0 3px;
  padding: 8px 8px 8px 0;
  height: auto;
  width: 80%
}
.linkedin-delete-post .post .content .organazation_info img, .linkedin-manage-posts .post .content .organazation_info img {
  height: 38px;
  width: 38px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 13px;
  margin-bottom: 0
}
.linkedin-delete-post .post .content .organazation_info img.linkedin-logo, .linkedin-manage-posts .post .content .organazation_info img.linkedin-logo {
  background-color: #fff;
  border-radius: 4px
}
.linkedin-delete-post .post .content .post-text, .linkedin-manage-posts .post .content .post-text {
  margin-top: 5px;
  margin-bottom: 14px;
  border-radius: 5px
}
.linkedin-delete-post .post .content .post-text.edit-mode, .linkedin-manage-posts .post .content .post-text.edit-mode {
  background: var(--color-background-secondary);
  padding: 12px 14px
}
.linkedin-delete-post .post .content .post-text p, .linkedin-manage-posts .post .content .post-text p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  text-align: start
}
.linkedin-delete-post .post .content .post-text p.edit-post, .linkedin-manage-posts .post .content .post-text p.edit-post {
  display: inline-block
}
.linkedin-delete-post .post .content .post-text p:empty:not(:focus)::before, .linkedin-manage-posts .post .content .post-text p:empty:not(:focus)::before {
  content: attr(data-placeholder);
  color: var(--color-content-tertiary);
  margin-left: 52px
}
.linkedin-delete-post .post .content .post-text p.edit-post:empty:not(:focus)::before, .linkedin-manage-posts .post .content .post-text p.edit-post:empty:not(:focus)::before {
  margin-left: 0
}
.linkedin-delete-post .post .content .post-text p.more, .linkedin-manage-posts .post .content .post-text p.more {
  display: block
}
.linkedin-delete-post .post .content .post-text p[contenteditable], .linkedin-manage-posts .post .content .post-text p[contenteditable] {
  outline: transparent solid 0
}
.linkedin-delete-post .post .reposted, .linkedin-manage-posts .post .reposted {
  background: var(--color-background-secondary);
  width: 98px;
  height: 33px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px
}
.linkedin-delete-post .post .reposted span, .linkedin-manage-posts .post .reposted span {
  color: var(--color-content-tertiary);
  font-size: 12px !important;
  letter-spacing: .04em !important;
  font-weight: 400 !important
}
@media (max-width:768px) {
  .linkedin-delete-post .linkedin_posts_message, .linkedin-delete-post .post .reposted span, .linkedin-manage-posts .linkedin_posts_message, .linkedin-manage-posts .post .reposted span {
    font-size: 12px !important;
    letter-spacing: .04em !important
  }
}
.linkedin-delete-post .post .reposted span img, .linkedin-manage-posts .post .reposted span img {
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-filter: grayscale(1);
  filter: grayscale(1)
}
.linkedin-delete-post .post .buttons, .linkedin-manage-posts .post .buttons {
  margin-left: -50px;
  height: 100%;
  padding: 14px 14px 14px 0
}
.linkedin-delete-post .post .buttons div, .linkedin-manage-posts .post .buttons div {
  height: 100%;
  position: relative
}
.linkedin-delete-post .post .buttons div .edit-buttons, .linkedin-manage-posts .post .buttons div .edit-buttons {
  position: absolute;
  right: 0;
  display: flex;
  gap: 8px
}
.linkedin-delete-post .post .buttons div .delete-post-btn, .linkedin-manage-posts .post .buttons div .delete-post-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 36px;
  width: 36px;
  min-width: 36px
}
.linkedin-delete-post .post .buttons div .delete-post-btn.reshareContext, .linkedin-manage-posts .post .buttons div .delete-post-btn.reshareContext {
  margin-bottom: -32px
}
.linkedin-delete-post .post-pages, .linkedin-manage-posts .post-pages {
  margin-top: 24px;
  color: var(--basic_branding)
}
.linkedin-delete-post .post-pages button, .linkedin-manage-posts .post-pages button {
  background-color: transparent;
  color: var(--color-content-tertiary);
  border: none
}
.linkedin-delete-post .post-pages.post .read-more, .linkedin-manage-posts .post-pages.post .read-more {
  text-transform: uppercase
}
@media (max-width:840px) {
  .linkedin-delete-post .modal-dialog, .linkedin-manage-posts .modal-dialog {
    width: auto
  }
  .linkedin-delete-post .post .post_grid_container, .linkedin-manage-posts .post .post_grid_container {
    grid-template-columns: 108px 1fr 76px
  }
  .linkedin-delete-post .post .image, .linkedin-manage-posts .post .image {
    width: 108px
  }
}
div[name='content.OutlookCalendars'] .clearfix {
  margin-bottom: 8px
}
div[name='content.OutlookCalendars'] .clearfix fieldset {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  row-gap: 8px;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  padding: 12px;
  border: 1px solid var(--color-border-default);
  border-radius: 8px
}
div[name='content.OutlookCalendars'] .clearfix fieldset .form-group:not(.field-msCalendars) {
  width: auto !important
}
div[name='content.OutlookCalendars'] .clearfix fieldset .form-group:not(.field-msCalendars) label {
  margin-right: 4px
}
div[name='content.OutlookCalendars'] .clearfix fieldset .form-group:not(.field-msCalendars) .editor-container {
  min-width: -webkit-fit-content !important;
  min-width: -moz-fit-content !important;
  min-width: fit-content !important
}
div[name='content.OutlookCalendars'] .clearfix fieldset .field-msCalendars {
  flex-basis: 100%;
  margin: 0
}
div[name='content.OutlookCalendars'] .clearfix fieldset .field-msCalendars label {
  margin: 0 !important
}
div[name='content.OutlookCalendars'] .clearfix fieldset .field-msCalendars .editor-container {
  min-width: 100% !important
}
div[name='content.OutlookCalendars'] .clearfix fieldset .field-msCalendars li[role=group] {
  display: block
}
div[name='content.OutlookCalendars'].listCalendar .clearfix fieldset {
  padding: 0;
  border: none
}
div[name='content.OutlookCalendars'].listCalendar .field-eventBgColor, div[name='content.OutlookCalendars'].listCalendar .field-eventTextColor {
  display: none !important
}
.nested-model-apps-template button {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  padding: 0 12px !important
}
.nested-model-apps-template button .service-logo {
  width: 22px;
  height: 22px;
  margin-right: 6px;
  float: left
}
.nested-model-apps-template .nested-model-logout-container {
  gap: 12px
}
.nested-model-apps-modal.modal .modal-header {
  display: block;
  border-bottom: none
}
.nested-model-apps-modal.modal .modal-header .modal-title {
  font-size: 18px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 400 !important
}
@media (max-width:768px) {
  .nested-model-apps-modal.modal .modal-header .modal-title {
    font-size: 16px !important;
    letter-spacing: .02em !important
  }
}
.nested-model-apps-modal.modal .modal-header .modal-title .subtitle {
  color: var(--color-content-secondary);
  font-size: 14px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 400 !important
}
@media (max-width:768px) {
  .nested-model-apps-modal.modal .modal-header .modal-title .subtitle {
    font-size: 12px !important;
    letter-spacing: .04em !important
  }
}
.nested-model-apps-modal.modal .modal-body {
  padding: 0 24px 24px
}
.nested-model-apps-modal.modal .modal-body .form-content fieldset > div {
  margin: 0 0 16px !important
}
.nested-model-apps-modal.modal .modal-body .form-content fieldset > div:last-child {
  margin: 0 !important
}
.nested-model-apps-modal.modal .modal-body .has-error .select2.select2-container .select2-selection, .nested-model-apps-modal.modal .modal-body .has-error .select2.select2-container .select2-selection:focus, .nested-model-apps-modal.modal .modal-body .has-error input, .nested-model-apps-modal.modal .modal-body .has-error input:focus {
  border-color: var(--color-content-negative) !important
}
.nested-model-apps-modal.modal .modal-body .has-error p[data-error] {
  color: var(--color-content-negative) !important
}
.nested-model-apps-modal.modal .modal-body .has-error .control-label {
  color: var(--color-content-primary) !important
}
.nested-model-apps-modal.modal.identities-modal .modal-body {
  padding: 0 16px
}
.nested-model-apps-modal.modal.identities-modal .field-identities > label {
  font-size: 18px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 600 !important;
  margin-bottom: 8px
}
@media (max-width:768px) {
  .nested-model-apps-modal.modal.identities-modal .field-identities > label {
    font-size: 16px !important;
    letter-spacing: .02em !important
  }
  .nested-model-apps-modal.modal .modal-error {
    font-size: 12px !important;
    letter-spacing: .04em !important
  }
}
.nested-model-apps-modal.modal.identities-modal .identities-item {
  position: relative;
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  padding: 12px 12px 16px
}
.nested-model-apps-modal.modal.identities-modal .identities-item#list-item-0 [data-action=remove] {
  display: none
}
.nested-model-apps-modal.modal.identities-modal .identities-item .identities-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px
}
.nested-model-apps-modal.modal.identities-modal .identities-item [data-editor] {
  width: 100%
}
.nested-model-apps-modal.modal.identities-modal .identities-item .delete-ids-btn {
  height: auto;
  border: none;
  background-color: transparent
}
.nested-model-apps-modal.modal.identities-modal [data-action=add] {
  background-color: transparent;
  border: none;
  float: left
}
.nested-model-apps-modal.modal .modal-error {
  border-radius: 4px;
  border: 1px solid var(--color-content-negative);
  background: var(--color-background-negative-subtle);
  display: flex;
  padding: 4px 8px;
  margin-top: 16px;
  align-items: flex-end;
  color: var(--color-content-negative);
  font-size: 12px !important;
  letter-spacing: .04em !important;
  font-weight: 400 !important
}
.nested-model-apps-modal.modal .button-left {
  float: left
}
.apps-invalid-field button, .apps-invalid-field input {
  border: 1px solid var(--color-border-negative) !important
}
.apps-invalid-field p[invalid-field] {
  text-align: right;
  color: var(--color-content-negative)
}
.apps-valid-field button, .apps-valid-field input {
  border: 1px solid var(--color-content-positive) !important
}
.apps-warning-field button, .apps-warning-field input {
  border: 1px solid var(--color-border-warning) !important
}
.iconpicker .iconpicker-items, .iconpicker-popover.popover .popover-title {
  border-color: var(--color-border-default);
  background-color: var(--color-background-secondary)
}
.apps-warning-field .apps-warning-text {
  display: block !important;
  visibility: visible !important;
  color: var(--color-content-warning)
}
.is-form-view .revertedSelect2 .select2-selection__choice {
  max-width: 400px;
  height: 34px;
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-direction: row-reverse
}
.custom_form .field, .custom_form fieldset {
  flex-direction: column;
  display: flex
}
.is-form-view .revertedSelect2 .select2-selection__choice__remove {
  margin-right: 0;
  margin-left: 3px
}
.iconpicker-popover.popover {
  background-color: var(--color-background-secondary)
}
.iconpicker-popover.popover .arrow, .iconpicker-popover.popover .arrow::after {
  border-bottom-color: var(--color-border-default) !important
}
#emergency-types-form-container .iconpicker-popover.popover {
  background: var(--color-background-secondary)
}
#emergency-types-form-container .iconpicker-popover.popover .popover-title {
  background-color: var(--color-background-secondary);
  border: none
}
#emergency-types-form-container .iconpicker-popover.popover .popover-content .iconpicker-items {
  background-color: var(--color-background-secondary);
  border: var(--border)
}
#emergency-types-form-container .iconpicker-popover.popover .popover-content .iconpicker-items .iconpicker-item {
  border: 1px solid var(--color-border-default)
}
#emergency-types-form-container .iconpicker-popover.popover .popover-content .iconpicker-items .iconpicker-item:focus, #emergency-types-form-container .iconpicker-popover.popover .popover-content .iconpicker-items .iconpicker-item:hover {
  background-color: var(--color-background-secondary)
}
.cap-filters-title {
  background-color: var(--color-background-tertiary);
  padding: 12px 8px;
  border-radius: 4px
}
#emergency-lists #emergency_types_list_view .dataTables_filter {
  margin-top: -112px
}
#emergency-lists #emergency_types_list_view table {
  table-layout: fixed
}
#emergency-lists #emergency_types_list_view #mainTable {
  margin-top: 25px
}
#emergency-lists #emergency-filters-list .dataTables_filter {
  margin-top: -109px
}
#emergency-lists #cap-handlers-list .dataTables_filter {
  margin-top: -111px
}
#emergency-lists #national-weather-service-list .dataTables_filter {
  margin-top: -70px
}
#emergency-lists .num_of_items_container {
  margin-top: 35px
}
#emergency_filters_list_view table {
  table-layout: fixed
}
#emergency_filters_list_view #mainTable {
  margin-top: 25px
}
#emergency_filters_list_view .num_of_items_container {
  margin-top: 35px
}
.emergency_description {
  display: inline-block;
  max-width: 700px;
  font-size: 12px;
  color: var(--color-content-primary);
  margin-top: 20px;
  margin-bottom: 40px
}
#cap_handlers_list_view #mainTable {
  margin-top: 25px
}
#cap_handlers_list_view .num_of_items_container {
  margin-top: 35px
}
.emergency-wizard-footer {
  margin-top: 30px
}
@media (max-width:440px) {
  #emergency_filters_list_view .dataTables_filter input[type=search], #emergency_types_list_view .dataTables_filter input[type=search] {
    width: 40px
  }
}
@media (max-width:580px) {
  #emergency_filters_list_view .table .actions {
    width: 50px !important
  }
  #emergency_filters_list_view .table .actions button {
    margin-bottom: 5px
  }
}
@media (max-width:768px) {
  #emergency_types_list_view .table .actions {
    width: 50px !important
  }
  #emergency_types_list_view .table .actions button {
    margin-bottom: 5px
  }
}
.custom_form {
  background-color: var(--color-background-inverse);
  padding: 31px 21px 31px 31px;
  border-radius: 5px
}
.custom_form legend {
  font-weight: 600;
  font-size: 16px;
  color: var(--color-content-primary);
  border-bottom: none
}
.custom_form .field_row {
  display: flex;
  flex-direction: row
}
@media (max-width:769px) {
  .custom_form .field_row {
    flex-direction: column
  }
}
.custom_form .field {
  margin-right: 20px;
  flex: 50%
}
.custom_form label {
  font-size: 14px;
  color: var(--color-content-secondary)
}
.custom_form .checkbox_block .lbl label {
  position: relative;
  top: 3px
}
.custom_form .form-control::-webkit-input-placeholder, .custom_form ::-webkit-input-placeholder {
  color: var(--color-content-tertiary) !important;
  padding-left: 12px;
  font-size: 14px;
  font-weight: 400
}
.custom_form .form-control::placeholder, .custom_form ::-webkit-input-placeholder {
  color: var(--color-content-tertiary) !important;
  padding-left: 12px;
  font-size: 14px;
  font-weight: 400
}
.custom_form .form-control::-webkit-input-placeholder:first-letter, .custom_form ::-webkit-input-placeholder:first-letter {
  text-transform: uppercase
}
.custom_form .form-control::placeholder:first-letter, .custom_form ::-webkit-input-placeholder:first-letter {
  text-transform: uppercase
}
.custom_form .help-block:not(.help-text) {
  color: var(--color-content-negative) !important;
  text-align: end;
  font-size: 12px;
  display: block !important;
  margin-top: 6px;
  height: 0
}
.custom_form input[type=text].error_placeholder:focus {
  border-color: var(--color-border-negative) !important
}
.custom_form .form-group.has-error input, .custom_form .form-group.has-error select, .custom_form .form-group.has-error textarea {
  border-color: var(--color-border-negative) !important;
  color: unset !important;
  box-shadow: unset
}
@media (min-width:991px) {
  .custom_form .half_desktop_width {
    width: 50%
  }
}
.info_in_tab {
  color: var(--color-content-secondary);
  font-weight: 400;
  font-size: 12px
}
#media_tags a.learn_more {
  color: var(--color-content-primary);
  font-weight: 600;
  font-size: 12px;
  text-decoration: none
}
#media_tags a.learn_more i {
  margin-left: 4px
}
#media_tags [name=media_tag_filtering_rule] ul.select2-results__options {
  max-height: none
}
#media_tags .improved-form-group.advanced-form-group {
  background: 0 0;
  border: none
}
#media_tags .improved-form-group.advanced-form-group [name=media_tag_filtering_rule] ul.select2-results__options {
  max-height: none
}
.form-group.field-valid_before {
  margin: 0 0 0 16px !important
}
.all_media_form_view .app-inline-edit .form-actions, .all_media_form_view form .form-actions, .audio_form_view .app-inline-edit .form-actions, .audio_form_view form .form-actions, .image_form_view .app-inline-edit .form-actions, .image_form_view form .form-actions, .pdf_form_view .app-inline-edit .form-actions, .pdf_form_view form .form-actions, .redesigned_form .app-inline-edit .form-actions, .redesigned_form form .form-actions, .url_form_view .app-inline-edit .form-actions, .url_form_view form .form-actions, .video_form_view .app-inline-edit .form-actions, .video_form_view form .form-actions {
  margin-top: 0;
  margin-bottom: 0;
  background-color: transparent;
  border-top: none;
  padding: 0 0 20px
}
.all_media_form_view .app-inline-edit .form-actions .form-label, .all_media_form_view form .form-actions .form-label, .audio_form_view .app-inline-edit .form-actions .form-label, .audio_form_view form .form-actions .form-label, .image_form_view .app-inline-edit .form-actions .form-label, .image_form_view form .form-actions .form-label, .pdf_form_view .app-inline-edit .form-actions .form-label, .pdf_form_view form .form-actions .form-label, .redesigned_form .app-inline-edit .form-actions .form-label, .redesigned_form form .form-actions .form-label, .url_form_view .app-inline-edit .form-actions .form-label, .url_form_view form .form-actions .form-label, .video_form_view .app-inline-edit .form-actions .form-label, .video_form_view form .form-actions .form-label {
  font-size: 24px;
  color: var(--color-content-primary)
}
.all_media_form_view .app-inline-edit .form-actions #edit-form-actions-buttons, .all_media_form_view form .form-actions #edit-form-actions-buttons, .audio_form_view .app-inline-edit .form-actions #edit-form-actions-buttons, .audio_form_view form .form-actions #edit-form-actions-buttons, .image_form_view .app-inline-edit .form-actions #edit-form-actions-buttons, .image_form_view form .form-actions #edit-form-actions-buttons, .pdf_form_view .app-inline-edit .form-actions #edit-form-actions-buttons, .pdf_form_view form .form-actions #edit-form-actions-buttons, .redesigned_form .app-inline-edit .form-actions #edit-form-actions-buttons, .redesigned_form form .form-actions #edit-form-actions-buttons, .url_form_view .app-inline-edit .form-actions #edit-form-actions-buttons, .url_form_view form .form-actions #edit-form-actions-buttons, .video_form_view .app-inline-edit .form-actions #edit-form-actions-buttons, .video_form_view form .form-actions #edit-form-actions-buttons {
  margin-left: auto;
  display: flex
}
.all_media_form_view .app-inline-edit .form-content .form-group, .all_media_form_view form .form-content .form-group, .audio_form_view .app-inline-edit .form-content .form-group, .audio_form_view form .form-content .form-group, .image_form_view .app-inline-edit .form-content .form-group, .image_form_view form .form-content .form-group, .pdf_form_view .app-inline-edit .form-content .form-group, .pdf_form_view form .form-content .form-group, .redesigned_form .app-inline-edit .form-content .form-group, .redesigned_form form .form-content .form-group, .url_form_view .app-inline-edit .form-content .form-group, .url_form_view form .form-content .form-group, .video_form_view .app-inline-edit .form-content .form-group, .video_form_view form .form-content .form-group {
  height: 100%;
  margin: 0 0 24px
}
.all_media_form_view .app-inline-edit .form-content .form-group.has-error .select2-selection, .all_media_form_view .app-inline-edit .form-content .form-group.has-error input, .all_media_form_view .app-inline-edit .form-content .form-group.has-error select, .all_media_form_view .app-inline-edit .form-content .form-group.has-error textarea, .all_media_form_view form .form-content .form-group.has-error .select2-selection, .all_media_form_view form .form-content .form-group.has-error input, .all_media_form_view form .form-content .form-group.has-error select, .all_media_form_view form .form-content .form-group.has-error textarea, .audio_form_view .app-inline-edit .form-content .form-group.has-error .select2-selection, .audio_form_view .app-inline-edit .form-content .form-group.has-error input, .audio_form_view .app-inline-edit .form-content .form-group.has-error select, .audio_form_view .app-inline-edit .form-content .form-group.has-error textarea, .audio_form_view form .form-content .form-group.has-error .select2-selection, .audio_form_view form .form-content .form-group.has-error input, .audio_form_view form .form-content .form-group.has-error select, .audio_form_view form .form-content .form-group.has-error textarea, .image_form_view .app-inline-edit .form-content .form-group.has-error .select2-selection, .image_form_view .app-inline-edit .form-content .form-group.has-error input, .image_form_view .app-inline-edit .form-content .form-group.has-error select, .image_form_view .app-inline-edit .form-content .form-group.has-error textarea, .image_form_view form .form-content .form-group.has-error .select2-selection, .image_form_view form .form-content .form-group.has-error input, .image_form_view form .form-content .form-group.has-error select, .image_form_view form .form-content .form-group.has-error textarea, .pdf_form_view .app-inline-edit .form-content .form-group.has-error .select2-selection, .pdf_form_view .app-inline-edit .form-content .form-group.has-error input, .pdf_form_view .app-inline-edit .form-content .form-group.has-error select, .pdf_form_view .app-inline-edit .form-content .form-group.has-error textarea, .pdf_form_view form .form-content .form-group.has-error .select2-selection, .pdf_form_view form .form-content .form-group.has-error input, .pdf_form_view form .form-content .form-group.has-error select, .pdf_form_view form .form-content .form-group.has-error textarea, .redesigned_form .app-inline-edit .form-content .form-group.has-error .select2-selection, .redesigned_form .app-inline-edit .form-content .form-group.has-error input, .redesigned_form .app-inline-edit .form-content .form-group.has-error select, .redesigned_form .app-inline-edit .form-content .form-group.has-error textarea, .redesigned_form form .form-content .form-group.has-error .select2-selection, .redesigned_form form .form-content .form-group.has-error input, .redesigned_form form .form-content .form-group.has-error select, .redesigned_form form .form-content .form-group.has-error textarea, .url_form_view .app-inline-edit .form-content .form-group.has-error .select2-selection, .url_form_view .app-inline-edit .form-content .form-group.has-error input, .url_form_view .app-inline-edit .form-content .form-group.has-error select, .url_form_view .app-inline-edit .form-content .form-group.has-error textarea, .url_form_view form .form-content .form-group.has-error .select2-selection, .url_form_view form .form-content .form-group.has-error input, .url_form_view form .form-content .form-group.has-error select, .url_form_view form .form-content .form-group.has-error textarea, .video_form_view .app-inline-edit .form-content .form-group.has-error .select2-selection, .video_form_view .app-inline-edit .form-content .form-group.has-error input, .video_form_view .app-inline-edit .form-content .form-group.has-error select, .video_form_view .app-inline-edit .form-content .form-group.has-error textarea, .video_form_view form .form-content .form-group.has-error .select2-selection, .video_form_view form .form-content .form-group.has-error input, .video_form_view form .form-content .form-group.has-error select, .video_form_view form .form-content .form-group.has-error textarea {
  border-color: var(--color-border-negative) !important;
  color: unset !important;
  box-shadow: unset !important
}
.all_media_form_view .app-inline-edit .form-content .form-group.inner-form-group, .all_media_form_view form .form-content .form-group.inner-form-group, .audio_form_view .app-inline-edit .form-content .form-group.inner-form-group, .audio_form_view form .form-content .form-group.inner-form-group, .image_form_view .app-inline-edit .form-content .form-group.inner-form-group, .image_form_view form .form-content .form-group.inner-form-group, .pdf_form_view .app-inline-edit .form-content .form-group.inner-form-group, .pdf_form_view form .form-content .form-group.inner-form-group, .redesigned_form .app-inline-edit .form-content .form-group.inner-form-group, .redesigned_form form .form-content .form-group.inner-form-group, .url_form_view .app-inline-edit .form-content .form-group.inner-form-group, .url_form_view form .form-content .form-group.inner-form-group, .video_form_view .app-inline-edit .form-content .form-group.inner-form-group, .video_form_view form .form-content .form-group.inner-form-group {
  margin: 0
}
.all_media_form_view .app-inline-edit .form-content .form-group.field-flex-column, .all_media_form_view form .form-content .form-group.field-flex-column, .audio_form_view .app-inline-edit .form-content .form-group.field-flex-column, .audio_form_view form .form-content .form-group.field-flex-column, .image_form_view .app-inline-edit .form-content .form-group.field-flex-column, .image_form_view form .form-content .form-group.field-flex-column, .pdf_form_view .app-inline-edit .form-content .form-group.field-flex-column, .pdf_form_view form .form-content .form-group.field-flex-column, .redesigned_form .app-inline-edit .form-content .form-group.field-flex-column, .redesigned_form form .form-content .form-group.field-flex-column, .url_form_view .app-inline-edit .form-content .form-group.field-flex-column, .url_form_view form .form-content .form-group.field-flex-column, .video_form_view .app-inline-edit .form-content .form-group.field-flex-column, .video_form_view form .form-content .form-group.field-flex-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1
}
.all_media_form_view .app-inline-edit .form-content .form-group.field-flex-column .field-flex-column-label, .all_media_form_view form .form-content .form-group.field-flex-column .field-flex-column-label, .audio_form_view .app-inline-edit .form-content .form-group.field-flex-column .field-flex-column-label, .audio_form_view form .form-content .form-group.field-flex-column .field-flex-column-label, .image_form_view .app-inline-edit .form-content .form-group.field-flex-column .field-flex-column-label, .image_form_view form .form-content .form-group.field-flex-column .field-flex-column-label, .pdf_form_view .app-inline-edit .form-content .form-group.field-flex-column .field-flex-column-label, .pdf_form_view form .form-content .form-group.field-flex-column .field-flex-column-label, .redesigned_form .app-inline-edit .form-content .form-group.field-flex-column .field-flex-column-label, .redesigned_form form .form-content .form-group.field-flex-column .field-flex-column-label, .url_form_view .app-inline-edit .form-content .form-group.field-flex-column .field-flex-column-label, .url_form_view form .form-content .form-group.field-flex-column .field-flex-column-label, .video_form_view .app-inline-edit .form-content .form-group.field-flex-column .field-flex-column-label, .video_form_view form .form-content .form-group.field-flex-column .field-flex-column-label {
  margin-bottom: 2px;
  margin-right: 0;
  text-align: left;
  color: var(--color-content-secondary);
  font-size: 12px;
  font-weight: 500;
  padding: 0
}
.all_media_form_view .app-inline-edit .form-content .form-group.tooltip-help > label, .all_media_form_view form .form-content .form-group.tooltip-help > label, .audio_form_view .app-inline-edit .form-content .form-group.tooltip-help > label, .audio_form_view form .form-content .form-group.tooltip-help > label, .image_form_view .app-inline-edit .form-content .form-group.tooltip-help > label, .image_form_view form .form-content .form-group.tooltip-help > label, .pdf_form_view .app-inline-edit .form-content .form-group.tooltip-help > label, .pdf_form_view form .form-content .form-group.tooltip-help > label, .redesigned_form .app-inline-edit .form-content .form-group.tooltip-help > label, .redesigned_form form .form-content .form-group.tooltip-help > label, .url_form_view .app-inline-edit .form-content .form-group.tooltip-help > label, .url_form_view form .form-content .form-group.tooltip-help > label, .video_form_view .app-inline-edit .form-content .form-group.tooltip-help > label, .video_form_view form .form-content .form-group.tooltip-help > label {
  justify-content: end;
  align-items: center;
  flex-direction: row;
  display: flex
}
.all_media_form_view .app-inline-edit .form-content .form-group.tooltip-help > label .help-button.external .fa-external-link, .all_media_form_view form .form-content .form-group.tooltip-help > label .help-button.external .fa-external-link, .audio_form_view .app-inline-edit .form-content .form-group.tooltip-help > label .help-button.external .fa-external-link, .audio_form_view form .form-content .form-group.tooltip-help > label .help-button.external .fa-external-link, .image_form_view .app-inline-edit .form-content .form-group.tooltip-help > label .help-button.external .fa-external-link, .image_form_view form .form-content .form-group.tooltip-help > label .help-button.external .fa-external-link, .pdf_form_view .app-inline-edit .form-content .form-group.tooltip-help > label .help-button.external .fa-external-link, .pdf_form_view form .form-content .form-group.tooltip-help > label .help-button.external .fa-external-link, .redesigned_form .app-inline-edit .form-content .form-group.tooltip-help > label .help-button.external .fa-external-link, .redesigned_form form .form-content .form-group.tooltip-help > label .help-button.external .fa-external-link, .url_form_view .app-inline-edit .form-content .form-group.tooltip-help > label .help-button.external .fa-external-link, .url_form_view form .form-content .form-group.tooltip-help > label .help-button.external .fa-external-link, .video_form_view .app-inline-edit .form-content .form-group.tooltip-help > label .help-button.external .fa-external-link, .video_form_view form .form-content .form-group.tooltip-help > label .help-button.external .fa-external-link {
  display: none
}
.all_media_form_view .app-inline-edit .form-content .form-group .editor-container, .all_media_form_view form .form-content .form-group .editor-container, .audio_form_view .app-inline-edit .form-content .form-group .editor-container, .audio_form_view form .form-content .form-group .editor-container, .image_form_view .app-inline-edit .form-content .form-group .editor-container, .image_form_view form .form-content .form-group .editor-container, .pdf_form_view .app-inline-edit .form-content .form-group .editor-container, .pdf_form_view form .form-content .form-group .editor-container, .redesigned_form .app-inline-edit .form-content .form-group .editor-container, .redesigned_form form .form-content .form-group .editor-container, .url_form_view .app-inline-edit .form-content .form-group .editor-container, .url_form_view form .form-content .form-group .editor-container, .video_form_view .app-inline-edit .form-content .form-group .editor-container, .video_form_view form .form-content .form-group .editor-container {
  max-width: 450px;
  min-width: 90px;
  width: 100%;
  line-height: 14px;
  flex: 1
}
.all_media_form_view .app-inline-edit .form-content .form-group .editor-container.lg-size, .all_media_form_view form .form-content .form-group .editor-container.lg-size, .audio_form_view .app-inline-edit .form-content .form-group .editor-container.lg-size, .audio_form_view form .form-content .form-group .editor-container.lg-size, .image_form_view .app-inline-edit .form-content .form-group .editor-container.lg-size, .image_form_view form .form-content .form-group .editor-container.lg-size, .pdf_form_view .app-inline-edit .form-content .form-group .editor-container.lg-size, .pdf_form_view form .form-content .form-group .editor-container.lg-size, .redesigned_form .app-inline-edit .form-content .form-group .editor-container.lg-size, .redesigned_form form .form-content .form-group .editor-container.lg-size, .url_form_view .app-inline-edit .form-content .form-group .editor-container.lg-size, .url_form_view form .form-content .form-group .editor-container.lg-size, .video_form_view .app-inline-edit .form-content .form-group .editor-container.lg-size, .video_form_view form .form-content .form-group .editor-container.lg-size {
  max-width: 250px
}
.all_media_form_view .app-inline-edit .form-content .form-group .editor-container p[data-error], .all_media_form_view form .form-content .form-group .editor-container p[data-error], .audio_form_view .app-inline-edit .form-content .form-group .editor-container p[data-error], .audio_form_view form .form-content .form-group .editor-container p[data-error], .image_form_view .app-inline-edit .form-content .form-group .editor-container p[data-error], .image_form_view form .form-content .form-group .editor-container p[data-error], .pdf_form_view .app-inline-edit .form-content .form-group .editor-container p[data-error], .pdf_form_view form .form-content .form-group .editor-container p[data-error], .redesigned_form .app-inline-edit .form-content .form-group .editor-container p[data-error], .redesigned_form form .form-content .form-group .editor-container p[data-error], .url_form_view .app-inline-edit .form-content .form-group .editor-container p[data-error], .url_form_view form .form-content .form-group .editor-container p[data-error], .video_form_view .app-inline-edit .form-content .form-group .editor-container p[data-error], .video_form_view form .form-content .form-group .editor-container p[data-error] {
  text-align: right;
  margin-top: 8px;
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  margin-bottom: 0;
  color: var(--color-content-negative)
}
.all_media_form_view .app-inline-edit .form-content .form-group .editor-container .help-text, .all_media_form_view form .form-content .form-group .editor-container .help-text, .audio_form_view .app-inline-edit .form-content .form-group .editor-container .help-text, .audio_form_view form .form-content .form-group .editor-container .help-text, .image_form_view .app-inline-edit .form-content .form-group .editor-container .help-text, .image_form_view form .form-content .form-group .editor-container .help-text, .pdf_form_view .app-inline-edit .form-content .form-group .editor-container .help-text, .pdf_form_view form .form-content .form-group .editor-container .help-text, .redesigned_form .app-inline-edit .form-content .form-group .editor-container .help-text, .redesigned_form form .form-content .form-group .editor-container .help-text, .url_form_view .app-inline-edit .form-content .form-group .editor-container .help-text, .url_form_view form .form-content .form-group .editor-container .help-text, .video_form_view .app-inline-edit .form-content .form-group .editor-container .help-text, .video_form_view form .form-content .form-group .editor-container .help-text {
  margin-top: 12px
}
.all_media_form_view .app-inline-edit .form-content .form-group .editor-container .form-content fieldset .form-group, .all_media_form_view form .form-content .form-group .editor-container .form-content fieldset .form-group, .audio_form_view .app-inline-edit .form-content .form-group .editor-container .form-content fieldset .form-group, .audio_form_view form .form-content .form-group .editor-container .form-content fieldset .form-group, .image_form_view .app-inline-edit .form-content .form-group .editor-container .form-content fieldset .form-group, .image_form_view form .form-content .form-group .editor-container .form-content fieldset .form-group, .pdf_form_view .app-inline-edit .form-content .form-group .editor-container .form-content fieldset .form-group, .pdf_form_view form .form-content .form-group .editor-container .form-content fieldset .form-group, .redesigned_form .app-inline-edit .form-content .form-group .editor-container .form-content fieldset .form-group, .redesigned_form form .form-content .form-group .editor-container .form-content fieldset .form-group, .url_form_view .app-inline-edit .form-content .form-group .editor-container .form-content fieldset .form-group, .url_form_view form .form-content .form-group .editor-container .form-content fieldset .form-group, .video_form_view .app-inline-edit .form-content .form-group .editor-container .form-content fieldset .form-group, .video_form_view form .form-content .form-group .editor-container .form-content fieldset .form-group {
  width: auto !important
}
.all_media_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]), .all_media_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]), .audio_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]), .audio_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]), .image_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]), .image_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]), .pdf_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]), .pdf_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]), .redesigned_form .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]), .redesigned_form form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]), .url_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]), .url_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]), .video_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]), .video_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) {
  display: flex;
  align-items: center;
  width: 100%
}
.all_media_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) > label:not(.field-flex-column-label), .all_media_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) > label:not(.field-flex-column-label), .audio_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) > label:not(.field-flex-column-label), .audio_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) > label:not(.field-flex-column-label), .image_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) > label:not(.field-flex-column-label), .image_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) > label:not(.field-flex-column-label), .pdf_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) > label:not(.field-flex-column-label), .pdf_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) > label:not(.field-flex-column-label), .redesigned_form .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) > label:not(.field-flex-column-label), .redesigned_form form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) > label:not(.field-flex-column-label), .url_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) > label:not(.field-flex-column-label), .url_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) > label:not(.field-flex-column-label), .video_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) > label:not(.field-flex-column-label), .video_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) > label:not(.field-flex-column-label) {
  color: var(--color-content-secondary);
  line-height: 20px;
  margin-right: 16px;
  max-width: 174px;
  width: 100%;
  padding: 0
}
.all_media_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .all_media_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .audio_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .audio_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .image_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .image_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .pdf_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .pdf_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .redesigned_form .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .redesigned_form form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .url_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .url_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .video_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .video_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column):not([class*=seperator]) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label {
  text-align: right
}
.all_media_form_view .app-inline-edit .form-content .form-group[class*=seperator], .all_media_form_view form .form-content .form-group[class*=seperator], .audio_form_view .app-inline-edit .form-content .form-group[class*=seperator], .audio_form_view form .form-content .form-group[class*=seperator], .image_form_view .app-inline-edit .form-content .form-group[class*=seperator], .image_form_view form .form-content .form-group[class*=seperator], .pdf_form_view .app-inline-edit .form-content .form-group[class*=seperator], .pdf_form_view form .form-content .form-group[class*=seperator], .redesigned_form .app-inline-edit .form-content .form-group[class*=seperator], .redesigned_form form .form-content .form-group[class*=seperator], .url_form_view .app-inline-edit .form-content .form-group[class*=seperator], .url_form_view form .form-content .form-group[class*=seperator], .video_form_view .app-inline-edit .form-content .form-group[class*=seperator], .video_form_view form .form-content .form-group[class*=seperator] {
  display: block;
  margin-left: 15px
}
.all_media_form_view .app-inline-edit .form-content .form-group[class*=seperator] .seperator-heading, .all_media_form_view form .form-content .form-group[class*=seperator] .seperator-heading, .audio_form_view .app-inline-edit .form-content .form-group[class*=seperator] .seperator-heading, .audio_form_view form .form-content .form-group[class*=seperator] .seperator-heading, .image_form_view .app-inline-edit .form-content .form-group[class*=seperator] .seperator-heading, .image_form_view form .form-content .form-group[class*=seperator] .seperator-heading, .pdf_form_view .app-inline-edit .form-content .form-group[class*=seperator] .seperator-heading, .pdf_form_view form .form-content .form-group[class*=seperator] .seperator-heading, .redesigned_form .app-inline-edit .form-content .form-group[class*=seperator] .seperator-heading, .redesigned_form form .form-content .form-group[class*=seperator] .seperator-heading, .url_form_view .app-inline-edit .form-content .form-group[class*=seperator] .seperator-heading, .url_form_view form .form-content .form-group[class*=seperator] .seperator-heading, .video_form_view .app-inline-edit .form-content .form-group[class*=seperator] .seperator-heading, .video_form_view form .form-content .form-group[class*=seperator] .seperator-heading {
  color: var(--color-content-secondary);
  font-size: 12px;
  padding-bottom: 4px;
  margin-bottom: 8px;
  letter-spacing: .8px;
  font-weight: 700;
  border-bottom: 1px solid var(--color-background-tertiary)
}
.all_media_form_view .app-inline-edit .form-content .form-group.field-valid_after > label, .all_media_form_view .app-inline-edit .form-content .form-group.field-valid_before > label, .all_media_form_view form .form-content .form-group.field-valid_after > label, .all_media_form_view form .form-content .form-group.field-valid_before > label, .audio_form_view .app-inline-edit .form-content .form-group.field-valid_after > label, .audio_form_view .app-inline-edit .form-content .form-group.field-valid_before > label, .audio_form_view form .form-content .form-group.field-valid_after > label, .audio_form_view form .form-content .form-group.field-valid_before > label, .image_form_view .app-inline-edit .form-content .form-group.field-valid_after > label, .image_form_view .app-inline-edit .form-content .form-group.field-valid_before > label, .image_form_view form .form-content .form-group.field-valid_after > label, .image_form_view form .form-content .form-group.field-valid_before > label, .pdf_form_view .app-inline-edit .form-content .form-group.field-valid_after > label, .pdf_form_view .app-inline-edit .form-content .form-group.field-valid_before > label, .pdf_form_view form .form-content .form-group.field-valid_after > label, .pdf_form_view form .form-content .form-group.field-valid_before > label, .redesigned_form .app-inline-edit .form-content .form-group.field-valid_after > label, .redesigned_form .app-inline-edit .form-content .form-group.field-valid_before > label, .redesigned_form form .form-content .form-group.field-valid_after > label, .redesigned_form form .form-content .form-group.field-valid_before > label, .url_form_view .app-inline-edit .form-content .form-group.field-valid_after > label, .url_form_view .app-inline-edit .form-content .form-group.field-valid_before > label, .url_form_view form .form-content .form-group.field-valid_after > label, .url_form_view form .form-content .form-group.field-valid_before > label, .video_form_view .app-inline-edit .form-content .form-group.field-valid_after > label, .video_form_view .app-inline-edit .form-content .form-group.field-valid_before > label, .video_form_view form .form-content .form-group.field-valid_after > label, .video_form_view form .form-content .form-group.field-valid_before > label {
  color: var(--color-content-secondary);
  line-height: 20px;
  margin-right: 16px;
  max-width: 174px;
  width: auto;
  padding: 0
}
.all_media_form_view .app-inline-edit .form-content .form-group.add-description-toggle, .all_media_form_view form .form-content .form-group.add-description-toggle, .audio_form_view .app-inline-edit .form-content .form-group.add-description-toggle, .audio_form_view form .form-content .form-group.add-description-toggle, .image_form_view .app-inline-edit .form-content .form-group.add-description-toggle, .image_form_view form .form-content .form-group.add-description-toggle, .pdf_form_view .app-inline-edit .form-content .form-group.add-description-toggle, .pdf_form_view form .form-content .form-group.add-description-toggle, .redesigned_form .app-inline-edit .form-content .form-group.add-description-toggle, .redesigned_form form .form-content .form-group.add-description-toggle, .url_form_view .app-inline-edit .form-content .form-group.add-description-toggle, .url_form_view form .form-content .form-group.add-description-toggle, .video_form_view .app-inline-edit .form-content .form-group.add-description-toggle, .video_form_view form .form-content .form-group.add-description-toggle {
  padding-left: 190px
}
.all_media_form_view .app-inline-edit .form-content .form-group[hidden], .all_media_form_view form .form-content .form-group[hidden], .audio_form_view .app-inline-edit .form-content .form-group[hidden], .audio_form_view form .form-content .form-group[hidden], .image_form_view .app-inline-edit .form-content .form-group[hidden], .image_form_view form .form-content .form-group[hidden], .pdf_form_view .app-inline-edit .form-content .form-group[hidden], .pdf_form_view form .form-content .form-group[hidden], .redesigned_form .app-inline-edit .form-content .form-group[hidden], .redesigned_form form .form-content .form-group[hidden], .url_form_view .app-inline-edit .form-content .form-group[hidden], .url_form_view form .form-content .form-group[hidden], .video_form_view .app-inline-edit .form-content .form-group[hidden], .video_form_view form .form-content .form-group[hidden] {
  display: none !important
}
.all_media_form_view .app-inline-edit .form-content .form-group.fake-flex-field, .all_media_form_view form .form-content .form-group.fake-flex-field, .audio_form_view .app-inline-edit .form-content .form-group.fake-flex-field, .audio_form_view form .form-content .form-group.fake-flex-field, .image_form_view .app-inline-edit .form-content .form-group.fake-flex-field, .image_form_view form .form-content .form-group.fake-flex-field, .pdf_form_view .app-inline-edit .form-content .form-group.fake-flex-field, .pdf_form_view form .form-content .form-group.fake-flex-field, .redesigned_form .app-inline-edit .form-content .form-group.fake-flex-field, .redesigned_form form .form-content .form-group.fake-flex-field, .url_form_view .app-inline-edit .form-content .form-group.fake-flex-field, .url_form_view form .form-content .form-group.fake-flex-field, .video_form_view .app-inline-edit .form-content .form-group.fake-flex-field, .video_form_view form .form-content .form-group.fake-flex-field {
  align-items: flex-start;
  display: block
}
.all_media_form_view .app-inline-edit .form-content .form-group.fake-flex-field > label, .all_media_form_view form .form-content .form-group.fake-flex-field > label, .audio_form_view .app-inline-edit .form-content .form-group.fake-flex-field > label, .audio_form_view form .form-content .form-group.fake-flex-field > label, .image_form_view .app-inline-edit .form-content .form-group.fake-flex-field > label, .image_form_view form .form-content .form-group.fake-flex-field > label, .pdf_form_view .app-inline-edit .form-content .form-group.fake-flex-field > label, .pdf_form_view form .form-content .form-group.fake-flex-field > label, .redesigned_form .app-inline-edit .form-content .form-group.fake-flex-field > label, .redesigned_form form .form-content .form-group.fake-flex-field > label, .url_form_view .app-inline-edit .form-content .form-group.fake-flex-field > label, .url_form_view form .form-content .form-group.fake-flex-field > label, .video_form_view .app-inline-edit .form-content .form-group.fake-flex-field > label, .video_form_view form .form-content .form-group.fake-flex-field > label {
  align-self: flex-start;
  margin-top: 12px !important
}
@media (max-width:670px) {
  .all_media_form_view .app-inline-edit .form-content .form-group.fake-flex-field > label.layout-inline-edit-form-group-label, .all_media_form_view form .form-content .form-group.fake-flex-field > label.layout-inline-edit-form-group-label, .audio_form_view .app-inline-edit .form-content .form-group.fake-flex-field > label.layout-inline-edit-form-group-label, .audio_form_view form .form-content .form-group.fake-flex-field > label.layout-inline-edit-form-group-label, .image_form_view .app-inline-edit .form-content .form-group.fake-flex-field > label.layout-inline-edit-form-group-label, .image_form_view form .form-content .form-group.fake-flex-field > label.layout-inline-edit-form-group-label, .pdf_form_view .app-inline-edit .form-content .form-group.fake-flex-field > label.layout-inline-edit-form-group-label, .pdf_form_view form .form-content .form-group.fake-flex-field > label.layout-inline-edit-form-group-label, .redesigned_form .app-inline-edit .form-content .form-group.fake-flex-field > label.layout-inline-edit-form-group-label, .redesigned_form form .form-content .form-group.fake-flex-field > label.layout-inline-edit-form-group-label, .url_form_view .app-inline-edit .form-content .form-group.fake-flex-field > label.layout-inline-edit-form-group-label, .url_form_view form .form-content .form-group.fake-flex-field > label.layout-inline-edit-form-group-label, .video_form_view .app-inline-edit .form-content .form-group.fake-flex-field > label.layout-inline-edit-form-group-label, .video_form_view form .form-content .form-group.fake-flex-field > label.layout-inline-edit-form-group-label {
    margin-top: 0 !important
  }
}
.all_media_form_view .app-inline-edit .form-content .form-group .media-reference-container, .all_media_form_view form .form-content .form-group .media-reference-container, .audio_form_view .app-inline-edit .form-content .form-group .media-reference-container, .audio_form_view form .form-content .form-group .media-reference-container, .image_form_view .app-inline-edit .form-content .form-group .media-reference-container, .image_form_view form .form-content .form-group .media-reference-container, .pdf_form_view .app-inline-edit .form-content .form-group .media-reference-container, .pdf_form_view form .form-content .form-group .media-reference-container, .redesigned_form .app-inline-edit .form-content .form-group .media-reference-container, .redesigned_form form .form-content .form-group .media-reference-container, .url_form_view .app-inline-edit .form-content .form-group .media-reference-container, .url_form_view form .form-content .form-group .media-reference-container, .video_form_view .app-inline-edit .form-content .form-group .media-reference-container, .video_form_view form .form-content .form-group .media-reference-container {
  display: flex;
  margin-bottom: 14px
}
@media (max-width:1140px) {
  .all_media_form_view .app-inline-edit .form-content .form-group.add-description-toggle, .all_media_form_view form .form-content .form-group.add-description-toggle, .audio_form_view .app-inline-edit .form-content .form-group.add-description-toggle, .audio_form_view form .form-content .form-group.add-description-toggle, .image_form_view .app-inline-edit .form-content .form-group.add-description-toggle, .image_form_view form .form-content .form-group.add-description-toggle, .pdf_form_view .app-inline-edit .form-content .form-group.add-description-toggle, .pdf_form_view form .form-content .form-group.add-description-toggle, .redesigned_form .app-inline-edit .form-content .form-group.add-description-toggle, .redesigned_form form .form-content .form-group.add-description-toggle, .url_form_view .app-inline-edit .form-content .form-group.add-description-toggle, .url_form_view form .form-content .form-group.add-description-toggle, .video_form_view .app-inline-edit .form-content .form-group.add-description-toggle, .video_form_view form .form-content .form-group.add-description-toggle {
    padding-left: 0
  }
  .all_media_form_view .app-inline-edit .form-content .form-group.fake-flex-field > label:not(.layout-inline-edit-form-group-label), .all_media_form_view form .form-content .form-group.fake-flex-field > label:not(.layout-inline-edit-form-group-label), .audio_form_view .app-inline-edit .form-content .form-group.fake-flex-field > label:not(.layout-inline-edit-form-group-label), .audio_form_view form .form-content .form-group.fake-flex-field > label:not(.layout-inline-edit-form-group-label), .image_form_view .app-inline-edit .form-content .form-group.fake-flex-field > label:not(.layout-inline-edit-form-group-label), .image_form_view form .form-content .form-group.fake-flex-field > label:not(.layout-inline-edit-form-group-label), .pdf_form_view .app-inline-edit .form-content .form-group.fake-flex-field > label:not(.layout-inline-edit-form-group-label), .pdf_form_view form .form-content .form-group.fake-flex-field > label:not(.layout-inline-edit-form-group-label), .redesigned_form .app-inline-edit .form-content .form-group.fake-flex-field > label:not(.layout-inline-edit-form-group-label), .redesigned_form form .form-content .form-group.fake-flex-field > label:not(.layout-inline-edit-form-group-label), .url_form_view .app-inline-edit .form-content .form-group.fake-flex-field > label:not(.layout-inline-edit-form-group-label), .url_form_view form .form-content .form-group.fake-flex-field > label:not(.layout-inline-edit-form-group-label), .video_form_view .app-inline-edit .form-content .form-group.fake-flex-field > label:not(.layout-inline-edit-form-group-label), .video_form_view form .form-content .form-group.fake-flex-field > label:not(.layout-inline-edit-form-group-label) {
    margin-top: 0 !important
  }
  .all_media_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group), .all_media_form_view form .form-content .form-group:not(.layout-inline-edit-form-group), .audio_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group), .audio_form_view form .form-content .form-group:not(.layout-inline-edit-form-group), .image_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group), .image_form_view form .form-content .form-group:not(.layout-inline-edit-form-group), .pdf_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group), .pdf_form_view form .form-content .form-group:not(.layout-inline-edit-form-group), .redesigned_form .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group), .redesigned_form form .form-content .form-group:not(.layout-inline-edit-form-group), .url_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group), .url_form_view form .form-content .form-group:not(.layout-inline-edit-form-group), .video_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group), .video_form_view form .form-content .form-group:not(.layout-inline-edit-form-group) {
    flex-direction: column;
    align-items: flex-start !important
  }
  .all_media_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group) .field-secondary-wifi, .all_media_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group) > label, .all_media_form_view form .form-content .form-group:not(.layout-inline-edit-form-group) .field-secondary-wifi, .all_media_form_view form .form-content .form-group:not(.layout-inline-edit-form-group) > label, .audio_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group) .field-secondary-wifi, .audio_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group) > label, .audio_form_view form .form-content .form-group:not(.layout-inline-edit-form-group) .field-secondary-wifi, .audio_form_view form .form-content .form-group:not(.layout-inline-edit-form-group) > label, .image_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group) .field-secondary-wifi, .image_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group) > label, .image_form_view form .form-content .form-group:not(.layout-inline-edit-form-group) .field-secondary-wifi, .image_form_view form .form-content .form-group:not(.layout-inline-edit-form-group) > label, .pdf_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group) .field-secondary-wifi, .pdf_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group) > label, .pdf_form_view form .form-content .form-group:not(.layout-inline-edit-form-group) .field-secondary-wifi, .pdf_form_view form .form-content .form-group:not(.layout-inline-edit-form-group) > label, .redesigned_form .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group) .field-secondary-wifi, .redesigned_form .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group) > label, .redesigned_form form .form-content .form-group:not(.layout-inline-edit-form-group) .field-secondary-wifi, .redesigned_form form .form-content .form-group:not(.layout-inline-edit-form-group) > label, .url_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group) .field-secondary-wifi, .url_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group) > label, .url_form_view form .form-content .form-group:not(.layout-inline-edit-form-group) .field-secondary-wifi, .url_form_view form .form-content .form-group:not(.layout-inline-edit-form-group) > label, .video_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group) .field-secondary-wifi, .video_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group) > label, .video_form_view form .form-content .form-group:not(.layout-inline-edit-form-group) .field-secondary-wifi, .video_form_view form .form-content .form-group:not(.layout-inline-edit-form-group) > label {
    width: auto !important;
    margin-bottom: 6px !important;
    margin-top: 0 !important;
    max-width: 100% !important
  }
  .all_media_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability, .all_media_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability, .audio_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability, .audio_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability, .image_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability, .image_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability, .pdf_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability, .pdf_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability, .redesigned_form .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability, .redesigned_form form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability, .url_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability, .url_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability, .video_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability, .video_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability {
    flex-direction: row;
    align-items: center !important
  }
  .all_media_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability > label, .all_media_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability > label, .audio_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability > label, .audio_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability > label, .image_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability > label, .image_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability > label, .pdf_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability > label, .pdf_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability > label, .redesigned_form .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability > label, .redesigned_form form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability > label, .url_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability > label, .url_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability > label, .video_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability > label, .video_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability > label {
    width: auto !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important
  }
  .all_media_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability > div, .all_media_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability > div, .audio_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability > div, .audio_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability > div, .image_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability > div, .image_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability > div, .pdf_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability > div, .pdf_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability > div, .redesigned_form .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability > div, .redesigned_form form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability > div, .url_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability > div, .url_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability > div, .video_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability > div, .video_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability > div {
    margin-left: auto;
    width: auto !important
  }
}
@media (max-width:1380px) {
  .all_media_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div, .all_media_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div, .audio_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div, .audio_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div, .image_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div, .image_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div, .pdf_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div, .pdf_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div, .redesigned_form .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div, .redesigned_form form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div, .url_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div, .url_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div, .video_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div, .video_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div {
    flex-direction: column
  }
  .all_media_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div .form-group.field-valid_after, .all_media_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div .form-group.field-valid_after, .audio_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div .form-group.field-valid_after, .audio_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div .form-group.field-valid_after, .image_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div .form-group.field-valid_after, .image_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div .form-group.field-valid_after, .pdf_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div .form-group.field-valid_after, .pdf_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div .form-group.field-valid_after, .redesigned_form .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div .form-group.field-valid_after, .redesigned_form form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div .form-group.field-valid_after, .url_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div .form-group.field-valid_after, .url_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div .form-group.field-valid_after, .video_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div .form-group.field-valid_after, .video_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div .form-group.field-valid_after {
    margin-bottom: 0 !important
  }
  .all_media_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div .form-group.field-valid_before, .all_media_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div .form-group.field-valid_before, .audio_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div .form-group.field-valid_before, .audio_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div .form-group.field-valid_before, .image_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div .form-group.field-valid_before, .image_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div .form-group.field-valid_before, .pdf_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div .form-group.field-valid_before, .pdf_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div .form-group.field-valid_before, .redesigned_form .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div .form-group.field-valid_before, .redesigned_form form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div .form-group.field-valid_before, .url_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div .form-group.field-valid_before, .url_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div .form-group.field-valid_before, .video_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div .form-group.field-valid_before, .video_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div .form-group.field-valid_before {
    margin-left: 0 !important;
    margin-top: 12px !important
  }
}
@media (max-width:1140px) {
  .all_media_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div, .all_media_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div, .audio_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div, .audio_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div, .image_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div, .image_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div, .pdf_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div, .pdf_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div, .redesigned_form .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div, .redesigned_form form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div, .url_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div, .url_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div, .video_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div, .video_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).toggle_availability + div {
    margin-left: 12px !important
  }
  .all_media_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).add-description-toggle, .all_media_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).add-description-toggle, .audio_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).add-description-toggle, .audio_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).add-description-toggle, .image_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).add-description-toggle, .image_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).add-description-toggle, .pdf_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).add-description-toggle, .pdf_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).add-description-toggle, .redesigned_form .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).add-description-toggle, .redesigned_form form .form-content .form-group:not(.layout-inline-edit-form-group).add-description-toggle, .url_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).add-description-toggle, .url_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).add-description-toggle, .video_form_view .app-inline-edit .form-content .form-group:not(.layout-inline-edit-form-group).add-description-toggle, .video_form_view form .form-content .form-group:not(.layout-inline-edit-form-group).add-description-toggle {
    margin-left: 0 !important;
    flex-direction: row;
    align-items: center !important
  }
}
@media (max-width:670px) {
  .all_media_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group, .all_media_form_view form .form-content .form-group.layout-inline-edit-form-group, .audio_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group, .audio_form_view form .form-content .form-group.layout-inline-edit-form-group, .image_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group, .image_form_view form .form-content .form-group.layout-inline-edit-form-group, .pdf_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group, .pdf_form_view form .form-content .form-group.layout-inline-edit-form-group, .redesigned_form .app-inline-edit .form-content .form-group.layout-inline-edit-form-group, .redesigned_form form .form-content .form-group.layout-inline-edit-form-group, .url_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group, .url_form_view form .form-content .form-group.layout-inline-edit-form-group, .video_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group, .video_form_view form .form-content .form-group.layout-inline-edit-form-group {
    flex-direction: column;
    align-items: flex-start !important
  }
  .all_media_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group .field-secondary-wifi, .all_media_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group > label, .all_media_form_view form .form-content .form-group.layout-inline-edit-form-group .field-secondary-wifi, .all_media_form_view form .form-content .form-group.layout-inline-edit-form-group > label, .audio_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group .field-secondary-wifi, .audio_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group > label, .audio_form_view form .form-content .form-group.layout-inline-edit-form-group .field-secondary-wifi, .audio_form_view form .form-content .form-group.layout-inline-edit-form-group > label, .image_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group .field-secondary-wifi, .image_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group > label, .image_form_view form .form-content .form-group.layout-inline-edit-form-group .field-secondary-wifi, .image_form_view form .form-content .form-group.layout-inline-edit-form-group > label, .pdf_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group .field-secondary-wifi, .pdf_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group > label, .pdf_form_view form .form-content .form-group.layout-inline-edit-form-group .field-secondary-wifi, .pdf_form_view form .form-content .form-group.layout-inline-edit-form-group > label, .redesigned_form .app-inline-edit .form-content .form-group.layout-inline-edit-form-group .field-secondary-wifi, .redesigned_form .app-inline-edit .form-content .form-group.layout-inline-edit-form-group > label, .redesigned_form form .form-content .form-group.layout-inline-edit-form-group .field-secondary-wifi, .redesigned_form form .form-content .form-group.layout-inline-edit-form-group > label, .url_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group .field-secondary-wifi, .url_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group > label, .url_form_view form .form-content .form-group.layout-inline-edit-form-group .field-secondary-wifi, .url_form_view form .form-content .form-group.layout-inline-edit-form-group > label, .video_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group .field-secondary-wifi, .video_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group > label, .video_form_view form .form-content .form-group.layout-inline-edit-form-group .field-secondary-wifi, .video_form_view form .form-content .form-group.layout-inline-edit-form-group > label {
    width: auto !important;
    margin-bottom: 6px !important;
    margin-top: 0 !important;
    max-width: 100% !important
  }
  .all_media_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability, .all_media_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability, .audio_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability, .audio_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability, .image_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability, .image_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability, .pdf_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability, .pdf_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability, .redesigned_form .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability, .redesigned_form form .form-content .form-group.layout-inline-edit-form-group.toggle_availability, .url_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability, .url_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability, .video_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability, .video_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability {
    flex-direction: row;
    align-items: center !important
  }
  .all_media_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability > label, .all_media_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability > label, .audio_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability > label, .audio_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability > label, .image_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability > label, .image_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability > label, .pdf_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability > label, .pdf_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability > label, .redesigned_form .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability > label, .redesigned_form form .form-content .form-group.layout-inline-edit-form-group.toggle_availability > label, .url_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability > label, .url_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability > label, .video_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability > label, .video_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability > label {
    width: auto !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important
  }
  .all_media_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability > div, .all_media_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability > div, .audio_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability > div, .audio_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability > div, .image_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability > div, .image_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability > div, .pdf_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability > div, .pdf_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability > div, .redesigned_form .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability > div, .redesigned_form form .form-content .form-group.layout-inline-edit-form-group.toggle_availability > div, .url_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability > div, .url_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability > div, .video_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability > div, .video_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability > div {
    margin-left: auto;
    width: auto !important
  }
}
@media (max-width:700px) {
  .all_media_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div, .all_media_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div, .audio_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div, .audio_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div, .image_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div, .image_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div, .pdf_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div, .pdf_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div, .redesigned_form .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div, .redesigned_form form .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div, .url_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div, .url_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div, .video_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div, .video_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div {
    flex-direction: column
  }
  .all_media_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div .form-group.field-valid_after, .all_media_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div .form-group.field-valid_after, .audio_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div .form-group.field-valid_after, .audio_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div .form-group.field-valid_after, .image_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div .form-group.field-valid_after, .image_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div .form-group.field-valid_after, .pdf_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div .form-group.field-valid_after, .pdf_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div .form-group.field-valid_after, .redesigned_form .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div .form-group.field-valid_after, .redesigned_form form .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div .form-group.field-valid_after, .url_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div .form-group.field-valid_after, .url_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div .form-group.field-valid_after, .video_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div .form-group.field-valid_after, .video_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div .form-group.field-valid_after {
    margin-bottom: 0 !important
  }
  .all_media_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div .form-group.field-valid_before, .all_media_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div .form-group.field-valid_before, .audio_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div .form-group.field-valid_before, .audio_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div .form-group.field-valid_before, .image_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div .form-group.field-valid_before, .image_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div .form-group.field-valid_before, .pdf_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div .form-group.field-valid_before, .pdf_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div .form-group.field-valid_before, .redesigned_form .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div .form-group.field-valid_before, .redesigned_form form .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div .form-group.field-valid_before, .url_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div .form-group.field-valid_before, .url_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div .form-group.field-valid_before, .video_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div .form-group.field-valid_before, .video_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div .form-group.field-valid_before {
    margin-left: 0 !important;
    margin-top: 12px !important
  }
}
@media (max-width:1140px) {
  .all_media_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label), .all_media_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label), .audio_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label), .audio_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label), .image_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label), .image_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label), .pdf_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label), .pdf_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label), .redesigned_form .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label), .redesigned_form form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label), .url_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label), .url_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label), .video_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label), .video_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label) {
    max-width: 230px
  }
  .all_media_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .all_media_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .audio_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .audio_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .image_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .image_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .pdf_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .pdf_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .redesigned_form .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .redesigned_form form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .url_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .url_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .video_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .video_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label {
    max-width: 174px
  }
}
@media (max-width:670px) {
  .all_media_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div, .all_media_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div, .audio_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div, .audio_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div, .image_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div, .image_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div, .pdf_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div, .pdf_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div, .redesigned_form .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div, .redesigned_form form .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div, .url_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div, .url_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div, .video_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div, .video_form_view form .form-content .form-group.layout-inline-edit-form-group.toggle_availability + div {
    margin-left: 12px !important
  }
  .all_media_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.add-description-toggle, .all_media_form_view form .form-content .form-group.layout-inline-edit-form-group.add-description-toggle, .audio_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.add-description-toggle, .audio_form_view form .form-content .form-group.layout-inline-edit-form-group.add-description-toggle, .image_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.add-description-toggle, .image_form_view form .form-content .form-group.layout-inline-edit-form-group.add-description-toggle, .pdf_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.add-description-toggle, .pdf_form_view form .form-content .form-group.layout-inline-edit-form-group.add-description-toggle, .redesigned_form .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.add-description-toggle, .redesigned_form form .form-content .form-group.layout-inline-edit-form-group.add-description-toggle, .url_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.add-description-toggle, .url_form_view form .form-content .form-group.layout-inline-edit-form-group.add-description-toggle, .video_form_view .app-inline-edit .form-content .form-group.layout-inline-edit-form-group.add-description-toggle, .video_form_view form .form-content .form-group.layout-inline-edit-form-group.add-description-toggle {
    margin-left: 0 !important;
    flex-direction: row;
    align-items: center !important
  }
  .all_media_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .all_media_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .audio_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .audio_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .image_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .image_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .pdf_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .pdf_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .redesigned_form .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .redesigned_form form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .url_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .url_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .video_form_view .app-inline-edit .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label, .video_form_view form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label).layout-inline-edit-form-group-label {
    max-width: 230px
  }
}
.all_media_form_view .app-inline-edit .form-content.widgets-alignment, .all_media_form_view form .form-content.widgets-alignment, .audio_form_view .app-inline-edit .form-content.widgets-alignment, .audio_form_view form .form-content.widgets-alignment, .image_form_view .app-inline-edit .form-content.widgets-alignment, .image_form_view form .form-content.widgets-alignment, .pdf_form_view .app-inline-edit .form-content.widgets-alignment, .pdf_form_view form .form-content.widgets-alignment, .redesigned_form .app-inline-edit .form-content.widgets-alignment, .redesigned_form form .form-content.widgets-alignment, .url_form_view .app-inline-edit .form-content.widgets-alignment, .url_form_view form .form-content.widgets-alignment, .video_form_view .app-inline-edit .form-content.widgets-alignment, .video_form_view form .form-content.widgets-alignment {
  display: flex;
  align-items: flex-start;
  width: 100%
}
@media (max-width:860px) {
  .all_media_form_view .app-inline-edit .form-content.widgets-alignment, .all_media_form_view form .form-content.widgets-alignment, .audio_form_view .app-inline-edit .form-content.widgets-alignment, .audio_form_view form .form-content.widgets-alignment, .image_form_view .app-inline-edit .form-content.widgets-alignment, .image_form_view form .form-content.widgets-alignment, .pdf_form_view .app-inline-edit .form-content.widgets-alignment, .pdf_form_view form .form-content.widgets-alignment, .redesigned_form .app-inline-edit .form-content.widgets-alignment, .redesigned_form form .form-content.widgets-alignment, .url_form_view .app-inline-edit .form-content.widgets-alignment, .url_form_view form .form-content.widgets-alignment, .video_form_view .app-inline-edit .form-content.widgets-alignment, .video_form_view form .form-content.widgets-alignment {
    flex-direction: column;
    align-items: center
  }
}
.all_media_form_view .app-inline-edit .form-content:not(.widgets-alignment), .all_media_form_view form .form-content:not(.widgets-alignment), .audio_form_view .app-inline-edit .form-content:not(.widgets-alignment), .audio_form_view form .form-content:not(.widgets-alignment), .image_form_view .app-inline-edit .form-content:not(.widgets-alignment), .image_form_view form .form-content:not(.widgets-alignment), .pdf_form_view .app-inline-edit .form-content:not(.widgets-alignment), .pdf_form_view form .form-content:not(.widgets-alignment), .redesigned_form .app-inline-edit .form-content:not(.widgets-alignment), .redesigned_form form .form-content:not(.widgets-alignment), .url_form_view .app-inline-edit .form-content:not(.widgets-alignment), .url_form_view form .form-content:not(.widgets-alignment), .video_form_view .app-inline-edit .form-content:not(.widgets-alignment), .video_form_view form .form-content:not(.widgets-alignment) {
  flex-direction: column
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container, .all_media_form_view form .form-content .details-widget-container, .audio_form_view .app-inline-edit .form-content .details-widget-container, .audio_form_view form .form-content .details-widget-container, .image_form_view .app-inline-edit .form-content .details-widget-container, .image_form_view form .form-content .details-widget-container, .pdf_form_view .app-inline-edit .form-content .details-widget-container, .pdf_form_view form .form-content .details-widget-container, .redesigned_form .app-inline-edit .form-content .details-widget-container, .redesigned_form form .form-content .details-widget-container, .url_form_view .app-inline-edit .form-content .details-widget-container, .url_form_view form .form-content .details-widget-container, .video_form_view .app-inline-edit .form-content .details-widget-container, .video_form_view form .form-content .details-widget-container {
  max-width: 560px;
  width: 100%;
  padding: 16px 20px 14px;
  background: var(--color-background-inverse);
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, .05);
  min-height: 564px;
  flex-shrink: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-right: 24px
}
@media (max-width:860px) {
  .all_media_form_view .app-inline-edit .form-content .details-widget-container, .all_media_form_view form .form-content .details-widget-container, .audio_form_view .app-inline-edit .form-content .details-widget-container, .audio_form_view form .form-content .details-widget-container, .image_form_view .app-inline-edit .form-content .details-widget-container, .image_form_view form .form-content .details-widget-container, .pdf_form_view .app-inline-edit .form-content .details-widget-container, .pdf_form_view form .form-content .details-widget-container, .redesigned_form .app-inline-edit .form-content .details-widget-container, .redesigned_form form .form-content .details-widget-container, .url_form_view .app-inline-edit .form-content .details-widget-container, .url_form_view form .form-content .details-widget-container, .video_form_view .app-inline-edit .form-content .details-widget-container, .video_form_view form .form-content .details-widget-container {
    margin-bottom: 24px;
    margin-right: 0;
    max-width: 342px;
    width: 100%
  }
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container .details-header, .all_media_form_view form .form-content .details-widget-container .details-header, .audio_form_view .app-inline-edit .form-content .details-widget-container .details-header, .audio_form_view form .form-content .details-widget-container .details-header, .image_form_view .app-inline-edit .form-content .details-widget-container .details-header, .image_form_view form .form-content .details-widget-container .details-header, .pdf_form_view .app-inline-edit .form-content .details-widget-container .details-header, .pdf_form_view form .form-content .details-widget-container .details-header, .redesigned_form .app-inline-edit .form-content .details-widget-container .details-header, .redesigned_form form .form-content .details-widget-container .details-header, .url_form_view .app-inline-edit .form-content .details-widget-container .details-header, .url_form_view form .form-content .details-widget-container .details-header, .video_form_view .app-inline-edit .form-content .details-widget-container .details-header, .video_form_view form .form-content .details-widget-container .details-header {
  width: 100%;
  padding-bottom: 4px;
  margin-bottom: 32px;
  border-bottom: 1px solid var(--color-background-tertiary);
  align-self: flex-start;
  color: var(--color-content-secondary)
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container, .all_media_form_view form .form-content .details-widget-container #preview-container, .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container, .audio_form_view form .form-content .details-widget-container #preview-container, .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container, .image_form_view form .form-content .details-widget-container #preview-container, .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container, .pdf_form_view form .form-content .details-widget-container #preview-container, .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container, .redesigned_form form .form-content .details-widget-container #preview-container, .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container, .url_form_view form .form-content .details-widget-container #preview-container, .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container, .video_form_view form .form-content .details-widget-container #preview-container {
  height: 316px;
  margin-bottom: 16px;
  min-width: 354px;
  width: 100%
}
@media (max-width:860px) {
  .all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container, .all_media_form_view form .form-content .details-widget-container #preview-container, .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container, .audio_form_view form .form-content .details-widget-container #preview-container, .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container, .image_form_view form .form-content .details-widget-container #preview-container, .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container, .pdf_form_view form .form-content .details-widget-container #preview-container, .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container, .redesigned_form form .form-content .details-widget-container #preview-container, .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container, .url_form_view form .form-content .details-widget-container #preview-container, .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container, .video_form_view form .form-content .details-widget-container #preview-container {
    max-width: 302px;
    min-width: 220px;
    width: 100%
  }
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview, .all_media_form_view form .form-content .details-widget-container #preview-container #preview, .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview, .audio_form_view form .form-content .details-widget-container #preview-container #preview, .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview, .image_form_view form .form-content .details-widget-container #preview-container #preview, .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview, .pdf_form_view form .form-content .details-widget-container #preview-container #preview, .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container #preview, .redesigned_form form .form-content .details-widget-container #preview-container #preview, .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview, .url_form_view form .form-content .details-widget-container #preview-container #preview, .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview, .video_form_view form .form-content .details-widget-container #preview-container #preview {
  display: flex;
  flex-direction: column;
  height: 316px;
  width: 100%
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail #thumbnail:not(.url-thumbnail), .all_media_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail #thumbnail:not(.url-thumbnail), .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail #thumbnail:not(.url-thumbnail), .audio_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail #thumbnail:not(.url-thumbnail), .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail #thumbnail:not(.url-thumbnail), .image_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail #thumbnail:not(.url-thumbnail), .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail #thumbnail:not(.url-thumbnail), .pdf_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail #thumbnail:not(.url-thumbnail), .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail #thumbnail:not(.url-thumbnail), .redesigned_form form .form-content .details-widget-container #preview-container #preview .media-thumbnail #thumbnail:not(.url-thumbnail), .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail #thumbnail:not(.url-thumbnail), .url_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail #thumbnail:not(.url-thumbnail), .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail #thumbnail:not(.url-thumbnail), .video_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail #thumbnail:not(.url-thumbnail) {
  height: 99.5%;
  width: 99.5%;
  -o-object-fit: contain;
  object-fit: contain;
  background: var(--color-background-inverse);
  background-image: none
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail:not(.audio-preview-thumbnail):not(.pdf-preview-thumbnail), .all_media_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail:not(.audio-preview-thumbnail):not(.pdf-preview-thumbnail), .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail:not(.audio-preview-thumbnail):not(.pdf-preview-thumbnail), .audio_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail:not(.audio-preview-thumbnail):not(.pdf-preview-thumbnail), .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail:not(.audio-preview-thumbnail):not(.pdf-preview-thumbnail), .image_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail:not(.audio-preview-thumbnail):not(.pdf-preview-thumbnail), .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail:not(.audio-preview-thumbnail):not(.pdf-preview-thumbnail), .pdf_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail:not(.audio-preview-thumbnail):not(.pdf-preview-thumbnail), .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail:not(.audio-preview-thumbnail):not(.pdf-preview-thumbnail), .redesigned_form form .form-content .details-widget-container #preview-container #preview .media-thumbnail:not(.audio-preview-thumbnail):not(.pdf-preview-thumbnail), .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail:not(.audio-preview-thumbnail):not(.pdf-preview-thumbnail), .url_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail:not(.audio-preview-thumbnail):not(.pdf-preview-thumbnail), .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail:not(.audio-preview-thumbnail):not(.pdf-preview-thumbnail), .video_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail:not(.audio-preview-thumbnail):not(.pdf-preview-thumbnail) {
  height: 262px;
  min-width: 354px;
  width: 100%;
  border: none
}
@media (max-width:860px) {
  .all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail:not(.audio-preview-thumbnail):not(.pdf-preview-thumbnail), .all_media_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail:not(.audio-preview-thumbnail):not(.pdf-preview-thumbnail), .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail:not(.audio-preview-thumbnail):not(.pdf-preview-thumbnail), .audio_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail:not(.audio-preview-thumbnail):not(.pdf-preview-thumbnail), .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail:not(.audio-preview-thumbnail):not(.pdf-preview-thumbnail), .image_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail:not(.audio-preview-thumbnail):not(.pdf-preview-thumbnail), .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail:not(.audio-preview-thumbnail):not(.pdf-preview-thumbnail), .pdf_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail:not(.audio-preview-thumbnail):not(.pdf-preview-thumbnail), .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail:not(.audio-preview-thumbnail):not(.pdf-preview-thumbnail), .redesigned_form form .form-content .details-widget-container #preview-container #preview .media-thumbnail:not(.audio-preview-thumbnail):not(.pdf-preview-thumbnail), .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail:not(.audio-preview-thumbnail):not(.pdf-preview-thumbnail), .url_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail:not(.audio-preview-thumbnail):not(.pdf-preview-thumbnail), .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail:not(.audio-preview-thumbnail):not(.pdf-preview-thumbnail), .video_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail:not(.audio-preview-thumbnail):not(.pdf-preview-thumbnail) {
    max-width: 302px;
    min-width: 220px;
    width: 100%
  }
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail:not(.is-new), .all_media_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail:not(.is-new), .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail:not(.is-new), .audio_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail:not(.is-new), .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail:not(.is-new), .image_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail:not(.is-new), .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail:not(.is-new), .pdf_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail:not(.is-new), .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail:not(.is-new), .redesigned_form form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail:not(.is-new), .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail:not(.is-new), .url_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail:not(.is-new), .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail:not(.is-new), .video_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail:not(.is-new) {
  height: 184px;
  min-width: 354px;
  width: 100%;
  border: none;
  margin-bottom: 26px
}
@media (max-width:860px) {
  .all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail:not(.is-new), .all_media_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail:not(.is-new), .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail:not(.is-new), .audio_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail:not(.is-new), .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail:not(.is-new), .image_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail:not(.is-new), .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail:not(.is-new), .pdf_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail:not(.is-new), .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail:not(.is-new), .redesigned_form form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail:not(.is-new), .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail:not(.is-new), .url_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail:not(.is-new), .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail:not(.is-new), .video_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail:not(.is-new) {
    max-width: 302px;
    min-width: 220px;
    width: 100%
  }
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail.is-new, .all_media_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail.is-new, .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail.is-new, .audio_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail.is-new, .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail.is-new, .image_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail.is-new, .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail.is-new, .pdf_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail.is-new, .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail.is-new, .redesigned_form form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail.is-new, .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail.is-new, .url_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail.is-new, .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail.is-new, .video_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail.is-new {
  height: 262px;
  min-width: 354px;
  width: 100%;
  border: none
}
@media (max-width:860px) {
  .all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail.is-new, .all_media_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail.is-new, .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail.is-new, .audio_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail.is-new, .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail.is-new, .image_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail.is-new, .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail.is-new, .pdf_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail.is-new, .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail.is-new, .redesigned_form form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail.is-new, .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail.is-new, .url_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail.is-new, .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail.is-new, .video_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail.is-new {
    max-width: 302px;
    min-width: 220px;
    width: 100%
  }
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail + audio, .all_media_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail + audio, .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail + audio, .audio_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail + audio, .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail + audio, .image_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail + audio, .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail + audio, .pdf_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail + audio, .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail + audio, .redesigned_form form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail + audio, .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail + audio, .url_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail + audio, .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail + audio, .video_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.audio-preview-thumbnail + audio {
  width: 100%
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.pdf-preview-thumbnail, .all_media_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.pdf-preview-thumbnail, .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.pdf-preview-thumbnail, .audio_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.pdf-preview-thumbnail, .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.pdf-preview-thumbnail, .image_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.pdf-preview-thumbnail, .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.pdf-preview-thumbnail, .pdf_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.pdf-preview-thumbnail, .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.pdf-preview-thumbnail, .redesigned_form form .form-content .details-widget-container #preview-container #preview .media-thumbnail.pdf-preview-thumbnail, .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.pdf-preview-thumbnail, .url_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.pdf-preview-thumbnail, .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.pdf-preview-thumbnail, .video_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.pdf-preview-thumbnail {
  height: 248px;
  min-width: 354px;
  width: 100%;
  border: none
}
@media (max-width:860px) {
  .all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.pdf-preview-thumbnail, .all_media_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.pdf-preview-thumbnail, .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.pdf-preview-thumbnail, .audio_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.pdf-preview-thumbnail, .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.pdf-preview-thumbnail, .image_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.pdf-preview-thumbnail, .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.pdf-preview-thumbnail, .pdf_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.pdf-preview-thumbnail, .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.pdf-preview-thumbnail, .redesigned_form form .form-content .details-widget-container #preview-container #preview .media-thumbnail.pdf-preview-thumbnail, .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.pdf-preview-thumbnail, .url_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.pdf-preview-thumbnail, .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.pdf-preview-thumbnail, .video_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.pdf-preview-thumbnail {
    max-width: 302px;
    min-width: 220px;
    width: 100%
  }
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container, .all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.video-preview-thumbnail, .all_media_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container, .all_media_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.video-preview-thumbnail, .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container, .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.video-preview-thumbnail, .audio_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container, .audio_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.video-preview-thumbnail, .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container, .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.video-preview-thumbnail, .image_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container, .image_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.video-preview-thumbnail, .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container, .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.video-preview-thumbnail, .pdf_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container, .pdf_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.video-preview-thumbnail, .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container, .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.video-preview-thumbnail, .redesigned_form form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container, .redesigned_form form .form-content .details-widget-container #preview-container #preview .media-thumbnail.video-preview-thumbnail, .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container, .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.video-preview-thumbnail, .url_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container, .url_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.video-preview-thumbnail, .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container, .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.video-preview-thumbnail, .video_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container, .video_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.video-preview-thumbnail {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container #thumbnail, .all_media_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container #thumbnail, .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container #thumbnail, .audio_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container #thumbnail, .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container #thumbnail, .image_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container #thumbnail, .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container #thumbnail, .pdf_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container #thumbnail, .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container #thumbnail, .redesigned_form form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container #thumbnail, .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container #thumbnail, .url_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container #thumbnail, .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container #thumbnail, .video_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container #thumbnail {
  border-radius: 4px;
  border: 1px solid var(--color-border-section);
  box-shadow: inset 0 4px 12px rgba(0, 0, 0, .05);
  height: 100%;
  width: 100%;
  background-image: none;
  -o-object-fit: contain;
  object-fit: contain
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .text, .all_media_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .text, .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .text, .audio_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .text, .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .text, .image_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .text, .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .text, .pdf_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .text, .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .text, .redesigned_form form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .text, .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .text, .url_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .text, .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .text, .video_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .text {
  border-radius: 4px
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .inner, .all_media_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .inner, .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .inner, .audio_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .inner, .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .inner, .image_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .inner, .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .inner, .pdf_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .inner, .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .inner, .redesigned_form form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .inner, .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .inner, .url_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .inner, .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .inner, .video_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .inner {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  position: absolute;
  margin: auto;
  border-radius: 40px;
  width: 137px;
  height: 32px;
  background-color: var(--color-background-tertiary);
  color: var(--color-content-primary);
  font-size: 12px;
  font-weight: 600;
  opacity: 0
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .inner > i, .all_media_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .inner > i, .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .inner > i, .audio_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .inner > i, .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .inner > i, .image_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .inner > i, .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .inner > i, .pdf_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .inner > i, .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .inner > i, .redesigned_form form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .inner > i, .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .inner > i, .url_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .inner > i, .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .inner > i, .video_form_view form .form-content .details-widget-container #preview-container #preview .media-thumbnail.url-preview-thumbnail .img-container .inner > i {
  margin-right: 8px;
  color: var(--basic_branding)
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image, .all_media_form_view form .form-content .details-widget-container #preview-container #preview #edit-image, .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image, .audio_form_view form .form-content .details-widget-container #preview-container #preview #edit-image, .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image, .image_form_view form .form-content .details-widget-container #preview-container #preview #edit-image, .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image, .pdf_form_view form .form-content .details-widget-container #preview-container #preview #edit-image, .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image, .redesigned_form form .form-content .details-widget-container #preview-container #preview #edit-image, .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image, .url_form_view form .form-content .details-widget-container #preview-container #preview #edit-image, .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image, .video_form_view form .form-content .details-widget-container #preview-container #preview #edit-image {
  min-width: 354px;
  width: 100%;
  margin-top: 33px;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-content-primary);
  text-decoration: none
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image:hover, .all_media_form_view form .form-content .details-widget-container #preview-container #preview #edit-image:hover, .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image:hover, .audio_form_view form .form-content .details-widget-container #preview-container #preview #edit-image:hover, .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image:hover, .image_form_view form .form-content .details-widget-container #preview-container #preview #edit-image:hover, .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image:hover, .pdf_form_view form .form-content .details-widget-container #preview-container #preview #edit-image:hover, .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image:hover, .redesigned_form form .form-content .details-widget-container #preview-container #preview #edit-image:hover, .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image:hover, .url_form_view form .form-content .details-widget-container #preview-container #preview #edit-image:hover, .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image:hover, .video_form_view form .form-content .details-widget-container #preview-container #preview #edit-image:hover {
  color: var(--color-content-secondary)
}
@media (max-width:860px) {
  .all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image, .all_media_form_view form .form-content .details-widget-container #preview-container #preview #edit-image, .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image, .audio_form_view form .form-content .details-widget-container #preview-container #preview #edit-image, .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image, .image_form_view form .form-content .details-widget-container #preview-container #preview #edit-image, .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image, .pdf_form_view form .form-content .details-widget-container #preview-container #preview #edit-image, .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image, .redesigned_form form .form-content .details-widget-container #preview-container #preview #edit-image, .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image, .url_form_view form .form-content .details-widget-container #preview-container #preview #edit-image, .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image, .video_form_view form .form-content .details-widget-container #preview-container #preview #edit-image {
    max-width: 302px !important;
    min-width: 220px;
    width: 100%
  }
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image > span, .all_media_form_view form .form-content .details-widget-container #preview-container #preview #edit-image > span, .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image > span, .audio_form_view form .form-content .details-widget-container #preview-container #preview #edit-image > span, .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image > span, .image_form_view form .form-content .details-widget-container #preview-container #preview #edit-image > span, .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image > span, .pdf_form_view form .form-content .details-widget-container #preview-container #preview #edit-image > span, .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image > span, .redesigned_form form .form-content .details-widget-container #preview-container #preview #edit-image > span, .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image > span, .url_form_view form .form-content .details-widget-container #preview-container #preview #edit-image > span, .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image > span, .video_form_view form .form-content .details-widget-container #preview-container #preview #edit-image > span {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image > span i, .all_media_form_view form .form-content .details-widget-container #preview-container #preview #edit-image > span i, .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image > span i, .audio_form_view form .form-content .details-widget-container #preview-container #preview #edit-image > span i, .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image > span i, .image_form_view form .form-content .details-widget-container #preview-container #preview #edit-image > span i, .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image > span i, .pdf_form_view form .form-content .details-widget-container #preview-container #preview #edit-image > span i, .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image > span i, .redesigned_form form .form-content .details-widget-container #preview-container #preview #edit-image > span i, .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image > span i, .url_form_view form .form-content .details-widget-container #preview-container #preview #edit-image > span i, .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview #edit-image > span i, .video_form_view form .form-content .details-widget-container #preview-container #preview #edit-image > span i {
  margin-right: 5px;
  font-size: 18px
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .audio-vimeo-container, .all_media_form_view form .form-content .details-widget-container #preview-container #preview .audio-vimeo-container, .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .audio-vimeo-container, .audio_form_view form .form-content .details-widget-container #preview-container #preview .audio-vimeo-container, .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .audio-vimeo-container, .image_form_view form .form-content .details-widget-container #preview-container #preview .audio-vimeo-container, .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .audio-vimeo-container, .pdf_form_view form .form-content .details-widget-container #preview-container #preview .audio-vimeo-container, .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container #preview .audio-vimeo-container, .redesigned_form form .form-content .details-widget-container #preview-container #preview .audio-vimeo-container, .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .audio-vimeo-container, .url_form_view form .form-content .details-widget-container #preview-container #preview .audio-vimeo-container, .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .audio-vimeo-container, .video_form_view form .form-content .details-widget-container #preview-container #preview .audio-vimeo-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  height: 260px
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .pdf-pages-container, .all_media_form_view form .form-content .details-widget-container #preview-container #preview .pdf-pages-container, .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .pdf-pages-container, .audio_form_view form .form-content .details-widget-container #preview-container #preview .pdf-pages-container, .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .pdf-pages-container, .image_form_view form .form-content .details-widget-container #preview-container #preview .pdf-pages-container, .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .pdf-pages-container, .pdf_form_view form .form-content .details-widget-container #preview-container #preview .pdf-pages-container, .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container #preview .pdf-pages-container, .redesigned_form form .form-content .details-widget-container #preview-container #preview .pdf-pages-container, .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .pdf-pages-container, .url_form_view form .form-content .details-widget-container #preview-container #preview .pdf-pages-container, .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .pdf-pages-container, .video_form_view form .form-content .details-widget-container #preview-container #preview .pdf-pages-container {
  min-width: 354px;
  width: 100%;
  margin-top: 16px;
  text-align: center
}
@media (max-width:860px) {
  .all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .pdf-pages-container, .all_media_form_view form .form-content .details-widget-container #preview-container #preview .pdf-pages-container, .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .pdf-pages-container, .audio_form_view form .form-content .details-widget-container #preview-container #preview .pdf-pages-container, .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .pdf-pages-container, .image_form_view form .form-content .details-widget-container #preview-container #preview .pdf-pages-container, .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .pdf-pages-container, .pdf_form_view form .form-content .details-widget-container #preview-container #preview .pdf-pages-container, .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container #preview .pdf-pages-container, .redesigned_form form .form-content .details-widget-container #preview-container #preview .pdf-pages-container, .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .pdf-pages-container, .url_form_view form .form-content .details-widget-container #preview-container #preview .pdf-pages-container, .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .pdf-pages-container, .video_form_view form .form-content .details-widget-container #preview-container #preview .pdf-pages-container {
    max-width: 302px !important;
    width: 100%;
    min-width: 220px
  }
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .pdf-pages-container > span, .all_media_form_view form .form-content .details-widget-container #preview-container #preview .pdf-pages-container > span, .audio_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .pdf-pages-container > span, .audio_form_view form .form-content .details-widget-container #preview-container #preview .pdf-pages-container > span, .image_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .pdf-pages-container > span, .image_form_view form .form-content .details-widget-container #preview-container #preview .pdf-pages-container > span, .pdf_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .pdf-pages-container > span, .pdf_form_view form .form-content .details-widget-container #preview-container #preview .pdf-pages-container > span, .redesigned_form .app-inline-edit .form-content .details-widget-container #preview-container #preview .pdf-pages-container > span, .redesigned_form form .form-content .details-widget-container #preview-container #preview .pdf-pages-container > span, .url_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .pdf-pages-container > span, .url_form_view form .form-content .details-widget-container #preview-container #preview .pdf-pages-container > span, .video_form_view .app-inline-edit .form-content .details-widget-container #preview-container #preview .pdf-pages-container > span, .video_form_view form .form-content .details-widget-container #preview-container #preview .pdf-pages-container > span {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: var(--color-content-primary)
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container .details-container, .all_media_form_view form .form-content .details-widget-container .details-container, .audio_form_view .app-inline-edit .form-content .details-widget-container .details-container, .audio_form_view form .form-content .details-widget-container .details-container, .image_form_view .app-inline-edit .form-content .details-widget-container .details-container, .image_form_view form .form-content .details-widget-container .details-container, .pdf_form_view .app-inline-edit .form-content .details-widget-container .details-container, .pdf_form_view form .form-content .details-widget-container .details-container, .redesigned_form .app-inline-edit .form-content .details-widget-container .details-container, .redesigned_form form .form-content .details-widget-container .details-container, .url_form_view .app-inline-edit .form-content .details-widget-container .details-container, .url_form_view form .form-content .details-widget-container .details-container, .video_form_view .app-inline-edit .form-content .details-widget-container .details-container, .video_form_view form .form-content .details-widget-container .details-container {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  min-width: 354px;
  width: 100%;
  min-height: 108px;
  background: var(--color-background-primary);
  border-radius: 8px;
  margin-bottom: 28px;
  padding: 12px 29px
}
@media (max-width:860px) {
  .all_media_form_view .app-inline-edit .form-content .details-widget-container .details-container, .all_media_form_view form .form-content .details-widget-container .details-container, .audio_form_view .app-inline-edit .form-content .details-widget-container .details-container, .audio_form_view form .form-content .details-widget-container .details-container, .image_form_view .app-inline-edit .form-content .details-widget-container .details-container, .image_form_view form .form-content .details-widget-container .details-container, .pdf_form_view .app-inline-edit .form-content .details-widget-container .details-container, .pdf_form_view form .form-content .details-widget-container .details-container, .redesigned_form .app-inline-edit .form-content .details-widget-container .details-container, .redesigned_form form .form-content .details-widget-container .details-container, .url_form_view .app-inline-edit .form-content .details-widget-container .details-container, .url_form_view form .form-content .details-widget-container .details-container, .video_form_view .app-inline-edit .form-content .details-widget-container .details-container, .video_form_view form .form-content .details-widget-container .details-container {
    max-width: 302px;
    min-width: 220px;
    width: 100%
  }
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container, .all_media_form_view form .form-content .details-widget-container .details-container .detail-container, .audio_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container, .audio_form_view form .form-content .details-widget-container .details-container .detail-container, .image_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container, .image_form_view form .form-content .details-widget-container .details-container .detail-container, .pdf_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container, .pdf_form_view form .form-content .details-widget-container .details-container .detail-container, .redesigned_form .app-inline-edit .form-content .details-widget-container .details-container .detail-container, .redesigned_form form .form-content .details-widget-container .details-container .detail-container, .url_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container, .url_form_view form .form-content .details-widget-container .details-container .detail-container, .video_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container, .video_form_view form .form-content .details-widget-container .details-container .detail-container {
  display: flex;
  font-size: 12px;
  width: 100%;
  align-items: center;
  justify-content: center
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container:not(:last-child), .all_media_form_view form .form-content .details-widget-container .details-container .detail-container:not(:last-child), .audio_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container:not(:last-child), .audio_form_view form .form-content .details-widget-container .details-container .detail-container:not(:last-child), .image_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container:not(:last-child), .image_form_view form .form-content .details-widget-container .details-container .detail-container:not(:last-child), .pdf_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container:not(:last-child), .pdf_form_view form .form-content .details-widget-container .details-container .detail-container:not(:last-child), .redesigned_form .app-inline-edit .form-content .details-widget-container .details-container .detail-container:not(:last-child), .redesigned_form form .form-content .details-widget-container .details-container .detail-container:not(:last-child), .url_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container:not(:last-child), .url_form_view form .form-content .details-widget-container .details-container .detail-container:not(:last-child), .video_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container:not(:last-child), .video_form_view form .form-content .details-widget-container .details-container .detail-container:not(:last-child) {
  margin-bottom: 8px
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container .detail-label, .all_media_form_view form .form-content .details-widget-container .details-container .detail-container .detail-label, .audio_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container .detail-label, .audio_form_view form .form-content .details-widget-container .details-container .detail-container .detail-label, .image_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container .detail-label, .image_form_view form .form-content .details-widget-container .details-container .detail-container .detail-label, .pdf_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container .detail-label, .pdf_form_view form .form-content .details-widget-container .details-container .detail-container .detail-label, .redesigned_form .app-inline-edit .form-content .details-widget-container .details-container .detail-container .detail-label, .redesigned_form form .form-content .details-widget-container .details-container .detail-container .detail-label, .url_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container .detail-label, .url_form_view form .form-content .details-widget-container .details-container .detail-container .detail-label, .video_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container .detail-label, .video_form_view form .form-content .details-widget-container .details-container .detail-container .detail-label {
  padding-right: 0;
  text-align: right;
  color: var(--color-content-secondary);
  max-width: 101px;
  width: 100%;
  margin-right: 16px
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container .detail-data, .all_media_form_view form .form-content .details-widget-container .details-container .detail-container .detail-data, .audio_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container .detail-data, .audio_form_view form .form-content .details-widget-container .details-container .detail-container .detail-data, .image_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container .detail-data, .image_form_view form .form-content .details-widget-container .details-container .detail-container .detail-data, .pdf_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container .detail-data, .pdf_form_view form .form-content .details-widget-container .details-container .detail-container .detail-data, .redesigned_form .app-inline-edit .form-content .details-widget-container .details-container .detail-container .detail-data, .redesigned_form form .form-content .details-widget-container .details-container .detail-container .detail-data, .url_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container .detail-data, .url_form_view form .form-content .details-widget-container .details-container .detail-container .detail-data, .video_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container .detail-data, .video_form_view form .form-content .details-widget-container .details-container .detail-container .detail-data {
  max-width: 179px;
  width: 100%;
  color: var(--color-content-primary)
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container .detail-data.media-resolution, .all_media_form_view form .form-content .details-widget-container .details-container .detail-container .detail-data.media-resolution, .audio_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container .detail-data.media-resolution, .audio_form_view form .form-content .details-widget-container .details-container .detail-container .detail-data.media-resolution, .image_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container .detail-data.media-resolution, .image_form_view form .form-content .details-widget-container .details-container .detail-container .detail-data.media-resolution, .pdf_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container .detail-data.media-resolution, .pdf_form_view form .form-content .details-widget-container .details-container .detail-container .detail-data.media-resolution, .redesigned_form .app-inline-edit .form-content .details-widget-container .details-container .detail-container .detail-data.media-resolution, .redesigned_form form .form-content .details-widget-container .details-container .detail-container .detail-data.media-resolution, .url_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container .detail-data.media-resolution, .url_form_view form .form-content .details-widget-container .details-container .detail-container .detail-data.media-resolution, .video_form_view .app-inline-edit .form-content .details-widget-container .details-container .detail-container .detail-data.media-resolution, .video_form_view form .form-content .details-widget-container .details-container .detail-container .detail-data.media-resolution {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex
}
.all_media_form_view .app-inline-edit .form-content .details-widget-container #media-reference, .all_media_form_view form .form-content .details-widget-container #media-reference, .audio_form_view .app-inline-edit .form-content .details-widget-container #media-reference, .audio_form_view form .form-content .details-widget-container #media-reference, .image_form_view .app-inline-edit .form-content .details-widget-container #media-reference, .image_form_view form .form-content .details-widget-container #media-reference, .pdf_form_view .app-inline-edit .form-content .details-widget-container #media-reference, .pdf_form_view form .form-content .details-widget-container #media-reference, .redesigned_form .app-inline-edit .form-content .details-widget-container #media-reference, .redesigned_form form .form-content .details-widget-container #media-reference, .url_form_view .app-inline-edit .form-content .details-widget-container #media-reference, .url_form_view form .form-content .details-widget-container #media-reference, .video_form_view .app-inline-edit .form-content .details-widget-container #media-reference, .video_form_view form .form-content .details-widget-container #media-reference {
  margin-left: 0;
  float: none
}
.all_media_form_view .app-inline-edit .form-content .settings-widget-container, .all_media_form_view form .form-content .settings-widget-container, .audio_form_view .app-inline-edit .form-content .settings-widget-container, .audio_form_view form .form-content .settings-widget-container, .image_form_view .app-inline-edit .form-content .settings-widget-container, .image_form_view form .form-content .settings-widget-container, .pdf_form_view .app-inline-edit .form-content .settings-widget-container, .pdf_form_view form .form-content .settings-widget-container, .redesigned_form .app-inline-edit .form-content .settings-widget-container, .redesigned_form form .form-content .settings-widget-container, .url_form_view .app-inline-edit .form-content .settings-widget-container, .url_form_view form .form-content .settings-widget-container, .video_form_view .app-inline-edit .form-content .settings-widget-container, .video_form_view form .form-content .settings-widget-container {
  max-width: auto;
  width: 100%;
  padding: 16px 20px 24px;
  background: var(--color-background-inverse);
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, .05);
  min-height: auto
}
.all_media_form_view .app-inline-edit .form-content .settings-widget-container.layout-inline-edit-settings, .all_media_form_view form .form-content .settings-widget-container.layout-inline-edit-settings, .audio_form_view .app-inline-edit .form-content .settings-widget-container.layout-inline-edit-settings, .audio_form_view form .form-content .settings-widget-container.layout-inline-edit-settings, .image_form_view .app-inline-edit .form-content .settings-widget-container.layout-inline-edit-settings, .image_form_view form .form-content .settings-widget-container.layout-inline-edit-settings, .pdf_form_view .app-inline-edit .form-content .settings-widget-container.layout-inline-edit-settings, .pdf_form_view form .form-content .settings-widget-container.layout-inline-edit-settings, .redesigned_form .app-inline-edit .form-content .settings-widget-container.layout-inline-edit-settings, .redesigned_form form .form-content .settings-widget-container.layout-inline-edit-settings, .url_form_view .app-inline-edit .form-content .settings-widget-container.layout-inline-edit-settings, .url_form_view form .form-content .settings-widget-container.layout-inline-edit-settings, .video_form_view .app-inline-edit .form-content .settings-widget-container.layout-inline-edit-settings, .video_form_view form .form-content .settings-widget-container.layout-inline-edit-settings {
  max-width: 100%;
  width: 100%;
  padding: 0;
  background: var(--color-background-inverse);
  border-radius: 8px;
  box-shadow: none;
  min-height: auto
}
@media (max-width:860px) {
  .all_media_form_view .app-inline-edit .form-content .settings-widget-container, .all_media_form_view form .form-content .settings-widget-container, .audio_form_view .app-inline-edit .form-content .settings-widget-container, .audio_form_view form .form-content .settings-widget-container, .image_form_view .app-inline-edit .form-content .settings-widget-container, .image_form_view form .form-content .settings-widget-container, .pdf_form_view .app-inline-edit .form-content .settings-widget-container, .pdf_form_view form .form-content .settings-widget-container, .redesigned_form .app-inline-edit .form-content .settings-widget-container, .redesigned_form form .form-content .settings-widget-container, .url_form_view .app-inline-edit .form-content .settings-widget-container, .url_form_view form .form-content .settings-widget-container, .video_form_view .app-inline-edit .form-content .settings-widget-container, .video_form_view form .form-content .settings-widget-container {
    max-width: 342px;
    width: 100%;
    margin-bottom: 30px
  }
  .all_media_form_view .app-inline-edit .form-content .settings-widget-container.layout-inline-edit-settings, .all_media_form_view form .form-content .settings-widget-container.layout-inline-edit-settings, .audio_form_view .app-inline-edit .form-content .settings-widget-container.layout-inline-edit-settings, .audio_form_view form .form-content .settings-widget-container.layout-inline-edit-settings, .image_form_view .app-inline-edit .form-content .settings-widget-container.layout-inline-edit-settings, .image_form_view form .form-content .settings-widget-container.layout-inline-edit-settings, .pdf_form_view .app-inline-edit .form-content .settings-widget-container.layout-inline-edit-settings, .pdf_form_view form .form-content .settings-widget-container.layout-inline-edit-settings, .redesigned_form .app-inline-edit .form-content .settings-widget-container.layout-inline-edit-settings, .redesigned_form form .form-content .settings-widget-container.layout-inline-edit-settings, .url_form_view .app-inline-edit .form-content .settings-widget-container.layout-inline-edit-settings, .url_form_view form .form-content .settings-widget-container.layout-inline-edit-settings, .video_form_view .app-inline-edit .form-content .settings-widget-container.layout-inline-edit-settings, .video_form_view form .form-content .settings-widget-container.layout-inline-edit-settings {
    max-width: 100%
  }
}
.all_media_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group, .all_media_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group, .audio_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group, .audio_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group, .image_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group, .image_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group, .pdf_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group, .pdf_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group, .redesigned_form .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group, .redesigned_form form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group, .url_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group, .url_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group, .video_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group, .video_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group {
  justify-content: center;
  margin-bottom: 36px
}
.all_media_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview, .all_media_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview, .audio_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview, .audio_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview, .image_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview, .image_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview, .pdf_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview, .pdf_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview, .redesigned_form .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview, .redesigned_form form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview, .url_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview, .url_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview, .video_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview, .video_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview {
  display: flex;
  align-items: center;
  flex-direction: column
}
.all_media_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .media-thumbnail, .all_media_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .media-thumbnail, .audio_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .media-thumbnail, .audio_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .media-thumbnail, .image_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .media-thumbnail, .image_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .media-thumbnail, .pdf_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .media-thumbnail, .pdf_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .media-thumbnail, .redesigned_form .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .media-thumbnail, .redesigned_form form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .media-thumbnail, .url_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .media-thumbnail, .url_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .media-thumbnail, .video_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .media-thumbnail, .video_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .media-thumbnail {
  border: 1px solid var(--color-background-tertiary);
  width: 240px !important;
  height: 144px !important
}
.all_media_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .media-thumbnail #thumbnail:not(.url-thumbnail), .all_media_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .media-thumbnail #thumbnail:not(.url-thumbnail), .audio_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .media-thumbnail #thumbnail:not(.url-thumbnail), .audio_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .media-thumbnail #thumbnail:not(.url-thumbnail), .image_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .media-thumbnail #thumbnail:not(.url-thumbnail), .image_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .media-thumbnail #thumbnail:not(.url-thumbnail), .pdf_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .media-thumbnail #thumbnail:not(.url-thumbnail), .pdf_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .media-thumbnail #thumbnail:not(.url-thumbnail), .redesigned_form .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .media-thumbnail #thumbnail:not(.url-thumbnail), .redesigned_form form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .media-thumbnail #thumbnail:not(.url-thumbnail), .url_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .media-thumbnail #thumbnail:not(.url-thumbnail), .url_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .media-thumbnail #thumbnail:not(.url-thumbnail), .video_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .media-thumbnail #thumbnail:not(.url-thumbnail), .video_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .media-thumbnail #thumbnail:not(.url-thumbnail) {
  height: 99.5%;
  width: 99.5%;
  -o-object-fit: contain;
  object-fit: contain;
  background: var(--color-background-inverse);
  background-image: none
}
.all_media_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .pdf-pages-container, .all_media_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .pdf-pages-container, .audio_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .pdf-pages-container, .audio_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .pdf-pages-container, .image_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .pdf-pages-container, .image_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .pdf-pages-container, .pdf_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .pdf-pages-container, .pdf_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .pdf-pages-container, .redesigned_form .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .pdf-pages-container, .redesigned_form form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .pdf-pages-container, .url_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .pdf-pages-container, .url_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .pdf-pages-container, .video_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .pdf-pages-container, .video_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview .pdf-pages-container {
  margin-top: 8px
}
.all_media_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview audio, .all_media_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview audio, .audio_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview audio, .audio_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview audio, .image_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview audio, .image_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview audio, .pdf_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview audio, .pdf_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview audio, .redesigned_form .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview audio, .redesigned_form form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview audio, .url_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview audio, .url_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview audio, .video_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview audio, .video_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview audio {
  width: 100%;
  height: 40px
}
.all_media_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview img, .all_media_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview img, .audio_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview img, .audio_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview img, .image_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview img, .image_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview img, .pdf_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview img, .pdf_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview img, .redesigned_form .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview img, .redesigned_form form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview img, .url_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview img, .url_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview img, .video_form_view .app-inline-edit .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview img, .video_form_view form .form-content .settings-widget-container #preview-container.layout-inline-edit-form-group #preview img {
  width: 100%;
  height: 100%
}
.all_media_form_view .app-inline-edit .form-content .settings-widget-container .source-field, .all_media_form_view form .form-content .settings-widget-container .source-field, .audio_form_view .app-inline-edit .form-content .settings-widget-container .source-field, .audio_form_view form .form-content .settings-widget-container .source-field, .image_form_view .app-inline-edit .form-content .settings-widget-container .source-field, .image_form_view form .form-content .settings-widget-container .source-field, .pdf_form_view .app-inline-edit .form-content .settings-widget-container .source-field, .pdf_form_view form .form-content .settings-widget-container .source-field, .redesigned_form .app-inline-edit .form-content .settings-widget-container .source-field, .redesigned_form form .form-content .settings-widget-container .source-field, .url_form_view .app-inline-edit .form-content .settings-widget-container .source-field, .url_form_view form .form-content .settings-widget-container .source-field, .video_form_view .app-inline-edit .form-content .settings-widget-container .source-field, .video_form_view form .form-content .settings-widget-container .source-field {
  margin: 0 0 24px;
  display: flex;
  align-items: center
}
.all_media_form_view .app-inline-edit .form-content .settings-widget-container .settings-header, .all_media_form_view form .form-content .settings-widget-container .settings-header, .audio_form_view .app-inline-edit .form-content .settings-widget-container .settings-header, .audio_form_view form .form-content .settings-widget-container .settings-header, .image_form_view .app-inline-edit .form-content .settings-widget-container .settings-header, .image_form_view form .form-content .settings-widget-container .settings-header, .pdf_form_view .app-inline-edit .form-content .settings-widget-container .settings-header, .pdf_form_view form .form-content .settings-widget-container .settings-header, .redesigned_form .app-inline-edit .form-content .settings-widget-container .settings-header, .redesigned_form form .form-content .settings-widget-container .settings-header, .url_form_view .app-inline-edit .form-content .settings-widget-container .settings-header, .url_form_view form .form-content .settings-widget-container .settings-header, .video_form_view .app-inline-edit .form-content .settings-widget-container .settings-header, .video_form_view form .form-content .settings-widget-container .settings-header {
  width: 100%;
  padding-bottom: 4px;
  margin-bottom: 32px;
  border-bottom: 1px solid var(--color-background-tertiary);
  align-self: flex-start;
  color: var(--color-content-secondary)
}
.all_media_form_view .app-inline-edit .form-content .settings-widget-container .settings-header ~ .settings-header, .all_media_form_view form .form-content .settings-widget-container .settings-header ~ .settings-header, .audio_form_view .app-inline-edit .form-content .settings-widget-container .settings-header ~ .settings-header, .audio_form_view form .form-content .settings-widget-container .settings-header ~ .settings-header, .image_form_view .app-inline-edit .form-content .settings-widget-container .settings-header ~ .settings-header, .image_form_view form .form-content .settings-widget-container .settings-header ~ .settings-header, .pdf_form_view .app-inline-edit .form-content .settings-widget-container .settings-header ~ .settings-header, .pdf_form_view form .form-content .settings-widget-container .settings-header ~ .settings-header, .redesigned_form .app-inline-edit .form-content .settings-widget-container .settings-header ~ .settings-header, .redesigned_form form .form-content .settings-widget-container .settings-header ~ .settings-header, .url_form_view .app-inline-edit .form-content .settings-widget-container .settings-header ~ .settings-header, .url_form_view form .form-content .settings-widget-container .settings-header ~ .settings-header, .video_form_view .app-inline-edit .form-content .settings-widget-container .settings-header ~ .settings-header, .video_form_view form .form-content .settings-widget-container .settings-header ~ .settings-header {
  margin-top: 48px
}
.all_media_form_view .app-inline-edit .form-content .toggle_availability .toggle-el-container, .all_media_form_view form .form-content .toggle_availability .toggle-el-container, .audio_form_view .app-inline-edit .form-content .toggle_availability .toggle-el-container, .audio_form_view form .form-content .toggle_availability .toggle-el-container, .image_form_view .app-inline-edit .form-content .toggle_availability .toggle-el-container, .image_form_view form .form-content .toggle_availability .toggle-el-container, .pdf_form_view .app-inline-edit .form-content .toggle_availability .toggle-el-container, .pdf_form_view form .form-content .toggle_availability .toggle-el-container, .redesigned_form .app-inline-edit .form-content .toggle_availability .toggle-el-container, .redesigned_form form .form-content .toggle_availability .toggle-el-container, .url_form_view .app-inline-edit .form-content .toggle_availability .toggle-el-container, .url_form_view form .form-content .toggle_availability .toggle-el-container, .video_form_view .app-inline-edit .form-content .toggle_availability .toggle-el-container, .video_form_view form .form-content .toggle_availability .toggle-el-container {
  max-width: 450px;
  width: 100%
}
.all_media_form_view .app-inline-edit .form-content .valid-after-before-fields, .all_media_form_view .app-inline-edit .form-content div[data-fields='valid_after,valid_before'], .all_media_form_view form .form-content .valid-after-before-fields, .all_media_form_view form .form-content div[data-fields='valid_after,valid_before'], .audio_form_view .app-inline-edit .form-content .valid-after-before-fields, .audio_form_view .app-inline-edit .form-content div[data-fields='valid_after,valid_before'], .audio_form_view form .form-content .valid-after-before-fields, .audio_form_view form .form-content div[data-fields='valid_after,valid_before'], .image_form_view .app-inline-edit .form-content .valid-after-before-fields, .image_form_view .app-inline-edit .form-content div[data-fields='valid_after,valid_before'], .image_form_view form .form-content .valid-after-before-fields, .image_form_view form .form-content div[data-fields='valid_after,valid_before'], .pdf_form_view .app-inline-edit .form-content .valid-after-before-fields, .pdf_form_view .app-inline-edit .form-content div[data-fields='valid_after,valid_before'], .pdf_form_view form .form-content .valid-after-before-fields, .pdf_form_view form .form-content div[data-fields='valid_after,valid_before'], .redesigned_form .app-inline-edit .form-content .valid-after-before-fields, .redesigned_form .app-inline-edit .form-content div[data-fields='valid_after,valid_before'], .redesigned_form form .form-content .valid-after-before-fields, .redesigned_form form .form-content div[data-fields='valid_after,valid_before'], .url_form_view .app-inline-edit .form-content .valid-after-before-fields, .url_form_view .app-inline-edit .form-content div[data-fields='valid_after,valid_before'], .url_form_view form .form-content .valid-after-before-fields, .url_form_view form .form-content div[data-fields='valid_after,valid_before'], .video_form_view .app-inline-edit .form-content .valid-after-before-fields, .video_form_view .app-inline-edit .form-content div[data-fields='valid_after,valid_before'], .video_form_view form .form-content .valid-after-before-fields, .video_form_view form .form-content div[data-fields='valid_after,valid_before'] {
  margin-left: 190px;
  display: flex;
  margin-top: 16px
}
.all_media_form_view .app-inline-edit .form-content .form-fields-container, .all_media_form_view form .form-content .form-fields-container, .audio_form_view .app-inline-edit .form-content .form-fields-container, .audio_form_view form .form-content .form-fields-container, .image_form_view .app-inline-edit .form-content .form-fields-container, .image_form_view form .form-content .form-fields-container, .pdf_form_view .app-inline-edit .form-content .form-fields-container, .pdf_form_view form .form-content .form-fields-container, .redesigned_form .app-inline-edit .form-content .form-fields-container, .redesigned_form form .form-content .form-fields-container, .url_form_view .app-inline-edit .form-content .form-fields-container, .url_form_view form .form-content .form-fields-container, .video_form_view .app-inline-edit .form-content .form-fields-container, .video_form_view form .form-content .form-fields-container {
  margin-bottom: 24px
}
.all_media_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container, .all_media_form_view form .form-content .form-fields-container .inner-field-container, .audio_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container, .audio_form_view form .form-content .form-fields-container .inner-field-container, .image_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container, .image_form_view form .form-content .form-fields-container .inner-field-container, .pdf_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container, .pdf_form_view form .form-content .form-fields-container .inner-field-container, .redesigned_form .app-inline-edit .form-content .form-fields-container .inner-field-container, .redesigned_form form .form-content .form-fields-container .inner-field-container, .url_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container, .url_form_view form .form-content .form-fields-container .inner-field-container, .video_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container, .video_form_view form .form-content .form-fields-container .inner-field-container {
  margin-left: 190px;
  margin-top: 16px;
  border-radius: 8px;
  padding: 16px 24px 8px
}
@media (max-width:1140px) {
  .all_media_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container:not(.layout-inline-edit-inner-field), .all_media_form_view form .form-content .form-fields-container .inner-field-container:not(.layout-inline-edit-inner-field), .audio_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container:not(.layout-inline-edit-inner-field), .audio_form_view form .form-content .form-fields-container .inner-field-container:not(.layout-inline-edit-inner-field), .image_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container:not(.layout-inline-edit-inner-field), .image_form_view form .form-content .form-fields-container .inner-field-container:not(.layout-inline-edit-inner-field), .pdf_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container:not(.layout-inline-edit-inner-field), .pdf_form_view form .form-content .form-fields-container .inner-field-container:not(.layout-inline-edit-inner-field), .redesigned_form .app-inline-edit .form-content .form-fields-container .inner-field-container:not(.layout-inline-edit-inner-field), .redesigned_form form .form-content .form-fields-container .inner-field-container:not(.layout-inline-edit-inner-field), .url_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container:not(.layout-inline-edit-inner-field), .url_form_view form .form-content .form-fields-container .inner-field-container:not(.layout-inline-edit-inner-field), .video_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container:not(.layout-inline-edit-inner-field), .video_form_view form .form-content .form-fields-container .inner-field-container:not(.layout-inline-edit-inner-field) {
    margin-left: 12px
  }
}
@media (max-width:670px) {
  .all_media_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container.layout-inline-edit-inner-field, .all_media_form_view form .form-content .form-fields-container .inner-field-container.layout-inline-edit-inner-field, .audio_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container.layout-inline-edit-inner-field, .audio_form_view form .form-content .form-fields-container .inner-field-container.layout-inline-edit-inner-field, .image_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container.layout-inline-edit-inner-field, .image_form_view form .form-content .form-fields-container .inner-field-container.layout-inline-edit-inner-field, .pdf_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container.layout-inline-edit-inner-field, .pdf_form_view form .form-content .form-fields-container .inner-field-container.layout-inline-edit-inner-field, .redesigned_form .app-inline-edit .form-content .form-fields-container .inner-field-container.layout-inline-edit-inner-field, .redesigned_form form .form-content .form-fields-container .inner-field-container.layout-inline-edit-inner-field, .url_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container.layout-inline-edit-inner-field, .url_form_view form .form-content .form-fields-container .inner-field-container.layout-inline-edit-inner-field, .video_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container.layout-inline-edit-inner-field, .video_form_view form .form-content .form-fields-container .inner-field-container.layout-inline-edit-inner-field {
    margin-left: 12px
  }
}
.all_media_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container.md-size, .all_media_form_view form .form-content .form-fields-container .inner-field-container.md-size, .audio_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container.md-size, .audio_form_view form .form-content .form-fields-container .inner-field-container.md-size, .image_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container.md-size, .image_form_view form .form-content .form-fields-container .inner-field-container.md-size, .pdf_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container.md-size, .pdf_form_view form .form-content .form-fields-container .inner-field-container.md-size, .redesigned_form .app-inline-edit .form-content .form-fields-container .inner-field-container.md-size, .redesigned_form form .form-content .form-fields-container .inner-field-container.md-size, .url_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container.md-size, .url_form_view form .form-content .form-fields-container .inner-field-container.md-size, .video_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container.md-size, .video_form_view form .form-content .form-fields-container .inner-field-container.md-size {
  max-width: 354px
}
.all_media_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container.full-size, .all_media_form_view form .form-content .form-fields-container .inner-field-container.full-size, .audio_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container.full-size, .audio_form_view form .form-content .form-fields-container .inner-field-container.full-size, .image_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container.full-size, .image_form_view form .form-content .form-fields-container .inner-field-container.full-size, .pdf_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container.full-size, .pdf_form_view form .form-content .form-fields-container .inner-field-container.full-size, .redesigned_form .app-inline-edit .form-content .form-fields-container .inner-field-container.full-size, .redesigned_form form .form-content .form-fields-container .inner-field-container.full-size, .url_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container.full-size, .url_form_view form .form-content .form-fields-container .inner-field-container.full-size, .video_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container.full-size, .video_form_view form .form-content .form-fields-container .inner-field-container.full-size {
  max-width: 450px
}
.all_media_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group, .all_media_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group, .audio_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group, .audio_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group, .image_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group, .image_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group, .pdf_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group, .pdf_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group, .redesigned_form .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group, .redesigned_form form .form-content .form-fields-container .inner-field-container .inner-fields-group, .url_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group, .url_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group, .video_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group, .video_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  display: flex;
  flex-flow: wrap;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px
}
.all_media_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group .form-group, .all_media_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group .form-group, .audio_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group .form-group, .audio_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group .form-group, .image_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group .form-group, .image_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group .form-group, .pdf_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group .form-group, .pdf_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group .form-group, .redesigned_form .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group .form-group, .redesigned_form form .form-content .form-fields-container .inner-field-container .inner-fields-group .form-group, .url_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group .form-group, .url_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group .form-group, .video_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group .form-group, .video_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group .form-group {
  margin-bottom: 16px
}
.all_media_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group .form-group:last-child, .all_media_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group .form-group:last-child, .audio_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group .form-group:last-child, .audio_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group .form-group:last-child, .image_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group .form-group:last-child, .image_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group .form-group:last-child, .pdf_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group .form-group:last-child, .pdf_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group .form-group:last-child, .redesigned_form .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group .form-group:last-child, .redesigned_form form .form-content .form-fields-container .inner-field-container .inner-fields-group .form-group:last-child, .url_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group .form-group:last-child, .url_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group .form-group:last-child, .video_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group .form-group:last-child, .video_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group .form-group:last-child {
  margin-right: 0
}
.all_media_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group.nth-row, .all_media_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group.nth-row, .audio_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group.nth-row, .audio_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group.nth-row, .image_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group.nth-row, .image_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group.nth-row, .pdf_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group.nth-row, .pdf_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group.nth-row, .redesigned_form .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group.nth-row, .redesigned_form form .form-content .form-fields-container .inner-field-container .inner-fields-group.nth-row, .url_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group.nth-row, .url_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group.nth-row, .video_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group.nth-row, .video_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group.nth-row {
  margin-top: 16px
}
.all_media_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'], .all_media_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'], .audio_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'], .audio_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'], .image_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'], .image_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'], .pdf_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'], .pdf_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'], .redesigned_form .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'], .redesigned_form form .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'], .url_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'], .url_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'], .video_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'], .video_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] {
  width: 100%
}
.all_media_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] .form-group label, .all_media_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] .form-group label, .audio_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] .form-group label, .audio_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] .form-group label, .image_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] .form-group label, .image_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] .form-group label, .pdf_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] .form-group label, .pdf_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] .form-group label, .redesigned_form .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] .form-group label, .redesigned_form form .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] .form-group label, .url_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] .form-group label, .url_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] .form-group label, .video_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] .form-group label, .video_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] .form-group label {
  max-width: 152px
}
.all_media_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] .form-group .editor-container, .all_media_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] .form-group .editor-container, .audio_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] .form-group .editor-container, .audio_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] .form-group .editor-container, .image_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] .form-group .editor-container, .image_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] .form-group .editor-container, .pdf_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] .form-group .editor-container, .pdf_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] .form-group .editor-container, .redesigned_form .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] .form-group .editor-container, .redesigned_form form .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] .form-group .editor-container, .url_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] .form-group .editor-container, .url_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] .form-group .editor-container, .video_form_view .app-inline-edit .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] .form-group .editor-container, .video_form_view form .form-content .form-fields-container .inner-field-container .inner-fields-group.toggle-fields-group div[class$='-container'] .form-group .editor-container {
  max-width: 40px
}
.all_media_form_view #crop_controls .spinner-down:hover, .all_media_form_view #crop_controls .spinner-up:hover, .audio_form_view #crop_controls .spinner-down:hover, .audio_form_view #crop_controls .spinner-up:hover, .image_form_view #crop_controls .spinner-down:hover, .image_form_view #crop_controls .spinner-up:hover, .pdf_form_view #crop_controls .spinner-down:hover, .pdf_form_view #crop_controls .spinner-up:hover, .redesigned_form #crop_controls .spinner-down:hover, .redesigned_form #crop_controls .spinner-up:hover, .url_form_view #crop_controls .spinner-down:hover, .url_form_view #crop_controls .spinner-up:hover, .video_form_view #crop_controls .spinner-down:hover, .video_form_view #crop_controls .spinner-up:hover {
  background-color: var(--color-background-primary) !important
}
.all_media_form_view.magic-write-container .magic-write-form, .audio_form_view.magic-write-container .magic-write-form, .image_form_view.magic-write-container .magic-write-form, .pdf_form_view.magic-write-container .magic-write-form, .redesigned_form.magic-write-container .magic-write-form, .url_form_view.magic-write-container .magic-write-form, .video_form_view.magic-write-container .magic-write-form {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  row-gap: 30px;
  padding: 24px;
  border: 1px solid var(--color-border-section);
  border-radius: 8px;
  background-color: var(--color-background-inverse)
}
.all_media_form_view.magic-write-container .magic-write-form [data-fields=enabled], .audio_form_view.magic-write-container .magic-write-form [data-fields=enabled], .image_form_view.magic-write-container .magic-write-form [data-fields=enabled], .pdf_form_view.magic-write-container .magic-write-form [data-fields=enabled], .redesigned_form.magic-write-container .magic-write-form [data-fields=enabled], .url_form_view.magic-write-container .magic-write-form [data-fields=enabled], .video_form_view.magic-write-container .magic-write-form [data-fields=enabled] {
  margin-left: 50px
}
.all_media_form_view.magic-write-container .magic-write-form [data-fields=enabled] [data-editor], .audio_form_view.magic-write-container .magic-write-form [data-fields=enabled] [data-editor], .image_form_view.magic-write-container .magic-write-form [data-fields=enabled] [data-editor], .pdf_form_view.magic-write-container .magic-write-form [data-fields=enabled] [data-editor], .redesigned_form.magic-write-container .magic-write-form [data-fields=enabled] [data-editor], .url_form_view.magic-write-container .magic-write-form [data-fields=enabled] [data-editor], .video_form_view.magic-write-container .magic-write-form [data-fields=enabled] [data-editor] {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px
}
.all_media_form_view.magic-write-container .magic-write-form [data-fields=enabled] [data-editor] .title, .audio_form_view.magic-write-container .magic-write-form [data-fields=enabled] [data-editor] .title, .image_form_view.magic-write-container .magic-write-form [data-fields=enabled] [data-editor] .title, .pdf_form_view.magic-write-container .magic-write-form [data-fields=enabled] [data-editor] .title, .redesigned_form.magic-write-container .magic-write-form [data-fields=enabled] [data-editor] .title, .url_form_view.magic-write-container .magic-write-form [data-fields=enabled] [data-editor] .title, .video_form_view.magic-write-container .magic-write-form [data-fields=enabled] [data-editor] .title {
  color: var(--color-content-secondary)
}
.all_media_form_view.magic-write-container .magic-write-form .details-container, .audio_form_view.magic-write-container .magic-write-form .details-container, .image_form_view.magic-write-container .magic-write-form .details-container, .pdf_form_view.magic-write-container .magic-write-form .details-container, .redesigned_form.magic-write-container .magic-write-form .details-container, .url_form_view.magic-write-container .magic-write-form .details-container, .video_form_view.magic-write-container .magic-write-form .details-container {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  row-gap: 15px;
  padding: 12px 15px;
  background-color: var(--color-background-tertiary);
  border-radius: 8px
}
.all_media_form_view.magic-write-container .magic-write-form .details-container .details-main, .audio_form_view.magic-write-container .magic-write-form .details-container .details-main, .image_form_view.magic-write-container .magic-write-form .details-container .details-main, .pdf_form_view.magic-write-container .magic-write-form .details-container .details-main, .redesigned_form.magic-write-container .magic-write-form .details-container .details-main, .url_form_view.magic-write-container .magic-write-form .details-container .details-main, .video_form_view.magic-write-container .magic-write-form .details-container .details-main {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  row-gap: 5px
}
.all_media_form_view.magic-write-container .magic-write-form #edit-form-actions-buttons, .audio_form_view.magic-write-container .magic-write-form #edit-form-actions-buttons, .image_form_view.magic-write-container .magic-write-form #edit-form-actions-buttons, .pdf_form_view.magic-write-container .magic-write-form #edit-form-actions-buttons, .redesigned_form.magic-write-container .magic-write-form #edit-form-actions-buttons, .url_form_view.magic-write-container .magic-write-form #edit-form-actions-buttons, .video_form_view.magic-write-container .magic-write-form #edit-form-actions-buttons {
  align-self: flex-end
}
@media (max-width:629px) {
  .main-content .page-content:has(.url_form_view) {
    padding: 0 2px
  }
}
@media (max-width:991px) {
  .page-content > div > div:last-child {
    margin-bottom: 170px
  }
}
.url_form_view .improved-form .details-container {
  width: 35%
}
.url_form_view .improved-form .settings-container {
  width: 65%
}
@media (max-width:1441px) {
  .url_form_view .improved-form .details-container {
    width: 40%
  }
  .url_form_view .improved-form .settings-container {
    width: 60%
  }
}
.url_form_view .preview-info-banner {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  padding: 8px 12px;
  background-color: var(--color-background-notice-subtle);
  border: 1px solid var(--color-border-notice);
  border-radius: 8px
}
#embedPlayerForm .form_header, .url_form_view .form_header {
  margin: 0;
  padding: 20px 10px;
  position: -webkit-sticky;
  position: sticky;
  width: unset;
  display: flex;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px
}
@media (max-width:991px) {
  #embedPlayerForm .form_header, .url_form_view .form_header {
    padding: 0;
    position: static;
    border: none
  }
  #embedPlayerForm .form_header .back_to_list_container, .url_form_view .form_header .back_to_list_container {
    padding-left: 10px;
    position: initial;
    top: -28px
  }
  #embedPlayerForm .form_header .actions_parent .form-actions #edit-form-actions-buttons.edit_form_actions_buttons button:not(.form-delete-button):not(.dropdown-toggle), .url_form_view .form_header .actions_parent .form-actions #edit-form-actions-buttons.edit_form_actions_buttons button:not(.form-delete-button):not(.dropdown-toggle) {
    width: 100%
  }
}
#embedPlayerForm .form_header .hijack_container, .url_form_view .form_header .hijack_container {
  position: absolute
}
#embedPlayerForm .form_header .back_to_list_container, .url_form_view .form_header .back_to_list_container {
  margin: 0;
  display: flex;
  align-items: center;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  font-size: 24px;
  font-weight: 400
}
#embedPlayerForm .form_header .back_to_list_container .form-label, .url_form_view .form_header .back_to_list_container .form-label {
  text-wrap: nowrap
}
#embedPlayerForm .form_header .back_to_list_container .back_to_list, .url_form_view .form_header .back_to_list_container .back_to_list {
  padding: 8px;
  display: flex;
  border-radius: 8px;
  background: var(--color-background-tertiary);
  cursor: pointer
}
#embedPlayerForm .form_header .back_to_list_container .back_to_list:hover, .url_form_view .form_header .back_to_list_container .back_to_list:hover {
  text-decoration: none
}
#embedPlayerForm .form_header .back_to_list_container .back_to_list i, .url_form_view .form_header .back_to_list_container .back_to_list i {
  font-size: 160%
}
#embedPlayerForm .form_header .actions_parent, .url_form_view .form_header .actions_parent {
  margin: 0;
  width: 100%
}
#embedPlayerForm .form_header .actions_parent .form-actions, .url_form_view .form_header .actions_parent .form-actions {
  width: 100%;
  padding: 0;
  display: flex;
  justify-content: flex-end
}
#embedPlayerForm .form_header .actions_parent .form-actions #edit-form-actions-buttons.edit_form_actions_buttons, .url_form_view .form_header .actions_parent .form-actions #edit-form-actions-buttons.edit_form_actions_buttons {
  justify-content: center;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  margin-left: 0
}
#embedPlayerForm .form_header .actions_parent .form-actions #edit-form-actions-buttons.edit_form_actions_buttons button, .url_form_view .form_header .actions_parent .form-actions #edit-form-actions-buttons.edit_form_actions_buttons button {
  height: unset;
  min-width: unset;
  min-height: 40px;
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding-inline: 16px
}
#embedPlayerForm .form_header .actions_parent .form-actions #edit-form-actions-buttons.edit_form_actions_buttons button.preview-model, .url_form_view .form_header .actions_parent .form-actions #edit-form-actions-buttons.edit_form_actions_buttons button.preview-model {
  display: flex;
  gap: 3px
}
#embedPlayerForm .form_header .actions_parent .form-actions #edit-form-actions-buttons.edit_form_actions_buttons .forward-assignment-action, .url_form_view .form_header .actions_parent .form-actions #edit-form-actions-buttons.edit_form_actions_buttons .forward-assignment-action {
  width: unset;
  padding-inline: 24px
}
@media (max-width:991px) {
  #embedPlayerForm .form_header .actions_parent .form-actions #edit-form-actions-buttons.edit_form_actions_buttons, .url_form_view .form_header .actions_parent .form-actions #edit-form-actions-buttons.edit_form_actions_buttons {
    justify-content: flex-end
  }
}
@media (max-width:629px) {
  #embedPlayerForm .form_header .actions_parent .form-actions #edit-form-actions-buttons.edit_form_actions_buttons > .forward-assignment-action-btns, #embedPlayerForm .form_header .actions_parent .form-actions #edit-form-actions-buttons.edit_form_actions_buttons > .forward-assignment-action-btns button, #embedPlayerForm .form_header .actions_parent .form-actions #edit-form-actions-buttons.edit_form_actions_buttons > button, .url_form_view .form_header .actions_parent .form-actions #edit-form-actions-buttons.edit_form_actions_buttons > .forward-assignment-action-btns, .url_form_view .form_header .actions_parent .form-actions #edit-form-actions-buttons.edit_form_actions_buttons > .forward-assignment-action-btns button, .url_form_view .form_header .actions_parent .form-actions #edit-form-actions-buttons.edit_form_actions_buttons > button {
    width: 100%;
    max-width: unset
  }
  #embedPlayerForm .form_header .actions_parent .form-actions #edit-form-actions-buttons.edit_form_actions_buttons #delete_media_item, #embedPlayerForm .form_header .actions_parent .form-actions #edit-form-actions-buttons.edit_form_actions_buttons .cancel-model, .url_form_view .form_header .actions_parent .form-actions #edit-form-actions-buttons.edit_form_actions_buttons #delete_media_item, .url_form_view .form_header .actions_parent .form-actions #edit-form-actions-buttons.edit_form_actions_buttons .cancel-model {
    display: none
  }
}
#embedPlayerForm .form_header .actions_parent .form-actions #edit-form-actions-buttons.edit_form_actions_buttons > *, .url_form_view .form_header .actions_parent .form-actions #edit-form-actions-buttons.edit_form_actions_buttons > * {
  margin: 0
}
#embedPlayerForm .beta-flag, .url_form_view .beta-flag {
  padding: 2px 6px;
  margin-right: -2px;
  border-radius: 4px;
  border: 1px solid var(--basic_branding);
  font-size: 9px;
  font-weight: 600;
  color: var(--basic_branding)
}
#embedPlayerForm #codemirror_script_code, .url_form_view #codemirror_script_code {
  max-width: unset !important;
  width: 100% !important;
  height: 300px;
  margin-bottom: 0
}
@media (max-width:629px) {
  #embedPlayerForm #codemirror_script_code, .url_form_view #codemirror_script_code {
    margin-top: 28px
  }
}
#embedPlayerForm #codemirror_script_code .CodeMirror, .url_form_view #codemirror_script_code .CodeMirror {
  max-width: unset !important;
  width: 100% !important;
  height: 300px;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}
#embedPlayerForm .actions-container, .url_form_view .actions-container {
  width: 100%;
  height: 300px;
  padding: 16px;
  border-radius: 4px 4px 0 0;
  border: 1px solid var(--color-border-default);
  border-bottom: 0;
  overflow: auto
}
#embedPlayerForm .actions-container .empty-state, .url_form_view .actions-container .empty-state {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  row-gap: 20px;
  height: 100%
}
#embedPlayerForm .actions-container .empty-state .empty-state-title, .url_form_view .actions-container .empty-state .empty-state-title {
  color: var(--color-content-primary);
  text-align: center
}
#embedPlayerForm .actions-container .empty-state .empty-state-img, .url_form_view .actions-container .empty-state .empty-state-img {
  width: 326px;
  height: 180px
}
#embedPlayerForm .actions-container .empty-state .empty-state-subtitle, .url_form_view .actions-container .empty-state .empty-state-subtitle {
  color: var(--color-content-secondary);
  text-align: center
}
#embedPlayerForm .actions-container .actions-items-container, .url_form_view .actions-container .actions-items-container {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  overflow-y: scroll
}
#embedPlayerForm .actions-container .actions-item, .url_form_view .actions-container .actions-item {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-border-default);
  padding: 8px;
  border-radius: 8px;
  width: 100%
}
#embedPlayerForm .actions-container .actions-item .actions-item-text, .url_form_view .actions-container .actions-item .actions-item-text {
  display: flex;
  align-items: center;
  padding: 8px;
  border-radius: 4px;
  background-color: var(--color-background-primary);
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%
}
#embedPlayerForm .actions-container .actions-item .actions-item-text .actions-item-text-action, .url_form_view .actions-container .actions-item .actions-item-text .actions-item-text-action {
  color: var(--basic_branding)
}
#embedPlayerForm .actions-container .actions-item .actions-item-text .actions-item-text-selector, .url_form_view .actions-container .actions-item .actions-item-text .actions-item-text-selector {
  color: var(--color-content-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
#embedPlayerForm .actions-container .actions-item .actions-item-text .actions-item-text-value, .url_form_view .actions-container .actions-item .actions-item-text .actions-item-text-value {
  color: color-mix(in srgb, var(--basic_branding), #000 10%);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
#embedPlayerForm .actions-container .actions-item-hide-password-button, .url_form_view .actions-container .actions-item-hide-password-button {
  cursor: pointer;
  border-radius: 4px;
  padding: 2px
}
#embedPlayerForm .actions-container .actions-item-hide-password-button:focus, #embedPlayerForm .actions-container .actions-item-hide-password-button:hover, .url_form_view .actions-container .actions-item-hide-password-button:focus, .url_form_view .actions-container .actions-item-hide-password-button:hover {
  background-color: var(--color-background-tertiary)
}
#embedPlayerForm.inline-edit-form #media-reference, #embedPlayerForm.inline-edit-form .form_header, #embedPlayerForm.inline-edit-form .item-details-container, #embedPlayerForm.inline-edit-form .preview-helper-banner, .url_form_view.inline-edit-form #media-reference, .url_form_view.inline-edit-form .form_header, .url_form_view.inline-edit-form .item-details-container, .url_form_view.inline-edit-form .preview-helper-banner {
  display: none !important
}
#embedPlayerForm.inline-edit-form .improved-form, .url_form_view.inline-edit-form .improved-form {
  flex-direction: column;
  align-items: center
}
#embedPlayerMassForm .improved-form {
  padding: 0;
  flex-direction: column;
  align-items: normal;
  row-gap: 12px
}
#embedPlayerMassForm .improved-form .mass-field-wrapper {
  padding-block: 16px 8px;
  padding-inline: 12px
}
#embedPlayerMassForm .improved-form .mass-field-wrapper .editor-container {
  padding: 8px
}
.improved-form {
  padding-top: 24px;
  display: flex;
  align-items: flex-start;
  gap: 24px;
  width: 100%
}
.improved-form > div {
  justify-content: start;
  align-items: normal;
  flex-direction: column;
  display: flex;
  border-radius: 8px;
  background: var(--color-background-inverse);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .05)
}
.improved-form > div.details-container {
  width: min(650px, 100%);
  padding: 20px;
  row-gap: 16px
}
.improved-form > div.details-container .thumbnail-container {
  margin: 16px;
  max-width: 900px;
  position: relative;
  aspect-ratio: 1.5;
  border-radius: 8px;
  border: 5px solid #4e4c57;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .14)
}
.improved-form > div.details-container .thumbnail-container::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 50px;
  height: 8px;
  border-radius: 8px;
  background: #4e4c57
}
.improved-form > div.details-container .thumbnail-container img {
  max-width: 100%;
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: inherit
}
.improved-form > div.details-container .thumbnail-container .thumbnail-overlay {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  background: rgba(0, 0, 0, .3);
  opacity: 0;
  transition: opacity .5s
}
.improved-form > div.details-container .thumbnail-container .thumbnail-overlay:hover {
  opacity: 1
}
.improved-form > div.details-container .thumbnail-container .thumbnail-overlay .inner-text {
  padding: 8px 12px;
  border-radius: 40px;
  background: var(--color-background-primary);
  color: var(--color-content-primary)
}
.improved-form > div.details-container .item-details-container {
  justify-content: start;
  align-items: normal;
  flex-direction: column;
  display: flex;
  padding: 22px 47px;
  background: var(--color-background-primary);
  border-radius: 8px
}
.improved-form > div.details-container .item-details-container .item-detail-row {
  display: flex;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  font-size: 12px;
  text-wrap: nowrap
}
.improved-form > div.details-container .item-details-container .item-detail-row span {
  width: 50%;
  font-weight: 400;
  color: var(--color-content-tertiary)
}
.improved-form > div.details-container .item-details-container .item-detail-row span:first-of-type {
  text-align: right
}
.improved-form > div.details-container .item-details-container .item-detail-row span.date-added, .improved-form > div.details-container .item-details-container .item-detail-row span.id-value {
  color: var(--color-content-primary)
}
.improved-form > div.details-container #media-reference {
  text-align: center;
  font-weight: 600;
  color: var(--color-content-primary)
}
.improved-form > div.settings-container {
  width: min(1040px, 100%);
  row-gap: 32px;
  padding-block: 8px 24px;
  padding-inline: 16px
}
.improved-form > div.settings-container .settings-header-container {
  display: flex;
  justify-content: space-evenly;
  padding-top: 16px;
  padding-inline: 12px
}
.improved-form > div.settings-container .settings-header-container .settings-header {
  width: 100%;
  text-align: center;
  color: var(--color-content-secondary);
  cursor: pointer
}
@media (max-width:629px) {
  .improved-form > div.settings-container .settings-header-container {
    padding-inline: 0;
    justify-content: space-between
  }
  .improved-form > div.settings-container .settings-header-container .settings-header:first-child {
    text-align: left
  }
  .improved-form > div.settings-container .settings-header-container .settings-header:last-child {
    text-align: right
  }
}
.improved-form > div.settings-container .settings-header-container .settings-header.active {
  position: relative;
  color: var(--secondary_branding);
  font-weight: 600
}
.improved-form > div.settings-container .settings-header-container .settings-header.active::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  height: 3px;
  border-radius: 4px;
  background: var(--secondary_branding)
}
.improved-form > div.settings-container .settings-section-container .settings-section {
  display: flex;
  flex-direction: column;
  row-gap: 16px
}
.improved-form > div.settings-container .settings-section-container .settings-section.scripting-settings .preview-helper-banner {
  padding: 12px 30px;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  border-radius: 8px;
  border: 1px solid var(--color-border-default);
  background-image: radial-gradient(ellipse 100% 250% at 10% -60%, var(--color-background-inverse) 58%, var(--color-background-inverse) 60%, var(--color-fill-image) 71%);
  cursor: pointer
}
@media (max-width:629px) {
  .improved-form > div.settings-container .settings-section-container .settings-section.scripting-settings .preview-helper-banner {
    flex-direction: column;
    text-align: center;
    padding: 12px 10px;
    row-gap: 12px
  }
}
.improved-form > div.settings-container .settings-section-container .settings-section.scripting-settings .preview-helper-banner .banner-text {
  display: flex;
  flex-direction: column;
  color: var(--color-content-primary)
}
.improved-form > div.settings-container .settings-section-container .settings-section.scripting-settings .preview-helper-button {
  text-wrap: nowrap
}
.improved-form > div.settings-container .settings-section-container .settings-section .section-title {
  color: var(--color-content-secondary)
}
.improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection, .improved-form > div.settings-container .settings-section-container .settings-section [argument-data-fields], .improved-form > div.settings-container .settings-section-container .settings-section [data-fields] {
  display: flex;
  flex-direction: column;
  row-gap: 16px
}
.improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container {
  display: flex;
  flex-direction: column;
  gap: 16px
}
.improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .tabs {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  background-color: var(--color-background-primary);
  border: 1px solid var(--color-border-default);
  color: var(--color-content-secondary);
  border-radius: 12px;
  padding: 4px 6px;
  gap: 10px;
  margin-bottom: 10px
}
.improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .tabs .recorder-tab, .improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .tabs .script-tab {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  height: 27px;
  flex-basis: 50%;
  border-radius: 8px
}
.improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .tabs .recorder-tab:hover, .improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .tabs .script-tab:hover {
  background-color: var(--color-background-tertiary);
  cursor: pointer
}
.improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .tabs .recorder-tab.active, .improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .tabs .script-tab.active {
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-border-default);
  color: var(--color-content-primary);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .15)
}
.improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .tabs .recorder-tab {
  gap: 10px;
  text-align: center
}
.improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .tabs .recorder-tab .new-pill {
  padding-inline: 4px;
  padding-block: 2px;
  color: var(--color-border-notice);
  background-color: inherit;
  border: 1px solid var(--color-border-notice);
  border-radius: 4px;
  line-height: 100%
}
@media (max-width:400px) {
  .improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .tabs .recorder-tab .new-pill {
    display: none
  }
}
.improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .recorder-section {
  display: flex;
  flex-direction: column;
  padding: 16px 12px;
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-border-section);
  border-radius: 8px;
  row-gap: 20px
}
.improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .recorder-section .recorder-header-container {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--color-border-default);
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px
}
@media (max-width:629px) {
  .improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .recorder-section .recorder-header-container {
    flex-direction: column;
    align-items: start;
    row-gap: 20px
  }
}
.improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .recorder-section .recorder-header-container .recorder-text-container {
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  row-gap: 4px
}
.improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .recorder-section .recorder-header-container .recorder-text-container .recorder-title-container {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px
}
.improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .recorder-section .recorder-header-container .recorder-text-container .recorder-title-container .title-text {
  color: var(--color-content-primary)
}
.improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .recorder-section .recorder-header-container .recorder-text-container .recorder-title-container .title-pill {
  padding-inline: 4px;
  padding-block: 2px;
  color: var(--color-border-notice);
  background-color: inherit;
  border: 1px solid var(--color-border-notice);
  border-radius: 4px;
  line-height: 100%
}
.improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .recorder-section .recorder-header-container .recorder-text-container .recorder-title-container .title-beta-pill {
  padding-inline: 6px;
  padding-block: 5px;
  color: var(--basic_branding);
  background-color: inherit;
  border: 1px solid var(--basic_branding);
  border-radius: 4px;
  line-height: 100%
}
.improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .recorder-section .recorder-header-container .recorder-text-container .recorder-subtitle {
  color: var(--color-content-secondary)
}
.improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .recorder-section .recorder-how-it-work-container {
  display: flex;
  flex-direction: column;
  row-gap: 15px
}
.improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .recorder-section .recorder-how-it-work-container [argument-data-fields=carousel] {
  width: 100%
}
.improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .recorder-section .recorder-how-it-work-container .recorder-how-it-work-title-container {
  display: flex;
  align-items: center;
  align-self: flex-start;
  color: var(--color-content-secondary)
}
.improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .recorder-section .recorder-how-it-work-container .recorder-how-it-work-title-container:hover {
  color: var(--color-content-tertiary);
  cursor: pointer
}
.improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .recorder-section .recorder-how-it-work-container .recorder-how-it-work-title-container .arrow-icon.closed {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
.improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .script-help-container {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  padding: 8px;
  border-radius: 8px;
  color: var(--color-content-primary);
  background: var(--color-background-notice-subtle);
  border: 1px solid var(--color-border-notice)
}
.improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .script-help-container .text-container {
  display: flex;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px
}
.improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .script-help-container #script-contact-support {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 5px
}
@media (max-width:629px) {
  .improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .script-help-container #script-contact-support {
    padding: 0;
    min-width: unset
  }
  .improved-form > div.settings-container .settings-section-container .settings-section .settings-subsection .script-code-container .script-help-container #script-contact-support .script-contact-support-text {
    display: none
  }
}
.improved-form > div.settings-container .settings-section-container .settings-section.general-settings, .improved-form > div.settings-container .settings-section-container .settings-section.general-settings [data-fields] {
  row-gap: 16px
}
.improved-form > div .toggle-container {
  display: flex;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px
}
.improved-form > div .add-description-toggle, .improved-form > div .add-tags-toggle {
  align-self: flex-start;
  padding: 8px;
  display: flex;
  align-items: end;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  border-radius: 8px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-primary);
  cursor: pointer;
  font-weight: 600;
  color: var(--color-content-secondary)
}
.improved-form > div .add-description-toggle:hover, .improved-form > div .add-tags-toggle:hover {
  border: 1px solid var(--color-border-hover)
}
.improved-form > div .add-description-toggle i, .improved-form > div .add-tags-toggle i {
  margin: 0;
  font-size: 120%
}
#embedPlayerForm .improved-form .details-container {
  width: min(650px, 100%);
  padding: 16px;
  row-gap: 12px
}
#embedPlayerForm .improved-form .details-container .preview-container {
  max-width: 900px
}
#embedPlayerForm .improved-form .details-container .preview-container .empty-preview, #embedPlayerForm .improved-form .details-container .preview-container .loading-preview, #embedPlayerForm .improved-form .details-container .preview-container iframe {
  width: 100%;
  aspect-ratio: 16/9
}
#embedPlayerForm .improved-form .details-container .preview-container .empty-preview {
  padding: 40px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  border-radius: 8px;
  background: var(--color-content-secondary);
  color: var(--color-content-inverse)
}
#embedPlayerForm .improved-form .details-container .preview-container .loading-preview {
  display: none;
  position: relative;
  background-color: var(--color-content-secondary)
}
#embedPlayerForm .improved-form .details-container .preview-container .loading-preview .circle-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 74px;
  width: 74px
}
#embedPlayerForm .improved-form .details-container .preview-container .loading-preview .circle-container::after {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  border-radius: 50%;
  background-color: transparent;
  border-top: 2px solid var(--basic_branding);
  -webkit-animation: circle-rotate 1s infinite linear;
  animation: circle-rotate 1s infinite linear
}
#embedPlayerForm .improved-form .details-container .preview-message {
  padding: 12px;
  border-radius: 4px;
  background: var(--color-background-notice-subtle)
}
html.dark #embedPlayerForm .improved-form .details-container .preview-message {
  color: var(--color-content-primary)
}
#embedPlayerForm .improved-form .details-container .total-views-container {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 12px;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid var(--color-border-default)
}
#embedPlayerForm .improved-form .details-container .total-views-container > .views-container {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 8px;
  width: 100%
}
#embedPlayerForm .improved-form .details-container .total-views-container .help-button {
  margin-left: 6px !important
}
#embedPlayerForm .improved-form .details-container .total-views-container .monthly-views-title, #embedPlayerForm .improved-form .details-container .total-views-container a {
  color: var(--color-content-secondary)
}
#embedPlayerForm .improved-form .details-container .removed-branding-text {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  text-align: center
}
#embedPlayerForm .improved-form .form-settings-container {
  width: min(1040px, 100%);
  padding: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  row-gap: 16px
}
#embedPlayerForm .improved-form .form-settings-container .settings-section {
  width: 100%;
  justify-content: start;
  align-items: normal;
  flex-direction: column;
  display: flex;
  row-gap: 16px
}
#embedPlayerForm .improved-form .form-settings-container .settings-section .section-title-container {
  width: 100%;
  justify-content: space-between;
  align-items: baseline;
  flex-direction: row;
  display: flex
}
#embedPlayerForm .improved-form .form-settings-container .settings-section div[id^=show_selector_template_container], #embedPlayerForm .improved-form .form-settings-container .settings-section div[id^=show_selector_template_container] #select_show_container .select2-container {
  max-width: unset
}
#embedPlayerForm .improved-form .form-settings-container .settings-section .remove-branding-container .upgrade_needed_label {
  display: flex;
  align-items: center;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  text-wrap: nowrap
}
@media (max-width:991px) {
  #embedPlayerForm .improved-form {
    margin-bottom: 60px
  }
}
@media (max-width:1139px) {
  .improved-form {
    flex-direction: column;
    align-items: normal
  }
  .improved-form > div.details-container, .improved-form > div.settings-container {
    width: unset !important
  }
  .improved-form > div.details-container .field-fallback, .improved-form > div.settings-container .field-fallback {
    overflow-x: auto
  }
  .improved-form > div.details-container .field-fallback .imageSelector #no-value .file-label, .improved-form > div.settings-container .field-fallback .imageSelector #no-value .file-label {
    padding: 0
  }
}
.improved-form-group {
  display: flex;
  flex-direction: column;
  row-gap: 8px
}
.improved-form-group > * {
  padding: 0;
  margin: 0
}
.improved-form-group.advanced-form-group {
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-primary)
}
.improved-form-group.advanced-form-group .subgroup {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 32px;
  -moz-column-gap: 32px;
  column-gap: 32px
}
.improved-form-group.advanced-form-group .subgroup .control-label {
  padding: 0;
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  text-align: initial
}
.improved-form-group.advanced-form-group .subgroup .toggle-editor.disabled {
  cursor: not-allowed;
  pointer-events: visible
}
.improved-form-group.advanced-form-group .subgroup + div {
  padding: 12px;
  align-self: flex-start;
  border-radius: 4px;
  background: var(--color-background-tertiary)
}
.improved-form-group.advanced-form-group .subgroup:nth-of-type(2) {
  padding: 0;
  flex-direction: column;
  align-items: normal;
  align-self: normal
}
.improved-form-group.advanced-form-group .subgroup:nth-of-type(2) .improved-form-group {
  border: none;
  background: 0 0
}
.improved-form-group.advanced-form-group .subgroup:nth-of-type(2).availability-container[data-fields] {
  padding: 12px;
  flex-direction: row;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px
}
.improved-form-group.advanced-form-group .subgroup:nth-of-type(2).availability-container[data-fields] .input-group {
  display: initial
}
.improved-form-group.advanced-form-group .subgroup:nth-of-type(2).availability-container[data-fields] .input-group input.date-picker {
  padding-left: 40px
}
.improved-form-group.advanced-form-group .subgroup:nth-of-type(2).availability-container[data-fields] > .form-group {
  width: 100%;
  margin: 0
}
.improved-form-group.advanced-form-group .subgroup:nth-of-type(2).availability-container[data-fields] > .form-group #timeslotsMedia {
  display: initial;
  margin: 0
}
.improved-form-group.advanced-form-group .subgroup:nth-of-type(2).availability-container[data-fields] > .form-group .timeslotsMediaContainer {
  margin-top: 8px
}
.improved-form-group.advanced-form-group .subgroup:nth-of-type(2).availability-container[data-fields] > .form-group .disable-checkbox-container {
  justify-content: flex-end
}
.improved-form-group.advanced-form-group.field-duration .ui-spinner .ui-spinner-button.ui-spinner-up {
  top: 6px
}
.improved-form-group.advanced-form-group.field-duration .ui-spinner .ui-spinner-button.ui-spinner-down {
  bottom: 6px
}
.improved-form-group.advanced-form-group.field-duration .ui-spinner .ui-spinner-button i {
  font-size: 16px
}
.improved-form-group.advanced-form-group.field-raspberry_status\.eligible_domains .subgroup, .improved-form-group.advanced-form-group.field-user_agent .subgroup {
  flex-direction: column;
  align-items: normal;
  row-gap: 8px
}
.improved-form-group.advanced-form-group.field-disable_private_browsing.highlight {
  border-color: var(--color-border-notice)
}
.improved-form-group.advanced-form-group.field-enable_flash_player input[type=checkbox], .improved-form-group.advanced-form-group.field-keep_session_data input[type=checkbox], .improved-form-group.advanced-form-group.field-raspberry_status\.show_video_progress_bar input[type=checkbox] {
  cursor: pointer;
  accent-color: color-mix(in srgb, var(--basic_branding), #000 10%)
}
.improved-form-group.advanced-form-group.field-hide_cookie_script #cookieScriptIntercomTooltip {
  font-size: 16px;
  font-weight: 600;
  vertical-align: sub;
  cursor: pointer
}
.improved-form-group.advanced-form-group.field-refresh_rate .refreshtime-container, .improved-form-group.advanced-form-group.field-refresh_rate .refreshtime-editor-container .control-label {
  display: none
}
.improved-form-group.advanced-form-group.field-refresh_rate .refreshtime-container .inner-fields-group {
  display: flex;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px
}
.improved-form-group.advanced-form-group.field-fallback .imageSelector {
  width: unset;
  max-width: unset
}
.improved-form-group.advanced-form-group.field-fallback .imageSelector #no-value .file-label {
  flex-wrap: wrap
}
.improved-form-group.advanced-form-group.field-fallback .imageSelector #has-value .remove {
  padding: 0;
  top: 0;
  right: 0;
  height: 20px;
  width: 20px;
  border: 1px solid var(--color-border-default)
}
.improved-form-group label.control-label {
  margin-top: 0 !important;
  color: var(--color-content-secondary)
}
.improved-form-group label.control-label .label-title {
  display: flex;
  align-items: center;
  font-weight: 600;
  color: var(--color-content-primary)
}
.improved-form-group label.control-label .label-title-flag {
  display: flex;
  align-items: center;
  margin-left: 4px;
  padding-inline: 6px;
  padding-block: 2px;
  border-radius: 4px;
  border: 1px solid var(--color-border-notice);
  font-size: 10px;
  font-weight: 600;
  color: var(--color-border-notice);
  background-color: var(--color-background-primary)
}
.improved-form-group label.control-label .label-title-flag.basic-branding {
  border-color: var(--basic_branding);
  color: var(--basic_branding)
}
.improved-form-group .editor-container input.form-control, .improved-form-group .editor-container textarea.form-control {
  max-width: none;
  padding-block: 10px;
  padding-inline: 12px 16px;
  border: 1px solid var(--color-border-default);
  transition: border-color .15s ease-in-out
}
.improved-form-group .editor-container input.form-control.spinner-input, .improved-form-group .editor-container textarea.form-control.spinner-input {
  padding-block: 4px;
  padding-inline: 12px 8px;
  font-weight: 400
}
.improved-form-group .editor-container #tags {
  border: 1px solid var(--color-border-default)
}
.improved-form-group .editor-container #tags:hover {
  border-color: var(--color-border-hover)
}
.improved-form-group .editor-container #tags:active, .improved-form-group .editor-container #tags:focus {
  border-color: var(--color-border-focus)
}
.field-code_view_enabled {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  margin-bottom: 16px
}
@media (max-width:629px) {
  .field-code_view_enabled {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 12px
  }
}
.field-code_view_enabled [data-editor] {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 120px
}
.field-code_view_enabled [data-editor] .title {
  color: var(--color-content-secondary)
}
.field-code_view_enabled [data-editor] .custom-boolean-switch:checked + .lbl:after {
  left: 15px
}
.field-code_view_enabled [data-editor] .toggle-editor .lbl {
  min-height: unset
}
.field-code_view_enabled [data-editor] .toggle-editor .lbl::before {
  width: 32px;
  min-width: 32px;
  height: 20px;
  border-radius: 4px
}
.field-code_view_enabled [data-editor] .toggle-editor .lbl::after {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  border-radius: 3px;
  width: 15px;
  height: 15px;
  font-family: 'Material Icons';
  content: '\e86f';
  color: var(--color-content-primary) !important;
  left: 3px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.field-code_view_enabled #script-help {
  position: relative;
  top: unset;
  right: unset;
  z-index: unset
}
[argument-data-fields=run_script] [data-editor] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 0;
  padding: 12px 16px;
  color: var(--color-content-primary);
  background-color: var(--color-background-primary);
  border: 1px solid var(--color-border-default);
  border-radius: 0 0 8px 8px
}
[argument-data-fields=run_script] [data-editor] .custom-boolean-switch + .lbl {
  min-height: unset
}
[argument-data-fields=run_script] .custom-boolean-switch:checked + .lbl:after {
  left: 15px
}
[argument-data-fields=run_script] .toggle-editor .lbl::before {
  width: 30px;
  min-width: 30px;
  height: 17px
}
[argument-data-fields=run_script] .toggle-editor .lbl::after {
  margin-top: 2px;
  width: 17px;
  height: 17px
}
@media (max-width:670px) {
  .redesigned_form form .form-content .form-group {
    flex-direction: column;
    align-items: flex-start !important
  }
  .redesigned_form form .form-content .form-group .field-secondary-wifi, .redesigned_form form .form-content .form-group > label {
    width: auto !important;
    margin-bottom: 6px !important;
    margin-top: 0 !important;
    max-width: 100% !important
  }
  .redesigned_form form .form-content .form-group.toggle_availability {
    flex-direction: row;
    align-items: center !important
  }
  .redesigned_form form .form-content .form-group.toggle_availability > label {
    width: auto !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important
  }
  .redesigned_form form .form-content .form-group.toggle_availability > div {
    margin-left: auto;
    width: auto !important
  }
}
@media (max-width:700px) {
  .redesigned_form form .form-content .form-group.toggle_availability + div {
    flex-direction: column
  }
  .redesigned_form form .form-content .form-group.toggle_availability + div .form-group.field-valid_after {
    margin-bottom: 0 !important
  }
  .redesigned_form form .form-content .form-group.toggle_availability + div .form-group.field-valid_before {
    margin-left: 0 !important;
    margin-top: 12px !important
  }
}
@media (max-width:768px) {
  .redesigned_form form .form-content .form-group label.control-label {
    text-align: right
  }
}
@media (min-width:671px) and (max-width:1140px) {
  .redesigned_form form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label) {
    max-width: 174px
  }
}
@media (max-width:670px) {
  .redesigned_form form .form-content .form-group.toggle_availability + div {
    margin-left: 12px !important
  }
  .redesigned_form form .form-content .form-group.add-description-toggle {
    margin-left: 0 !important;
    flex-direction: row;
    align-items: center !important
  }
  .redesigned_form form .form-content .form-group:not(.field-valid_after):not(.field-valid_before):not(.field-flex-column) > label:not(.field-flex-column-label) {
    max-width: 100% !important
  }
}
.redesigned_form form .form-content .form-group:has(.display-none-for-apps) label.control-label {
  display: none !important
}
.redesigned_form form .form-content .form-group:has(.display-none-for-apps) .editor-container {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content
}
@media (max-width:1140px) {
  .redesigned_form form .form-content.devices-inner-fields .form-group {
    flex-direction: column;
    align-items: flex-start !important
  }
  .redesigned_form form .form-content.devices-inner-fields .form-group .field-secondary-wifi, .redesigned_form form .form-content.devices-inner-fields .form-group > label {
    width: auto !important;
    margin-bottom: 6px !important;
    margin-top: 0 !important;
    max-width: 100% !important
  }
  .redesigned_form form .form-content.devices-inner-fields .form-group.toggle_availability {
    flex-direction: row;
    align-items: center !important
  }
  .redesigned_form form .form-content.devices-inner-fields .form-group.toggle_availability > label {
    width: auto !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important
  }
  .redesigned_form form .form-content.devices-inner-fields .form-group.toggle_availability > div {
    margin-left: auto;
    width: auto !important
  }
}
@media (max-width:1350px) {
  .redesigned_form form .form-content.devices-inner-fields .form-group.toggle_availability + div {
    flex-direction: column
  }
  .redesigned_form form .form-content.devices-inner-fields .form-group.toggle_availability + div .form-group.field-valid_after {
    margin-bottom: 0 !important
  }
  .redesigned_form form .form-content.devices-inner-fields .form-group.toggle_availability + div .form-group.field-valid_before {
    margin-left: 0 !important;
    margin-top: 12px !important
  }
}
@media (max-width:1140px) {
  .redesigned_form form .form-content.devices-inner-fields .form-group.toggle_availability + div {
    margin-left: 12px !important
  }
  .redesigned_form form .form-content.devices-inner-fields .form-group.add-description-toggle {
    margin-left: 0 !important;
    flex-direction: row;
    align-items: center !important
  }
}
.field-media_tag_filtering_enabled .label-title {
  flex-wrap: wrap;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px
}
.field-media_tag_filtering_enabled .label-title .label-title-flag {
  padding-inline: 0 !important;
  margin-left: 0 !important;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  border: none !important
}
.field-media_tag_filtering_enabled .label-subtitle {
  display: flex;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  flex-wrap: wrap
}
.field-media_tag_filtering_enabled .label-subtitle .learn-more {
  display: inline-flex;
  align-items: center;
  text-decoration: none
}
.field-media_tag_filtering_enabled .media-tags-subgroup {
  background: 0 0 !important
}
.field-media_tag_filtering_enabled .media-tags-subgroup .editor-container {
  display: flex;
  flex-direction: column;
  row-gap: 4px
}
.field-media_tag_filtering_enabled .media-tag-filtering-rule-subgroup {
  padding: 0 !important;
  align-self: unset !important;
  background: 0 0 !important
}
.field-media_tag_filtering_enabled .media-tag-filtering-rule-subgroup .field-media_tag_filtering_rule {
  width: 100%;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: normal !important;
  row-gap: 4px
}
.field-media_tag_filtering_enabled .media-tag-filtering-rule-subgroup .field-media_tag_filtering_rule .editor-container {
  max-width: unset !important
}
.field-media_tag_filtering_enabled .media-tag-filtering-rule-subgroup .field-media_tag_filtering_rule .editor-container .select2-container, .multiple_row_select .select2-container.select2, .select-group .editor-container .select2-container {
  max-width: unset
}
.field-media_tag_filtering_enabled .media-tag-filtering-rule-subgroup .field-media_tag_filtering_rule .editor-container .select2-container .select2-selection {
  height: unset;
  min-height: 52px;
  padding-block: 8px;
  padding-inline: 16px 8px
}
.media-thumbnail {
  width: 118px;
  height: 70.75px;
  float: left;
  display: block;
  position: relative;
  border: 2px solid var(--color-content-primary)
}
.media-thumbnail .img-container {
  border: none;
  height: 100%;
  background-color: var(--color-background-primary);
  display: block;
  position: relative
}
.media-thumbnail .img-container > .text {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  text-align: center;
  color: var(--color-background-inverse);
  background-color: var(--color-content-primary);
  opacity: 0;
  transition: all .2s ease
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .screen-configurator-container #numberofscreens-configurator button#increase-screens-button[disabled], .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .screen-configurator-container #numberofscreens-configurator button#reduce-screens-button.show_tooltip, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .screen-configurator-container #numberofscreens-configurator button#reduce-screens-button[disabled], .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .screen-configurator-container #numberofscreens-configurator button#increase-screens-button[disabled], .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .screen-configurator-container #numberofscreens-configurator button#reduce-screens-button.show_tooltip, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .screen-configurator-container #numberofscreens-configurator button#reduce-screens-button[disabled], .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .screen-configurator-container #numberofscreens-configurator button#increase-screens-button[disabled], .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .screen-configurator-container #numberofscreens-configurator button#reduce-screens-button.show_tooltip, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .screen-configurator-container #numberofscreens-configurator button#reduce-screens-button[disabled], .enumeration_button[disabled], .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .screen-configurator-container #numberofscreens-configurator button#increase-screens-button[disabled], .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .screen-configurator-container #numberofscreens-configurator button#reduce-screens-button.show_tooltip, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .screen-configurator-container #numberofscreens-configurator button#reduce-screens-button[disabled], .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .screen-configurator-container #numberofscreens-configurator button#increase-screens-button[disabled], .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .screen-configurator-container #numberofscreens-configurator button#reduce-screens-button.show_tooltip, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .screen-configurator-container #numberofscreens-configurator button#reduce-screens-button[disabled], .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .screen-configurator-container #numberofscreens-configurator button#increase-screens-button[disabled], .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .screen-configurator-container #numberofscreens-configurator button#reduce-screens-button.show_tooltip, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .screen-configurator-container #numberofscreens-configurator button#reduce-screens-button[disabled] {
  opacity: .6;
  cursor: not-allowed
}
.media-thumbnail .img-container > .text:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: 0
}
.media-thumbnail .img-container > .text > .inner {
  padding: 4px 0;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  max-width: 90%
}
.media-thumbnail .img-container > .text > .inner i {
  font-size: 24px
}
.media-thumbnail .img-container img {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.media-thumbnail .img-container #thumbnail {
  position: absolute;
  max-width: 100%;
  max-height: 100%
}
.media-thumbnail:hover > :first-child > .text {
  opacity: .6
}
.media-thumbnail:not(.image-form-thumbnail) .img-container img {
  height: 60px;
  min-width: 60px;
  background-color: var(--color-background-inverse)
}
.media-thumbnail > .tools > a, .media-thumbnail > :first-child .inner a {
  display: inline-block;
  color: var(--color-background-inverse);
  font-size: 18px;
  font-weight: 400;
  padding: 0 4px
}
.media-thumbnail > .tools > a:hover, .media-thumbnail > :first-child .inner a:hover {
  text-decoration: none;
  color: var(--color-background-tertiary)
}
.media-thumbnail #thumbnail, .media-thumbnail > .thumbnail {
  background-image: url(../images/canvas-bg.png)
}
#media-reference {
  text-decoration: underline;
  color: var(--color-content-primary);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  float: right
}
#media-reference:hover {
  color: var(--color-content-secondary);
  text-decoration: underline
}
#media-reference.disabled {
  color: var(--color-border-section);
  pointer-events: none
}
#media-reference.mobile_media_reference {
  float: left;
  margin: 20px 0 30px
}
.add-description-toggle {
  cursor: pointer;
  display: flex;
  align-items: center;
  color: var(--color-content-primary);
  font-weight: 600
}
.add-description-toggle .insert {
  margin-right: 8px
}
input::-webkit-input-placeholder {
  padding: 0 !important
}
input::-moz-placeholder {
  padding: 0 !important
}
input::-ms-input-placeholder {
  padding: 0 !important
}
input::placeholder {
  padding: 0 !important
}
.editor-container textarea, .form-control, input:is([type=text], [type=password], [type=datetime], [type=datetime-local], [type=date], [type=month], [type=time], [type=week], [type=number], [type=email], [type=url], [type=search], [type=tel], [type=color]), select, textarea:not(.confirmation-container textarea) {
  color: var(--color-content-primary);
  background-color: var(--color-background-inverse) !important;
  border: 1px solid var(--color-border-default);
  border-radius: 4px !important;
  box-shadow: none;
  height: 44px;
  max-width: 100%;
  padding: 8px 25px 8px 16px;
  transition: border-color .15s ease-in-out;
  font-size: 14px !important;
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 500 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.editor-container textarea::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, input:is([type=text], [type=password], [type=datetime], [type=datetime-local], [type=date], [type=month], [type=time], [type=week], [type=number], [type=email], [type=url], [type=search], [type=tel], [type=color])::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea:not(.confirmation-container textarea)::-webkit-input-placeholder {
  color: var(--color-content-tertiary);
  font-weight: 400;
  font-size: 14px
}
.editor-container textarea::-moz-placeholder, .form-control::-moz-placeholder, input:is([type=text], [type=password], [type=datetime], [type=datetime-local], [type=date], [type=month], [type=time], [type=week], [type=number], [type=email], [type=url], [type=search], [type=tel], [type=color])::-moz-placeholder, select::-moz-placeholder, textarea:not(.confirmation-container textarea)::-moz-placeholder {
  color: var(--color-content-tertiary);
  font-weight: 400;
  font-size: 14px
}
.editor-container textarea::-ms-input-placeholder, .form-control::-ms-input-placeholder, input:is([type=text], [type=password], [type=datetime], [type=datetime-local], [type=date], [type=month], [type=time], [type=week], [type=number], [type=email], [type=url], [type=search], [type=tel], [type=color])::-ms-input-placeholder, select::-ms-input-placeholder, textarea:not(.confirmation-container textarea)::-ms-input-placeholder {
  color: var(--color-content-tertiary);
  font-weight: 400;
  font-size: 14px
}
.editor-container textarea::placeholder, .form-control::placeholder, input:is([type=text], [type=password], [type=datetime], [type=datetime-local], [type=date], [type=month], [type=time], [type=week], [type=number], [type=email], [type=url], [type=search], [type=tel], [type=color])::placeholder, select::placeholder, textarea:not(.confirmation-container textarea)::placeholder {
  color: var(--color-content-tertiary);
  font-weight: 400;
  font-size: 14px
}
.editor-container textarea:not(:disabled, [disabled], [readonly], .read-only-text):active, .editor-container textarea:not(:disabled, [disabled], [readonly], .read-only-text):hover, .form-control:not(:disabled, [disabled], [readonly], .read-only-text):active, .form-control:not(:disabled, [disabled], [readonly], .read-only-text):hover, input:is([type=text], [type=password], [type=datetime], [type=datetime-local], [type=date], [type=month], [type=time], [type=week], [type=number], [type=email], [type=url], [type=search], [type=tel], [type=color]):not(:disabled, [disabled], [readonly], .read-only-text):active, input:is([type=text], [type=password], [type=datetime], [type=datetime-local], [type=date], [type=month], [type=time], [type=week], [type=number], [type=email], [type=url], [type=search], [type=tel], [type=color]):not(:disabled, [disabled], [readonly], .read-only-text):hover, select:not(:disabled, [disabled], [readonly], .read-only-text):active, select:not(:disabled, [disabled], [readonly], .read-only-text):hover, textarea:not(.confirmation-container textarea):not(:disabled, [disabled], [readonly], .read-only-text):active, textarea:not(.confirmation-container textarea):not(:disabled, [disabled], [readonly], .read-only-text):hover {
  border-color: var(--color-border-hover)
}
.editor-container textarea:not(:disabled, [disabled], [readonly], .read-only-text):focus, .form-control:not(:disabled, [disabled], [readonly], .read-only-text):focus, input:is([type=text], [type=password], [type=datetime], [type=datetime-local], [type=date], [type=month], [type=time], [type=week], [type=number], [type=email], [type=url], [type=search], [type=tel], [type=color]):not(:disabled, [disabled], [readonly], .read-only-text):focus, select:not(:disabled, [disabled], [readonly], .read-only-text):focus, textarea:not(.confirmation-container textarea):not(:disabled, [disabled], [readonly], .read-only-text):focus {
  box-shadow: none;
  color: var(--color-content-primary);
  background-color: var(--color-background-inverse) !important;
  border-color: var(--color-border-focus) !important;
  outline: 0
}
.editor-container textarea.read-only-text, .editor-container textarea:disabled, .editor-container textarea[disabled], .editor-container textarea[readonly], .form-control.read-only-text, .form-control:disabled, .form-control[disabled], .form-control[readonly], input:is([type=text], [type=password], [type=datetime], [type=datetime-local], [type=date], [type=month], [type=time], [type=week], [type=number], [type=email], [type=url], [type=search], [type=tel], [type=color]).read-only-text, input:is([type=text], [type=password], [type=datetime], [type=datetime-local], [type=date], [type=month], [type=time], [type=week], [type=number], [type=email], [type=url], [type=search], [type=tel], [type=color]):disabled, input:is([type=text], [type=password], [type=datetime], [type=datetime-local], [type=date], [type=month], [type=time], [type=week], [type=number], [type=email], [type=url], [type=search], [type=tel], [type=color])[disabled], input:is([type=text], [type=password], [type=datetime], [type=datetime-local], [type=date], [type=month], [type=time], [type=week], [type=number], [type=email], [type=url], [type=search], [type=tel], [type=color])[readonly], select.read-only-text, select:disabled, select[disabled], select[readonly], textarea:not(.confirmation-container textarea).read-only-text, textarea:not(.confirmation-container textarea):disabled, textarea:not(.confirmation-container textarea)[disabled], textarea:not(.confirmation-container textarea)[readonly] {
  color: var(--color-content-disabled) !important;
  background-color: var(--color-background-secondary-subtle) !important;
  border-color: var(--color-border-default) !important;
  opacity: 1 !important;
  pointer-events: none
}
.editor-container textarea.read-only-text:focus, .editor-container textarea:disabled:focus, .editor-container textarea[disabled]:focus, .editor-container textarea[readonly]:focus, .form-control.read-only-text:focus, .form-control:disabled:focus, .form-control[disabled]:focus, .form-control[readonly]:focus, input:is([type=text], [type=password], [type=datetime], [type=datetime-local], [type=date], [type=month], [type=time], [type=week], [type=number], [type=email], [type=url], [type=search], [type=tel], [type=color]).read-only-text:focus, input:is([type=text], [type=password], [type=datetime], [type=datetime-local], [type=date], [type=month], [type=time], [type=week], [type=number], [type=email], [type=url], [type=search], [type=tel], [type=color]):disabled:focus, input:is([type=text], [type=password], [type=datetime], [type=datetime-local], [type=date], [type=month], [type=time], [type=week], [type=number], [type=email], [type=url], [type=search], [type=tel], [type=color])[disabled]:focus, input:is([type=text], [type=password], [type=datetime], [type=datetime-local], [type=date], [type=month], [type=time], [type=week], [type=number], [type=email], [type=url], [type=search], [type=tel], [type=color])[readonly]:focus, select.read-only-text:focus, select:disabled:focus, select[disabled]:focus, select[readonly]:focus, textarea:not(.confirmation-container textarea).read-only-text:focus, textarea:not(.confirmation-container textarea):disabled:focus, textarea:not(.confirmation-container textarea)[disabled]:focus, textarea:not(.confirmation-container textarea)[readonly]:focus {
  outline: 0;
  border: var(--color-border-default) !important
}
input[type=search] {
  height: 26px
}
textarea {
  min-height: 44px !important;
  min-width: -webkit-fill-available;
  resize: vertical;
  padding-top: 13px !important;
  white-space: wrap !important;
  overflow: auto !important
}
textarea.three-lines {
  height: 88px
}
.is-form-view input:is([type=text], [type=password], [type=number], [type=tel]), .mass_edit_popup input:is([type=text], [type=password], [type=number], [type=tel]) {
  max-width: 450px;
  padding: 8px 25px 8px 16px;
  width: 100%
}
.is-form-view .radio {
  padding-top: 0
}
.is-form-view .radio input[type=radio] + .lbl {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 2px
}
.file-label-celebrations .file-label {
  height: 56px !important;
  border-style: dashed
}
.file-label-celebrations .file-label:before {
  min-height: 40px;
  border-radius: 4px;
  border-width: medium;
  padding: 12px 16px;
  display: none !important
}
.file-label-celebrations .file-label .file-name.has-value {
  align-self: flex-start;
  color: var(--basic_branding);
  margin: auto auto auto 16px !important
}
.file-label-celebrations .file-label .file-name i {
  display: unset !important;
  margin-right: 6px;
  font-size: 180%;
  vertical-align: middle
}
.file-label-celebrations .file-label .file-name::before {
  content: attr(data-title);
  font-weight: 500
}
.file-label-celebrations .remove {
  display: none;
  top: 8px !important;
  border: none !important
}
.file-label-celebrations .remove.show {
  display: flex !important;
  position: absolute;
  right: 16px;
  top: 12px !important;
  width: auto;
  height: auto;
  padding: 8px 16px;
  background: var(--basic_branding);
  border-radius: 8px;
  color: var(--color-content-inverse)
}
.file-label-celebrations .remove i {
  margin-right: 4px
}
.file-label-celebrations div[data-error] {
  margin-top: 16px
}
.is-form-view .ace-file-input .file-label:before {
  display: inline-block;
  content: attr(data-title);
  position: relative;
  right: 0;
  left: 0;
  margin: 12px;
  line-height: 22px;
  background-color: var(--color-background-inverse);
  color: var(--color-content-tertiary);
  font-size: 18px;
  font-weight: 500;
  border: 0
}
#playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view .widget-body .widget-main #folderTree .tree-branch:after, #playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view .widget-body .widget-main #folderTree .tree-branch:before, #playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch .tree-branch-children:before, #playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view .widget-body .widget-main #folderTree:before, .bootstrap-datetimepicker-widget table td.today:before, .bootstrap-datetimepicker-widget.dropdown-menu:after, .bootstrap-datetimepicker-widget.dropdown-menu:before, .tree-folder-modal .folder-tree-view .widget-body .widget-main #folderTree .tree-branch:after, .tree-folder-modal .folder-tree-view .widget-body .widget-main #folderTree .tree-branch:before, .tree-folder-modal .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch .tree-branch-children:before, .tree-folder-modal .folder-tree-view .widget-body .widget-main #folderTree:before {
  content: none
}
.is-form-view .ace-file-input .download-file {
  display: flex;
  position: absolute;
  width: 40px;
  height: 40px;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid var(--color-content-primary);
  margin-top: 8px;
  color: var(--color-content-primary);
  top: 0;
  right: -50px
}
.is-form-view .ace-file-input .download-file i {
  font-size: 200%;
  margin: auto
}
#editor_image_input_file_container .ace-file-input, #image_picker_uploader_editor_container .ace-file-input {
  height: 130px;
  margin-bottom: 0;
  max-width: 317px;
  width: 100%
}
#editor_image_input_file_container .ace-file-input input, #image_picker_uploader_editor_container .ace-file-input input {
  max-width: 317px;
  width: 100%
}
#editor_image_input_file_container .ace-file-input .file-label, #image_picker_uploader_editor_container .ace-file-input .file-label {
  position: relative
}
#editor_image_input_file_container .ace-file-input .file-label .file-name, #image_picker_uploader_editor_container .ace-file-input .file-label .file-name {
  padding-left: 0
}
#file-container .ace-file-input .file-name {
  height: 100%
}
#file-container .ace-file-input .file-name:after {
  height: 100%;
  display: flex;
  align-items: center
}
.is-appended-view {
  font-size: 14px;
  color: var(--color-background-primary);
  padding-left: 17px;
  padding-right: 25px;
  font-weight: 600;
  line-height: 32px
}
.is-form-view select, .is-form-view select.form-control {
  min-width: 90px;
  max-width: 130px;
  height: 44px;
  border-radius: 4px;
  width: 100%;
  color: var(--color-content-primary);
  font-weight: 600;
  padding: 8px 25px 8px 16px;
  border-color: var(--color-border-default);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: url(../images/arrow_down_hitgrey.svg) right center no-repeat var(--color-background-inverse) !important;
  background-size: 38px 18px !important;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none
}
.is-form-view select.form-control.xl-size, .is-form-view select.xl-size {
  max-width: 310px
}
.is-form-view select.form-control.full-size, .is-form-view select.full-size {
  max-width: 450px
}
.is-form-view select.disabled, .is-form-view select.form-control.disabled, .is-form-view select.form-control.read-only-text, .is-form-view select.form-control:disabled, .is-form-view select.form-control[disabled], .is-form-view select.form-control[readonly], .is-form-view select.read-only-text, .is-form-view select:disabled, .is-form-view select[disabled], .is-form-view select[readonly] {
  color: var(--color-content-disabled) !important;
  background-color: var(--color-background-secondary-subtle) !important;
  border-color: var(--color-border-default) !important;
  opacity: 1 !important;
  pointer-events: none
}
.is-form-view select.disabled:focus, .is-form-view select.form-control.disabled:focus, .is-form-view select.form-control.read-only-text:focus, .is-form-view select.form-control:disabled:focus, .is-form-view select.form-control[disabled]:focus, .is-form-view select.form-control[readonly]:focus, .is-form-view select.read-only-text:focus, .is-form-view select:disabled:focus, .is-form-view select[disabled]:focus, .is-form-view select[readonly]:focus {
  outline: 0;
  border: var(--color-border-default) !important
}
.choices.open-transitions .transition-grid .choice.selected-transition img, .choices.open-transitions .transition-grid .choice.selected-transition video, .ultra-selector-modal .modal-dialog .local-files-selector .local-files-container .folder-local-files ul#available_files li.selected .img-container {
  outline: var(--basic_branding) solid 2px
}
.is-form-view select.form-control:hover, .is-form-view select:hover {
  border-color: var(--color-border-hover) !important
}
.is-form-view select.form-control:focus, .is-form-view select:focus {
  border-color: var(--color-border-focus) !important
}
p.help-block.select {
  max-width: 130px
}
.choices {
  width: 100%;
  min-width: 130px;
  cursor: pointer
}
.choices #select-transition {
  pointer-events: none;
  border: 1px solid var(--color-border-default);
  padding-block: 0
}
.choices #select-transition:focus, .choices.open-transitions #select-transition {
  border-color: var(--color-border-focus)
}
.choices:not(.open-transitions) .transition-grid {
  display: none !important
}
.choices.open-transitions .transition-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 33.33333333%);
  margin-left: 1px;
  position: absolute;
  background: var(--color-background-inverse);
  z-index: 100;
  box-shadow: 0 0 0 1px var(--color-content-tertiary);
  width: auto;
  overflow-y: scroll
}
@media (max-width:470px) {
  .choices.open-transitions .transition-grid {
    grid-template-columns: repeat(2, 50%);
    width: 92.5%
  }
}
.choices.open-transitions .transition-grid .choice {
  font-size: 12px;
  color: var(--color-content-secondary);
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  flex-flow: column;
  margin: 5px;
  cursor: pointer
}
.choices.open-transitions .transition-grid .choice img, .choices.open-transitions .transition-grid .choice video {
  border: 1px solid var(--color-background-primary)
}
.choices.open-transitions .transition-grid .choice .transition-video {
  width: 120px
}
.choices.open-transitions .transition-grid .choice.selected-transition p, .choices.open-transitions .transition-grid .choice:hover {
  color: var(--basic_branding)
}
[data-editor] input.date-picker {
  max-width: 216px;
  background-image: url(../images/picker_calendar.svg) !important;
  background-position: 12px 9px !important;
  background-repeat: no-repeat !important;
  background-size: 24px 24px !important;
  padding-left: 45px;
  padding-right: 10px;
  border-radius: 4px !important
}
[data-editor] input.date-picker:has(+.input-group-addon) {
  border-radius: 4px 0 0 4px !important
}
.datetimepicker.input-group {
  max-width: 260px
}
.datetimepicker.input-group + .disable-checkbox-container .middle {
  margin-top: 8px
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: var(--color-brand-subtle-hover)
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  border: 1px solid var(--color-border-default) !important;
  border-radius: 4px !important;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .14) !important
}
.datepicker td.active.disabled {
  background-color: var(--color-border-section) !important
}
.datepicker td span.month.active, .datepicker td span.month.active:hover, .datepicker td span.year.active, .datepicker td span.year.active:hover, .datepicker td.day.active:not(.disabled), .datepicker td.day:not(.disabled):active, .datepicker td.day:not(.disabled):hover {
  background-color: var(--basic_branding) !important
}
.timepointEditor .inner-fields-group .form-group, .timeslotEditor .inner-fields-group .form-group {
  max-width: 240px
}
.timepointEditor .inner-fields-group .form-group .input-group.date .input-group-addon, .timeslotEditor .inner-fields-group .form-group .input-group.date .input-group-addon {
  width: 36px
}
.is-form-view .checkbox {
  padding-left: 0
}
.is-form-view .checkbox .checkbox-title {
  font-size: 14px;
  margin-left: 5px
}
.mass_edit_popup .modal-dialog {
  max-width: 600px;
  width: auto
}
.mass_edit_popup .modal-body {
  padding: 8px 20px
}
.mass_edit_popup .under_title {
  font-size: 12px;
  margin-bottom: 26px;
  color: var(--color-content-tertiary)
}
.mass_edit_popup .group_label {
  width: 25%;
  padding-right: 16px;
  text-align: right
}
.mass_edit_popup .form_group {
  display: flex;
  align-items: center
}
@media (max-width:768px) {
  .mass_edit_popup .group_label {
    width: 100%;
    font-size: 16px;
    text-align: left
  }
  .mass_edit_popup .form_group {
    flex-direction: column;
    align-items: flex-start
  }
  .mass_edit_popup .form_group div {
    padding-left: 0 !important
  }
  .mass_edit_popup .lbl {
    margin: 10px 0 !important
  }
}
.mass_edit_popup input:disabled {
  background-color: var(--color-background-secondary-subtle) !important
}
.mass_edit_popup .availability_fields {
  display: flex;
  align-items: flex-start;
  margin-top: 12px
}
@media (max-width:768px) {
  .mass_edit_popup .toggle_availability {
    flex-direction: row !important
  }
}
@media (min-width:769px) {
  .mass_edit_popup .availability_fields {
    float: right;
    padding-left: 16px
  }
  .mass_edit_popup .availability_fields input {
    margin-bottom: 5px
  }
  .mass_edit_popup .toggle_availability .group_label {
    margin-right: 16px
  }
}
.tagscontainer input[type=text] {
  max-width: 192px;
  padding-left: 45px;
  background-image: url(../images/tags.svg) !important;
  background-position: 12px center !important;
  background-repeat: no-repeat !important;
  background-size: 25px 25px !important;
  margin-bottom: 0
}
.tagscontainer input[type=text]::-webkit-input-placeholder {
  font-size: 14px;
  color: var(--color-content-tertiary)
}
.tagscontainer input[type=text]::-moz-placeholder {
  font-size: 14px;
  color: var(--color-content-tertiary)
}
.tagscontainer input[type=text]::-ms-input-placeholder {
  font-size: 14px;
  color: var(--color-content-tertiary)
}
.tagscontainer input[type=text]::placeholder {
  font-size: 14px;
  color: var(--color-content-tertiary)
}
input.tm-input-typeahead {
  max-width: 192px
}
span.tm-tag.tm-tag-typeahead {
  background-color: var(--color-brand-subtle);
  height: 34px;
  color: var(--color-content-primary);
  font-size: 14px;
  font-weight: 400;
  padding: 6px 8px;
  border-radius: 8px !important;
  border: none;
  box-shadow: none;
  margin: 5px 8px 5px 0;
  display: inline-flex;
  align-items: center
}
span.tm-tag.tm-tag-typeahead > span {
  max-width: 152px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 18px;
  margin-right: 0
}
.tagscontainer .twitter-typeahead .tt-menu.tt-open {
  overflow: auto;
  max-width: 230px;
  max-height: 270px
}
.tagscontainer .twitter-typeahead.expanded-tag-list {
  margin-top: 5px
}
.tagscontainer > div.manage-tags-link {
  margin-bottom: 9px
}
span.tm-tag.tm-tag-typeahead .tm-tag-remove {
  color: var(--color-content-primary);
  opacity: 1
}
.field-tags > label {
  align-self: flex-start;
  margin-top: 16px !important
}
.is-form-view .spinner-container {
  max-width: 102px !important;
  min-width: 55px !important;
  width: 100% !important
}
.is-form-view .spinner-container .ace-spinner {
  display: flex !important;
  max-width: 102px !important;
  min-width: 55px;
  width: 100% !important;
  height: 44px
}
.is-form-view .spinner-container .ace-spinner input.spinner-input.form-control {
  text-align: left !important;
  height: 44px !important;
  max-width: 102px;
  width: 100%
}
.is-form-view .spinner-container .ace-spinner .input-group {
  display: flex;
  align-items: center
}
.is-form-view .spinner-container .ace-spinner .spinner-buttons > button {
  border: 0 !important;
  background-color: transparent !important;
  float: left;
  font-size: 12px !important;
  line-height: 14px;
  margin: 0
}
.is-form-view .spinner-container .ace-spinner .spinner-buttons > button.spinner-down {
  margin-top: 4px
}
.is-form-view .spinner-container .ace-spinner .spinner-buttons > button > i {
  color: var(--color-content-tertiary);
  font-size: 16px
}
.is-form-view .spinner-container .ace-spinner:not(.touch-spinner) .spinner-buttons {
  right: 14px;
  position: absolute
}
.is-form-view .spinner-container .ace-spinner.touch-spinner .spinner-buttons {
  right: 10px;
  top: 5px
}
.is-form-view .spinner-container .ace-spinner.touch-spinner .spinner-buttons > button {
  height: 18px !important;
  right: 14px;
  bottom: 3px
}
.is-form-view .spinner-container .ui-spinner .ui-spinner-button {
  right: 14px;
  cursor: pointer
}
.is-form-view .spinner-container .ui-spinner .ui-spinner-button:focus {
  outline: 0
}
.is-form-view .spinner-container .ui-spinner .ui-spinner-button.ui-spinner-down {
  bottom: 3px
}
.is-form-view .spinner-container .ui-spinner .ui-spinner-button.ui-spinner-up {
  top: 9px
}
.is-form-view .spinner-container .ui-spinner .spinner-input {
  margin-right: 0
}
.is-form-view .spinner-container .ui-spinner .ui-spinner-button i {
  color: var(--color-content-tertiary);
  text-shadow: none
}
.is-form-view .spinner-container .ui-spinner .ui-spinner-button i.touch-screen {
  font-size: 15px
}
.is-form-view .spinner-container .spinner-input {
  max-width: 102px !important;
  width: 100%;
  margin-left: 0;
  margin-bottom: 0;
  min-width: 55px
}
.is-form-view.ends-after-spinner .spinner-container {
  max-width: 200px !important
}
.imageSelector {
  max-width: 232px;
  width: 232px;
  height: 82px
}
.imageSelector #no-value {
  height: 100%
}
.imageSelector #no-value .file-label {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  height: 100%;
  background-color: var(--color-background-inverse);
  border: 1px dashed var(--color-border-section);
  padding: 16px 42px;
  cursor: pointer
}
.imageSelector #no-value .file-label:before {
  font-size: 12px;
  color: var(--color-content-tertiary);
  font-weight: 400;
  line-height: 16px;
  margin: 0
}
.imageSelector #has-value label {
  height: 82px !important;
  display: flex;
  align-items: center;
  border-color: var(--color-content-tertiary);
  background-color: var(--color-background-inverse);
  cursor: pointer
}
.imageSelector #has-value label .file-name {
  display: flex;
  align-items: center;
  margin: 0
}
.imageSelector #has-value label .file-name img {
  height: 70px !important;
  width: 70px !important;
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0 0 0 5px;
  border-radius: 4px;
  border: 1px solid var(--color-content-tertiary)
}
.imageSelector #has-value label .file-name .image-name-container {
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 3;
  white-space: normal;
  word-break: break-all;
  margin-left: 8px
}
.imageSelector #has-value label .file-name .image-name-container p.image-name {
  width: 130px;
  margin: 0;
  line-height: 18px;
  font-size: 12px;
  font-weight: 500;
  color: var(--color-content-tertiary)
}
.imageSelector #has-value .remove {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 21px;
  height: 21px
}
.imageSelector #has-value .remove i {
  color: var(--color-content-tertiary)
}
.user_group_form_view .cp_dropdown_container {
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-content-tertiary)
}
.user_group_form_view .cp_dropdown_container .sp-palette-container {
  margin-bottom: -296px;
  padding: 4px 0 300px
}
.user_group_form_view .cp_dropdown_container .sp-palette-container .sp-palette .sp-palette-row {
  margin-left: 4px;
  margin-right: 4px
}
.user_group_form_view .cp_dropdown_container .sp-palette-container .sp-palette .sp-palette-row.cp-palette-row-0 {
  margin-top: 4px
}
.user_group_form_view .cp_dropdown_container .sp-palette-container .sp-palette .sp-palette-row .sp-thumb-el {
  margin: 4px
}
.user_group_form_view .cp_field_container {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-content-tertiary);
  border-radius: 4px;
  height: 44px;
  width: 90px;
  padding: 10px
}
#codemirror_script_code, #codemirror_script_code .CodeMirror {
  max-width: 450px !important;
  height: 114px;
  min-height: 114px;
  width: auto !important
}
.user_group_form_view .cp_field_container:hover {
  border: 1px solid var(--color-border-hover)
}
.user_group_form_view .cp_field_container.sp-active, .user_group_form_view .cp_field_container:focus {
  border: 1px solid var(--color-border-focus)
}
.user_group_form_view .cp_field_container .sp-preview {
  border: none !important
}
#codemirror_script_code .CodeMirror-scroll {
  background-color: #fff
}
html.dark #codemirror_script_code .CodeMirror-scroll {
  background-color: #000
}
#codemirror_script_code .CodeMirror {
  border: 1px solid var(--color-border-section);
  border-radius: 4px
}
#codemirror_script_code .CodeMirror .CodeMirror-gutters {
  background-color: var(--color-background-primary)
}
#codemirror_script_code .CodeMirror .CodeMirror-cursor {
  border-left: 1px solid var(--color-content-primary)
}
#codemirror_script_code .CodeMirror .CodeMirror-line {
  font-size: 12px;
  color: var(--color-content-primary);
  font-weight: 400
}
#codemirror_script_code .ui-resizable-handle.ui-resizable-s {
  background-image: url(../images/ui-icons_222222_256x240.png);
  background-position: -61px -221px;
  width: 18px;
  height: 18px;
  right: 4px;
  z-index: 90;
  left: auto;
  top: auto;
  bottom: 4px
}
#codemirror_script_code #script-help {
  font-size: 12px;
  font-weight: 500;
  top: -30px;
  right: 0
}
.refreshtime-container .refreshtime-hour-container, .refreshtime-container .refreshtime-minutes-container, .refreshtime-container .refreshtime-seconds-container {
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex
}
.refreshtime-container .refreshtime-hour-container .refreshtime-title, .refreshtime-container .refreshtime-minutes-container .refreshtime-title, .refreshtime-container .refreshtime-seconds-container .refreshtime-title {
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 84px;
  overflow: hidden;
  text-overflow: ellipsis;
  align-self: flex-start;
  font-size: 12px;
  line-height: 17px;
  color: var(--color-content-secondary)
}
.refreshtime-container .refreshtime-hour-container .spinner-input, .refreshtime-container .refreshtime-minutes-container .spinner-input, .refreshtime-container .refreshtime-seconds-container .spinner-input {
  max-width: 84px;
  width: 84px;
  height: 44px
}
.refreshtime-container .refreshtime-hour-container .refresh-time-buttons-container, .refreshtime-container .refreshtime-minutes-container .refresh-time-buttons-container, .refreshtime-container .refreshtime-seconds-container .refresh-time-buttons-container {
  top: 7px;
  position: absolute;
  display: flex;
  flex-direction: column;
  right: 15px
}
.refreshtime-container .refreshtime-hour-container .refresh-time-buttons-container .refreshtime-minus, .refreshtime-container .refreshtime-hour-container .refresh-time-buttons-container .refreshtime-plus, .refreshtime-container .refreshtime-minutes-container .refresh-time-buttons-container .refreshtime-minus, .refreshtime-container .refreshtime-minutes-container .refresh-time-buttons-container .refreshtime-plus, .refreshtime-container .refreshtime-seconds-container .refresh-time-buttons-container .refreshtime-minus, .refreshtime-container .refreshtime-seconds-container .refresh-time-buttons-container .refreshtime-plus {
  height: 16px;
  display: flex;
  align-items: center
}
.refreshtime-container .refreshtime-hour-container .refresh-time-buttons-container .refreshtime-minus i, .refreshtime-container .refreshtime-hour-container .refresh-time-buttons-container .refreshtime-plus i, .refreshtime-container .refreshtime-minutes-container .refresh-time-buttons-container .refreshtime-minus i, .refreshtime-container .refreshtime-minutes-container .refresh-time-buttons-container .refreshtime-plus i, .refreshtime-container .refreshtime-seconds-container .refresh-time-buttons-container .refreshtime-minus i, .refreshtime-container .refreshtime-seconds-container .refresh-time-buttons-container .refreshtime-plus i {
  font-size: 10px;
  color: var(--color-content-tertiary)
}
.carousel-editor {
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: max-height .5s ease;
  overflow: hidden;
  max-height: 800px
}
.carousel-editor.collapsed {
  max-height: 0
}
.carousel-editor .carousel-header {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  color: var(--color-content-secondary);
  gap: 12px
}
.carousel-editor .carousel-header .carousel-counter-box {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 35px;
  padding: 2px 4px;
  border: 1px solid var(--basic_branding);
  border-radius: 4px
}
.carousel-editor .carousel-wrapper {
  display: flex;
  align-items: stretch;
  position: relative;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content
}
.carousel-editor .carousel-wrapper .carousel-button {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  background-color: var(--color-brand-subtle);
  border: none;
  padding: 8px
}
.carousel-editor .carousel-wrapper .carousel-button:hover {
  background-color: var(--color-brand-subtle-hover)
}
.carousel-editor .carousel-wrapper .carousel-button:active {
  -webkit-transform: none !important;
  transform: none !important
}
.carousel-editor .carousel-wrapper .carousel-button[data-slide=previous] {
  border-radius: 12px 0 0 12px
}
.carousel-editor .carousel-wrapper .carousel-button[data-slide=next] {
  border-radius: 0 12px 12px 0
}
.carousel-editor .carousel-wrapper .carousel-item {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  border-radius: 12px;
  height: 100%
}
.carousel-editor .carousel-wrapper .carousel-item video {
  width: 100%;
  height: 100%
}
.duration-map-add-container {
  margin-left: 190px;
  padding-left: 0;
  margin-top: 8px
}
@media (max-width:1140px) {
  .duration-map-add-container:not(.layout-inline-edit) {
    margin-left: 12px
  }
}
@media (max-width:670px) {
  .duration-map-add-container.layout-inline-edit {
    margin-left: 12px
  }
}
.duration-map-add-container #duration-map-add {
  border: none !important;
  color: var(--basic_branding) !important;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  line-height: 14px
}
.duration-map-add-container #duration-map-add:hover, .playlist-gallery-modal .modal-dialog .modal-content .modal-body .form-container .source-description strong {
  color: color-mix(in srgb, var(--basic_branding), #000 10%) !important
}
.duration-map-add-container #duration-map-add:hover {
  border: none !important
}
.duration-map-add-container #duration-map-add i {
  font-size: 8px;
  margin-right: 2px
}
#duration-map-list {
  margin: 0;
  padding: 0
}
#duration-map-list .duration-map-header {
  padding: 0;
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 14px
}
#duration-map-list .duration-map-header .col-2 {
  margin-left: 2px
}
#duration-map-list .duration-map-item {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0
}
#duration-map-list .duration-map-item a.btn {
  font-size: 12px;
  border-width: 2.5px
}
#duration-map-list .duration-map-item .inner-fields-group {
  flex-flow: nowrap
}
#duration-map-list .duration-map-item .spinner-container {
  padding-left: 0;
  min-width: 80px
}
@media (min-width:1141px) and (max-width:1200px) {
  #duration-map-list .duration-map-item .inner-fields-group {
    -webkit-column-gap: 5px !important;
    -moz-column-gap: 5px !important;
    column-gap: 5px !important
  }
}
@media (min-width:1141px) and (max-width:1165px) {
  #duration-map-list .duration-map-item .inner-fields-group .spinner-input {
    padding-left: 5px
  }
  #duration-map-list .duration-map-item .inner-fields-group .ui-spinner-button {
    right: 5px
  }
  #duration-map-list .duration-map-item .inner-fields-group .spinner-buttons {
    right: 2px
  }
}
@media (min-width:991px) and (max-width:1050px) {
  #duration-map-list .duration-map-item .inner-fields-group {
    -webkit-column-gap: 5px !important;
    -moz-column-gap: 5px !important;
    column-gap: 5px !important
  }
}
@media (max-width:360px) {
  #duration-map-list .duration-map-item .inner-fields-group {
    -webkit-column-gap: 5px !important;
    -moz-column-gap: 5px !important;
    column-gap: 5px !important
  }
  #duration-map-list .duration-map-item .inner-fields-group .spinner-input {
    padding-left: 5px
  }
  #duration-map-list .duration-map-item .inner-fields-group .ui-spinner-button {
    right: 5px
  }
  #duration-map-list .duration-map-item .inner-fields-group .spinner-buttons {
    right: 2px
  }
}
#duration-map-list .duration-map-item .delete-map-item {
  margin-right: 0 !important
}
#duration-map-list .duration-map-item .delete-map-item > div {
  height: 44px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
#duration-map-list .duration-map-item .delete-map-item > div .form-delete-button {
  cursor: pointer
}
#duration-map-list .duration-map-item .delete-map-item > div .form-delete-button:hover {
  text-decoration: none
}
#duration-map-list + small {
  color: var(--color-content-tertiary);
  font-weight: 500;
  font-size: 12px
}
#show-source-type-dropdown[disabled], div[id^=show_selector_template_container] #show-source-type-dropdown[disabled] {
  color: var(--color-content-disabled) !important;
  background-color: var(--color-background-secondary-subtle) !important;
  pointer-events: none;
  opacity: 1 !important
}
#duration-map-list .col-1, #duration-map-list .col-2 {
  display: inline-block;
  width: 100px
}
#duration-map-list .col-3 {
  display: inline-block;
  vertical-align: top;
  width: 34px;
  height: 34px
}
#show-source-type-dropdown {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  background-color: var(--color-background-inverse);
  color: var(--color-content-primary);
  border: 1px solid var(--color-border-default);
  border-radius: 4px;
  width: 100%;
  min-width: 80px;
  height: 36px;
  line-height: 1.7;
  font-size: 12px;
  padding-left: 15px;
  box-shadow: none
}
#show-source-type-dropdown[disabled] {
  border-color: var(--color-border-default) !important
}
#show-source-type-dropdown[disabled]:focus {
  outline: 0;
  border: var(--color-border-default) !important
}
#show-source-type-dropdown:hover {
  border-color: var(--color-border-hover)
}
#show-source-type-dropdown:focus {
  border-color: var(--color-border-focus)
}
#show-source-type-dropdown i {
  font-size: 18px;
  color: var(--color-content-tertiary);
  vertical-align: text-bottom
}
.role_form_view #form_container > form > div > div.form-group > div > table > thead > tr > th {
  border-bottom: 2px solid var(--color-border-default)
}
.role_form_view #form_container > form > div > div.form-group > div > table > tbody > tr > td, .role_form_view #form_container > form > div > div.form-group > div > table > tbody > tr > th {
  border-top: 1px solid var(--color-border-default)
}
div[id^=show_selector_template_container] {
  display: flex;
  align-items: center;
  max-width: 450px
}
div[id^=show_selector_template_container] .btn-group {
  padding-right: 10px;
  min-width: 150px
}
.bulk-modal div[id^=show_selector_template_container] {
  flex-wrap: wrap;
  flex-direction: column
}
.bulk-modal div[id^=show_selector_template_container] .btn-group {
  width: 100%
}
div[id^=show_selector_template_container] #show-source-type-dropdown {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  background-color: var(--color-background-inverse);
  color: var(--color-content-primary);
  border: 1px solid var(--color-border-default);
  border-radius: 4px;
  width: 100%;
  min-width: 100px;
  height: 44px;
  line-height: 1.7;
  font-size: 12px;
  padding-left: 15px;
  box-shadow: none
}
div[id^=show_selector_template_container] #show-source-type-dropdown[disabled] {
  border-color: var(--color-border-default) !important
}
div[id^=show_selector_template_container] #show-source-type-dropdown[disabled]:focus {
  outline: 0;
  border: var(--color-border-default) !important
}
div[id^=show_selector_template_container] #show-source-type-dropdown:hover {
  border-color: var(--color-border-hover)
}
div[id^=show_selector_template_container] #show-source-type-dropdown .btn-group.open #show-source-type-dropdown, div[id^=show_selector_template_container] #show-source-type-dropdown:focus {
  border-color: var(--color-border-focus)
}
.bulk-modal div[id^=show_selector_template_container] #show-source-type-dropdown {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 100% !important
}
div[id^=show_selector_template_container] #show-source-type-dropdown .btn-text {
  color: var(--color-content-primary);
  font-size: 14px;
  font-weight: 400
}
div[id^=show_selector_template_container] #show-source-type-dropdown i {
  font-size: 18px;
  color: var(--color-content-tertiary);
  vertical-align: text-bottom
}
div[id^=show_selector_template_container] #selector-container {
  margin-left: auto;
  width: 100%;
  overflow: auto;
  height: 44px
}
.bulk-modal div[id^=show_selector_template_container] #selector-container {
  width: 100%
}
div[id^=show_selector_template_container] #selector-container .show-source-container {
  height: 44px
}
div[id^=show_selector_template_container] #selector-container .show-source-container > div#select_type[disabled] {
  background-color: unset
}
div[id^=show_selector_template_container] #selector-container .show-source-container > div {
  height: 100%;
  border-radius: 4px;
  display: flex;
  align-items: center;
  border: 1px solid var(--color-border-default) !important;
  background-color: var(--color-background-inverse)
}
div[id^=show_selector_template_container] #selector-container .show-source-container > div span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-content-primary)
}
div[id^=show_selector_template_container] #selector-container .show-source-container > div i {
  margin-right: 5px;
  font-size: 16px;
  color: var(--color-content-primary);
  font-weight: 600
}
li[id^=list-item-] > div {
  width: calc(100% - 46px)
}
li[id^=list-item-] > div .form-control {
  height: 44px;
  display: flex;
  align-items: center;
  border-radius: 4px
}
li[id^=list-item-] button {
  height: 44px;
  min-width: 44px
}
.summernote-editor-container.editor-container {
  overflow: auto;
  max-width: 580px !important;
  line-height: normal !important;
  min-height: 300px
}
.summernote-editor-container.editor-container .note-editable {
  min-height: 300px
}
.summernote-editor-container.editor-container .fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100% !important;
  height: 100% !important
}
.is-main-form-view .breadcrumb li {
  display: none !important
}
.is-main-form-view .breadcrumb li:before {
  display: none
}
.is-main-form-view .breadcrumb li.active > a, .is-main-form-view .breadcrumb li > a {
  font-size: 14px !important;
  color: var(--color-content-primary) !important;
  font-weight: 500 !important
}
@media (max-width:991px) {
  .is-main-form-view .breadcrumb {
    margin-bottom: 16px
  }
  .is-main-form-view .before_breadcrumb img {
    margin-bottom: 2px
  }
  :has(#body.is-form-view) .intercom-lightweight-app .intercom-lightweight-app-launcher, :has(#body.is-main-form-view) .intercom-lightweight-app .intercom-lightweight-app-launcher {
    bottom: 84px !important
  }
}
#source_type {
  font-size: 14px;
  font-weight: 600;
  line-height: 14px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-right: 0 !important;
  margin-bottom: 0;
  height: 14px
}
#source_type:focus {
  outline: 0
}
@media (max-width:860px) {
  #change_source {
    margin-left: auto !important
  }
}
.form-group.field-tags {
  margin-bottom: 0 !important
}
@media (min-width:992px) {
  .is-main-form-view .navbar_ {
    display: none !important
  }
}
.is-form-view form .form-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}
@media (max-width:991px) {
  .is-form-view .actions_parent {
    bottom: 0;
    left: 0;
    position: fixed;
    background: var(--color-background-inverse);
    box-shadow: 0 -1px 12px rgba(0, 0, 0, .1);
    width: 100%;
    z-index: 1001;
    height: auto;
    padding: 16px
  }
  .is-form-view .actions_parent .cancel-model {
    margin-left: auto;
    float: left
  }
  .is-form-view .actions_parent .form-label {
    display: none
  }
  .is-form-view .actions_parent .form-actions {
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 0;
    border-bottom: none
  }
  .is-form-view .actions_parent .edit_form_actions_buttons {
    display: flex;
    width: 100%;
    justify-content: space-between
  }
  .is-form-view .actions_parent .edit_form_actions_buttons .delete_item_button {
    margin-right: auto
  }
}
#branded-template-gallery-sidebar .layout-cards .template-card:hover .template_column, #branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container--bootstrap .select2-dropdown, #branded-template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container--bootstrap .select2-dropdown, #template-galleries .layout-cards .template-card:hover .template_column, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container--bootstrap .select2-dropdown, #template-galleries .template-groups-container .template-group-select-container .select2-container--bootstrap .select2-dropdown, #template-gallery-sidebar .layout-cards .template-card:hover .template_column, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container--bootstrap .select2-dropdown, #template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container--bootstrap .select2-dropdown, .custom_dropdown span.custom_dropdown_toggle, .roundedStep {
  box-shadow: none
}
.add_form #delete_media_item {
  display: none
}
.layout-form-actions button {
  width: auto;
  height: 40px;
  padding: 10px 20px;
  border-radius: 8px;
  border: 1px solid;
  min-width: 100px;
  line-height: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.layout-form-actions button:active, .layout-form-actions button:hover {
  text-decoration: none;
  cursor: pointer
}
.layout-form-actions button[disabled] {
  background-color: var(--color-border-section)
}
.layout-form-actions button.submit-model {
  background-color: var(--basic_branding);
  border-color: var(--basic_branding);
  color: var(--color-background-inverse);
  overflow: hidden;
  max-width: 100%
}
.layout-form-actions button.submit-model:active, .layout-form-actions button.submit-model:hover {
  background-color: var(--basic_branding)
}
.layout-form-actions button.cancel-model {
  background-color: var(--color-brand-subtle);
  color: #000;
  border: var(--color-brand-subtle)
}
.layout-form-actions button.cancel-model:active, .layout-form-actions button.cancel-model:hover {
  background-color: var(--color-background-tertiary)
}
.layout-form-actions button:not(:last-child) {
  margin-right: 16px
}
.dropdown-menu > li > a.device-action {
  display: flex;
  align-items: center
}
.embed-container {
  display: flex
}
.embed-container a.open-embed-preview {
  display: flex !important;
  align-items: center
}
.hidden_first_editor_label .form-fields-container > .form-group > label.control-label {
  display: none
}
@media (min-width:992px) {
  .form_header {
    position: fixed;
    top: 0;
    z-index: 1000;
    background-color: var(--color-background-primary);
    left: 0;
    right: 0;
    width: auto;
    margin-right: 32px;
    padding-right: 15px
  }
  #sidebar ~ #main-container .form_header {
    left: 243px;
    right: 32px;
    margin-right: 0
  }
  #sidebar.menu-min ~ #main-container .form_header {
    left: 98px
  }
  #body.hidden-sidebar #main-container .form_header {
    left: 0
  }
  .form-header-with-alert {
    top: 116px;
    position: -webkit-sticky;
    position: sticky
  }
  .form_content_container {
    margin-top: 120px
  }
}
.actions_parent-with-alert {
  width: 100%
}
@media (max-width:991px) {
  body.is_hijacked > #hijacked-warning {
    display: flex !important;
    visibility: visible !important;
    padding-left: 20px !important
  }
  body.is_hijacked .hijack_container {
    display: none !important
  }
}
.hidden-visibility, .primary-table-object-list .t-list-items-container.disabled .bbf-add, .primary-table-object-list .t-list-items-container.disabled .bbf-del, .secondary-table-object-list .bbf-list.disabled .bbf-add {
  visibility: hidden
}
@media (min-width:992px) {
  body.is_hijacked:not(.has_critical_notifications) .form_content_container {
    margin-top: 170px
  }
  body.is_hijacked:not(.has_critical_notifications) .form_content_container_md {
    margin-top: 180px
  }
  body.is_hijacked.has_critical_notifications .form_content_container {
    margin-top: 122px
  }
  body.is_hijacked.has_critical_notifications .form_content_container_md {
    margin-top: 132px
  }
  .form_content_container_md {
    margin-top: 160px
  }
  .edit-item-modal .form_content_container, .edit-item-modal .form_content_container_md {
    margin-top: 0
  }
}
.bootbox .back_to_list_container {
  display: none
}
.back_to_list_container {
  margin: 20px 0
}
.back_to_list img, .confirmation-container .details-container .payment-method-section #paymentInfoFormContainer .field-subscription_type .change-card i, .confirmation-container .payment-container .payment-method-section #paymentInfoFormContainer .field-subscription_type .change-card i {
  margin-bottom: 2px
}
.back_to_list {
  color: var(--color-content-primary);
  font-size: 14px;
  font-weight: 500
}
.back_to_list:hover {
  color: var(--color-content-secondary) !important
}
.back_to_list img {
  -webkit-filter: var(--filter);
  filter: var(--filter)
}
@media (max-width:991px) {
  .back_to_list_container {
    top: -45px;
    position: absolute
  }
}
#timeslotsMedia, #timeslotsMediaMass {
  margin-top: 8px;
  cursor: pointer;
  color: var(--basic_branding);
  padding: 0
}
@media (max-width:1380px) {
  .timeslotsMediaContainer {
    margin-top: 8px
  }
}
@media (min-width:1381px) {
  .timeslotsMediaContainer {
    margin-top: 24px
  }
}
.field-secondary-wifi {
  color: var(--color-content-secondary);
  line-height: 20px;
  margin-right: 16px;
  max-width: 174px;
  width: 100%;
  padding: 0 !important;
  text-align: right
}
.secondary-table-object-list .cell-content {
  color: var(--color-content-primary);
  font-size: 14px;
  font-weight: 400
}
.secondary-table-object-list .bbf-list {
  border: 1px solid var(--color-background-tertiary);
  background-color: var(--color-background-inverse);
  border-radius: 4px
}
.secondary-table-object-list .bbf-list .items-container {
  padding: 0
}
.secondary-table-object-list .bbf-list .items-container .bbf-add {
  margin: 16px
}
.secondary-table-object-list .bbf-list .items-container .bbf-add > span:first-child {
  margin-right: 5px
}
.secondary-table-object-list .bbf-list .items-container .bbf-add:focus {
  outline: 0
}
.secondary-table-object-list .bbf-list .items-container ul {
  margin: 0
}
.secondary-table-object-list .bbf-list.disabled {
  opacity: 1 !important;
  pointer-events: all !important
}
.secondary-table-object-list .bbf-list li[id^=list-item-] > div {
  width: 100%
}
.secondary-table-object-list .bbf-list .bbf-list-modal > div {
  display: flex;
  align-items: center
}
.secondary-table-object-list .bbf-list .remove-button {
  text-overflow: unset !important;
  min-width: auto;
  font-size: 16px !important;
  padding: 0 !important;
  background-color: var(--color-background-primary) !important;
  margin-right: 16px;
  height: auto;
  margin-left: 8px !important;
  display: flex;
  align-items: center;
  justify-content: center
}
.secondary-table-object-list .bbf-list .remove-button:focus {
  outline: 0
}
.secondary-table-object-list .bbf-list .remove-button i {
  color: var(--color-content-negative)
}
.secondary-table-object-list .bbf-list li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--color-background-tertiary);
  margin: 0
}
.secondary-table-object-list .bbf-list li .form-control {
  height: auto;
  display: inline-block;
  padding-left: 16px;
  padding-right: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  border: none
}
.secondary-table-object-list .bbf-list .table-object-list-header {
  padding: 16px;
  display: flex;
  border-bottom: 1px solid var(--color-background-tertiary)
}
.secondary-table-object-list .bbf-list .table-object-list-header .column-header {
  letter-spacing: .095em;
  color: var(--color-content-tertiary);
  font-size: 12px;
  font-weight: 600
}
.primary-table-object-list .t-list-items-container {
  display: flex;
  flex-direction: column
}
.primary-table-object-list .t-list-items-container .t-list-tools-container {
  display: flex;
  align-items: center;
  margin-bottom: 16px
}
.primary-table-object-list .t-list-items-container .t-list-tools-container .t-list-length-container {
  font-weight: 600;
  font-size: 14px;
  color: var(--color-content-primary)
}
.primary-table-object-list .t-list-items-container .t-list-tools-container .t-list-search-container {
  position: relative;
  margin-left: 16px
}
.primary-table-object-list .t-list-items-container .t-list-tools-container .t-list-search-container input {
  padding: 12px 32px 12px 12px;
  width: 100%;
  height: 40px;
  font-size: 14px;
  border: 1px solid var(--color-border-section);
  border-radius: 5px !important;
  color: var(--color-content-primary)
}
.primary-table-object-list .t-list-items-container .t-list-tools-container .t-list-search-container .search_magnifying_glass {
  position: absolute;
  right: 6px;
  top: 8px;
  cursor: pointer;
  height: 24px;
  width: 24px;
  border-radius: 24px
}
.primary-table-object-list .t-list-items-container .t-list-container {
  border: 1px solid var(--color-background-tertiary);
  background-color: var(--color-background-inverse);
  border-radius: 4px;
  padding: 20px 24px 0
}
.primary-table-object-list .t-list-items-container .t-list-container .t-list-header-container {
  padding-left: 0;
  padding-bottom: 14px;
  display: flex;
  border-bottom: 1px solid var(--color-background-tertiary);
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px
}
.primary-table-object-list .t-list-items-container .t-list-container .t-list-header-container .t-list-col-header {
  color: var(--color-content-secondary);
  letter-spacing: .08em;
  font-weight: 700;
  font-size: 12px;
  flex: 1 1 190px;
  white-space: normal;
  word-break: break-word
}
.primary-table-object-list .t-list-items-container .t-list-container .t-list-header-container .t-list-col-header:last-of-type {
  flex: 1 1 26px;
  max-width: 26px
}
.primary-table-object-list .t-list-items-container .t-list-container .t-list-content-container {
  display: flex;
  flex-direction: column;
  margin-top: 4px
}
.primary-table-object-list .t-list-items-container .t-list-container .t-list-content-container .t-list-item-container {
  display: flex;
  align-items: center;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px
}
.primary-table-object-list .t-list-items-container .t-list-container .t-list-content-container .t-list-item-container:not(:last-child) {
  border-bottom: 1px solid var(--color-background-tertiary)
}
.primary-table-object-list .t-list-items-container .t-list-container .t-list-content-container .t-list-item-container div[data-editor] {
  flex: 1
}
.primary-table-object-list .t-list-items-container .t-list-container .t-list-content-container .t-list-item-container button.remove-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-background-primary) !important;
  font-size: 16px !important;
  color: var(--color-content-negative) !important
}
.primary-table-object-list .t-list-items-container .t-list-container .t-list-content-container .t-list-item-container .t-list-row {
  display: flex;
  align-items: center;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  padding: 16px 0
}
.primary-table-object-list .t-list-items-container .t-list-container .t-list-content-container .t-list-item-container .t-list-row .t-list-row-cell {
  flex: 1 1 190px;
  white-space: normal;
  word-break: break-word;
  font-size: 14px;
  display: flex;
  flex-direction: column
}
.primary-table-object-list .t-list-items-container.disabled {
  opacity: 1 !important;
  pointer-events: all !important
}
.custom_dropdown .custom_dropdown_menu .workspace_item .disabled_workspace:active, .disabled {
  pointer-events: none
}
.table-editor-container .t-tools-container {
  padding-left: 24px;
  padding-right: 24px
}
.table-editor-container .t-tools-container .t-search-container {
  margin-bottom: 24px;
  position: relative
}
.table-editor-container .t-tools-container .t-search-container input {
  padding: 12px 32px 12px 12px;
  width: 100%;
  height: 40px;
  font-size: 14px;
  border: 1px solid var(--color-border-section);
  border-radius: 5px !important;
  color: var(--color-content-primary)
}
.devices-emergency-section-separator, .table-editor-container .t-container .t-content-container .t-row-container:not(.t-list-row):not(:last-child), .table-editor-container .t-container .t-header-container {
  border-bottom: 1px solid var(--color-background-tertiary)
}
.table-editor-container .t-tools-container .t-search-container .search_magnifying_glass {
  position: absolute;
  right: 6px;
  top: 8px;
  cursor: pointer;
  height: 24px;
  width: 24px
}
.table-editor-container .t-tools-container .t-select-all-container {
  margin-bottom: 12px
}
.table-editor-container .t-tools-container .t-select-all-container .t-all-checkbox {
  width: 20px !important
}
.table-editor-container .t-tools-container .t-select-all-container .t-all-checkbox > label {
  margin: 0 !important
}
.table-editor-container .t-tools-container .t-select-all-container .t-all-checkbox > label .lbl > span {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-content-primary);
  margin-left: 6px
}
.table-editor-container .t-tools-container .t-select-all-container .t-all-checkbox > label .lbl:before {
  width: 20px !important;
  height: 20px !important;
  font-size: 14px;
  line-height: 20px
}
.table-editor-container .t-container .t-header-container {
  display: flex;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  padding-left: 24px
}
.table-editor-container .t-container .t-header-container .t-col-header {
  color: var(--color-content-secondary);
  letter-spacing: .08em;
  font-weight: 700;
  font-size: 12px;
  flex: 1 1 190px;
  white-space: normal;
  word-break: break-word
}
.table-editor-container .t-container .t-header-container .t-col-header:nth-of-type(1) {
  padding-left: 32px
}
.table-editor-container .t-container .t-content-container {
  display: flex;
  flex-direction: column;
  margin-top: 4px
}
.table-editor-container .t-container .t-content-container .t-row-container {
  display: flex;
  align-items: center;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px
}
.table-editor-container .t-container .t-content-container .t-row-container:not(.t-list-row) {
  padding: 12px 24px
}
.table-editor-container .t-container .t-content-container .t-row-container.selected-row {
  background-color: var(--color-background-primary)
}
.table-editor-container .t-container .t-content-container .t-row-container .t-row-cell {
  flex: 1 1 190px;
  white-space: normal;
  word-break: break-word;
  font-size: 14px;
  display: flex;
  flex-direction: column
}
.table-editor-container .t-container .t-content-container .t-row-container .t-row-cell .primary-cell-content {
  color: var(--color-content-primary);
  font-weight: 600
}
.table-editor-container .t-container .t-content-container .t-row-container .t-row-cell .secondary-cell-content {
  color: var(--color-content-secondary);
  font-weight: 400
}
.table-editor-container .t-container .t-content-container .t-row-container .t-single-checkbox {
  width: 20px !important
}
.table-editor-container .t-container .t-content-container .t-row-container .t-single-checkbox > label {
  margin: 0 !important
}
.table-editor-container .t-container .t-content-container .t-row-container .t-single-checkbox > label .lbl:before {
  width: 20px !important;
  height: 20px !important;
  font-size: 14px;
  line-height: 20px
}
.devices-emergency-section-separator {
  width: 100%;
  padding-bottom: 4px;
  margin-bottom: 24px
}
.national_weather_service_form_view .sp-replacer:hover {
  border-color: #91765d
}
.custom_dropdown {
  position: relative;
  display: inline-block;
  width: 100%
}
.custom_dropdown button.custom_dropdown_toggle {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  padding: 0 16px;
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-border-default);
  border-radius: 4px;
  cursor: pointer;
  width: 100%;
  max-width: 450px;
  height: 44px
}
.custom_dropdown button.custom_dropdown_toggle.disabled {
  background-color: var(--color-background-primary)
}
.custom_dropdown button.custom_dropdown_toggle:focus, .custom_dropdown button.custom_dropdown_toggle:focus-visible {
  border-color: var(--color-border-focus)
}
.custom_dropdown button.custom_dropdown_toggle .arrow_icon {
  font-size: 20px;
  float: right;
  position: relative;
  color: var(--color-content-tertiary)
}
.custom_dropdown button.custom_dropdown_toggle .workspace_text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-content-primary)
}
.custom_dropdown button.custom_dropdown_toggle i, .custom_dropdown button.custom_dropdown_toggle span {
  position: relative;
  top: 2px
}
.custom_dropdown span.custom_dropdown_toggle {
  max-width: 200px;
  background: 0 0;
  border: none;
  outline: 0;
  display: flex;
  align-items: center;
  border-right: 1px solid var(--color-border-section);
  padding: 6px 30px 6px 16px;
  cursor: pointer
}
.custom_dropdown span.custom_dropdown_toggle .workspace_text {
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-content-primary)
}
.custom_dropdown .custom_dropdown_menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1001;
  display: none;
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-border-default);
  border-top: none;
  border-radius: 0 0 4px 4px;
  width: inherit;
  max-height: 280px;
  overflow: auto;
  min-width: 183px;
  max-width: 450px;
  text-align: left;
  margin-top: 1px
}
.custom_dropdown .custom_dropdown_menu .workspace_item {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  color: var(--color-content-primary);
  border-bottom: 1px solid var(--color-border-section);
  padding-top: 8px;
  padding-bottom: 8px;
  position: relative;
  font-size: 12px;
  height: 48px;
  letter-spacing: 0 !important
}
.custom_dropdown .custom_dropdown_menu .workspace_item:hover {
  background-color: var(--color-background-primary)
}
.custom_dropdown .custom_dropdown_menu .workspace_item[data-level='0'] {
  font-size: 14px;
  font-weight: 400
}
.custom_dropdown .custom_dropdown_menu .workspace_item.searched_workspace {
  padding-left: 16px !important
}
.custom_dropdown .custom_dropdown_menu .workspace_item.searched_workspace .toggle_arrow {
  display: none
}
.custom_dropdown .custom_dropdown_menu .workspace_item .option {
  cursor: pointer;
  min-width: 36px;
  padding-left: 16px;
  margin-left: -16px;
  padding-right: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.custom_dropdown .custom_dropdown_menu .workspace_item .toggle_arrow {
  cursor: pointer;
  padding-right: 16px;
  font-size: 16px;
  padding-left: 10px;
  color: var(--color-content-primary)
}
.custom_dropdown .custom_dropdown_menu .workspace_item .disabled_workspace {
  opacity: .2;
  cursor: default
}
.custom_dropdown .custom_dropdown_menu .workspace_item .tooltip {
  z-index: 1050
}
.custom_dropdown .custom_dropdown_menu ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0
}
.custom_dropdown .custom_dropdown_menu .arrow {
  display: inline-block;
  margin-left: 10px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  vertical-align: middle
}
.custom_dropdown .custom_dropdown_menu::-moz-scrollbar, .custom_dropdown .custom_dropdown_menu::-webkit-scrollbar {
  width: 8px
}
.custom_dropdown .custom_dropdown_menu::-moz-scrollbar-thumb, .custom_dropdown .custom_dropdown_menu::-webkit-scrollbar-thumb {
  background-color: var(--color-content-tertiary)
}
.custom_dropdown .custom_dropdown_menu #search_workspaces {
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
  height: 100%;
  background-image: url(../svgs/search-grey.svg) !important;
  background-position: 8px 50%;
  background-repeat: no-repeat;
  padding-left: 32px;
  background-size: 18px;
  font-weight: 600;
  margin: 14px
}
.custom_dropdown .custom_dropdown_menu #search_workspaces::-webkit-input-placeholder {
  font-size: 14px !important;
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
  color: var(--color-content-tertiary)
}
.custom_dropdown .custom_dropdown_menu #search_workspaces::-moz-placeholder {
  font-size: 14px !important;
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
  color: var(--color-content-tertiary)
}
.custom_dropdown .custom_dropdown_menu #search_workspaces::-ms-input-placeholder {
  font-size: 14px !important;
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
  color: var(--color-content-tertiary)
}
.custom_dropdown .custom_dropdown_menu #search_workspaces::placeholder {
  font-size: 14px !important;
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
  color: var(--color-content-tertiary)
}
.custom_dropdown .custom_dropdown_menu #search_workspaces:hover {
  border-color: var(--color-border-hover)
}
.address-form .intl-tel-input input.phone-number-input:focus, .custom_dropdown .custom_dropdown_menu #search_workspaces:focus {
  border-color: var(--color-border-focus)
}
.app_form_view .info-preview-box {
  background-color: var(--color-fill-image);
  border-radius: 8px;
  display: inline-block;
  color: var(--color-content-primary);
  padding: 15px 20px;
  width: 100%;
  margin-bottom: 16px;
  text-align: center
}
.app_form_view .info-preview-box .hide-icon {
  top: 2px;
  position: relative
}
@media (min-width:861px) and (max-width:1440px) {
  .app_form_view .details-widget-container {
    max-width: 394px !important
  }
}
.app_form_view [id^=list-item-] {
  list-style: none
}
.app_form_view [id^=list-item-] .bbf-del {
  margin-left: 2px;
  margin-bottom: 5px;
  background: var(--color-background-tertiary) !important;
  border-radius: 4px;
  border: 0;
  color: var(--color-content-primary) !important;
  font-size: 30px !important;
  font-weight: 100;
  line-height: 1
}
.app_form_view [id^=list-item-] .bbf-del:hover {
  background-color: var(--color-border-section) !important
}
.app_form_view [id^=list-item-] .bbf-del:focus {
  outline: 0
}
.app_form_view .cl-type-event-preview {
  font-size: 14px;
  padding: 1px 15px;
  border-radius: 15px
}
.app_form_view fieldset {
  min-inline-size: auto
}
.app_form_view .ticker-container, .app_form_view .wysiwyg-container {
  background: repeating-linear-gradient(-45deg, var(--color-background-primary), var(--color-background-primary) 10px, var(--color-background-inverse) 10px, var(--color-background-inverse) 20px)
}
#hijacked-warning, .app_form_view .widget-form-banner {
  height: -moz-max-content;
  background-color: var(--color-background-warning)
}
.app_form_view .toggle-editor {
  display: inline-block
}
.app_form_view .bbf-list-modal {
  word-wrap: break-word;
  white-space: nowrap
}
.app_form_view input[name=content_bgcolor], .app_form_view input[name=content_opacity] {
  width: 168px;
  display: inline-block
}
.app_form_view .widget-form-banner {
  min-height: 58px;
  height: -webkit-max-content;
  height: max-content;
  padding: 12px 16px;
  width: 100%;
  border-radius: 8px;
  display: none;
  align-items: center;
  color: var(--color-content-primary)
}
.app_form_view .widget-form-banner .banner-icon {
  width: 20px;
  height: 18px;
  margin-right: 12px
}
@media (min-width:992px) {
  .app_form_view .widget-form-banner {
    margin-top: 112px
  }
}
.app_form_view .new-facebook-banner, .app_form_view .new-instagram-banner, .app_form_view .new-weather-banner {
  min-height: 78px;
  background-color: var(--color-background-inverse);
  text-decoration: none
}
.app_form_view .new-facebook-banner .banner-icon, .app_form_view .new-instagram-banner .banner-icon, .app_form_view .new-weather-banner .banner-icon {
  height: 52px;
  width: 52px
}
.app_form_view .new-facebook-banner .banner-text, .app_form_view .new-instagram-banner .banner-text, .app_form_view .new-weather-banner .banner-text {
  margin-top: 8px;
  color: var(--color-content-secondary)
}
.app_form_view .new-facebook-banner .banner-link, .app_form_view .new-instagram-banner .banner-link, .app_form_view .new-weather-banner .banner-link {
  margin-left: auto;
  color: var(--color-content-primary);
  display: flex;
  align-items: center
}
.app_form_view .new-facebook-banner:hover, .app_form_view .new-instagram-banner:hover, .app_form_view .new-weather-banner:hover {
  cursor: pointer;
  background-color: var(--color-background-tertiary)
}
.app_form_view .new-instagram-banner {
  background-color: var(--color-background-inverse)
}
.app_form_view .new-instagram-banner:hover {
  background-color: var(--color-background-tertiary)
}
.app_form_view .widget-form-info-banner {
  background-color: var(--color-background-notice-subtle)
}
.splitted-pickers-container {
  width: 100%;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px
}
.splitted-pickers-container .splitted-date-container {
  max-width: 280px !important
}
.splitted-pickers-container .splitted-date-container.disabled {
  cursor: not-allowed
}
.splitted-pickers-container .splitted-date-container .formatted-date {
  border-radius: 4px !important;
  line-height: 14px;
  font-weight: 600;
  padding-left: 40px;
  max-width: 280px;
  top: 0
}
.splitted-pickers-container .splitted-date-container .formatted-date.disabled {
  pointer-events: none !important;
  cursor: not-allowed
}
.splitted-pickers-container .splitted-time-container {
  max-width: 140px !important
}
@media (max-width:400px) {
  .splitted-pickers-container {
    flex-direction: column
  }
  .splitted-pickers-container .splitted-time-container {
    margin-top: 16px
  }
}
.splitted-pickers-container .splitted-date-container div.date-picker, .splitted-pickers-container .splitted-date-container input.date-picker, .splitted-pickers-container .splitted-time-container div.date-picker, .splitted-pickers-container .splitted-time-container input.date-picker {
  max-width: 640px;
  padding-left: 35px;
  border: 1px solid var(--color-border-default);
  border-radius: 4px !important;
  color: var(--color-content-secondary) !important;
  font-size: 12px
}
.splitted-pickers-container .splitted-date-container .picker-calendar, .splitted-pickers-container .splitted-time-container .picker-calendar {
  position: absolute;
  top: 10px;
  left: 14px
}
.splitted-pickers-container .splitted-date-container .picker-calendar.disabled, .splitted-pickers-container .splitted-time-container .picker-calendar.disabled {
  cursor: not-allowed
}
.splitted-pickers-container .splitted-date-container .picker-calendar:not(.disabled), .splitted-pickers-container .splitted-time-container .picker-calendar:not(.disabled) {
  cursor: pointer
}
.splitted-pickers-container .splitted-date-container .picker-calendar i, .splitted-pickers-container .splitted-time-container .picker-calendar i {
  color: var(--color-content-secondary);
  font-size: 16px;
  position: relative;
  top: 4px
}
.forward-assignment-action-btns {
  display: inline-flex
}
.forward-assignment-action-btns .submit-model, .forward-assignment-action-btns button[type=submit] {
  min-width: 64px !important
}
.forward-assignment-action-btns .submit-model:not(.is-embed-player-submit-deactivated), .forward-assignment-action-btns button[type=submit]:not(.is-embed-player-submit-deactivated) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important
}
.forward-assignment-action-btns .dropdown-toggle {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  min-width: 22px;
  width: 22px
}
.forward-assignment-action-btns .line-vertical {
  align-items: center;
  display: flex;
  color: color-mix(in srgb, var(--basic_branding), #000 10%);
  font-weight: 700;
  background-color: var(--basic_branding)
}
.forward-assignment-action-btns .line-vertical.disabled {
  opacity: .2
}
.forward-assignment-action-btns ul.dropdown-menu {
  padding: 8px 0 !important;
  margin-top: 6px
}
.forward-assignment-action-btns ul.dropdown-menu li.forward-assignment-action {
  height: 27px;
  width: 198px;
  padding-left: 12px;
  padding-right: 12px;
  font-weight: 400;
  cursor: pointer
}
.forward-assignment-action-btns ul.dropdown-menu li.forward-assignment-action span {
  line-height: 2;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.form-group.field-first_week_day, .form-group.field-time_format {
  align-items: flex-start !important
}
.column-field {
  display: flex;
  flex-direction: column;
  align-items: start !important
}
.column-field .control-label {
  text-align: left
}
.address-form .intl-tel-input {
  width: 100%
}
.address-form .intl-tel-input .selected-flag {
  border-radius: 5px;
  background-color: var(--color-background-secondary)
}
.address-form .intl-tel-input .flag-container:hover .selected-flag {
  background-color: var(--color-background-tertiary)
}
.address-form .intl-tel-input input.phone-number-input {
  height: 48px;
  padding-left: 60px !important;
  border-radius: 5px !important
}
.address-form .intl-tel-input .country-list {
  background-color: var(--color-background-primary);
  border: 1px solid var(--color-border-default)
}
.address-form .intl-tel-input .country-list li:hover:not(:nth-child(2)) {
  background-color: var(--color-background-tertiary)
}
.image_form_view .media-thumbnail .img-container img {
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-border-default)
}
.roundedStep {
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  background: var(--color-background-tertiary);
  height: 18px !important;
  width: 18px !important;
  text-align: center !important;
  padding: 0;
  color: var(--color-content-primary) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  cursor: default;
  margin-left: auto !important;
  border-radius: 100% !important;
  line-height: 18px !important;
  border: none !important
}
.roundedStep span {
  font-size: 12px;
  font-weight: 600;
  line-height: 16.34px;
  text-align: left;
  color: #000
}
.pin-editor input.pin-input {
  width: 44px;
  padding: 0;
  text-align: center;
  font-size: 20px !important;
  letter-spacing: .02em !important;
  margin-right: 10px
}
.pin-editor input.pin-input::-webkit-inner-spin-button, .pin-editor input.pin-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}
.pin-editor.error[data-errortype=invalid] input.pin-input {
  border: 1px solid #cc3100
}
.pin-editor .invalid-check {
  color: #36915f;
  display: none
}
.pin-editor:not(.untouched, .error) .invalid-check {
  display: inline-block
}
.tree-graph-modal .modal-dialog {
  max-width: 1200px;
  width: auto
}
.tree-graph-modal .modal-body {
  padding-bottom: 0
}
.tree-graph-modal .bootbox-body {
  display: grid;
  overflow: auto;
  max-height: 550px
}
.tree-graph-modal .bootbox-body > ul.tree {
  background-color: var(--color-background-primary);
  border-radius: 18px
}
.tree-graph-modal .bootbox-body > ul.tree:not(:first-of-type):not(:last-of-type) {
  border-top: 1px solid var(--color-background-tertiary);
  padding-top: 30px
}
.tree-graph-modal .bootbox-body > ul.tree:last-of-type {
  display: none
}
.tree-graph-modal .bootbox-body > ul.tree:before {
  content: none !important
}
.tree-graph-modal .bootbox-body > ul.tree > li > span {
  padding: 17px;
  background-color: var(--color-background-inverse);
  color: var(--color-content-primary);
  border: 1px solid var(--color-brand-subtle-hover);
  border-radius: 8px
}
.tree-graph-modal .bootbox-body > ul.tree ul li:before, .tree-graph-modal .bootbox-body > ul.tree ul:before {
  border: 1px solid var(--color-content-tertiary);
  outline: 0
}
.tree-graph-modal .bootbox-body > ul.tree ul li span {
  padding: 17px;
  background-color: var(--color-background-inverse);
  color: var(--color-content-primary);
  border: 1px solid var(--color-brand-subtle-hover);
  border-radius: 8px
}
.tree-graph-modal .bootbox-body > ul.tree ul li span:before {
  border: 1px solid var(--color-content-tertiary);
  outline: 0;
  top: -.5em
}
h3.page_header {
  margin: 8px 0 18px;
  border: none;
  padding: 0
}
#breadcrumbs ul.breadcrumb > li:first-child a {
  padding-left: 0
}
.mrg-top-0 {
  margin-top: 0 !important
}
.mrg-bottom-0 {
  margin-bottom: 0 !important
}
.mrg-left-0 {
  margin-left: 0 !important
}
.mrg-right-0 {
  margin-right: 0 !important
}
.pad-top-0 {
  padding-top: 0 !important
}
.pad-bottom-0 {
  padding-bottom: 0 !important
}
.pad-left-0 {
  padding-left: 0 !important
}
.pad-right-0 {
  padding-right: 0 !important
}
.mrg-top-5 {
  margin-top: 5px !important
}
.mrg-bottom-5 {
  margin-bottom: 5px !important
}
.mrg-left-5 {
  margin-left: 5px !important
}
.mrg-right-5 {
  margin-right: 5px !important
}
.pad-top-5 {
  padding-top: 5px !important
}
.pad-bottom-5 {
  padding-bottom: 5px !important
}
.pad-left-5 {
  padding-left: 5px !important
}
.pad-right-5 {
  padding-right: 5px !important
}
.mrg-bottom-10 {
  margin-bottom: 10px !important
}
.mrg-left-10 {
  margin-left: 10px !important
}
.mrg-right-10 {
  margin-right: 10px !important
}
.pad-top-10 {
  padding-top: 10px !important
}
.pad-bottom-10 {
  padding-bottom: 10px !important
}
.pad-left-10 {
  padding-left: 10px !important
}
.pad-right-10 {
  padding-right: 10px !important
}
.mrg-top-15 {
  margin-top: 15px !important
}
.mrg-bottom-15 {
  margin-bottom: 15px !important
}
.mrg-left-15 {
  margin-left: 15px !important
}
.mrg-right-15 {
  margin-right: 15px !important
}
.pad-top-15 {
  padding-top: 15px !important
}
.pad-bottom-15 {
  padding-bottom: 15px !important
}
.pad-left-15 {
  padding-left: 15px !important
}
.pad-right-15 {
  padding-right: 15px !important
}
.mrg-top-20 {
  margin-top: 20px !important
}
.mrg-bottom-20 {
  margin-bottom: 20px !important
}
.mrg-left-20 {
  margin-left: 20px !important
}
.mrg-right-20 {
  margin-right: 20px !important
}
.pad-top-20 {
  padding-top: 20px !important
}
.pad-bottom-20 {
  padding-bottom: 20px !important
}
.pad-left-20 {
  padding-left: 20px !important
}
.pad-right-20 {
  padding-right: 20px !important
}
.mrg-top-25 {
  margin-top: 25px !important
}
.mrg-bottom-25 {
  margin-bottom: 25px !important
}
.mrg-left-25 {
  margin-left: 25px !important
}
.mrg-right-25 {
  margin-right: 25px !important
}
.pad-top-25 {
  padding-top: 25px !important
}
.pad-bottom-25 {
  padding-bottom: 25px !important
}
.pad-left-25 {
  padding-left: 25px !important
}
.pad-right-25 {
  padding-right: 25px !important
}
.mrg-top-30 {
  margin-top: 30px !important
}
.mrg-bottom-30 {
  margin-bottom: 30px !important
}
.mrg-left-30 {
  margin-left: 30px !important
}
.mrg-right-30 {
  margin-right: 30px !important
}
.pad-top-30 {
  padding-top: 30px !important
}
.pad-bottom-30 {
  padding-bottom: 30px !important
}
.pad-left-30 {
  padding-left: 30px !important
}
.pad-right-30 {
  padding-right: 30px !important
}
.mrg-top-35 {
  margin-top: 35px !important
}
#user-profile.subscription-row, .mrg-top-40 {
  margin-top: 40px !important
}
.mrg-bottom-35 {
  margin-bottom: 35px !important
}
.mrg-left-35 {
  margin-left: 35px !important
}
.mrg-right-35 {
  margin-right: 35px !important
}
.pad-top-35 {
  padding-top: 35px !important
}
.pad-bottom-35 {
  padding-bottom: 35px !important
}
.pad-left-35 {
  padding-left: 35px !important
}
.pad-right-35 {
  padding-right: 35px !important
}
.mrg-bottom-40 {
  margin-bottom: 40px !important
}
.mrg-left-40 {
  margin-left: 40px !important
}
.mrg-right-40 {
  margin-right: 40px !important
}
.pad-top-40 {
  padding-top: 40px !important
}
.pad-bottom-40 {
  padding-bottom: 40px !important
}
.pad-left-40 {
  padding-left: 40px !important
}
.pad-right-40 {
  padding-right: 40px !important
}
.mrg-top-45 {
  margin-top: 45px !important
}
.mrg-bottom-45 {
  margin-bottom: 45px !important
}
.mrg-left-45 {
  margin-left: 45px !important
}
.mrg-right-45 {
  margin-right: 45px !important
}
.pad-top-45 {
  padding-top: 45px !important
}
.pad-bottom-45 {
  padding-bottom: 45px !important
}
.pad-left-45 {
  padding-left: 45px !important
}
.pad-right-45 {
  padding-right: 45px !important
}
.mrg-top-50 {
  margin-top: 50px !important
}
.mrg-bottom-50 {
  margin-bottom: 50px !important
}
.mrg-left-50 {
  margin-left: 50px !important
}
.mrg-right-50 {
  margin-right: 50px !important
}
.pad-top-50 {
  padding-top: 50px !important
}
.pad-bottom-50 {
  padding-bottom: 50px !important
}
.pad-left-50 {
  padding-left: 50px !important
}
.pad-right-50 {
  padding-right: 50px !important
}
.mrg-top-55 {
  margin-top: 55px !important
}
.mrg-bottom-55 {
  margin-bottom: 55px !important
}
.mrg-left-55 {
  margin-left: 55px !important
}
.mrg-right-55 {
  margin-right: 55px !important
}
.pad-top-55 {
  padding-top: 55px !important
}
.pad-bottom-55 {
  padding-bottom: 55px !important
}
.pad-left-55 {
  padding-left: 55px !important
}
.pad-right-55 {
  padding-right: 55px !important
}
.mrg-top-60 {
  margin-top: 60px !important
}
.mrg-bottom-60 {
  margin-bottom: 60px !important
}
.mrg-left-60 {
  margin-left: 60px !important
}
.mrg-right-60 {
  margin-right: 60px !important
}
.pad-top-60 {
  padding-top: 60px !important
}
.pad-bottom-60 {
  padding-bottom: 60px !important
}
.pad-left-60 {
  padding-left: 60px !important
}
.pad-right-60 {
  padding-right: 60px !important
}
.mrg-top-65 {
  margin-top: 65px !important
}
.mrg-bottom-65 {
  margin-bottom: 65px !important
}
.mrg-left-65 {
  margin-left: 65px !important
}
.mrg-right-65 {
  margin-right: 65px !important
}
.pad-top-65 {
  padding-top: 65px !important
}
.pad-bottom-65 {
  padding-bottom: 65px !important
}
.pad-left-65 {
  padding-left: 65px !important
}
.pad-right-65 {
  padding-right: 65px !important
}
.mrg-top-70 {
  margin-top: 70px !important
}
.mrg-bottom-70 {
  margin-bottom: 70px !important
}
.mrg-left-70 {
  margin-left: 70px !important
}
.mrg-right-70 {
  margin-right: 70px !important
}
.pad-top-70 {
  padding-top: 70px !important
}
.pad-bottom-70 {
  padding-bottom: 70px !important
}
.pad-left-70 {
  padding-left: 70px !important
}
.pad-right-70 {
  padding-right: 70px !important
}
.mrg-top-75 {
  margin-top: 75px !important
}
.mrg-bottom-75 {
  margin-bottom: 75px !important
}
.mrg-left-75 {
  margin-left: 75px !important
}
.mrg-right-75 {
  margin-right: 75px !important
}
.pad-top-75 {
  padding-top: 75px !important
}
.pad-bottom-75 {
  padding-bottom: 75px !important
}
.pad-left-75 {
  padding-left: 75px !important
}
.pad-right-75 {
  padding-right: 75px !important
}
.mrg-top-80 {
  margin-top: 80px !important
}
.mrg-bottom-80 {
  margin-bottom: 80px !important
}
.mrg-left-80 {
  margin-left: 80px !important
}
.mrg-right-80 {
  margin-right: 80px !important
}
.pad-top-80 {
  padding-top: 80px !important
}
.pad-bottom-80 {
  padding-bottom: 80px !important
}
.pad-left-80 {
  padding-left: 80px !important
}
.pad-right-80 {
  padding-right: 80px !important
}
.mrg-top-85 {
  margin-top: 85px !important
}
.mrg-bottom-85 {
  margin-bottom: 85px !important
}
.mrg-left-85 {
  margin-left: 85px !important
}
.mrg-right-85 {
  margin-right: 85px !important
}
.pad-top-85 {
  padding-top: 85px !important
}
.pad-bottom-85 {
  padding-bottom: 85px !important
}
.pad-left-85 {
  padding-left: 85px !important
}
.pad-right-85 {
  padding-right: 85px !important
}
.mrg-top-90 {
  margin-top: 90px !important
}
.mrg-bottom-90 {
  margin-bottom: 90px !important
}
.mrg-left-90 {
  margin-left: 90px !important
}
.mrg-right-90 {
  margin-right: 90px !important
}
.pad-top-90 {
  padding-top: 90px !important
}
.pad-bottom-90 {
  padding-bottom: 90px !important
}
.pad-left-90 {
  padding-left: 90px !important
}
.pad-right-90 {
  padding-right: 90px !important
}
.mrg-top-95 {
  margin-top: 95px !important
}
.mrg-bottom-95 {
  margin-bottom: 95px !important
}
.mrg-left-95 {
  margin-left: 95px !important
}
.mrg-right-95 {
  margin-right: 95px !important
}
.pad-top-95 {
  padding-top: 95px !important
}
.pad-bottom-95 {
  padding-bottom: 95px !important
}
.pad-left-95 {
  padding-left: 95px !important
}
.pad-right-95 {
  padding-right: 95px !important
}
.mrg-top-100 {
  margin-top: 100px !important
}
.mrg-bottom-100 {
  margin-bottom: 100px !important
}
.mrg-left-100 {
  margin-left: 100px !important
}
.mrg-right-100 {
  margin-right: 100px !important
}
.pad-top-100 {
  padding-top: 100px !important
}
.pad-bottom-100 {
  padding-bottom: 100px !important
}
.pad-left-100 {
  padding-left: 100px !important
}
.pad-right-100 {
  padding-right: 100px !important
}
.mrg-top-105 {
  margin-top: 105px !important
}
.mrg-bottom-105 {
  margin-bottom: 105px !important
}
.mrg-left-105 {
  margin-left: 105px !important
}
.mrg-right-105 {
  margin-right: 105px !important
}
.pad-top-105 {
  padding-top: 105px !important
}
.pad-bottom-105 {
  padding-bottom: 105px !important
}
.pad-left-105 {
  padding-left: 105px !important
}
.pad-right-105 {
  padding-right: 105px !important
}
.mrg-top-110 {
  margin-top: 110px !important
}
.mrg-bottom-110 {
  margin-bottom: 110px !important
}
.mrg-left-110 {
  margin-left: 110px !important
}
.mrg-right-110 {
  margin-right: 110px !important
}
.pad-top-110 {
  padding-top: 110px !important
}
.pad-bottom-110 {
  padding-bottom: 110px !important
}
.pad-left-110 {
  padding-left: 110px !important
}
.pad-right-110 {
  padding-right: 110px !important
}
.mrg-top-115 {
  margin-top: 115px !important
}
.mrg-bottom-115 {
  margin-bottom: 115px !important
}
.mrg-left-115 {
  margin-left: 115px !important
}
.mrg-right-115 {
  margin-right: 115px !important
}
.pad-top-115 {
  padding-top: 115px !important
}
.pad-bottom-115 {
  padding-bottom: 115px !important
}
.pad-left-115 {
  padding-left: 115px !important
}
.pad-right-115 {
  padding-right: 115px !important
}
.mrg-top-120 {
  margin-top: 120px !important
}
.mrg-bottom-120 {
  margin-bottom: 120px !important
}
.mrg-left-120 {
  margin-left: 120px !important
}
.mrg-right-120 {
  margin-right: 120px !important
}
.pad-top-120 {
  padding-top: 120px !important
}
.pad-bottom-120 {
  padding-bottom: 120px !important
}
.pad-left-120 {
  padding-left: 120px !important
}
.pad-right-120 {
  padding-right: 120px !important
}
.mrg-top-125 {
  margin-top: 125px !important
}
.mrg-bottom-125 {
  margin-bottom: 125px !important
}
.mrg-left-125 {
  margin-left: 125px !important
}
.mrg-right-125 {
  margin-right: 125px !important
}
.pad-top-125 {
  padding-top: 125px !important
}
.pad-bottom-125 {
  padding-bottom: 125px !important
}
.pad-left-125 {
  padding-left: 125px !important
}
.pad-right-125 {
  padding-right: 125px !important
}
.mrg-top-130 {
  margin-top: 130px !important
}
.mrg-bottom-130 {
  margin-bottom: 130px !important
}
.mrg-left-130 {
  margin-left: 130px !important
}
.mrg-right-130 {
  margin-right: 130px !important
}
.pad-top-130 {
  padding-top: 130px !important
}
.pad-bottom-130 {
  padding-bottom: 130px !important
}
.pad-left-130 {
  padding-left: 130px !important
}
.pad-right-130 {
  padding-right: 130px !important
}
.mrg-top-135 {
  margin-top: 135px !important
}
.mrg-bottom-135 {
  margin-bottom: 135px !important
}
.mrg-left-135 {
  margin-left: 135px !important
}
.mrg-right-135 {
  margin-right: 135px !important
}
.pad-top-135 {
  padding-top: 135px !important
}
.pad-bottom-135 {
  padding-bottom: 135px !important
}
.pad-left-135 {
  padding-left: 135px !important
}
.pad-right-135 {
  padding-right: 135px !important
}
.mrg-top-140 {
  margin-top: 140px !important
}
.mrg-bottom-140 {
  margin-bottom: 140px !important
}
.mrg-left-140 {
  margin-left: 140px !important
}
.mrg-right-140 {
  margin-right: 140px !important
}
.pad-top-140 {
  padding-top: 140px !important
}
.pad-bottom-140 {
  padding-bottom: 140px !important
}
.pad-left-140 {
  padding-left: 140px !important
}
.pad-right-140 {
  padding-right: 140px !important
}
.mrg-top-145 {
  margin-top: 145px !important
}
.mrg-bottom-145 {
  margin-bottom: 145px !important
}
.mrg-left-145 {
  margin-left: 145px !important
}
.mrg-right-145 {
  margin-right: 145px !important
}
.pad-top-145 {
  padding-top: 145px !important
}
.pad-bottom-145 {
  padding-bottom: 145px !important
}
.pad-left-145 {
  padding-left: 145px !important
}
.pad-right-145 {
  padding-right: 145px !important
}
.mrg-top-150 {
  margin-top: 150px !important
}
.mrg-bottom-150 {
  margin-bottom: 150px !important
}
.mrg-left-150 {
  margin-left: 150px !important
}
.mrg-right-150 {
  margin-right: 150px !important
}
.pad-top-150 {
  padding-top: 150px !important
}
.pad-bottom-150 {
  padding-bottom: 150px !important
}
.pad-left-150 {
  padding-left: 150px !important
}
.pad-right-150 {
  padding-right: 150px !important
}
.max_width_450 {
  max-width: 450px
}
.max_width_449 {
  max-width: 449px
}
.max_width_448 {
  max-width: 448px
}
.max_width_447 {
  max-width: 447px
}
.max_width_446 {
  max-width: 446px
}
.max_width_445 {
  max-width: 445px
}
.max_width_444 {
  max-width: 444px
}
.max_width_443 {
  max-width: 443px
}
.max_width_442 {
  max-width: 442px
}
.max_width_441 {
  max-width: 441px
}
.max_width_440 {
  max-width: 440px
}
.max_width_439 {
  max-width: 439px
}
.max_width_438 {
  max-width: 438px
}
.max_width_437 {
  max-width: 437px
}
.max_width_436 {
  max-width: 436px
}
.max_width_435 {
  max-width: 435px
}
.max_width_434 {
  max-width: 434px
}
.max_width_433 {
  max-width: 433px
}
.max_width_432 {
  max-width: 432px
}
.max_width_431 {
  max-width: 431px
}
.max_width_430 {
  max-width: 430px
}
.max_width_429 {
  max-width: 429px
}
.max_width_428 {
  max-width: 428px
}
.max_width_427 {
  max-width: 427px
}
.max_width_426 {
  max-width: 426px
}
.max_width_425 {
  max-width: 425px
}
.max_width_424 {
  max-width: 424px
}
.max_width_423 {
  max-width: 423px
}
.max_width_422 {
  max-width: 422px
}
.max_width_421 {
  max-width: 421px
}
.max_width_420 {
  max-width: 420px
}
.max_width_419 {
  max-width: 419px
}
.max_width_418 {
  max-width: 418px
}
.max_width_417 {
  max-width: 417px
}
.max_width_416 {
  max-width: 416px
}
.max_width_415 {
  max-width: 415px
}
.max_width_414 {
  max-width: 414px
}
.max_width_413 {
  max-width: 413px
}
.max_width_412 {
  max-width: 412px
}
.max_width_411 {
  max-width: 411px
}
.max_width_410 {
  max-width: 410px
}
.max_width_409 {
  max-width: 409px
}
.max_width_408 {
  max-width: 408px
}
.max_width_407 {
  max-width: 407px
}
.max_width_406 {
  max-width: 406px
}
.max_width_405 {
  max-width: 405px
}
.max_width_404 {
  max-width: 404px
}
.max_width_403 {
  max-width: 403px
}
.max_width_402 {
  max-width: 402px
}
.max_width_401 {
  max-width: 401px
}
.max_width_400 {
  max-width: 400px
}
.max_width_399 {
  max-width: 399px
}
.max_width_398 {
  max-width: 398px
}
.max_width_397 {
  max-width: 397px
}
.max_width_396 {
  max-width: 396px
}
.max_width_395 {
  max-width: 395px
}
.max_width_394 {
  max-width: 394px
}
.max_width_393 {
  max-width: 393px
}
.max_width_392 {
  max-width: 392px
}
.max_width_391 {
  max-width: 391px
}
.max_width_390 {
  max-width: 390px
}
.max_width_389 {
  max-width: 389px
}
.max_width_388 {
  max-width: 388px
}
.max_width_387 {
  max-width: 387px
}
.max_width_386 {
  max-width: 386px
}
.max_width_385 {
  max-width: 385px
}
.max_width_384 {
  max-width: 384px
}
.max_width_383 {
  max-width: 383px
}
.max_width_382 {
  max-width: 382px
}
.max_width_381 {
  max-width: 381px
}
.max_width_380 {
  max-width: 380px
}
.max_width_379 {
  max-width: 379px
}
.max_width_378 {
  max-width: 378px
}
.max_width_377 {
  max-width: 377px
}
.max_width_376 {
  max-width: 376px
}
.max_width_375 {
  max-width: 375px
}
.max_width_374 {
  max-width: 374px
}
.max_width_373 {
  max-width: 373px
}
.max_width_372 {
  max-width: 372px
}
.max_width_371 {
  max-width: 371px
}
.max_width_370 {
  max-width: 370px
}
.max_width_369 {
  max-width: 369px
}
.max_width_368 {
  max-width: 368px
}
.max_width_367 {
  max-width: 367px
}
.max_width_366 {
  max-width: 366px
}
.max_width_365 {
  max-width: 365px
}
.max_width_364 {
  max-width: 364px
}
.max_width_363 {
  max-width: 363px
}
.max_width_362 {
  max-width: 362px
}
.max_width_361 {
  max-width: 361px
}
.max_width_360 {
  max-width: 360px
}
.max_width_359 {
  max-width: 359px
}
.max_width_358 {
  max-width: 358px
}
.max_width_357 {
  max-width: 357px
}
.max_width_356 {
  max-width: 356px
}
.max_width_355 {
  max-width: 355px
}
.max_width_354 {
  max-width: 354px
}
.max_width_353 {
  max-width: 353px
}
.max_width_352 {
  max-width: 352px
}
.max_width_351 {
  max-width: 351px
}
.max_width_350 {
  max-width: 350px
}
.max_width_349 {
  max-width: 349px
}
.max_width_348 {
  max-width: 348px
}
.max_width_347 {
  max-width: 347px
}
.max_width_346 {
  max-width: 346px
}
.max_width_345 {
  max-width: 345px
}
.max_width_344 {
  max-width: 344px
}
.max_width_343 {
  max-width: 343px
}
.max_width_342 {
  max-width: 342px
}
.max_width_341 {
  max-width: 341px
}
.max_width_340 {
  max-width: 340px
}
.max_width_339 {
  max-width: 339px
}
.max_width_338 {
  max-width: 338px
}
.max_width_337 {
  max-width: 337px
}
.max_width_336 {
  max-width: 336px
}
.max_width_335 {
  max-width: 335px
}
.max_width_334 {
  max-width: 334px
}
.max_width_333 {
  max-width: 333px
}
.max_width_332 {
  max-width: 332px
}
.max_width_331 {
  max-width: 331px
}
.max_width_330 {
  max-width: 330px
}
.max_width_329 {
  max-width: 329px
}
.max_width_328 {
  max-width: 328px
}
.max_width_327 {
  max-width: 327px
}
.max_width_326 {
  max-width: 326px
}
.max_width_325 {
  max-width: 325px
}
.max_width_324 {
  max-width: 324px
}
.max_width_323 {
  max-width: 323px
}
.max_width_322 {
  max-width: 322px
}
.max_width_321 {
  max-width: 321px
}
.max_width_320 {
  max-width: 320px
}
.max_width_319 {
  max-width: 319px
}
.max_width_318 {
  max-width: 318px
}
.max_width_317 {
  max-width: 317px
}
.max_width_316 {
  max-width: 316px
}
.max_width_315 {
  max-width: 315px
}
.max_width_314 {
  max-width: 314px
}
.max_width_313 {
  max-width: 313px
}
.max_width_312 {
  max-width: 312px
}
.max_width_311 {
  max-width: 311px
}
.max_width_310 {
  max-width: 310px
}
.max_width_309 {
  max-width: 309px
}
.max_width_308 {
  max-width: 308px
}
.max_width_307 {
  max-width: 307px
}
.max_width_306 {
  max-width: 306px
}
.max_width_305 {
  max-width: 305px
}
.max_width_304 {
  max-width: 304px
}
.max_width_303 {
  max-width: 303px
}
.max_width_302 {
  max-width: 302px
}
.max_width_301 {
  max-width: 301px
}
.max_width_300 {
  max-width: 300px
}
.max_width_299 {
  max-width: 299px
}
.max_width_298 {
  max-width: 298px
}
.max_width_297 {
  max-width: 297px
}
.max_width_296 {
  max-width: 296px
}
.max_width_295 {
  max-width: 295px
}
.max_width_294 {
  max-width: 294px
}
.max_width_293 {
  max-width: 293px
}
.max_width_292 {
  max-width: 292px
}
.max_width_291 {
  max-width: 291px
}
.max_width_290 {
  max-width: 290px
}
.max_width_289 {
  max-width: 289px
}
.max_width_288 {
  max-width: 288px
}
.max_width_287 {
  max-width: 287px
}
.max_width_286 {
  max-width: 286px
}
.max_width_285 {
  max-width: 285px
}
.max_width_284 {
  max-width: 284px
}
.max_width_283 {
  max-width: 283px
}
.max_width_282 {
  max-width: 282px
}
.max_width_281 {
  max-width: 281px
}
.max_width_280 {
  max-width: 280px
}
.max_width_279 {
  max-width: 279px
}
.max_width_278 {
  max-width: 278px
}
.max_width_277 {
  max-width: 277px
}
.max_width_276 {
  max-width: 276px
}
.max_width_275 {
  max-width: 275px
}
.max_width_274 {
  max-width: 274px
}
.max_width_273 {
  max-width: 273px
}
.max_width_272 {
  max-width: 272px
}
.max_width_271 {
  max-width: 271px
}
.max_width_270 {
  max-width: 270px
}
.max_width_269 {
  max-width: 269px
}
.max_width_268 {
  max-width: 268px
}
.max_width_267 {
  max-width: 267px
}
.max_width_266 {
  max-width: 266px
}
.max_width_265 {
  max-width: 265px
}
.max_width_264 {
  max-width: 264px
}
.max_width_263 {
  max-width: 263px
}
.max_width_262 {
  max-width: 262px
}
.max_width_261 {
  max-width: 261px
}
.max_width_260 {
  max-width: 260px
}
.max_width_259 {
  max-width: 259px
}
.max_width_258 {
  max-width: 258px
}
.max_width_257 {
  max-width: 257px
}
.max_width_256 {
  max-width: 256px
}
.max_width_255 {
  max-width: 255px
}
.max_width_254 {
  max-width: 254px
}
.max_width_253 {
  max-width: 253px
}
.max_width_252 {
  max-width: 252px
}
.max_width_251 {
  max-width: 251px
}
.max_width_250 {
  max-width: 250px
}
.max_width_249 {
  max-width: 249px
}
.max_width_248 {
  max-width: 248px
}
.max_width_247 {
  max-width: 247px
}
.max_width_246 {
  max-width: 246px
}
.max_width_245 {
  max-width: 245px
}
.max_width_244 {
  max-width: 244px
}
.max_width_243 {
  max-width: 243px
}
.max_width_242 {
  max-width: 242px
}
.max_width_241 {
  max-width: 241px
}
.max_width_240 {
  max-width: 240px
}
.max_width_239 {
  max-width: 239px
}
.max_width_238 {
  max-width: 238px
}
.max_width_237 {
  max-width: 237px
}
.max_width_236 {
  max-width: 236px
}
.max_width_235 {
  max-width: 235px
}
.max_width_234 {
  max-width: 234px
}
.max_width_233 {
  max-width: 233px
}
.max_width_232 {
  max-width: 232px
}
.max_width_231 {
  max-width: 231px
}
.max_width_230 {
  max-width: 230px
}
.max_width_229 {
  max-width: 229px
}
.max_width_228 {
  max-width: 228px
}
.max_width_227 {
  max-width: 227px
}
.max_width_226 {
  max-width: 226px
}
.max_width_225 {
  max-width: 225px
}
.max_width_224 {
  max-width: 224px
}
.max_width_223 {
  max-width: 223px
}
.max_width_222 {
  max-width: 222px
}
.max_width_221 {
  max-width: 221px
}
.max_width_220 {
  max-width: 220px
}
.max_width_219 {
  max-width: 219px
}
.max_width_218 {
  max-width: 218px
}
.max_width_217 {
  max-width: 217px
}
.max_width_216 {
  max-width: 216px
}
.max_width_215 {
  max-width: 215px
}
.max_width_214 {
  max-width: 214px
}
.max_width_213 {
  max-width: 213px
}
.max_width_212 {
  max-width: 212px
}
.max_width_211 {
  max-width: 211px
}
.max_width_210 {
  max-width: 210px
}
.max_width_209 {
  max-width: 209px
}
.max_width_208 {
  max-width: 208px
}
.max_width_207 {
  max-width: 207px
}
.max_width_206 {
  max-width: 206px
}
.max_width_205 {
  max-width: 205px
}
.max_width_204 {
  max-width: 204px
}
.max_width_203 {
  max-width: 203px
}
.max_width_202 {
  max-width: 202px
}
.max_width_201 {
  max-width: 201px
}
.max_width_200 {
  max-width: 200px
}
.max_width_199 {
  max-width: 199px
}
.max_width_198 {
  max-width: 198px
}
.max_width_197 {
  max-width: 197px
}
.max_width_196 {
  max-width: 196px
}
.max_width_195 {
  max-width: 195px
}
.max_width_194 {
  max-width: 194px
}
.max_width_193 {
  max-width: 193px
}
.max_width_192 {
  max-width: 192px
}
.max_width_191 {
  max-width: 191px
}
.max_width_190 {
  max-width: 190px
}
.max_width_189 {
  max-width: 189px
}
.max_width_188 {
  max-width: 188px
}
.max_width_187 {
  max-width: 187px
}
.max_width_186 {
  max-width: 186px
}
.max_width_185 {
  max-width: 185px
}
.max_width_184 {
  max-width: 184px
}
.max_width_183 {
  max-width: 183px
}
.max_width_182 {
  max-width: 182px
}
.max_width_181 {
  max-width: 181px
}
.export-button, .max_width_180 {
  max-width: 180px
}
.max_width_179 {
  max-width: 179px
}
.max_width_178 {
  max-width: 178px
}
.max_width_177 {
  max-width: 177px
}
.max_width_176 {
  max-width: 176px
}
.max_width_175 {
  max-width: 175px
}
.max_width_174 {
  max-width: 174px
}
.max_width_173 {
  max-width: 173px
}
.max_width_172 {
  max-width: 172px
}
.max_width_171 {
  max-width: 171px
}
.max_width_170 {
  max-width: 170px
}
.max_width_169 {
  max-width: 169px
}
.max_width_168 {
  max-width: 168px
}
.max_width_167 {
  max-width: 167px
}
.max_width_166 {
  max-width: 166px
}
.max_width_165 {
  max-width: 165px
}
.max_width_164 {
  max-width: 164px
}
.max_width_163 {
  max-width: 163px
}
.max_width_162 {
  max-width: 162px
}
.max_width_161 {
  max-width: 161px
}
.max_width_160 {
  max-width: 160px
}
.max_width_159 {
  max-width: 159px
}
.max_width_158 {
  max-width: 158px
}
.max_width_157 {
  max-width: 157px
}
.max_width_156 {
  max-width: 156px
}
.max_width_155 {
  max-width: 155px
}
.max_width_154 {
  max-width: 154px
}
.max_width_153 {
  max-width: 153px
}
.max_width_152 {
  max-width: 152px
}
.max_width_151 {
  max-width: 151px
}
.max_width_150 {
  max-width: 150px
}
.max_width_149 {
  max-width: 149px
}
.max_width_148 {
  max-width: 148px
}
.max_width_147 {
  max-width: 147px
}
.max_width_146 {
  max-width: 146px
}
.max_width_145 {
  max-width: 145px
}
.max_width_144 {
  max-width: 144px
}
.max_width_143 {
  max-width: 143px
}
.max_width_142 {
  max-width: 142px
}
.max_width_141 {
  max-width: 141px
}
.max_width_140 {
  max-width: 140px
}
.max_width_139 {
  max-width: 139px
}
.max_width_138 {
  max-width: 138px
}
.max_width_137 {
  max-width: 137px
}
.max_width_136 {
  max-width: 136px
}
.max_width_135 {
  max-width: 135px
}
.max_width_134 {
  max-width: 134px
}
.max_width_133 {
  max-width: 133px
}
.max_width_132 {
  max-width: 132px
}
.max_width_131 {
  max-width: 131px
}
.max_width_130 {
  max-width: 130px
}
.max_width_129 {
  max-width: 129px
}
.max_width_128 {
  max-width: 128px
}
.max_width_127 {
  max-width: 127px
}
.max_width_126 {
  max-width: 126px
}
.max_width_125 {
  max-width: 125px
}
.max_width_124 {
  max-width: 124px
}
.max_width_123 {
  max-width: 123px
}
.max_width_122 {
  max-width: 122px
}
.max_width_121 {
  max-width: 121px
}
.max_width_120 {
  max-width: 120px
}
.max_width_119 {
  max-width: 119px
}
.max_width_118 {
  max-width: 118px
}
.max_width_117 {
  max-width: 117px
}
.max_width_116 {
  max-width: 116px
}
.max_width_115 {
  max-width: 115px
}
.max_width_114 {
  max-width: 114px
}
.max_width_113 {
  max-width: 113px
}
.max_width_112 {
  max-width: 112px
}
.max_width_111 {
  max-width: 111px
}
.max_width_110 {
  max-width: 110px
}
.max_width_109 {
  max-width: 109px
}
.max_width_108 {
  max-width: 108px
}
.max_width_107 {
  max-width: 107px
}
.max_width_106 {
  max-width: 106px
}
.max_width_105 {
  max-width: 105px
}
.max_width_104 {
  max-width: 104px
}
.max_width_103 {
  max-width: 103px
}
.max_width_102 {
  max-width: 102px
}
.max_width_101 {
  max-width: 101px
}
.max_width_100 {
  max-width: 100px
}
.max_width_99 {
  max-width: 99px
}
.max_width_98 {
  max-width: 98px
}
.max_width_97 {
  max-width: 97px
}
.max_width_96 {
  max-width: 96px
}
.max_width_95 {
  max-width: 95px
}
.max_width_94 {
  max-width: 94px
}
.max_width_93 {
  max-width: 93px
}
.max_width_92 {
  max-width: 92px
}
.max_width_91 {
  max-width: 91px
}
.max_width_90 {
  max-width: 90px
}
.max_width_89 {
  max-width: 89px
}
.max_width_88 {
  max-width: 88px
}
.max_width_87 {
  max-width: 87px
}
.max_width_86 {
  max-width: 86px
}
.max_width_85 {
  max-width: 85px
}
.max_width_84 {
  max-width: 84px
}
.max_width_83 {
  max-width: 83px
}
.max_width_82 {
  max-width: 82px
}
.max_width_81 {
  max-width: 81px
}
.max_width_80 {
  max-width: 80px
}
.max_width_79 {
  max-width: 79px
}
.max_width_78 {
  max-width: 78px
}
.max_width_77 {
  max-width: 77px
}
.max_width_76 {
  max-width: 76px
}
.max_width_75 {
  max-width: 75px
}
.max_width_74 {
  max-width: 74px
}
.max_width_73 {
  max-width: 73px
}
.max_width_72 {
  max-width: 72px
}
.max_width_71 {
  max-width: 71px
}
.max_width_70 {
  max-width: 70px
}
.max_width_69 {
  max-width: 69px
}
.max_width_68 {
  max-width: 68px
}
.max_width_67 {
  max-width: 67px
}
.max_width_66 {
  max-width: 66px
}
.max_width_65 {
  max-width: 65px
}
.max_width_64 {
  max-width: 64px
}
.max_width_63 {
  max-width: 63px
}
.max_width_62 {
  max-width: 62px
}
.max_width_61 {
  max-width: 61px
}
.max_width_60 {
  max-width: 60px
}
.max_width_59 {
  max-width: 59px
}
.max_width_58 {
  max-width: 58px
}
.max_width_57 {
  max-width: 57px
}
.max_width_56 {
  max-width: 56px
}
.max_width_55 {
  max-width: 55px
}
.max_width_54 {
  max-width: 54px
}
.max_width_53 {
  max-width: 53px
}
.max_width_52 {
  max-width: 52px
}
.max_width_51 {
  max-width: 51px
}
.max_width_50 {
  max-width: 50px
}
.max_width_49 {
  max-width: 49px
}
.max_width_48 {
  max-width: 48px
}
.max_width_47 {
  max-width: 47px
}
.max_width_46 {
  max-width: 46px
}
.max_width_45 {
  max-width: 45px
}
.max_width_44 {
  max-width: 44px
}
.max_width_43 {
  max-width: 43px
}
.max_width_42 {
  max-width: 42px
}
.max_width_41 {
  max-width: 41px
}
.max_width_40 {
  max-width: 40px
}
.max_width_39 {
  max-width: 39px
}
.max_width_38 {
  max-width: 38px
}
.max_width_37 {
  max-width: 37px
}
.max_width_36 {
  max-width: 36px
}
.max_width_35 {
  max-width: 35px
}
.max_width_34 {
  max-width: 34px
}
.max_width_33 {
  max-width: 33px
}
.max_width_32 {
  max-width: 32px
}
.max_width_31 {
  max-width: 31px
}
.max_width_30 {
  max-width: 30px
}
.max_width_29 {
  max-width: 29px
}
.max_width_28 {
  max-width: 28px
}
.max_width_27 {
  max-width: 27px
}
.max_width_26 {
  max-width: 26px
}
.max_width_25 {
  max-width: 25px
}
.max_width_24 {
  max-width: 24px
}
.max_width_23 {
  max-width: 23px
}
.max_width_22 {
  max-width: 22px
}
.max_width_21 {
  max-width: 21px
}
.max_width_20 {
  max-width: 20px
}
.height_450 {
  height: 450px
}
.height_449 {
  height: 449px
}
.height_448 {
  height: 448px
}
.height_447 {
  height: 447px
}
.height_446 {
  height: 446px
}
.height_445 {
  height: 445px
}
.height_444 {
  height: 444px
}
.height_443 {
  height: 443px
}
.height_442 {
  height: 442px
}
.height_441 {
  height: 441px
}
.height_440 {
  height: 440px
}
.height_439 {
  height: 439px
}
.height_438 {
  height: 438px
}
.height_437 {
  height: 437px
}
.height_436 {
  height: 436px
}
.height_435 {
  height: 435px
}
.height_434 {
  height: 434px
}
.height_433 {
  height: 433px
}
.height_432 {
  height: 432px
}
.height_431 {
  height: 431px
}
.height_430 {
  height: 430px
}
.height_429 {
  height: 429px
}
.height_428 {
  height: 428px
}
.height_427 {
  height: 427px
}
.height_426 {
  height: 426px
}
.height_425 {
  height: 425px
}
.height_424 {
  height: 424px
}
.height_423 {
  height: 423px
}
.height_422 {
  height: 422px
}
.height_421 {
  height: 421px
}
.height_420 {
  height: 420px
}
.height_419 {
  height: 419px
}
.height_418 {
  height: 418px
}
.height_417 {
  height: 417px
}
.height_416 {
  height: 416px
}
.height_415 {
  height: 415px
}
.height_414 {
  height: 414px
}
.height_413 {
  height: 413px
}
.height_412 {
  height: 412px
}
.height_411 {
  height: 411px
}
.height_410 {
  height: 410px
}
.height_409 {
  height: 409px
}
.height_408 {
  height: 408px
}
.height_407 {
  height: 407px
}
.height_406 {
  height: 406px
}
.height_405 {
  height: 405px
}
.height_404 {
  height: 404px
}
.height_403 {
  height: 403px
}
.height_402 {
  height: 402px
}
.height_401 {
  height: 401px
}
.height_400 {
  height: 400px
}
.height_399 {
  height: 399px
}
.height_398 {
  height: 398px
}
.height_397 {
  height: 397px
}
.height_396 {
  height: 396px
}
.height_395 {
  height: 395px
}
.height_394 {
  height: 394px
}
.height_393 {
  height: 393px
}
.height_392 {
  height: 392px
}
.height_391 {
  height: 391px
}
.height_390 {
  height: 390px
}
.height_389 {
  height: 389px
}
.height_388 {
  height: 388px
}
.height_387 {
  height: 387px
}
.height_386 {
  height: 386px
}
.height_385 {
  height: 385px
}
.height_384 {
  height: 384px
}
.height_383 {
  height: 383px
}
.height_382 {
  height: 382px
}
.height_381 {
  height: 381px
}
.height_380 {
  height: 380px
}
.height_379 {
  height: 379px
}
.height_378 {
  height: 378px
}
.height_377 {
  height: 377px
}
.height_376 {
  height: 376px
}
.height_375 {
  height: 375px
}
.height_374 {
  height: 374px
}
.height_373 {
  height: 373px
}
.height_372 {
  height: 372px
}
.height_371 {
  height: 371px
}
.height_370 {
  height: 370px
}
.height_369 {
  height: 369px
}
.height_368 {
  height: 368px
}
.height_367 {
  height: 367px
}
.height_366 {
  height: 366px
}
.height_365 {
  height: 365px
}
.height_364 {
  height: 364px
}
.height_363 {
  height: 363px
}
.height_362 {
  height: 362px
}
.height_361 {
  height: 361px
}
.height_360 {
  height: 360px
}
.height_359 {
  height: 359px
}
.height_358 {
  height: 358px
}
.height_357 {
  height: 357px
}
.height_356 {
  height: 356px
}
.height_355 {
  height: 355px
}
.height_354 {
  height: 354px
}
.height_353 {
  height: 353px
}
.height_352 {
  height: 352px
}
.height_351 {
  height: 351px
}
.height_350 {
  height: 350px
}
.height_349 {
  height: 349px
}
.height_348 {
  height: 348px
}
.height_347 {
  height: 347px
}
.height_346 {
  height: 346px
}
.height_345 {
  height: 345px
}
.height_344 {
  height: 344px
}
.height_343 {
  height: 343px
}
.height_342 {
  height: 342px
}
.height_341 {
  height: 341px
}
.height_340 {
  height: 340px
}
.height_339 {
  height: 339px
}
.height_338 {
  height: 338px
}
.height_337 {
  height: 337px
}
.height_336 {
  height: 336px
}
.height_335 {
  height: 335px
}
.height_334 {
  height: 334px
}
.height_333 {
  height: 333px
}
.height_332 {
  height: 332px
}
.height_331 {
  height: 331px
}
.height_330 {
  height: 330px
}
.height_329 {
  height: 329px
}
.height_328 {
  height: 328px
}
.height_327 {
  height: 327px
}
.height_326 {
  height: 326px
}
.height_325 {
  height: 325px
}
.height_324 {
  height: 324px
}
.height_323 {
  height: 323px
}
.height_322 {
  height: 322px
}
.height_321 {
  height: 321px
}
.height_320 {
  height: 320px
}
.height_319 {
  height: 319px
}
.height_318 {
  height: 318px
}
.height_317 {
  height: 317px
}
.height_316 {
  height: 316px
}
.height_315 {
  height: 315px
}
.height_314 {
  height: 314px
}
.height_313 {
  height: 313px
}
.height_312 {
  height: 312px
}
.height_311 {
  height: 311px
}
.height_310 {
  height: 310px
}
.height_309 {
  height: 309px
}
.height_308 {
  height: 308px
}
.height_307 {
  height: 307px
}
.height_306 {
  height: 306px
}
.height_305 {
  height: 305px
}
.height_304 {
  height: 304px
}
.height_303 {
  height: 303px
}
.height_302 {
  height: 302px
}
.height_301 {
  height: 301px
}
.height_300 {
  height: 300px
}
.height_299 {
  height: 299px
}
.height_298 {
  height: 298px
}
.height_297 {
  height: 297px
}
.height_296 {
  height: 296px
}
.height_295 {
  height: 295px
}
.height_294 {
  height: 294px
}
.height_293 {
  height: 293px
}
.height_292 {
  height: 292px
}
.height_291 {
  height: 291px
}
.height_290 {
  height: 290px
}
.height_289 {
  height: 289px
}
.height_288 {
  height: 288px
}
.height_287 {
  height: 287px
}
.height_286 {
  height: 286px
}
.height_285 {
  height: 285px
}
.height_284 {
  height: 284px
}
.height_283 {
  height: 283px
}
.height_282 {
  height: 282px
}
.height_281 {
  height: 281px
}
.height_280 {
  height: 280px
}
.height_279 {
  height: 279px
}
.height_278 {
  height: 278px
}
.height_277 {
  height: 277px
}
.height_276 {
  height: 276px
}
.height_275 {
  height: 275px
}
.height_274 {
  height: 274px
}
.height_273 {
  height: 273px
}
.height_272 {
  height: 272px
}
.height_271 {
  height: 271px
}
.height_270 {
  height: 270px
}
.height_269 {
  height: 269px
}
.height_268 {
  height: 268px
}
.height_267 {
  height: 267px
}
.height_266 {
  height: 266px
}
.height_265 {
  height: 265px
}
.height_264 {
  height: 264px
}
.height_263 {
  height: 263px
}
.height_262 {
  height: 262px
}
.height_261 {
  height: 261px
}
.height_260 {
  height: 260px
}
.height_259 {
  height: 259px
}
.height_258 {
  height: 258px
}
.height_257 {
  height: 257px
}
.height_256 {
  height: 256px
}
.height_255 {
  height: 255px
}
.height_254 {
  height: 254px
}
.height_253 {
  height: 253px
}
.height_252 {
  height: 252px
}
.height_251 {
  height: 251px
}
.height_250 {
  height: 250px
}
.height_249 {
  height: 249px
}
.height_248 {
  height: 248px
}
.height_247 {
  height: 247px
}
.height_246 {
  height: 246px
}
.height_245 {
  height: 245px
}
.height_244 {
  height: 244px
}
.height_243 {
  height: 243px
}
.height_242 {
  height: 242px
}
.height_241 {
  height: 241px
}
.height_240 {
  height: 240px
}
.height_239 {
  height: 239px
}
.height_238 {
  height: 238px
}
.height_237 {
  height: 237px
}
.height_236 {
  height: 236px
}
.height_235 {
  height: 235px
}
.height_234 {
  height: 234px
}
.height_233 {
  height: 233px
}
.height_232 {
  height: 232px
}
.height_231 {
  height: 231px
}
.height_230 {
  height: 230px
}
.height_229 {
  height: 229px
}
.height_228 {
  height: 228px
}
.height_227 {
  height: 227px
}
.height_226 {
  height: 226px
}
.height_225 {
  height: 225px
}
.height_224 {
  height: 224px
}
.height_223 {
  height: 223px
}
.height_222 {
  height: 222px
}
.height_221 {
  height: 221px
}
.height_220 {
  height: 220px
}
.height_219 {
  height: 219px
}
.height_218 {
  height: 218px
}
.height_217 {
  height: 217px
}
.height_216 {
  height: 216px
}
.height_215 {
  height: 215px
}
.height_214 {
  height: 214px
}
.height_213 {
  height: 213px
}
.height_212 {
  height: 212px
}
.height_211 {
  height: 211px
}
.height_210 {
  height: 210px
}
.height_209 {
  height: 209px
}
.height_208 {
  height: 208px
}
.height_207 {
  height: 207px
}
.height_206 {
  height: 206px
}
.height_205 {
  height: 205px
}
.height_204 {
  height: 204px
}
.height_203 {
  height: 203px
}
.height_202 {
  height: 202px
}
.height_201 {
  height: 201px
}
.height_200 {
  height: 200px
}
.height_199 {
  height: 199px
}
.height_198 {
  height: 198px
}
.height_197 {
  height: 197px
}
.height_196 {
  height: 196px
}
.height_195 {
  height: 195px
}
.height_194 {
  height: 194px
}
.height_193 {
  height: 193px
}
.height_192 {
  height: 192px
}
.height_191 {
  height: 191px
}
.height_190 {
  height: 190px
}
.height_189 {
  height: 189px
}
.height_188 {
  height: 188px
}
.height_187 {
  height: 187px
}
.height_186 {
  height: 186px
}
.height_185 {
  height: 185px
}
.height_184 {
  height: 184px
}
.height_183 {
  height: 183px
}
.height_182 {
  height: 182px
}
.height_181 {
  height: 181px
}
.height_180 {
  height: 180px
}
.height_179 {
  height: 179px
}
.height_178 {
  height: 178px
}
.height_177 {
  height: 177px
}
.height_176 {
  height: 176px
}
.height_175 {
  height: 175px
}
.height_174 {
  height: 174px
}
.height_173 {
  height: 173px
}
.height_172 {
  height: 172px
}
.height_171 {
  height: 171px
}
.height_170 {
  height: 170px
}
.height_169 {
  height: 169px
}
.height_168 {
  height: 168px
}
.height_167 {
  height: 167px
}
.height_166 {
  height: 166px
}
.height_165 {
  height: 165px
}
.height_164 {
  height: 164px
}
.height_163 {
  height: 163px
}
.height_162 {
  height: 162px
}
.height_161 {
  height: 161px
}
.height_160 {
  height: 160px
}
.height_159 {
  height: 159px
}
.height_158 {
  height: 158px
}
.height_157 {
  height: 157px
}
.height_156 {
  height: 156px
}
.height_155 {
  height: 155px
}
.height_154 {
  height: 154px
}
.height_153 {
  height: 153px
}
.height_152 {
  height: 152px
}
.height_151 {
  height: 151px
}
.height_150 {
  height: 150px
}
.height_149 {
  height: 149px
}
.height_148 {
  height: 148px
}
.height_147 {
  height: 147px
}
.height_146 {
  height: 146px
}
.height_145 {
  height: 145px
}
.height_144 {
  height: 144px
}
.height_143 {
  height: 143px
}
.height_142 {
  height: 142px
}
.height_141 {
  height: 141px
}
.height_140 {
  height: 140px
}
.height_139 {
  height: 139px
}
.height_138 {
  height: 138px
}
.height_137 {
  height: 137px
}
.height_136 {
  height: 136px
}
.height_135 {
  height: 135px
}
.height_134 {
  height: 134px
}
.height_133 {
  height: 133px
}
.height_132 {
  height: 132px
}
.height_131 {
  height: 131px
}
.height_130 {
  height: 130px
}
.height_129 {
  height: 129px
}
.height_128 {
  height: 128px
}
.height_127 {
  height: 127px
}
.height_126 {
  height: 126px
}
.height_125 {
  height: 125px
}
.height_124 {
  height: 124px
}
.height_123 {
  height: 123px
}
.height_122 {
  height: 122px
}
.height_121 {
  height: 121px
}
.height_120 {
  height: 120px
}
.height_119 {
  height: 119px
}
.height_118 {
  height: 118px
}
.height_117 {
  height: 117px
}
.height_116 {
  height: 116px
}
.height_115 {
  height: 115px
}
.height_114 {
  height: 114px
}
.height_113 {
  height: 113px
}
.height_112 {
  height: 112px
}
.height_111 {
  height: 111px
}
.height_110 {
  height: 110px
}
.height_109 {
  height: 109px
}
.height_108 {
  height: 108px
}
.height_107 {
  height: 107px
}
.height_106 {
  height: 106px
}
.height_105 {
  height: 105px
}
.height_104 {
  height: 104px
}
.height_103 {
  height: 103px
}
.height_102 {
  height: 102px
}
.height_101 {
  height: 101px
}
.height_100 {
  height: 100px
}
.height_99 {
  height: 99px
}
.height_98 {
  height: 98px
}
.height_97 {
  height: 97px
}
.height_96 {
  height: 96px
}
.height_95 {
  height: 95px
}
.height_94 {
  height: 94px
}
.height_93 {
  height: 93px
}
.height_92 {
  height: 92px
}
.height_91 {
  height: 91px
}
.height_90 {
  height: 90px
}
.height_89 {
  height: 89px
}
.height_88 {
  height: 88px
}
.height_87 {
  height: 87px
}
.height_86 {
  height: 86px
}
.height_85 {
  height: 85px
}
.height_84 {
  height: 84px
}
.height_83 {
  height: 83px
}
.height_82 {
  height: 82px
}
.height_81 {
  height: 81px
}
.height_80 {
  height: 80px
}
.height_79 {
  height: 79px
}
.height_78 {
  height: 78px
}
.height_77 {
  height: 77px
}
.height_76 {
  height: 76px
}
.height_75 {
  height: 75px
}
.height_74 {
  height: 74px
}
.height_73 {
  height: 73px
}
.height_72 {
  height: 72px
}
.height_71 {
  height: 71px
}
.height_70 {
  height: 70px
}
.height_69 {
  height: 69px
}
.height_68 {
  height: 68px
}
.height_67 {
  height: 67px
}
.height_66 {
  height: 66px
}
.height_65 {
  height: 65px
}
.height_64 {
  height: 64px
}
.height_63 {
  height: 63px
}
.height_62 {
  height: 62px
}
.height_61 {
  height: 61px
}
.height_60 {
  height: 60px
}
.height_59 {
  height: 59px
}
.height_58 {
  height: 58px
}
.height_57 {
  height: 57px
}
.height_56 {
  height: 56px
}
.height_55 {
  height: 55px
}
.height_54 {
  height: 54px
}
.height_53 {
  height: 53px
}
.height_52 {
  height: 52px
}
.height_51 {
  height: 51px
}
.height_50 {
  height: 50px
}
.height_49 {
  height: 49px
}
.height_48 {
  height: 48px
}
.height_47 {
  height: 47px
}
.height_46 {
  height: 46px
}
.height_45 {
  height: 45px
}
.height_44 {
  height: 44px
}
.height_43 {
  height: 43px
}
.height_42 {
  height: 42px
}
.height_41 {
  height: 41px
}
.height_40 {
  height: 40px
}
.height_39 {
  height: 39px
}
.height_38 {
  height: 38px
}
.height_37 {
  height: 37px
}
.height_36 {
  height: 36px
}
.height_35 {
  height: 35px
}
.height_34 {
  height: 34px
}
.height_33 {
  height: 33px
}
.height_32 {
  height: 32px
}
.height_31 {
  height: 31px
}
.height_30 {
  height: 30px
}
.height_29 {
  height: 29px
}
.height_28 {
  height: 28px
}
.height_27 {
  height: 27px
}
.height_26 {
  height: 26px
}
.height_25 {
  height: 25px
}
.height_24 {
  height: 24px
}
.height_23 {
  height: 23px
}
.height_22 {
  height: 22px
}
.height_21 {
  height: 21px
}
.height_20 {
  height: 20px
}
.width_1 {
  width: 1%
}
.width_2 {
  width: 2%
}
.width_3 {
  width: 3%
}
.width_4 {
  width: 4%
}
.width_5 {
  width: 5%
}
.width_6 {
  width: 6%
}
.width_7 {
  width: 7%
}
.width_8 {
  width: 8%
}
.width_9 {
  width: 9%
}
.width_10 {
  width: 10%
}
.width_11 {
  width: 11%
}
.width_12 {
  width: 12%
}
.width_13 {
  width: 13%
}
.width_14 {
  width: 14%
}
.width_15 {
  width: 15%
}
.width_16 {
  width: 16%
}
.width_17 {
  width: 17%
}
.width_18 {
  width: 18%
}
.width_19 {
  width: 19%
}
.width_20 {
  width: 20%
}
.width_21 {
  width: 21%
}
.width_22 {
  width: 22%
}
.width_23 {
  width: 23%
}
.width_24 {
  width: 24%
}
.width_25 {
  width: 25%
}
.width_26 {
  width: 26%
}
.width_27 {
  width: 27%
}
.width_28 {
  width: 28%
}
.width_29 {
  width: 29%
}
.width_30 {
  width: 30%
}
.width_31 {
  width: 31%
}
.width_32 {
  width: 32%
}
.width_33 {
  width: 33%
}
.width_34 {
  width: 34%
}
.width_35 {
  width: 35%
}
.width_36 {
  width: 36%
}
.width_37 {
  width: 37%
}
.width_38 {
  width: 38%
}
.width_39 {
  width: 39%
}
.width_40 {
  width: 40%
}
.width_41 {
  width: 41%
}
.width_42 {
  width: 42%
}
.width_43 {
  width: 43%
}
.width_44 {
  width: 44%
}
.width_45 {
  width: 45%
}
.width_46 {
  width: 46%
}
.width_47 {
  width: 47%
}
.width_48 {
  width: 48%
}
.width_49 {
  width: 49%
}
.width_50 {
  width: 50%
}
.width_51 {
  width: 51%
}
.width_52 {
  width: 52%
}
.width_53 {
  width: 53%
}
.width_54 {
  width: 54%
}
.width_55 {
  width: 55%
}
.width_56 {
  width: 56%
}
.width_57 {
  width: 57%
}
.width_58 {
  width: 58%
}
.width_59 {
  width: 59%
}
.width_60 {
  width: 60%
}
.width_61 {
  width: 61%
}
.width_62 {
  width: 62%
}
.width_63 {
  width: 63%
}
.width_64 {
  width: 64%
}
.width_65 {
  width: 65%
}
.width_66 {
  width: 66%
}
.width_67 {
  width: 67%
}
.width_68 {
  width: 68%
}
.width_69 {
  width: 69%
}
.width_70 {
  width: 70%
}
.width_71 {
  width: 71%
}
.width_72 {
  width: 72%
}
.width_73 {
  width: 73%
}
.width_74 {
  width: 74%
}
.width_75 {
  width: 75%
}
.width_76 {
  width: 76%
}
.width_77 {
  width: 77%
}
.width_78 {
  width: 78%
}
.width_79 {
  width: 79%
}
.width_80 {
  width: 80%
}
.width_81 {
  width: 81%
}
.width_82 {
  width: 82%
}
.width_83 {
  width: 83%
}
.width_84 {
  width: 84%
}
.width_85 {
  width: 85%
}
.width_86 {
  width: 86%
}
.width_87 {
  width: 87%
}
.width_88 {
  width: 88%
}
.width_89 {
  width: 89%
}
.width_90 {
  width: 90%
}
.width_91 {
  width: 91%
}
.width_92 {
  width: 92%
}
.width_93 {
  width: 93%
}
.width_94 {
  width: 94%
}
.width_95 {
  width: 95%
}
.width_96 {
  width: 96%
}
.width_97 {
  width: 97%
}
.width_98 {
  width: 98%
}
.width_99 {
  width: 99%
}
.width_100 {
  width: 100%
}
.max-width-850 {
  max-width: 850px !important
}
@media (max-width:320px) {
  .max_320_width_1 {
    width: 1%
  }
  .max_320_width_2 {
    width: 2%
  }
  .max_320_width_3 {
    width: 3%
  }
  .max_320_width_4 {
    width: 4%
  }
  .max_320_width_5 {
    width: 5%
  }
  .max_320_width_6 {
    width: 6%
  }
  .max_320_width_7 {
    width: 7%
  }
  .max_320_width_8 {
    width: 8%
  }
  .max_320_width_9 {
    width: 9%
  }
  .max_320_width_10 {
    width: 10%
  }
  .max_320_width_11 {
    width: 11%
  }
  .max_320_width_12 {
    width: 12%
  }
  .max_320_width_13 {
    width: 13%
  }
  .max_320_width_14 {
    width: 14%
  }
  .max_320_width_15 {
    width: 15%
  }
  .max_320_width_16 {
    width: 16%
  }
  .max_320_width_17 {
    width: 17%
  }
  .max_320_width_18 {
    width: 18%
  }
  .max_320_width_19 {
    width: 19%
  }
  .max_320_width_20 {
    width: 20%
  }
  .max_320_width_21 {
    width: 21%
  }
  .max_320_width_22 {
    width: 22%
  }
  .max_320_width_23 {
    width: 23%
  }
  .max_320_width_24 {
    width: 24%
  }
  .max_320_width_25 {
    width: 25%
  }
  .max_320_width_26 {
    width: 26%
  }
  .max_320_width_27 {
    width: 27%
  }
  .max_320_width_28 {
    width: 28%
  }
  .max_320_width_29 {
    width: 29%
  }
  .max_320_width_30 {
    width: 30%
  }
  .max_320_width_31 {
    width: 31%
  }
  .max_320_width_32 {
    width: 32%
  }
  .max_320_width_33 {
    width: 33%
  }
  .max_320_width_34 {
    width: 34%
  }
  .max_320_width_35 {
    width: 35%
  }
  .max_320_width_36 {
    width: 36%
  }
  .max_320_width_37 {
    width: 37%
  }
  .max_320_width_38 {
    width: 38%
  }
  .max_320_width_39 {
    width: 39%
  }
  .max_320_width_40 {
    width: 40%
  }
  .max_320_width_41 {
    width: 41%
  }
  .max_320_width_42 {
    width: 42%
  }
  .max_320_width_43 {
    width: 43%
  }
  .max_320_width_44 {
    width: 44%
  }
  .max_320_width_45 {
    width: 45%
  }
  .max_320_width_46 {
    width: 46%
  }
  .max_320_width_47 {
    width: 47%
  }
  .max_320_width_48 {
    width: 48%
  }
  .max_320_width_49 {
    width: 49%
  }
  .max_320_width_50 {
    width: 50%
  }
  .max_320_width_51 {
    width: 51%
  }
  .max_320_width_52 {
    width: 52%
  }
  .max_320_width_53 {
    width: 53%
  }
  .max_320_width_54 {
    width: 54%
  }
  .max_320_width_55 {
    width: 55%
  }
  .max_320_width_56 {
    width: 56%
  }
  .max_320_width_57 {
    width: 57%
  }
  .max_320_width_58 {
    width: 58%
  }
  .max_320_width_59 {
    width: 59%
  }
  .max_320_width_60 {
    width: 60%
  }
  .max_320_width_61 {
    width: 61%
  }
  .max_320_width_62 {
    width: 62%
  }
  .max_320_width_63 {
    width: 63%
  }
  .max_320_width_64 {
    width: 64%
  }
  .max_320_width_65 {
    width: 65%
  }
  .max_320_width_66 {
    width: 66%
  }
  .max_320_width_67 {
    width: 67%
  }
  .max_320_width_68 {
    width: 68%
  }
  .max_320_width_69 {
    width: 69%
  }
  .max_320_width_70 {
    width: 70%
  }
  .max_320_width_71 {
    width: 71%
  }
  .max_320_width_72 {
    width: 72%
  }
  .max_320_width_73 {
    width: 73%
  }
  .max_320_width_74 {
    width: 74%
  }
  .max_320_width_75 {
    width: 75%
  }
  .max_320_width_76 {
    width: 76%
  }
  .max_320_width_77 {
    width: 77%
  }
  .max_320_width_78 {
    width: 78%
  }
  .max_320_width_79 {
    width: 79%
  }
  .max_320_width_80 {
    width: 80%
  }
  .max_320_width_81 {
    width: 81%
  }
  .max_320_width_82 {
    width: 82%
  }
  .max_320_width_83 {
    width: 83%
  }
  .max_320_width_84 {
    width: 84%
  }
  .max_320_width_85 {
    width: 85%
  }
  .max_320_width_86 {
    width: 86%
  }
  .max_320_width_87 {
    width: 87%
  }
  .max_320_width_88 {
    width: 88%
  }
  .max_320_width_89 {
    width: 89%
  }
  .max_320_width_90 {
    width: 90%
  }
  .max_320_width_91 {
    width: 91%
  }
  .max_320_width_92 {
    width: 92%
  }
  .max_320_width_93 {
    width: 93%
  }
  .max_320_width_94 {
    width: 94%
  }
  .max_320_width_95 {
    width: 95%
  }
  .max_320_width_96 {
    width: 96%
  }
  .max_320_width_97 {
    width: 97%
  }
  .max_320_width_98 {
    width: 98%
  }
  .max_320_width_99 {
    width: 99%
  }
  .max_320_width_100 {
    width: 100%
  }
  .under_320_hidden {
    display: none !important
  }
}
@media (max-width:365px) {
  .max_365_width_1 {
    width: 1%
  }
  .max_365_width_2 {
    width: 2%
  }
  .max_365_width_3 {
    width: 3%
  }
  .max_365_width_4 {
    width: 4%
  }
  .max_365_width_5 {
    width: 5%
  }
  .max_365_width_6 {
    width: 6%
  }
  .max_365_width_7 {
    width: 7%
  }
  .max_365_width_8 {
    width: 8%
  }
  .max_365_width_9 {
    width: 9%
  }
  .max_365_width_10 {
    width: 10%
  }
  .max_365_width_11 {
    width: 11%
  }
  .max_365_width_12 {
    width: 12%
  }
  .max_365_width_13 {
    width: 13%
  }
  .max_365_width_14 {
    width: 14%
  }
  .max_365_width_15 {
    width: 15%
  }
  .max_365_width_16 {
    width: 16%
  }
  .max_365_width_17 {
    width: 17%
  }
  .max_365_width_18 {
    width: 18%
  }
  .max_365_width_19 {
    width: 19%
  }
  .max_365_width_20 {
    width: 20%
  }
  .max_365_width_21 {
    width: 21%
  }
  .max_365_width_22 {
    width: 22%
  }
  .max_365_width_23 {
    width: 23%
  }
  .max_365_width_24 {
    width: 24%
  }
  .max_365_width_25 {
    width: 25%
  }
  .max_365_width_26 {
    width: 26%
  }
  .max_365_width_27 {
    width: 27%
  }
  .max_365_width_28 {
    width: 28%
  }
  .max_365_width_29 {
    width: 29%
  }
  .max_365_width_30 {
    width: 30%
  }
  .max_365_width_31 {
    width: 31%
  }
  .max_365_width_32 {
    width: 32%
  }
  .max_365_width_33 {
    width: 33%
  }
  .max_365_width_34 {
    width: 34%
  }
  .max_365_width_35 {
    width: 35%
  }
  .max_365_width_36 {
    width: 36%
  }
  .max_365_width_37 {
    width: 37%
  }
  .max_365_width_38 {
    width: 38%
  }
  .max_365_width_39 {
    width: 39%
  }
  .max_365_width_40 {
    width: 40%
  }
  .max_365_width_41 {
    width: 41%
  }
  .max_365_width_42 {
    width: 42%
  }
  .max_365_width_43 {
    width: 43%
  }
  .max_365_width_44 {
    width: 44%
  }
  .max_365_width_45 {
    width: 45%
  }
  .max_365_width_46 {
    width: 46%
  }
  .max_365_width_47 {
    width: 47%
  }
  .max_365_width_48 {
    width: 48%
  }
  .max_365_width_49 {
    width: 49%
  }
  .max_365_width_50 {
    width: 50%
  }
  .max_365_width_51 {
    width: 51%
  }
  .max_365_width_52 {
    width: 52%
  }
  .max_365_width_53 {
    width: 53%
  }
  .max_365_width_54 {
    width: 54%
  }
  .max_365_width_55 {
    width: 55%
  }
  .max_365_width_56 {
    width: 56%
  }
  .max_365_width_57 {
    width: 57%
  }
  .max_365_width_58 {
    width: 58%
  }
  .max_365_width_59 {
    width: 59%
  }
  .max_365_width_60 {
    width: 60%
  }
  .max_365_width_61 {
    width: 61%
  }
  .max_365_width_62 {
    width: 62%
  }
  .max_365_width_63 {
    width: 63%
  }
  .max_365_width_64 {
    width: 64%
  }
  .max_365_width_65 {
    width: 65%
  }
  .max_365_width_66 {
    width: 66%
  }
  .max_365_width_67 {
    width: 67%
  }
  .max_365_width_68 {
    width: 68%
  }
  .max_365_width_69 {
    width: 69%
  }
  .max_365_width_70 {
    width: 70%
  }
  .max_365_width_71 {
    width: 71%
  }
  .max_365_width_72 {
    width: 72%
  }
  .max_365_width_73 {
    width: 73%
  }
  .max_365_width_74 {
    width: 74%
  }
  .max_365_width_75 {
    width: 75%
  }
  .max_365_width_76 {
    width: 76%
  }
  .max_365_width_77 {
    width: 77%
  }
  .max_365_width_78 {
    width: 78%
  }
  .max_365_width_79 {
    width: 79%
  }
  .max_365_width_80 {
    width: 80%
  }
  .max_365_width_81 {
    width: 81%
  }
  .max_365_width_82 {
    width: 82%
  }
  .max_365_width_83 {
    width: 83%
  }
  .max_365_width_84 {
    width: 84%
  }
  .max_365_width_85 {
    width: 85%
  }
  .max_365_width_86 {
    width: 86%
  }
  .max_365_width_87 {
    width: 87%
  }
  .max_365_width_88 {
    width: 88%
  }
  .max_365_width_89 {
    width: 89%
  }
  .max_365_width_90 {
    width: 90%
  }
  .max_365_width_91 {
    width: 91%
  }
  .max_365_width_92 {
    width: 92%
  }
  .max_365_width_93 {
    width: 93%
  }
  .max_365_width_94 {
    width: 94%
  }
  .max_365_width_95 {
    width: 95%
  }
  .max_365_width_96 {
    width: 96%
  }
  .max_365_width_97 {
    width: 97%
  }
  .max_365_width_98 {
    width: 98%
  }
  .max_365_width_99 {
    width: 99%
  }
  .max_365_width_100 {
    width: 100%
  }
  .under_365_hidden {
    display: none !important
  }
}
@media (max-width:768px) {
  .max_768_width_1 {
    width: 1%
  }
  .max_768_width_2 {
    width: 2%
  }
  .max_768_width_3 {
    width: 3%
  }
  .max_768_width_4 {
    width: 4%
  }
  .max_768_width_5 {
    width: 5%
  }
  .max_768_width_6 {
    width: 6%
  }
  .max_768_width_7 {
    width: 7%
  }
  .max_768_width_8 {
    width: 8%
  }
  .max_768_width_9 {
    width: 9%
  }
  .max_768_width_10 {
    width: 10%
  }
  .max_768_width_11 {
    width: 11%
  }
  .max_768_width_12 {
    width: 12%
  }
  .max_768_width_13 {
    width: 13%
  }
  .max_768_width_14 {
    width: 14%
  }
  .max_768_width_15 {
    width: 15%
  }
  .max_768_width_16 {
    width: 16%
  }
  .max_768_width_17 {
    width: 17%
  }
  .max_768_width_18 {
    width: 18%
  }
  .max_768_width_19 {
    width: 19%
  }
  .max_768_width_20 {
    width: 20%
  }
  .max_768_width_21 {
    width: 21%
  }
  .max_768_width_22 {
    width: 22%
  }
  .max_768_width_23 {
    width: 23%
  }
  .max_768_width_24 {
    width: 24%
  }
  .max_768_width_25 {
    width: 25%
  }
  .max_768_width_26 {
    width: 26%
  }
  .max_768_width_27 {
    width: 27%
  }
  .max_768_width_28 {
    width: 28%
  }
  .max_768_width_29 {
    width: 29%
  }
  .max_768_width_30 {
    width: 30%
  }
  .max_768_width_31 {
    width: 31%
  }
  .max_768_width_32 {
    width: 32%
  }
  .max_768_width_33 {
    width: 33%
  }
  .max_768_width_34 {
    width: 34%
  }
  .max_768_width_35 {
    width: 35%
  }
  .max_768_width_36 {
    width: 36%
  }
  .max_768_width_37 {
    width: 37%
  }
  .max_768_width_38 {
    width: 38%
  }
  .max_768_width_39 {
    width: 39%
  }
  .max_768_width_40 {
    width: 40%
  }
  .max_768_width_41 {
    width: 41%
  }
  .max_768_width_42 {
    width: 42%
  }
  .max_768_width_43 {
    width: 43%
  }
  .max_768_width_44 {
    width: 44%
  }
  .max_768_width_45 {
    width: 45%
  }
  .max_768_width_46 {
    width: 46%
  }
  .max_768_width_47 {
    width: 47%
  }
  .max_768_width_48 {
    width: 48%
  }
  .max_768_width_49 {
    width: 49%
  }
  .max_768_width_50 {
    width: 50%
  }
  .max_768_width_51 {
    width: 51%
  }
  .max_768_width_52 {
    width: 52%
  }
  .max_768_width_53 {
    width: 53%
  }
  .max_768_width_54 {
    width: 54%
  }
  .max_768_width_55 {
    width: 55%
  }
  .max_768_width_56 {
    width: 56%
  }
  .max_768_width_57 {
    width: 57%
  }
  .max_768_width_58 {
    width: 58%
  }
  .max_768_width_59 {
    width: 59%
  }
  .max_768_width_60 {
    width: 60%
  }
  .max_768_width_61 {
    width: 61%
  }
  .max_768_width_62 {
    width: 62%
  }
  .max_768_width_63 {
    width: 63%
  }
  .max_768_width_64 {
    width: 64%
  }
  .max_768_width_65 {
    width: 65%
  }
  .max_768_width_66 {
    width: 66%
  }
  .max_768_width_67 {
    width: 67%
  }
  .max_768_width_68 {
    width: 68%
  }
  .max_768_width_69 {
    width: 69%
  }
  .max_768_width_70 {
    width: 70%
  }
  .max_768_width_71 {
    width: 71%
  }
  .max_768_width_72 {
    width: 72%
  }
  .max_768_width_73 {
    width: 73%
  }
  .max_768_width_74 {
    width: 74%
  }
  .max_768_width_75 {
    width: 75%
  }
  .max_768_width_76 {
    width: 76%
  }
  .max_768_width_77 {
    width: 77%
  }
  .max_768_width_78 {
    width: 78%
  }
  .max_768_width_79 {
    width: 79%
  }
  .max_768_width_80 {
    width: 80%
  }
  .max_768_width_81 {
    width: 81%
  }
  .max_768_width_82 {
    width: 82%
  }
  .max_768_width_83 {
    width: 83%
  }
  .max_768_width_84 {
    width: 84%
  }
  .max_768_width_85 {
    width: 85%
  }
  .max_768_width_86 {
    width: 86%
  }
  .max_768_width_87 {
    width: 87%
  }
  .max_768_width_88 {
    width: 88%
  }
  .max_768_width_89 {
    width: 89%
  }
  .max_768_width_90 {
    width: 90%
  }
  .max_768_width_91 {
    width: 91%
  }
  .max_768_width_92 {
    width: 92%
  }
  .max_768_width_93 {
    width: 93%
  }
  .max_768_width_94 {
    width: 94%
  }
  .max_768_width_95 {
    width: 95%
  }
  .max_768_width_96 {
    width: 96%
  }
  .max_768_width_97 {
    width: 97%
  }
  .max_768_width_98 {
    width: 98%
  }
  .max_768_width_99 {
    width: 99%
  }
  .max_768_width_100 {
    width: 100%
  }
  .under_768_hidden {
    display: none !important
  }
}
@media (max-width:991px) {
  #custom-app-form .actions_parent {
    position: -webkit-sticky !important;
    position: sticky !important
  }
  .max_991_width_1 {
    width: 1%
  }
  .max_991_width_2 {
    width: 2%
  }
  .max_991_width_3 {
    width: 3%
  }
  .max_991_width_4 {
    width: 4%
  }
  .max_991_width_5 {
    width: 5%
  }
  .max_991_width_6 {
    width: 6%
  }
  .max_991_width_7 {
    width: 7%
  }
  .max_991_width_8 {
    width: 8%
  }
  .max_991_width_9 {
    width: 9%
  }
  .max_991_width_10 {
    width: 10%
  }
  .max_991_width_11 {
    width: 11%
  }
  .max_991_width_12 {
    width: 12%
  }
  .max_991_width_13 {
    width: 13%
  }
  .max_991_width_14 {
    width: 14%
  }
  .max_991_width_15 {
    width: 15%
  }
  .max_991_width_16 {
    width: 16%
  }
  .max_991_width_17 {
    width: 17%
  }
  .max_991_width_18 {
    width: 18%
  }
  .max_991_width_19 {
    width: 19%
  }
  .max_991_width_20 {
    width: 20%
  }
  .max_991_width_21 {
    width: 21%
  }
  .max_991_width_22 {
    width: 22%
  }
  .max_991_width_23 {
    width: 23%
  }
  .max_991_width_24 {
    width: 24%
  }
  .max_991_width_25 {
    width: 25%
  }
  .max_991_width_26 {
    width: 26%
  }
  .max_991_width_27 {
    width: 27%
  }
  .max_991_width_28 {
    width: 28%
  }
  .max_991_width_29 {
    width: 29%
  }
  .max_991_width_30 {
    width: 30%
  }
  .max_991_width_31 {
    width: 31%
  }
  .max_991_width_32 {
    width: 32%
  }
  .max_991_width_33 {
    width: 33%
  }
  .max_991_width_34 {
    width: 34%
  }
  .max_991_width_35 {
    width: 35%
  }
  .max_991_width_36 {
    width: 36%
  }
  .max_991_width_37 {
    width: 37%
  }
  .max_991_width_38 {
    width: 38%
  }
  .max_991_width_39 {
    width: 39%
  }
  .max_991_width_40 {
    width: 40%
  }
  .max_991_width_41 {
    width: 41%
  }
  .max_991_width_42 {
    width: 42%
  }
  .max_991_width_43 {
    width: 43%
  }
  .max_991_width_44 {
    width: 44%
  }
  .max_991_width_45 {
    width: 45%
  }
  .max_991_width_46 {
    width: 46%
  }
  .max_991_width_47 {
    width: 47%
  }
  .max_991_width_48 {
    width: 48%
  }
  .max_991_width_49 {
    width: 49%
  }
  .max_991_width_50 {
    width: 50%
  }
  .max_991_width_51 {
    width: 51%
  }
  .max_991_width_52 {
    width: 52%
  }
  .max_991_width_53 {
    width: 53%
  }
  .max_991_width_54 {
    width: 54%
  }
  .max_991_width_55 {
    width: 55%
  }
  .max_991_width_56 {
    width: 56%
  }
  .max_991_width_57 {
    width: 57%
  }
  .max_991_width_58 {
    width: 58%
  }
  .max_991_width_59 {
    width: 59%
  }
  .max_991_width_60 {
    width: 60%
  }
  .max_991_width_61 {
    width: 61%
  }
  .max_991_width_62 {
    width: 62%
  }
  .max_991_width_63 {
    width: 63%
  }
  .max_991_width_64 {
    width: 64%
  }
  .max_991_width_65 {
    width: 65%
  }
  .max_991_width_66 {
    width: 66%
  }
  .max_991_width_67 {
    width: 67%
  }
  .max_991_width_68 {
    width: 68%
  }
  .max_991_width_69 {
    width: 69%
  }
  .max_991_width_70 {
    width: 70%
  }
  .max_991_width_71 {
    width: 71%
  }
  .max_991_width_72 {
    width: 72%
  }
  .max_991_width_73 {
    width: 73%
  }
  .max_991_width_74 {
    width: 74%
  }
  .max_991_width_75 {
    width: 75%
  }
  .max_991_width_76 {
    width: 76%
  }
  .max_991_width_77 {
    width: 77%
  }
  .max_991_width_78 {
    width: 78%
  }
  .max_991_width_79 {
    width: 79%
  }
  .max_991_width_80 {
    width: 80%
  }
  .max_991_width_81 {
    width: 81%
  }
  .max_991_width_82 {
    width: 82%
  }
  .max_991_width_83 {
    width: 83%
  }
  .max_991_width_84 {
    width: 84%
  }
  .max_991_width_85 {
    width: 85%
  }
  .max_991_width_86 {
    width: 86%
  }
  .max_991_width_87 {
    width: 87%
  }
  .max_991_width_88 {
    width: 88%
  }
  .max_991_width_89 {
    width: 89%
  }
  .max_991_width_90 {
    width: 90%
  }
  .max_991_width_91 {
    width: 91%
  }
  .max_991_width_92 {
    width: 92%
  }
  .max_991_width_93 {
    width: 93%
  }
  .max_991_width_94 {
    width: 94%
  }
  .max_991_width_95 {
    width: 95%
  }
  .max_991_width_96 {
    width: 96%
  }
  .max_991_width_97 {
    width: 97%
  }
  .max_991_width_98 {
    width: 98%
  }
  .max_991_width_99 {
    width: 99%
  }
  .max_991_width_100 {
    width: 100%
  }
  .under_991_hidden {
    display: none !important
  }
}
@media (max-width:1020px) {
  .max_1020_width_1 {
    width: 1%
  }
  .max_1020_width_2 {
    width: 2%
  }
  .max_1020_width_3 {
    width: 3%
  }
  .max_1020_width_4 {
    width: 4%
  }
  .max_1020_width_5 {
    width: 5%
  }
  .max_1020_width_6 {
    width: 6%
  }
  .max_1020_width_7 {
    width: 7%
  }
  .max_1020_width_8 {
    width: 8%
  }
  .max_1020_width_9 {
    width: 9%
  }
  .max_1020_width_10 {
    width: 10%
  }
  .max_1020_width_11 {
    width: 11%
  }
  .max_1020_width_12 {
    width: 12%
  }
  .max_1020_width_13 {
    width: 13%
  }
  .max_1020_width_14 {
    width: 14%
  }
  .max_1020_width_15 {
    width: 15%
  }
  .max_1020_width_16 {
    width: 16%
  }
  .max_1020_width_17 {
    width: 17%
  }
  .max_1020_width_18 {
    width: 18%
  }
  .max_1020_width_19 {
    width: 19%
  }
  .max_1020_width_20 {
    width: 20%
  }
  .max_1020_width_21 {
    width: 21%
  }
  .max_1020_width_22 {
    width: 22%
  }
  .max_1020_width_23 {
    width: 23%
  }
  .max_1020_width_24 {
    width: 24%
  }
  .max_1020_width_25 {
    width: 25%
  }
  .max_1020_width_26 {
    width: 26%
  }
  .max_1020_width_27 {
    width: 27%
  }
  .max_1020_width_28 {
    width: 28%
  }
  .max_1020_width_29 {
    width: 29%
  }
  .max_1020_width_30 {
    width: 30%
  }
  .max_1020_width_31 {
    width: 31%
  }
  .max_1020_width_32 {
    width: 32%
  }
  .max_1020_width_33 {
    width: 33%
  }
  .max_1020_width_34 {
    width: 34%
  }
  .max_1020_width_35 {
    width: 35%
  }
  .max_1020_width_36 {
    width: 36%
  }
  .max_1020_width_37 {
    width: 37%
  }
  .max_1020_width_38 {
    width: 38%
  }
  .max_1020_width_39 {
    width: 39%
  }
  .max_1020_width_40 {
    width: 40%
  }
  .max_1020_width_41 {
    width: 41%
  }
  .max_1020_width_42 {
    width: 42%
  }
  .max_1020_width_43 {
    width: 43%
  }
  .max_1020_width_44 {
    width: 44%
  }
  .max_1020_width_45 {
    width: 45%
  }
  .max_1020_width_46 {
    width: 46%
  }
  .max_1020_width_47 {
    width: 47%
  }
  .max_1020_width_48 {
    width: 48%
  }
  .max_1020_width_49 {
    width: 49%
  }
  .max_1020_width_50 {
    width: 50%
  }
  .max_1020_width_51 {
    width: 51%
  }
  .max_1020_width_52 {
    width: 52%
  }
  .max_1020_width_53 {
    width: 53%
  }
  .max_1020_width_54 {
    width: 54%
  }
  .max_1020_width_55 {
    width: 55%
  }
  .max_1020_width_56 {
    width: 56%
  }
  .max_1020_width_57 {
    width: 57%
  }
  .max_1020_width_58 {
    width: 58%
  }
  .max_1020_width_59 {
    width: 59%
  }
  .max_1020_width_60 {
    width: 60%
  }
  .max_1020_width_61 {
    width: 61%
  }
  .max_1020_width_62 {
    width: 62%
  }
  .max_1020_width_63 {
    width: 63%
  }
  .max_1020_width_64 {
    width: 64%
  }
  .max_1020_width_65 {
    width: 65%
  }
  .max_1020_width_66 {
    width: 66%
  }
  .max_1020_width_67 {
    width: 67%
  }
  .max_1020_width_68 {
    width: 68%
  }
  .max_1020_width_69 {
    width: 69%
  }
  .max_1020_width_70 {
    width: 70%
  }
  .max_1020_width_71 {
    width: 71%
  }
  .max_1020_width_72 {
    width: 72%
  }
  .max_1020_width_73 {
    width: 73%
  }
  .max_1020_width_74 {
    width: 74%
  }
  .max_1020_width_75 {
    width: 75%
  }
  .max_1020_width_76 {
    width: 76%
  }
  .max_1020_width_77 {
    width: 77%
  }
  .max_1020_width_78 {
    width: 78%
  }
  .max_1020_width_79 {
    width: 79%
  }
  .max_1020_width_80 {
    width: 80%
  }
  .max_1020_width_81 {
    width: 81%
  }
  .max_1020_width_82 {
    width: 82%
  }
  .max_1020_width_83 {
    width: 83%
  }
  .max_1020_width_84 {
    width: 84%
  }
  .max_1020_width_85 {
    width: 85%
  }
  .max_1020_width_86 {
    width: 86%
  }
  .max_1020_width_87 {
    width: 87%
  }
  .max_1020_width_88 {
    width: 88%
  }
  .max_1020_width_89 {
    width: 89%
  }
  .max_1020_width_90 {
    width: 90%
  }
  .max_1020_width_91 {
    width: 91%
  }
  .max_1020_width_92 {
    width: 92%
  }
  .max_1020_width_93 {
    width: 93%
  }
  .max_1020_width_94 {
    width: 94%
  }
  .max_1020_width_95 {
    width: 95%
  }
  .max_1020_width_96 {
    width: 96%
  }
  .max_1020_width_97 {
    width: 97%
  }
  .max_1020_width_98 {
    width: 98%
  }
  .max_1020_width_99 {
    width: 99%
  }
  .max_1020_width_100 {
    width: 100%
  }
  .under_1020_hidden {
    display: none !important
  }
}
@media (max-width:710px) {
  .max_710_width_1 {
    width: 1%
  }
  .max_710_width_2 {
    width: 2%
  }
  .max_710_width_3 {
    width: 3%
  }
  .max_710_width_4 {
    width: 4%
  }
  .max_710_width_5 {
    width: 5%
  }
  .max_710_width_6 {
    width: 6%
  }
  .max_710_width_7 {
    width: 7%
  }
  .max_710_width_8 {
    width: 8%
  }
  .max_710_width_9 {
    width: 9%
  }
  .max_710_width_10 {
    width: 10%
  }
  .max_710_width_11 {
    width: 11%
  }
  .max_710_width_12 {
    width: 12%
  }
  .max_710_width_13 {
    width: 13%
  }
  .max_710_width_14 {
    width: 14%
  }
  .max_710_width_15 {
    width: 15%
  }
  .max_710_width_16 {
    width: 16%
  }
  .max_710_width_17 {
    width: 17%
  }
  .max_710_width_18 {
    width: 18%
  }
  .max_710_width_19 {
    width: 19%
  }
  .max_710_width_20 {
    width: 20%
  }
  .max_710_width_21 {
    width: 21%
  }
  .max_710_width_22 {
    width: 22%
  }
  .max_710_width_23 {
    width: 23%
  }
  .max_710_width_24 {
    width: 24%
  }
  .max_710_width_25 {
    width: 25%
  }
  .max_710_width_26 {
    width: 26%
  }
  .max_710_width_27 {
    width: 27%
  }
  .max_710_width_28 {
    width: 28%
  }
  .max_710_width_29 {
    width: 29%
  }
  .max_710_width_30 {
    width: 30%
  }
  .max_710_width_31 {
    width: 31%
  }
  .max_710_width_32 {
    width: 32%
  }
  .max_710_width_33 {
    width: 33%
  }
  .max_710_width_34 {
    width: 34%
  }
  .max_710_width_35 {
    width: 35%
  }
  .max_710_width_36 {
    width: 36%
  }
  .max_710_width_37 {
    width: 37%
  }
  .max_710_width_38 {
    width: 38%
  }
  .max_710_width_39 {
    width: 39%
  }
  .max_710_width_40 {
    width: 40%
  }
  .max_710_width_41 {
    width: 41%
  }
  .max_710_width_42 {
    width: 42%
  }
  .max_710_width_43 {
    width: 43%
  }
  .max_710_width_44 {
    width: 44%
  }
  .max_710_width_45 {
    width: 45%
  }
  .max_710_width_46 {
    width: 46%
  }
  .max_710_width_47 {
    width: 47%
  }
  .max_710_width_48 {
    width: 48%
  }
  .max_710_width_49 {
    width: 49%
  }
  .max_710_width_50 {
    width: 50%
  }
  .max_710_width_51 {
    width: 51%
  }
  .max_710_width_52 {
    width: 52%
  }
  .max_710_width_53 {
    width: 53%
  }
  .max_710_width_54 {
    width: 54%
  }
  .max_710_width_55 {
    width: 55%
  }
  .max_710_width_56 {
    width: 56%
  }
  .max_710_width_57 {
    width: 57%
  }
  .max_710_width_58 {
    width: 58%
  }
  .max_710_width_59 {
    width: 59%
  }
  .max_710_width_60 {
    width: 60%
  }
  .max_710_width_61 {
    width: 61%
  }
  .max_710_width_62 {
    width: 62%
  }
  .max_710_width_63 {
    width: 63%
  }
  .max_710_width_64 {
    width: 64%
  }
  .max_710_width_65 {
    width: 65%
  }
  .max_710_width_66 {
    width: 66%
  }
  .max_710_width_67 {
    width: 67%
  }
  .max_710_width_68 {
    width: 68%
  }
  .max_710_width_69 {
    width: 69%
  }
  .max_710_width_70 {
    width: 70%
  }
  .max_710_width_71 {
    width: 71%
  }
  .max_710_width_72 {
    width: 72%
  }
  .max_710_width_73 {
    width: 73%
  }
  .max_710_width_74 {
    width: 74%
  }
  .max_710_width_75 {
    width: 75%
  }
  .max_710_width_76 {
    width: 76%
  }
  .max_710_width_77 {
    width: 77%
  }
  .max_710_width_78 {
    width: 78%
  }
  .max_710_width_79 {
    width: 79%
  }
  .max_710_width_80 {
    width: 80%
  }
  .max_710_width_81 {
    width: 81%
  }
  .max_710_width_82 {
    width: 82%
  }
  .max_710_width_83 {
    width: 83%
  }
  .max_710_width_84 {
    width: 84%
  }
  .max_710_width_85 {
    width: 85%
  }
  .max_710_width_86 {
    width: 86%
  }
  .max_710_width_87 {
    width: 87%
  }
  .max_710_width_88 {
    width: 88%
  }
  .max_710_width_89 {
    width: 89%
  }
  .max_710_width_90 {
    width: 90%
  }
  .max_710_width_91 {
    width: 91%
  }
  .max_710_width_92 {
    width: 92%
  }
  .max_710_width_93 {
    width: 93%
  }
  .max_710_width_94 {
    width: 94%
  }
  .max_710_width_95 {
    width: 95%
  }
  .max_710_width_96 {
    width: 96%
  }
  .max_710_width_97 {
    width: 97%
  }
  .max_710_width_98 {
    width: 98%
  }
  .max_710_width_99 {
    width: 99%
  }
  .max_710_width_100 {
    width: 100%
  }
  .under_710_hidden {
    display: none !important
  }
}
@media (min-width:321px) {
  .min_321_width_1 {
    width: 1%
  }
  .min_321_width_2 {
    width: 2%
  }
  .min_321_width_3 {
    width: 3%
  }
  .min_321_width_4 {
    width: 4%
  }
  .min_321_width_5 {
    width: 5%
  }
  .min_321_width_6 {
    width: 6%
  }
  .min_321_width_7 {
    width: 7%
  }
  .min_321_width_8 {
    width: 8%
  }
  .min_321_width_9 {
    width: 9%
  }
  .min_321_width_10 {
    width: 10%
  }
  .min_321_width_11 {
    width: 11%
  }
  .min_321_width_12 {
    width: 12%
  }
  .min_321_width_13 {
    width: 13%
  }
  .min_321_width_14 {
    width: 14%
  }
  .min_321_width_15 {
    width: 15%
  }
  .min_321_width_16 {
    width: 16%
  }
  .min_321_width_17 {
    width: 17%
  }
  .min_321_width_18 {
    width: 18%
  }
  .min_321_width_19 {
    width: 19%
  }
  .min_321_width_20 {
    width: 20%
  }
  .min_321_width_21 {
    width: 21%
  }
  .min_321_width_22 {
    width: 22%
  }
  .min_321_width_23 {
    width: 23%
  }
  .min_321_width_24 {
    width: 24%
  }
  .min_321_width_25 {
    width: 25%
  }
  .min_321_width_26 {
    width: 26%
  }
  .min_321_width_27 {
    width: 27%
  }
  .min_321_width_28 {
    width: 28%
  }
  .min_321_width_29 {
    width: 29%
  }
  .min_321_width_30 {
    width: 30%
  }
  .min_321_width_31 {
    width: 31%
  }
  .min_321_width_32 {
    width: 32%
  }
  .min_321_width_33 {
    width: 33%
  }
  .min_321_width_34 {
    width: 34%
  }
  .min_321_width_35 {
    width: 35%
  }
  .min_321_width_36 {
    width: 36%
  }
  .min_321_width_37 {
    width: 37%
  }
  .min_321_width_38 {
    width: 38%
  }
  .min_321_width_39 {
    width: 39%
  }
  .min_321_width_40 {
    width: 40%
  }
  .min_321_width_41 {
    width: 41%
  }
  .min_321_width_42 {
    width: 42%
  }
  .min_321_width_43 {
    width: 43%
  }
  .min_321_width_44 {
    width: 44%
  }
  .min_321_width_45 {
    width: 45%
  }
  .min_321_width_46 {
    width: 46%
  }
  .min_321_width_47 {
    width: 47%
  }
  .min_321_width_48 {
    width: 48%
  }
  .min_321_width_49 {
    width: 49%
  }
  .min_321_width_50 {
    width: 50%
  }
  .min_321_width_51 {
    width: 51%
  }
  .min_321_width_52 {
    width: 52%
  }
  .min_321_width_53 {
    width: 53%
  }
  .min_321_width_54 {
    width: 54%
  }
  .min_321_width_55 {
    width: 55%
  }
  .min_321_width_56 {
    width: 56%
  }
  .min_321_width_57 {
    width: 57%
  }
  .min_321_width_58 {
    width: 58%
  }
  .min_321_width_59 {
    width: 59%
  }
  .min_321_width_60 {
    width: 60%
  }
  .min_321_width_61 {
    width: 61%
  }
  .min_321_width_62 {
    width: 62%
  }
  .min_321_width_63 {
    width: 63%
  }
  .min_321_width_64 {
    width: 64%
  }
  .min_321_width_65 {
    width: 65%
  }
  .min_321_width_66 {
    width: 66%
  }
  .min_321_width_67 {
    width: 67%
  }
  .min_321_width_68 {
    width: 68%
  }
  .min_321_width_69 {
    width: 69%
  }
  .min_321_width_70 {
    width: 70%
  }
  .min_321_width_71 {
    width: 71%
  }
  .min_321_width_72 {
    width: 72%
  }
  .min_321_width_73 {
    width: 73%
  }
  .min_321_width_74 {
    width: 74%
  }
  .min_321_width_75 {
    width: 75%
  }
  .min_321_width_76 {
    width: 76%
  }
  .min_321_width_77 {
    width: 77%
  }
  .min_321_width_78 {
    width: 78%
  }
  .min_321_width_79 {
    width: 79%
  }
  .min_321_width_80 {
    width: 80%
  }
  .min_321_width_81 {
    width: 81%
  }
  .min_321_width_82 {
    width: 82%
  }
  .min_321_width_83 {
    width: 83%
  }
  .min_321_width_84 {
    width: 84%
  }
  .min_321_width_85 {
    width: 85%
  }
  .min_321_width_86 {
    width: 86%
  }
  .min_321_width_87 {
    width: 87%
  }
  .min_321_width_88 {
    width: 88%
  }
  .min_321_width_89 {
    width: 89%
  }
  .min_321_width_90 {
    width: 90%
  }
  .min_321_width_91 {
    width: 91%
  }
  .min_321_width_92 {
    width: 92%
  }
  .min_321_width_93 {
    width: 93%
  }
  .min_321_width_94 {
    width: 94%
  }
  .min_321_width_95 {
    width: 95%
  }
  .min_321_width_96 {
    width: 96%
  }
  .min_321_width_97 {
    width: 97%
  }
  .min_321_width_98 {
    width: 98%
  }
  .min_321_width_99 {
    width: 99%
  }
  .min_321_width_100 {
    width: 100%
  }
  .over_321_hidden {
    display: none
  }
}
@media (min-width:366px) {
  .min_366_width_1 {
    width: 1%
  }
  .min_366_width_2 {
    width: 2%
  }
  .min_366_width_3 {
    width: 3%
  }
  .min_366_width_4 {
    width: 4%
  }
  .min_366_width_5 {
    width: 5%
  }
  .min_366_width_6 {
    width: 6%
  }
  .min_366_width_7 {
    width: 7%
  }
  .min_366_width_8 {
    width: 8%
  }
  .min_366_width_9 {
    width: 9%
  }
  .min_366_width_10 {
    width: 10%
  }
  .min_366_width_11 {
    width: 11%
  }
  .min_366_width_12 {
    width: 12%
  }
  .min_366_width_13 {
    width: 13%
  }
  .min_366_width_14 {
    width: 14%
  }
  .min_366_width_15 {
    width: 15%
  }
  .min_366_width_16 {
    width: 16%
  }
  .min_366_width_17 {
    width: 17%
  }
  .min_366_width_18 {
    width: 18%
  }
  .min_366_width_19 {
    width: 19%
  }
  .min_366_width_20 {
    width: 20%
  }
  .min_366_width_21 {
    width: 21%
  }
  .min_366_width_22 {
    width: 22%
  }
  .min_366_width_23 {
    width: 23%
  }
  .min_366_width_24 {
    width: 24%
  }
  .min_366_width_25 {
    width: 25%
  }
  .min_366_width_26 {
    width: 26%
  }
  .min_366_width_27 {
    width: 27%
  }
  .min_366_width_28 {
    width: 28%
  }
  .min_366_width_29 {
    width: 29%
  }
  .min_366_width_30 {
    width: 30%
  }
  .min_366_width_31 {
    width: 31%
  }
  .min_366_width_32 {
    width: 32%
  }
  .min_366_width_33 {
    width: 33%
  }
  .min_366_width_34 {
    width: 34%
  }
  .min_366_width_35 {
    width: 35%
  }
  .min_366_width_36 {
    width: 36%
  }
  .min_366_width_37 {
    width: 37%
  }
  .min_366_width_38 {
    width: 38%
  }
  .min_366_width_39 {
    width: 39%
  }
  .min_366_width_40 {
    width: 40%
  }
  .min_366_width_41 {
    width: 41%
  }
  .min_366_width_42 {
    width: 42%
  }
  .min_366_width_43 {
    width: 43%
  }
  .min_366_width_44 {
    width: 44%
  }
  .min_366_width_45 {
    width: 45%
  }
  .min_366_width_46 {
    width: 46%
  }
  .min_366_width_47 {
    width: 47%
  }
  .min_366_width_48 {
    width: 48%
  }
  .min_366_width_49 {
    width: 49%
  }
  .min_366_width_50 {
    width: 50%
  }
  .min_366_width_51 {
    width: 51%
  }
  .min_366_width_52 {
    width: 52%
  }
  .min_366_width_53 {
    width: 53%
  }
  .min_366_width_54 {
    width: 54%
  }
  .min_366_width_55 {
    width: 55%
  }
  .min_366_width_56 {
    width: 56%
  }
  .min_366_width_57 {
    width: 57%
  }
  .min_366_width_58 {
    width: 58%
  }
  .min_366_width_59 {
    width: 59%
  }
  .min_366_width_60 {
    width: 60%
  }
  .min_366_width_61 {
    width: 61%
  }
  .min_366_width_62 {
    width: 62%
  }
  .min_366_width_63 {
    width: 63%
  }
  .min_366_width_64 {
    width: 64%
  }
  .min_366_width_65 {
    width: 65%
  }
  .min_366_width_66 {
    width: 66%
  }
  .min_366_width_67 {
    width: 67%
  }
  .min_366_width_68 {
    width: 68%
  }
  .min_366_width_69 {
    width: 69%
  }
  .min_366_width_70 {
    width: 70%
  }
  .min_366_width_71 {
    width: 71%
  }
  .min_366_width_72 {
    width: 72%
  }
  .min_366_width_73 {
    width: 73%
  }
  .min_366_width_74 {
    width: 74%
  }
  .min_366_width_75 {
    width: 75%
  }
  .min_366_width_76 {
    width: 76%
  }
  .min_366_width_77 {
    width: 77%
  }
  .min_366_width_78 {
    width: 78%
  }
  .min_366_width_79 {
    width: 79%
  }
  .min_366_width_80 {
    width: 80%
  }
  .min_366_width_81 {
    width: 81%
  }
  .min_366_width_82 {
    width: 82%
  }
  .min_366_width_83 {
    width: 83%
  }
  .min_366_width_84 {
    width: 84%
  }
  .min_366_width_85 {
    width: 85%
  }
  .min_366_width_86 {
    width: 86%
  }
  .min_366_width_87 {
    width: 87%
  }
  .min_366_width_88 {
    width: 88%
  }
  .min_366_width_89 {
    width: 89%
  }
  .min_366_width_90 {
    width: 90%
  }
  .min_366_width_91 {
    width: 91%
  }
  .min_366_width_92 {
    width: 92%
  }
  .min_366_width_93 {
    width: 93%
  }
  .min_366_width_94 {
    width: 94%
  }
  .min_366_width_95 {
    width: 95%
  }
  .min_366_width_96 {
    width: 96%
  }
  .min_366_width_97 {
    width: 97%
  }
  .min_366_width_98 {
    width: 98%
  }
  .min_366_width_99 {
    width: 99%
  }
  .min_366_width_100 {
    width: 100%
  }
  .over_366_hidden {
    display: none
  }
}
@media (min-width:769px) {
  .min_769_width_1 {
    width: 1%
  }
  .min_769_width_2 {
    width: 2%
  }
  .min_769_width_3 {
    width: 3%
  }
  .min_769_width_4 {
    width: 4%
  }
  .min_769_width_5 {
    width: 5%
  }
  .min_769_width_6 {
    width: 6%
  }
  .min_769_width_7 {
    width: 7%
  }
  .min_769_width_8 {
    width: 8%
  }
  .min_769_width_9 {
    width: 9%
  }
  .min_769_width_10 {
    width: 10%
  }
  .min_769_width_11 {
    width: 11%
  }
  .min_769_width_12 {
    width: 12%
  }
  .min_769_width_13 {
    width: 13%
  }
  .min_769_width_14 {
    width: 14%
  }
  .min_769_width_15 {
    width: 15%
  }
  .min_769_width_16 {
    width: 16%
  }
  .min_769_width_17 {
    width: 17%
  }
  .min_769_width_18 {
    width: 18%
  }
  .min_769_width_19 {
    width: 19%
  }
  .min_769_width_20 {
    width: 20%
  }
  .min_769_width_21 {
    width: 21%
  }
  .min_769_width_22 {
    width: 22%
  }
  .min_769_width_23 {
    width: 23%
  }
  .min_769_width_24 {
    width: 24%
  }
  .min_769_width_25 {
    width: 25%
  }
  .min_769_width_26 {
    width: 26%
  }
  .min_769_width_27 {
    width: 27%
  }
  .min_769_width_28 {
    width: 28%
  }
  .min_769_width_29 {
    width: 29%
  }
  .min_769_width_30 {
    width: 30%
  }
  .min_769_width_31 {
    width: 31%
  }
  .min_769_width_32 {
    width: 32%
  }
  .min_769_width_33 {
    width: 33%
  }
  .min_769_width_34 {
    width: 34%
  }
  .min_769_width_35 {
    width: 35%
  }
  .min_769_width_36 {
    width: 36%
  }
  .min_769_width_37 {
    width: 37%
  }
  .min_769_width_38 {
    width: 38%
  }
  .min_769_width_39 {
    width: 39%
  }
  .min_769_width_40 {
    width: 40%
  }
  .min_769_width_41 {
    width: 41%
  }
  .min_769_width_42 {
    width: 42%
  }
  .min_769_width_43 {
    width: 43%
  }
  .min_769_width_44 {
    width: 44%
  }
  .min_769_width_45 {
    width: 45%
  }
  .min_769_width_46 {
    width: 46%
  }
  .min_769_width_47 {
    width: 47%
  }
  .min_769_width_48 {
    width: 48%
  }
  .min_769_width_49 {
    width: 49%
  }
  .min_769_width_50 {
    width: 50%
  }
  .min_769_width_51 {
    width: 51%
  }
  .min_769_width_52 {
    width: 52%
  }
  .min_769_width_53 {
    width: 53%
  }
  .min_769_width_54 {
    width: 54%
  }
  .min_769_width_55 {
    width: 55%
  }
  .min_769_width_56 {
    width: 56%
  }
  .min_769_width_57 {
    width: 57%
  }
  .min_769_width_58 {
    width: 58%
  }
  .min_769_width_59 {
    width: 59%
  }
  .min_769_width_60 {
    width: 60%
  }
  .min_769_width_61 {
    width: 61%
  }
  .min_769_width_62 {
    width: 62%
  }
  .min_769_width_63 {
    width: 63%
  }
  .min_769_width_64 {
    width: 64%
  }
  .min_769_width_65 {
    width: 65%
  }
  .min_769_width_66 {
    width: 66%
  }
  .min_769_width_67 {
    width: 67%
  }
  .min_769_width_68 {
    width: 68%
  }
  .min_769_width_69 {
    width: 69%
  }
  .min_769_width_70 {
    width: 70%
  }
  .min_769_width_71 {
    width: 71%
  }
  .min_769_width_72 {
    width: 72%
  }
  .min_769_width_73 {
    width: 73%
  }
  .min_769_width_74 {
    width: 74%
  }
  .min_769_width_75 {
    width: 75%
  }
  .min_769_width_76 {
    width: 76%
  }
  .min_769_width_77 {
    width: 77%
  }
  .min_769_width_78 {
    width: 78%
  }
  .min_769_width_79 {
    width: 79%
  }
  .min_769_width_80 {
    width: 80%
  }
  .min_769_width_81 {
    width: 81%
  }
  .min_769_width_82 {
    width: 82%
  }
  .min_769_width_83 {
    width: 83%
  }
  .min_769_width_84 {
    width: 84%
  }
  .min_769_width_85 {
    width: 85%
  }
  .min_769_width_86 {
    width: 86%
  }
  .min_769_width_87 {
    width: 87%
  }
  .min_769_width_88 {
    width: 88%
  }
  .min_769_width_89 {
    width: 89%
  }
  .min_769_width_90 {
    width: 90%
  }
  .min_769_width_91 {
    width: 91%
  }
  .min_769_width_92 {
    width: 92%
  }
  .min_769_width_93 {
    width: 93%
  }
  .min_769_width_94 {
    width: 94%
  }
  .min_769_width_95 {
    width: 95%
  }
  .min_769_width_96 {
    width: 96%
  }
  .min_769_width_97 {
    width: 97%
  }
  .min_769_width_98 {
    width: 98%
  }
  .min_769_width_99 {
    width: 99%
  }
  .min_769_width_100 {
    width: 100%
  }
  .over_769_hidden {
    display: none
  }
}
@media (min-width:992px) {
  .min_992_width_1 {
    width: 1%
  }
  .min_992_width_2 {
    width: 2%
  }
  .min_992_width_3 {
    width: 3%
  }
  .min_992_width_4 {
    width: 4%
  }
  .min_992_width_5 {
    width: 5%
  }
  .min_992_width_6 {
    width: 6%
  }
  .min_992_width_7 {
    width: 7%
  }
  .min_992_width_8 {
    width: 8%
  }
  .min_992_width_9 {
    width: 9%
  }
  .min_992_width_10 {
    width: 10%
  }
  .min_992_width_11 {
    width: 11%
  }
  .min_992_width_12 {
    width: 12%
  }
  .min_992_width_13 {
    width: 13%
  }
  .min_992_width_14 {
    width: 14%
  }
  .min_992_width_15 {
    width: 15%
  }
  .min_992_width_16 {
    width: 16%
  }
  .min_992_width_17 {
    width: 17%
  }
  .min_992_width_18 {
    width: 18%
  }
  .min_992_width_19 {
    width: 19%
  }
  .min_992_width_20 {
    width: 20%
  }
  .min_992_width_21 {
    width: 21%
  }
  .min_992_width_22 {
    width: 22%
  }
  .min_992_width_23 {
    width: 23%
  }
  .min_992_width_24 {
    width: 24%
  }
  .min_992_width_25 {
    width: 25%
  }
  .min_992_width_26 {
    width: 26%
  }
  .min_992_width_27 {
    width: 27%
  }
  .min_992_width_28 {
    width: 28%
  }
  .min_992_width_29 {
    width: 29%
  }
  .min_992_width_30 {
    width: 30%
  }
  .min_992_width_31 {
    width: 31%
  }
  .min_992_width_32 {
    width: 32%
  }
  .min_992_width_33 {
    width: 33%
  }
  .min_992_width_34 {
    width: 34%
  }
  .min_992_width_35 {
    width: 35%
  }
  .min_992_width_36 {
    width: 36%
  }
  .min_992_width_37 {
    width: 37%
  }
  .min_992_width_38 {
    width: 38%
  }
  .min_992_width_39 {
    width: 39%
  }
  .min_992_width_40 {
    width: 40%
  }
  .min_992_width_41 {
    width: 41%
  }
  .min_992_width_42 {
    width: 42%
  }
  .min_992_width_43 {
    width: 43%
  }
  .min_992_width_44 {
    width: 44%
  }
  .min_992_width_45 {
    width: 45%
  }
  .min_992_width_46 {
    width: 46%
  }
  .min_992_width_47 {
    width: 47%
  }
  .min_992_width_48 {
    width: 48%
  }
  .min_992_width_49 {
    width: 49%
  }
  .min_992_width_50 {
    width: 50%
  }
  .min_992_width_51 {
    width: 51%
  }
  .min_992_width_52 {
    width: 52%
  }
  .min_992_width_53 {
    width: 53%
  }
  .min_992_width_54 {
    width: 54%
  }
  .min_992_width_55 {
    width: 55%
  }
  .min_992_width_56 {
    width: 56%
  }
  .min_992_width_57 {
    width: 57%
  }
  .min_992_width_58 {
    width: 58%
  }
  .min_992_width_59 {
    width: 59%
  }
  .min_992_width_60 {
    width: 60%
  }
  .min_992_width_61 {
    width: 61%
  }
  .min_992_width_62 {
    width: 62%
  }
  .min_992_width_63 {
    width: 63%
  }
  .min_992_width_64 {
    width: 64%
  }
  .min_992_width_65 {
    width: 65%
  }
  .min_992_width_66 {
    width: 66%
  }
  .min_992_width_67 {
    width: 67%
  }
  .min_992_width_68 {
    width: 68%
  }
  .min_992_width_69 {
    width: 69%
  }
  .min_992_width_70 {
    width: 70%
  }
  .min_992_width_71 {
    width: 71%
  }
  .min_992_width_72 {
    width: 72%
  }
  .min_992_width_73 {
    width: 73%
  }
  .min_992_width_74 {
    width: 74%
  }
  .min_992_width_75 {
    width: 75%
  }
  .min_992_width_76 {
    width: 76%
  }
  .min_992_width_77 {
    width: 77%
  }
  .min_992_width_78 {
    width: 78%
  }
  .min_992_width_79 {
    width: 79%
  }
  .min_992_width_80 {
    width: 80%
  }
  .min_992_width_81 {
    width: 81%
  }
  .min_992_width_82 {
    width: 82%
  }
  .min_992_width_83 {
    width: 83%
  }
  .min_992_width_84 {
    width: 84%
  }
  .min_992_width_85 {
    width: 85%
  }
  .min_992_width_86 {
    width: 86%
  }
  .min_992_width_87 {
    width: 87%
  }
  .min_992_width_88 {
    width: 88%
  }
  .min_992_width_89 {
    width: 89%
  }
  .min_992_width_90 {
    width: 90%
  }
  .min_992_width_91 {
    width: 91%
  }
  .min_992_width_92 {
    width: 92%
  }
  .min_992_width_93 {
    width: 93%
  }
  .min_992_width_94 {
    width: 94%
  }
  .min_992_width_95 {
    width: 95%
  }
  .min_992_width_96 {
    width: 96%
  }
  .min_992_width_97 {
    width: 97%
  }
  .min_992_width_98 {
    width: 98%
  }
  .min_992_width_99 {
    width: 99%
  }
  .min_992_width_100 {
    width: 100%
  }
  .over_992_hidden {
    display: none
  }
}
@media (min-width:1021px) {
  .min_1021_width_1 {
    width: 1%
  }
  .min_1021_width_2 {
    width: 2%
  }
  .min_1021_width_3 {
    width: 3%
  }
  .min_1021_width_4 {
    width: 4%
  }
  .min_1021_width_5 {
    width: 5%
  }
  .min_1021_width_6 {
    width: 6%
  }
  .min_1021_width_7 {
    width: 7%
  }
  .min_1021_width_8 {
    width: 8%
  }
  .min_1021_width_9 {
    width: 9%
  }
  .min_1021_width_10 {
    width: 10%
  }
  .min_1021_width_11 {
    width: 11%
  }
  .min_1021_width_12 {
    width: 12%
  }
  .min_1021_width_13 {
    width: 13%
  }
  .min_1021_width_14 {
    width: 14%
  }
  .min_1021_width_15 {
    width: 15%
  }
  .min_1021_width_16 {
    width: 16%
  }
  .min_1021_width_17 {
    width: 17%
  }
  .min_1021_width_18 {
    width: 18%
  }
  .min_1021_width_19 {
    width: 19%
  }
  .min_1021_width_20 {
    width: 20%
  }
  .min_1021_width_21 {
    width: 21%
  }
  .min_1021_width_22 {
    width: 22%
  }
  .min_1021_width_23 {
    width: 23%
  }
  .min_1021_width_24 {
    width: 24%
  }
  .min_1021_width_25 {
    width: 25%
  }
  .min_1021_width_26 {
    width: 26%
  }
  .min_1021_width_27 {
    width: 27%
  }
  .min_1021_width_28 {
    width: 28%
  }
  .min_1021_width_29 {
    width: 29%
  }
  .min_1021_width_30 {
    width: 30%
  }
  .min_1021_width_31 {
    width: 31%
  }
  .min_1021_width_32 {
    width: 32%
  }
  .min_1021_width_33 {
    width: 33%
  }
  .min_1021_width_34 {
    width: 34%
  }
  .min_1021_width_35 {
    width: 35%
  }
  .min_1021_width_36 {
    width: 36%
  }
  .min_1021_width_37 {
    width: 37%
  }
  .min_1021_width_38 {
    width: 38%
  }
  .min_1021_width_39 {
    width: 39%
  }
  .min_1021_width_40 {
    width: 40%
  }
  .min_1021_width_41 {
    width: 41%
  }
  .min_1021_width_42 {
    width: 42%
  }
  .min_1021_width_43 {
    width: 43%
  }
  .min_1021_width_44 {
    width: 44%
  }
  .min_1021_width_45 {
    width: 45%
  }
  .min_1021_width_46 {
    width: 46%
  }
  .min_1021_width_47 {
    width: 47%
  }
  .min_1021_width_48 {
    width: 48%
  }
  .min_1021_width_49 {
    width: 49%
  }
  .min_1021_width_50 {
    width: 50%
  }
  .min_1021_width_51 {
    width: 51%
  }
  .min_1021_width_52 {
    width: 52%
  }
  .min_1021_width_53 {
    width: 53%
  }
  .min_1021_width_54 {
    width: 54%
  }
  .min_1021_width_55 {
    width: 55%
  }
  .min_1021_width_56 {
    width: 56%
  }
  .min_1021_width_57 {
    width: 57%
  }
  .min_1021_width_58 {
    width: 58%
  }
  .min_1021_width_59 {
    width: 59%
  }
  .min_1021_width_60 {
    width: 60%
  }
  .min_1021_width_61 {
    width: 61%
  }
  .min_1021_width_62 {
    width: 62%
  }
  .min_1021_width_63 {
    width: 63%
  }
  .min_1021_width_64 {
    width: 64%
  }
  .min_1021_width_65 {
    width: 65%
  }
  .min_1021_width_66 {
    width: 66%
  }
  .min_1021_width_67 {
    width: 67%
  }
  .min_1021_width_68 {
    width: 68%
  }
  .min_1021_width_69 {
    width: 69%
  }
  .min_1021_width_70 {
    width: 70%
  }
  .min_1021_width_71 {
    width: 71%
  }
  .min_1021_width_72 {
    width: 72%
  }
  .min_1021_width_73 {
    width: 73%
  }
  .min_1021_width_74 {
    width: 74%
  }
  .min_1021_width_75 {
    width: 75%
  }
  .min_1021_width_76 {
    width: 76%
  }
  .min_1021_width_77 {
    width: 77%
  }
  .min_1021_width_78 {
    width: 78%
  }
  .min_1021_width_79 {
    width: 79%
  }
  .min_1021_width_80 {
    width: 80%
  }
  .min_1021_width_81 {
    width: 81%
  }
  .min_1021_width_82 {
    width: 82%
  }
  .min_1021_width_83 {
    width: 83%
  }
  .min_1021_width_84 {
    width: 84%
  }
  .min_1021_width_85 {
    width: 85%
  }
  .min_1021_width_86 {
    width: 86%
  }
  .min_1021_width_87 {
    width: 87%
  }
  .min_1021_width_88 {
    width: 88%
  }
  .min_1021_width_89 {
    width: 89%
  }
  .min_1021_width_90 {
    width: 90%
  }
  .min_1021_width_91 {
    width: 91%
  }
  .min_1021_width_92 {
    width: 92%
  }
  .min_1021_width_93 {
    width: 93%
  }
  .min_1021_width_94 {
    width: 94%
  }
  .min_1021_width_95 {
    width: 95%
  }
  .min_1021_width_96 {
    width: 96%
  }
  .min_1021_width_97 {
    width: 97%
  }
  .min_1021_width_98 {
    width: 98%
  }
  .min_1021_width_99 {
    width: 99%
  }
  .min_1021_width_100 {
    width: 100%
  }
  .over_1021_hidden {
    display: none
  }
}
@media (min-width:711px) {
  .min_711_width_1 {
    width: 1%
  }
  .min_711_width_2 {
    width: 2%
  }
  .min_711_width_3 {
    width: 3%
  }
  .min_711_width_4 {
    width: 4%
  }
  .min_711_width_5 {
    width: 5%
  }
  .min_711_width_6 {
    width: 6%
  }
  .min_711_width_7 {
    width: 7%
  }
  .min_711_width_8 {
    width: 8%
  }
  .min_711_width_9 {
    width: 9%
  }
  .min_711_width_10 {
    width: 10%
  }
  .min_711_width_11 {
    width: 11%
  }
  .min_711_width_12 {
    width: 12%
  }
  .min_711_width_13 {
    width: 13%
  }
  .min_711_width_14 {
    width: 14%
  }
  .min_711_width_15 {
    width: 15%
  }
  .min_711_width_16 {
    width: 16%
  }
  .min_711_width_17 {
    width: 17%
  }
  .min_711_width_18 {
    width: 18%
  }
  .min_711_width_19 {
    width: 19%
  }
  .min_711_width_20 {
    width: 20%
  }
  .min_711_width_21 {
    width: 21%
  }
  .min_711_width_22 {
    width: 22%
  }
  .min_711_width_23 {
    width: 23%
  }
  .min_711_width_24 {
    width: 24%
  }
  .min_711_width_25 {
    width: 25%
  }
  .min_711_width_26 {
    width: 26%
  }
  .min_711_width_27 {
    width: 27%
  }
  .min_711_width_28 {
    width: 28%
  }
  .min_711_width_29 {
    width: 29%
  }
  .min_711_width_30 {
    width: 30%
  }
  .min_711_width_31 {
    width: 31%
  }
  .min_711_width_32 {
    width: 32%
  }
  .min_711_width_33 {
    width: 33%
  }
  .min_711_width_34 {
    width: 34%
  }
  .min_711_width_35 {
    width: 35%
  }
  .min_711_width_36 {
    width: 36%
  }
  .min_711_width_37 {
    width: 37%
  }
  .min_711_width_38 {
    width: 38%
  }
  .min_711_width_39 {
    width: 39%
  }
  .min_711_width_40 {
    width: 40%
  }
  .min_711_width_41 {
    width: 41%
  }
  .min_711_width_42 {
    width: 42%
  }
  .min_711_width_43 {
    width: 43%
  }
  .min_711_width_44 {
    width: 44%
  }
  .min_711_width_45 {
    width: 45%
  }
  .min_711_width_46 {
    width: 46%
  }
  .min_711_width_47 {
    width: 47%
  }
  .min_711_width_48 {
    width: 48%
  }
  .min_711_width_49 {
    width: 49%
  }
  .min_711_width_50 {
    width: 50%
  }
  .min_711_width_51 {
    width: 51%
  }
  .min_711_width_52 {
    width: 52%
  }
  .min_711_width_53 {
    width: 53%
  }
  .min_711_width_54 {
    width: 54%
  }
  .min_711_width_55 {
    width: 55%
  }
  .min_711_width_56 {
    width: 56%
  }
  .min_711_width_57 {
    width: 57%
  }
  .min_711_width_58 {
    width: 58%
  }
  .min_711_width_59 {
    width: 59%
  }
  .min_711_width_60 {
    width: 60%
  }
  .min_711_width_61 {
    width: 61%
  }
  .min_711_width_62 {
    width: 62%
  }
  .min_711_width_63 {
    width: 63%
  }
  .min_711_width_64 {
    width: 64%
  }
  .min_711_width_65 {
    width: 65%
  }
  .min_711_width_66 {
    width: 66%
  }
  .min_711_width_67 {
    width: 67%
  }
  .min_711_width_68 {
    width: 68%
  }
  .min_711_width_69 {
    width: 69%
  }
  .min_711_width_70 {
    width: 70%
  }
  .min_711_width_71 {
    width: 71%
  }
  .min_711_width_72 {
    width: 72%
  }
  .min_711_width_73 {
    width: 73%
  }
  .min_711_width_74 {
    width: 74%
  }
  .min_711_width_75 {
    width: 75%
  }
  .min_711_width_76 {
    width: 76%
  }
  .min_711_width_77 {
    width: 77%
  }
  .min_711_width_78 {
    width: 78%
  }
  .min_711_width_79 {
    width: 79%
  }
  .min_711_width_80 {
    width: 80%
  }
  .min_711_width_81 {
    width: 81%
  }
  .min_711_width_82 {
    width: 82%
  }
  .min_711_width_83 {
    width: 83%
  }
  .min_711_width_84 {
    width: 84%
  }
  .min_711_width_85 {
    width: 85%
  }
  .min_711_width_86 {
    width: 86%
  }
  .min_711_width_87 {
    width: 87%
  }
  .min_711_width_88 {
    width: 88%
  }
  .min_711_width_89 {
    width: 89%
  }
  .min_711_width_90 {
    width: 90%
  }
  .min_711_width_91 {
    width: 91%
  }
  .min_711_width_92 {
    width: 92%
  }
  .min_711_width_93 {
    width: 93%
  }
  .min_711_width_94 {
    width: 94%
  }
  .min_711_width_95 {
    width: 95%
  }
  .min_711_width_96 {
    width: 96%
  }
  .min_711_width_97 {
    width: 97%
  }
  .min_711_width_98 {
    width: 98%
  }
  .min_711_width_99 {
    width: 99%
  }
  .min_711_width_100 {
    width: 100%
  }
  .over_711_hidden {
    display: none
  }
}
.vertical-align-baseline {
  vertical-align: baseline !important
}
.vertical-align-top {
  vertical-align: top !important
}
.vertical-align-middle {
  vertical-align: middle !important
}
.vertical-align-bottom {
  vertical-align: bottom !important
}
.vertical-align-text-top {
  vertical-align: text-top !important
}
.vertical-align-text-bottom {
  vertical-align: text-bottom !important
}
[data-error] {
  color: var(--color-content-negative)
}
[data-warning] {
  color: var(--basic_branding)
}
[error-field] {
  border-color: var(--color-border-negative)
}
.error_placeholder {
  border-color: var(--color-border-negative) !important
}
.required {
  display: none;
  color: var(--color-content-negative);
  position: relative;
  font-size: 12px
}
.hidden_label {
  border-left: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  order: 1
}
.disabled, .opacity-05 {
  opacity: .5
}
#show_editor.hand-tool-enabled #screen-editor .mouse-event-widget, #show_editor.hand-tool-enabled #screen-editor .multi-selection-border, #show_editor.hand-tool-enabled #screen-editor .region-border, #show_editor.hand-tool-enabled #screen-editor .screen-canvas, #show_editor.hand-tool-enabled #screen-editor .text-editor, #show_editor.hand-tool-enabled #screen-editor .widget-box, .disable-pointer-events {
  pointer-events: none !important
}
button:disabled {
  cursor: not-allowed !important;
  pointer-events: none
}
input:disabled {
  cursor: not-allowed !important
}
.no-padding {
  padding: 0 !important
}
.overflow-y-hidden {
  overflow-y: hidden !important
}
.overflow-hidden {
  overflow: hidden
}
#completeOrderFormContainer .new-device-container .new-screen-input-field .copy-network.hide-copy-button, #upload-container.has-tasks #upload-list .simplebar-track.simplebar-horizontal, #upload-container.has-uploads #upload-list .simplebar-track.simplebar-horizontal, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .new-screen-input-field .copy-network.hide-copy-button, .empty-state-hidden, .not-visible, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .new-screen-input-field .copy-network.hide-copy-button {
  visibility: hidden !important
}
.is-visible {
  visibility: visible !important
}
.cursor-default {
  cursor: default
}
.cursor-pointer {
  cursor: pointer
}
.pointer-visible {
  pointer-events: visible
}
.display-flex {
  display: flex !important
}
.display-inline-block {
  display: inline-block !important
}
.top_left {
  position: fixed;
  top: 25px;
  left: 25px
}
.uppercased {
  text-transform: uppercase
}
.full-height {
  height: 100%;
  padding-inline: 0
}
.full-width {
  width: 100%
}
.half-width {
  width: 50%
}
.mrg-bottom-16 {
  margin-bottom: 16px
}
.mrg-top-10 {
  margin-top: 10px !important
}
.margin-left-auto {
  margin-left: auto !important
}
.margin-left-16 {
  margin-left: 16px !important
}
.float-right {
  float: right !important
}
.float-left {
  float: left !important
}
.align-self-flex-start {
  align-self: flex-start
}
.align-self-center {
  align-self: center
}
.flex-auto {
  flex: auto !important
}
.blurred_text {
  text-shadow: 0 0 32px #000;
  color: transparent
}
.icon-rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
.icon-rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.icon-rotate-270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg)
}
.centered-fixed-container {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.centered-flex-container {
  display: flex;
  align-items: center;
  justify-content: center
}
.vertical-centered-flex-container {
  display: flex !important;
  align-items: center
}
.horizontal-centered-flex-container {
  display: flex;
  justify-content: center
}
.invisible-with-zero-opacity {
  visibility: hidden;
  opacity: 0
}
.zero-opacity {
  opacity: 0
}
.center-left {
  left: 50%
}
.nowrap {
  white-space: nowrap
}
.text-and-icon {
  display: inline-flex !important;
  align-items: center;
  gap: 8px
}
.overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.flex-row-gap-small {
  display: flex;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px
}
.flex-column-gap-small {
  display: flex;
  flex-direction: column;
  gap: 4px
}
.flex-column-gap-8 {
  display: flex;
  flex-direction: column;
  gap: 8px
}
.flex-column-gap-medium {
  display: flex;
  flex-direction: column;
  gap: 6px
}
.flex-column-gap-large {
  display: flex;
  flex-direction: column;
  gap: 8px
}
.flex-align-start {
  align-items: flex-start
}
.flex-align-center {
  align-items: center
}
.flex-1 {
  flex: 1
}
.strong {
  font-weight: 700
}
.underlined, .underlined-hover:hover {
  text-decoration: underline
}
.italic {
  font-style: italic
}
.left {
  float: left
}
.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.text-center {
  text-align: center
}
.show-view-template-wrapper {
  position: static
}
.revert {
  color: var(--color-content-primary)
}
.design-services-banner, .suggest-new-template-banner {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  text-align: left;
  position: relative;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  padding: 12px 16px
}
.design-services-banner .content-container, .suggest-new-template-banner .content-container {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  row-gap: 16px
}
.design-services-banner img, .suggest-new-template-banner img {
  width: 105px;
  height: 105px;
  -o-object-fit: contain;
  object-fit: contain
}
.design-services-banner .banner-icon, .suggest-new-template-banner .banner-icon {
  background-image: var(--design-services-svg);
  background-repeat: no-repeat;
  width: 105px;
  height: 105px;
  background-color: inherit;
  background-position: center;
  background-size: auto;
  min-width: 105px;
  min-height: 105px
}
.design-services-banner button:focus .button-text, .design-services-banner button:hover .button-text, .suggest-new-template-banner button:focus .button-text, .suggest-new-template-banner button:hover .button-text {
  color: var(--basic_branding)
}
.design-services-banner {
  background: var(--gradient-gift-card)
}
@media (max-width:1024px) and (min-width:559px), (max-width:480px) {
  .design-services-banner, .suggest-new-template-banner {
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column-reverse;
    display: flex;
    row-gap: 16px
  }
  .design-services-banner {
    grid-row: span 3;
    row-gap: 16px
  }
}
.suggest-new-template-banner {
  background: var(--color-background-primary)
}
@media (max-width:991px) {
  #branded-template-gallery-sidebar, #template-galleries, #template-gallery-sidebar {
    margin-top: 36px
  }
  #branded-template-gallery-sidebar .template-gallery-toolbar .template-gallery-title, #template-galleries .template-gallery-toolbar .template-gallery-title, #template-gallery-sidebar .template-gallery-toolbar .template-gallery-title {
    line-height: 40px
  }
}
#branded-template-gallery-sidebar .gallery-filter-tools, #template-galleries .gallery-filter-tools, #template-gallery-sidebar .gallery-filter-tools {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  margin-top: 24px
}
#branded-template-gallery-sidebar .gallery-filter-tools > div, #template-galleries .gallery-filter-tools > div, #template-gallery-sidebar .gallery-filter-tools > div {
  justify-content: normal;
  align-items: center;
  flex-direction: row;
  display: flex
}
#branded-template-gallery-sidebar .gallery-filter-tools .divider, #template-galleries .gallery-filter-tools .divider, #template-gallery-sidebar .gallery-filter-tools .divider {
  border-right: 1px solid var(--color-border-default);
  width: 1px;
  height: 36px
}
#branded-template-gallery-sidebar .template-header-container, #template-galleries .template-header-container, #template-gallery-sidebar .template-header-container {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex
}
#branded-template-gallery-sidebar .template-header-container .template-gallery-header, #template-galleries .template-header-container .template-gallery-header, #template-gallery-sidebar .template-header-container .template-gallery-header {
  margin-top: 24px;
  margin-bottom: 16px
}
#branded-template-gallery-sidebar .template-header-container .template-search-container, #template-galleries .template-header-container .template-search-container, #template-gallery-sidebar .template-header-container .template-search-container {
  background-color: var(--color-background-inverse)
}
#branded-template-gallery-sidebar .template-gallery-toolbar, #template-galleries .template-gallery-toolbar, #template-gallery-sidebar .template-gallery-toolbar {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  position: relative
}
#branded-template-gallery-sidebar .template-gallery-toolbar .template-gallery-title, #template-galleries .template-gallery-toolbar .template-gallery-title, #template-gallery-sidebar .template-gallery-toolbar .template-gallery-title {
  width: 100%;
  color: var(--color-content-primary)
}
#branded-template-gallery-sidebar .template-gallery-toolbar .template-gallery-title-divider, #template-galleries .template-gallery-toolbar .template-gallery-title-divider, #template-gallery-sidebar .template-gallery-toolbar .template-gallery-title-divider {
  margin-top: 12px;
  margin-bottom: 24px;
  border-top: 1px solid #e0e0e0;
  width: 100%;
  height: 1px
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools, #template-galleries .template-gallery-toolbar .gallery-filter-tools, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools {
  height: auto;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px
}
@media (max-width:991px) {
  #branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools, #template-galleries .template-gallery-toolbar .gallery-filter-tools, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools {
    margin-top: 35px
  }
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .create-custom-container, #template-galleries .template-gallery-toolbar .gallery-filter-tools .create-custom-container, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .create-custom-container {
  max-width: 214px;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  display: flex;
  flex-shrink: 0
}
@media (max-width:710px) {
  #branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .create-custom-container, #template-galleries .template-gallery-toolbar .gallery-filter-tools .create-custom-container, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .create-custom-container {
    display: none
  }
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .create-custom-container button img, #template-galleries .template-gallery-toolbar .gallery-filter-tools .create-custom-container button img, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .create-custom-container button img {
  width: 16px;
  height: 16px
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .create-custom-container button i, #template-galleries .template-gallery-toolbar .gallery-filter-tools .create-custom-container button i, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .create-custom-container button i {
  color: var(--color-content-primary)
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .selection + .dropdown-wrapper + .select2-container .select2-dropdown, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .selection + .dropdown-wrapper + .select2-container .select2-dropdown, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .selection + .dropdown-wrapper + .select2-container .select2-dropdown {
  margin-top: -2px;
  border: 1px solid var(--color-border-default);
  border-top: none;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .selection + .dropdown-wrapper + .select2-container .select2-dropdown ul.select2-results__options li .group-option-container, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .selection + .dropdown-wrapper + .select2-container .select2-dropdown ul.select2-results__options li .group-option-container, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .selection + .dropdown-wrapper + .select2-container .select2-dropdown ul.select2-results__options li .group-option-container {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .selection + .dropdown-wrapper + .select2-container .select2-dropdown ul.select2-results__options li .group-option-container .group-option-name, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .selection + .dropdown-wrapper + .select2-container .select2-dropdown ul.select2-results__options li .group-option-container .group-option-name, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .selection + .dropdown-wrapper + .select2-container .select2-dropdown ul.select2-results__options li .group-option-container .group-option-name {
  color: var(--color-content-primary)
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .selection + .dropdown-wrapper + .select2-container .select2-dropdown ul.select2-results__options li .group-option-container .group-option-count, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .selection + .dropdown-wrapper + .select2-container .select2-dropdown ul.select2-results__options li .group-option-container .group-option-count, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .selection + .dropdown-wrapper + .select2-container .select2-dropdown ul.select2-results__options li .group-option-container .group-option-count {
  margin-left: auto;
  color: var(--color-content-tertiary)
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .selection.all-groups-select + .dropdown-wrapper + .select2-container .select2-dropdown, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .selection.all-groups-select + .dropdown-wrapper + .select2-container .select2-dropdown, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .selection.all-groups-select + .dropdown-wrapper + .select2-container .select2-dropdown {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-filter-orientation .select2-selection, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-filter-orientation .select2-selection, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-filter-orientation .select2-selection {
  padding: 4px 4px 4px 16px !important
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-filter-orientation .select2-selection .select2-selection__arrow:before, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-filter-orientation .select2-selection .select2-selection__arrow:before, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-filter-orientation .select2-selection .select2-selection__arrow:before {
  margin: -10 !important
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-filter-orientation > span, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-filter-orientation > span, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-filter-orientation > span {
  min-width: 160px !important
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-filter-orientation > span .select2-selection .select2-selection--single, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-filter-orientation > span .select2-selection .select2-selection--single, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-filter-orientation > span .select2-selection .select2-selection--single {
  padding-right: 38px !important
}
@media (max-width:425px) {
  #branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-filter-orientation, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-filter-orientation, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-filter-orientation {
    width: 50% !important
  }
  #branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-select-container, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container {
    width: 100% !important
  }
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container {
  width: 128px !important
}
@media (max-width:425px) {
  #branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container {
    width: 100% !important
  }
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container:focus, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container:focus, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container:focus {
  border: none !important
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection {
  height: 36px;
  border-radius: 16px;
  border: 1px solid var(--color-border-default) !important;
  background: var(--color-background-inverse);
  width: 128px
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__placeholder, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__placeholder, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__placeholder {
  color: var(--color-content-primary)
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__rendered, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__rendered, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__rendered {
  flex-direction: row-reverse
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container .selected-option-name, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container .selected-option-name, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container .selected-option-name {
  color: var(--color-content-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 115px
}
@media (min-width:370px) and (max-width:380px) {
  #branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container .selected-option-name, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container .selected-option-name, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container .selected-option-name {
    max-width: 80px
  }
}
@media (max-width:370px) {
  #branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container .selected-option-name, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container .selected-option-name, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container .selected-option-name {
    max-width: 50px
  }
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container .selected-option-count, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container .selected-option-count, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container .selected-option-count {
  margin-left: auto;
  color: var(--color-content-tertiary)
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .select2-selection__clear, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .select2-selection__clear, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .select2-selection__clear {
  position: absolute;
  right: 34px;
  margin-right: 0 !important
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__arrow, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__arrow, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__arrow {
  justify-content: flex-end
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__arrow:before, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__arrow:before, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-selection .select2-selection__arrow:before {
  font-size: 18px;
  font-weight: 600
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container.select2-container--open .select2-selection, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container.select2-container--open .select2-selection, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container.select2-container--open .select2-selection {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom: none !important
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-results__options, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-results__options, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-results__options {
  padding: 12px 8px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  overflow-y: scroll;
  max-height: 128px;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 16px
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-results__options .select2-results__option, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-results__options .select2-results__option, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-results__options .select2-results__option {
  padding: 2px 4px
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-results__options .select2-results__option.select2-results__option--highlighted, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-results__options .select2-results__option.select2-results__option--highlighted, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-results__options .select2-results__option.select2-results__option--highlighted {
  border-radius: 4px;
  background: var(--color-background-secondary)
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-results__options::-webkit-scrollbar, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-results__options::-webkit-scrollbar, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-select-container .select2-container .select2-results__options::-webkit-scrollbar {
  width: 5px;
  color: var(--color-background-tertiary)
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-selection, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-selection, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-selection {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  height: 36px;
  color: var(--color-content-primary);
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  flex-shrink: 0;
  white-space: nowrap
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-selection.template-group-selection-active, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-selection.template-group-selection-active, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-selection.template-group-selection-active {
  color: var(--color-background-secondary)
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-selection.absolute_hidden, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-selection.absolute_hidden, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-selection.absolute_hidden {
  position: absolute;
  top: -15000px;
  visibility: hidden
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-selection .template-name, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-selection .template-name, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-selection .template-name {
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-selection .template-name.for-you-pill, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-selection .template-name.for-you-pill, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-selection .template-name.for-you-pill {
  gap: 6px;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-selection .templates-number, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-group-selection .templates-number, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-group-selection .templates-number {
  color: var(--color-content-tertiary);
  flex-shrink: 0
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-groups-container, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-groups-container, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-groups-container {
  flex: 1;
  min-width: 0
}
@media (max-width:425px) {
  #branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-groups-container, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-groups-container, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-groups-container {
    width: 50%
  }
}
#branded-template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-groups-container .template-groups-buttons, #template-galleries .template-gallery-toolbar .gallery-filter-tools .template-groups-container .template-groups-buttons, #template-gallery-sidebar .template-gallery-toolbar .gallery-filter-tools .template-groups-container .template-groups-buttons {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  row-gap: 10px;
  flex-wrap: wrap;
  max-width: 100%;
  margin-right: 30px
}
#branded-template-gallery-sidebar .template-search-key-pill-container, #template-galleries .template-search-key-pill-container, #template-gallery-sidebar .template-search-key-pill-container {
  margin-top: 24px;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex
}
#branded-template-gallery-sidebar .template-search-key-pill-container > div, #template-galleries .template-search-key-pill-container > div, #template-gallery-sidebar .template-search-key-pill-container > div {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  min-height: 34px;
  border-radius: 8px;
  background-color: var(--color-brand-subtle);
  padding: 8px;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px
}
#branded-template-gallery-sidebar .template-search-key-pill-container > div .tmpl-search-key-text, #template-galleries .template-search-key-pill-container > div .tmpl-search-key-text, #template-gallery-sidebar .template-search-key-pill-container > div .tmpl-search-key-text {
  white-space: pre-wrap;
  max-width: 280px;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--color-content-primary)
}
#branded-template-gallery-sidebar .template-search-key-pill-container > div .clear-search-pill, #template-galleries .template-search-key-pill-container > div .clear-search-pill, #template-gallery-sidebar .template-search-key-pill-container > div .clear-search-pill {
  color: var(--color-content-tertiary);
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
#branded-template-gallery-sidebar .template-search-key-pill-container > div .clear-search-pill i, #template-galleries .template-search-key-pill-container > div .clear-search-pill i, #template-gallery-sidebar .template-search-key-pill-container > div .clear-search-pill i {
  line-height: 20px;
  cursor: pointer
}
#branded-template-gallery-sidebar .no-results-container, #branded-template-gallery-sidebar .no-specified-category-results-container, #template-galleries .no-results-container, #template-galleries .no-specified-category-results-container, #template-gallery-sidebar .no-results-container, #template-gallery-sidebar .no-specified-category-results-container {
  min-height: 300px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  gap: 16px;
  text-align: center;
  margin-top: 16px
}
#branded-template-gallery-sidebar .no-results-suggestion, #template-galleries .no-results-suggestion, #template-gallery-sidebar .no-results-suggestion {
  color: var(--color-content-secondary)
}
#branded-template-gallery-sidebar .no-results-image, #template-galleries .no-results-image, #template-gallery-sidebar .no-results-image {
  max-height: 207px;
  padding: 16px
}
#branded-template-gallery-sidebar .layout-cards, #template-galleries .layout-cards, #template-gallery-sidebar .layout-cards {
  padding-right: 0;
  position: relative;
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(auto-fill, 273px);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-auto-flow: dense;
  height: 100% !important;
  grid-auto-rows: 152px
}
#branded-template-gallery-sidebar .layout-cards.template-cards, #template-galleries .layout-cards.template-cards, #template-gallery-sidebar .layout-cards.template-cards {
  justify-content: center
}
#branded-template-gallery-sidebar .layout-cards .template_column.horizontal_col, #template-galleries .layout-cards .template_column.horizontal_col, #template-gallery-sidebar .layout-cards .template_column.horizontal_col {
  grid-column: span 1;
  grid-row: span 1
}
#branded-template-gallery-sidebar .layout-cards .template_column.vertical_col, #template-galleries .layout-cards .template_column.vertical_col, #template-gallery-sidebar .layout-cards .template_column.vertical_col {
  grid-column: span 1;
  grid-row: span 3
}
#branded-template-gallery-sidebar .layout-cards .template-card, #template-galleries .layout-cards .template-card, #template-gallery-sidebar .layout-cards .template-card {
  cursor: pointer;
  position: relative;
  height: 100%;
  border-radius: 4px;
  border: 1.5px solid var(--color-border-default);
  overflow: hidden
}
#branded-template-gallery-sidebar .layout-cards .template-card:hover, #template-galleries .layout-cards .template-card:hover, #template-gallery-sidebar .layout-cards .template-card:hover {
  transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1), -webkit-transform .6s cubic-bezier(.165, .84, .44, 1)
}
#branded-template-gallery-sidebar .layout-cards .template-card.empty-selection, #template-galleries .layout-cards .template-card.empty-selection, #template-gallery-sidebar .layout-cards .template-card.empty-selection {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-background-inverse)
}
#branded-template-gallery-sidebar .layout-cards .template-card.empty-selection .template-portrait-thumbnail, #branded-template-gallery-sidebar .layout-cards .template-card.empty-selection .template-thumbnail, #template-galleries .layout-cards .template-card.empty-selection .template-portrait-thumbnail, #template-galleries .layout-cards .template-card.empty-selection .template-thumbnail, #template-gallery-sidebar .layout-cards .template-card.empty-selection .template-portrait-thumbnail, #template-gallery-sidebar .layout-cards .template-card.empty-selection .template-thumbnail {
  flex-direction: column;
  row-gap: 16px
}
#branded-template-gallery-sidebar .layout-cards .template-card.empty-selection .template-portrait-thumbnail img, #branded-template-gallery-sidebar .layout-cards .template-card.empty-selection .template-thumbnail img, #template-galleries .layout-cards .template-card.empty-selection .template-portrait-thumbnail img, #template-galleries .layout-cards .template-card.empty-selection .template-thumbnail img, #template-gallery-sidebar .layout-cards .template-card.empty-selection .template-portrait-thumbnail img, #template-gallery-sidebar .layout-cards .template-card.empty-selection .template-thumbnail img {
  height: 50px
}
#branded-template-gallery-sidebar .layout-cards .template-card.empty-selection .template-portrait-thumbnail .empty-selection-text, #branded-template-gallery-sidebar .layout-cards .template-card.empty-selection .template-thumbnail .empty-selection-text, #template-galleries .layout-cards .template-card.empty-selection .template-portrait-thumbnail .empty-selection-text, #template-galleries .layout-cards .template-card.empty-selection .template-thumbnail .empty-selection-text, #template-gallery-sidebar .layout-cards .template-card.empty-selection .template-portrait-thumbnail .empty-selection-text, #template-gallery-sidebar .layout-cards .template-card.empty-selection .template-thumbnail .empty-selection-text {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
#branded-template-gallery-sidebar .layout-cards .template-card.empty-selection-portrait, #template-galleries .layout-cards .template-card.empty-selection-portrait, #template-gallery-sidebar .layout-cards .template-card.empty-selection-portrait {
  height: 320px;
  width: 180px;
  overflow: inherit
}
#branded-template-gallery-sidebar .layout-cards .template-card .template-thumbnail, #template-galleries .layout-cards .template-card .template-thumbnail, #template-gallery-sidebar .layout-cards .template-card .template-thumbnail {
  height: 152px !important
}
#branded-template-gallery-sidebar .layout-cards .template-card .template-portrait-thumbnail, #branded-template-gallery-sidebar .layout-cards .template-card .template-thumbnail, #template-galleries .layout-cards .template-card .template-portrait-thumbnail, #template-galleries .layout-cards .template-card .template-thumbnail, #template-gallery-sidebar .layout-cards .template-card .template-portrait-thumbnail, #template-gallery-sidebar .layout-cards .template-card .template-thumbnail {
  height: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  border: var(--border);
  position: relative
}
#branded-template-gallery-sidebar .layout-cards .template-card .template-portrait-thumbnail .hover-overlay, #branded-template-gallery-sidebar .layout-cards .template-card .template-thumbnail .hover-overlay, #template-galleries .layout-cards .template-card .template-portrait-thumbnail .hover-overlay, #template-galleries .layout-cards .template-card .template-thumbnail .hover-overlay, #template-gallery-sidebar .layout-cards .template-card .template-portrait-thumbnail .hover-overlay, #template-gallery-sidebar .layout-cards .template-card .template-thumbnail .hover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, .3));
  display: none;
  color: #fff;
  box-sizing: border-box;
  text-align: center
}
#branded-template-gallery-sidebar .layout-cards .template-card .template-portrait-thumbnail:hover .hover-overlay, #branded-template-gallery-sidebar .layout-cards .template-card .template-thumbnail:hover .hover-overlay, #template-galleries .layout-cards .template-card .template-portrait-thumbnail:hover .hover-overlay, #template-galleries .layout-cards .template-card .template-thumbnail:hover .hover-overlay, #template-gallery-sidebar .layout-cards .template-card .template-portrait-thumbnail:hover .hover-overlay, #template-gallery-sidebar .layout-cards .template-card .template-thumbnail:hover .hover-overlay {
  justify-content: center;
  align-items: self-end;
  flex-direction: row;
  display: flex
}
#branded-template-gallery-sidebar .layout-cards .template-card .template-portrait-thumbnail .hover-text, #branded-template-gallery-sidebar .layout-cards .template-card .template-thumbnail .hover-text, #template-galleries .layout-cards .template-card .template-portrait-thumbnail .hover-text, #template-galleries .layout-cards .template-card .template-thumbnail .hover-text, #template-gallery-sidebar .layout-cards .template-card .template-portrait-thumbnail .hover-text, #template-gallery-sidebar .layout-cards .template-card .template-thumbnail .hover-text {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  padding: 0 8px
}
#branded-template-gallery-sidebar .layout-cards .template-card .template-portrait-thumbnail .new-template-tag, #branded-template-gallery-sidebar .layout-cards .template-card .template-thumbnail .new-template-tag, #template-galleries .layout-cards .template-card .template-portrait-thumbnail .new-template-tag, #template-galleries .layout-cards .template-card .template-thumbnail .new-template-tag, #template-gallery-sidebar .layout-cards .template-card .template-portrait-thumbnail .new-template-tag, #template-gallery-sidebar .layout-cards .template-card .template-thumbnail .new-template-tag {
  display: block;
  float: right;
  position: absolute;
  right: 0;
  top: 0;
  background-color: var(--basic_branding);
  padding: 6px 12px;
  color: var(--color-background-inverse);
  border-bottom-left-radius: 8px
}
#branded-template-gallery-sidebar .layout-cards .template-card .template-portrait-thumbnail .dots-label, #branded-template-gallery-sidebar .layout-cards .template-card .template-thumbnail .dots-label, #template-galleries .layout-cards .template-card .template-portrait-thumbnail .dots-label, #template-galleries .layout-cards .template-card .template-thumbnail .dots-label, #template-gallery-sidebar .layout-cards .template-card .template-portrait-thumbnail .dots-label, #template-gallery-sidebar .layout-cards .template-card .template-thumbnail .dots-label {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  gap: 4px;
  padding: 6px;
  background-color: var(--color-background-tertiary);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  z-index: 8
}
#branded-template-gallery-sidebar .layout-cards .template-card .template-portrait-thumbnail .dots-label .dot, #branded-template-gallery-sidebar .layout-cards .template-card .template-thumbnail .dots-label .dot, #template-galleries .layout-cards .template-card .template-portrait-thumbnail .dots-label .dot, #template-galleries .layout-cards .template-card .template-thumbnail .dots-label .dot, #template-gallery-sidebar .layout-cards .template-card .template-portrait-thumbnail .dots-label .dot, #template-gallery-sidebar .layout-cards .template-card .template-thumbnail .dots-label .dot {
  width: 2px;
  height: 2px;
  background-color: var(--color-content-primary);
  border-radius: 50%;
  z-index: 9
}
#branded-template-gallery-sidebar .layout-cards .template-card .template-portrait-thumbnail .dropdown-menu, #branded-template-gallery-sidebar .layout-cards .template-card .template-thumbnail .dropdown-menu, #template-galleries .layout-cards .template-card .template-portrait-thumbnail .dropdown-menu, #template-galleries .layout-cards .template-card .template-thumbnail .dropdown-menu, #template-gallery-sidebar .layout-cards .template-card .template-portrait-thumbnail .dropdown-menu, #template-gallery-sidebar .layout-cards .template-card .template-thumbnail .dropdown-menu {
  position: absolute;
  top: 20px;
  background-color: var(--color-background-primary);
  box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
  border-radius: 8px;
  z-index: 1000;
  text-align: left;
  left: 50%
}
#branded-template-gallery-sidebar .layout-cards .template-card .template-portrait-thumbnail .branded-template-status, #branded-template-gallery-sidebar .layout-cards .template-card .template-thumbnail .branded-template-status, #template-galleries .layout-cards .template-card .template-portrait-thumbnail .branded-template-status, #template-galleries .layout-cards .template-card .template-thumbnail .branded-template-status, #template-gallery-sidebar .layout-cards .template-card .template-portrait-thumbnail .branded-template-status, #template-gallery-sidebar .layout-cards .template-card .template-thumbnail .branded-template-status {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: var(--color-content-primary);
  color: var(--color-content-inverse);
  font-size: 14px;
  border-radius: 20px;
  font-weight: 700;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 24px;
  height: 24px;
  padding: 8px;
  z-index: 1000000000
}
#branded-template-gallery-sidebar .layout-cards .template-card .template-portrait-thumbnail .branded-template-status.draft-status::before, #branded-template-gallery-sidebar .layout-cards .template-card .template-thumbnail .branded-template-status.draft-status::before, #template-galleries .layout-cards .template-card .template-portrait-thumbnail .branded-template-status.draft-status::before, #template-galleries .layout-cards .template-card .template-thumbnail .branded-template-status.draft-status::before, #template-gallery-sidebar .layout-cards .template-card .template-portrait-thumbnail .branded-template-status.draft-status::before, #template-gallery-sidebar .layout-cards .template-card .template-thumbnail .branded-template-status.draft-status::before {
  background-color: var(--color-border-section)
}
#branded-template-gallery-sidebar .layout-cards .template-card .template-portrait-thumbnail .branded-template-status.published-status::before, #branded-template-gallery-sidebar .layout-cards .template-card .template-thumbnail .branded-template-status.published-status::before, #template-galleries .layout-cards .template-card .template-portrait-thumbnail .branded-template-status.published-status::before, #template-galleries .layout-cards .template-card .template-thumbnail .branded-template-status.published-status::before, #template-gallery-sidebar .layout-cards .template-card .template-portrait-thumbnail .branded-template-status.published-status::before, #template-gallery-sidebar .layout-cards .template-card .template-thumbnail .branded-template-status.published-status::before {
  background-color: var(--color-content-positive)
}
#branded-template-gallery-sidebar .layout-cards .template-card .template-portrait-thumbnail .branded-template-status::before, #branded-template-gallery-sidebar .layout-cards .template-card .template-thumbnail .branded-template-status::before, #template-galleries .layout-cards .template-card .template-portrait-thumbnail .branded-template-status::before, #template-galleries .layout-cards .template-card .template-thumbnail .branded-template-status::before, #template-gallery-sidebar .layout-cards .template-card .template-portrait-thumbnail .branded-template-status::before, #template-gallery-sidebar .layout-cards .template-card .template-thumbnail .branded-template-status::before {
  content: '';
  position: absolute;
  left: 7px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%
}
#branded-template-gallery-sidebar .layout-cards .template-card img, #template-galleries .layout-cards .template-card img, #template-gallery-sidebar .layout-cards .template-card img {
  max-width: 100%;
  height: 100%
}
#branded-template-gallery-sidebar .create-custom-container-responsive, #template-galleries .create-custom-container-responsive, #template-gallery-sidebar .create-custom-container-responsive {
  padding-top: 16px;
  padding-bottom: 16px;
  width: 100%;
  bottom: 0;
  left: 0;
  position: fixed;
  background-color: var(--color-background-primary);
  justify-content: center;
  align-items: center;
  flex-direction: row;
  box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  display: none
}
#branded-template-gallery-sidebar .create-custom-container-responsive button i, #template-galleries .create-custom-container-responsive button i, #template-gallery-sidebar .create-custom-container-responsive button i {
  color: var(--color-content-primary);
  font-size: 16px
}
#branded-template-gallery-sidebar .create-custom-container-responsive button img, #template-galleries .create-custom-container-responsive button img, #template-gallery-sidebar .create-custom-container-responsive button img {
  width: 16px;
  height: 16px
}
@media (max-width:710px) {
  #branded-template-gallery-sidebar .create-custom-container-responsive, #template-galleries .create-custom-container-responsive, #template-gallery-sidebar .create-custom-container-responsive {
    display: flex
  }
  #branded-template-gallery-sidebar .template-group-selection:not(.absolute_hidden), #template-galleries .template-group-selection:not(.absolute_hidden), #template-gallery-sidebar .template-group-selection:not(.absolute_hidden) {
    display: none
  }
  #branded-template-gallery-sidebar .template-group-select-container .select2-container, #template-galleries .template-group-select-container .select2-container, #template-gallery-sidebar .template-group-select-container .select2-container {
    display: block !important
  }
  #branded-template-gallery-sidebar #template-group + .select2 .selection.all-groups-select, #template-galleries #template-group + .select2 .selection.all-groups-select, #template-gallery-sidebar #template-group + .select2 .selection.all-groups-select {
    display: block
  }
}
@media (min-width:992px) {
  #branded-template-gallery-sidebar .template-search-container .responsive-magnifying-glass, #template-galleries .template-search-container .responsive-magnifying-glass, #template-gallery-sidebar .template-search-container .responsive-magnifying-glass {
    background-color: var(--color-brand-subtle);
    display: none
  }
  #branded-template-gallery-sidebar .template-search-container .clear_search + .search_magnifying_glass, #branded-template-gallery-sidebar .template-search-container .input-dropdown-container, #template-galleries .template-search-container .clear_search + .search_magnifying_glass, #template-galleries .template-search-container .input-dropdown-container, #template-gallery-sidebar .template-search-container .clear_search + .search_magnifying_glass, #template-gallery-sidebar .template-search-container .input-dropdown-container {
    display: block
  }
}
@media (max-width:710px) {
  #branded-template-gallery-sidebar .template-group-selection, #template-galleries .template-group-selection, #template-gallery-sidebar .template-group-selection {
    display: none !important
  }
  #branded-template-gallery-sidebar #template-group + .select2 .selection.all-groups-select, #branded-template-gallery-sidebar .template-group-select-container, #branded-template-gallery-sidebar .template-group-select-container .select2-container, #template-galleries #template-group + .select2 .selection.all-groups-select, #template-galleries .template-group-select-container, #template-galleries .template-group-select-container .select2-container, #template-gallery-sidebar #template-group + .select2 .selection.all-groups-select, #template-gallery-sidebar .template-group-select-container, #template-gallery-sidebar .template-group-select-container .select2-container {
    display: block !important
  }
}
#branded-template-gallery-sidebar .template-search-container, #template-galleries .template-search-container, #template-gallery-sidebar .template-search-container {
  position: relative;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  background: var(--color-background-inverse);
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  padding: 8px 12px;
  width: 100%;
  max-width: 400px
}
#branded-template-gallery-sidebar .template-search-container .search_magnifying_glass, #template-galleries .template-search-container .search_magnifying_glass, #template-gallery-sidebar .template-search-container .search_magnifying_glass {
  color: var(--color-content-tertiary);
  margin-right: 8px
}
#branded-template-gallery-sidebar .template-search-container .input-dropdown-container, #template-galleries .template-search-container .input-dropdown-container, #template-gallery-sidebar .template-search-container .input-dropdown-container {
  position: relative;
  width: 100%
}
#branded-template-gallery-sidebar .template-search-container .input-dropdown-container input, #template-galleries .template-search-container .input-dropdown-container input, #template-gallery-sidebar .template-search-container .input-dropdown-container input {
  width: 100%;
  border: none;
  outline: 0;
  background: 0 0;
  padding: 0;
  font-size: 14px;
  color: var(--color-content-primary)
}
#branded-template-gallery-sidebar .template-search-container .input-dropdown-container input::-webkit-input-placeholder, #template-galleries .template-search-container .input-dropdown-container input::-webkit-input-placeholder, #template-gallery-sidebar .template-search-container .input-dropdown-container input::-webkit-input-placeholder {
  color: var(--color-content-tertiary)
}
#branded-template-gallery-sidebar .template-search-container .input-dropdown-container input::-moz-placeholder, #template-galleries .template-search-container .input-dropdown-container input::-moz-placeholder, #template-gallery-sidebar .template-search-container .input-dropdown-container input::-moz-placeholder {
  color: var(--color-content-tertiary)
}
#branded-template-gallery-sidebar .template-search-container .input-dropdown-container input::-ms-input-placeholder, #template-galleries .template-search-container .input-dropdown-container input::-ms-input-placeholder, #template-gallery-sidebar .template-search-container .input-dropdown-container input::-ms-input-placeholder {
  color: var(--color-content-tertiary)
}
#branded-template-gallery-sidebar .template-search-container .input-dropdown-container input::placeholder, #template-galleries .template-search-container .input-dropdown-container input::placeholder, #template-gallery-sidebar .template-search-container .input-dropdown-container input::placeholder {
  color: var(--color-content-tertiary)
}
#branded-template-gallery-sidebar .template-search-container .clear_search:after, #template-galleries .template-search-container .clear_search:after, #template-gallery-sidebar .template-search-container .clear_search:after {
  margin: 2px auto 0 0 !important;
  border-radius: none !important;
  background-color: transparent !important;
  visibility: visible !important
}
#branded-template-gallery-sidebar .template-search-container .clear_search:hover::after, #template-galleries .template-search-container .clear_search:hover::after, #template-gallery-sidebar .template-search-container .clear_search:hover::after {
  background-color: transparent !important
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container, #template-galleries .tmpl-search-dropdown-container, #template-gallery-sidebar .tmpl-search-dropdown-container {
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  left: -12px;
  right: -12px;
  z-index: 1000;
  background: var(--color-background-inverse);
  border-radius: 12px;
  border: 1px solid var(--color-border-default);
  overflow: hidden;
  min-width: 400px
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container.visible, #template-galleries .tmpl-search-dropdown-container.visible, #template-gallery-sidebar .tmpl-search-dropdown-container.visible {
  display: block
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .search-filters-container .filter-tabs, #template-galleries .tmpl-search-dropdown-container .search-filters-container .filter-tabs, #template-gallery-sidebar .tmpl-search-dropdown-container .search-filters-container .filter-tabs {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 8px
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .search-filters-container .filter-tabs .filter-tab, #template-galleries .tmpl-search-dropdown-container .search-filters-container .filter-tabs .filter-tab, #template-gallery-sidebar .tmpl-search-dropdown-container .search-filters-container .filter-tabs .filter-tab {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 8px;
  padding: 0 8px 8px 12px;
  cursor: pointer;
  transition: all .2s ease;
  margin-bottom: -1px;
  border: 1px solid transparent;
  z-index: 10000
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .search-filters-container .filter-tabs .filter-tab.active, #template-galleries .tmpl-search-dropdown-container .search-filters-container .filter-tabs .filter-tab.active, #template-gallery-sidebar .tmpl-search-dropdown-container .search-filters-container .filter-tabs .filter-tab.active {
  border-bottom: 1px solid var(--basic_branding);
  color: var(--basic_branding)
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .search-filters-container .filter-tabs .filter-tab .filter-name, #template-galleries .tmpl-search-dropdown-container .search-filters-container .filter-tabs .filter-tab .filter-name, #template-gallery-sidebar .tmpl-search-dropdown-container .search-filters-container .filter-tabs .filter-tab .filter-name {
  font-weight: 500;
  font-size: 14px
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .results-container, #template-galleries .tmpl-search-dropdown-container .results-container, #template-gallery-sidebar .tmpl-search-dropdown-container .results-container {
  max-height: 300px;
  overflow-y: auto
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .results-container.hidden, #template-galleries .tmpl-search-dropdown-container .results-container.hidden, #template-gallery-sidebar .tmpl-search-dropdown-container .results-container.hidden {
  display: none
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .results-container .results-content, #template-galleries .tmpl-search-dropdown-container .results-container .results-content, #template-gallery-sidebar .tmpl-search-dropdown-container .results-container .results-content {
  padding: 6px
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .results-container .results-content .category-result-item, #template-galleries .tmpl-search-dropdown-container .results-container .results-content .category-result-item, #template-gallery-sidebar .tmpl-search-dropdown-container .results-container .results-content .category-result-item {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  padding: 12px 16px;
  cursor: pointer;
  border-bottom: 1px solid var(--color-background-secondary);
  transition: background-color .2s ease;
  height: 52px
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-content .history-item:last-child, #branded-template-gallery-sidebar .tmpl-search-dropdown-container .results-container .results-content .category-result-item:last-child, #template-galleries .tmpl-search-dropdown-container .history-container .history-content .history-item:last-child, #template-galleries .tmpl-search-dropdown-container .results-container .results-content .category-result-item:last-child, #template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-content .history-item:last-child, #template-gallery-sidebar .tmpl-search-dropdown-container .results-container .results-content .category-result-item:last-child {
  border-bottom: none
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .results-container .results-content .category-result-item:hover, #template-galleries .tmpl-search-dropdown-container .results-container .results-content .category-result-item:hover, #template-gallery-sidebar .tmpl-search-dropdown-container .results-container .results-content .category-result-item:hover {
  background: var(--color-background-secondary);
  border-radius: 8px
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .results-container .results-content .category-result-item .category-count, #template-galleries .tmpl-search-dropdown-container .results-container .results-content .category-result-item .category-count, #template-gallery-sidebar .tmpl-search-dropdown-container .results-container .results-content .category-result-item .category-count {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 22px;
  padding: 0 4px;
  border-radius: 4px;
  height: 20px;
  background: var(--color-background-notice-subtle)
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .results-container .results-footer, #template-galleries .tmpl-search-dropdown-container .results-container .results-footer, #template-gallery-sidebar .tmpl-search-dropdown-container .results-container .results-footer {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  color: var(--color-content-primary)
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .results-container .results-footer .results-footer-container, #template-galleries .tmpl-search-dropdown-container .results-container .results-footer .results-footer-container, #template-gallery-sidebar .tmpl-search-dropdown-container .results-container .results-footer .results-footer-container {
  color: var(--color-background-notice);
  cursor: pointer;
  padding: 12px 12px 20px 24px;
  background: var(--color-background-inverse)
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .results-container .results-footer .results-footer-container .see-all-link, #template-galleries .tmpl-search-dropdown-container .results-container .results-footer .results-footer-container .see-all-link, #template-gallery-sidebar .tmpl-search-dropdown-container .results-container .results-footer .results-footer-container .see-all-link {
  text-decoration: none;
  cursor: pointer
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .results-container::-webkit-scrollbar, #template-galleries .tmpl-search-dropdown-container .results-container::-webkit-scrollbar, #template-gallery-sidebar .tmpl-search-dropdown-container .results-container::-webkit-scrollbar {
  width: 5px;
  color: var(--color-background-tertiary)
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .history-container, #template-galleries .tmpl-search-dropdown-container .history-container, #template-gallery-sidebar .tmpl-search-dropdown-container .history-container {
  max-height: 300px;
  overflow-y: auto;
  padding: 6px
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .history-container.hidden, #template-galleries .tmpl-search-dropdown-container .history-container.hidden, #template-gallery-sidebar .tmpl-search-dropdown-container .history-container.hidden {
  display: none
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-content, #template-galleries .tmpl-search-dropdown-container .history-container .history-content, #template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-content {
  padding: 0
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-content .history-item, #template-galleries .tmpl-search-dropdown-container .history-container .history-content .history-item, #template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-content .history-item {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  padding: 12px 16px;
  align-self: stretch;
  height: 52px;
  background: var(--color-background-inverse);
  border-top: .5px solid var(--color-background-primary)
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-content .history-item:hover, #template-galleries .tmpl-search-dropdown-container .history-container .history-content .history-item:hover, #template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-content .history-item:hover {
  background: var(--color-content-primary);
  border-radius: 8px
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-content .history-item .item-text, #template-galleries .tmpl-search-dropdown-container .history-container .history-content .history-item .item-text, #template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-content .history-item .item-text {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 8px;
  color: var(--color-content-primary);
  font-size: 14px
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-content .history-item .item-text i, #template-galleries .tmpl-search-dropdown-container .history-container .history-content .history-item .item-text i, #template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-content .history-item .item-text i {
  color: var(--color-content-tertiary);
  font-size: 16px
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-content .history-item .item-text > span, #template-galleries .tmpl-search-dropdown-container .history-container .history-content .history-item .item-text > span, #template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-content .history-item .item-text > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-content .history-item .item-icons, #template-galleries .tmpl-search-dropdown-container .history-container .history-content .history-item .item-icons, #template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-content .history-item .item-icons {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  padding: 0 4px;
  gap: 10px;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border-radius: 4px;
  background: var(--color-background-notice-subtle);
  color: var(--color-content-secondary)
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-content .history-item .item-icons .remove-close, #template-galleries .tmpl-search-dropdown-container .history-container .history-content .history-item .item-icons .remove-close, #template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-content .history-item .item-icons .remove-close {
  cursor: pointer;
  border-radius: 4px;
  transition: all .2s ease
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-content .history-item .item-icons .remove-close:hover, #template-galleries .tmpl-search-dropdown-container .history-container .history-content .history-item .item-icons .remove-close:hover, #template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-content .history-item .item-icons .remove-close:hover {
  background: var(--color-background-tertiary);
  color: var(--color-content-primary)
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-header, #template-galleries .tmpl-search-dropdown-container .history-container .history-header, #template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-header {
  padding: 8px 6px;
  color: var(--color-content-tertiary)
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-item, #template-galleries .tmpl-search-dropdown-container .history-container .history-item, #template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-item {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  padding: 12px 16px;
  align-self: stretch;
  background: var(--color-content-inverse);
  border-bottom: .5px solid var(--color-border-default);
  cursor: pointer
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-item:hover, #template-galleries .tmpl-search-dropdown-container .history-container .history-item:hover, #template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-item:hover {
  background: var(--color-background-primary);
  border-radius: 8px
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-item .item-text, #template-galleries .tmpl-search-dropdown-container .history-container .history-item .item-text, #template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-item .item-text {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 8px;
  color: var(--color-content-secondary);
  font-size: 14px;
  max-width: 100%;
  overflow: hidden
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-item .item-text i, #template-galleries .tmpl-search-dropdown-container .history-container .history-item .item-text i, #template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-item .item-text i {
  color: var(--color-content-tertiary);
  font-size: 16px
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-item .item-text > span, #template-galleries .tmpl-search-dropdown-container .history-container .history-item .item-text > span, #template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-item .item-text > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-item .item-icons, #template-galleries .tmpl-search-dropdown-container .history-container .history-item .item-icons, #template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-item .item-icons {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  padding: 0 4px;
  gap: 10px;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border-radius: 4px;
  background: var(--color-background-notice-subtle);
  color: var(--color-content-secondary)
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-item .item-icons .remove-close, #template-galleries .tmpl-search-dropdown-container .history-container .history-item .item-icons .remove-close, #template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-item .item-icons .remove-close {
  color: var(--color-content-secondary);
  cursor: pointer;
  border-radius: 4px;
  transition: all .2s ease
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-item .item-icons .remove-close:hover, #template-galleries .tmpl-search-dropdown-container .history-container .history-item .item-icons .remove-close:hover, #template-gallery-sidebar .tmpl-search-dropdown-container .history-container .history-item .item-icons .remove-close:hover {
  background: var(--color-background-secondary);
  color: var(--color-content-primary)
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .history-container .results-footer, #template-galleries .tmpl-search-dropdown-container .history-container .results-footer, #template-gallery-sidebar .tmpl-search-dropdown-container .history-container .results-footer {
  padding: 12px 16px;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background: var(--color-background-inverse)
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .history-container .results-footer .clear-history, #template-galleries .tmpl-search-dropdown-container .history-container .results-footer .clear-history, #template-gallery-sidebar .tmpl-search-dropdown-container .history-container .results-footer .clear-history {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  cursor: pointer;
  color: var(--color-background-notice)
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .history-container .results-footer .clear-history:hover, #template-galleries .tmpl-search-dropdown-container .history-container .results-footer .clear-history:hover, #template-gallery-sidebar .tmpl-search-dropdown-container .history-container .results-footer .clear-history:hover {
  text-decoration: none
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .history-container .results-footer .clear-history.hidden, #template-galleries .tmpl-search-dropdown-container .history-container .results-footer .clear-history.hidden, #template-gallery-sidebar .tmpl-search-dropdown-container .history-container .results-footer .clear-history.hidden {
  display: none
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .history-container .results-footer .no-history-content, #template-galleries .tmpl-search-dropdown-container .history-container .results-footer .no-history-content, #template-gallery-sidebar .tmpl-search-dropdown-container .history-container .results-footer .no-history-content {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 8px;
  color: var(--color-content-tertiary);
  font-size: 14px
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .history-container .results-footer .no-history-content.hidden, #template-galleries .tmpl-search-dropdown-container .history-container .results-footer .no-history-content.hidden, #template-gallery-sidebar .tmpl-search-dropdown-container .history-container .results-footer .no-history-content.hidden {
  display: none
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .history-container .results-footer .no-history-content i, #template-galleries .tmpl-search-dropdown-container .history-container .results-footer .no-history-content i, #template-gallery-sidebar .tmpl-search-dropdown-container .history-container .results-footer .no-history-content i {
  font-size: 16px
}
@media (max-width:991px) {
  #branded-template-gallery-sidebar .template-search-container, #template-galleries .template-search-container, #template-gallery-sidebar .template-search-container {
    max-width: none
  }
  #branded-template-gallery-sidebar .tmpl-search-dropdown-container, #template-galleries .tmpl-search-dropdown-container, #template-gallery-sidebar .tmpl-search-dropdown-container {
    min-width: auto;
    left: -12px;
    right: -12px
  }
}
#branded-template-gallery-sidebar .template-header-container .template-search-container, #template-galleries .template-header-container .template-search-container, #template-gallery-sidebar .template-header-container .template-search-container {
  position: relative !important;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 12px;
  height: 48px;
  padding: 8px 12px;
  width: 100%;
  max-width: 510px;
  box-sizing: border-box;
  background: var(--color-background-inverse);
  border: 1px solid var(--color-border-default);
  border-radius: 24px
}
#branded-template-gallery-sidebar .template-header-container .template-search-container.search-active, #template-galleries .template-header-container .template-search-container.search-active, #template-gallery-sidebar .template-header-container .template-search-container.search-active {
  border-bottom: none;
  border-radius: 24px 24px 0 0
}
@media (max-width:578px) {
  #branded-template-gallery-sidebar .template-header-container .template-search-container, #template-galleries .template-header-container .template-search-container, #template-gallery-sidebar .template-header-container .template-search-container {
    max-width: 100%
  }
}
#branded-template-gallery-sidebar .template-header-container .template-search-container .input-dropdown-container, #template-galleries .template-header-container .template-search-container .input-dropdown-container, #template-gallery-sidebar .template-header-container .template-search-container .input-dropdown-container {
  width: 100%
}
#branded-template-gallery-sidebar .template-header-container .tmpl-search-dropdown-container, #template-galleries .template-header-container .tmpl-search-dropdown-container, #template-gallery-sidebar .template-header-container .tmpl-search-dropdown-container {
  position: absolute;
  box-sizing: border-box;
  left: -1px;
  top: calc(100% - 1px);
  width: calc(100% + 2px);
  max-width: none !important;
  background: var(--color-background-inverse);
  border: 1px solid var(--color-border-default);
  border-radius: 0 0 24px 24px;
  overflow: hidden;
  z-index: 1000;
  display: none
}
#branded-template-gallery-sidebar .template-header-container .tmpl-search-dropdown-container.visible, #template-galleries .template-header-container .tmpl-search-dropdown-container.visible, #template-gallery-sidebar .template-header-container .tmpl-search-dropdown-container.visible {
  display: block
}
#branded-template-gallery-sidebar .template-search-container .clear_search, #template-galleries .template-search-container .clear_search, #template-gallery-sidebar .template-search-container .clear_search {
  right: 8px;
  top: 50%;
  cursor: pointer;
  z-index: 1001;
  visibility: visible !important
}
#branded-template-gallery-sidebar .template-search-container .input-dropdown-container, #template-galleries .template-search-container .input-dropdown-container, #template-gallery-sidebar .template-search-container .input-dropdown-container {
  flex: 1 1 auto;
  min-width: 0
}
#branded-template-gallery-sidebar .template-search-container input[type=search], #template-galleries .template-search-container input[type=search], #template-gallery-sidebar .template-search-container input[type=search] {
  width: 100%;
  min-width: 0
}
#branded-template-gallery-sidebar .tmpl-search-dropdown-container .search-filters-container, #template-galleries .tmpl-search-dropdown-container .search-filters-container, #template-gallery-sidebar .tmpl-search-dropdown-container .search-filters-container {
  padding: 8px 12px;
  padding: 13px 16px 0;
  border-bottom: 1px solid var(--color-border-default)
}
#branded-template-gallery-sidebar .template-group-selection.absolute_hidden, #template-galleries .template-group-selection.absolute_hidden, #template-gallery-sidebar .template-group-selection.absolute_hidden {
  position: static;
  top: auto;
  visibility: visible
}
#branded-template-gallery-sidebar .template-groups-container, #template-galleries .template-groups-container, #template-gallery-sidebar .template-groups-container {
  flex: 1;
  min-width: 0;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px
}
@media (max-width:425px) {
  #branded-template-gallery-sidebar .template-groups-container, #template-galleries .template-groups-container, #template-gallery-sidebar .template-groups-container {
    width: 50%
  }
}
#branded-template-gallery-sidebar .template-groups-container .template-groups-buttons, #template-galleries .template-groups-container .template-groups-buttons, #template-gallery-sidebar .template-groups-container .template-groups-buttons {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  flex-wrap: nowrap;
  overflow: hidden;
  flex: 1;
  min-width: 0;
  max-width: 100%
}
#branded-template-gallery-sidebar .template-groups-container .template-group-select-container, #template-galleries .template-groups-container .template-group-select-container, #template-gallery-sidebar .template-groups-container .template-group-select-container {
  flex-shrink: 0
}
#branded-template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container, #template-galleries .template-groups-container .template-group-select-container .select2-container, #template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container {
  width: 128px !important
}
@media (max-width:425px) {
  #branded-template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container, #template-galleries .template-groups-container .template-group-select-container .select2-container, #template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container {
    width: 100% !important
  }
}
#branded-template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container:focus, #template-galleries .template-groups-container .template-group-select-container .select2-container:focus, #template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container:focus {
  border: none !important
}
#branded-template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-selection, #template-galleries .template-groups-container .template-group-select-container .select2-container .select2-selection, #template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-selection {
  height: 36px;
  border-radius: 16px;
  border: 1px solid var(--color-border-default) !important;
  background: var(--color-background-inverse);
  width: 128px
}
#branded-template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__placeholder, #template-galleries .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__placeholder, #template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__placeholder {
  color: var(--color-content-primary)
}
#branded-template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__rendered, #template-galleries .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__rendered, #template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__rendered {
  flex-direction: row-reverse
}
#branded-template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container, #template-galleries .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container, #template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px
}
#branded-template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container .selected-option-name, #template-galleries .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container .selected-option-name, #template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container .selected-option-name {
  color: var(--color-content-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 115px
}
@media (min-width:370px) and (max-width:380px) {
  #branded-template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container .selected-option-name, #template-galleries .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container .selected-option-name, #template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container .selected-option-name {
    max-width: 80px
  }
}
@media (max-width:370px) {
  #branded-template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container .selected-option-name, #template-galleries .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container .selected-option-name, #template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container .selected-option-name {
    max-width: 50px
  }
}
#branded-template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container .selected-option-count, #template-galleries .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container .selected-option-count, #template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .group-selected-option-container .selected-option-count {
  margin-left: auto;
  color: var(--color-content-tertiary)
}
#branded-template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .select2-selection__clear, #template-galleries .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .select2-selection__clear, #template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__rendered .select2-selection__clear {
  position: absolute;
  right: 34px;
  margin-right: 0 !important
}
#branded-template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__arrow, #template-galleries .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__arrow, #template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__arrow {
  justify-content: flex-end
}
#branded-template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__arrow:before, #template-galleries .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__arrow:before, #template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-selection .select2-selection__arrow:before {
  font-size: 18px;
  font-weight: 600
}
#branded-template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container.select2-container--open .select2-selection, #template-galleries .template-groups-container .template-group-select-container .select2-container.select2-container--open .select2-selection, #template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container.select2-container--open .select2-selection {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom: none !important
}
#branded-template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-results__options, #template-galleries .template-groups-container .template-group-select-container .select2-container .select2-results__options, #template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-results__options {
  padding: 12px 8px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  overflow-y: scroll;
  max-height: 128px;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 16px
}
#branded-template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-results__options .select2-results__option, #template-galleries .template-groups-container .template-group-select-container .select2-container .select2-results__options .select2-results__option, #template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-results__options .select2-results__option {
  padding: 2px 4px
}
#branded-template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-results__options .select2-results__option.select2-results__option--highlighted, #template-galleries .template-groups-container .template-group-select-container .select2-container .select2-results__options .select2-results__option.select2-results__option--highlighted, #template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-results__options .select2-results__option.select2-results__option--highlighted {
  border-radius: 4px;
  background: var(--color-background-secondary)
}
#branded-template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-results__options::-webkit-scrollbar, #template-galleries .template-groups-container .template-group-select-container .select2-container .select2-results__options::-webkit-scrollbar, #template-gallery-sidebar .template-groups-container .template-group-select-container .select2-container .select2-results__options::-webkit-scrollbar {
  width: 5px;
  color: var(--color-background-tertiary)
}
#branded-template-gallery-sidebar .template-group-selection, #template-galleries .template-group-selection, #template-gallery-sidebar .template-group-selection {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  height: 36px;
  color: var(--color-content-primary);
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  flex-shrink: 0;
  white-space: nowrap
}
#branded-template-gallery-sidebar .template-group-selection.absolute_hidden, #template-galleries .gallery-filter-tools .nav-left, #template-galleries .gallery-filter-tools .nav-right, #template-galleries .template-group-selection.absolute_hidden, #template-galleries .template-pills-scroll-wrapper, #template-gallery-sidebar .template-group-selection.absolute_hidden {
  display: none !important
}
#branded-template-gallery-sidebar .template-group-selection.template-group-selection-active, #template-galleries .template-group-selection.template-group-selection-active, #template-gallery-sidebar .template-group-selection.template-group-selection-active {
  color: var(--color-background-secondary)
}
#branded-template-gallery-sidebar .template-group-selection .templates-number, #template-galleries .template-group-selection .templates-number, #template-gallery-sidebar .template-group-selection .templates-number {
  color: var(--color-content-tertiary);
  flex-shrink: 0
}
@media (max-width:578px) {
  #branded-template-gallery-sidebar, #template-galleries, #template-gallery-sidebar {
    margin-top: 16px
  }
  #branded-template-gallery-sidebar .template-gallery-header.hidden, #branded-template-gallery-sidebar .template-gallery-toolbar.hidden, #template-galleries .template-gallery-header.hidden, #template-galleries .template-gallery-toolbar.hidden, #template-gallery-sidebar .template-gallery-header.hidden, #template-gallery-sidebar .template-gallery-toolbar.hidden {
    display: none !important
  }
}
@media (max-width:991px) {
  #template-gallery-sidebar {
    margin-top: 0
  }
}
#template-gallery-sidebar.skeleton-loading {
  width: 100%;
  height: 100%;
  min-height: 400px;
  overflow-y: auto
}
#template-gallery-sidebar #templateGalleryHeader, #template-gallery-sidebar .create-custom-container-responsive {
  display: none
}
#template-gallery-sidebar .gallery-filter-tools {
  margin-top: 0 !important;
  width: 100%;
  position: relative;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex
}
#template-gallery-sidebar .gallery-filter-tools .template-pills-scroll-wrapper {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  flex: 1;
  min-width: 0;
  min-height: 36px;
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
  scrollbar-width: none
}
#template-gallery-sidebar .gallery-filter-tools .template-pills-scroll-wrapper::-webkit-scrollbar {
  display: none
}
@media (max-width:710px) {
  #template-gallery-sidebar .gallery-filter-tools .template-group-selection {
    display: flex !important
  }
  #template-gallery-sidebar .gallery-filter-tools .template-group-select-container {
    display: none !important
  }
}
#template-gallery-sidebar .gallery-filter-tools .create-custom-container, #template-gallery-sidebar .gallery-filter-tools .divider {
  display: none !important
}
#template-gallery-sidebar .gallery-filter-tools .nav-left, #template-gallery-sidebar .gallery-filter-tools .nav-right {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
#template-gallery-sidebar .gallery-filter-tools .nav-right {
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) -75%, var(--color-background-inverse) 75%)
}
#template-gallery-sidebar .gallery-filter-tools .nav-left {
  left: 0;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) -75%, var(--color-background-inverse) 75%)
}
#template-gallery-sidebar .template-search-container {
  display: none !important
}
#template-gallery-sidebar .templates-search-bar {
  position: relative;
  width: 100%
}
#template-gallery-sidebar .templates-search-bar .search-bar-editor {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  padding: 12px 8px;
  margin-bottom: 0;
  height: 48px
}
#template-gallery-sidebar .templates-search-bar .search-bar-editor:hover {
  border-color: var(--color-border-hover)
}
#template-gallery-sidebar .templates-search-bar .search-bar-editor:focus, #template-gallery-sidebar .templates-search-bar .search-bar-editor:focus-within {
  border-color: var(--color-border-focus)
}
#template-gallery-sidebar .templates-search-bar .search-bar-editor.disabled {
  opacity: .5
}
#template-gallery-sidebar .templates-search-bar .search-bar-editor input {
  border: none;
  width: 100%;
  padding: 0
}
#template-gallery-sidebar .templates-search-bar .search-bar-editor hr {
  background-color: var(--color-content-tertiary);
  width: 2px;
  height: 100%;
  border-radius: 35px
}
#template-gallery-sidebar .templates-search-bar .search-bar-editor .close, #template-gallery-sidebar .templates-search-bar .search-bar-editor .filters {
  color: var(--color-content-primary) !important;
  cursor: pointer;
  border-radius: 50%;
  padding: 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 30px
}
#template-gallery-sidebar .templates-search-bar .search-bar-editor .close.active, #template-gallery-sidebar .templates-search-bar .search-bar-editor .close:focus, #template-gallery-sidebar .templates-search-bar .search-bar-editor .close:hover, #template-gallery-sidebar .templates-search-bar .search-bar-editor .filters.active, #template-gallery-sidebar .templates-search-bar .search-bar-editor .filters:focus, #template-gallery-sidebar .templates-search-bar .search-bar-editor .filters:hover {
  background-color: var(--color-background-secondary)
}
#template-gallery-sidebar .templates-search-bar .search-bar-editor .filter-indicator-container {
  display: flex;
  align-items: center;
  position: relative
}
#template-gallery-sidebar .templates-search-bar .search-bar-editor .reset-indicator {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 30px;
  border-radius: 30px;
  padding: 6px 12px;
  background-color: var(--color-background-secondary);
  margin-left: 4px;
  white-space: nowrap
}
#template-gallery-sidebar .templates-search-bar .search-bar-editor .filters.applied {
  margin-right: -40px;
  z-index: 1;
  box-shadow: 1px 0 2px 0 rgba(12, 19, 76, .1);
  background-color: var(--color-background-secondary)
}
#template-gallery-sidebar .templates-search-bar .search-bar-editor .filters.applied + .reset-indicator {
  padding-left: 45px
}
#template-gallery-sidebar .templates-search-bar .templates-tab-filters-dropdown-container {
  position: absolute;
  width: 100%;
  top: 50px;
  left: 0;
  right: 0;
  z-index: 1000;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-border-default);
  box-shadow: 0 4px 16px 0 #0001f;
  border-radius: 8px;
  padding: 24px;
  gap: 16px
}
#template-gallery-sidebar .templates-search-bar .templates-tab-filters-dropdown-container .templates-tab-filters-dropdown-header {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px
}
#template-gallery-sidebar .templates-search-bar .templates-tab-filters-dropdown-container .templates-tab-filters-dropdown, #template-gallery-sidebar .templates-search-bar .templates-tab-filters-dropdown-container .templates-tab-filters-dropdown .template-filter-orientation {
  width: 100%;
  height: 48px
}
#template-gallery-sidebar .templates-search-bar .templates-tab-filters-dropdown-container .templates-tab-filters-dropdown-buttons-container {
  display: flex;
  align-items: center;
  margin-left: auto
}
#template-gallery-sidebar .template-cards {
  grid-template-columns: repeat(auto-fill, 170px);
  grid-auto-rows: minmax(105px, auto);
  max-height: calc(97vh - 300px);
  overflow-y: auto
}
@media (max-width:1024px) and (min-width:559px) {
  #template-gallery-sidebar .template-cards {
    grid-template-columns: repeat(auto-fill, 120px);
    grid-auto-rows: minmax(80px, auto)
  }
}
#template-gallery-sidebar .template-cards .template-card {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  border-radius: 6px
}
#template-gallery-sidebar .template-cards .template-card .template-thumbnail {
  border-radius: 6px;
  height: 105px !important
}
@media (max-width:1024px) and (min-width:559px) {
  #template-gallery-sidebar .template-cards .template-card .template-thumbnail {
    height: 82px !important
  }
}
@media (max-width:559px) {
  #template-gallery-sidebar .template-cards {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: minmax(calc(40vw * .55), auto)
  }
  #template-gallery-sidebar .template-cards .template-card .template-thumbnail {
    height: calc(40vw * .55) !important
  }
}
#template-gallery-sidebar .template-cards .template-card .template-thumbnail img {
  height: 105px
}
@media (max-width:1024px) and (min-width:559px) {
  #template-gallery-sidebar .template-cards .template-card .template-thumbnail img {
    height: 82px
  }
}
@media (max-width:559px) {
  #template-gallery-sidebar .template-cards .template-card .template-thumbnail img {
    height: calc(40vw * .55);
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
  }
}
#template-gallery-sidebar .template-cards .design-services-banner {
  grid-column: span 2
}
#template-gallery-sidebar .layout-editor-templates-empty-state {
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  display: flex;
  row-gap: 16px;
  padding-right: 6px;
  max-height: calc(97vh - 300px);
  overflow-y: auto
}
#template-gallery-sidebar .layout-editor-templates-empty-state .banners-container {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  row-gap: 16px;
  margin-top: 30px
}
@media (max-width:1140px) {
  #template-gallery-sidebar .template-cards:not(:empty) {
    padding-bottom: calc(var(--navbar-height) + 10px)
  }
  #template-gallery-sidebar .layout-editor-templates-empty-state .banners-container {
    margin-bottom: calc(var(--navbar-height))
  }
}
#template-gallery-sidebar .template-portrait-thumbnail .hover-overlay, #template-gallery-sidebar .template-thumbnail .hover-overlay {
  cursor: auto !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
#template-gallery-sidebar .template-portrait-thumbnail .hover-overlay .buttons-container, #template-gallery-sidebar .template-thumbnail .hover-overlay .buttons-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  gap: 8px;
  z-index: 1
}
#template-gallery-sidebar .template-portrait-thumbnail .hover-overlay .buttons-container button, #template-gallery-sidebar .template-thumbnail .hover-overlay .buttons-container button {
  background: var(--color-content-inverse);
  border: none;
  color: var(--color-content-primary);
  border-radius: 50%;
  padding: 4px;
  width: 36px;
  height: 36px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer
}
#template-gallery-sidebar .template-portrait-thumbnail .hover-overlay .hover-text, #template-gallery-sidebar .template-thumbnail .hover-overlay .hover-text {
  display: block !important;
  margin-bottom: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;
  text-align: center !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important
}
#template-gallery-sidebar .template-portrait-thumbnail:hover .hover-overlay, #template-gallery-sidebar .template-thumbnail:hover .hover-overlay {
  display: block
}
#template-gallery-sidebar .no-specified-category-results-container .request-tmpl-button {
  display: none
}
#template-gallery-sidebar .template-skeleton-loading {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  min-height: 400px;
  row-gap: 16px;
  overflow-y: auto
}
#template-gallery-sidebar .template-skeleton-loading .template-skeleton-tabs {
  display: flex !important;
  justify-content: space-between;
  width: 100%;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  flex-shrink: 0;
  min-height: 44px
}
#template-gallery-sidebar .template-skeleton-loading .template-skeleton-tabs .template-skeleton-tab {
  flex: 1;
  height: 44px;
  min-height: 44px;
  border-radius: 4px;
  background: var(--color-border-section);
  background: linear-gradient(90deg, var(--color-border-section) 0, color-mix(in srgb, var(--color-border-section), #fff 40%) 50%, var(--color-border-section) 100%);
  background-size: 200% 100%;
  -webkit-animation: template-skeleton-shimmer 1.5s ease-in-out infinite;
  animation: template-skeleton-shimmer 1.5s ease-in-out infinite
}
#template-gallery-sidebar .template-skeleton-loading .template-skeleton-tabs .template-skeleton-tab.template-skeleton-tab-active {
  flex: 1.2
}
#template-gallery-sidebar .template-skeleton-loading .template-skeleton-search-bar {
  display: block !important;
  height: 48px;
  min-height: 48px;
  width: 100%;
  border-radius: 24px;
  flex-shrink: 0;
  background: var(--color-border-section);
  background: linear-gradient(90deg, var(--color-border-section) 0, color-mix(in srgb, var(--color-border-section), #fff 40%) 50%, var(--color-border-section) 100%);
  background-size: 200% 100%;
  -webkit-animation: template-skeleton-shimmer 1.5s ease-in-out infinite;
  animation: template-skeleton-shimmer 1.5s ease-in-out infinite
}
#template-gallery-sidebar .template-skeleton-loading .template-skeleton-toolbar {
  display: flex !important;
  flex-shrink: 0;
  min-height: 36px
}
#template-gallery-sidebar .template-skeleton-loading .template-skeleton-toolbar .template-skeleton-pills-wrap {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  width: 100%
}
#template-gallery-sidebar .template-skeleton-loading .template-skeleton-toolbar .template-skeleton-pill {
  display: block !important;
  height: 36px;
  min-width: 60px;
  border-radius: 18px;
  flex: 0 0 auto;
  background: var(--color-border-section);
  background: linear-gradient(90deg, var(--color-border-section) 0, color-mix(in srgb, var(--color-border-section), #fff 40%) 50%, var(--color-border-section) 100%);
  background-size: 200% 100%;
  -webkit-animation: template-skeleton-shimmer 1.5s ease-in-out infinite;
  animation: template-skeleton-shimmer 1.5s ease-in-out infinite
}
#template-gallery-sidebar .template-skeleton-loading .template-skeleton-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: minmax(105px, auto);
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  row-gap: 16px;
  padding: 0;
  margin-top: 0;
  flex: 1;
  min-height: 210px
}
#template-gallery-sidebar .template-skeleton-loading .template-skeleton-card {
  height: 105px;
  border-radius: 6px;
  background: var(--color-border-section);
  background: linear-gradient(90deg, var(--color-border-section) 0, color-mix(in srgb, var(--color-border-section), #fff 40%) 50%, var(--color-border-section) 100%);
  background-size: 200% 100%;
  -webkit-animation: template-skeleton-shimmer 1.5s ease-in-out infinite;
  animation: template-skeleton-shimmer 1.5s ease-in-out infinite
}
@-webkit-keyframes template-skeleton-shimmer {
  0% {
    background-position: 200% 0
  }
  100% {
    background-position: -200% 0
  }
}
@keyframes template-skeleton-shimmer {
  0% {
    background-position: 200% 0
  }
  100% {
    background-position: -200% 0
  }
}
@media (max-width:991px) {
  #branded-template-gallery-sidebar {
    margin-top: 0
  }
}
#branded-template-gallery-sidebar .branded-template-gallery .gallery-filter-tools, #branded-template-gallery-sidebar .create-custom-container-responsive {
  display: none
}
#branded-template-gallery-sidebar .branded-template-cards {
  grid-template-columns: repeat(auto-fill, 170px);
  grid-auto-rows: minmax(105px, auto);
  max-height: calc(97vh - 300px);
  overflow-y: auto;
  margin-top: 0
}
@media (max-width:1140px) {
  #branded-template-gallery-sidebar .branded-template-cards:not(:empty) {
    padding-bottom: calc(var(--navbar-height) + 10px)
  }
}
#branded-template-gallery-sidebar .branded-template-cards .design-services-banner {
  grid-column: span 2
}
#branded-template-gallery-sidebar .branded-template-cards .template-card {
  border-radius: 6px;
  overflow: visible
}
#branded-template-gallery-sidebar .branded-template-cards .template-card:hover .template-thumbnail .branded-template-status {
  display: block
}
#branded-template-gallery-sidebar .branded-template-cards .template-card:hover .template-thumbnail .dots-label {
  display: flex
}
#branded-template-gallery-sidebar .branded-template-cards .template-card .template-thumbnail {
  border-radius: 6px;
  height: 107px !important
}
@media (max-width:1024px) and (min-width:559px) {
  #branded-template-gallery-sidebar .branded-template-cards {
    grid-template-columns: repeat(auto-fill, 120px);
    grid-auto-rows: minmax(80px, auto)
  }
  #branded-template-gallery-sidebar .branded-template-cards .template-card .template-thumbnail {
    height: 82px !important
  }
}
#branded-template-gallery-sidebar .branded-template-cards .template-card .template-thumbnail img {
  height: 107px;
  border-radius: 6px
}
@media (max-width:1024px) and (min-width:559px) {
  #branded-template-gallery-sidebar .branded-template-cards .template-card .template-thumbnail img {
    height: 82px
  }
}
#branded-template-gallery-sidebar .branded-template-cards .template-card .template-thumbnail .hover-overlay {
  border-radius: 6px
}
#branded-template-gallery-sidebar .branded-template-cards .template-card .template-thumbnail .hover-overlay .hover-text {
  display: block !important;
  margin-bottom: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;
  width: 100%;
  text-align: center !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important
}
#branded-template-gallery-sidebar .branded-template-cards .template-card .template-thumbnail .branded-template-status, #branded-template-gallery-sidebar .branded-template-cards .template-card .template-thumbnail .dots-label, #branded-template-gallery-sidebar .no-specified-category-results-container .create-branded-template, .multi-selection-border {
  display: none
}
#branded-template-gallery-sidebar .branded-template-cards .template-card .template-thumbnail .dropdown-menu {
  top: 35px;
  left: 30%
}
#branded-template-gallery-sidebar .no-specified-category-results-container {
  justify-content: flex-start;
  padding-top: 40px;
  min-height: unset;
  height: calc(100vh - 130px);
  padding-bottom: var(--navbar-height);
  padding-right: 6px;
  overflow-y: auto
}
#branded-template-gallery-sidebar .no-specified-category-results-container .design-services-banner {
  margin-top: 30px;
  margin-bottom: var(--navbar-height)
}
h3.layout-editor-header {
  font-size: 24px
}
.in-form-template-status {
  background-color: var(--color-content-primary);
  color: var(--color-content-inverse);
  font-size: 14px;
  border-radius: 20px;
  font-weight: 700;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 6px 13px 6px 22px;
  position: absolute
}
.in-form-template-status::before {
  content: '';
  position: absolute;
  left: 7px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%
}
.draft-status::before {
  background-color: var(--color-border-section)
}
.published-status::before {
  background-color: var(--color-content-positive)
}
.render-template-in-background {
  opacity: 0
}
@media (max-width:1200px) {
  .layout-cards {
    width: 100%
  }
}
@media (max-width:690px) {
  .template-gallery-toolbar .gallery-filter-tools {
    height: 129px
  }
  .template-gallery-toolbar .gallery-filter-tools select {
    width: 97%;
    margin-top: 16px !important
  }
  .template-gallery-toolbar .gallery-filter-tools .btn-group {
    float: left;
    width: 100%;
    padding-left: 3px
  }
}
@media (max-width:540px) {
  .portrait {
    margin-top: -3px !important;
    margin-bottom: 10px !important
  }
}
.clipart-item-mixin {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  background-color: var(--color-background-inverse);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
html.dark .clipart-item-mixin {
  border: 1px solid var(--color-border-default)
}
.clipart-item-mixin:focus, .clipart-item-mixin:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  cursor: pointer;
  border-color: var(--color-border-hover)
}
.clipart-item-mixin img {
  width: 80px;
  height: 80px;
  padding: 10px
}
html.dark .clipart-item-mixin img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}
.clipart-item-mixin i {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  font-size: 60px
}
@media (max-width:560px) {
  .clipart-item-mixin {
    width: 70px;
    height: 70px
  }
  .clipart-item-mixin img {
    width: 70px;
    height: 70px;
    padding: 10px
  }
}
@media (max-width:480px) {
  .clipart-item-mixin {
    width: 60px;
    height: 60px
  }
  .clipart-item-mixin img {
    width: 60px;
    height: 60px;
    padding: 10px
  }
}
.search-bar-editor-mixin {
  width: 100%
}
.search-bar-editor-mixin .search-bar-editor {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  padding: 12px 8px;
  margin-bottom: 0;
  height: 48px
}
.search-bar-editor-mixin .search-bar-editor:hover {
  border-color: var(--color-border-hover)
}
.search-bar-editor-mixin .search-bar-editor:focus, .search-bar-editor-mixin .search-bar-editor:focus-within {
  border-color: var(--color-border-focus)
}
.search-bar-editor-mixin .search-bar-editor.disabled {
  opacity: .5
}
.search-bar-editor-mixin .search-bar-editor input {
  border: none;
  width: 100%;
  padding: 0
}
.search-bar-editor-mixin .search-bar-editor hr {
  background-color: var(--color-content-tertiary);
  width: 2px;
  height: 100%;
  border-radius: 35px
}
.search-bar-editor-mixin .search-bar-editor .close, .search-bar-editor-mixin .search-bar-editor .filters {
  color: var(--color-content-primary) !important;
  cursor: pointer;
  border-radius: 50%;
  padding: 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 30px
}
.search-bar-editor-mixin .search-bar-editor .close.active, .search-bar-editor-mixin .search-bar-editor .close:focus, .search-bar-editor-mixin .search-bar-editor .close:hover, .search-bar-editor-mixin .search-bar-editor .filters.active, .search-bar-editor-mixin .search-bar-editor .filters:focus, .search-bar-editor-mixin .search-bar-editor .filters:hover {
  background-color: var(--color-background-secondary)
}
.search-bar-editor-mixin .search-bar-editor .filter-indicator-container {
  display: flex;
  align-items: center;
  position: relative
}
.search-bar-editor-mixin .search-bar-editor .reset-indicator {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 30px;
  border-radius: 30px;
  padding: 6px 12px;
  background-color: var(--color-background-secondary);
  margin-left: 4px;
  white-space: nowrap
}
.search-bar-editor-mixin .search-bar-editor .filters.applied {
  margin-right: -40px;
  z-index: 1;
  box-shadow: 1px 0 2px 0 rgba(12, 19, 76, .1);
  background-color: var(--color-background-secondary)
}
.search-bar-editor-mixin .search-bar-editor .filters.applied + .reset-indicator {
  padding-left: 45px
}
.multi-selection-border {
  position: absolute;
  border: 1px dashed var(--basic_branding);
  background: 0 0;
  z-index: 998;
  cursor: -webkit-grab;
  cursor: grab
}
.multi-selection-border.ui-draggable-dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing
}
.multi-selection-border.visible {
  display: block
}
body:has(#layout_form>#form_container:not(:empty)) {
  overflow: hidden
}
body:has(#layout_form>#form_container:not(:empty)) .main-content .page-content {
  padding: 0
}
@media (max-width:991px) {
  body:has(#layout_form>#form_container: not(:empty)) #breadcrumbs, body:has(#layout_form>#form_container:not(:empty)) #navbar {
    display: none
  }
}
#show_editor.hand-tool-enabled #screen-editor {
  cursor: -webkit-grab;
  cursor: grab
}
#show_editor.hand-tool-enabled.hand-pan-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
#show_editor.hand-tool-enabled.hand-pan-dragging #screen-editor {
  cursor: -webkit-grabbing;
  cursor: grabbing
}
.meta-action-buttons-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  z-index: 1000
}
.meta-action-buttons-container button {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-background-inverse);
  border-radius: 8px;
  padding: 4px 10px
}
.meta-action-buttons-container button:hover {
  border: 1px solid var(--color-border-default)
}
.tool-bar-color-picker {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.tool-bar-color-picker .sp-replacer {
  background-color: transparent;
  border-radius: 50%;
  border: 0;
  padding: 0
}
.tool-bar-color-picker .sp-replacer .sp-preview {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  float: none;
  width: 24px;
  height: 24px;
  margin-right: 0;
  border-radius: 50%;
  border: 1px solid var(--color-border-default)
}
@media (max-width:768px) {
  .tool-bar-color-picker .sp-replacer .sp-preview {
    width: 20px;
    height: 20px
  }
}
.tool-bar-color-picker .sp-replacer .sp-preview .sp-preview-inner {
  border-radius: 50%
}
.tool-bar-color-picker .sp-replacer .sp-dd {
  display: none
}
.tool-bar-color-picker.stroke .sp-preview::after {
  content: '';
  width: 12px;
  height: 12px;
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-border-default);
  border-radius: 50%;
  z-index: 1
}
.tool-bar-color-picker.bucket .sp-replacer, .tool-bar-color-picker.font .sp-replacer {
  border-radius: 4px
}
.tool-bar-color-picker.bucket .sp-replacer .sp-preview, .tool-bar-color-picker.font .sp-replacer .sp-preview {
  height: 6px;
  border-radius: 4px
}
.tool-bar-color-picker.bucket .sp-replacer .sp-preview .sp-preview-inner, .tool-bar-color-picker.font .sp-replacer .sp-preview .sp-preview-inner {
  border-radius: 4px
}
#show_editor .custom-boolean-switch, .layout-image-settings-wrapper .custom-boolean-switch {
  position: absolute;
  cursor: pointer;
  opacity: 0;
  margin: 0 !important;
  width: 48px;
  height: 24px;
  z-index: 2
}
#show_editor .custom-boolean-switch + .lbl, .layout-image-settings-wrapper .custom-boolean-switch + .lbl {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 24px;
  border-radius: 24px;
  background-color: var(--color-brand-subtle);
  cursor: pointer;
  overflow: hidden;
  z-index: auto !important
}
#show_editor .custom-boolean-switch + .lbl::before, .layout-image-settings-wrapper .custom-boolean-switch + .lbl::before {
  all: unset;
  content: 'close';
  font-family: 'Material Symbols Outlined';
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  font-size: 16px;
  transition: opacity .25s ease;
  opacity: 1
}
#show_editor .custom-boolean-switch + .lbl::after, .layout-image-settings-wrapper .custom-boolean-switch + .lbl::after {
  all: unset;
  content: '';
  position: absolute;
  top: 1.5px;
  left: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  transition: left .25s ease, background-color .25s ease;
  z-index: 1
}
#show_editor .custom-boolean-switch:checked + .lbl, .layout-image-settings-wrapper .custom-boolean-switch:checked + .lbl {
  background-color: var(--basic_branding)
}
#show_editor .custom-boolean-switch:checked + .lbl::before, .layout-image-settings-wrapper .custom-boolean-switch:checked + .lbl::before {
  content: 'check';
  left: 8px
}
#show_editor .custom-boolean-switch:checked + .lbl::after, .layout-image-settings-wrapper .custom-boolean-switch:checked + .lbl::after {
  left: calc(48px - 20px - 2px)
}
#show_editor .custom-boolean-switch.disabled + .lbl, #show_editor .custom-boolean-switch:disabled + .lbl, #show_editor .custom-boolean-switch[disabled] + .lbl, .layout-image-settings-wrapper .custom-boolean-switch.disabled + .lbl, .layout-image-settings-wrapper .custom-boolean-switch:disabled + .lbl, .layout-image-settings-wrapper .custom-boolean-switch[disabled] + .lbl {
  opacity: .5;
  cursor: not-allowed;
  background-color: var(--color-brand-subtle)
}
#show_editor .custom-boolean-switch.disabled + .lbl::before, #show_editor .custom-boolean-switch:disabled + .lbl::before, #show_editor .custom-boolean-switch[disabled] + .lbl::before, .layout-image-settings-wrapper .custom-boolean-switch.disabled + .lbl::before, .layout-image-settings-wrapper .custom-boolean-switch:disabled + .lbl::before, .layout-image-settings-wrapper .custom-boolean-switch[disabled] + .lbl::before {
  content: 'remove';
  color: var(--color-content-tertiary)
}
#show_editor .custom-boolean-switch:checked.disabled + .lbl, #show_editor .custom-boolean-switch:checked:disabled + .lbl, #show_editor .custom-boolean-switch:checked[disabled] + .lbl, .layout-image-settings-wrapper .custom-boolean-switch:checked.disabled + .lbl, .layout-image-settings-wrapper .custom-boolean-switch:checked:disabled + .lbl, .layout-image-settings-wrapper .custom-boolean-switch:checked[disabled] + .lbl {
  background-color: var(--basic_branding)
}
#show_editor .custom-boolean-switch:checked.disabled + .lbl::before, #show_editor .custom-boolean-switch:checked:disabled + .lbl::before, #show_editor .custom-boolean-switch:checked[disabled] + .lbl::before, .layout-image-settings-wrapper .custom-boolean-switch:checked.disabled + .lbl::before, .layout-image-settings-wrapper .custom-boolean-switch:checked:disabled + .lbl::before, .layout-image-settings-wrapper .custom-boolean-switch:checked[disabled] + .lbl::before {
  content: 'check';
  color: #fff
}
#show_editor .layers .layer-icon, html.dark #show_editor .layers.is-active, html.dark #show_editor .layers:active, html.dark #show_editor .layers:focus {
  color: var(--basic_branding)
}
#show_editor .display-grid-toggle, #show_editor .lock-insert, #show_editor .lock-insert-toggle, #show_editor .toggle-el-container, .layout-image-settings-wrapper .display-grid-toggle, .layout-image-settings-wrapper .lock-insert, .layout-image-settings-wrapper .lock-insert-toggle, .layout-image-settings-wrapper .toggle-el-container {
  margin: 0
}
#show_editor {
  --navbar-height: clamp(56px, 8vh, 72px);
  height: 100vh;
  overflow: auto;
  position: relative
}
#show_editor .left-side-item {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  padding: 0 15px;
  height: 100%
}
#show_editor .left-side-item .form-group {
  margin: 0
}
@media (max-width:1560px) {
  #show_editor .left-side-item {
    padding: 0 6px
  }
}
#show_editor .layers {
  position: relative;
  z-index: 999;
  cursor: pointer;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  height: 44px;
  border-radius: 8px
}
@media (max-width:580px) {
  #show_editor .left-side-item {
    padding: 0
  }
  #show_editor .layers {
    padding-inline: 6px
  }
}
#show_editor .layers:hover {
  background-color: var(--color-background-primary)
}
#show_editor .layers.is-active, #show_editor .layers:active, #show_editor .layers:focus {
  background-color: var(--color-background-brand-subtle)
}
#show_editor .layers.is-active.is-whitelabel, #show_editor .layers:active.is-whitelabel, #show_editor .layers:focus.is-whitelabel {
  background-color: color-mix(in srgb, var(--basic_branding), #fff 90%)
}
#show_editor .layout_form_header {
  display: flex;
  flex-direction: column;
  position: fixed;
  width: 100%;
  z-index: 1003
}
#show_editor .layout_form_header .layout_back_to_list_container {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  background-color: var(--color-background-inverse);
  box-shadow: 0 4px 8.7px 0 rgba(0, 0, 0, .15);
  margin: 0;
  height: var(--navbar-height);
  padding: 0 15px
}
#show_editor .layout_form_header .layout_back_to_list_container .vertical-line {
  width: 1px;
  height: 34px;
  background-color: var(--color-border-default)
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  height: 100%
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side > * {
  margin-right: 6px
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side > :last-child {
  margin-right: 0
}
@media (max-width:1140px) {
  #show_editor .layout_form_header .layout_back_to_list_container .left-side {
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    display: flex;
    width: 100%
  }
  #show_editor .layout_form_header .layout_back_to_list_container .left-side > * {
    margin-right: 12px
  }
  #show_editor .layout_form_header .layout_back_to_list_container .left-side #media-reference-show, #show_editor .layout_form_header .layout_back_to_list_container .left-side .vertical-line, #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name] {
    margin-right: 8px !important
  }
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side .back_to_list {
  border: none;
  margin-right: 24px;
  border-radius: 8px;
  background: var(--color-brand-subtle);
  color: var(--color-content-primary);
  width: 48px;
  height: 48px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
@media (max-width:1060px) {
  #show_editor .layout_form_header .layout_back_to_list_container .left-side .back_to_list {
    display: none
  }
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side .back_to_list:focus, #show_editor .layout_form_header .layout_back_to_list_container .left-side .back_to_list:hover {
  color: var(--color-content-primary) !important;
  text-decoration: none !important;
  background-color: var(--color-brand-subtle);
  outline: 0
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=background_color] .layout-bgcolor-colorpicker {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name] {
  max-width: 212px;
  min-width: 100px
}
@media (max-width:1560px) {
  #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name] {
    max-width: 120px
  }
}
@media (max-width:1140px) {
  #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name] {
    max-width: 180px;
    min-width: 60px
  }
}
@media (max-width:580px) {
  #show_editor .layout_form_header .layout_back_to_list_container {
    padding: 0 6px
  }
  #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=background_color] {
    padding-inline: 6px
  }
  #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name]:focus-within {
    width: 100%;
    max-width: 100%
  }
  #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name]:focus-within ~ * {
    display: none
  }
  #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name]:focus-within .name-container, #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name]:focus-within .name-container [data-editor], #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name]:focus-within .name-container [data-editor] input {
    width: 100%
  }
  #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name] .name-container input {
    padding-right: 10px !important;
    padding-left: 4px !important
  }
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name] .name-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  position: relative
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name] .name-container > span[data-editor]:not(.focused-container):not(.readonly-container):after {
  font-family: 'Material Symbols Outlined';
  content: 'edit_square';
  font-size: 16px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 400 !important;
  position: absolute;
  top: 14px;
  right: 14px
}
@media (max-width:768px) {
  #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name] .name-container > span[data-editor]:not(.focused-container):not(.readonly-container):after {
    font-size: 14px !important;
    letter-spacing: .02em !important
  }
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name] .name-container input {
  font-size: 16px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 500 !important;
  padding: 8px 30px 8px 12px;
  border: 1px solid transparent;
  outline: 0;
  border-radius: 6px
}
@media (max-width:768px) {
  #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name] .name-container input {
    font-size: 14px !important;
    letter-spacing: .02em !important
  }
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name] .name-container input::-webkit-input-placeholder {
  color: var(--color-content-tertiary);
  font-size: 16px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 500 !important
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name] .name-container input::-moz-placeholder {
  color: var(--color-content-tertiary);
  font-size: 16px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 500 !important
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name] .name-container input::-ms-input-placeholder {
  color: var(--color-content-tertiary);
  font-size: 16px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 500 !important
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name] .name-container input::placeholder {
  color: var(--color-content-tertiary);
  font-size: 16px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 500 !important
}
@media (max-width:768px) {
  #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name] .name-container input::-webkit-input-placeholder {
    font-size: 14px !important;
    letter-spacing: .02em !important
  }
  #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name] .name-container input::-moz-placeholder {
    font-size: 14px !important;
    letter-spacing: .02em !important
  }
  #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name] .name-container input::-ms-input-placeholder {
    font-size: 14px !important;
    letter-spacing: .02em !important
  }
  #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name] .name-container input::placeholder {
    font-size: 14px !important;
    letter-spacing: .02em !important
  }
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name] .name-container input:hover {
  border-color: var(--color-border-hover)
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name] .name-container input:active, #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name] .name-container input:focus {
  border-color: var(--color-border-focus);
  padding: 8px 12px
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name] .name-container.has-error input {
  border-color: var(--color-border-negative) !important
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name] .name-container.has-error .help-block[data-error] {
  font-size: 10px;
  position: absolute;
  left: 0;
  top: 38px;
  color: var(--color-border-negative) !important;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 1
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=ratio] .select-wrapper {
  margin-bottom: 0 !important
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=ratio] .select2-container {
  width: 140px !important
}
@media (max-width:700px) {
  #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=ratio] .select2-container {
    width: 100px !important
  }
}
@media (max-width:580px) {
  #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=name] .name-container > span[data-editor]:not(.focused-container):not(.readonly-container):after {
    display: none
  }
  #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=ratio] .select2-container {
    width: 70px !important
  }
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=ratio] .select2-container .select2-selection__arrow {
  position: static;
  width: unset
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=ratio] .select2-container .select2-selection__arrow:before {
  font-size: 20px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-family: 'Material Icons';
  content: '\e316';
  margin-left: 0;
  border: 0;
  transition: ease-in-out .2s
}
@media (max-width:768px) {
  #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=ratio] .select2-container .select2-selection__arrow:before {
    font-size: 18px !important;
    letter-spacing: .02em !important
  }
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side .undo-redo-container {
  height: 32px
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side .undo-redo-container span {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  border-radius: 4px;
  height: 32px;
  width: 32px;
  cursor: pointer
}
@media (max-width:580px) {
  #show_editor .layout_form_header .layout_back_to_list_container .left-side .undo-redo-container span {
    width: 28px
  }
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side .undo-redo-container span:not(.disabled):hover {
  background-color: var(--color-background-tertiary)
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side .undo-redo-container span:not(.disabled):active {
  background-color: var(--color-border-section)
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=background_color], #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=ratio] .select2-container .select2-selection {
  border-radius: 8px;
  height: 44px;
  border: 1px solid transparent
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=background_color]:hover, #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=ratio] .select2-container .select2-selection:hover {
  border-color: var(--color-border-hover) !important
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=background_color]:not(:hover)[aria-expanded=false], #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=ratio] .select2-container .select2-selection:not(:hover)[aria-expanded=false] {
  border-color: transparent !important
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=background_color].is-active, #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=background_color]:active, #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=background_color][aria-expanded=true], #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=ratio] .select2-container .select2-selection.is-active, #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=ratio] .select2-container .select2-selection:active, #show_editor .layout_form_header .layout_back_to_list_container .left-side [data-fields=ratio] .select2-container .select2-selection[aria-expanded=true] {
  border-color: var(--color-border-focus) !important
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side .screen-size-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  height: 44px;
  border-radius: 8px;
  border: 1px solid transparent
}
@media (max-width:630px) {
  #show_editor .layout_form_header .layout_back_to_list_container .left-side .screen-size-container {
    display: none
  }
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side .screen-size-container:hover {
  border-color: var(--color-border-hover)
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side .screen-size-container.active {
  border-color: var(--color-border-focus)
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side .screen-size-container .zoom-in, #show_editor .layout_form_header .layout_back_to_list_container .left-side .screen-size-container .zoom-out {
  border-radius: 4px;
  padding: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side .screen-size-container .zoom-in:hover:not(.disabled), #show_editor .layout_form_header .layout_back_to_list_container .left-side .screen-size-container .zoom-out:hover:not(.disabled) {
  cursor: pointer;
  background-color: var(--color-background-tertiary)
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side .screen-size-container .zoom-dropdown {
  position: relative
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side .screen-size-container .zoom-dropdown .zoom-dropdown-toggle {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px;
  border: none;
  background: 0 0;
  padding: 4px 8px;
  border-radius: 6px;
  color: var(--color-content-primary);
  cursor: pointer;
  width: 55px
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side .screen-size-container .zoom-dropdown .zoom-dropdown-toggle:hover {
  background-color: var(--color-background-tertiary)
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side .screen-size-container .zoom-dropdown .zoom-dropdown-toggle:focus {
  outline: 0;
  box-shadow: none
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side .screen-size-container .zoom-dropdown .zoom-dropdown-menu {
  position: absolute;
  min-width: 180px;
  padding: 0;
  left: -60px;
  top: 40px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
  border: 1px solid var(--color-border-default);
  background-color: var(--color-background-inverse);
  border-radius: 8px;
  z-index: 1003
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side .screen-size-container .zoom-dropdown .zoom-dropdown-menu .dropdown-menu-header {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 100%;
  padding: 12px;
  margin: 0;
  border-bottom: 1px solid var(--color-border-default);
  font-size: 16px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 500 !important;
  cursor: -webkit-grab;
  cursor: grab
}
@media (max-width:768px) {
  #show_editor .layout_form_header .layout_back_to_list_container .left-side .screen-size-container .zoom-dropdown .zoom-dropdown-menu .dropdown-menu-header {
    font-size: 14px !important;
    letter-spacing: .02em !important
  }
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side .screen-size-container .zoom-dropdown .zoom-dropdown-menu .dropdown-menu-header:active {
  cursor: -webkit-grabbing;
  cursor: grabbing
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side .screen-size-container .zoom-dropdown .zoom-dropdown-menu .dropdown-menu-header .close {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  padding: 0;
  margin: 0;
  border: none;
  background: 0 0;
  color: var(--color-content-secondary);
  cursor: pointer
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side .hand-tool-toggle span:hover, #show_editor .layout_form_header .layout_back_to_list_container .left-side .screen-size-container .zoom-dropdown .zoom-dropdown-menu .zoom-dropdown-option.selected, #show_editor .layout_form_header .layout_back_to_list_container .left-side .screen-size-container .zoom-dropdown .zoom-dropdown-menu .zoom-dropdown-option:hover {
  background-color: var(--color-background-tertiary)
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side .screen-size-container .zoom-dropdown .zoom-dropdown-menu .dropdown-menu-header .close:hover {
  color: var(--color-content-primary)
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side .screen-size-container .zoom-dropdown .zoom-dropdown-menu .zoom-dropdown-option {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  padding: 12px 24px;
  color: var(--color-content-primary);
  cursor: pointer
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side .screen-size-container .zoom-dropdown .zoom-dropdown-menu .zoom-dropdown-option.selected .option-text {
  font-size: 14px !important;
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 600 !important
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side .screen-size-container .zoom-dropdown .zoom-dropdown-menu .zoom-dropdown-option.fit-to-page {
  border-top: 1px solid var(--color-border-default);
  border-radius: 0 0 8px 8px
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side .hand-tool-toggle span {
  padding: 4px;
  border-radius: 8px;
  cursor: pointer;
  color: var(--color-content-primary)
}
#show_editor .layout_form_header .layout_back_to_list_container .left-side .hand-tool-toggle.active span {
  background-color: var(--color-background-secondary);
  color: var(--basic_branding)
}
@media (max-width:630px) {
  #show_editor .layout_form_header .layout_back_to_list_container .left-side .hand-tool-toggle {
    display: none
  }
}
#show_editor .layout_form_header .layout_back_to_list_container .right-side {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
@media (max-width:1560px) {
  #show_editor .layout_form_header .layout_back_to_list_container .right-side .preview-model {
    padding: 0 10px;
    min-width: unset
  }
  #show_editor .layout_form_header .layout_back_to_list_container .right-side .preview-model .preview-text {
    display: none
  }
}
#show_editor .layout_form_header .layout_back_to_list_container .actions_parent {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  margin: 0 !important
}
#show_editor .layout_form_header .layout_back_to_list_container .actions_parent #edit-form-actions-buttons {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 100%;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
  margin: 0
}
#show_editor .layout_form_header .layout_back_to_list_container .actions_parent #edit-form-actions-buttons .fullscreen-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  color: var(--basic_branding);
  background-color: inherit;
  border: none;
  cursor: pointer
}
#show_editor .layout_form_header .layout_back_to_list_container .actions_parent #edit-form-actions-buttons .fullscreen-container:hover {
  color: var(--color-content-link-hover)
}
#show_editor .mobile-actions-footer {
  display: none
}
@media (max-width:1560px) {
  #show_editor .bg-color-text, #show_editor .layers-text {
    display: none !important
  }
}
@media (max-width:1140px) {
  #show_editor .desktop-actions {
    display: none !important
  }
  #show_editor .mobile-actions-footer {
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: var(--navbar-height);
    background-color: var(--color-background-inverse);
    border-top: 1px solid var(--color-border-section);
    padding: 12px 16px;
    z-index: 1003;
    box-shadow: 0 -2px 6px rgba(0, 0, 0, .1)
  }
  #show_editor .mobile-actions-buttons {
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    display: flex;
    width: 100%;
    gap: 12px
  }
  #show_editor .mobile-actions-buttons .left-side {
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    display: flex;
    min-width: 0
  }
  #show_editor .mobile-actions-buttons .right-side {
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;
    display: flex;
    min-width: 0
  }
  #show_editor .mobile-actions-buttons .left-side, #show_editor .mobile-actions-buttons .right-side {
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    width: auto
  }
  #show_editor .mobile-actions-buttons .left-side button, #show_editor .mobile-actions-buttons .right-side button {
    max-width: 150px;
    width: 150px;
    flex: 0 1 150px
  }
}
#show_editor #toolbar-actions {
  display: flex;
  position: fixed;
  top: calc(var(--navbar-height) + 5px);
  left: 50%;
  -webkit-transform: translateX(-45%);
  transform: translateX(-45%);
  padding: 12px 16px;
  max-width: calc(100vw - 150px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  box-shadow: 0 0 6px 5px rgba(0, 0, 0, .0588);
  border-radius: 12px;
  background-color: var(--color-background-inverse);
  z-index: 1001
}
#show_editor #toolbar-actions .toolbar-container {
  overflow-y: hidden;
  overflow-x: auto;
  scrollbar-width: none;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px
}
#show_editor #toolbar-actions .toolbar-container > * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  flex-shrink: 0
}
#show_editor #toolbar-actions .toolbar-container .modal-trigger {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
#show_editor #toolbar-actions .toolbar-container .cursor-pointer {
  padding: 4px
}
#show_editor #toolbar-actions .toolbar-container .svg-tool-icon {
  width: 32px;
  height: 32px;
  cursor: pointer;
  outline: 0;
  fill: var(--color-background-inverse)
}
.annual-calendar-icon-base, .monthly-calendar-icon-base, .supported-player-type .player-icon, html.dark #show_editor #toolbar-actions .toolbar-container .svg-tool-icon {
  fill: var(--color-content-primary)
}
#show_editor #toolbar-actions .toolbar-container .svg-tool-icon.pixie-edit {
  stroke: var(--color-content-primary)
}
#show_editor #toolbar-actions .toolbar-container .background-color-editor, #show_editor #toolbar-actions .toolbar-container .font-color-editor {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  row-gap: 2px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}
#show_editor #toolbar-actions .toolbar-container .background-color-editor span, #show_editor #toolbar-actions .toolbar-container .font-color-editor span {
  height: 18px
}
#show_editor #toolbar-actions .toolbar-container .background-color-editor span.material-symbols-outlined, #show_editor #toolbar-actions .toolbar-container .font-color-editor span.material-symbols-outlined {
  font-weight: 100 !important;
  font-size: 18px
}
#show_editor #toolbar-actions .toolbar-container .lock-trigger {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px
}
#show_editor #toolbar-actions .toolbar-container .lock-trigger.fast-unlock {
  padding: 12px;
  border-radius: 8px;
  background-color: var(--color-background-secondary)
}
#show_editor #toolbar-actions .toolbar-container .lock-trigger .crown {
  padding: 2px;
  border-radius: 50%;
  background-color: #fce7af
}
html.dark #show_editor #toolbar-actions .toolbar-container .lock-trigger .crown {
  color: var(--color-content-inverse)
}
#show_editor #toolbar-actions .toolbar-container .fill-color {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--color-background-notice)
}
#show_editor #toolbar-actions .toolbar-container .outline-color {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 6px solid var(--color-background-notice)
}
#show_editor #toolbar-actions .toolbar-container .flip-container {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px
}
#show_editor #toolbar-actions .toolbar-container .flip-container .flip-v {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
#show_editor #toolbar-actions .toolbar-container [data-editors=font-family] {
  min-width: 180px;
  max-height: 36px
}
#show_editor #toolbar-actions .toolbar-container [data-editors=font-family] .select2-container {
  width: 180px !important
}
#show_editor #toolbar-actions .toolbar-container [data-editors=font-family] .select2-container .select2-selection {
  height: 36px;
  border-radius: 8px
}
#show_editor #toolbar-actions .toolbar-container [data-editors=fitting], #show_editor #toolbar-actions .toolbar-container [data-editors=font-weight] {
  max-height: 36px
}
#show_editor #toolbar-actions .toolbar-container [data-editors=fitting] .select2-container .select2-selection, #show_editor #toolbar-actions .toolbar-container [data-editors=font-weight] .select2-container .select2-selection {
  height: 36px;
  border-radius: 8px;
  border-color: transparent !important
}
#show_editor #toolbar-actions .toolbar-container [data-editors=fitting] .select2-container .select2-selection[aria-expanded=true], #show_editor #toolbar-actions .toolbar-container [data-editors=font-weight] .select2-container .select2-selection[aria-expanded=true] {
  background-color: var(--color-background-secondary)
}
#show_editor #toolbar-actions .toolbar-container [data-editors=fitting] .select2-container .select2-dropdown.select2-dropdown--below, #show_editor #toolbar-actions .toolbar-container [data-editors=font-weight] .select2-container .select2-dropdown.select2-dropdown--below {
  margin-top: 20px
}
#show_editor #toolbar-actions .toolbar-container [data-editors=fitting] .select2-container .select2-dropdown.select2-dropdown--below .select2-results__option, #show_editor #toolbar-actions .toolbar-container [data-editors=font-weight] .select2-container .select2-dropdown.select2-dropdown--below .select2-results__option {
  position: relative
}
#show_editor #toolbar-actions .toolbar-container [data-editors=fitting] .select2-container .select2-dropdown.select2-dropdown--below .select2-results__option[aria-selected=true], #show_editor #toolbar-actions .toolbar-container [data-editors=font-weight] .select2-container .select2-dropdown.select2-dropdown--below .select2-results__option[aria-selected=true] {
  display: block;
  background-color: var(--color-background-tertiary)
}
#show_editor #toolbar-actions .toolbar-container [data-editors=fitting] .select2-container .select2-dropdown.select2-dropdown--below .select2-results__option[aria-selected=true]:after, #show_editor #toolbar-actions .toolbar-container [data-editors=font-weight] .select2-container .select2-dropdown.select2-dropdown--below .select2-results__option[aria-selected=true]:after {
  content: 'check_circle';
  font-family: 'Material Icons Outlined';
  color: var(--color-content-primary);
  position: absolute;
  right: 14px
}
#show_editor #toolbar-actions .toolbar-container [data-editors=fitting] .select2-container .arrow, #show_editor #toolbar-actions .toolbar-container [data-editors=font-weight] .select2-container .arrow {
  top: 20px;
  left: 50%;
  position: absolute
}
#show_editor #toolbar-actions .toolbar-container [data-editors=fitting] .select2-container .arrow:before, #show_editor #toolbar-actions .toolbar-container [data-editors=font-weight] .select2-container .arrow:before {
  content: '';
  position: absolute;
  top: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid var(--color-background-inverse);
  -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, .1588));
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, .1588))
}
#show_editor #toolbar-actions .toolbar-container .font-size {
  height: 36px;
  margin: 0 36px
}
#show_editor #toolbar-actions .toolbar-container .font-size input {
  position: relative;
  z-index: 1;
  height: 36px;
  border-radius: 0 !important;
  max-width: 80px;
  text-align: center;
  padding: 8px 15px
}
#show_editor #toolbar-actions .toolbar-container .font-size .spinner-buttons {
  position: absolute;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
  display: flex;
  width: 152px;
  top: 0;
  left: -36px
}
#show_editor #toolbar-actions .toolbar-container .font-size .spinner-buttons button {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 36px;
  height: 36px;
  margin: 0;
  background-color: var(--color-background-secondary)
}
#show_editor #toolbar-actions .toolbar-container .font-size .spinner-buttons button i {
  font-style: normal
}
#show_editor #toolbar-actions .toolbar-container .font-size .spinner-buttons button:hover {
  background-color: var(--color-background-tertiary)
}
#show_editor #toolbar-actions .toolbar-container .font-size .spinner-buttons button:active, #show_editor #toolbar-actions .toolbar-container .font-size .spinner-buttons button:focus {
  background-color: #d1d8de
}
#show_editor #toolbar-actions .toolbar-container .font-size .spinner-buttons button:first-child {
  border-radius: 0 8px 8px 0 !important
}
#show_editor #toolbar-actions .toolbar-container .font-size .spinner-buttons button:first-child ::before {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  font-family: 'Material Icons';
  content: '\e145';
  color: var(--color-content-primary)
}
#show_editor #toolbar-actions .toolbar-container .font-size .spinner-buttons button:nth-child(2) {
  border-radius: 8px 0 0 8px !important
}
#show_editor #toolbar-actions .toolbar-container .font-size .spinner-buttons button:nth-child(2) ::before {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  font-family: 'Material Icons';
  content: '\e15b';
  color: var(--color-content-primary)
}
#show_editor #toolbar-actions .toolbar-container .vertical-line {
  width: 1px;
  height: 20px;
  background-color: var(--color-border-default)
}
#show_editor #toolbar-actions .toolbar-container .spinners-wrapper {
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  width: 380px;
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  z-index: 1001
}
#show_editor #toolbar-actions .toolbar-container .spinners-wrapper .spinners-header {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 100%;
  padding: 12px;
  border-bottom: 1px solid var(--color-border-default);
  cursor: -webkit-grab;
  cursor: grab
}
#show_editor #toolbar-actions .toolbar-container .spinners-wrapper .spinners-header:active {
  cursor: -webkit-grabbing;
  cursor: grabbing
}
#show_editor #toolbar-actions .toolbar-container .spinners-wrapper .spinners-header label {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  padding: 0
}
#show_editor #toolbar-actions .toolbar-container .spinners-wrapper .sections-container {
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  width: 100%;
  row-gap: 15px;
  padding: 16px 24px 24px
}
#show_editor #toolbar-actions .toolbar-container .spinners-wrapper .sections-container .section {
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  width: 100%;
  row-gap: 10px
}
#show_editor #toolbar-actions .toolbar-container .spinners-wrapper .sections-container .section .grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  width: 100%
}
#show_editor #toolbar-actions .toolbar-container .spinners-wrapper .sections-container .section .grid-container .grid-button {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 8px;
  border: 1px solid var(--color-border-default);
  padding: 7px 12px;
  border-radius: 8px;
  cursor: pointer
}
#show_editor #toolbar-actions .toolbar-container .spinners-wrapper .sections-container .section .grid-container .grid-button:focus, #show_editor #toolbar-actions .toolbar-container .spinners-wrapper .sections-container .section .grid-container .grid-button:hover {
  border: 1px solid var(--color-border-hover)
}
#show_editor #toolbar-actions .toolbar-container .spinners-wrapper .sections-container .section .grid-container .grid-button .forward {
  background: 0 0;
  background-color: var(--color-content-primary);
  -webkit-mask: url(../svgs/layer_forward.svg) no-repeat center;
  mask: url(../svgs/layer_forward.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 20px;
  height: 20px;
  display: inline-block
}
#show_editor #toolbar-actions .toolbar-container .spinners-wrapper .sections-container .section .grid-container .grid-button .backward {
  background: 0 0;
  background-color: var(--color-content-primary);
  -webkit-mask: url(../svgs/layer_backward.svg) no-repeat center;
  mask: url(../svgs/layer_backward.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 20px;
  height: 20px;
  display: inline-block
}
#show_editor #toolbar-actions .toolbar-container .spinners-wrapper .sections-container .section .grid-container .grid-button .to-front {
  background: 0 0;
  background-color: var(--color-content-primary);
  -webkit-mask: url(../svgs/layer_to_front.svg) no-repeat center;
  mask: url(../svgs/layer_to_front.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 20px;
  height: 20px;
  display: inline-block
}
#show_editor #toolbar-actions .toolbar-container .spinners-wrapper .sections-container .section .grid-container .grid-button .to-back {
  background: 0 0;
  background-color: var(--color-content-primary);
  -webkit-mask: url(../svgs/layer_to_back.svg) no-repeat center;
  mask: url(../svgs/layer_to_back.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 20px;
  height: 20px;
  display: inline-block
}
#show_editor #toolbar-actions .toolbar-container .spinners-wrapper .sections-container .section .section-editors {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  width: 100%
}
#show_editor #toolbar-actions .toolbar-container .spinners-wrapper .sections-container .section .section-editors .spinner-editor {
  flex: 1 1 0;
  min-width: 0;
  width: 100%
}
#show_editor #toolbar-actions .toolbar-container .spinners-wrapper .sections-container .section .section-editors .spinner-editor .spinner-container {
  width: 100%;
  min-width: 130px
}
#show_editor #toolbar-actions .toolbar-container .spinners-wrapper .sections-container .section .section-editors .spinner-editor .spinner-container .ace-spinner {
  width: 100% !important
}
#show_editor #toolbar-actions .toolbar-container .spinners-wrapper .sections-container .section .section-editors .spinner-editor .spinner-container .spinner-buttons {
  height: 48px;
  padding-right: 12px
}
#show_editor #toolbar-actions .toolbar-container .spinners-wrapper .spinner-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px
}
#show_editor #toolbar-actions .toolbar-container .spinners-wrapper .spinner-container .spinner-label {
  margin-right: -34px;
  z-index: 1
}
#show_editor #toolbar-actions .toolbar-container .spinners-wrapper .spinner-container input {
  padding: 8px 25px 10px 32px;
  border-radius: 8px !important;
  height: 48px !important
}
#show_editor #toolbar-actions .toolbar-container .maintain_aspect_ratio_field {
  cursor: pointer
}
#show_editor #toolbar-actions .toolbar-container .maintain_aspect_ratio_field [data-editors=maintain_aspect_ratio_toggle] {
  flex: 0 0 auto
}
#show_editor #toolbar-actions .toolbar-container .maintain_aspect_ratio_field [data-editors=maintain_aspect_ratio_toggle] .boolean-switch {
  padding-top: 0 !important
}
#show_editor #toolbar-actions .toolbar-container .maintain_aspect_ratio_field [data-editors=maintain_aspect_ratio_toggle] .boolean-switch label {
  margin-bottom: 0
}
#show_editor #toolbar-actions .toolbar-container .maintain_aspect_ratio_field [data-editors=maintain_aspect_ratio_toggle] .boolean-switch label .custom-boolean-switch:checked + .lbl:before {
  background-color: var(--color-background-inverse) !important;
  border: 1px solid var(--color-border-default) !important;
  color: var(--basic_branding) !important
}
#show_editor #toolbar-actions .toolbar-container .maintain_aspect_ratio_field [data-editors=maintain_aspect_ratio_toggle] .boolean-switch label .lbl {
  all: unset
}
#show_editor #toolbar-actions .toolbar-container .maintain_aspect_ratio_field [data-editors=maintain_aspect_ratio_toggle] .boolean-switch label .lbl:before {
  all: unset;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  font-family: 'Material Icons';
  content: '\e85b';
  font-size: 22px;
  padding: 8px;
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-border-default);
  color: var(--color-content-primary);
  border-radius: 8px;
  height: 30px;
  width: 30px
}
#show_editor #toolbar-actions .toolbar-container .maintain_aspect_ratio_field [data-editors=maintain_aspect_ratio_toggle] .boolean-switch label .lbl:after {
  all: unset
}
#show_editor #toolbar-actions .toolbar-container .maintain_aspect_ratio_field:hover .lbl::before {
  border: 1px solid var(--color-border-hover)
}
#show_editor #toolbar-actions .toolbar-container .topbar-spinner-container {
  height: 36px
}
#show_editor #toolbar-actions .toolbar-container .topbar-spinner-container .ace-spinner input.spinner-input {
  border-radius: 0 !important;
  color: var(--basic_branding);
  text-align: center;
  width: 72px;
  height: 36px;
  font-size: 14px;
  padding: 0 12px
}
#show_editor #toolbar-actions .toolbar-container .topbar-spinner-container .ace-spinner .spinner-buttons button {
  height: 36px;
  width: 36px;
  margin: 0;
  background-color: var(--color-background-secondary);
  color: var(--color-content-primary);
  outline: 0
}
#show_editor #toolbar-actions .toolbar-container .topbar-spinner-container .ace-spinner .spinner-buttons button i {
  color: var(--color-content-primary)
}
#show_editor #toolbar-actions .toolbar-container .topbar-spinner-container .ace-spinner .spinner-buttons button.spinner-down {
  border-radius: 8px 0 0 8px !important
}
#show_editor #toolbar-actions .toolbar-container .topbar-spinner-container .ace-spinner .spinner-buttons button.spinner-up {
  border-radius: 0 8px 8px 0 !important
}
#show_editor #toolbar-actions .toolbar-container .magic-write {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background-color: #623bd7
}
#show_editor #toolbar-actions .toolbar-container .magic-write .magic-wand {
  background-image: url(../svgs/magic_wand_dark.svg);
  background-repeat: no-repeat;
  width: 36px;
  height: 36px;
  background-color: inherit;
  background-position: center;
  background-size: auto;
  border-radius: 8px
}
#show_editor #toolbar-actions .toolbar-container .magic-write:focus, #show_editor #toolbar-actions .toolbar-container .magic-write:hover {
  background-color: #4423a9
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  row-gap: 15px;
  width: 850px;
  min-height: 240px;
  background-color: var(--color-background-inverse);
  padding: 12px;
  border-radius: 8px;
  z-index: 1001
}
@media (max-width:1920px) {
  #show_editor #toolbar-actions .toolbar-container .magic-write-modal {
    width: 700px
  }
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .title-container {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 100%;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  cursor: -webkit-grab;
  cursor: grab
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .title-container:active {
  cursor: -webkit-grabbing;
  cursor: grabbing
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .title-container .magic-wand {
  background-image: var(--magic-wand-svg);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-color: inherit;
  background-position: center;
  background-size: auto;
  border-radius: 8px
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .title-container .magic-wand.loading {
  background-image: var(--magic-wand-gif);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-color: inherit;
  background-position: center;
  background-size: contain
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .close {
  position: absolute;
  top: 10px;
  right: 10px
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .actions-container {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  width: 90%
}
@media (max-width:1920px) {
  #show_editor #toolbar-actions .toolbar-container .magic-write-modal .actions-container {
    width: 100%
  }
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .actions-container .translate-dropdown .translate-title-container, #show_editor #toolbar-actions .toolbar-container .magic-write-modal .actions-container button {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  background-color: var(--color-background-primary);
  border: 1px solid var(--color-background-primary);
  color: var(--color-content-primary);
  border-radius: 8px;
  padding: 6px
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .actions-container .translate-dropdown .translate-title-container:hover, #show_editor #toolbar-actions .toolbar-container .magic-write-modal .actions-container button:hover {
  border: 1px solid var(--color-border-default)
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .actions-container .translate-dropdown .translate-title-container[disabled], #show_editor #toolbar-actions .toolbar-container .magic-write-modal .actions-container button[disabled] {
  opacity: .5
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .actions-container .translate-dropdown .select2container {
  width: 160px;
  height: 34px
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .actions-container .translate-dropdown .select2container .select2-container {
  max-width: none
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .actions-container .translate-dropdown .select2container .select2-selection {
  padding: 0 0 0 10px;
  height: 34px;
  border-radius: 8px;
  background-color: var(--color-background-primary);
  border: 1px solid var(--color-background-primary)
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .actions-container .translate-dropdown .select2container .select2-selection:hover {
  border: 1px solid var(--color-border-default)
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .actions-container .translate-dropdown .select2container .select2-selection__rendered {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  height: 30px;
  font-size: 14px !important;
  letter-spacing: .02em !important;
  font-weight: 500 !important
}
@media (max-width:768px) {
  #show_editor #toolbar-actions .toolbar-container .magic-write-modal .actions-container .translate-dropdown .select2container .select2-selection__rendered {
    font-size: 12px !important;
    letter-spacing: .04em !important
  }
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .actions-container .translate-dropdown .select2container .select2-selection__rendered:before {
  font-family: 'Material Icons';
  font-size: 14px !important;
  letter-spacing: .02em !important;
  font-weight: 500 !important;
  content: '\e8e2';
  margin-left: 0;
  border: 0
}
@media (max-width:768px) {
  #show_editor #toolbar-actions .toolbar-container .magic-write-modal .actions-container .translate-dropdown .select2container .select2-selection__rendered:before {
    font-size: 12px !important;
    letter-spacing: .04em !important
  }
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .actions-container .translate-dropdown .select2container .select2-selection__placeholder {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  height: 30px;
  color: var(--color-content-primary);
  font-size: 14px !important;
  letter-spacing: .02em !important;
  font-weight: 500 !important
}
@media (max-width:768px) {
  #show_editor #toolbar-actions .toolbar-container .magic-write-modal .actions-container .translate-dropdown .select2container .select2-selection__placeholder {
    font-size: 12px !important;
    letter-spacing: .04em !important
  }
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .actions-container .translate-dropdown .select2container .select2-selection__arrow {
  position: static;
  width: unset
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .actions-container .translate-dropdown .select2container .select2-selection__arrow:before {
  font-family: 'Material Icons';
  font-size: 18px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 400 !important;
  content: '\e316';
  margin-left: 0;
  border: 0;
  transition: ease-in-out .2s
}
@media (max-width:768px) {
  #show_editor #toolbar-actions .toolbar-container .magic-write-modal .actions-container .translate-dropdown .select2container .select2-selection__arrow:before {
    font-size: 16px !important;
    letter-spacing: .02em !important
  }
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .actions-container .translate-dropdown select[disabled] {
  pointer-events: none
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .actions-container .translate-dropdown select[disabled] + .select2-container .select2-selection {
  pointer-events: none;
  cursor: none;
  opacity: .5
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .actions-container .translate-dropdown select[disabled] + .select2-container .select2-selection:focus, #show_editor #toolbar-actions .toolbar-container .magic-write-modal .actions-container .translate-dropdown select[disabled] + .select2-container .select2-selection:hover {
  border: 1px solid var(--color-background-primary)
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .actions-container .translate-dropdown .select2-results__option[aria-selected=true] {
  display: block !important
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .original-text-editor-container {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  row-gap: 5px;
  width: 100%;
  margin-bottom: 30px
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .original-text-editor-container .original-text-editor {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  row-gap: 10px;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border: 1px solid var(--color-border-default);
  color: var(--color-content-secondary);
  border-radius: 8px;
  padding: 10px
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .original-text-editor-container .original-text-editor .text {
  word-break: break-all
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .original-text-editor-container .see-history-container {
  position: relative;
  z-index: 1003
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .original-text-editor-container .see-history-container .see-history-button {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .original-text-editor-container .see-history-container .see-history-button:focus, #show_editor #toolbar-actions .toolbar-container .magic-write-modal .original-text-editor-container .see-history-container .see-history-button:hover {
  color: var(--color-background-notice-subtle);
  cursor: pointer
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .original-text-editor-container .see-history-container .see-history-dropdown {
  position: absolute;
  padding: 20px 15px;
  top: 25px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 200px;
  width: 600px;
  overflow-y: scroll;
  border-radius: 8px;
  background-color: var(--color-background-inverse);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, .15)
}
html.dark #show_editor #toolbar-actions .toolbar-container .magic-write-modal .original-text-editor-container .see-history-container .see-history-dropdown {
  border: 1px solid var(--color-border-default)
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .original-text-editor-container .see-history-container .see-history-dropdown .see-history-dropdown-arrow {
  position: absolute;
  top: -8px;
  left: 10%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid var(--color-background-inverse)
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .original-text-editor-container .see-history-container .see-history-dropdown .see-history-dropdown-items {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  width: 100%
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .original-text-editor-container .see-history-container .see-history-dropdown .see-history-dropdown-items .see-history-dropdown-item {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  padding-block: 10px;
  width: 100%
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .original-text-editor-container .see-history-container .see-history-dropdown .see-history-dropdown-items .see-history-dropdown-item:not(:last-child) {
  border-bottom: 1px solid var(--color-border-default)
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .original-text-editor-container .see-history-container .see-history-dropdown .see-history-dropdown-items .see-history-dropdown-item .text {
  flex-wrap: wrap;
  width: 80%
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .original-text-editor-container .see-history-container .see-history-dropdown .see-history-dropdown-items .see-history-dropdown-item .revert-icon {
  padding: 6px;
  background-color: var(--color-brand-subtle);
  border-radius: 8px
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .original-text-editor-container .see-history-container .see-history-dropdown .see-history-dropdown-items .see-history-dropdown-item .revert-icon:focus, #show_editor #toolbar-actions .toolbar-container .magic-write-modal .original-text-editor-container .see-history-container .see-history-dropdown .see-history-dropdown-items .see-history-dropdown-item .revert-icon:hover {
  background-color: var(--color-brand-subtle-hover);
  cursor: pointer
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .original-text-editor-container .error-message {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .original-text-editor-container .error-message .text a:hover, #show_editor #toolbar-actions .toolbar-container .magic-write-modal .original-text-editor-container .error-message .text afocus {
  color: var(--color-content-negative)
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .ai-mistakes {
  position: absolute;
  bottom: 10px;
  left: 10px
}
#show_editor #toolbar-actions .toolbar-container .magic-write-modal .contact-us:focus, #show_editor #toolbar-actions .toolbar-container .magic-write-modal .contact-us:hover {
  text-decoration: underline
}
#show_editor .general-settings-layering {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  top: 80px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 300px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 8px;
  background-color: var(--color-background-inverse);
  right: 4px;
  position: fixed !important;
  z-index: 1030;
  box-shadow: 0 0 6px 5px rgba(0, 0, 0, .0588)
}
#show_editor .general-settings-layering .layers-header {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 100%;
  padding: 12px;
  border-bottom: 1px solid var(--color-border-default);
  cursor: -webkit-grab;
  cursor: grab
}
#show_editor .general-settings-layering .all-layers-selector-wrapper {
  width: 100%;
  padding: 15px 34px;
  border-bottom: 1px solid #e4e5e7
}
#show_editor .general-settings-layering .all-layers-selector-wrapper input[type=checkbox] {
  width: 16px;
  height: 16px;
  accent-color: var(--basic_branding);
  cursor: pointer
}
#show_editor .general-settings-layering .all-layers-selector-wrapper label {
  margin-right: 8px
}
#show_editor .general-settings-layering:active {
  cursor: -webkit-grabbing;
  cursor: grabbing
}
#show_editor .general-settings-layering.is-collaborator .layout_layer.locked {
  opacity: .5
}
#show_editor .general-settings-layering .layers-wrapper {
  width: 300px;
  min-height: 50px;
  max-height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin
}
#show_editor .general-settings-layering .layers-wrapper .no-layers-content-message {
  font-style: italic;
  padding: 10px;
  display: block
}
#show_editor .general-settings-layering .layers-wrapper #layout_layers {
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  row-gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative
}
#show_editor .general-settings-layering .layers-wrapper #layout_layers.is-read-only > li {
  cursor: pointer
}
#show_editor .general-settings-layering .layers-wrapper #layout_layers .layout_layer {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  border-radius: 8px;
  width: 100%;
  padding: 10px;
  cursor: -webkit-grab;
  cursor: grab;
  border: 1px solid transparent;
  transition: border, background .3s ease-in-out
}
#show_editor .general-settings-layering .layers-wrapper #layout_layers .layout_layer .layer-handle {
  width: 24px
}
#show_editor .general-settings-layering .layers-wrapper #layout_layers .layout_layer .layer-handle .material-symbols-outlined {
  font-size: 12px;
  color: var(--color-content-secondary);
  cursor: -webkit-grab;
  cursor: grab
}
#show_editor .general-settings-layering .layers-wrapper #layout_layers .layout_layer .layer-thumbnail {
  width: 40px
}
#show_editor .general-settings-layering .layers-wrapper #layout_layers .layout_layer .layer-thumbnail img {
  width: 32px;
  height: 32px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px
}
#show_editor .general-settings-layering .layers-wrapper #layout_layers .layout_layer .layer-thumbnail .layerThumbnail {
  width: 32px;
  height: 32px;
  background-color: var(--color-background-tertiary);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
#show_editor .general-settings-layering .layers-wrapper #layout_layers .layout_layer .layer-checkbox {
  width: 30px
}
#show_editor .general-settings-layering .layers-wrapper #layout_layers .layout_layer .layer-checkbox input {
  width: 16px;
  height: 16px;
  cursor: pointer;
  accent-color: var(--basic_branding)
}
#show_editor .general-settings-layering .layers-wrapper #layout_layers .layout_layer .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1
}
#show_editor .general-settings-layering .layers-wrapper #layout_layers .layout_layer table {
  width: 100%
}
#show_editor .general-settings-layering .layers-wrapper #layout_layers .layout_layer.ui-sortable-helper {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
  cursor: -webkit-grabbing;
  cursor: grabbing;
  opacity: .8
}
#show_editor .general-settings-layering .layers-wrapper #layout_layers .layout_layer.ui-sortable-helper .layer-checkbox {
  opacity: 0
}
#show_editor .general-settings-layering .layers-wrapper #layout_layers .layout_layer .layer-toolbar .hide-region.disabled, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .graphics-search-bar .search-bar-editor.disabled, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .shapes-search-bar .search-bar-editor.disabled, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .cliparts-search-bar .search-bar-editor.disabled, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .graphics-search-bar .search-bar-editor.disabled, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .shapes-search-bar .search-bar-editor.disabled {
  opacity: .5
}
#show_editor .general-settings-layering .layers-wrapper #layout_layers .layout_layer.locked {
  cursor: pointer
}
#show_editor .general-settings-layering .layers-wrapper #layout_layers .layout_layer .layer-toolbar {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  max-width: 0;
  overflow: hidden;
  transition: max-width .2s ease-in-out
}
#show_editor .general-settings-layering .layers-wrapper #layout_layers .layout_layer .layer-toolbar .layer-lock-indicator {
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px
}
#show_editor .general-settings-layering .layers-wrapper #layout_layers .layout_layer .layer-toolbar .layer-lock-indicator span {
  display: flex;
  cursor: pointer
}
#show_editor .general-settings-layering .layers-wrapper #layout_layers .layout_layer .layer-toolbar .layer-lock-indicator span .extra-inner-container {
  color: var(--color-content-tertiary)
}
#show_editor .general-settings-layering .layers-wrapper #layout_layers .layout_layer .layer-toolbar .layer-lock-indicator span.active .extra-inner-container {
  color: var(--color-content-negative)
}
#show_editor .general-settings-layering .layers-wrapper #layout_layers .layout_layer .layer-toolbar .hide-region {
  position: relative
}
#show_editor .general-settings-layering .layers-wrapper #layout_layers .layout_layer .layer-toolbar .hide-region .extra-inner-container {
  display: flex
}
#show_editor .general-settings-layering .layers-wrapper #layout_layers .layout_layer td:first-child {
  width: 32px;
  text-align: center;
  margin-right: 5px;
  border-right: 1px solid var(--color-background-inverse)
}
#show_editor .general-settings-layering .layers-wrapper #layout_layers .layout_layer.show-editor-region-layer-on-hover-and-focus, #show_editor .general-settings-layering .layers-wrapper #layout_layers .layout_layer:hover {
  border: 1px solid var(--basic_branding);
  background: var(--color-background-primary)
}
#show_editor .general-settings-layering .layers-wrapper #layout_layers .layout_layer.show-editor-region-layer-on-hover-and-focus .layer-toolbar, #show_editor .general-settings-layering .layers-wrapper #layout_layers .layout_layer:hover .layer-toolbar {
  max-width: 80px
}
#show_editor .general-settings-layering .layering-header {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 100%
}
#show_editor .general-settings-layering .layering-header .left-side {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex
}
#show_editor .general-settings-layering .layering-header .left-side label {
  margin: 0
}
#show_editor .general-settings-layering .layering-header .lock-unlock-all-container {
  margin-left: auto;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px
}
#show_editor .general-settings-layering .layering-header .lock-unlock-all-container .lock-unlock-all {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  color: var(--color-content-negative);
  cursor: pointer;
  text-decoration: none
}
#show_editor .general-settings-layering .layering-header .lock-unlock-all-container .lock-unlock-all-tooltip {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  background-color: var(--color-background-tertiary);
  height: 18px;
  width: 18px;
  border-radius: 100%
}
#show_editor .general-settings-layering .layering-header .lock-unlock-all-container .lock-unlock-all-tooltip:before {
  display: inline-block;
  background: url(../images/info_icon.svg) center center no-repeat;
  content: ' ';
  white-space: pre;
  width: 18px;
  height: 18px;
  color: var(--color-content-tertiary)
}
#show_editor .general-settings-layering .layers-background-color {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 100%;
  padding: 8px;
  border-radius: 0 0 8px 8px;
  background-color: var(--color-background-tertiary);
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px
}
#show_editor .show-editor-container {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  display: flex;
  height: 100vh;
  width: 100%
}
#show_editor .show-editor-container #sidebar-container-layouts {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  display: flex;
  position: fixed;
  background-color: var(--color-background-inverse) !important;
  border: 1px solid var(--color-border-section);
  top: var(--navbar-height);
  bottom: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  overflow: visible;
  z-index: 1002
}
#show_editor .show-editor-container #sidebar-container-layouts #toolbar {
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  display: flex;
  border-right: 1px solid var(--color-border-section);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  padding: 10px 7px calc(var(--navbar-height) + 10px) 10px;
  row-gap: 24px;
  overflow-y: auto;
  scrollbar-gutter: stable;
  scrollbar-width: thin
}
@media (max-width:1920px) {
  #show_editor .show-editor-container #sidebar-container-layouts #toolbar {
    padding: 10px 3px calc(var(--navbar-height) + 10px) 6px
  }
}
#show_editor .show-editor-container #sidebar-container-layouts #toolbar .toolbar-item {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  width: 86px;
  gap: 8px;
  padding: 12px 8px;
  border-radius: 6px;
  background-color: var(--color-background-inverse);
  cursor: pointer
}
#show_editor .show-editor-container #sidebar-container-layouts #toolbar .toolbar-item.active, #show_editor .show-editor-container #sidebar-container-layouts #toolbar .toolbar-item:focus, #show_editor .show-editor-container #sidebar-container-layouts #toolbar .toolbar-item:hover {
  background-color: var(--color-background-primary)
}
#show_editor .show-editor-container #sidebar-container-layouts #toolbar .toolbar-item.active .toolbar-item-img, #show_editor .show-editor-container #sidebar-container-layouts #toolbar .toolbar-item.active .toolbar-item-text {
  color: var(--basic_branding)
}
#show_editor .show-editor-container #sidebar-container-layouts #toolbar .toolbar-item .toolbar-item-img {
  color: var(--color-content-primary)
}
#show_editor .show-editor-container #sidebar-container-layouts #toolbar .toolbar-item .toolbar-item-text {
  text-align: center;
  text-wrap: wrap;
  color: var(--color-content-primary);
  max-width: 80px;
  font-size: 14px !important;
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important
}
@media (max-width:1920px) {
  #show_editor .show-editor-container #sidebar-container-layouts #toolbar .toolbar-item {
    width: 64px;
    padding: 4px 8px
  }
  #show_editor .show-editor-container #sidebar-container-layouts #toolbar .toolbar-item .toolbar-item-text {
    font-size: 12px !important;
    line-height: 120% !important;
    letter-spacing: 0 !important;
    font-weight: 400 !important
  }
}
@media (max-width:560px) {
  #show_editor .show-editor-container #sidebar-container-layouts #toolbar .toolbar-item .toolbar-item-text {
    display: none
  }
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  padding: 24px 30px 24px 33px;
  height: 100%;
  position: relative;
  width: 432px
}
@media (max-width:1024px) {
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content {
    width: 320px
  }
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view {
    scrollbar-width: thin
  }
}
@media (max-width:560px) {
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content {
    width: calc(100vw - 112px);
    padding: 24px
  }
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content > * {
  width: 100%;
  height: 100%
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content.collapsed {
  width: 0;
  padding: 0
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content.collapsed > * {
  display: none !important
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-text {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 32px
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-text > .add-text-box:first-of-type {
  background: var(--color-brand-purple) !important;
  color: #fff !important;
  border-radius: 8px !important
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-text > .add-text-box:first-of-type:hover {
  background: var(--color-brand-purple-hover) !important
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-text button {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  height: auto;
  min-height: 40px;
  width: 100%
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-text button:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-text button:hover {
  border: 1px solid var(--color-border-hover)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-text button.magenta-button {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  min-height: 40px;
  width: 100%;
  height: auto
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-text button.magenta-button:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-text button.magenta-button:hover {
  background-color: var(--color-brand-purple-hover)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-text .default-text-styles-heading {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 100%
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-text .default-text-styles-container {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 12px;
  width: 100%
}
@media (max-width:1140px) {
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-text .default-text-styles-container {
    padding-bottom: calc(var(--navbar-height) + 10px)
  }
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-templates {
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  display: flex
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-templates .layout-editor-templates {
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  display: flex;
  width: 100%;
  height: 100%;
  row-gap: 16px
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-templates .layout-editor-templates.templates-skeleton-active > .layout-editor-templates-tabs {
  display: none !important
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-templates .layout-editor-templates-tabs {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 100%;
  margin-bottom: 0
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-templates .layout-editor-templates-tabs .templates-tab-branded .branded-settings {
  rotate: 90deg;
  color: var(--color-content-secondary);
  padding: 2px 4px
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-templates .layout-editor-templates-tabs .templates-tab-branded .branded-settings:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-templates .layout-editor-templates-tabs .templates-tab-branded .branded-settings:hover {
  color: var(--basic_branding);
  text-decoration: none
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-templates .layout-editor-templates-tabs .templates-tab {
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  display: flex;
  background-color: var(--color-background-inverse);
  color: var(--color-content-secondary);
  padding: 8px 0;
  row-gap: 10px;
  cursor: pointer;
  flex: 1;
  min-width: 0
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-templates .layout-editor-templates-tabs .templates-tab .templates-tab-content {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  height: 24px;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  max-width: 100%;
  min-width: 0;
  padding: 0 10px
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-templates .layout-editor-templates-tabs .templates-tab .templates-tab-content .tab-text {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-templates .layout-editor-templates-tabs .templates-tab .templates-tab-content .tab-text-short {
  display: none
}
@media (max-width:560px) {
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-templates .layout-editor-templates-tabs .templates-tab .templates-tab-content .tab-text-full {
    display: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-wrap: nowrap
  }
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-templates .layout-editor-templates-tabs .templates-tab .templates-tab-content .tab-text-short {
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-templates .layout-editor-templates-tabs .templates-tab .tab-line {
  width: 100%;
  height: 1px;
  background-color: var(--color-border-default)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-templates .layout-editor-templates-tabs .templates-tab.active {
  color: var(--basic_branding);
  row-gap: 8px
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-templates .layout-editor-templates-tabs .templates-tab.active .tab-line {
  height: 3px;
  background-color: var(--basic_branding);
  border-radius: 4px 4px 0 0
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-templates .layout-editor-templates-content {
  width: 100%;
  height: 100%;
  overflow: hidden
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-templates .layout-editor-templates-content #branded-template-gallery, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-templates .layout-editor-templates-content #template-gallery {
  width: 100%;
  height: 100%;
  overflow-y: auto
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  row-gap: 15px;
  height: 100%
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .cliparts-search-bar {
  width: 100%
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .cliparts-search-bar .search-bar-editor {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  padding: 12px 8px;
  margin-bottom: 0;
  height: 48px
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .cliparts-search-bar .search-bar-editor:hover {
  border-color: var(--color-border-hover)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .cliparts-search-bar .search-bar-editor:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .cliparts-search-bar .search-bar-editor:focus-within {
  border-color: var(--color-border-focus)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .cliparts-search-bar .search-bar-editor input {
  border: none;
  width: 100%;
  padding: 0
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .cliparts-search-bar .search-bar-editor hr {
  background-color: var(--color-content-tertiary);
  width: 2px;
  height: 100%;
  border-radius: 35px
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .cliparts-search-bar .search-bar-editor .close, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .cliparts-search-bar .search-bar-editor .filters {
  color: var(--color-content-primary) !important;
  cursor: pointer;
  border-radius: 50%;
  padding: 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 30px
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .cliparts-search-bar .search-bar-editor .close.active, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .cliparts-search-bar .search-bar-editor .close:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .cliparts-search-bar .search-bar-editor .close:hover, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .cliparts-search-bar .search-bar-editor .filters.active, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .cliparts-search-bar .search-bar-editor .filters:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .cliparts-search-bar .search-bar-editor .filters:hover {
  background-color: var(--color-background-secondary)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .cliparts-search-bar .search-bar-editor .filter-indicator-container {
  display: flex;
  align-items: center;
  position: relative
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .cliparts-search-bar .search-bar-editor .reset-indicator {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 30px;
  border-radius: 30px;
  padding: 6px 12px;
  background-color: var(--color-background-secondary);
  margin-left: 4px;
  white-space: nowrap
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .cliparts-search-bar .search-bar-editor .filters.applied {
  margin-right: -40px;
  z-index: 1;
  box-shadow: 1px 0 2px 0 rgba(12, 19, 76, .1);
  background-color: var(--color-background-secondary)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .cliparts-search-bar .search-bar-editor .filters.applied + .reset-indicator {
  padding-left: 45px
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  row-gap: 15px;
  height: 100%;
  width: 100%
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .recently-used-cliparts {
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  display: flex;
  row-gap: 15px;
  width: 100%;
  overflow-x: clip
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .recently-used-cliparts .carousel-editor {
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  display: flex;
  width: 100%;
  row-gap: 10px;
  margin-bottom: 0
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .recently-used-cliparts .carousel-editor .carousel-header {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 100%;
  padding: 10px 0 0
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .recently-used-cliparts .carousel-editor .carousel-wrapper {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  position: relative;
  width: 100%
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .recently-used-cliparts .carousel-editor .carousel-wrapper .carousel-items {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  transition: -webkit-transform .4s ease-in-out;
  transition: transform .4s ease-in-out;
  transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
  padding-block: 10px
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .recently-used-cliparts .carousel-editor .carousel-wrapper .carousel-items .grid-item {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  background-color: var(--color-background-inverse);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
html.dark #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .recently-used-cliparts .carousel-editor .carousel-wrapper .carousel-items .grid-item {
  border: 1px solid var(--color-border-default)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .recently-used-cliparts .carousel-editor .carousel-wrapper .carousel-items .grid-item:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .recently-used-cliparts .carousel-editor .carousel-wrapper .carousel-items .grid-item:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  cursor: pointer;
  border-color: var(--color-border-hover)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .recently-used-cliparts .carousel-editor .carousel-wrapper .carousel-items .grid-item img {
  width: 80px;
  height: 80px;
  padding: 10px
}
html.dark #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .recently-used-cliparts .carousel-editor .carousel-wrapper .carousel-items .grid-item img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .recently-used-cliparts .carousel-editor .carousel-wrapper .carousel-items .grid-item i {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  font-size: 60px
}
@media (max-width:560px) {
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .recently-used-cliparts .carousel-editor .carousel-wrapper .carousel-items .grid-item {
    width: 70px;
    height: 70px
  }
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .recently-used-cliparts .carousel-editor .carousel-wrapper .carousel-items .grid-item img {
    width: 70px;
    height: 70px;
    padding: 10px
  }
}
@media (max-width:480px) {
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .recently-used-cliparts .carousel-editor .carousel-wrapper .carousel-items .grid-item {
    width: 60px;
    height: 60px
  }
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .recently-used-cliparts .carousel-editor .carousel-wrapper .carousel-items .grid-item img {
    width: 60px;
    height: 60px;
    padding: 10px
  }
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .recently-used-cliparts .carousel-editor .carousel-wrapper .carousel-button {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  position: absolute;
  background-color: var(--color-brand-subtle);
  color: var(--color-content-primary);
  border: 1px solid var(--color-border-default);
  border-radius: 50%;
  padding: 1px;
  top: 40%;
  z-index: 1
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .recently-used-cliparts .carousel-editor .carousel-wrapper .carousel-button:hover {
  background-color: var(--color-brand-subtle-hover);
  cursor: pointer
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .recently-used-cliparts .carousel-editor .carousel-wrapper .carousel-button[data-slide=previous] {
  left: 0
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .recently-used-cliparts .carousel-editor .carousel-wrapper .carousel-button[data-slide=next] {
  right: 0
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .graphics, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .shapes {
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  display: flex;
  width: 100%;
  row-gap: 10px
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .graphics .grid-header, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .shapes .grid-header {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 100%;
  padding: 10px 0 0
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .graphics .grid-header .see-all, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .shapes .grid-header .see-all {
  color: var(--basic_branding)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .graphics .grid-header .see-all:hover, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .shapes .grid-header .see-all:hover {
  cursor: pointer;
  color: color-mix(in srgb, var(--basic_branding), #000 10%)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .graphics .grid-container, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .shapes .grid-container {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(4, 80px);
  justify-items: start;
  row-gap: 15px;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  padding: 10px 0 0;
  max-height: 100%;
  overflow-y: unset;
  overflow-x: clip;
  width: 100%;
  scrollbar-gutter: stable
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .graphics .grid-container .grid-item, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .shapes .grid-container .grid-item {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  background-color: var(--color-background-inverse);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
html.dark #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .graphics .grid-container .grid-item, html.dark #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .shapes .grid-container .grid-item {
  border: 1px solid var(--color-border-default)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .graphics .grid-container .grid-item:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .graphics .grid-container .grid-item:hover, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .shapes .grid-container .grid-item:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .shapes .grid-container .grid-item:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  cursor: pointer;
  border-color: var(--color-border-hover)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .graphics .grid-container .grid-item img, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .shapes .grid-container .grid-item img {
  width: 80px;
  height: 80px;
  padding: 10px
}
html.dark #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .graphics .grid-container .grid-item img, html.dark #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .shapes .grid-container .grid-item img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .graphics .grid-container .grid-item i, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .shapes .grid-container .grid-item i {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  font-size: 60px
}
@media (max-width:560px) {
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .graphics .grid-container .grid-item, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .shapes .grid-container .grid-item {
    width: 70px;
    height: 70px
  }
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .graphics .grid-container .grid-item img, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .shapes .grid-container .grid-item img {
    width: 70px;
    height: 70px;
    padding: 10px
  }
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .graphics .grid-container, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .shapes .grid-container {
    grid-template-columns: repeat(4, 70px)
  }
}
@media (max-width:480px) {
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .graphics .grid-container .grid-item, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .shapes .grid-container .grid-item {
    width: 60px;
    height: 60px
  }
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .graphics .grid-container .grid-item img, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .shapes .grid-container .grid-item img {
    width: 60px;
    height: 60px;
    padding: 10px
  }
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .graphics .grid-container, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .shapes .grid-container {
    grid-template-columns: repeat(4, 60px)
  }
}
@media (max-width:430px) {
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .graphics .grid-container, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .shapes .grid-container {
    grid-template-columns: repeat(3, 60px)
  }
}
@media (max-width:370px) {
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .graphics .grid-container, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .shapes .grid-container {
    grid-template-columns: repeat(2, 60px)
  }
}
@media (max-width:1140px) {
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .graphics {
    padding-bottom: calc(var(--navbar-height) + 10px)
  }
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .after-search-view {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  height: 100%;
  width: 100%;
  row-gap: 15px
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .after-search-view .search-bar-helptext {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .after-search-view .grid-container {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(4, 80px);
  justify-items: start;
  row-gap: 15px;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  padding: 10px 0 0;
  max-height: calc(100% - 100px);
  overflow-y: auto;
  overflow-x: clip;
  width: 100%;
  scrollbar-gutter: stable
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .after-search-view .grid-container .grid-item {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  background-color: var(--color-background-inverse);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
html.dark #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .after-search-view .grid-container .grid-item {
  border: 1px solid var(--color-border-default)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .after-search-view .grid-container .grid-item:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .after-search-view .grid-container .grid-item:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  cursor: pointer;
  border-color: var(--color-border-hover)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .after-search-view .grid-container .grid-item img {
  width: 80px;
  height: 80px;
  padding: 10px
}
html.dark #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .after-search-view .grid-container .grid-item img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .after-search-view .grid-container .grid-item i {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  font-size: 60px
}
@media (max-width:560px) {
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .after-search-view .grid-container .grid-item {
    width: 70px;
    height: 70px
  }
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .after-search-view .grid-container .grid-item img {
    width: 70px;
    height: 70px;
    padding: 10px
  }
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .after-search-view .grid-container {
    grid-template-columns: repeat(4, 70px)
  }
}
@media (max-width:480px) {
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .after-search-view .grid-container .grid-item {
    width: 60px;
    height: 60px
  }
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .after-search-view .grid-container .grid-item img {
    width: 60px;
    height: 60px;
    padding: 10px
  }
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .after-search-view .grid-container {
    grid-template-columns: repeat(4, 60px)
  }
}
@media (max-width:430px) {
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .after-search-view .grid-container {
    grid-template-columns: repeat(3, 60px)
  }
}
@media (max-width:370px) {
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .after-search-view .grid-container {
    grid-template-columns: repeat(2, 60px)
  }
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  row-gap: 15px;
  height: 100%;
  width: 100%
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .graphics-header, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .shapes-header, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .graphics-header, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .shapes-header {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  padding: 10px 0 30px
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .graphics-header .go-back, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .shapes-header .go-back, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .graphics-header .go-back, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .shapes-header .go-back {
  border-radius: 8px;
  padding: 5px;
  background-color: var(--color-brand-subtle);
  color: var(--color-content-primary)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .graphics-header .go-back:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .graphics-header .go-back:hover, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .shapes-header .go-back:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .shapes-header .go-back:hover, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .graphics-header .go-back:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .graphics-header .go-back:hover, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .shapes-header .go-back:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .shapes-header .go-back:hover {
  background-color: var(--color-brand-subtle-hover);
  cursor: pointer
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .graphics-search-bar, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .shapes-search-bar, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .graphics-search-bar, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .shapes-search-bar {
  width: 100%
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .graphics-search-bar .search-bar-editor, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .shapes-search-bar .search-bar-editor, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .graphics-search-bar .search-bar-editor, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .shapes-search-bar .search-bar-editor {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  padding: 12px 8px;
  margin-bottom: 0;
  height: 48px
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .graphics-search-bar .search-bar-editor:hover, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .shapes-search-bar .search-bar-editor:hover, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .graphics-search-bar .search-bar-editor:hover, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .shapes-search-bar .search-bar-editor:hover {
  border-color: var(--color-border-hover)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .graphics-search-bar .search-bar-editor:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .graphics-search-bar .search-bar-editor:focus-within, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .shapes-search-bar .search-bar-editor:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .shapes-search-bar .search-bar-editor:focus-within, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .graphics-search-bar .search-bar-editor:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .graphics-search-bar .search-bar-editor:focus-within, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .shapes-search-bar .search-bar-editor:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .shapes-search-bar .search-bar-editor:focus-within {
  border-color: var(--color-border-focus)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .graphics-search-bar .search-bar-editor input, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .shapes-search-bar .search-bar-editor input, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .graphics-search-bar .search-bar-editor input, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .shapes-search-bar .search-bar-editor input {
  border: none;
  width: 100%;
  padding: 0
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .graphics-search-bar .search-bar-editor hr, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .shapes-search-bar .search-bar-editor hr, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .graphics-search-bar .search-bar-editor hr, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .shapes-search-bar .search-bar-editor hr {
  background-color: var(--color-content-tertiary);
  width: 2px;
  height: 100%;
  border-radius: 35px
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .graphics-search-bar .search-bar-editor .close, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .graphics-search-bar .search-bar-editor .filters, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .shapes-search-bar .search-bar-editor .close, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .shapes-search-bar .search-bar-editor .filters, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .graphics-search-bar .search-bar-editor .close, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .graphics-search-bar .search-bar-editor .filters, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .shapes-search-bar .search-bar-editor .close, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .shapes-search-bar .search-bar-editor .filters {
  color: var(--color-content-primary) !important;
  cursor: pointer;
  border-radius: 50%;
  padding: 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 30px
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .graphics-search-bar .search-bar-editor .close.active, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .graphics-search-bar .search-bar-editor .close:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .graphics-search-bar .search-bar-editor .close:hover, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .graphics-search-bar .search-bar-editor .filters.active, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .graphics-search-bar .search-bar-editor .filters:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .graphics-search-bar .search-bar-editor .filters:hover, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .shapes-search-bar .search-bar-editor .close.active, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .shapes-search-bar .search-bar-editor .close:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .shapes-search-bar .search-bar-editor .close:hover, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .shapes-search-bar .search-bar-editor .filters.active, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .shapes-search-bar .search-bar-editor .filters:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .shapes-search-bar .search-bar-editor .filters:hover, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .graphics-search-bar .search-bar-editor .close.active, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .graphics-search-bar .search-bar-editor .close:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .graphics-search-bar .search-bar-editor .close:hover, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .graphics-search-bar .search-bar-editor .filters.active, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .graphics-search-bar .search-bar-editor .filters:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .graphics-search-bar .search-bar-editor .filters:hover, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .shapes-search-bar .search-bar-editor .close.active, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .shapes-search-bar .search-bar-editor .close:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .shapes-search-bar .search-bar-editor .close:hover, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .shapes-search-bar .search-bar-editor .filters.active, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .shapes-search-bar .search-bar-editor .filters:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .shapes-search-bar .search-bar-editor .filters:hover {
  background-color: var(--color-background-secondary)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .graphics-search-bar .search-bar-editor .filter-indicator-container, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .shapes-search-bar .search-bar-editor .filter-indicator-container, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .graphics-search-bar .search-bar-editor .filter-indicator-container, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .shapes-search-bar .search-bar-editor .filter-indicator-container {
  display: flex;
  align-items: center;
  position: relative
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .graphics-search-bar .search-bar-editor .reset-indicator, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .shapes-search-bar .search-bar-editor .reset-indicator, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .graphics-search-bar .search-bar-editor .reset-indicator, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .shapes-search-bar .search-bar-editor .reset-indicator {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 30px;
  border-radius: 30px;
  padding: 6px 12px;
  background-color: var(--color-background-secondary);
  margin-left: 4px;
  white-space: nowrap
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .graphics-search-bar .search-bar-editor .filters.applied, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .shapes-search-bar .search-bar-editor .filters.applied, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .graphics-search-bar .search-bar-editor .filters.applied, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .shapes-search-bar .search-bar-editor .filters.applied {
  margin-right: -40px;
  z-index: 1;
  box-shadow: 1px 0 2px 0 rgba(12, 19, 76, .1);
  background-color: var(--color-background-secondary)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .graphics-search-bar .search-bar-editor .filters.applied + .reset-indicator, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .shapes-search-bar .search-bar-editor .filters.applied + .reset-indicator, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .graphics-search-bar .search-bar-editor .filters.applied + .reset-indicator, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .shapes-search-bar .search-bar-editor .filters.applied + .reset-indicator {
  padding-left: 45px
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .grid-container, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .grid-container {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(4, 80px);
  justify-items: start;
  row-gap: 15px;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  padding: 10px 0 0;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: clip;
  width: 100%;
  scrollbar-gutter: stable
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .grid-container .grid-item, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .grid-container .grid-item {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  background-color: var(--color-background-inverse);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
html.dark #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .grid-container .grid-item, html.dark #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .grid-container .grid-item {
  border: 1px solid var(--color-border-default)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .grid-container .grid-item:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .grid-container .grid-item:hover, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .grid-container .grid-item:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .grid-container .grid-item:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  cursor: pointer;
  border-color: var(--color-border-hover)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .grid-container .grid-item img, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .grid-container .grid-item img {
  width: 80px;
  height: 80px;
  padding: 10px
}
html.dark #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .grid-container .grid-item img, html.dark #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .grid-container .grid-item img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .grid-container .grid-item i, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .grid-container .grid-item i {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  font-size: 60px
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-settings #source-text, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-settings .field-bgaudio .background-file-name {
  font-size: 14px !important;
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important
}
@media (max-width:560px) {
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .grid-container .grid-item, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .grid-container .grid-item {
    width: 70px;
    height: 70px
  }
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .grid-container .grid-item img, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .grid-container .grid-item img {
    width: 70px;
    height: 70px;
    padding: 10px
  }
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .grid-container, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .grid-container {
    grid-template-columns: repeat(4, 70px)
  }
}
@media (max-width:480px) {
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .grid-container .grid-item, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .grid-container .grid-item {
    width: 60px;
    height: 60px
  }
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .grid-container .grid-item img, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .grid-container .grid-item img {
    width: 60px;
    height: 60px;
    padding: 10px
  }
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .grid-container, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .grid-container {
    grid-template-columns: repeat(4, 60px)
  }
}
@media (max-width:430px) {
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .grid-container, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .grid-container {
    grid-template-columns: repeat(3, 60px)
  }
}
@media (max-width:370px) {
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .grid-container, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .grid-container {
    grid-template-columns: repeat(2, 60px)
  }
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .empty-state-view {
  width: 100%;
  height: 100%;
  justify-self: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  row-gap: 10px
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .empty-state-view .img {
  width: 175px;
  height: 170px
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-settings .field-bgaudio #show-source-type-dropdown, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-settings .field-bgaudio .select_container-item {
  height: 38px;
  border-radius: 8px !important
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-settings {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 32px;
  scrollbar-gutter: stable
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-settings > * {
  width: 100%
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-settings .field-bgaudio #show-source-type-dropdown[aria-expanded=true] .arrow-icon {
  rotate: 180deg
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-settings .field-bgaudio #show-source-type-dropdown .arrow-icon {
  transition: ease-in-out .2s
}
@media (max-width:560px) {
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-settings .lock-insert-container {
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    display: flex;
    row-gap: 10px
  }
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-settings .lock-insert-container label {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  flex-wrap: wrap
}
@media (max-width:400px) {
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-settings .boolean-switch-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    display: flex;
    row-gap: 10px
  }
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-settings .layout-availability-container {
  padding: 16px 16px calc(var(--navbar-height) + 10px);
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  background-color: var(--color-background-primary)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-settings .layout-availability-container .toggle_availability {
  width: 100%
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-settings .layout-availability-container .form-group.field-valid_before {
  margin: 0 !important
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-settings .layout-availability-container .datetimepicker, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-settings .layout-availability-container .datetimepicker input {
  max-width: unset !important;
  width: 100%
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-settings .layout-availability-container .disable-checkbox-container {
  margin-top: 16px
}
@media (max-width:1140px) {
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-settings .filepickers-container-wrapper {
    padding-bottom: calc(var(--navbar-height) + 10px)
  }
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-settings .filepickers-container-wrapper .filepickers-container {
  padding: 16px;
  border-radius: 8px;
  background-color: var(--color-background-primary)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-apps .folders-container .item-name, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-apps .mixed-container .item-name, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-apps .single-container .item-name, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-media .folders-container .item-name, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-media .mixed-container .item-name, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-media .single-container .item-name, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-playlists .folders-container .item-name, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-playlists .mixed-container .item-name, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-playlists .single-container .item-name {
  width: 100%
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-apps .folders-container .item-box, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-apps .mixed-container .item-box, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-apps .single-container .item-box, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-media .folders-container .item-box, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-media .mixed-container .item-box, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-media .single-container .item-box, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-playlists .folders-container .item-box, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-playlists .mixed-container .item-box, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-playlists .single-container .item-box {
  width: 110px
}
@media (max-width:1140px) {
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-apps .mixed-container, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-apps .single-container, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-media .mixed-container, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-media .single-container, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-playlists .mixed-container, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-playlists .single-container {
    padding-bottom: calc(var(--navbar-height) + 10px)
  }
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-apps .magenta-button:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-apps .magenta-button:hover, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-media .magenta-button:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-media .magenta-button:hover, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-playlists .magenta-button:focus, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-playlists .magenta-button:hover {
  background-color: var(--color-brand-purple-hover)
}
#show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-apps .search-context, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-media .search-context, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-playlists .search-context {
  border-radius: 8px !important
}
#show_editor .show-editor-container #sidebar-container-layouts .close-toolbar-button {
  position: absolute;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 24px;
  height: 42px;
  border: 1px solid var(--color-border-default);
  background-color: var(--color-background-inverse);
  border-radius: 0 4px 4px 0;
  top: 50%;
  right: -24px;
  cursor: pointer;
  box-shadow: 0 0 4px 0 rgba(163, 172, 182, .8)
}
#show_editor .show-editor-container #sidebar-container-layouts .close-toolbar-button:focus, #show_editor .show-editor-container #sidebar-container-layouts .close-toolbar-button:hover {
  border: 1px solid var(--color-border-hover)
}
#show_editor .show-editor-container #sidebar-container-layouts .close-toolbar-button.open > div {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
#show_editor .show-editor-container .toolbar-and-canvas-container {
  width: 100%;
  height: 100%
}
#show_editor .show-editor-container .canvas-container {
  margin-left: 106px;
  margin-top: 140px;
  padding-right: 50px;
  padding-bottom: 50px;
  padding-left: 50px;
  touch-action: none
}
#show_editor .show-editor-container .canvas-container #screen-editor {
  background-color: var(--color-background-inverse);
  margin-left: auto;
  margin-right: auto;
  height: auto;
  width: auto;
  border: 5px solid var(--color-border-default);
  position: relative;
  transition: -webkit-transform 140ms ease-out, -webkit-transform-origin 140ms ease-out;
  transition: transform 140ms ease-out, transform-origin 140ms ease-out;
  transition: transform 140ms ease-out, transform-origin 140ms ease-out, -webkit-transform 140ms ease-out, -webkit-transform-origin 140ms ease-out
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas.zoom-cursor {
  cursor: zoom-in
}
#show_editor .show-editor-container .canvas-container #screen-editor .logo {
  padding: 1px 0;
  margin-left: -20px;
  width: 100%;
  text-align: center;
  position: absolute;
  font-family: sans-serif;
  color: var(--color-content-secondary);
  text-shadow: 1px 1px #a0a0a0
}
#show_editor .show-editor-container .canvas-container #screen-editor.vertical .logo {
  -webkit-transform: rotate(20deg);
  transform: rotate(-90deg);
  bottom: 50%;
  right: -50%;
  padding: 0 0 18px;
  margin: -18px 0
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-back {
  position: relative;
  background-color: #000
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-back .inside {
  width: 640px;
  height: 360px;
  max-width: 100%
}
#show_editor .show-editor-container .canvas-container #screen-editor .alignment-guide-widget.canvas-guides {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 900;
  color: transparent;
  border-color: transparent
}
#show_editor .show-editor-container .canvas-container #screen-editor .alignment-guide-widget.canvas-guides .n-alignment-guide {
  border-top-width: calc(1px * var(--inverse-zoom, 1));
  border-top-style: dashed;
  border-top-color: inherit;
  border-left-style: dashed;
  border-left-width: calc(1px * var(--inverse-zoom, 1));
  border-left-color: inherit;
  position: absolute;
  width: calc(1px * var(--inverse-zoom, 1));
  top: 0;
  height: 100%;
  left: calc(50% - 1px)
}
#show_editor .show-editor-container .canvas-container #screen-editor .alignment-guide-widget.canvas-guides .n-alignment-guide.active-guide {
  border-color: var(--color-content-link)
}
#show_editor .show-editor-container .canvas-container #screen-editor .alignment-guide-widget.canvas-guides .w-alignment-guide {
  border-top-width: calc(1px * var(--inverse-zoom, 1));
  border-top-style: dashed;
  border-top-color: inherit;
  border-left-style: dashed;
  border-left-width: calc(1px * var(--inverse-zoom, 1));
  border-left-color: inherit;
  position: absolute;
  width: 100%;
  top: calc(50% - 1px);
  height: calc(1px * var(--inverse-zoom, 1));
  left: 0
}
#show_editor .show-editor-container .canvas-container #screen-editor .alignment-guide-widget.canvas-guides .w-alignment-guide.active-guide {
  border-color: var(--color-content-link)
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas-grid-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(255, 255, 255, .2) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .2) 1px, transparent 1px);
  background-size: 16px 9px, 16px 9px;
  background-position: 0 0, 0 0;
  pointer-events: none;
  z-index: 900
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas-grid-overlay.contrasted {
  background-image: linear-gradient(rgba(0, 0, 0, .2) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, .2) 1px, transparent 1px)
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas.highlight {
  border: 15px solid var(--color-border-default)
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .alignment-guide-widget .n-alignment-guide, #show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .alignment-guide-widget .ne-alignment-guide, #show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .alignment-guide-widget .nw-alignment-guide-y {
  border-top-width: calc(1px * var(--inverse-zoom, 1));
  border-top-style: dashed;
  border-left-style: dashed;
  border-left-width: calc(1px * var(--inverse-zoom, 1));
  position: absolute;
  width: calc(1px * var(--inverse-zoom, 1));
  top: -1000vh;
  height: 2000vh
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .alignment-guide-widget {
  position: absolute;
  color: transparent;
  pointer-events: none;
  border-color: transparent;
  z-index: 900
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .alignment-guide-widget .nw-alignment-guide-y {
  border-top-color: inherit;
  border-left-color: inherit;
  left: -1px
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .alignment-guide-widget .nw-alignment-guide-y.active-guide {
  border-color: var(--color-content-link)
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .alignment-guide-widget .n-alignment-guide {
  border-top-color: inherit;
  border-left-color: inherit;
  left: calc(50% - 1px)
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .alignment-guide-widget .n-alignment-guide.active-guide {
  border-color: var(--color-content-link)
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .alignment-guide-widget .ne-alignment-guide {
  border-top-color: inherit;
  border-left-color: inherit;
  left: calc(100% - 1px)
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .alignment-guide-widget .nw-alignment-guide-x, #show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .alignment-guide-widget .sw-alignment-guide, #show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .alignment-guide-widget .w-alignment-guide {
  border-top-width: calc(1px * var(--inverse-zoom, 1));
  border-top-style: dashed;
  border-left-style: dashed;
  border-left-width: calc(1px * var(--inverse-zoom, 1));
  width: 2000vw;
  height: calc(1px * var(--inverse-zoom, 1));
  left: -1000vw;
  position: absolute
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .alignment-guide-widget .ne-alignment-guide.active-guide {
  border-color: var(--color-content-link)
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .alignment-guide-widget .nw-alignment-guide-x {
  border-top-color: inherit;
  border-left-color: inherit;
  top: -1px
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .alignment-guide-widget .nw-alignment-guide-x.active-guide {
  border-color: var(--color-content-link)
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .alignment-guide-widget .w-alignment-guide {
  border-top-color: inherit;
  border-left-color: inherit;
  top: calc(50% - 1px)
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .alignment-guide-widget .w-alignment-guide.active-guide {
  border-color: var(--color-content-link)
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .alignment-guide-widget .sw-alignment-guide {
  border-top-color: inherit;
  border-left-color: inherit;
  top: calc(100% - 1px)
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .alignment-guide-widget .sw-alignment-guide.active-guide {
  border-color: var(--color-content-link)
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget {
  width: 160px;
  height: 90px;
  position: absolute;
  color: transparent;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
  background-color: transparent;
  border: 0;
  margin: 0;
  outline: transparent solid calc(1px * var(--inverse-zoom, 1));
  pointer-events: none
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget .widget-edge {
  background: 0 0;
  pointer-events: all !important;
  position: absolute;
  cursor: move;
  z-index: 10;
  width: 100%;
  height: 6px
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget .widget-edge.w-edge {
  left: -2px;
  top: 0
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget .widget-edge.e-edge {
  right: -2px;
  top: 0
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget .widget-edge.n-edge {
  top: -2px;
  left: 0
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget .widget-edge.s-edge {
  bottom: -2px;
  left: 0
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget.show-editor-region-layer-on-hover-and-focus.selected, #show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget.show-editor-region-layer-on-hover-and-focus:not(.widget-fully-locked) {
  outline: solid var(--basic_branding) !important
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget.selected.hide-horizontal-grips .egrip, #show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget.selected.hide-horizontal-grips .wgrip, #show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget.selected.hide-vertical-grips .ngrip, #show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget.selected.hide-vertical-grips .sgrip {
  display: none !important
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget .grip {
  width: 13px;
  height: 13px;
  background-color: #fff;
  border: 1px solid #000;
  display: none !important;
  pointer-events: all !important;
  z-index: 90
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget .grip.wgrip {
  left: -7px;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(var(--inverse-zoom, 1)) !important;
  transform: translateY(-50%) scale(var(--inverse-zoom, 1)) !important
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget .grip.egrip {
  right: -7px;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(var(--inverse-zoom, 1)) !important;
  transform: translateY(-50%) scale(var(--inverse-zoom, 1)) !important
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget .grip.ngrip {
  top: -7px;
  left: 50%;
  -webkit-transform: translateX(-50%) scale(var(--inverse-zoom, 1)) !important;
  transform: translateX(-50%) scale(var(--inverse-zoom, 1)) !important
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget .grip.sgrip {
  bottom: -7px;
  left: 50%;
  -webkit-transform: translateX(-50%) scale(var(--inverse-zoom, 1)) !important;
  transform: translateX(-50%) scale(var(--inverse-zoom, 1)) !important
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget .grip.nwgrip {
  left: -7px;
  top: -7px;
  -webkit-transform: scale(var(--inverse-zoom, 1)) !important;
  transform: scale(var(--inverse-zoom, 1)) !important
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget .grip.negrip {
  right: -7px;
  top: -7px;
  -webkit-transform: scale(var(--inverse-zoom, 1)) !important;
  transform: scale(var(--inverse-zoom, 1)) !important
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget .grip.swgrip {
  left: -7px;
  bottom: -7px;
  -webkit-transform: scale(var(--inverse-zoom, 1)) !important;
  transform: scale(var(--inverse-zoom, 1)) !important
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget .grip.segrip {
  right: -7px;
  bottom: -7px;
  -webkit-transform: scale(var(--inverse-zoom, 1)) !important;
  transform: scale(var(--inverse-zoom, 1)) !important
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget.selected:not(.widget-locked) .grip {
  display: block !important
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget.selected.widget-locked .grip {
  display: none !important
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget .ui-rotatable-handle {
  background-image: none;
  top: -28px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget.marked {
  outline: solid var(--basic_branding)
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget[type=clipart], #show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget[type=image], #show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget[type=shape] {
  max-width: none !important;
  max-height: none !important
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget.text-editable {
  outline-color: #ccc !important
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget.selected {
  z-index: 960 !important
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .mouse-event-widget > div {
  display: none !important
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .widget-box {
  outline: 0;
  overflow: hidden;
  cursor: default;
  width: 160px;
  height: 90px;
  position: absolute;
  color: #ccc;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
  line-height: 1.42857143;
  background-color: #666;
  border: 0 solid #555;
  margin: 0
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .widget-box.selected {
  cursor: -webkit-grab;
  cursor: grab
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .widget-box.selected.ui-draggable-dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .widget-box .clipart-container, #show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .widget-box .shape-container {
  width: 100%;
  height: 100%;
  position: absolute
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .widget-box .locked-widget-container {
  display: none !important;
  background-color: rgba(197, 206, 214, .5);
  position: absolute;
  width: 100%;
  height: 100%;
  align-items: flex-start;
  justify-content: flex-end;
  z-index: 3
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .widget-box .locked-widget-container span {
  box-shadow: 0 0 10px 0 #000;
  height: 32px;
  width: 32px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  border-radius: 20px;
  padding: 6px;
  color: var(--color-content-negative);
  background-color: var(--color-background-inverse);
  margin-top: 4px;
  margin-right: 4px;
  z-index: 3
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .widget-box.selected.selected-widget-locked:has(+.mouse-event-widget.widget-semi-locked) .locked-widget-container, #sidebar:before, body.tour_opened .apply-changes-tooltip {
  z-index: auto
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .widget-box.selected-widget-locked:not(.selected) .locked-widget-container {
  display: none !important
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .widget-box.selected.selected-widget-locked .locked-widget-container {
  justify-content: flex-end !important;
  align-items: flex-start !important;
  flex-direction: row !important;
  display: flex !important
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .widget-box.selected.selected-widget-locked:has(+.mouse-event-widget.widget-semi-locked) .text-editor {
  z-index: 2
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .widget-box.selected.selected-widget-locked:has(+.widget-fully-locked) .text-editor {
  pointer-events: none
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .widget-box.transparency {
  background: 0 0;
  background-color: transparent
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .widget-box.text-editable {
  cursor: text
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .widget-box iframe {
  box-sizing: unset;
  border-width: 0;
  border-style: none;
  border-color: transparent;
  -o-border-image: none;
  border-image: none
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .widget-box .text {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  text-align: center;
  opacity: 0;
  background-color: #000;
  z-index: 1
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .widget-box .text > .inner {
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: -1em;
  position: absolute
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .widget-box .text > .inner a {
  display: inline-block;
  color: var(--color-background-inverse);
  padding: 0 4px
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .widget-box[type=clipart], #show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .widget-box[type=image], #show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .widget-box[type=shape] {
  max-width: none !important;
  max-height: none !important
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .widget-box[type=text] .text-editor {
  height: auto;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  overflow: hidden;
  overflow-wrap: break-word;
  position: absolute;
  min-height: 1em
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .widget-box[type=text] .text-editor p {
  margin: 1em 0;
  box-sizing: border-box
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .widget-box[type=text] .text-editor * {
  margin: revert;
  box-sizing: revert
}
#show_editor .show-editor-container .canvas-container #screen-editor .screen-canvas .widget-box[type=text] .text-editor:focus {
  outline: 0
}
#show_editor .show-editor-container .external-events .transparency {
  background: linear-gradient(45deg, rgba(255, 255, 255, .5) 25%, transparent 25%), linear-gradient(45deg, rgba(255, 255, 255, .5) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, .5) 75%), linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, .5) 75%), #000;
  background-size: 20px 20px !important;
  background-position: 0 0, 10px 10px, 0 0, -10px -10px, 0 0 !important
}
.alignment-modal-selector, .delete.material-symbols-outlined, .duplicate.svg-tool-icon, .flip-h, .flip-v, .italic-convert, .modal-trigger, .pixie-edit, .position, .region-inline-edit, .underline, [data-editors=background-color], [data-editors=bgcolor], [data-editors=color], [data-editors=direction], [data-editors=enable_transparency], [data-editors=fiting], [data-editors=letter-spacing], [data-editors=line-height], [data-editors=lock], [data-editors=replace], [data-editors=rotation], [data-editors=strokeWidth], [data-editors=stroke], [data-editors=text-align] {
  border-radius: 4px
}
.alignment-modal-selector:focus, .alignment-modal-selector:hover, .delete.material-symbols-outlined:focus, .delete.material-symbols-outlined:hover, .duplicate.svg-tool-icon:focus, .duplicate.svg-tool-icon:hover, .flip-h:focus, .flip-h:hover, .flip-v:focus, .flip-v:hover, .italic-convert:focus, .italic-convert:hover, .modal-trigger:focus, .modal-trigger:hover, .pixie-edit:focus, .pixie-edit:hover, .position:focus, .position:hover, .region-inline-edit:focus, .region-inline-edit:hover, .underline:focus, .underline:hover, [data-editors=background-color]:focus, [data-editors=background-color]:hover, [data-editors=bgcolor]:focus, [data-editors=bgcolor]:hover, [data-editors=color]:focus, [data-editors=color]:hover, [data-editors=direction]:focus, [data-editors=direction]:hover, [data-editors=enable_transparency]:focus, [data-editors=enable_transparency]:hover, [data-editors=fiting]:focus, [data-editors=fiting]:hover, [data-editors=letter-spacing]:focus, [data-editors=letter-spacing]:hover, [data-editors=line-height]:focus, [data-editors=line-height]:hover, [data-editors=lock]:focus, [data-editors=lock]:hover, [data-editors=replace]:focus, [data-editors=replace]:hover, [data-editors=rotation]:focus, [data-editors=rotation]:hover, [data-editors=strokeWidth]:focus, [data-editors=strokeWidth]:hover, [data-editors=stroke]:focus, [data-editors=stroke]:hover, [data-editors=text-align]:focus, [data-editors=text-align]:hover {
  background-color: var(--color-background-primary)
}
.layout-image-settings-wrapper {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  position: absolute;
  top: 75px;
  border: var(--border);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 8px;
  background-color: var(--color-background-inverse);
  box-shadow: 0 0 6px 5px rgba(0, 0, 0, .0588)
}
.layout-image-settings-wrapper .arrow:before {
  content: '';
  position: absolute;
  top: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid var(--color-background-inverse);
  -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, .1588));
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, .1588))
}
.layout-image-settings-wrapper .arrow:after {
  content: '';
  position: absolute;
  width: 16px;
  background-color: var(--color-background-inverse);
  height: 16px;
  top: 0;
  left: calc(50% - 8px)
}
.layout-image-settings-wrapper .text-alignment .alignment-icons-wrapper {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px
}
.layout-image-settings-wrapper .text-alignment .alignment-icons-wrapper i {
  cursor: pointer;
  color: var(--color-content-tertiary)
}
.layout-image-settings-wrapper .text-alignment .alignment-icons-wrapper i.selected, .layout-image-settings-wrapper .text-alignment .alignment-icons-wrapper label input[name=text-alignment]:checked + span > span {
  color: var(--basic_branding)
}
.layout-image-settings-wrapper .text-alignment .alignment-icons-wrapper label {
  cursor: pointer;
  border: none
}
.layout-image-settings-wrapper .text-alignment .alignment-icons-wrapper label:not(:last-child) {
  margin-right: 15px
}
.layout-image-settings-wrapper .text-alignment .alignment-icons-wrapper label input[name=text-alignment] {
  height: 18px;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  width: 18px;
  margin: 0
}
.layout-image-settings-wrapper label:not(.simple-select-wrapper) {
  width: 100%;
  padding: 12px;
  margin: 0;
  border-bottom: 1px solid var(--color-border-default);
  font-size: 16px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 500 !important
}
.layout-image-settings-wrapper .spacing-editors-container .spinner-editor label, .layout-image-settings-wrapper [data-editors=text-align] .alignment-icons-wrapper label {
  border: none
}
@media (max-width:768px) {
  .layout-image-settings-wrapper label:not(.simple-select-wrapper) {
    font-size: 14px !important;
    letter-spacing: .02em !important
  }
}
.layout-image-settings-wrapper [data-editors=background-color], .layout-image-settings-wrapper [data-editors=bgcolor], .layout-image-settings-wrapper [data-editors=color], .layout-image-settings-wrapper [data-editors=direction], .layout-image-settings-wrapper [data-editors=enable_transparency], .layout-image-settings-wrapper [data-editors=fill], .layout-image-settings-wrapper [data-editors=fiting], .layout-image-settings-wrapper [data-editors=flip], .layout-image-settings-wrapper [data-editors=font-family], .layout-image-settings-wrapper [data-editors=font-size], .layout-image-settings-wrapper [data-editors=letter-spacing], .layout-image-settings-wrapper [data-editors=line-height], .layout-image-settings-wrapper [data-editors=rotation], .layout-image-settings-wrapper [data-editors=strokeWidth], .layout-image-settings-wrapper [data-editors=stroke], .layout-image-settings-wrapper [data-editors=text-align] {
  padding: 10px;
  min-width: 300px
}
.layout-image-settings-wrapper [data-editors=text-align] .alignment-icons-wrapper {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px
}
.layout-image-settings-wrapper .spacing-editors-container {
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  width: 340px
}
.layout-image-settings-wrapper .spacing-editors-container .spinner-editor {
  width: 100%
}
.layout-image-settings-wrapper .layout-shape-settings-wrapper, .layout-image-settings-wrapper .layout-shape-settings-wrapper .shape-line-settings, .layout-image-settings-wrapper .layout-shape-settings-wrapper .shape-settings-fields, .layout-image-settings-wrapper .layout-text-settings-wrapper, .layout-image-settings-wrapper .layout-text-settings-wrapper .shape-line-settings, .layout-image-settings-wrapper .layout-text-settings-wrapper .shape-settings-fields, .layout-image-settings-wrapper .layout-widget-settings-wrapper, .layout-image-settings-wrapper .layout-widget-settings-wrapper .shape-line-settings, .layout-image-settings-wrapper .layout-widget-settings-wrapper .shape-settings-fields {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px
}
.layout-image-settings-wrapper .layout-widget-settings-wrapper .form-group {
  margin-bottom: 35px
}
.layout-image-settings-wrapper .settings-header {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-content-primary)
}
.layout-image-settings-wrapper .image-settings-fields {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.layout-image-settings-wrapper .ace-spinner {
  width: 100% !important
}
.layout-image-settings-wrapper .editor-modal-content .editor-container {
  padding: 24px
}
.layout-image-settings-wrapper .editor-modal-content .boolean-switch {
  padding: 16px;
  min-width: 274px;
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex
}
.layout-image-settings-wrapper .editor-modal-content .boolean-switch label {
  margin: 0
}
.layout-image-settings-wrapper .editor-modal-content .ace-spinner {
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  padding: 5px 10px
}
.layout-image-settings-wrapper .editor-modal-content .ace-spinner input {
  border: 0
}
.layout-image-settings-wrapper .editor-modal-content .ace-spinner .spinner-buttons {
  height: 36px
}
.layout-image-settings-wrapper .editor-modal-content .ace-spinner .spinner-buttons > button {
  border: 0 !important;
  color: var(--color-content-primary) !important;
  background-color: transparent !important;
  font-size: 16px !important
}
.layout-image-settings-wrapper .lock-editor-container {
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  width: 500px;
  row-gap: 15px;
  padding: 12px
}
.layout-image-settings-wrapper .lock-editor-container .title-container {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px
}
.layout-image-settings-wrapper .lock-editor-container .lock-editor {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  width: 100%;
  row-gap: 15px
}
.layout-image-settings-wrapper .lock-editor-container .lock-editor .full-lock-container, .layout-image-settings-wrapper .lock-editor-container .lock-editor .size-and-position-lock-container, .layout-image-settings-wrapper .lock-editor-container .lock-editor .unlock-container {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  padding: 16px;
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  width: 100%;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px
}
.layout-image-settings-wrapper .lock-editor-container .lock-editor .full-lock-container .title-container, .layout-image-settings-wrapper .lock-editor-container .lock-editor .size-and-position-lock-container .title-container, .layout-image-settings-wrapper .lock-editor-container .lock-editor .unlock-container .title-container {
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px
}
.layout-image-settings-wrapper .lock-editor-container .lock-editor .full-lock-container .full-lock label, .layout-image-settings-wrapper .lock-editor-container .lock-editor .full-lock-container .size-and-position-lock label, .layout-image-settings-wrapper .lock-editor-container .lock-editor .full-lock-container .unlock label, .layout-image-settings-wrapper .lock-editor-container .lock-editor .size-and-position-lock-container .full-lock label, .layout-image-settings-wrapper .lock-editor-container .lock-editor .size-and-position-lock-container .size-and-position-lock label, .layout-image-settings-wrapper .lock-editor-container .lock-editor .size-and-position-lock-container .unlock label, .layout-image-settings-wrapper .lock-editor-container .lock-editor .unlock-container .full-lock label, .layout-image-settings-wrapper .lock-editor-container .lock-editor .unlock-container .size-and-position-lock label, .layout-image-settings-wrapper .lock-editor-container .lock-editor .unlock-container .unlock label {
  all: unset
}
.layout-image-settings-wrapper .lock-editor-container .lock-editor .full-lock-container:focus, .layout-image-settings-wrapper .lock-editor-container .lock-editor .full-lock-container:hover, .layout-image-settings-wrapper .lock-editor-container .lock-editor .size-and-position-lock-container:focus, .layout-image-settings-wrapper .lock-editor-container .lock-editor .size-and-position-lock-container:hover, .layout-image-settings-wrapper .lock-editor-container .lock-editor .unlock-container:focus, .layout-image-settings-wrapper .lock-editor-container .lock-editor .unlock-container:hover {
  border-color: var(--color-border-hover);
  cursor: pointer
}
.layout-image-settings-wrapper .lock-editor-container .app-premium-pill {
  color: var(--color-content-warning);
  background-color: var(--color-background-warning-subtle);
  border: 1px solid var(--color-border-warning);
  padding: 4px 8px;
  font-family: Inter, sans-serif !important;
  border-radius: 4px;
  z-index: 1
}
html.dark .layout-image-settings-wrapper .lock-editor-container .app-premium-pill {
  color: var(--color-content-secondary)
}
#sidebar-content.replace .insert_header {
  display: none
}
#sidebar-content .layout-general-settings-wrapper #layout-tabs {
  justify-content: space-evenly;
  align-items: center;
  flex-direction: row;
  display: flex;
  margin: 0 0 20px;
  padding: 0;
  width: 100%;
  list-style-type: none
}
#sidebar-content .layout-general-settings-wrapper #layout-tabs > li {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  width: 100px;
  cursor: pointer
}
#sidebar-content .layout-general-settings-wrapper #layout-tabs > li > a {
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  margin-bottom: 10px;
  color: var(--color-content-secondary)
}
#sidebar-content .layout-general-settings-wrapper #layout-tabs > li > .tab_bottom_bar {
  height: 4px;
  visibility: hidden;
  width: 0
}
#sidebar-content .layout-general-settings-wrapper #layout-tabs > li.active > a {
  font-weight: 600 !important;
  text-decoration: none;
  margin-bottom: 10px;
  color: var(--basic_branding)
}
#sidebar-content .layout-general-settings-wrapper #layout-tabs > li.active > .tab_bottom_bar {
  width: 100%;
  height: 4px;
  visibility: visible;
  background-color: var(--basic_branding);
  border-radius: 5px;
  transition: width .2s ease-in-out
}
#sidebar-content .layout-general-settings-wrapper #layout-settings [data-editor] {
  width: 100%
}
#sidebar-content .layout-general-settings-wrapper #layout-settings [data-editor] .help-block {
  color: var(--color-background-negative)
}
#sidebar-content .layout-general-settings-wrapper #layout-settings [data-editor] .selected-tags {
  width: 100%
}
#sidebar-content .layout-general-settings-wrapper #layout-settings [data-editor] .selected-tags input#tags {
  padding-left: 40px
}
#sidebar-content .layout-general-settings-wrapper #layout-advanced-settings .toggle_availability {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px
}
#sidebar-content .layout-general-settings-wrapper #layout-advanced-settings .toggle_availability > label.control-label {
  justify-content: start;
  align-items: center;
  flex-direction: row;
  display: flex
}
#sidebar-content .layout-general-settings-wrapper #layout-advanced-settings .form-group.field-valid_before {
  margin: 0 !important
}
#sidebar-content .layout-general-settings-wrapper #layout-advanced-settings .timeslotsMediaContainer {
  margin-top: 0
}
#sidebar-content .layout-general-settings-wrapper #layout-advanced-settings [data-editor] .datetimepicker.input-group {
  width: 100%
}
#sidebar-content .layout-general-settings-wrapper #layout-advanced-settings [data-editor] .datetimepicker.input-group input.date-picker {
  max-width: 100%;
  background-image: url(../images/picker_calendar.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 24px 24px !important;
  height: 44px !important;
  border-radius: 4px !important;
  border: 1px solid var(--color-border-section);
  font-weight: 600;
  padding-left: 45px;
  color: var(--color-content-primary)
}
#sidebar-content .layout-general-settings-wrapper #layout-advanced-settings [data-editor] .datetimepicker.input-group input.date-picker:disabled {
  background-color: var(--color-background-primary) !important;
  color: var(--color-content-tertiary) !important;
  opacity: 1
}
#sidebar-content .layout-general-settings-wrapper #layout-advanced-settings [data-editor] #dateteimepicker_valid_before .disable-checkbox-container {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 100%
}
#sidebar-content .layout-general-settings-wrapper #layout-advanced-settings [data-editor] #dateteimepicker_valid_before .disable-checkbox-container label.middle {
  margin-top: 10px
}
#sidebar-content .layout-general-settings-wrapper #layout-advanced-settings hr {
  margin-block: 10px
}
#sidebar-content .layout-general-settings-wrapper #layout-advanced-settings .lock-insert-container label {
  display: flex;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin-bottom: 16px;
  flex-wrap: wrap
}
#sidebar-content .layout-general-settings-wrapper #layout-advanced-settings .lock-insert-container label .lock-insert-tooltip {
  display: flex;
  background-color: var(--color-background-tertiary);
  height: 18px !important;
  width: 18px !important;
  border-radius: 100% !important
}
#sidebar-content .layout-general-settings-wrapper #layout-advanced-settings .lock-insert-container .lock-insert {
  width: 100%
}
#sidebar-content .layout-general-settings-wrapper #layout-advanced-settings .lock-insert-container .lock-insert span {
  line-height: 14px;
  display: none
}
#sidebar-content .layout-general-settings-wrapper #layout-advanced-settings .lock-insert-container .lock-insert[lock_insert_status=true] span {
  display: block
}
#sidebar-content .layout-image-settings-wrapper .settings-header-wrapper, #sidebar-content .layout-image-settings-wrapper .settings-header-wrapper:first-child {
  margin-top: -20px
}
#sidebar-content .layout-image-settings-wrapper .layout-shape-settings-wrapper .settings-header-wrapper, #sidebar-content .layout-image-settings-wrapper .layout-text-settings-wrapper .settings-header-wrapper, #sidebar-content .layout-image-settings-wrapper .layout-widget-settings-wrapper .settings-header-wrapper, .recorder-extension-warning-modal .modal-footer {
  margin-top: 0
}
#sidebar-content .layout-image-settings-wrapper .layout-widget-settings-wrapper .form-group {
  margin-bottom: 35px
}
#sidebar-content .layout-image-settings-wrapper .settings-header {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-content-primary)
}
#sidebar-content.insert .replace_header {
  display: none
}
#sidebar-content .general-settings-layering .layers-wrapper {
  min-height: 20px
}
#sidebar-content .general-settings-layering .layers-wrapper .no-layers-content-message {
  font-style: italic;
  font-size: 12px
}
#sidebar-content .general-settings-layering .layering-header {
  margin-bottom: 12px;
  justify-content: start;
  align-items: center;
  flex-direction: row;
  display: flex
}
#sidebar-content .general-settings-layering .layering-header label {
  margin-bottom: 0
}
#sidebar-content .general-settings-layering .layering-header .lock-unlock-all-container {
  margin-left: auto;
  display: flex;
  align-items: center;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px
}
#sidebar-content .general-settings-layering .layering-header .lock-unlock-all-container .lock-unlock-all {
  color: var(--color-content-negative);
  display: flex;
  align-items: center;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px;
  cursor: pointer;
  text-decoration: none
}
#sidebar-content .general-settings-layering .layering-header .lock-unlock-all-container .lock-unlock-all-tooltip {
  display: flex;
  background-color: var(--color-background-tertiary);
  height: 18px !important;
  width: 18px !important;
  border-radius: 100% !important
}
#sidebar-content .general-settings-layering #layout_layers {
  list-style: none;
  margin: 0;
  padding: 0
}
#sidebar-content .general-settings-layering #layout_layers.is-read-only > li {
  cursor: pointer
}
#sidebar-content .general-settings-layering #layout_layers > li {
  cursor: -webkit-grab;
  cursor: grab
}
#sidebar-content .general-settings-layering #layout_layers > li > span {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
#sidebar-content .general-settings-layering #layout_layers .layout_layer table {
  width: 100%
}
#sidebar-content .general-settings-layering #layout_layers .layout_layer.show-editor-region-layer-on-hover-and-focus.selected, #sidebar-content .general-settings-layering #layout_layers .layout_layer.show-editor-region-layer-on-hover-and-focus:not(.fully-locked) {
  outline: dashed var(--basic_branding) !important
}
#sidebar-content .general-settings-layering #layout_layers .layout_layer.locked {
  cursor: pointer !important
}
#sidebar-content .general-settings-layering #layout_layers .layout_layer .layer-toolbar {
  display: flex;
  align-items: center;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px
}
#sidebar-content .general-settings-layering #layout_layers .layout_layer .layer-toolbar .layer-lock-indicator {
  color: var(--color-content-negative)
}
#sidebar-content .general-settings-layering #layout_layers .layout_layer .layer-toolbar .hide-region {
  display: contents
}
#sidebar-content .general-settings-layering #layout_layers .layout_layer .layer-toolbar .hide-region.disabled {
  opacity: .5 !important
}
#sidebar-content .general-settings-layering #layout_layers .layout_layer td:first-child {
  width: 32px;
  text-align: center;
  margin-right: 5px;
  border-right: 1px solid var(--color-background-inverse)
}
#sidebar-content .general-settings-layering.is-collaborator .layout_layer.locked {
  opacity: .5
}
#sidebar-content div[class*='-editor']:not([class*=layout-editor]) {
  min-width: 130px
}
#sidebar-content div[class*='-editor']:not([class*=layout-editor]) > label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block
}
#sidebar-content div[class*='-editor']:not([class*=layout-editor]) input[name=tags] {
  padding: 0 0 0 40px
}
#sidebar-content div[class*='-editor']:not([class*=layout-editor]).has-error label:first-child {
  color: var(--color-content-negative) !important
}
#sidebar-content div[class*='-editor']:not([class*=layout-editor]).has-error input {
  border: 1px solid var(--color-border-negative) !important
}
#sidebar-content div[class*='-editor']:not([class*=layout-editor]):not(.spinner-editors-row):not(.color-editor-wrapper) {
  margin-bottom: 20px
}
#sidebar-content .select-editor .select-wrapper.is-read-only:after, #sidebar-content .select-editor .simple-select-wrapper.is-read-only:after {
  content: none !important
}
#sidebar-content .select-editor .simple-select-wrapper {
  position: relative;
  display: block;
  margin-bottom: 0 !important
}
#sidebar-content .select-editor .simple-select-wrapper:after {
  content: '\e962';
  font-family: ds-app-font;
  color: var(--color-content-primary);
  padding-top: 9px;
  position: absolute;
  right: 0;
  z-index: 1;
  text-align: center;
  width: 45px;
  pointer-events: none
}
#sidebar-content .select-editor label.select-wrapper {
  position: relative
}
#sidebar-content .select-editor .fitting-options-select-container select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid var(--color-border-default) !important;
  border-radius: 4px !important;
  color: var(--color-content-primary);
  padding-left: 15px;
  padding-right: 38px;
  height: 36px !important;
  width: 100%
}
#sidebar-content .select-editor select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 36px !important;
  width: 100%
}
#sidebar-content .select-editor select::-ms-expand {
  display: none
}
#sidebar-content .layout-insert-item-column {
  padding: 0;
  padding-right: 12px;
  padding-bottom: 16px;
  text-align: center
}
#sidebar-content .layout-insert-item-label {
  text-align: center
}
#sidebar-content .layout-insert-item-type {
  border-radius: 3px;
  height: 80px;
  background: var(--color-background-inverse);
  color: var(--color-content-primary);
  cursor: pointer;
  margin-bottom: 8px
}
#sidebar-content .layout-insert-item-type:hover {
  background: var(--color-background-secondary-subtle)
}
#sidebar-content .layout-insert-item-type i {
  width: 100%;
  display: inline-block;
  font-size: 32px;
  line-height: 2.5;
  text-align: center;
  vertical-align: bottom
}
#sidebar-content .layout-insert-item-wrapper .insert-item-types-wrapper {
  margin-right: -12px
}
#sidebar-content .text-alignment .alignment-icons-wrapper i {
  cursor: pointer;
  color: var(--color-content-tertiary)
}
#sidebar-content .text-alignment .alignment-icons-wrapper i.selected {
  color: var(--basic_branding)
}
#sidebar-content .text-alignment .alignment-icons-wrapper label {
  cursor: pointer
}
#sidebar-content .text-alignment .alignment-icons-wrapper label:not(:last-child) {
  margin-right: 15px
}
#sidebar-content .text-alignment .alignment-icons-wrapper label input[name=text-alignment] {
  height: 18px;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  width: 18px;
  margin: 0
}
#sidebar-content .text-alignment .alignment-icons-wrapper label input[name=text-alignment]:checked + span > i {
  color: #4b4b50
}
#sidebar-content hr.header-hr {
  margin-top: 20px;
  margin-bottom: 0;
  height: 0;
  border: 0
}
#sidebar-content hr.subsection-hr {
  margin-top: 40px;
  margin-bottom: 40px;
  height: 1px;
  background: var(--color-background-inverse);
  border: 0
}
#sidebar-content .color-editor label, #sidebar-content .general-settings-layering label, #sidebar-content .select-editor label, #sidebar-content .spinner-editor label, #sidebar-content .text-alignment label, #sidebar-content div[class*='-editor'] label {
  color: var(--color-content-primary) !important
}
#sidebar-content .tags-editor .tm-tag {
  background-color: var(--color-background-inverse);
  border-color: var(--color-border-default);
  box-shadow: none;
  border-radius: 6px;
  padding: 6px
}
#sidebar-content .general-settings-layout-reference a {
  float: none
}
#sidebar-content .edit-replace-container, #sidebar-content .widget-edit-replace-container {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px
}
#sidebar-content .edit-replace-container:not(.empty-e-r-container), #sidebar-content .widget-edit-replace-container:not(.empty-e-r-container) {
  margin-bottom: 24px
}
.spinner-editor .spinner-buttons {
  height: 36px
}
.spinner-editor .spinner-buttons > button {
  border: 0 !important;
  color: var(--color-content-primary) !important;
  background-color: transparent !important;
  float: left;
  font-size: 12px !important
}
.spinner-editor .ace-spinner {
  display: block !important
}
.spinner-editor input {
  text-align: left !important;
  height: 36px !important;
  position: absolute
}
.layout-ratios-select-dropdown {
  width: 200px !important
}
.layout-ratios-select-dropdown .select2-results {
  width: 200px
}
.layout-ratios-select-dropdown .landscape-optiongroup:before, .layout-ratios-select-dropdown .portrait-optiongroup:before {
  font-family: ds-app-font;
  content: '\e920';
  margin-right: 5px
}
.layout-ratios-select-dropdown .portrait-optiongroup:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  display: inline-block
}
.layout-ratios-select-dropdown .select2-results__option[aria-disabled=true] {
  cursor: auto !important
}
.field-bgaudio #show-source-type-dropdown.disable-pointer-events {
  color: var(--color-content-secondary) !important;
  background: var(--color-background-inverse) !important
}
#sidebar-content-settings div.btn-group.inline.dropdown.full-width.open > ul > li > a, .branded_settings_link {
  color: var(--color-content-primary) !important
}
.branded_settings_link {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex
}
.branded_settings_link:hover {
  text-decoration: none
}
#sidebar-content {
  overflow: auto !important
}
[data-editors=font-size] .spinner-container.spinner-mixed .spinner-mixed-text {
  top: 5px;
  left: 38px;
  padding: 5px
}
.spinner-container.spinner-mixed {
  position: relative
}
.spinner-container.spinner-mixed .spinner-mixed-text {
  position: absolute;
  font-size: 14px;
  color: var(--color-content-primary);
  background: var(--color-background-inverse);
  margin-left: 10px;
  margin-right: 10px;
  top: 9px;
  left: 5px;
  padding: 5px;
  font-weight: 500
}
@media (max-width:465px) {
  .mixed-container .header-section .breadcrumb-path {
    flex-direction: column !important;
    align-items: start !important
  }
  .mixed-container .header-section .breadcrumb-path .breadcrumb-item {
    max-width: 116px !important
  }
}
@media (max-width:540px) {
  .mixed-container .header-section .breadcrumb-path .breadcrumb-item {
    max-width: 80px
  }
}
@media (max-width:560px) {
  .show-editor-container #sidebar-container-layouts #sidebar-content .ultra-selector-items-main-container .available-items-container .folders-container .folders-content .folder-item .preview-container > span, .show-editor-container #sidebar-container-layouts #sidebar-content .ultra-selector-items-main-container .available-items-container .mixed-container .folder-item .preview-container > span {
    font-size: 44px !important
  }
  .show-editor-container #sidebar-container-layouts #sidebar-content .ultra-selector-items-main-container .search-item-container .reset-indicator, .show-editor-container #sidebar-content-media .add-new-item-container .add-new-text {
    display: none
  }
  .show-editor-container #sidebar-container-layouts #sidebar-content .ultra-selector-items-main-container .available-items-container .mixed-container .item-box {
    width: 96px !important
  }
  .show-editor-container #sidebar-container-layouts #sidebar-content .ultra-selector-items-main-container .available-items-container .mixed-container .folder-item .name-container, .show-editor-container #sidebar-container-layouts #sidebar-content .ultra-selector-items-main-container .available-items-container .mixed-container .folder-item .name-container .item-name, .show-editor-container #sidebar-container-layouts #sidebar-content .ultra-selector-items-main-container .available-items-container .mixed-container .item-box .item-name {
    width: 100% !important
  }
  .show-editor-container #sidebar-container-layouts #sidebar-content .ultra-selector-items-main-container .available-items-container .mixed-container .folder-item {
    height: 96px !important
  }
  .show-editor-container #sidebar-container-layouts #sidebar-content .ultra-selector-items-main-container .available-items-container .mixed-container .folder-item .preview-container {
    height: 40px !important
  }
  .show-editor-container #sidebar-container-layouts #sidebar-content .ultra-selector-items-main-container .available-items-container .single-container .single-content .item-box {
    width: 96px !important
  }
  .show-editor-container #sidebar-container-layouts #sidebar-content .ultra-selector-items-main-container .available-items-container .folders-container .folders-content .folder-item .name-container, .show-editor-container #sidebar-container-layouts #sidebar-content .ultra-selector-items-main-container .available-items-container .folders-container .folders-content .folder-item .name-container .item-name, .show-editor-container #sidebar-container-layouts #sidebar-content .ultra-selector-items-main-container .available-items-container .single-container .single-content .item-box .item-name {
    width: 100% !important
  }
  .show-editor-container #sidebar-container-layouts #sidebar-content .ultra-selector-items-main-container .available-items-container .folders-container .folders-content {
    grid-template-columns: repeat(auto-fit, 96px) !important
  }
  .show-editor-container #sidebar-container-layouts #sidebar-content .ultra-selector-items-main-container .available-items-container .folders-container .folders-content .folder-item {
    height: 96px !important
  }
  .show-editor-container #sidebar-container-layouts #sidebar-content .ultra-selector-items-main-container .available-items-container .folders-container .folders-content .folder-item .preview-container {
    height: 40px !important
  }
  .show-editor-container #sidebar-container-layouts #sidebar-content .ultra-selector-items-main-container .search-item-container #tags, .show-editor-container #sidebar-container-layouts #sidebar-content .ultra-selector-items-main-container .search-item-container .tagscontainer input[type=text], .show-editor-container #sidebar-container-layouts #sidebar-content .ultra-selector-items-main-container .search-item-container .tt-menu.tt-open {
    width: 100%
  }
  .show-editor-container #sidebar-container-layouts #sidebar-content .ultra-selector-items-main-container .search-item-container .search-context {
    padding-right: 40px
  }
  .show-editor-container #sidebar-container-layouts #sidebar-content .ultra-selector-items-main-container .search-item-container .filter-action-buttons-container {
    flex-direction: column !important;
    row-gap: 8px
  }
  .show-editor-container #sidebar-container-layouts #sidebar-content .ultra-selector-items-main-container .search-item-container .filter-action-buttons-container .apply-filtering {
    margin-left: 0
  }
  .show-editor-container .canvas-container {
    margin-left: calc(52px + 5px) g
  }
}
.awareness-tooltip {
  position: absolute;
  bottom: 24px;
  left: 142px;
  z-index: 1002;
  height: 100%
}
@media (max-width:768px) {
  .awareness-tooltip {
    display: none
  }
}
.awareness-tooltip .aw-tooltip-content {
  max-height: calc(100% - 146px);
  overflow-y: auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  max-width: 375px;
  background-color: var(--color-background-inverse);
  bottom: 58px;
  border-radius: 8px
}
.awareness-tooltip .aw-tooltip-content .aw-img {
  margin-bottom: 16px
}
.awareness-tooltip .aw-tooltip-content .aw-img img {
  width: 100%
}
.awareness-tooltip .aw-tooltip-content .aw-text {
  margin-bottom: 16px;
  padding: 0 24px
}
.awareness-tooltip .aw-tooltip-content .aw-text .title-semibold-extra-large:nth-of-type(2) {
  padding-top: 8px
}
.awareness-tooltip .aw-tooltip-content .aw-text .text-group {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex
}
.awareness-tooltip .aw-tooltip-content .aw-text .text-group:not(:last-of-type) {
  margin-bottom: 16px
}
.awareness-tooltip .aw-tooltip-content .aw-action-buttons {
  padding: 0 24px 20px;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex
}
.awareness-tooltip .aw-tooltip-content .aw-action-buttons button {
  margin-left: auto
}
.awareness-tooltip .trigger-aw-tooltip {
  padding: 0 0 8px 1px;
  cursor: pointer;
  color: var(--color-content-secondary);
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, .25);
  background-color: var(--color-background-inverse) !important;
  border-radius: 52px;
  border: 1px solid transparent;
  height: 42px;
  position: absolute;
  bottom: 0;
  width: 42px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.layers-highlight:after, .layers-highlight:before {
  font-family: 'Material Icons';
  left: 0;
  color: var(--basic_branding)
}
html.dark .awareness-tooltip .trigger-aw-tooltip {
  border: 1px solid var(--color-border-default)
}
.awareness-tooltip .trigger-aw-tooltip i {
  font-size: 18px;
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg)
}
@media (max-width:991px) {
  .awareness-tooltip .trigger-aw-tooltip {
    margin-bottom: 65px
  }
}
.awareness-tooltip.is-collapsed .trigger-aw-tooltip {
  border: 1px solid #f26f26;
  padding: 8px 1px 0 0
}
.awareness-tooltip.is-collapsed .trigger-aw-tooltip i {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
.layers-highlight {
  height: 1px;
  width: 100%;
  background-color: var(--basic_branding);
  position: relative
}
.layers-highlight:before {
  position: absolute;
  top: -15px
}
.layers-highlight:after {
  content: '\e5c5';
  position: absolute;
  top: 0
}
.for-you-pill {
  gap: 6px;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex
}
@media (max-width:490px) {
  .layouts-empty-state > img {
    width: auto !important
  }
}
.layouts-tab-content {
  padding: 16px 0
}
.layouts-empty-state {
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  display: flex;
  gap: 32px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding-top: 16px
}
.layouts-empty-state > .layouts-empty-state-text {
  color: var(--color-content-secondary);
  text-align: center;
  max-width: 620px
}
.layouts-empty-state > img {
  width: 300px
}
.layouts-empty-state > .buttons {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 16px
}
.modal-dialog-extra-width .modal-dialog {
  width: 800px
}
.modal {
  color: var(--color-content-primary)
}
.modal .modal-header {
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
  justify-content: space-between;
  border-color: var(--color-border-default);
  padding: 16px
}
.modal .modal-header .text-warning {
  margin: 0;
  color: var(--color-content-primary) !important
}
.modal .modal-header .text-warning:hover {
  color: var(--color-content-primary);
  background: var(--color-background-secondary);
  border-radius: 4px
}
.modal .modal-header .modal-title {
  font-family: Inter !important
}
.modal .modal-content {
  border-radius: 8px
}
.modal .modal-body {
  overflow-y: inherit;
  pointer-events: auto !important;
  min-height: 122px
}
.modal .modal-footer {
  background-color: var(--color-background-primary);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top: none;
  padding: 16px;
  pointer-events: auto !important;
  box-shadow: none
}
.modal .modal-footer .btn-danger, .modal .modal-footer .btn-success {
  border: 1px solid var(--basic_branding) !important;
  background-color: var(--basic_branding) !important;
  min-width: 140px;
  outline: 0
}
.modal .modal-footer .btn-danger:hover, .modal .modal-footer .btn-success:hover {
  border: 1px solid var(--basic_branding) !important;
  background-color: color-mix(in srgb, var(--basic_branding), #000 10%) !important
}
.modal .modal-footer .btn-danger, .modal .modal-footer .btn-info, .modal .modal-footer .btn-success {
  overflow: hidden;
  text-overflow: ellipsis
}
.modal .modal-footer .btn.pull-right {
  margin-left: 5px
}
.modal .modal-footer .btn-primary {
  border: 1px solid var(--basic_branding) !important;
  background-color: var(--basic_branding) !important;
  color: #fff !important;
  outline: 0;
  min-width: 140px
}
.modal .modal-footer .btn-primary:hover {
  border: 1px solid !important;
  background-color: color-mix(in srgb, var(--basic_branding), #000 10%) !important;
  color: #fff !important
}
.modal-dont-show-again {
  float: right;
  position: absolute;
  bottom: 0;
  right: 36px
}
.modal-dont-show-again input {
  z-index: 12;
  width: 18px;
  height: 18px;
  cursor: pointer
}
.modal-footer-dont-show-again {
  display: inline;
  float: left
}
.modal-dont-show-again-label {
  padding-top: 8px
}
.SNBundleEUInfoModal .modal-header {
  display: block
}
.replacement-warning-modal {
  display: flex;
  align-items: center
}
.replacement-warning-modal .modal-content, .replacement-warning-modal .modal-dialog {
  width: auto;
  max-width: 320px
}
.replacement-warning-modal .modal-body {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: unset
}
.replacement-warning-modal .modal-body .bootbox-body {
  text-align: left;
  text-wrap: wrap
}
.replacement-warning-modal .modal-footer {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.replacement-warning-modal .modal-footer button {
  flex: 1
}
.player-selector-modal .modal-dialog {
  width: 100%;
  height: 551px;
  max-width: 1216px !important
}
.recorder-extension-warning-modal .bootbox-body {
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  row-gap: 10px
}
.recorder-extension-warning-modal .bootbox-body .modal-dialog {
  max-width: 680px;
  width: 100%
}
.recorder-extension-warning-modal .bootbox-body ol {
  -webkit-padding-start: 16px;
  padding-inline-start: 16px;
  margin-bottom: 0
}
.recorder-extension-warning-modal .bootbox-body ol.outer-list li::marker {
  color: var(--basic_branding)
}
.recorder-extension-warning-modal .bootbox-body ol li {
  padding-block: 2.5px
}
.recorder-extension-warning-modal .bootbox-body ol li a {
  color: var(--color-background-notice)
}
.recorder-extension-warning-modal .bootbox-body ol li a:hover {
  color: var(--color-content-notice)
}
.recorder-extension-warning-modal .bootbox-body .script-warning {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  background-color: var(--color-background-warning-subtle);
  border: 1px solid var(--color-border-warning);
  padding: 8px 12px;
  border-radius: 8px
}
.recorder-extension-warning-modal .bootbox-body .allow-incognito-container {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px
}
.recorder-extension-warning-modal .bootbox-body .allow-incognito-container .arrow {
  cursor: pointer
}
.recorder-extension-warning-modal .bootbox-body .allow-incognito-container .arrow.active {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.recorder-extension-warning-modal .bootbox-body .allow-incognito-dropdown {
  background-color: var(--color-background-primary);
  border-radius: 8px;
  padding: 8px 12px;
  margin-block: 10px
}
.recorder-extension-warning-modal .bootbox-body .recorder-browser-limits {
  width: 100%;
  background-color: var(--color-background-primary);
  border-radius: 8px;
  padding: 8px 12px
}
.multi-currency-modal .modal-header {
  padding: 16px 16px 0 !important;
  border-bottom: none !important
}
.multi-currency-modal .modal-header .modal-title {
  color: var(--color-content-primary)
}
.multi-currency-modal .modal-body {
  margin-top: 5px;
  color: var(--color-content-secondary);
  padding: 0 20px !important
}
.multi-currency-modal .modal-body .multi-currency-header-container {
  margin-top: 16px;
  color: var(--color-content-primary);
  padding: 8px 12px
}
.multi-currency-modal .modal-body .multi-currency-header-container .edit-currency-container {
  display: flex;
  align-items: center;
  gap: 8px
}
.multi-currency-modal .modal-body .multi-currency-header-container .edit-currency-container .multi-currency-picker {
  width: 86px;
  background-image: var(--arrow-down);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px 12px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  color: var(--color-content-primary);
  border-radius: 4px;
  border: 1px solid var(--color-border-default);
  padding: 4px 8px;
  cursor: pointer;
  align-items: center;
  gap: 8px
}
.multi-currency-modal .modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end
}
.multi-currency-modal .modal-footer :first-child {
  margin-right: 16px
}
.enterprise-plus-modal .modal-dialog {
  width: auto;
  max-width: 900px
}
.enterprise-plus-modal .modal-header {
  border: none;
  font-size: 20px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 600 !important
}
@media (max-width:768px) {
  .enterprise-plus-modal .modal-header {
    font-size: 18px !important;
    letter-spacing: .02em !important
  }
}
.enterprise-plus-modal .enterprise-plus-content {
  display: flex;
  gap: 32px
}
@media (max-width:500px) {
  .enterprise-plus-modal .enterprise-plus-content {
    flex-direction: column
  }
}
.enterprise-plus-modal .modal-footer {
  gap: 16px;
  display: flex;
  flex-direction: row-reverse
}
.csat-review-modal {
  border-radius: 15px
}
.csat-review-modal .btn-link.modal-close.skip-review {
  color: var(--color-content-tertiary) !important
}
.csat-review-modal .btn-success {
  border-radius: 5px
}
.csat-review-modal .modal-dialog {
  width: 435px
}
@media (max-width:500px) {
  .csat-review-modal .modal-dialog {
    width: auto
  }
}
.csat-review-modal .modal-dialog .modal-content {
  border-radius: 10px
}
.csat-review-modal .modal-dialog .modal-content .modal-body {
  padding: 0
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-close-button {
  margin-top: 20px !important;
  margin-right: 20px !important
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body {
  padding: 50px 36px 0
}
@media (max-width:440px) {
  .csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body {
    padding: 50px 16px 0
  }
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .rating-stars-container .star-rating-content {
  text-align: center
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .rating-stars-container .star-rating-content > span {
  color: var(--basic_branding);
  position: relative;
  display: inline-block
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .rating-stars-container .star-wrapper {
  position: relative;
  display: inline-block;
  border: none;
  margin: 35px auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .rating-stars-container .star-wrapper input {
  border: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  opacity: 0
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .rating-stars-container .star-wrapper input:checked ~ label:before {
  color: #ffcb00
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .rating-stars-container .star-wrapper input:checked ~ label {
  -webkit-text-stroke-color: #ffcb00
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .rating-stars-container .star-wrapper > label {
  position: relative;
  float: right;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--color-background-tertiary);
  cursor: pointer;
  margin: 5px;
  transition: -webkit-transform .1s ease-out;
  transition: transform .1s ease-out;
  transition: transform .1s ease-out, -webkit-transform .1s ease-out
}
@media (max-width:360px) {
  .csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .rating-stars-container .star-wrapper > label {
    margin: 0
  }
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .rating-stars-container .star-wrapper > label.animated-rating-star {
  -webkit-transform: scale(1.8);
  transform: scale(1.8)
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .rating-stars-container .star-wrapper > label:before {
  margin: 5px;
  content: '\f005';
  font-family: FontAwesome;
  display: inline-block;
  color: var(--color-background-tertiary);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-right: 5px;
  padding-left: 5px
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .rating-stars-container .star-wrapper > label:hover:before, .csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .rating-stars-container .star-wrapper > label:hover ~ label:before {
  color: #ffcb00;
  -webkit-text-stroke-color: #ffcb00
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .low-level-selected-rating-container {
  margin-bottom: 24px
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .low-level-selected-rating-container .low-level-selected-rating-options {
  margin-bottom: 32px;
  justify-content: center;
  align-items: start;
  flex-direction: column;
  display: flex
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .low-level-selected-rating-container .low-level-selected-rating-options .low-level-selected-rating-options-header {
  margin-bottom: 20px
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .low-level-selected-rating-container .low-level-selected-rating-options .radio {
  margin: 0;
  width: 100%;
  background-color: var(--color-background-primary);
  border-radius: 8px;
  border: 1px solid var(--color-background-tertiary);
  padding: 10px
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .low-level-selected-rating-container .low-level-selected-rating-options .radio:not(:last-child) {
  margin-bottom: 8px
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .low-level-selected-rating-container .low-level-selected-rating-options .radio.selected-reason {
  border-color: var(--basic_branding)
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .low-level-selected-rating-container .low-level-selected-rating-options .radio label .lbl {
  display: flex;
  align-items: center
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .low-level-selected-rating-container .low-level-selected-rating-options .radio label .lbl span {
  color: var(--color-content-primary)
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .low-level-selected-rating-container .low-level-selected-rating-content .feedback-header {
  margin-bottom: 20px
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .low-level-selected-rating-container .low-level-selected-rating-content textarea {
  width: 100%;
  background-color: var(--color-background-primary);
  border-radius: 5px !important;
  resize: none;
  height: 114px;
  border-color: var(--color-background-tertiary);
  padding: 20px 25px
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .low-level-selected-rating-container .low-level-selected-rating-content textarea:active, .csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .low-level-selected-rating-container .low-level-selected-rating-content textarea:focus {
  border-color: var(--color-border-focus) !important
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .low-level-selected-rating-container .low-level-selected-rating-content textarea::-webkit-input-placeholder {
  color: var(--color-content-tertiary)
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .low-level-selected-rating-container .low-level-selected-rating-content textarea::-moz-placeholder {
  color: var(--color-content-tertiary)
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .low-level-selected-rating-container .low-level-selected-rating-content textarea::-ms-input-placeholder {
  color: var(--color-content-tertiary)
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .low-level-selected-rating-container .low-level-selected-rating-content textarea::placeholder {
  color: var(--color-content-tertiary)
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .low-level-selected-rating-container .thanks-for-feedback-message {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .low-level-selected-rating-container .thanks-for-feedback-message span {
  margin-bottom: 20px;
  height: 62px;
  width: 62px;
  background-color: var(--color-background-primary);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .low-level-selected-rating-container .thanks-for-feedback-message p:first-of-type {
  color: var(--basic_branding);
  margin-bottom: 18px
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .high-level-selected-rating-container {
  gap: 8px;
  display: flex;
  flex-direction: column;
  text-align: center
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .high-level-selected-rating-container .high-level-rating-thanks-message {
  color: var(--basic_branding)
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .high-level-selected-rating-container .high-level-rating-content h3 {
  color: var(--color-content-primary);
  padding-right: 20px;
  padding-left: 20px
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .high-level-selected-rating-container .high-level-rating-content h3 .boot-logo-link {
  color: var(--color-content-primary);
  text-decoration: underline
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .high-level-selected-rating-container .high-level-rating-content h3 .boot-logo-link:hover {
  color: var(--color-content-secondary)
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .high-level-selected-rating-container .high-level-rating-content button {
  margin-bottom: 26px;
  border: none
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .high-level-selected-rating-container .high-level-rating-content button.done, .csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .high-level-selected-rating-container .high-level-rating-content button.i-reviewed {
  background-color: var(--basic_branding) !important;
  color: #fff !important
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .high-level-selected-rating-container .high-level-rating-content button.done:hover, .csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .high-level-selected-rating-container .high-level-rating-content button.i-reviewed:hover {
  background-color: color-mix(in srgb, var(--basic_branding), #000 10%) !important
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .high-level-selected-rating-container .high-level-rating-content button:not(.i-reviewed):not(.done) {
  background-color: var(--color-background-tertiary) !important;
  color: var(--color-content-primary) !important
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .high-level-selected-rating-container .high-level-rating-content button:focus {
  outline: 0
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .high-level-selected-rating-container .high-level-rating-content button:not(.i-reviewed):not(.done):active, .csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .high-level-selected-rating-container .high-level-rating-content button:not(.i-reviewed):not(.done):hover {
  background-color: var(--color-border-section) !important
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .selected-stars-options .high-level-selected-rating-container .high-level-rating-content button:nth-of-type(2) {
  margin-left: 14px
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .skip-for-now-container {
  padding-right: 40px;
  padding-left: 40px;
  text-align: center
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .skip-for-now-container img {
  width: 400px;
  margin-top: 15px;
  box-shadow: 3px 4px 20px 0 rgba(0, 0, 0, .15)
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .skip-for-now-container .skip-for-now-header {
  color: var(--basic_branding)
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .skip-for-now-container .skip-for-now-content-message h3 {
  color: var(--color-content-primary);
  padding-right: 20px;
  padding-left: 20px
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .skip-for-now-container .skip-for-now-content-message button.skip {
  margin-bottom: 26px;
  background-color: var(--basic_branding) !important;
  color: var(--color-content-primary) !important;
  border: none
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .skip-for-now-container .skip-for-now-content-message button.skip:hover {
  background-color: color-mix(in srgb, var(--basic_branding), #000 10%) !important
}
.csat-review-modal .modal-dialog .modal-content .modal-body .bootbox-body .skip-for-now-container .skip-for-now-content-message button.skip:focus {
  outline: 0
}
.csat-review-modal .modal-dialog .modal-content .modal-footer {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  position: relative;
  padding-top: 0;
  margin-top: 0;
  text-align: center;
  background-color: transparent;
  border: none
}
.csat-review-modal .modal-dialog .modal-content .modal-footer button[data-bb-handler=submit] {
  margin-bottom: 26px
}
.csat-review-modal .modal-dialog .modal-content .modal-footer button[data-bb-handler=skip] {
  color: #fff
}
.csat-review-modal .modal-dialog .modal-content .modal-footer button[data-bb-handler=skip]:focus {
  outline: 0
}
@media (max-width:580px) {
  .csat-review-modal .modal-dialog {
    width: auto
  }
}
@media (max-width:500px) {
  .csat-review-modal .skip-for-now-container img {
    width: 100%
  }
}
@media (max-width:360px) {
  .csat-review-modal .star-wrapper label {
    margin: 0
  }
}
.android-modal .modal-content {
  color: #000;
  border-radius: 10px
}
.android-modal .modal-content h4 {
  margin-bottom: 20px
}
.android-modal .modal-content .collapsible {
  background-color: #eef2f7;
  cursor: pointer;
  width: 100%;
  margin-bottom: 8px;
  border: none;
  text-align: left;
  outline: 0
}
.android-modal .modal-content .collapsible i {
  right: 38px;
  margin-top: 12px;
  position: fixed
}
.android-modal .modal-content .active, .android-modal .modal-content .collapsible:hover {
  background-color: #ccc
}
.android-modal .modal-content .content {
  margin: 10px;
  display: none;
  overflow: hidden
}
.android-modal .modal-content a {
  display: flex;
  margin-top: 12px !important
}
.brightsign-modal .modal-content {
  width: 466px;
  height: 628px;
  border-radius: 20px;
  background: linear-gradient(#eff3f8 0, #eff3f8 46%, var(--color-background-inverse) 46%, var(--color-background-inverse) 100%)
}
.brightsign-modal .modal-content li {
  list-style: none
}
.brightsign-modal .modal-content li .image-content {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 66px
}
.brightsign-modal .modal-content li .tabs {
  position: absolute;
  width: 58px;
  height: 8px;
  left: 30px;
  top: 255px
}
.brightsign-modal .modal-content li .tabs .dot {
  height: 8px;
  width: 8px;
  background-color: var(--color-background-inverse);
  border-radius: 50%;
  display: inline-block
}
.brightsign-modal .modal-content li .tabs .active-dot {
  background-color: var(--basic_branding)
}
.brightsign-modal .modal-content li .step-content {
  position: absolute;
  left: 30px;
  right: 30px;
  top: 320px
}
.brightsign-modal .modal-content li .step-content .step-title {
  margin-bottom: 15px
}
.brightsign-modal .modal-content .buttons {
  position: absolute;
  left: 30px;
  right: 30px;
  top: 550px;
  width: 409px;
  height: 48px;
  display: inline-flex;
  border-radius: 1px solid red
}
.brightsign-modal .modal-content .buttons .button {
  height: 48px;
  width: 198px;
  border-radius: 8px
}
.brightsign-modal .modal-content .buttons .next-btn {
  background-color: var(--basic_branding) !important;
  border: 1px solid var(--basic_branding) !important;
  color: var(--color-background-inverse)
}
.brightsign-modal .modal-content .buttons .next-btn:hover {
  background-color: color-mix(in srgb, var(--basic_branding), #000 10%) !important;
  border: 1px solid !important;
  color: var(--color-background-inverse)
}
.brightsign-modal .modal-content .buttons .back-btn {
  margin-right: 13px;
  border: 1px solid #393939 !important;
  background-color: var(--color-background-inverse) !important;
  color: #393939 !important
}
.brightsign-modal .modal-content .buttons .back-btn:hover {
  border: 1px solid #393939 !important;
  background-color: #393939 !important;
  color: var(--color-background-inverse) !important
}
.delete-workspace-modal .subtitle {
  margin-top: 0;
  margin-bottom: 16px;
  color: var(--color-content-primary)
}
.delete-workspace-modal .modal-header .modal-title > span {
  display: flex;
  align-items: center;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px
}
.delete-workspace-modal .body {
  color: var(--color-content-secondary);
  margin-bottom: 24px
}
.delete-workspace-modal .body .with-content-container {
  margin-top: 10px
}
.delete-workspace-modal label {
  color: var(--color-content-tertiary)
}
.delete-workspace-modal #delete-input {
  display: block;
  border: 1px solid var(--color-border-section);
  border-radius: 4px;
  height: 40px;
  width: 200px;
  padding-left: 16px
}
.delete-workspace-modal .name {
  text-decoration: underline
}
.delete-workspace-modal #workspace-dropdown {
  background: var(--color-background-primary);
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 32px;
  display: flex;
  justify-content: flex-start;
  align-items: center
}
.delete-workspace-modal #workspace-dropdown .workspace-selector-modal {
  display: none
}
.delete-workspace-modal #workspace-dropdown .field-workspace_id label {
  color: var(--color-content-primary)
}
.app-gallery-modal .modal-footer, .audio-gallery-modal .modal-footer, .clipart-gallery-modal .modal-footer, .document-gallery-modal .modal-footer, .image-gallery-modal .modal-footer, .url-gallery-modal .modal-footer, .video-gallery-modal .modal-footer {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 20
}
.url-gallery-modal .source-button div {
  text-wrap: wrap
}
.app-gallery-dialog .modal-dialog {
  width: 100%;
  max-width: 782px
}
.app-gallery-dialog .modal-dialog .modal-content .modal-header {
  padding: 24px 24px 0;
  border-bottom: none !important;
  margin-bottom: 10.5px
}
.app-gallery-dialog .modal-dialog .modal-content .modal-header .modal-title {
  font-size: 20px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 500 !important;
  color: var(--color-content-primary);
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px
}
@media (max-width:768px) {
  .app-gallery-dialog .modal-dialog .modal-content .modal-header .modal-title {
    font-size: 18px !important;
    letter-spacing: .02em !important
  }
}
.app-gallery-dialog .modal-dialog .modal-content .modal-header .modal-title .app-provider-pill {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  padding: 6px 12px;
  gap: 7.13px;
  font-size: 14px !important;
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
  border-radius: 7.13px
}
.app-gallery-dialog .modal-dialog .modal-content .modal-header .modal-title .app-provider-pill.branded-pill {
  background-color: var(--color-background-notice-subtle);
  color: var(--color-content-notice)
}
.app-gallery-dialog .modal-dialog .modal-content .modal-header .modal-title .app-provider-pill.third-party-pill {
  background-color: #eeeafb;
  color: #623bd7
}
.app-gallery-dialog .modal-dialog .modal-content .modal-body {
  padding: 0 24px
}
.manage-trial-modal .modal-dialog {
  padding-top: 0;
  margin-top: 148px
}
.manage-trial-modal .modal-content {
  border-radius: 8px
}
.manage-trial-modal .modal-body {
  padding: 0
}
.manage-trial-modal .modal-body .bootbox-body {
  display: flex;
  flex-flow: column;
  align-items: center
}
.manage-trial-modal .modal-body .bootbox-close-button {
  position: absolute;
  top: 22px;
  right: 22px
}
.manage-trial-modal .modal-body .trial-modal-header {
  max-width: 448px;
  margin-top: 24px;
  margin-bottom: 8px;
  color: var(--color-content-primary);
  text-align: center
}
.manage-trial-modal .modal-body .trial-modal-subheader {
  color: var(--color-content-primary);
  text-align: center;
  max-width: 80%;
  margin: auto
}
.manage-trial-modal .modal-body .content {
  padding: 16px 8px;
  width: 100%
}
.manage-trial-modal .modal-body .content .buttons-container {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 24px
}
.manage-trial-modal .modal-body .content .buttons-container:not(.done-button-container) {
  margin-top: 32px
}
.manage-trial-modal .modal-body .content .buttons-container button {
  border: none;
  padding: 10px 20px;
  border-radius: 8px
}
.manage-trial-modal .modal-body .content .buttons-container button.trial-secondary-button {
  color: var(--color-content-primary);
  background-color: var(--color-brand-subtle);
  border-color: var(--color-brand-subtle)
}
.manage-trial-modal .modal-body .content .buttons-container button.trial-secondary-button:hover {
  color: var(--color-content-primary);
  background-color: var(--color-brand-subtle-hover);
  border-color: var(--color-brand-subtle-hover)
}
.manage-trial-modal .modal-body .content .buttons-container button.action-button {
  background-color: var(--basic_branding);
  color: #fff;
  margin-left: 16px
}
.manage-trial-modal .modal-body .content .buttons-container button.action-button:hover {
  color: #fff;
  background-color: color-mix(in srgb, var(--basic_branding), #000 10%);
  border-color: color-mix(in srgb, var(--basic_branding), #000 10%)
}
.manage-trial-modal .modal-body .content .buttons-container button#back-to-trial-button {
  min-width: 115px
}
.manage-trial-modal .modal-body .content .trial-modal-choice {
  cursor: pointer;
  margin: 8px;
  padding: 8px;
  display: flex;
  border-radius: 8px;
  border: 1px solid var(--color-border-section)
}
.manage-trial-modal .modal-body .content .trial-modal-choice:hover {
  background-color: var(--color-background-primary)
}
.manage-trial-modal .modal-body .content .trial-modal-choice .choice-arrow, .manage-trial-modal .modal-body .content .trial-modal-choice .choice-icon {
  display: flex;
  align-items: center
}
.manage-trial-modal .modal-body .content .trial-modal-choice .choice-details {
  display: inline-flex;
  flex-flow: column;
  justify-content: center;
  margin-left: 8px
}
.manage-trial-modal .modal-body .content .trial-modal-choice .choice-details .choice-header {
  color: var(--color-content-primary)
}
.manage-trial-modal .modal-body .content .trial-modal-choice .choice-details .choice-subheader {
  color: var(--color-content-secondary)
}
.manage-trial-modal .modal-body .content .trial-modal-choice .choice-arrow {
  margin-left: auto
}
.manage-trial-modal .modal-body .trial-contact-admins {
  text-align: center;
  margin-bottom: 46px !important
}
.manage-trial-modal .image-background {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: var(--color-background-primary);
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 22px;
  height: 110px
}
.standalone-error-title {
  font-weight: 600 !important;
  color: var(--color-content-primary) !important;
  margin-left: 14px
}
.standalone-restriction-error-message {
  color: var(--color-content-primary)
}
.standalone-restriction-error-sub-message {
  color: var(--color-content-secondary);
  padding-top: 22px !important;
  display: block !important
}
.delete-preconfigured-monitor-modal, .nws-sample-modal .sample-title {
  color: var(--color-content-primary)
}
.standalone-restriction-title {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.nws-sample-modal .modal-body {
  display: inline-flex;
  align-items: center;
  width: 100%;
  justify-content: space-around;
  padding-left: 6px;
  padding-right: 6px
}
.nws-sample-modal .modal-body .bootbox-body {
  width: 100%;
  height: 100%
}
.nws-sample-modal .modal-body .bootbox-body div {
  display: inline-flex;
  justify-content: space-evenly;
  align-items: center
}
.nws-sample-modal .modal-body .bootbox-body .selected-image {
  margin-left: 6px;
  margin-right: 6px
}
.nws-sample-modal .modal-body .bootbox-body img {
  width: 100%
}
.nws-sample-modal .modal-body .bootbox-body .nws-sample-btn {
  background-color: transparent;
  border: none;
  width: 35px;
  padding: 0
}
.nws-sample-modal .modal-body .bootbox-body .nws-sample-btn .nws-sample-arrow.left {
  rotate: 90deg
}
.nws-sample-modal .modal-body .bootbox-body .nws-sample-btn .nws-sample-arrow.right {
  rotate: 270deg
}
.nws-sample-modal .sample-title {
  height: 22px
}
.nws-sample-modal .modal-header {
  border-bottom: none !important
}
.nws-sample-modal .modal-content {
  border-radius: 8px
}
.reset-password-modal .modal-header {
  flex-flow: unset !important
}
@media (max-width:390px) {
  .nws-sample-modal .bootbox-body img {
    height: auto
  }
}
@media screen and (min-width:820px) {
  .nws-sample-modal .modal-dialog {
    width: 800px
  }
}
@media screen and (max-width:820px) {
  .nws-sample-modal .modal-dialog {
    width: 100%
  }
}
.background-audio-modal .bootbox-body {
  margin-top: 15px
}
.background-audio-modal .bootbox-body label {
  margin-bottom: 8px
}
.delete-preconfigured-monitor-modal .modal-header .modal-title .text-warning {
  display: flex;
  align-items: center
}
.delete-preconfigured-monitor-modal .modal-header .modal-title .text-warning .delete-icon {
  margin-right: 10px
}
.delete-preconfigured-monitor-modal .modal-custom-header .device-name {
  text-decoration: underline
}
.delete-preconfigured-monitor-modal .modal-details, .delete-preconfigured-monitor-modal .modal-warning {
  margin-top: 16px
}
.delete-preconfigured-monitor-modal .modal-warning .paired-monitors {
  margin-top: 8px
}
.downgrade-churn-modal .modal-body {
  padding: 20px 16px
}
.downgrade-churn-modal .modal-body .error {
  color: var(--color-content-negative)
}
.downgrade-churn-modal .modal-body .reasons-to-free-downgrade-container .title {
  margin-bottom: 16px
}
.downgrade-churn-modal .modal-body .reasons-to-free-downgrade-container div[class$='-container'] {
  margin-bottom: 24px
}
.downgrade-churn-modal .modal-body .reasons-to-free-downgrade-container textarea {
  max-width: 100%
}
.downgrade-churn-modal .modal-body .reasons-to-free-downgrade-container .satisfaction-modal-description-select {
  margin-bottom: 16px
}
.downgrade-churn-modal .modal-body .reasons-to-free-downgrade-container .satisfaction-modal-description-select p:first-child {
  margin-bottom: 12px
}
.downgrade-churn-modal .modal-body .reasons-to-free-downgrade-container .satisfaction-modal-description-select p:nth-child(2) {
  margin-bottom: 0
}
.downgrade-churn-modal .modal-body .reasons-to-free-downgrade-container .radio {
  min-height: 0;
  padding-left: 0;
  margin-top: 0 !important
}
.downgrade-churn-modal .modal-body .reasons-to-free-downgrade-container .radio:not(:last-child) {
  margin-bottom: 12px !important
}
.downgrade-churn-modal .modal-body .reasons-to-free-downgrade-container .radio:last-child {
  margin-bottom: 0 !important
}
.downgrade-churn-modal .modal-body .reasons-to-free-downgrade-container .radio label .lbl {
  display: flex;
  align-items: center
}
.downgrade-churn-modal .modal-body .reasons-to-free-downgrade-container .radio label .lbl:before {
  width: 16px;
  min-width: auto;
  height: 16px;
  background-color: transparent !important;
  border: 1px solid var(--color-border-section);
  margin-right: 8px
}
.downgrade-churn-modal .modal-body .reasons-to-free-downgrade-container #specific-explanations-for-downgrade .downgrade-rating-wrapper {
  position: relative;
  border: none;
  margin-bottom: 12px;
  display: flex;
  flex-direction: row-reverse
}
.downgrade-churn-modal .modal-body .reasons-to-free-downgrade-container #specific-explanations-for-downgrade .downgrade-rating-wrapper input {
  border: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  opacity: 0
}
.downgrade-churn-modal .modal-body .reasons-to-free-downgrade-container #specific-explanations-for-downgrade .downgrade-rating-wrapper input:checked ~ label:before {
  color: #ffcb00
}
.downgrade-churn-modal .modal-body .reasons-to-free-downgrade-container #specific-explanations-for-downgrade .downgrade-rating-wrapper input:checked ~ label {
  -webkit-text-stroke-color: #ffcb00
}
.downgrade-churn-modal .modal-body .reasons-to-free-downgrade-container #specific-explanations-for-downgrade .downgrade-rating-wrapper > label {
  position: relative;
  float: right;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--color-background-tertiary);
  cursor: pointer;
  transition: -webkit-transform .1s ease-out;
  transition: transform .1s ease-out;
  transition: transform .1s ease-out, -webkit-transform .1s ease-out;
  margin-bottom: 0
}
.downgrade-churn-modal .modal-body .reasons-to-free-downgrade-container #specific-explanations-for-downgrade .downgrade-rating-wrapper > label[for=downgrade_one_star] {
  margin-left: 0
}
.downgrade-churn-modal .modal-body .reasons-to-free-downgrade-container #specific-explanations-for-downgrade .downgrade-rating-wrapper > label[for=downgrade_five_stars] {
  margin-right: auto
}
.downgrade-churn-modal .modal-body .reasons-to-free-downgrade-container #specific-explanations-for-downgrade .downgrade-rating-wrapper > label:not([for=downgrade_one_star]):before {
  margin-right: 5px;
  margin-left: 5px;
  padding-left: 5px
}
.downgrade-churn-modal .modal-body .reasons-to-free-downgrade-container #specific-explanations-for-downgrade .downgrade-rating-wrapper > label:before {
  margin-left: 5px;
  margin-right: 5px;
  content: '\f005';
  font-family: FontAwesome;
  display: inline-block;
  color: var(--color-background-tertiary);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-right: 5px
}
.downgrade-churn-modal .modal-body .reasons-to-free-downgrade-container #specific-explanations-for-downgrade .downgrade-rating-wrapper > label[for=downgrade_one_star]:before {
  margin: 0 5px 0 0;
  padding-left: 0
}
.downgrade-churn-modal .modal-body .reasons-to-free-downgrade-container #specific-explanations-for-downgrade .downgrade-rating-wrapper > label:hover:before, .downgrade-churn-modal .modal-body .reasons-to-free-downgrade-container #specific-explanations-for-downgrade .downgrade-rating-wrapper > label:hover ~ label:before {
  color: #ffcb00;
  -webkit-text-stroke-color: #ffcb00
}
.downgrade-churn-modal .modal-footer {
  display: flex;
  flex-direction: row-reverse
}
.downgrade-churn-modal .modal-footer .satisfaction-modal-return-button {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  margin: 0 auto 0 0 !important;
  padding: 12px 16px !important;
  border-radius: 8px;
  border: 1px solid var(--color-border-section) !important;
  min-width: 78px !important;
  height: 40px !important;
  background-color: var(--color-background-inverse) !important;
  color: var(--color-content-primary) !important;
  outline: 0;
  position: static;
  left: 15px;
  text-decoration: none
}
.downgrade-churn-modal .modal-footer .satisfaction-modal-return-button i {
  bottom: 0;
  margin-right: 8px !important
}
.personalizationModal .modal-header {
  flex-direction: row
}
.personalizationModal .modal_info_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 80px
}
.personalizationModal .modal_info_container img {
  height: 170px;
  width: 175px
}
.personalizationModal .modal_info_container span {
  max-width: 280px;
  text-align: center
}
.personalizationModal .bootbox-body {
  min-height: 360px
}
.personalizationModal .question_explanation {
  margin: 0 0 12px;
  color: var(--color-content-tertiary)
}
.personalizationModal .paging_modal {
  position: absolute;
  left: 47%;
  bottom: 0;
  margin: 0
}
.personalizationModal .paging_modal span:first-child {
  color: var(--color-content-primary)
}
.personalizationModal .paging_modal span:last-child {
  color: var(--color-content-tertiary)
}
.personalizationModal .required_personalization {
  margin-top: 20px;
  color: var(--color-content-negative)
}
.personalizationModal .other_personalization_val {
  color: var(--color-content-secondary)
}
.personalizationModal .other_size_val {
  width: 65%;
  padding-bottom: 12px
}
.enforce2fa-modal .modal-header, .produce-schedule-zip-modal .modal-header, .update-modal .modal-header, .workspace-quota-reached-error .modal-header {
  justify-content: left !important
}
.produce-schedule-zip-modal .text-warning, .update-modal .text-warning {
  color: var(--color-content-primary) !important
}
.produce-schedule-zip-modal .modal-header .modal-title, .update-modal .modal-header .modal-title {
  text-align: center
}
.produce-schedule-zip-modal .modal-body .update-message-body, .update-modal .modal-body .update-message-body {
  text-align: center;
  padding-top: 6px
}
.produce-schedule-zip-modal .modal-body .update-message-footer, .update-modal .modal-body .update-message-footer {
  text-align: center;
  padding-top: 28px;
  color: var(--color-content-secondary)
}
.workspace-selector-modal form .form-group {
  display: flex;
  align-items: center;
  padding-right: 15px
}
@media (max-width:768px) {
  .workspace-selector-modal form .form-group {
    display: block;
    margin-left: 0
  }
  .workspace-selector-modal form .form-group .control-label {
    padding-left: 0
  }
}
.import-template-modal .template-modal-container {
  position: relative
}
.import-template-modal .template-modal-container .template-modal-info-ratio {
  float: right;
  font-style: italic;
  padding-bottom: 8px
}
.import-template-modal .template-modal-container .template-modal-content {
  text-align: center
}
.import-template-modal .template-modal-footer {
  padding-bottom: 42px;
  padding-top: 21px
}
@media (max-width:520px) {
  .import-template-modal .template-modal-footer button {
    margin-top: 10px;
    margin-left: 0 !important;
    width: 100%
  }
  .import-template-modal .template-modal-footer {
    padding-bottom: 155px !important
  }
}
.import-template-modal .template-modal-footer .button-left {
  float: left
}
.import-template-modal .template-modal-footer .button-right {
  float: right
}
@media (max-width:820px) {
  .import-template-modal .modal-dialog {
    width: auto
  }
}
.workspace-quota-reached-error .title {
  font-style: normal;
  display: flex;
  align-items: center;
  gap: 15px;
  color: var(--color-content-primary);
  margin-top: 10px;
  margin-bottom: 5px
}
.workspace-quota-reached-error .modal-content {
  width: 725px
}
.workspace-quota-reached-error .modal-body, .workspace-quota-reached-error .modal-header {
  margin-left: 36px;
  margin-right: 33px;
  padding-left: 0;
  padding-right: 0
}
.workspace-quota-reached-error .error-message {
  font-style: normal;
  display: flex;
  flex-direction: column;
  color: var(--color-content-primary);
  margin-top: 16px;
  margin-bottom: 29px;
  gap: 20px
}
.workspace-quota-reached-error .error-message-contact {
  color: var(--color-content-secondary)
}
.workspace-quota-reached-error a, .workspace-quota-reached-error a:hover {
  color: var(--color-content-secondary);
  text-decoration: underline
}
.workspace-quota-reached-error .modal-footer {
  height: 80px;
  padding-top: 17px;
  padding-bottom: 17px;
  padding-right: 17px
}
.workspace-quota-reached-error .btn-success {
  border-radius: 8px;
  min-width: 109px !important;
  height: 46px
}
#monthly_on + select2-container--open .select2-selection__arrow:before, .select2-container.select2-container--open .select2-selection__arrow::before, .select2.select2-container--open .select2-selection__arrow:before {
  padding-left: 0 !important
}
#monthly_on + span {
  display: flex;
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important
}
.filler-content-modal .select2-selection, .schedule_entry_modal .select2-selection {
  min-height: 35px;
  padding-right: 48px
}
.filler-content-modal .modal-header, .schedule_entry_modal .modal-header {
  padding-left: 0;
  padding-right: 0;
  margin-left: 20px;
  margin-right: 20px;
  color: var(--color-content-primary)
}
.filler-content-modal .modal-dialog, .schedule_entry_modal .modal-dialog {
  max-width: 620px;
  width: auto
}
.filler-content-modal .modal-dialog .form-content .content-subsection, .filler-content-modal .modal-dialog .form-content .form-group .end-date-time-picker, .filler-content-modal .modal-dialog .form-content .form-group .ends-on-date-time-picker, .filler-content-modal .modal-dialog .form-content .form-group .start-date-time-picker, .filler-content-modal .modal-dialog .form-content .form-group .until-date-time-picker, .schedule_entry_modal .modal-dialog .form-content .content-subsection, .schedule_entry_modal .modal-dialog .form-content .form-group .end-date-time-picker, .schedule_entry_modal .modal-dialog .form-content .form-group .ends-on-date-time-picker, .schedule_entry_modal .modal-dialog .form-content .form-group .start-date-time-picker, .schedule_entry_modal .modal-dialog .form-content .form-group .until-date-time-picker {
  width: 100%
}
.filler-content-modal .modal-dialog .modal-body, .schedule_entry_modal .modal-dialog .modal-body {
  padding-bottom: 0
}
.filler-content-modal .modal-dialog .modal-body .bootbox-body, .schedule_entry_modal .modal-dialog .modal-body .bootbox-body {
  padding: 16px;
  background-color: var(--color-background-primary)
}
.filler-content-modal .modal-dialog .form-content .content-subsection:last-child, .schedule_entry_modal .modal-dialog .form-content .content-subsection:last-child {
  margin-top: 28px
}
.filler-content-modal .modal-dialog .form-content .content-subsection .subsection-header, .schedule_entry_modal .modal-dialog .form-content .content-subsection .subsection-header {
  border-bottom: 1px solid var(--color-border-section);
  padding-bottom: 4px;
  margin-bottom: 20px;
  align-self: flex-start;
  color: var(--color-content-secondary);
  letter-spacing: .8px
}
.filler-content-modal .modal-dialog .form-content .form-group, .schedule_entry_modal .modal-dialog .form-content .form-group {
  margin-bottom: 16px
}
.filler-content-modal .modal-dialog .form-content .form-group #turn_off_container, .schedule_entry_modal .modal-dialog .form-content .form-group #turn_off_container {
  height: 36px
}
.filler-content-modal .modal-dialog .form-content .form-group #select_other, .filler-content-modal .modal-dialog .form-content .form-group #turn_off, .schedule_entry_modal .modal-dialog .form-content .form-group #select_other, .schedule_entry_modal .modal-dialog .form-content .form-group #turn_off {
  border: 1px solid var(--color-border-section) !important;
  color: var(--color-content-secondary)
}
.filler-content-modal .modal-dialog .form-content .form-group.days-group, .schedule_entry_modal .modal-dialog .form-content .form-group.days-group {
  margin-bottom: 0
}
@media (max-width:670px) {
  .filler-content-modal .modal-dialog .form-content .form-group.days-group, .schedule_entry_modal .modal-dialog .form-content .form-group.days-group {
    margin-top: 12px
  }
}
.filler-content-modal .modal-dialog .form-content .form-group.repeat-every-container, .schedule_entry_modal .modal-dialog .form-content .form-group.repeat-every-container {
  margin-bottom: 16px
}
.filler-content-modal .modal-dialog .form-content .form-group .control-label, .schedule_entry_modal .modal-dialog .form-content .form-group .control-label {
  max-width: 82px !important;
  color: var(--color-content-tertiary)
}
.filler-content-modal .modal-dialog .form-content .form-group [name=event_type_radios], .schedule_entry_modal .modal-dialog .form-content .form-group [name=event_type_radios] {
  display: flex;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px
}
.filler-content-modal .modal-dialog .form-content .form-group [name=event_type_radios] .radio, .schedule_entry_modal .modal-dialog .form-content .form-group [name=event_type_radios] .radio {
  padding-left: 0
}
.filler-content-modal .modal-dialog .form-content .form-group [name=event_type_radios] .radio label .lbl, .schedule_entry_modal .modal-dialog .form-content .form-group [name=event_type_radios] .radio label .lbl {
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px
}
.filler-content-modal .modal-dialog .form-content .form-group .show-container, .schedule_entry_modal .modal-dialog .form-content .form-group .show-container {
  max-width: 640px
}
.filler-content-modal .modal-dialog .form-content .form-group .show-container #nocontent, .schedule_entry_modal .modal-dialog .form-content .form-group .show-container #nocontent {
  background-color: var(--color-background-inverse)
}
.filler-content-modal .modal-dialog .form-content .form-group .show-container #nocontent[disabled], .schedule_entry_modal .modal-dialog .form-content .form-group .show-container #nocontent[disabled] {
  opacity: .3
}
.filler-content-modal .modal-dialog .form-content .form-group .show-container #show-source-type-dropdown .btn-text, .schedule_entry_modal .modal-dialog .form-content .form-group .show-container #show-source-type-dropdown .btn-text {
  color: var(--color-content-secondary)
}
.filler-content-modal .modal-dialog .form-content .form-group .show-container #show-source-type-dropdown .btn-text.no-content-type, .schedule_entry_modal .modal-dialog .form-content .form-group .show-container #show-source-type-dropdown .btn-text.no-content-type {
  color: var(--color-content-primary)
}
@media (max-width:425px) {
  .filler-content-modal .modal-dialog .form-content .form-group .show-container div[id*=show_selector_template_container], .schedule_entry_modal .modal-dialog .form-content .form-group .show-container div[id*=show_selector_template_container] {
    flex-direction: column;
    align-items: self-start;
    row-gap: 12px
  }
  .filler-content-modal .modal-dialog .form-content .form-group .show-container div[id*=show_selector_template_container] #selector-container, .schedule_entry_modal .modal-dialog .form-content .form-group .show-container div[id*=show_selector_template_container] #selector-container {
    margin-left: 0;
    width: 100% !important;
    max-width: 100% !important
  }
}
.filler-content-modal .modal-dialog .form-content .form-group .show-container > div, .schedule_entry_modal .modal-dialog .form-content .form-group .show-container > div {
  max-width: 640px
}
.filler-content-modal .modal-dialog .form-content .form-group .show-container > div .btn-grp-container, .schedule_entry_modal .modal-dialog .form-content .form-group .show-container > div .btn-grp-container {
  margin-right: 13px;
  width: 100%;
  max-width: 160px
}
.filler-content-modal .modal-dialog .form-content .form-group .show-container > div .btn-grp-container #show-source-type-dropdown, .schedule_entry_modal .modal-dialog .form-content .form-group .show-container > div .btn-grp-container #show-source-type-dropdown {
  height: 44px;
  width: 100% !important;
  max-width: 179px
}
.filler-content-modal .modal-dialog .form-content .form-group .show-container > div .btn-grp-container .dropdown-menu, .schedule_entry_modal .modal-dialog .form-content .form-group .show-container > div .btn-grp-container .dropdown-menu {
  width: 100%;
  max-width: 179px
}
.filler-content-modal .modal-dialog .form-content .form-group .show-container > div .btn-grp-container .dropdown-menu > li > a, .schedule_entry_modal .modal-dialog .form-content .form-group .show-container > div .btn-grp-container .dropdown-menu > li > a {
  color: var(--color-content-secondary) !important
}
.filler-content-modal .modal-dialog .form-content .form-group #repeat_every_days_of_week, .schedule_entry_modal .modal-dialog .form-content .form-group #repeat_every_days_of_week {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  flex-wrap: wrap;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 320px;
  gap: 8px;
  margin-top: 15px
}
@media (max-width:425px) {
  .filler-content-modal .modal-dialog .form-content .form-group #repeat_every_days_of_week, .schedule_entry_modal .modal-dialog .form-content .form-group #repeat_every_days_of_week {
    gap: 1px
  }
}
.filler-content-modal .modal-dialog .form-content .form-group #repeat_every_days_of_week .day_of_week, .filler-content-modal .modal-dialog .form-content .form-group #repeat_every_days_of_week .repeat_every_day_of_week, .schedule_entry_modal .modal-dialog .form-content .form-group #repeat_every_days_of_week .day_of_week, .schedule_entry_modal .modal-dialog .form-content .form-group #repeat_every_days_of_week .repeat_every_day_of_week {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  margin-bottom: 0
}
.filler-content-modal .modal-dialog .form-content .form-group #repeat_every_days_of_week .day_of_week input, .filler-content-modal .modal-dialog .form-content .form-group #repeat_every_days_of_week .repeat_every_day_of_week input, .schedule_entry_modal .modal-dialog .form-content .form-group #repeat_every_days_of_week .day_of_week input, .schedule_entry_modal .modal-dialog .form-content .form-group #repeat_every_days_of_week .repeat_every_day_of_week input {
  height: 36px;
  width: 36px;
  background-color: var(--color-background-inverse)
}
.filler-content-modal .modal-dialog .form-content .form-group #repeat_every_days_of_week .day_of_week input:checked + .lbl:before, .filler-content-modal .modal-dialog .form-content .form-group #repeat_every_days_of_week .repeat_every_day_of_week input:checked + .lbl:before, .schedule_entry_modal .modal-dialog .form-content .form-group #repeat_every_days_of_week .day_of_week input:checked + .lbl:before, .schedule_entry_modal .modal-dialog .form-content .form-group #repeat_every_days_of_week .repeat_every_day_of_week input:checked + .lbl:before {
  background-color: var(--basic_branding)
}
.filler-content-modal .modal-dialog .form-content .form-group #repeat_every_days_of_week .day_of_week span.lbl, .filler-content-modal .modal-dialog .form-content .form-group #repeat_every_days_of_week .repeat_every_day_of_week span.lbl, .schedule_entry_modal .modal-dialog .form-content .form-group #repeat_every_days_of_week .day_of_week span.lbl, .schedule_entry_modal .modal-dialog .form-content .form-group #repeat_every_days_of_week .repeat_every_day_of_week span.lbl {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex
}
.filler-content-modal .modal-dialog .form-content .form-group #repeat_every_days_of_week .day_of_week span.lbl::before, .filler-content-modal .modal-dialog .form-content .form-group #repeat_every_days_of_week .repeat_every_day_of_week span.lbl::before, .schedule_entry_modal .modal-dialog .form-content .form-group #repeat_every_days_of_week .day_of_week span.lbl::before, .schedule_entry_modal .modal-dialog .form-content .form-group #repeat_every_days_of_week .repeat_every_day_of_week span.lbl::before {
  content: '';
  height: 36px;
  width: 36px
}
.filler-content-modal .modal-dialog .form-content .form-group #repeat_every_days_of_week .day_of_week span.lbl .day-label, .filler-content-modal .modal-dialog .form-content .form-group #repeat_every_days_of_week .repeat_every_day_of_week span.lbl .day-label, .schedule_entry_modal .modal-dialog .form-content .form-group #repeat_every_days_of_week .day_of_week span.lbl .day-label, .schedule_entry_modal .modal-dialog .form-content .form-group #repeat_every_days_of_week .repeat_every_day_of_week span.lbl .day-label {
  position: absolute
}
.filler-content-modal .modal-dialog .form-content .form-group .recurrence-container, .schedule_entry_modal .modal-dialog .form-content .form-group .recurrence-container {
  max-width: 280px;
  margin-right: 17px
}
.filler-content-modal .modal-dialog .form-content .form-group .recurrence-container .select2, .schedule_entry_modal .modal-dialog .form-content .form-group .recurrence-container .select2 {
  width: 100% !important
}
.filler-content-modal .modal-dialog .form-content .form-group .repeat-until-container, .schedule_entry_modal .modal-dialog .form-content .form-group .repeat-until-container {
  max-width: 280px
}
.filler-content-modal .modal-dialog .form-content .form-group .repeat-until-container .help, .schedule_entry_modal .modal-dialog .form-content .form-group .repeat-until-container .help {
  width: 100px
}
.filler-content-modal .modal-dialog .form-content .form-group .repeat-until-container .help .middle, .schedule_entry_modal .modal-dialog .form-content .form-group .repeat-until-container .help .middle {
  margin-bottom: 0
}
.filler-content-modal .modal-dialog .form-content .form-group .repeat-until-container .help input:checked + .lbl:before, .schedule_entry_modal .modal-dialog .form-content .form-group .repeat-until-container .help input:checked + .lbl:before {
  background-color: var(--basic_branding);
  color: var(--color-background-inverse) !important
}
.filler-content-modal .modal-dialog .form-content .form-group .repeat-until-container .help .lbl, .schedule_entry_modal .modal-dialog .form-content .form-group .repeat-until-container .help .lbl {
  color: var(--color-content-secondary)
}
.filler-content-modal .modal-dialog .form-content .form-group .repeat-until-container .help .lbl:before, .schedule_entry_modal .modal-dialog .form-content .form-group .repeat-until-container .help .lbl:before {
  margin-right: 10px;
  height: 18px;
  width: 18px
}
.filler-content-modal .modal-dialog .form-content .custom-entry .repeat-every-container > .control-label, .schedule_entry_modal .modal-dialog .form-content .custom-entry .repeat-every-container > .control-label {
  white-space: nowrap
}
.filler-content-modal .modal-dialog .form-content .custom-entry .repeat-every-container > .editor-container, .schedule_entry_modal .modal-dialog .form-content .custom-entry .repeat-every-container > .editor-container {
  max-width: 340px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px
}
@media (max-width:425px) {
  .filler-content-modal .modal-dialog .form-content .custom-entry .repeat-every-container > .editor-container, .schedule_entry_modal .modal-dialog .form-content .custom-entry .repeat-every-container > .editor-container {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 12px
  }
}
.filler-content-modal .modal-dialog .form-content .custom-entry .repeat-every-container > .editor-container .spinner-container, .filler-content-modal .modal-dialog .form-content .custom-entry .repeat-every-container > .editor-container .spinner-container .ace-spinner, .filler-content-modal .modal-dialog .form-content .custom-entry .repeat-every-container > .editor-container .spinner-container .ace-spinner input.repeat-spinner, .schedule_entry_modal .modal-dialog .form-content .custom-entry .repeat-every-container > .editor-container .spinner-container, .schedule_entry_modal .modal-dialog .form-content .custom-entry .repeat-every-container > .editor-container .spinner-container .ace-spinner, .schedule_entry_modal .modal-dialog .form-content .custom-entry .repeat-every-container > .editor-container .spinner-container .ace-spinner input.repeat-spinner {
  max-width: 110px !important
}
.filler-content-modal .modal-dialog .form-content .custom-entry .repeat-every-container > .editor-container .spinner-container .ace-spinner .spinner-buttons, .schedule_entry_modal .modal-dialog .form-content .custom-entry .repeat-every-container > .editor-container .spinner-container .ace-spinner .spinner-buttons {
  right: 8px !important
}
.filler-content-modal .modal-dialog .form-content .custom-entry .repeat-every-container > .editor-container .spinner-container .ace-spinner .spinner-buttons .spinner-down, .schedule_entry_modal .modal-dialog .form-content .custom-entry .repeat-every-container > .editor-container .spinner-container .ace-spinner .spinner-buttons .spinner-down {
  margin-top: 1px !important;
  margin-bottom: 2px !important
}
.filler-content-modal .modal-dialog .form-content .custom-entry .repeat-every-container > .editor-container .repeat_every_period_container, .schedule_entry_modal .modal-dialog .form-content .custom-entry .repeat-every-container > .editor-container .repeat_every_period_container {
  max-width: 160px
}
.filler-content-modal .modal-dialog .form-content .custom-entry .repeat-every-container > .editor-container .monthly-on-container, .schedule_entry_modal .modal-dialog .form-content .custom-entry .repeat-every-container > .editor-container .monthly-on-container {
  margin-top: 15px;
  display: contents
}
.filler-content-modal .modal-dialog .form-content .custom-entry .repeat-ends-container, .schedule_entry_modal .modal-dialog .form-content .custom-entry .repeat-ends-container {
  flex-wrap: wrap
}
.filler-content-modal .modal-dialog .form-content .custom-entry .repeat-ends-container > label.control-label, .schedule_entry_modal .modal-dialog .form-content .custom-entry .repeat-ends-container > label.control-label {
  margin-top: 0 !important
}
.filler-content-modal .modal-dialog .form-content .custom-entry .repeat-ends-container .editor-container.ends-after-spinner, .filler-content-modal .modal-dialog .form-content .custom-entry .repeat-ends-container .editor-container.ends-after-spinner #spinner_ends_after_occurences, .schedule_entry_modal .modal-dialog .form-content .custom-entry .repeat-ends-container .editor-container.ends-after-spinner, .schedule_entry_modal .modal-dialog .form-content .custom-entry .repeat-ends-container .editor-container.ends-after-spinner #spinner_ends_after_occurences {
  max-width: 280px !important
}
.filler-content-modal .modal-dialog .form-content .custom-entry .repeat-ends-container .editor-container.ends-after-spinner #spinner_ends_after_occurences .ui-spinner, .schedule_entry_modal .modal-dialog .form-content .custom-entry .repeat-ends-container .editor-container.ends-after-spinner #spinner_ends_after_occurences .ui-spinner {
  width: 100%
}
.filler-content-modal .modal-dialog .form-content .custom-entry .repeat-ends-container .editor-container.ends-after-spinner #spinner_ends_after_occurences .ui-spinner input.ui-spinner-input, .schedule_entry_modal .modal-dialog .form-content .custom-entry .repeat-ends-container .editor-container.ends-after-spinner #spinner_ends_after_occurences .ui-spinner input.ui-spinner-input {
  max-width: 280px !important;
  height: 36px !important;
  border: 1px solid var(--color-border-section);
  color: var(--color-content-secondary) !important
}
.filler-content-modal .modal-dialog .form-content .custom-entry .repeat-ends-container .editor-container.ends-after-spinner #spinner_ends_after_occurences .ui-spinner .ui-spinner-button, .schedule_entry_modal .modal-dialog .form-content .custom-entry .repeat-ends-container .editor-container.ends-after-spinner #spinner_ends_after_occurences .ui-spinner .ui-spinner-button {
  right: 11px !important
}
.filler-content-modal .modal-dialog .form-content .custom-entry .repeat-ends-container .editor-container.ends-after-spinner #spinner_ends_after_occurences .ui-spinner .ui-spinner-down, .schedule_entry_modal .modal-dialog .form-content .custom-entry .repeat-ends-container .editor-container.ends-after-spinner #spinner_ends_after_occurences .ui-spinner .ui-spinner-down {
  bottom: 4px !important
}
.filler-content-modal .modal-dialog .form-content .custom-entry .repeat-ends-container .editor-container.ends-after-spinner #spinner_ends_after_occurences .ui-spinner .ui-spinner-up, .schedule_entry_modal .modal-dialog .form-content .custom-entry .repeat-ends-container .editor-container.ends-after-spinner #spinner_ends_after_occurences .ui-spinner .ui-spinner-up {
  top: 3px !important
}
.filler-content-modal .modal-dialog .form-content .custom-entry .repeat-ends-container .editor-container.date-time-spinner-container, .schedule_entry_modal .modal-dialog .form-content .custom-entry .repeat-ends-container .editor-container.date-time-spinner-container {
  margin-top: 16px
}
.filler-content-modal .modal-dialog .timezone-message-container, .schedule_entry_modal .modal-dialog .timezone-message-container, .screen-limitation-modal .text-container {
  margin-top: 24px
}
@media (min-width:1141px) {
  .filler-content-modal .modal-dialog .form-content .custom-entry .repeat-ends-container .editor-container.date-time-spinner-container, .schedule_entry_modal .modal-dialog .form-content .custom-entry .repeat-ends-container .editor-container.date-time-spinner-container {
    margin-left: 98px
  }
}
.filler-content-modal .modal-dialog .form-content .custom-entry .repeat-ends-container .editor-container .control-group div.radio, .schedule_entry_modal .modal-dialog .form-content .custom-entry .repeat-ends-container .editor-container .control-group div.radio {
  display: flex;
  align-items: center;
  padding-left: 0;
  margin-bottom: 11px
}
@media (max-width:425px) {
  .filler-content-modal .modal-dialog .form-content .custom-entry .repeat-ends-container .editor-container .control-group div.radio:not(:first-of-type), .schedule_entry_modal .modal-dialog .form-content .custom-entry .repeat-ends-container .editor-container .control-group div.radio:not(:first-of-type) {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 12px
  }
}
.filler-content-modal .modal-dialog .form-content .custom-entry .repeat-ends-container .editor-container .control-group div.radio > label, .schedule_entry_modal .modal-dialog .form-content .custom-entry .repeat-ends-container .editor-container .control-group div.radio > label {
  width: 100%;
  max-width: 70px
}
.filler-content-modal .modal-dialog .form-content .custom-entry .repeat-ends-container .editor-container .control-group div.radio > label span, .schedule_entry_modal .modal-dialog .form-content .custom-entry .repeat-ends-container .editor-container .control-group div.radio > label span {
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  color: var(--color-content-secondary)
}
.filler-content-modal .modal-dialog .form-content .custom-entry .repeat-ends-container .editor-container .control-group div.radio #ends_on_date, .schedule_entry_modal .modal-dialog .form-content .custom-entry .repeat-ends-container .editor-container .control-group div.radio #ends_on_date {
  max-width: 280px !important
}
.filler-content-modal .timezone-message-container i, .schedule_entry_modal .timezone-message-container i {
  color: var(--color-content-primary);
  margin-right: 8px
}
.filler-content-modal .timezone-message-container .timezone-message, .schedule_entry_modal .timezone-message-container .timezone-message {
  color: var(--color-content-primary)
}
.item-details-modal .modal-title {
  font-size: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.item-details-modal .modal-body {
  padding: 15px 0 15px 21px;
  font-size: 16px
}
.item-details-modal .modal-body .div-file-details-info {
  max-width: 250px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.item-details-modal .modal-body .btm-info {
  margin: 0
}
.item-details-modal .modal-body .span-file-details-info {
  opacity: .7
}
.item-details-modal .modal-body .created-by-tooltip, .item-details-modal .modal-body .date-created-tooltip, .item-details-modal .modal-body .date-last-modified-tooltip {
  display: inline-block;
  background-color: var(--color-background-tertiary);
  height: 15px;
  width: 16px;
  text-align: center;
  color: var(--color-content-primary);
  font-size: 12px;
  font-weight: 700;
  border-radius: 100%;
  line-height: 15px;
  border: none
}
.item-details-modal .modal-body .item-details-object {
  gap: 2px;
  display: flex;
  align-items: center;
  margin-bottom: 4px
}
.item-details-modal .modal-footer {
  margin-top: 0;
  padding: 10px 0 10px 16px;
  text-align: left;
  border-top: 1px solid var(--color-border-default)
}
.item-details-modal .tooltip-inner {
  white-space: normal
}
.standalone-limit-reached-modal .modal-header {
  flex-direction: row;
  padding-bottom: 0;
  border: none
}
.standalone-limit-reached-modal .modal-body {
  min-height: unset;
  color: var(--color-content-secondary)
}
.upgrade-plan-modal .modal-dialog {
  width: 850px;
  height: 596px
}
.upgrade-plan-modal .modal-dialog .modal-content {
  height: inherit
}
.upgrade-plan-modal .modal-dialog .modal-content .plans-container {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 15px;
  position: relative
}
.upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container {
  width: 360px;
  border-radius: 5px;
  border: 1px solid var(--color-brand-subtle-hover);
  cursor: pointer
}
.upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container .plan-button-title {
  display: flex;
  justify-content: center;
  top: -8px;
  position: absolute;
  width: inherit
}
.upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container .plan-button-title span {
  padding: 2px 10px;
  background-color: var(--color-brand-subtle-hover);
  color: var(--color-content-primary);
  border-radius: 8px
}
.upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container .plan-button-title span.selected {
  color: var(--color-background-inverse);
  background-color: var(--basic_branding)
}
.upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container.selected {
  border: 1px solid var(--basic_branding)
}
.upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container.selected .payment-footer span, .upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container.selected .plan-add-icon, .upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container.selected .plan-circle-icon, .upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container.selected .plan-circle-icon::before, .upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container.selected .tier-name {
  color: var(--basic_branding) !important
}
.upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container .align-center {
  display: flex;
  justify-content: center
}
.upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container .tier-name {
  color: var(--color-content-primary)
}
.upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container .icon-wrapper {
  border: 1px solid var(--color-content-primary);
  border-radius: 50%;
  margin-top: 15px;
  margin-left: 15px;
  width: 21px;
  height: 21px;
  display: flex;
  justify-content: center;
  align-items: center
}
.upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container .icon-wrapper .plan-circle-icon {
  color: var(--color-content-primary);
  display: inline-block
}
.upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container .icon-wrapper.selected {
  border: 1px solid var(--basic_branding)
}
.upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container .payment-footer {
  bottom: 1px;
  display: block;
  height: 67px;
  background-color: var(--color-background-primary);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 358px;
  text-align: center;
  padding-top: 16px
}
.align-left, .upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container .extra-hardware-container span {
  text-align: left
}
.upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container .payment-footer.selected {
  background-color: var(--color-fill-image)
}
.upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container .payment-footer span {
  align-items: center;
  color: var(--color-content-primary)
}
.upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container .plan-pricing-container {
  padding-bottom: 15px;
  margin-top: 8px
}
.upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container .plan-pricing-container .screen-per-month {
  align-items: center
}
.upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container .feature-container {
  padding-bottom: 4px;
  padding-right: 24px
}
.upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container .feature-container i {
  position: absolute
}
.upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container .feature-container span {
  padding-left: 24px
}
.upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container .extra-hardware-container {
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  margin-bottom: 16px;
  margin-top: 16px
}
.upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container .extra-hardware-container span .free-hardware {
  color: var(--basic_branding)
}
.upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container .extra-hardware-container .neocase {
  width: 97px
}
.upgrade-plan-modal .modal-dialog .modal-content .plans-container .plan-button-container.plan-pricing {
  padding-bottom: 15px
}
.upgrade-plan-modal .modal-dialog .modal-footer {
  bottom: 0;
  position: absolute;
  width: 100%
}
.interactive-playlist-modal .modal-body {
  display: flex;
  justify-content: center
}
.interactive-playlist-modal .modal-body .bootbox-body {
  max-width: 360px;
  text-align: center
}
.interactive-playlist-modal .modal-footer .action-checkbox {
  margin-top: 4px;
  margin-left: 8px
}
.forward-assignment-modal .modal-dialog {
  padding-left: 0;
  padding-right: 0;
  max-width: 631px
}
.forward-assignment-modal .modal-dialog .modal-content {
  max-width: 631px;
  height: 480px
}
.forward-assignment-modal .modal-dialog .modal-body {
  height: 352px
}
.forward-assignment-modal:has(.failure-container:not(.hidden)) .modal-body, .forward-assignment-modal:has(.failure-container:not(.hidden)) .modal-content {
  height: unset
}
.forward-assignment-modal .bootbox-body {
  height: 100%
}
.forward-assignment-modal .bootbox-body .playlists-selection-container, .forward-assignment-modal .bootbox-body .screens-selection-container {
  display: inline-flex;
  justify-content: flex-start;
  width: 100%;
  margin-top: 16px
}
.forward-assignment-modal .bootbox-body .playlists-selection-container .select-item-label, .forward-assignment-modal .bootbox-body .screens-selection-container .select-item-label {
  margin-right: 12px;
  height: 44px;
  display: flex;
  align-items: center;
  color: var(--color-content-tertiary);
  margin-top: auto;
  margin-bottom: auto;
  white-space: break-spaces;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  text-align: right
}
.forward-assignment-modal .bootbox-body .playlists-selection-container .select2-container, .forward-assignment-modal .bootbox-body .screens-selection-container .select2-container {
  width: 450px !important;
  min-height: 44px
}
.forward-assignment-modal .bootbox-body .playlists-selection-container .select2-container .select2-selection--multiple, .forward-assignment-modal .bootbox-body .screens-selection-container .select2-container .select2-selection--multiple {
  display: flex;
  align-items: center;
  box-shadow: none;
  padding: 6px
}
.forward-assignment-modal .bootbox-body .playlists-selection-container .select2-container .select2-selection--multiple .select2-selection__rendered, .forward-assignment-modal .bootbox-body .screens-selection-container .select2-container .select2-selection--multiple .select2-selection__rendered {
  min-height: 44px;
  display: flex !important;
  row-gap: 6px;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px;
  align-items: center;
  flex-flow: wrap
}
.forward-assignment-modal .bootbox-body .playlists-selection-container .select2-container .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice, .forward-assignment-modal .bootbox-body .screens-selection-container .select2-container .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
  background-color: var(--color-background-tertiary) !important;
  color: var(--color-content-primary);
  border-radius: 20px;
  display: flex;
  flex-flow: row-reverse;
  padding: 5px 10px !important;
  margin: 0 !important;
  border: none;
  height: 30px
}
.forward-assignment-modal .bootbox-body .playlists-selection-container .select2-container .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice .dropdown-option, .forward-assignment-modal .bootbox-body .playlists-selection-container .select2-container .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice .option-playlist, .forward-assignment-modal .bootbox-body .screens-selection-container .select2-container .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice .dropdown-option, .forward-assignment-modal .bootbox-body .screens-selection-container .select2-container .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice .option-playlist {
  margin-right: 0 !important;
  margin-left: 6px
}
.forward-assignment-modal .bootbox-body .playlists-selection-container .select2-container .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice .selected-option, .forward-assignment-modal .bootbox-body .screens-selection-container .select2-container .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice .selected-option {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px
}
.forward-assignment-modal .bootbox-body .playlists-selection-container .select2-container .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice .select2-selection__choice__remove, .forward-assignment-modal .bootbox-body .screens-selection-container .select2-container .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice .select2-selection__choice__remove {
  position: relative;
  margin: 0 0 0 10px;
  border: 1px solid var(--color-content-tertiary);
  border-radius: 50%;
  padding: 1px 3.5px 2.5px 4px;
  line-height: 100%
}
.forward-assignment-modal .bootbox-body .playlists-selection-container .select2-container .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice .select2-selection__choice__remove:hover, .forward-assignment-modal .bootbox-body .screens-selection-container .select2-container .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice .select2-selection__choice__remove:hover {
  color: var(--color-content-tertiary)
}
.forward-assignment-modal .bootbox-body .playlists-selection-container .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline::after, .forward-assignment-modal .bootbox-body .screens-selection-container .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline::after {
  display: none !important
}
.forward-assignment-modal .bootbox-body .playlists-selection-container .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search__field, .forward-assignment-modal .bootbox-body .screens-selection-container .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search__field {
  min-height: 30px
}
.forward-assignment-modal .bootbox-body .form-group {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-top: 12px;
  margin-bottom: 0;
  height: 44px
}
.forward-assignment-modal .bootbox-body .control-label {
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  display: flex;
  margin-right: 12px;
  font-size: 14px;
  font-weight: 400;
  height: 44px;
  color: var(--color-content-tertiary);
  margin-top: auto;
  white-space: nowrap;
  min-width: 106px;
  float: right
}
.forward-assignment-modal .bootbox-body .forward-assignment-type label {
  margin-bottom: 0
}
.forward-assignment-modal .bootbox-body .forward-assignment-type .content-choices {
  width: 450px;
  height: 18px;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex
}
.forward-assignment-modal .bootbox-body .forward-assignment-type .content-choices .default-content-container, .forward-assignment-modal .bootbox-body .forward-assignment-type .content-choices .takeover-container {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex
}
.forward-assignment-modal .bootbox-body .forward-assignment-type .content-choices .takeover-container input#takeover-screen {
  margin-left: 24px
}
.forward-assignment-modal .bootbox-body .forward-assignment-type .content-choices input[type=radio] {
  margin-top: 0;
  margin-right: 6px;
  accent-color: var(--color-content-primary);
  height: 18px;
  width: 18px
}
.forward-assignment-modal .bootbox-body .forward-assignment-type .content-choices label {
  color: var(--color-content-secondary)
}
.forward-assignment-modal .bootbox-body .forward-assignment-type .content-choices .help-button {
  background-color: var(--color-background-tertiary);
  box-shadow: none;
  height: 18px !important;
  width: 18px !important;
  text-align: center !important;
  padding: 0;
  color: var(--color-background-inverse) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  cursor: default;
  margin-left: 10px !important;
  border-radius: 100% !important;
  line-height: 18px !important;
  border: none !important;
  bottom: 0
}
.forward-assignment-modal .bootbox-body .custom-duration-container .custom-duration .spinner-container .ui-spinner .ui-spinner-button.ui-spinner-down .ds-angle-down, .forward-assignment-modal .bootbox-body .custom-duration-container .custom-duration .spinner-container .ui-spinner .ui-spinner-button.ui-spinner-up .ds-angle-up {
  color: var(--color-content-tertiary)
}
.forward-assignment-modal .bootbox-body .takeover-duration-container .select2-container {
  width: 100% !important;
  height: 44px
}
.forward-assignment-modal .bootbox-body .takeover-duration-container .select2-container .select2-selection {
  height: inherit;
  box-shadow: none;
  line-height: 2
}
.forward-assignment-modal .bootbox-body .custom-duration-container .custom-duration {
  height: 44px;
  width: 100%
}
.forward-assignment-modal .bootbox-body .custom-duration-container .custom-duration .spinner-container, .forward-assignment-modal .bootbox-body .custom-duration-container .custom-duration .spinner-container .ui-spinner {
  height: inherit;
  width: inherit
}
.forward-assignment-modal .bootbox-body .custom-duration-container .custom-duration .spinner-container .ui-spinner input {
  margin-right: 0;
  margin-left: 0;
  height: inherit;
  padding-left: 16px;
  width: inherit;
  max-width: none !important;
  border-radius: 4px !important
}
.forward-assignment-modal .bootbox-body .custom-duration-container .custom-duration .spinner-container .ui-spinner input:focus {
  border-color: var(--color-border-section) !important
}
.forward-assignment-modal .bootbox-body .custom-duration-container .custom-duration .spinner-container .ui-spinner .ui-spinner-button {
  font-size: 20px
}
.forward-assignment-modal .bootbox-body .custom-duration-container .custom-duration .spinner-container .ui-spinner .ui-spinner-button.ui-spinner-up {
  top: 10px;
  cursor: pointer
}
.forward-assignment-modal .bootbox-body .custom-duration-container .custom-duration .spinner-container .ui-spinner .ui-spinner-button.ui-spinner-down {
  bottom: 10px;
  cursor: pointer
}
.forward-assignment-modal .bootbox-body div[data-error] {
  margin-left: 120px
}
.forward-assignment-modal .bootbox-body .failure-container, .forward-assignment-modal .bootbox-body .success-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex-direction: column;
  padding-bottom: 30px
}
.forward-assignment-modal .bootbox-body .failure-container .image-container, .forward-assignment-modal .bootbox-body .success-container .image-container {
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
  height: 94px;
  margin-bottom: 15px
}
.forward-assignment-modal .bootbox-body .failure-container .image-container .successful-upload-svg, .forward-assignment-modal .bootbox-body .success-container .image-container .successful-upload-svg {
  display: flex;
  justify-content: center
}
.forward-assignment-modal .bootbox-body .failure-container .image-container .fail-upload-svg, .forward-assignment-modal .bootbox-body .success-container .image-container .fail-upload-svg {
  width: 70px
}
.forward-assignment-modal .bootbox-body .failure-container .failure-assignment, .forward-assignment-modal .bootbox-body .failure-container .successful-assignment, .forward-assignment-modal .bootbox-body .success-container .failure-assignment, .forward-assignment-modal .bootbox-body .success-container .successful-assignment {
  justify-content: center;
  max-width: 392px;
  text-align: center;
  margin-left: auto;
  margin-right: auto
}
.forward-assignment-modal .bootbox-body .failure-container .unsupported-media, .forward-assignment-modal .bootbox-body .success-container .unsupported-media {
  width: 297px;
  text-align: center;
  margin-left: auto;
  margin-right: auto
}
.forward-assignment-modal .bootbox-body .failure-container.failure-container, .forward-assignment-modal .bootbox-body .success-container.failure-container {
  padding-bottom: 70px;
  align-items: flex-start;
  row-gap: 8px
}
.forward-assignment-modal .bootbox-body .failure-container.failure-container .embed-player-error-container, .forward-assignment-modal .bootbox-body .success-container.failure-container .embed-player-error-container {
  display: flex;
  flex-direction: column;
  row-gap: 8px
}
.forward-assignment-modal .bootbox-body .failure-container.failure-container .embed-player-error-container > div, .forward-assignment-modal .bootbox-body .success-container.failure-container .embed-player-error-container > div {
  justify-content: flex-start;
  align-items: flex-end;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px
}
.forward-assignment-modal .bootbox-body .failure-container.failure-container .embed-player-error-container > div.positive, .forward-assignment-modal .bootbox-body .success-container.failure-container .embed-player-error-container > div.positive {
  color: var(--color-content-positive)
}
.forward-assignment-modal .bootbox-body .failure-container.failure-container .embed-player-error-container > div.negative, .forward-assignment-modal .bootbox-body .success-container.failure-container .embed-player-error-container > div.negative {
  color: var(--color-content-negative)
}
.forward-assignment-modal .bootbox-body .failure-container.failure-container .error-subtitle, .forward-assignment-modal .bootbox-body .success-container.failure-container .error-subtitle {
  color: var(--color-content-secondary)
}
.forward-assignment-modal .modal-footer {
  bottom: 0;
  position: absolute;
  width: 100%
}
.forward-assignment-modal .modal-footer .go-to-button, .forward-assignment-modal .modal-footer .primary-button {
  margin-left: 16px
}
.multiple-select2-dropdown-new .select2-results .select2-results__options, .playlists-dropdown .select2-results .select2-results__options, .screens-dropdown .select2-results .select2-results__options {
  margin-top: 1px
}
.multiple-select2-dropdown-new .select2-results .select2-results__options .select2-results__option, .playlists-dropdown .select2-results .select2-results__options .select2-results__option, .screens-dropdown .select2-results .select2-results__options .select2-results__option {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 46px;
  padding-top: 13px;
  padding-left: 16px
}
.multiple-select2-dropdown-new .select2-results .select2-results__options .select2-results__option .temporary-content-option, .playlists-dropdown .select2-results .select2-results__options .select2-results__option .temporary-content-option, .screens-dropdown .select2-results .select2-results__options .select2-results__option .temporary-content-option {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: inline-flex;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.multiple-select2-dropdown-new .select2-results .select2-results__options .select2-results__option .temporary-content-option span:first-child, .playlists-dropdown .select2-results .select2-results__options .select2-results__option .temporary-content-option span:first-child, .screens-dropdown .select2-results .select2-results__options .select2-results__option .temporary-content-option span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: inherit
}
.multiple-select2-dropdown-new .select2-results .select2-results__options .select2-results__option .temporary-content-option .icon-wrapper, .playlists-dropdown .select2-results .select2-results__options .select2-results__option .temporary-content-option .icon-wrapper, .screens-dropdown .select2-results .select2-results__options .select2-results__option .temporary-content-option .icon-wrapper {
  border-radius: 50%;
  position: relative;
  border-color: var(--color-brand-subtle);
  background-color: var(--color-brand-subtle);
  width: 24px;
  height: 24px
}
.multiple-select2-dropdown-new .select2-results .select2-results__options .select2-results__option.line-separator, .playlists-dropdown .select2-results .select2-results__options .select2-results__option.line-separator, .screens-dropdown .select2-results .select2-results__options .select2-results__option.line-separator, .separator-line {
  border-bottom: 1px solid var(--color-background-tertiary)
}
.multiple-select2-dropdown-new .select2-results .select2-results__options .select2-results__option .temporary-content-option .icon-wrapper .ds-temporary-content, .playlists-dropdown .select2-results .select2-results__options .select2-results__option .temporary-content-option .icon-wrapper .ds-temporary-content, .screens-dropdown .select2-results .select2-results__options .select2-results__option .temporary-content-option .icon-wrapper .ds-temporary-content {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: var(--color-border-positive);
  font-size: 12px;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%
}
.multiple-select2-dropdown-new .select2-results .select2-results__options .select2-results__option .interactive-playlist-indicator, .playlists-dropdown .select2-results .select2-results__options .select2-results__option .interactive-playlist-indicator, .screens-dropdown .select2-results .select2-results__options .select2-results__option .interactive-playlist-indicator {
  background-color: var(--color-border-section) !important
}
.multiple-select2-dropdown-new .select2-results .select2-results__option:not(.select2-results__message):before, .playlists-dropdown .select2-results .select2-results__option:not(.select2-results__message):before, .screens-dropdown .select2-results .select2-results__option:not(.select2-results__message):before {
  content: '';
  display: inline-block;
  position: relative;
  height: 20px;
  width: 20px;
  border: 1px solid var(--color-content-tertiary);
  border-radius: 4px;
  background-color: var(--color-background-inverse);
  margin-right: 8px;
  vertical-align: middle
}
.multiple-select2-dropdown-new .select2-results .select2-results__option[aria-selected=true]:before, .playlists-dropdown .select2-results .select2-results__option[aria-selected=true]:before, .screens-dropdown .select2-results .select2-results__option[aria-selected=true]:before {
  font-family: fontAwesome;
  content: '\f00c';
  padding: 2px;
  display: inline
}
.multiple-select2-dropdown-new .select2-results .select2-results__option--highlighted[aria-selected], .playlists-dropdown .select2-results .select2-results__option--highlighted[aria-selected], .screens-dropdown .select2-results .select2-results__option--highlighted[aria-selected] {
  background-color: var(--color-background-primary);
  color: var(--color-content-primary)
}
.multiple-select2-dropdown-new .select2-results [aria-selected=true], .playlists-dropdown .select2-results [aria-selected=true], .screens-dropdown .select2-results [aria-selected=true] {
  display: list-item !important
}
.multiple-select2-dropdown-new .select2-results [aria-selected=true]:not(.select2-results__option--highlighted), .playlists-dropdown .select2-results [aria-selected=true]:not(.select2-results__option--highlighted), .screens-dropdown .select2-results [aria-selected=true]:not(.select2-results__option--highlighted) {
  background: 0 0 !important
}
.set-to-embed-player-warning {
  margin: 8px;
  padding: 4px 12px;
  border-radius: 4px;
  border: 1px solid var(--color-border-warning);
  background: var(--color-background-warning-subtle);
  color: var(--color-content-secondary)
}
html.dark .set-to-embed-player-warning {
  border-color: transparent
}
.screens-dropdown:not(:has(.select2-results__option:not([style*='display: none']) .embed-player-name)) .set-to-embed-player-warning {
  display: none
}
.media_playlist_selector_modal .set-to-embed-player-warning {
  margin: 10px 0 0;
  padding: 8px 12px
}
.multiple-select2-new .select2-selection__rendered {
  gap: 6px
}
.multiple-select2-new .select2-selection__rendered .select2-selection__choice {
  margin: 0 !important
}
@media (max-width:500px) {
  .forward-assignment-modal .bootbox-body {
    display: flex !important;
    flex-direction: column !important
  }
  .forward-assignment-modal .bootbox-body .screens-selection-top {
    margin-top: 48px
  }
  .forward-assignment-modal .bootbox-body .content-choices {
    flex-direction: column !important;
    margin-top: 46px !important;
    justify-content: space-between !important;
    height: 64px !important
  }
  .forward-assignment-modal .bootbox-body .content-choices .default-content-container, .forward-assignment-modal .bootbox-body .content-choices .takeover-container {
    width: 100% !important
  }
  .forward-assignment-modal .bootbox-body .content-choices .default-content-container input#takeover-screen, .forward-assignment-modal .bootbox-body .content-choices .takeover-container input#takeover-screen {
    margin-left: 0 !important
  }
  .forward-assignment-modal .bootbox-body .takeover-duration-container {
    margin-top: 60px !important
  }
  .forward-assignment-modal .select2-selection--multiple {
    overflow-y: scroll;
    max-height: 200px
  }
}
.copy_api_token_model .api_token_container {
  display: flex;
  align-items: center
}
.copy_api_token_model .api_token_el {
  border: 1px solid var(--color-content-tertiary);
  padding: 12px;
  border-radius: 8px;
  display: block;
  margin-right: 6px;
  word-break: break-all
}
.copy_api_token_model .api_token_copy {
  border: 1px solid var(--color-border-default);
  padding: 12px;
  border-radius: 8px;
  display: block;
  width: 44px;
  height: 44px;
  cursor: pointer
}
.copy_api_token_model .api_token_copy:hover {
  border: 1px solid var(--color-border-hover)
}
.copy_api_token_model .token_copied_info {
  margin-top: 12px;
  color: var(--color-content-positive)
}
.schedule_change_priority_modal .modal-footer {
  display: flex;
  align-items: center
}
.schedule_change_priority_modal .modal-footer .not-show-again {
  margin-right: auto;
  margin-bottom: 0
}
.schedule_change_priority_modal .modal-footer .not-show-again input {
  left: 14px;
  margin-top: 0
}
.schedule_change_priority_modal .modal-footer .not-show-again .lbl {
  color: var(--color-content-primary) !important;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px
}
.expedite-order-modal .modal-header {
  border: none
}
.expedite-order-modal .modal-header .modal-title {
  padding: 0;
  font-size: 18px;
  font-weight: 600
}
.expedite-order-modal .modal-body {
  padding: 0 16px
}
.expedite-order-modal .modal-body .bootbox-body .text-container {
  display: flex;
  flex-direction: column;
  row-gap: 8px
}
.expedite-order-modal .modal-body .bootbox-body .text-container > p {
  color: var(--color-content-secondary)
}
.expedite-order-modal .modal-body .bootbox-body .text-container .note-container {
  padding: 8px;
  display: flex;
  align-items: center;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px;
  border-radius: 8px;
  border: 1px solid var(--color-border-notice);
  background: var(--color-background-notice-subtle)
}
.offer-discount-popup .modal-body {
  border: 2px solid #ec764c;
  text-align: center;
  border-spacing: 14px;
  font-family: inherit;
  padding: 20px;
  max-width: 350px;
  margin: 27px
}
.offer-discount-popup .modal-footer {
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: 0 0;
  border-top: none
}
.offer-discount-popup .modal-content {
  margin-top: 25px;
  padding-top: 5px;
  width: 390px;
  height: 265px;
  max-width: 385px;
  margin-left: auto;
  margin-right: auto
}
.offer-discount-popup .modal:before {
  vertical-align: middle
}
.offer-discount-popup .modal-dialog {
  padding: 0;
  vertical-align: middle
}
.offer-discount-popup #switch_modal_btn {
  margin-left: 0
}
.offer-discount-popup .bootbox-close-button {
  position: absolute;
  top: -20px;
  left: 100%
}
.offer-discount-popup .btn-link.modal-close, .offer-discount-popup .btn-link.modal-close.skip {
  color: var(--color-content-tertiary) !important;
  float: right
}
.address-modal .address-form {
  padding: 0
}
.address-modal .modal-footer {
  margin: 0
}
.address-modal.required-billing-modal .modal-header {
  flex-direction: row
}
@media screen and (min-width:1024px) {
  .address-modal .modal-dialog {
    width: 900px
  }
}
.centered-modal-content {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  text-align: center
}
.centered-modal-content .template-modal-description {
  margin: 20px auto
}
.tree-folder-modal {
  max-height: 100%
}
.tree-folder-modal .folder-tree-view {
  border-bottom: none;
  margin: 0
}
.tree-folder-modal .folder-tree-view .widget-header {
  font-size: 14px;
  display: none
}
.tree-folder-modal .folder-tree-view .widget-body {
  border: none;
  background-color: transparent !important
}
.tree-folder-modal .folder-tree-view .widget-body .widget-main {
  padding: 0
}
.tree-folder-modal .folder-tree-view .widget-body .widget-main #folderTree {
  border: 1px solid var(--color-border-default);
  padding-left: 8px;
  border-radius: 4px;
  background-color: var(--color-background-inverse);
  background-size: 36px 36px;
  background-image: linear-gradient(transparent 35px, var(--color-background-inverse) 1px)
}
.tree-folder-modal .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch {
  display: flex;
  flex-wrap: wrap;
  margin: 0
}
.tree-folder-modal .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch[haschildren=false][folder_id='0'] > .folder-tree-line {
  padding-left: 32px
}
.tree-folder-modal .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch[haschildren=false]:not([folder_id='0']) > .folder-tree-line .folder-icon {
  padding-left: 28px
}
.tree-folder-modal .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch[haschildren=true] .workspace-icon {
  padding-left: 8px
}
.tree-folder-modal .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch[haschildren=true] > .folder-tree-line .folder-icon {
  padding-left: 4px
}
.tree-folder-modal .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch > .folder-tree-line > .tree-branch-header {
  width: 100%
}
.tree-folder-modal .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch > .folder-tree-line > .tree-branch-header:hover {
  background-color: transparent
}
.tree-folder-modal .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch > ul.tree-branch-children {
  margin: 0 0 0 28px;
  flex-basis: 100%;
  width: calc(100% - 36px);
  padding: 0;
  position: relative
}
.tree-folder-modal .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch .folder-tree-line {
  width: 100%;
  height: 36px;
  box-shadow: 0 -1px 0 0 var(--color-background-tertiary) inset;
  display: inline-flex;
  align-items: center;
  justify-content: space-between
}
.tree-folder-modal .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch .tree-branch-header {
  padding: 0;
  display: inline-flex;
  align-items: center
}
.tree-folder-modal .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch .tree-branch-header .tree-branch-name {
  display: flex;
  width: 100%;
  color: var(--color-content-primary);
  padding-right: 12px
}
.tree-folder-modal .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch .tree-branch-header .tree-branch-name .tree-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 90%
}
.tree-folder-modal .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch .tree-branch-header .tree-branch-name i {
  font-size: 20px;
  padding-right: 12px
}
.tree-folder-modal .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch .tree-branch-header .tree-branch-name .tree-branch-label {
  margin-left: 0
}
.tree-folder-modal .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch.tree-selected > .folder-tree-line {
  background-color: var(--color-background-tertiary);
  box-shadow: -400px -.5px 0 .5px var(--color-background-tertiary), -300px -.5px 0 .5px var(--color-background-tertiary), -200px -.5px 0 .5px var(--color-background-tertiary), -100px -.5px 0 .5px var(--color-background-tertiary), 0 -1px 0 0 var(--color-background-tertiary) inset
}
.tree-folder-modal .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch.tree-selected > .folder-tree-line .tree-branch-name {
  font-weight: 500
}
.tree-folder-modal .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch.tree-open {
  background-color: transparent;
  margin-bottom: 0;
  margin-top: 0
}
.tree-folder-modal .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch, .tree-folder-modal .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-item {
  border-left: none !important
}
.tree-folder-modal .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch .icon-caret {
  cursor: pointer;
  font-size: 16px;
  padding: 0 4px
}
#rendered_list_element .select2-selection__rendered > div {
  width: 500px;
  flex-direction: row-reverse
}
#rendered_list_element .control-label {
  color: var(--color-content-primary)
}
.shows-inline-edit-app-modal .modal-dialog {
  width: 100%;
  max-width: 1300px
}
.shows-inline-edit-app-modal .modal-dialog #preview {
  border-radius: 8px;
  border: 1px solid var(--color-border-section);
  justify-content: center;
  align-content: center;
  flex-wrap: wrap
}
.shows-inline-edit-app-modal .modal-dialog #preview iframe, .shows-inline-edit-app-modal .modal-dialog #preview img {
  height: 100%;
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--color-border-section)
}
.shows-inline-edit-app-modal .modal-dialog .details-widget-container {
  min-height: auto !important
}
.shows-inline-edit-app-modal .modal-dialog .settings-widget-container .settings-header {
  display: flex;
  justify-content: space-between
}
.shows-inline-edit-app-modal .modal-dialog .widget-form-banner {
  margin-top: 0 !important;
  margin-bottom: 20px
}
.layout-inline-app-modal .modal-dialog {
  max-width: 1300px;
  width: 100%
}
.layout-inline-app-modal .modal-dialog .form_content_container {
  margin-top: 0
}
.layout-inline-app-modal .modal-dialog .modal-footer {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 20
}
.layout-inline-app-modal .modal-dialog .details-widget-container {
  min-height: auto !important
}
.layout-inline-app-modal .modal-dialog .details-widget-container .info-preview-box {
  margin-bottom: 0
}
.layout-inline-app-modal .modal-dialog .details-widget-container .info-preview-box .click-preview {
  display: none
}
.layout-inline-app-modal .modal-dialog .form_header {
  display: none !important
}
.layout-inline-app-modal .modal-dialog .widget-form-banner {
  margin-top: 0 !important
}
.layout-inline-app-modal .modal-dialog .settings-widget-container h3 {
  margin-top: 0;
  margin-bottom: 30px
}
.edit-item-modal:has(#url-form) .modal-header {
  padding-bottom: 0;
  border: none
}
.edit-item-modal:has(#url-form) .modal-body {
  padding-top: 0
}
.url-preview-helper-modal {
  color: var(--color-content-primary)
}
.url-preview-helper-modal .preview-tabs {
  justify-content: 'space-between !important';
  align-items: center;
  flex-direction: row;
  display: flex;
  background-color: var(--color-background-primary);
  border: 1px solid var(--color-border-default);
  color: var(--color-content-secondary);
  border-radius: 12px;
  padding: 4px 6px;
  gap: 10px;
  margin-bottom: 20px
}
.url-preview-helper-modal .preview-tabs .diff-browser-tab, .url-preview-helper-modal .preview-tabs .same-browser-tab {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  height: 27px;
  flex-basis: 50%;
  border-radius: 8px
}
.url-preview-helper-modal .preview-tabs .diff-browser-tab:hover, .url-preview-helper-modal .preview-tabs .same-browser-tab:hover {
  background-color: var(--color-background-tertiary);
  cursor: pointer
}
.url-preview-helper-modal .preview-tabs .diff-browser-tab.active, .url-preview-helper-modal .preview-tabs .same-browser-tab.active {
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-border-default);
  color: var(--color-content-primary);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .15)
}
.url-preview-helper-modal .modal-header {
  padding-block: 24px 16px;
  padding-inline: 24px;
  border: none
}
.url-preview-helper-modal .modal-header .modal-title {
  padding: 0;
  font-size: 22px;
  font-weight: 600
}
.url-preview-helper-modal .modal-body {
  padding-block: 0 24px;
  padding-inline: 24px
}
.url-preview-helper-modal .modal-body .url-preview-helper > :not(.preview-tabs) {
  display: flex;
  flex-direction: column;
  row-gap: 16px
}
.url-preview-helper-modal .modal-body .url-preview-helper > :not(.preview-tabs) .guide {
  padding: 12px;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  border-radius: 8px;
  background: var(--color-background-primary)
}
.url-preview-helper-modal .modal-body .url-preview-helper > :not(.preview-tabs) .guide .guide-steps {
  line-height: 140% !important;
  margin: 0;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  list-style-type: none;
  padding-inline: 0
}
.url-preview-helper-modal .modal-body .url-preview-helper > :not(.preview-tabs) .guide .guide-steps li span:first-of-type {
  font-weight: 600;
  color: var(--basic_branding)
}
.url-preview-helper-modal .modal-body .url-preview-helper > :not(.preview-tabs) .guide .guide-steps li .ds-profile-user {
  font-size: 120%;
  color: var(--color-content-secondary)
}
.url-preview-helper-modal .modal-body .url-preview-helper > :not(.preview-tabs) .guide .guide-steps li .add-new-profile {
  color: var(--color-content-secondary)
}
.url-preview-helper-modal .modal-body .url-preview-helper > :not(.preview-tabs) .guide .guide-steps li a {
  color: var(--color-background-notice)
}
.url-preview-helper-modal .modal-body .url-preview-helper > :not(.preview-tabs) .guide .guide-steps li a:hover {
  color: var(--color-content-notice)
}
.url-preview-helper-modal .modal-body .url-preview-helper > :not(.preview-tabs) .documentation-link a {
  font-weight: 600;
  color: var(--color-content-primary)
}
.url-preview-helper-modal .modal-body .url-preview-helper > :not(.preview-tabs) .show-guide {
  margin-top: -8px;
  color: var(--color-content-secondary)
}
.url-preview-helper-modal .modal-body .url-preview-helper > :not(.preview-tabs) .show-guide a {
  font-weight: 700;
  color: var(--color-content-primary);
  cursor: pointer
}
.url-preview-helper-modal .modal-body .url-preview-helper > :not(.preview-tabs) .preview-url-container {
  position: relative
}
.url-preview-helper-modal .modal-body .url-preview-helper > :not(.preview-tabs) .preview-url-container input {
  width: 100%;
  padding-block: 16px;
  padding-inline: 16px 100px;
  border-radius: 4px !important;
  font-weight: 600;
  color: var(--color-content-primary)
}
.url-preview-helper-modal .modal-body .url-preview-helper > :not(.preview-tabs) .preview-url-container .copy-preview-link {
  position: absolute;
  top: 50%;
  right: 12px;
  padding: 8px 12px;
  height: unset;
  min-width: unset;
  -webkit-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important
}
.url-preview-helper-modal .modal-body .url-preview-helper > :not(.preview-tabs) .preview-url-container .link-copied {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: -60px;
  right: -20px;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-tertiary);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .05);
  text-wrap: nowrap;
  font-size: 14px;
  font-weight: 700;
  color: var(--basic_branding)
}
.url-preview-helper-modal .modal-body .url-preview-helper > :not(.preview-tabs) .preview-url-container .link-copied.animate {
  -webkit-animation: link-copied-animate 3s ease-in-out 1 forwards;
  animation: link-copied-animate 3s ease-in-out 1 forwards
}
@-webkit-keyframes link-copied-animate {
  0%, 100% {
    top: -30px;
    opacity: 0
  }
  10%, 80% {
    top: -50px;
    opacity: 1
  }
}
@keyframes link-copied-animate {
  0%, 100% {
    top: -30px;
    opacity: 0
  }
  10%, 80% {
    top: -50px;
    opacity: 1
  }
}
.url-preview-helper-modal .modal-body .url-preview-helper > :not(.preview-tabs).profile-guide-container .guide-steps {
  -webkit-padding-start: 0;
  padding-inline-start: 0
}
.url-preview-helper-modal .modal-body .url-preview-helper > :not(.preview-tabs).profile-guide-container .guide-steps li:first-of-type {
  display: flex;
  align-items: center;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  flex-wrap: wrap
}
.url-preview-helper-modal .modal-body .url-preview-helper > :not(.preview-tabs) .primary-button {
  height: unset;
  padding: 8px 16px;
  align-self: flex-end
}
.share-content-modal .modal-header {
  padding-block: 16px 0;
  border: none
}
.share-content-modal .modal-header .modal-title {
  padding: 0;
  font-size: 22px;
  font-weight: 600
}
.share-content-modal .modal-body {
  padding: 16px 0
}
.share-content-modal .modal-body .share-content-container {
  padding-block: 0 12px;
  padding-inline: 0;
  display: flex;
  flex-direction: column;
  row-gap: 24px
}
.share-content-modal .modal-body .share-content-container .share-content-header-container {
  padding-bottom: 8px;
  padding-inline: 24px;
  border-bottom: 1px solid var(--color-border-default);
  display: flex;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  color: var(--color-content-secondary)
}
.share-content-modal .modal-body .share-content-container .share-content-header-container .share-content-header {
  position: relative;
  cursor: pointer
}
.share-content-modal .modal-body .share-content-container .share-content-header-container .share-content-header::after {
  position: absolute;
  left: 0;
  bottom: -8px;
  content: '';
  height: 3px;
  width: 100%
}
.share-content-modal .modal-body .share-content-container .share-content-header-container .share-content-header.active {
  color: var(--basic_branding)
}
.share-content-modal .modal-body .share-content-container .share-content-header-container .share-content-header.active:after {
  background: var(--basic_branding)
}
.share-content-modal .modal-body .share-content-container .share-content-header-container .share-content-header:hover {
  color: color-mix(in srgb, var(--basic_branding), #000 10%)
}
.share-content-modal .modal-body .share-content-container .share-content-section {
  padding-inline: 24px;
  display: none;
  flex-direction: column;
  row-gap: 8px
}
.share-content-modal .modal-body .share-content-container .share-content-section.embed-code-container .embed-dimensions-container {
  padding: 8px 12px;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  border-radius: 8px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-primary)
}
.share-content-modal .modal-body .share-content-container .share-content-section.embed-code-container .embed-dimensions-container .dimension-fields-container {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px
}
.share-content-modal .modal-body .share-content-container .share-content-section.embed-code-container .embed-dimensions-container .dimension-fields-container .dimension-field {
  position: relative
}
.share-content-modal .modal-body .share-content-container .share-content-section.embed-code-container .embed-dimensions-container .dimension-fields-container .dimension-field input {
  padding-block: 6px 4px;
  padding-inline: 12px 30px;
  width: 80px;
  height: unset;
  text-align: right;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-inverse);
  -webkit-appearance: textfield;
  appearance: textfield;
  -moz-appearance: textfield
}
.share-content-modal .modal-body .share-content-container .share-content-section.embed-code-container .embed-dimensions-container .dimension-fields-container .dimension-field input::-webkit-inner-spin-button, .share-content-modal .modal-body .share-content-container .share-content-section.embed-code-container .embed-dimensions-container .dimension-fields-container .dimension-field input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}
.share-content-modal .modal-body .share-content-container .share-content-section.embed-code-container .embed-dimensions-container .dimension-fields-container .dimension-field::after {
  position: absolute;
  content: 'px';
  color: var(--color-content-tertiary);
  top: 6px;
  right: 12px
}
.share-content-modal .modal-body .share-content-container .share-content-section.embed-code-container .embed-dimensions-container .dimension-fields-container .link-dimensions {
  padding: 0;
  border: none;
  background: 0 0;
  color: var(--color-content-primary)
}
.share-content-modal .modal-body .share-content-container .share-content-section.embed-code-container .documentation-link, .share-content-modal .modal-body .share-content-container .share-content-section.embed-code-container label {
  margin: 0;
  color: var(--color-content-secondary)
}
.share-content-modal .modal-body .share-content-container .share-content-section .embed-code {
  cursor: pointer;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-primary);
  word-break: break-word
}
.share-content-modal .modal-body .share-content-container .share-content-section .embed-code:hover {
  border-color: var(--color-border-hover);
  background: var(--color-background-secondary)
}
.share-content-modal .modal-body .share-content-container:has(.active[data-section=embed-code-container]) .embed-code-container, .share-content-modal .modal-body .share-content-container:has(.active[data-section=share-link-container]) .share-link-container {
  display: flex
}
.share-content-modal .modal-footer {
  margin-top: 0;
  padding-block: 0 16px;
  padding-inline: 16px;
  background: 0 0
}
.embed-player-save-error-modal .modal-header {
  border: none;
  padding-bottom: 0
}
.embed-player-save-error-modal .bootbox-body {
  display: flex;
  flex-direction: column;
  row-gap: 8px
}
.embed-player-save-error-modal .modal-footer {
  margin: 0;
  padding-top: 0;
  background: 0 0
}
.embed-player-mass-form-modal .modal-header {
  padding-block: 24px 0;
  padding-inline: 16px;
  border: none
}
.embed-player-mass-form-modal .modal-header .modal-title {
  display: flex;
  flex-direction: column;
  row-gap: 4px
}
.embed-player-mass-form-modal .modal-header .modal-title .subtitle {
  color: var(--color-content-secondary)
}
.embed-player-mass-form-modal .modal-body {
  padding: 16px
}
.embed-player-mass-form-modal .modal-footer {
  padding-block: 0 16px;
  padding-inline: 16px;
  margin: 0;
  background: 0 0
}
.trial-started-modal .bootbox-body {
  padding-block: 20px 0;
  padding-inline: 20px;
  justify-content: start;
  align-items: center;
  flex-direction: column;
  display: flex;
  text-align: center
}
.trial-started-modal .bootbox-body .rocket-gif {
  margin-block: -10px;
  height: 300px
}
.trial-started-modal .bootbox-body .text {
  color: var(--color-content-secondary)
}
.trial-started-modal .modal-footer {
  margin: 0;
  padding-block: 8px 32px;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse;
  display: flex;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  background: 0 0
}
.workspaces-introduction-modal .modal-dialog {
  width: unset;
  max-width: 1000px
}
.workspaces-introduction-modal .modal-dialog .modal-header {
  padding-top: 24px;
  border: none
}
.workspaces-introduction-modal .modal-dialog .modal-body {
  padding-block: 12px 28px;
  padding-inline: 20px;
  color: var(--color-content-secondary)
}
.workspaces-introduction-modal .modal-dialog .modal-body .bootbox-body {
  display: flex;
  flex-direction: column;
  row-gap: 24px
}
.workspaces-introduction-modal .modal-dialog .modal-body .bootbox-body .sketches-container {
  padding-inline: 20px;
  display: flex;
  justify-content: center;
  gap: 13px;
  flex-wrap: wrap
}
.workspaces-introduction-modal .modal-dialog .modal-body .bootbox-body .sketches-container .sketches-subcontainer {
  display: flex;
  justify-content: center;
  -webkit-column-gap: 13px;
  -moz-column-gap: 13px;
  column-gap: 13px
}
.workspaces-introduction-modal .modal-dialog .modal-body .bootbox-body .sketches-container .sketches-subcontainer .sketch_container {
  justify-content: start;
  align-items: center;
  flex-direction: column;
  display: flex;
  row-gap: 8px;
  text-align: center
}
.workspaces-introduction-modal .modal-dialog .modal-body .bootbox-body .sketches-container .sketches-subcontainer .sketch_container img {
  width: 150px;
  aspect-ratio: 1
}
.workspaces-introduction-modal .modal-dialog .modal-body .bootbox-body .sketches-container .sketches-subcontainer .sketch_container span {
  max-width: 200px
}
.workspaces-introduction-modal .modal-dialog .modal-footer {
  margin-top: 0;
  font-size: 14px
}
.embed-player-awareness-modal .modal-dialog {
  width: unset;
  max-width: 1000px
}
.embed-player-awareness-modal .modal-dialog .modal-header {
  padding: 24px 32px 0;
  border: none
}
.embed-player-awareness-modal .modal-dialog .modal-header .modal-title {
  padding: 0;
  font-size: 28px !important;
  line-height: 115% !important;
  font-weight: 500 !important
}
@media (max-width:768px) {
  .embed-player-awareness-modal .modal-dialog .modal-header .modal-title {
    font-size: 24px !important
  }
}
.embed-player-awareness-modal .modal-dialog .modal-body {
  padding: 24px 32px
}
.embed-player-awareness-modal .modal-dialog .modal-body .embed-player-awareness-container {
  display: flex;
  -webkit-column-gap: 44px;
  -moz-column-gap: 44px;
  column-gap: 44px
}
.embed-player-awareness-modal .modal-dialog .modal-body .embed-player-awareness-container .text-container {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  flex-basis: 60%;
  padding: 18px 0
}
.embed-player-awareness-modal .modal-dialog .modal-body .embed-player-awareness-container .text-container .section-container:not(:first-of-type) {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 4px;
  padding: 8px;
  border-radius: 4px;
  background: var(--color-background-primary)
}
.embed-player-awareness-modal .modal-dialog .modal-body .embed-player-awareness-container .text-container .buttons-container {
  display: flex;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  margin-top: 16px
}
.embed-player-awareness-modal .modal-dialog .modal-body .embed-player-awareness-container .text-container .buttons-container > * {
  width: 100%;
  text-wrap: nowrap
}
.embed-player-awareness-modal .modal-dialog .modal-body .embed-player-awareness-container .image-container {
  flex-basis: 40%
}
.embed-player-awareness-modal .modal-dialog .modal-body .embed-player-awareness-container .image-container img {
  width: 100%
}
@media screen and (max-width:991px) {
  .embed-player-awareness-modal .modal-dialog {
    width: 600px;
    max-width: 100%
  }
  .embed-player-awareness-modal .modal-dialog .modal-body .embed-player-awareness-container .text-container {
    flex-basis: unset;
    padding: 0
  }
  .embed-player-awareness-modal .modal-dialog .modal-body .embed-player-awareness-container .image-container {
    display: none
  }
  .embed-player-awareness-modal .modal-dialog .modal-body .embed-player-awareness-container .buttons-container {
    margin-top: 0
  }
}
.quota-upgrade-modal .bootbox-body {
  padding-top: 16px
}
.confirm-removal-modal .modal-body {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  font-size: 16px !important;
  letter-spacing: .02em !important;
  margin-inline: auto;
  text-align: center;
  line-height: 150%;
  white-space: pre-wrap;
  max-width: 50ch
}
.confirm-removal-modal .modal-body b {
  color: var(--basic_branding);
  font-size: 18px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 600 !important
}
@media (max-width:768px) {
  .confirm-removal-modal .modal-body b {
    font-size: 16px !important;
    letter-spacing: .02em !important
  }
}
.confirm-removal-modal .modal-footer {
  justify-content: end;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 16px
}
.warranty-eligibility-modal .modal-title, .wizard-pendng-process .modal-title {
  font-size: 20px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 600 !important;
  color: var(--color-content-primary)
}
@media (max-width:768px) {
  .warranty-eligibility-modal .modal-title, .wizard-pendng-process .modal-title {
    font-size: 18px !important;
    letter-spacing: .02em !important
  }
}
.warranty-eligibility-modal .base-message, .wizard-pendng-process .base-message {
  font-size: 16px;
  color: var(--color-content-secondary);
  margin-bottom: 6px
}
.warranty-eligibility-modal .subnote, .wizard-pendng-process .subnote {
  font-size: 14px;
  color: var(--color-content-tertiary)
}
.warranty-eligibility-modal .primary-button, .wizard-pendng-process .primary-button {
  min-width: 160px
}
#accept-customs .checkbox {
  padding-left: 20px
}
.grunt-refresh-modal .modal-dialog {
  max-width: 600px;
  padding-block: 16px;
  display: flex;
  justify-content: center;
  margin-inline: 16px
}
@media (min-width:992px) {
  .grunt-refresh-modal .modal-dialog {
    margin-left: 243px
  }
}
.grunt-refresh-modal .modal-content {
  border-radius: 8px;
  border: 1px solid var(--color-border-notice);
  background: var(--color-background-notice-subtle)
}
.grunt-refresh-modal .modal-body {
  display: flex;
  padding: 0
}
.grunt-refresh-modal .bootbox-close-button {
  padding-inline: 12px;
  color: var(--color-content-primary) !important
}
#grunt-refresh-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 16px
}
#grunt-refresh-container .text-container .title {
  color: var(--color-content-primary)
}
#grunt-refresh-container .text-container .body {
  color: var(--color-content-secondary)
}
#grunt-refresh-container .main {
  justify-content: center;
  align-items: start;
  flex-direction: column;
  display: flex;
  gap: 16px;
  padding-block: 12px
}
#grunt-refresh-container .buttons-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 24px
}
#grunt-refresh-container .buttons-container .button {
  min-width: 140px
}
#grunt-refresh-container .refresh-icon {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
.public-reviews-modal .modal-body:has(.csat-rating-modal-container), .public-reviews-modal .modal-body:has(.csat-rating-thank-you-message) {
  padding: 0
}
@media screen and (min-width:768px) {
  .public-reviews-modal .modal-content {
    width: 700px
  }
}
.csat-rating-modal-container {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 20px;
  width: 100%;
  border-radius: 8px;
  overflow: hidden
}
.csat-rating-modal-container .csat-rating-container {
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse;
  display: flex;
  width: 100%;
  padding: 20px
}
.csat-rating-modal-container .csat-rating-container > input {
  position: absolute;
  display: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.csat-rating-modal-container .csat-rating-container > input:checked ~ label, .csat-rating-modal-container .csat-rating-container > input:checked ~ label:before {
  color: #ffcb00
}
.csat-rating-modal-container .csat-rating-container > input:checked + label {
  -webkit-animation: star-pulse .5s ease;
  animation: star-pulse .5s ease
}
@-webkit-keyframes star-pulse {
  0%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }
}
@keyframes star-pulse {
  0%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }
}
.csat-rating-modal-container .csat-rating-container > label {
  cursor: pointer;
  margin: 0;
  padding: 0 13px
}
.csat-rating-modal-container .csat-rating-container > label:first-child {
  padding-right: 0 !important
}
.csat-rating-modal-container .csat-rating-container > label:last-child {
  padding-left: 0 !important
}
.csat-rating-modal-container .csat-rating-container > label:before {
  content: '\f005';
  font-family: FontAwesome;
  display: inline-block;
  font-size: 40px;
  line-height: 100%;
  color: var(--color-background-tertiary);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.csat-rating-modal-container .csat-rating-container > label:hover:before, .csat-rating-modal-container .csat-rating-container > label:hover ~ label:before {
  color: #ffcb00
}
@media screen and (max-width:540px) {
  .csat-rating-modal-container .csat-rating-container > label {
    padding: 0 10px
  }
  .csat-rating-modal-container .csat-rating-container > label:before {
    font-size: 32px
  }
}
.csat-rating-modal-container .csat-rating-actions-container {
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 16px;
  background-color: var(--color-background-primary);
  width: 100%;
  padding: 16px 24px;
  border-radius: 0 0 8px 8px
}
.csat-rating-modal-container .csat-rating-textarea {
  width: inherit;
  resize: none;
  height: 114px
}
.csat-rating-modal-container .csat-low-rating-wrapper {
  width: 100%
}
.csat-low-rating-container {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 16px;
  width: 100%;
  padding: 16px 24px
}
.csat-low-rating-container > .csat-low-rating-options {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 8px;
  width: 100%
}
.csat-low-rating-container .csat-radio-container {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 12px;
  background-color: var(--color-background-primary);
  border-radius: 8px;
  padding: 12px;
  width: 100%;
  cursor: pointer
}
.csat-low-rating-container .csat-radio-container > input {
  margin: 0;
  position: absolute
}
.csat-low-rating-container .csat-radio-container .custom-radio {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../svgs/radio-unselected.svg);
  background-size: contain
}
.csat-low-rating-container .csat-radio-container > input:checked ~ .custom-radio {
  background-image: url(../svgs/radio-selected.svg)
}
.csat-low-rating-container .csat-radio-container:has(input:checked) {
  outline: var(--basic_branding) solid 1px
}
.csat-low-rating-container > .csat-low-rating-reason {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 16px;
  width: 100%
}
.csat-low-rating-container > .csat-low-rating-reason .csat-low-rating-textarea-container {
  width: 100%
}
.csat-rating-thank-you-message {
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  display: flex;
  gap: 16px;
  width: 100%;
  padding: 20px 24px 40px;
  text-align: center
}
.csat-rating-thank-you-message .csat-thank-you-image-wrapper {
  height: 215px;
  max-width: 360px
}
.csat-rating-thank-you-message .csat-thank-you-image-wrapper img {
  width: 100%
}
.csat-rating-thank-you-message .thank-you-message-icon-wrapper {
  background-color: var(--color-background-notice-subtle);
  border-radius: 40px;
  padding: 16px;
  box-sizing: border-box;
  aspect-ratio: 1/1;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.public-reviews-form-container {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 16px
}
.public-reviews-form-container > .public-review-container {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 24px;
  padding: 16px 12px;
  border-radius: 4px;
  background-color: var(--color-background-primary);
  width: 100%
}
.public-reviews-form-container .public-review-content-container {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 12px
}
.public-reviews-form-container .public-review-content-container .public-review-step {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  display: flex;
  gap: 12px;
  position: relative
}
.public-reviews-form-container .public-review-content-container .public-review-step-circle {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  min-width: 22px;
  min-height: 22px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  padding: 2px;
  background-color: var(--basic_branding);
  color: #fff;
  transition: background-color .3s ease
}
.public-reviews-form-container .public-review-content-container .public-review-step-circle.pending {
  background-color: var(--color-background-active-subtle)
}
.public-reviews-form-container .public-review-content-container .public-review-stepper-line {
  position: absolute;
  top: 22px;
  bottom: -12px;
  left: 10px;
  width: 2px;
  background-color: var(--basic_branding);
  transition: background-color .3s ease
}
.public-reviews-form-container .public-review-content-container .public-review-stepper-line.pending {
  background-color: var(--color-background-active-subtle)
}
.public-reviews-form-container .public-review-content-container .public-review-step-content {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 12px
}
.public-reviews-form-container .public-review-content-container .public-review-step-content > span:first-child {
  color: var(--color-content-secondary)
}
.public-reviews-form-container .public-review-content-container .public-review-step-control {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 8px;
  width: 100%
}
.public-reviews-form-container .public-review-content-container .public-review-step-control > label {
  margin-bottom: 0;
  color: var(--color-content-secondary)
}
.public-reviews-form-container .public-review-content-container .public-review-step-control > div {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  display: flex;
  gap: 10px;
  width: 100%
}
.public-reviews-form-container .public-review-content-container .public-review-step-control .public-reviews-input-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 4px
}
.public-reviews-form-container .public-review-content-container .public-review-step-control .public-reviews-input-wrapper > .error-message {
  color: var(--color-content-negative)
}
.apply-changes-verification-modal .push-confirmation-container, .custom-content-modal-container .custom-content-modal-content-header, .custom-content-modal-container .custom-content-modal-steps-container > .custom-content-step > .custom-content-registered-check {
  color: var(--color-content-secondary)
}
.public-reviews-form-container .public-review-success-section {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 12px
}
.change-plan-modal-body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px
}
@media screen and (min-width:1200px) {
  .custom-content-push-modal .modal-dialog {
    width: 975px
  }
}
@media screen and (max-width:540px) {
  .custom-content-push-modal .modal-dialog {
    position: fixed;
    padding: 0;
    inset: 0
  }
  .custom-content-push-modal .modal-content {
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    display: flex;
    height: 100%;
    border-radius: 0
  }
  .custom-content-push-modal .modal-body {
    height: 100%;
    box-sizing: border-box
  }
}
.custom-content-modal-container {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 24px
}
.custom-content-modal-container .custom-content-modal-content-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  display: flex;
  gap: 32px
}
.custom-content-modal-container .custom-content-modal-content {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 16px;
  width: 100%
}
.custom-content-modal-container .custom-content-modal-steps-container {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 16px;
  width: 100%
}
.custom-content-modal-container .custom-content-modal-steps-container > .custom-content-step {
  padding: 8px;
  width: 100%;
  background-color: var(--color-background-primary);
  border-radius: 4px
}
.custom-content-modal-container .custom-content-modal-actions {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 16px;
  margin-top: 8px;
  width: 100%
}
.custom-content-modal-container .custom-content-modal-actions > button {
  width: 100%
}
.custom-content-modal-container .custom-content-modal-image-wrapper {
  padding: 16px 0
}
.custom-content-modal-container .custom-content-modal-image-wrapper > img {
  max-width: 370px
}
@media screen and (max-width:1200px) {
  .custom-content-modal-container .custom-content-modal-image-wrapper {
    padding: 0
  }
  .custom-content-modal-container .custom-content-modal-image-wrapper > img {
    width: 220px
  }
}
@media screen and (max-width:540px) {
  .custom-content-modal-container .custom-content-modal-content-wrapper {
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    display: flex;
    gap: 16px
  }
  .custom-content-modal-container .custom-content-modal-image-wrapper {
    width: 100%
  }
  .custom-content-modal-container .custom-content-modal-image-wrapper > img {
    width: 100%;
    max-width: unset
  }
  .custom-content-modal-container .custom-content-modal-actions {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 32px;
    width: auto
  }
}
.apply-changes-verification-modal .modal-body {
  min-height: unset
}
.apply-changes-verification-modal .push-confirmation-container {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 16px
}
.apply-changes-verification-modal .push-confirmation-container img {
  width: 100%
}
.apply-changes-verification-modal .push-confirmation-options-container {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 12px
}
.apply-changes-verification-modal .push-confirmation-options-container > .radio {
  padding: 0;
  margin: 0
}
.apply-changes-verification-modal .push-confirmation-options-container > .radio span.lbl:before {
  margin-right: 8px
}
.apply-changes-verification-modal .push-confirmation-options-container .push-confirmation-options-title {
  color: var(--color-content-tertiary)
}
.domain-match-notice-modal .domain-match-modal-container .domain-match-modal-actions .domain-match-modal-button-content .domain-match-modal-button-content-texts > div:last-child, .domain-match-notice-modal .domain-match-modal-container .domain-match-modal-content, .feeds-paid-addon-notice-modal .feeds-paid-addon-notice-container > div:last-child, .feeds-view-limit-reached-modal .feeds-view-limit-reached-container > div:last-child, .reverse-trial-paid-feature-modal .modal-body, .reverse-trial-quota-upgrade-modal .modal-body, .warranty-expiration-modal .modal-dialog .modal-body .warranty-expiration-modal-content .warranty-modal-text .warranty-benefits li .benefit-description, .warranty-expiration-modal .modal-dialog .warranty-subtitle {
  color: var(--color-content-secondary)
}
.welcome-v4-layout-modal .modal-header {
  border-bottom: none;
  padding-top: 24px
}
.welcome-v4-layout-modal .modal-body {
  padding-bottom: 16px
}
.welcome-v4-layout-modal .modal-body .bootbox-body {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  row-gap: 16px
}
.welcome-v4-layout-modal .modal-body .bootbox-body .buttons-container {
  width: 100%;
  padding-top: 12px;
  display: flex;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px
}
.welcome-v4-layout-modal .modal-body .bootbox-body .buttons-container > a {
  width: 100%;
  text-align: center
}
.domain-match-notice-modal .modal-dialog {
  min-width: 680px
}
.domain-match-notice-modal .modal-header {
  flex-flow: row;
  border: none;
  padding: 24px 16px
}
.domain-match-notice-modal .modal-body {
  padding: 0 16px 28px
}
.domain-match-notice-modal .domain-match-modal-container {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 16px
}
.domain-match-notice-modal .domain-match-modal-container .domain-match-modal-actions {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 16px;
  width: 100%
}
.domain-match-notice-modal .domain-match-modal-container .domain-match-modal-actions > .domain-match-modal-action-button {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 16px;
  padding: 16px 12px;
  background-color: var(--color-background-primary);
  border: 1px solid var(--color-content-disabled);
  border-radius: 8px;
  width: 100%;
  cursor: pointer
}
.domain-match-notice-modal .domain-match-modal-container .domain-match-modal-actions > .domain-match-modal-action-button:focus, .domain-match-notice-modal .domain-match-modal-container .domain-match-modal-actions > .domain-match-modal-action-button:hover {
  border: 1px solid var(--color-content-tertiary);
  outline: 0
}
.domain-match-notice-modal .domain-match-modal-container .domain-match-modal-actions .domain-match-modal-button-content {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: inherit;
  width: 100%
}
.domain-match-notice-modal .domain-match-modal-container .domain-match-modal-actions .domain-match-modal-button-content .domain-match-modal-button-content-texts {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 0
}
.feeds-view-limit-reached-modal .modal-dialog {
  max-width: 570px
}
.feeds-view-limit-reached-modal .modal-header {
  border-bottom: none;
  padding-bottom: 4px
}
.feeds-view-limit-reached-modal .feeds-view-limit-reached-container {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 16px;
  padding: 0 12px
}
.feeds-view-limit-reached-modal .feeds-view-limit-reached-container > img {
  margin: auto;
  display: block
}
.feeds-view-limit-reached-modal .feeds-view-limit-reached-container > div {
  width: 100%
}
.feeds-view-limit-reached-modal .modal-footer {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 12px;
  background-color: transparent;
  padding: 0 32px 24px;
  margin-top: 4px
}
.feeds-view-limit-reached-modal .modal-footer > button {
  width: 100%
}
.feeds-view-limit-reached-modal .modal-footer::after, .feeds-view-limit-reached-modal .modal-footer::before {
  display: none !important
}
.feeds-paid-addon-notice-modal .modal-dialog {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  max-width: 660px
}
.feeds-paid-addon-notice-modal .modal-header {
  border-bottom: none;
  padding-bottom: 4px
}
.feeds-paid-addon-notice-modal .feeds-paid-addon-notice-container {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 16px;
  padding: 0 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}
.feeds-paid-addon-notice-modal .feeds-paid-addon-notice-container > video {
  max-width: 538px;
  width: 100%;
  border-radius: 4px
}
.feeds-paid-addon-notice-modal .feeds-paid-addon-notice-container > div {
  width: 100%
}
.feeds-paid-addon-notice-modal .modal-footer {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 12px;
  background-color: transparent;
  padding: 0 32px 24px;
  margin-top: 4px
}
.feeds-paid-addon-notice-modal .modal-footer > button {
  width: 100%
}
.feeds-paid-addon-notice-modal .modal-footer::after, .feeds-paid-addon-notice-modal .modal-footer::before {
  display: none !important
}
.plan-upgrade-modal .bootbox-body {
  padding-top: 16px
}
.reverse-trial-ended-modal .modal-header {
  border-bottom: none;
  padding-bottom: 4px
}
.reverse-trial-ended-modal .modal-header > h4 {
  width: 100%;
  font-size: 20px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important
}
@media (max-width:768px) {
  .domain-match-notice-modal .modal-dialog {
    min-width: initial
  }
  .reverse-trial-ended-modal .modal-header > h4 {
    font-size: 18px !important;
    letter-spacing: .02em !important
  }
}
.reverse-trial-ended-modal .reverse-trial-ended-modal-container {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 12px
}
.reverse-trial-ended-modal .reverse-trial-features-lost-container {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 12px;
  width: 100%
}
.reverse-trial-ended-modal .reverse-trial-features-lost-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: 100%
}
.reverse-trial-ended-modal .reverse-trial-features-lost-list .reverse-trial-features-lost-item {
  box-sizing: border-box;
  padding: 6px 12px;
  background-color: var(--color-background-notice-subtle);
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 8px
}
.reverse-trial-ended-modal .reverse-trial-features-lost-list > .reverse-trial-features-lost-item:last-child:nth-child(odd) {
  grid-column: 1/-1
}
.reverse-trial-ended-modal .reverse-trial-features-lost-list a {
  color: var(--color-content-primary) !important
}
.reverse-trial-ended-modal .reverse-trial-ended-modal-actions {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 12px;
  margin-top: 12px;
  width: 100%
}
.reverse-trial-ended-modal .reverse-trial-ended-modal-actions > button {
  flex: 1
}
.reverse-trial-confirm-downgrade {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 24px
}
.reverse-trial-confirm-downgrade .reverse-trial-confirm-downgrade-actions {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 12px;
  width: 100%
}
.reverse-trial-confirm-downgrade .reverse-trial-confirm-downgrade-actions > a, .reverse-trial-confirm-downgrade .reverse-trial-confirm-downgrade-actions > button {
  flex: 1
}
.reverse-trial-confirm-downgrade-title {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 8px
}
.reverse-trial-confirm-downgrade-title > button.cancel-downgrade {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  padding: 4px;
  background-color: var(--color-background-tertiary);
  border-radius: 6px;
  border: none
}
.skeleton-loader {
  background-color: var(--color-background-tertiary);
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  height: 100%
}
.skeleton-loader::after {
  content: '';
  position: absolute;
  top: 0;
  left: -120%;
  width: 120%;
  height: 100%;
  -webkit-transform: skewX(-15deg);
  transform: skewX(-15deg);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .6) 50%, rgba(255, 255, 255, 0) 100%);
  -webkit-animation: skeleton-shimmer 1.2s infinite;
  animation: skeleton-shimmer 1.2s infinite;
  will-change: transform
}
@media (prefers-reduced-motion:reduce) {
  .skeleton-loader::after {
    -webkit-animation: none;
    animation: none
  }
}
@-webkit-keyframes skeleton-shimmer {
  from {
    -webkit-transform: translateX(0) skewX(-15deg);
    transform: translateX(0) skewX(-15deg)
  }
  to {
    -webkit-transform: translateX(200%) skewX(-15deg);
    transform: translateX(200%) skewX(-15deg)
  }
}
@keyframes skeleton-shimmer {
  from {
    -webkit-transform: translateX(0) skewX(-15deg);
    transform: translateX(0) skewX(-15deg)
  }
  to {
    -webkit-transform: translateX(200%) skewX(-15deg);
    transform: translateX(200%) skewX(-15deg)
  }
}
.account-frozen-modal .modal-dialog {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  max-width: 610px
}
.account-frozen-modal .modal-header {
  border-bottom: none;
  padding-bottom: 0;
  flex-flow: row
}
.account-frozen-modal .account-frozen {
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  display: flex;
  gap: 12px
}
.reverse-trial-paid-feature-modal .modal-header, .reverse-trial-quota-upgrade-modal .modal-header {
  border-bottom: none
}
.reverse-trial-paid-feature-modal .modal-header > .modal-title, .reverse-trial-quota-upgrade-modal .modal-header > .modal-title {
  padding: 0;
  font-size: 20px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 500 !important
}
@media (max-width:768px) {
  .reverse-trial-paid-feature-modal .modal-header > .modal-title, .reverse-trial-quota-upgrade-modal .modal-header > .modal-title {
    font-size: 18px !important;
    letter-spacing: .02em !important
  }
}
.reverse-trial-paid-feature-modal .modal-body, .reverse-trial-quota-upgrade-modal .modal-body {
  min-height: 0;
  padding: 8px 16px 12px;
  font-size: 16px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 400 !important
}
@media (max-width:768px) {
  .reverse-trial-paid-feature-modal .modal-body, .reverse-trial-quota-upgrade-modal .modal-body {
    font-size: 14px !important;
    letter-spacing: .02em !important
  }
}
.reverse-trial-paid-feature-modal .modal-footer, .reverse-trial-quota-upgrade-modal .modal-footer {
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 16px;
  margin-top: 16px
}
.reverse-trial-paid-feature-modal .modal-footer::after, .reverse-trial-paid-feature-modal .modal-footer::before, .reverse-trial-quota-upgrade-modal .modal-footer::after, .reverse-trial-quota-upgrade-modal .modal-footer::before {
  display: none !important
}
@media (max-width:520px) {
  .reverse-trial-ended-modal .reverse-trial-features-lost-list {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
  .reverse-trial-paid-feature-modal .modal-footer, .reverse-trial-quota-upgrade-modal .modal-footer {
    gap: 8px
  }
  .reverse-trial-paid-feature-modal .modal-footer > button, .reverse-trial-quota-upgrade-modal .modal-footer > button {
    flex: 1
  }
}
.warranty-expiration-modal .modal-dialog {
  max-width: 660px;
  width: 100%;
  display: flex
}
.warranty-expiration-modal .modal-dialog .modal-header {
  padding: 0;
  border: none
}
.warranty-expiration-modal .modal-dialog .modal-header .modal-title {
  padding: 0;
  font-size: 28px !important;
  line-height: 115% !important;
  font-weight: 500 !important
}
.warranty-expiration-modal .modal-dialog .modal-content {
  display: flex;
  padding: 24px;
  flex-direction: column;
  gap: 24px
}
.warranty-expiration-modal .modal-dialog .modal-body {
  padding: 0
}
.warranty-expiration-modal .modal-dialog .modal-body .warranty-expiration-modal-content {
  display: flex;
  gap: 12px;
  flex-direction: column;
  align-items: flex-start
}
.warranty-expiration-modal .modal-dialog .modal-body .warranty-expiration-modal-content .warranty-modal-text {
  width: 100%
}
.warranty-expiration-modal .modal-dialog .modal-body .warranty-expiration-modal-content .warranty-modal-text .warranty-benefits {
  list-style-type: none;
  padding: 0;
  margin: 0
}
.warranty-expiration-modal .modal-dialog .modal-body .warranty-expiration-modal-content .warranty-modal-text .warranty-benefits .benefit-header {
  display: flex;
  gap: 8px;
  flex-direction: row;
  align-items: center
}
.warranty-expiration-modal .modal-dialog .modal-body .warranty-expiration-modal-content .warranty-modal-text .warranty-benefits li {
  display: flex;
  padding: 8px 12px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 16px
}
.warranty-expiration-modal .modal-dialog .modal-footer {
  padding: 0;
  margin: 0;
  display: flex;
  background: 0 0;
  justify-content: space-between
}
.warranty-expiration-modal .modal-dialog .modal-footer button {
  width: 100%
}
.warranty-expiration-modal .modal-dialog .modal-footer .btn-get-coverage {
  min-height: 40px;
  height: unset
}
.modal-with-banner .modal-dialog {
  margin-bottom: 120px
}
.modal-with-banner .modal-content {
  overflow: visible;
  position: relative
}
.modal-bottom-banner {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background: var(--color-background-inverse);
  border: 1px solid var(--color-border-default);
  border-radius: 6px;
  padding: 16px;
  z-index: 1050;
  margin-inline: 0 !important
}
@media (max-width:768px) {
  .warranty-expiration-modal .modal-dialog .modal-header .modal-title {
    font-size: 24px !important
  }
  .modal-with-banner .modal-dialog {
    margin-bottom: 20px
  }
  .modal-bottom-banner {
    position: relative;
    top: auto;
    margin: 15px 20px 0 !important
  }
}
.modal-with-banner.modal-sm .modal-dialog {
  margin-bottom: 100px
}
.modal-with-banner.modal-lg .modal-dialog, .modal-with-banner.modal-xl .modal-dialog {
  margin-bottom: 120px
}
.assurance-awareness-modal .modal-dialog {
  display: flex;
  max-width: 660px;
  flex-direction: column;
  align-items: center;
  padding: 30px 0 !important
}
.assurance-awareness-modal .modal-dialog .modal-content {
  max-width: 660px;
  width: 100%;
  padding: 24px
}
.assurance-awareness-modal .modal-dialog .modal-content .modal-header {
  border-bottom: none;
  padding: 0
}
.assurance-awareness-modal .modal-dialog .modal-content .modal-header .modal-title {
  padding: 0
}
.assurance-awareness-modal .modal-dialog .modal-content .modal-body {
  padding: 0;
  margin-top: 24px
}
.assurance-awareness-modal .modal-dialog .modal-content .modal-body .bootbox-body {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex
}
.assurance-awareness-modal .modal-dialog .modal-content .modal-body .bootbox-body img {
  max-width: 350px;
  align-self: center
}
.assurance-awareness-modal .modal-dialog .assurance-banner {
  width: 100%;
  max-width: 660px;
  margin-top: 0
}
.assurance-awareness-modal .modal-dialog .assurance-banner .assurance-banner-container {
  gap: 12px;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex
}
.assurance-awareness-modal .modal-dialog .assurance-banner .assurance-banner-container .assurance-banner-content {
  gap: 12px;
  display: flex;
  align-items: center
}
.assurance-awareness-modal .modal-dialog .assurance-banner .assurance-banner-container .banner-content {
  display: flex;
  gap: 4px;
  flex-direction: column
}
.assurance-awareness-modal .modal-dialog .assurance-banner .assurance-banner-container img {
  width: 50px
}
.device-paid-limit-reached-modal .modal-dialog {
  width: 790px
}
.device-paid-limit-reached-modal .modal-header {
  border-bottom: none
}
.device-paid-limit-reached-modal .modal-body {
  padding: 16px 32px 24px
}
.device-paid-limit-reached-modal .device-paid-limit-reached-modal-body {
  justify-content: space-between;
  align-items: stretch;
  flex-direction: row;
  display: flex;
  gap: 40px
}
.device-paid-limit-reached-modal .device-paid-limit-reached-modal-content {
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 24px
}
.device-paid-limit-reached-modal .device-paid-limit-reached-modal-text {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 8px;
  width: 100%
}
.device-paid-limit-reached-modal .device-paid-limit-reached-modal-actions {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 16px;
  width: 100%
}
.device-paid-limit-reached-modal .device-paid-limit-reached-modal-actions > button {
  width: 100%
}
@media (max-width:991px) {
  .device-paid-limit-reached-modal .modal-dialog {
    width: initial
  }
}
@media (max-width:720px) {
  .device-paid-limit-reached-modal #device-paid-limit-reached-modal-img {
    height: 200px
  }
}
:root {
  --basic-branding: var(--basic_branding);
  --basic-branding-hover: color-mix(in srgb, var(--basic_branding), #000000 10%);
  --white: #ffffff;
  --black: #000000;
  --color-background-gift-card-widget-image: #fce2d4;
  --color-background-gift-card-banner-image: #fce2d4;
  --gradient-gift-card: linear-gradient(90deg, #ffffff 0%, #fef1e9 100%);
  --color-content-primary: #1e1c24;
  --color-content-secondary: #4e5359;
  --color-content-tertiary: #a3acb6;
  --color-content-disabled: #dadee2;
  --color-content-inverse: #ffffff;
  --color-content-notice: #3e76bb;
  --color-content-negative: #a32700;
  --color-content-positive: #36915f;
  --color-content-warning: #977620;
  --color-content-link: #f26f26;
  --color-content-link-hover: #c2591e;
  --color-content-link-pressed: #914317;
  --color-content-link-disabled: var(--basic_branding);
  --color-background-inverse: #ffffff;
  --color-background-primary: #f5f7fa;
  --color-background-secondary: #f1f4f7;
  --color-background-secondary-subtle: #f1f4f7;
  --color-background-tertiary: #e7ecf2;
  --color-background-notice: #4d92e7;
  --color-background-positive: #43b577;
  --color-background-warning: #f8c236;
  --color-background-negative: #cc3100;
  --color-background-notice-subtle: #edf4fd;
  --color-background-positive-subtle: #ecf8f1;
  --color-background-warning-subtle: #fef9eb;
  --color-background-negative-subtle: #fae3dd;
  --color-background-turquoise-subtle: #daefef;
  --color-background-active-subtle: #e4e5e7;
  --color-background-brand-subtle: #fef1e9;
  --color-fill-image: var(--color-background-tertiary);
  --menu-background: #f5f7fa;
  --pagination: color-mix(in srgb, var(--basic_branding), #ffffff 60%);
  --filter: none;
  --border: none;
  --design-services-svg: url(../svgs/design_services.svg);
  --magic-wand-svg: url(../svgs/magic_wand.svg);
  --magic-wand-svg-reverse: url(../svgs/magic_wand_dark.svg);
  --magic-wand-gif: url(../images/magic_wand_light.gif);
  --free-player-section: #fce2d4;
  --purchase-section: #ebeef3;
  --own-rpi-section: #e8ebef;
  --embed-player-awareness-card: #dbe9fa;
  --recommended-box: #fac5a8;
  --arrow-down: url(../images/arrow_down_dark_grey.svg);
  --color-brand-subtle: #dadee2;
  --color-brand-subtle-hover: #c8cdd3;
  --color-brand-purple: #623bd7;
  --color-brand-purple-hover: #4423a9;
  --color-brand-purple-pressed: #331a7f;
  --color-brand-purple-disabled: #bbaaee;
  --color-border-section: #d1d8de;
  --color-border-default: #c9cacf;
  --color-border-hover: #adb0b6;
  --color-border-focus: var(--basic_branding);
  --color-border-filled: #92959e;
  --color-border-notice: #4d92e7;
  --color-border-positive: #43b577;
  --color-border-warning: #f8c236;
  --color-border-negative: #cc3100;
  --color-border-turquoise: #065757;
  --pill-global-admin-background: #fcf3eb;
  --pill-account-billing-background: #eff4f6;
  --pill-all-users-background: #f1f1f1;
  --pill-workspace-admin-background: #f8f2fe;
  --pill-content-device-manager-background: #f0f8ff;
  --pill-content-managers-background: #faf2f1;
  --pill-content-creators-background: #fff4fa;
  --pill-content-viewers-background: #f0f9f9;
  --pill-publishers-background: #fff9ea;
  --pill-custom-1-background: #edf9f0;
  --pill-custom-2-background: #f8f1f1;
  --pill-custom-3-background: #fff0f0;
  --pill-custom-4-background: #eff4f6;
  --pill-global-admin-border: #f5e4d4;
  --pill-account-billing-border: #dbf1e3;
  --pill-all-users-border: #e7e2e2;
  --pill-workspace-admin-border: #f0e6f9;
  --pill-content-device-manager-border: #dae7f2;
  --pill-content-managers-border: #f2dfdc;
  --pill-content-creators-border: #f0dfe9;
  --pill-content-viewers-border: #ece2ca;
  --pill-publishers-border: #ece2ca;
  --pill-custom-1-border: #edf9f0;
  --pill-custom-2-border: #f8f1f1;
  --pill-custom-3-border: #fff0f0;
  --pill-custom-4-border: #dde6ef;
  --monetization-border: #34495e;
  --monetization-text: #34495e;
  --monetization-border-hover: #2a3a4b;
  --monetization-text-hover: #2a3a4b;
  --monetization-crown: #eaaf17
}
@media (prefers-color-scheme:dark) {
  :root {
    --color-background-gift-card-widget-image: #3c4259;
    --color-background-gift-card-banner-image: #323645;
    --gradient-gift-card: linear-gradient(90deg, #3c4259 0%, #2d313f 100%);
    --color-content-primary: rgba(255, 255, 255, 0.92);
    --color-content-secondary: rgba(255, 255, 255, 0.65);
    --color-content-tertiary: rgba(255, 255, 255, 0.45);
    --color-content-disabled: rgba(255, 255, 255, 0.3);
    --color-content-inverse: #1e1c24;
    --color-content-notice: #4d92e7;
    --color-content-negative: #ff7878;
    --color-content-positive: #43b577;
    --color-content-warning: #f8c236;
    --color-content-link: var(--basic_branding);
    --color-content-link-hover: color-mix(in srgb, var(--basic_branding), #000000 10%);
    --color-content-link-pressed: #914317;
    --color-content-link-disabled: rgba(var(--basic_branding_rgb), 0.5);
    --color-background-inverse: #323645;
    --color-background-primary: #222531;
    --color-background-secondary: #2a2e3b;
    --color-background-secondary-subtle: #2d313f;
    --color-background-tertiary: #3c4259;
    --color-background-notice: #4d92e7;
    --color-background-positive: #43b577;
    --color-background-warning: #f8c236;
    --color-background-negative: #cc3100;
    --color-background-notice-subtle: #3c4259;
    --color-background-positive-subtle: #3c4259;
    --color-background-warning-subtle: #3c4259;
    --color-background-negative-subtle: #3c4259;
    --color-background-turquoise-subtle: #043434;
    --color-background-active-subtle: #3b3943;
    --color-background-brand-subtle: #3c4259;
    --color-fill-image: var(--color-background-tertiary);
    --menu-background: #2d313f;
    --pagination: color-mix(in srgb, var(--basic_branding), #000000 40%);
    --filter: invert(100%) sepia(15%) saturate(157%) hue-rotate(208deg) brightness(106%) contrast(101%);
    --border: 1px solid var(--color-border-default);
    --design-services-svg: url(../svgs/design_services_dark.svg);
    --magic-wand-svg: url(../svgs/magic_wand_dark.svg);
    --magic-wand-svg-reverse: url(../svgs/magic_wand.svg);
    --magic-wand-gif: url(../images/magic_wand_dark.gif);
    --free-player-section: #612c0f;
    --purchase-section: #34495e;
    --own-rpi-section: #6c757e;
    --embed-player-awareness-card: #2f5a8f;
    --recommended-box: #c2591e;
    --arrow-down: url(../images/arrow_down_ghost.svg);
    --color-brand-subtle: #5f6786;
    --color-brand-subtle-hover: #7f859e;
    --color-brand-purple: #623bd7;
    --color-brand-purple-hover: #4423a9;
    --color-brand-purple-pressed: #331a7f;
    --color-brand-purple-disabled: rgba(98, 59, 215, 0.5);
    --color-border-section: #4e4c57;
    --color-border-default: #4e4c57;
    --color-border-hover: #928e9e;
    --color-border-focus: var(--basic_branding);
    --color-border-notice: #4d92e7;
    --color-border-positive: #43b577;
    --color-border-warning: #f8c236;
    --color-border-negative: #ff7878;
    --color-border-turquoise: #065757;
    --pill-global-admin-background: #655d56;
    --pill-account-billing-background: #4d5552;
    --pill-all-users-background: #6e6165;
    --pill-workspace-admin-background: #776e80;
    --pill-content-device-manager-background: #636f79;
    --pill-content-managers-background: #4c3330;
    --pill-content-creators-background: #755f6c;
    --pill-content-viewers-background: #5b7070;
    --pill-publishers-background: #797059;
    --pill-custom-1-background: #5e7062;
    --pill-custom-2-background: #7a5e5e;
    --pill-custom-3-background: #603030;
    --pill-custom-4-background: #404c59;
    --pill-global-admin-border: #c8baae;
    --pill-account-billing-border: #b3c4ba;
    --pill-all-users-border: #bcb8b9;
    --pill-workspace-admin-border: #a194ac;
    --pill-content-device-manager-border: #636f79;
    --pill-content-managers-border: #f2dfdc;
    --pill-content-creators-border: #f0dfe9;
    --pill-content-viewers-border: #daefef;
    --pill-publishers-border: #ece2ca;
    --pill-custom-1-border: #edf9f0;
    --pill-custom-2-border: #e2d9d9;
    --pill-custom-3-border: #f3dddd;
    --pill-custom-4-border: #dde6ef;
    --monetization-border: #748495;
    --monetization-text: #9cabba;
    --monetization-border-hover: #9cabba;
    --monetization-text-hover: #9cabba;
    --monetization-crown: #f8c236
  }
}
@media (prefers-color-scheme:light) {
  :root {
    --color-background-gift-card-widget-image: #fce2d4;
    --color-background-gift-card-banner-image: #fce2d4;
    --gradient-gift-card: linear-gradient(90deg, #ffffff 0%, #fef1e9 100%);
    --color-content-primary: #1e1c24;
    --color-content-secondary: #4e5359;
    --color-content-tertiary: #a3acb6;
    --color-content-disabled: #dadee2;
    --color-content-inverse: #ffffff;
    --color-content-notice: #3e76bb;
    --color-content-negative: #a32700;
    --color-content-positive: #36915f;
    --color-content-warning: #977620;
    --color-content-link: #f26f26;
    --color-content-link-hover: #c2591e;
    --color-content-link-pressed: #914317;
    --color-content-link-disabled: var(--basic_branding);
    --color-background-inverse: #ffffff;
    --color-background-primary: #f5f7fa;
    --color-background-secondary: #f1f4f7;
    --color-background-secondary-subtle: #f1f4f7;
    --color-background-tertiary: #e7ecf2;
    --color-background-notice: #4d92e7;
    --color-background-positive: #43b577;
    --color-background-warning: #f8c236;
    --color-background-negative: #cc3100;
    --color-background-notice-subtle: #edf4fd;
    --color-background-positive-subtle: #ecf8f1;
    --color-background-warning-subtle: #fef9eb;
    --color-background-negative-subtle: #fae3dd;
    --color-background-turquoise-subtle: #daefef;
    --color-background-active-subtle: #e4e5e7;
    --color-background-brand-subtle: #fef1e9;
    --color-fill-image: var(--color-background-tertiary);
    --menu-background: #f5f7fa;
    --pagination: color-mix(in srgb, var(--basic_branding), #ffffff 60%);
    --filter: none;
    --border: none;
    --design-services-svg: url(../svgs/design_services.svg);
    --magic-wand-svg: url(../svgs/magic_wand.svg);
    --magic-wand-svg-reverse: url(../svgs/magic_wand_dark.svg);
    --magic-wand-gif: url(../images/magic_wand_light.gif);
    --free-player-section: #fce2d4;
    --purchase-section: #ebeef3;
    --own-rpi-section: #e8ebef;
    --embed-player-awareness-card: #dbe9fa;
    --recommended-box: #fac5a8;
    --arrow-down: url(../images/arrow_down_dark_grey.svg);
    --color-brand-subtle: #dadee2;
    --color-brand-subtle-hover: #c8cdd3;
    --color-brand-purple: #623bd7;
    --color-brand-purple-hover: #4423a9;
    --color-brand-purple-pressed: #331a7f;
    --color-brand-purple-disabled: #bbaaee;
    --color-border-section: #d1d8de;
    --color-border-default: #c9cacf;
    --color-border-hover: #adb0b6;
    --color-border-focus: var(--basic_branding);
    --color-border-filled: #92959e;
    --color-border-notice: #4d92e7;
    --color-border-positive: #43b577;
    --color-border-warning: #f8c236;
    --color-border-negative: #cc3100;
    --color-border-turquoise: #065757;
    --pill-global-admin-background: #fcf3eb;
    --pill-account-billing-background: #eff4f6;
    --pill-all-users-background: #f1f1f1;
    --pill-workspace-admin-background: #f8f2fe;
    --pill-content-device-manager-background: #f0f8ff;
    --pill-content-managers-background: #faf2f1;
    --pill-content-creators-background: #fff4fa;
    --pill-content-viewers-background: #f0f9f9;
    --pill-publishers-background: #fff9ea;
    --pill-custom-1-background: #edf9f0;
    --pill-custom-2-background: #f8f1f1;
    --pill-custom-3-background: #fff0f0;
    --pill-custom-4-background: #eff4f6;
    --pill-global-admin-border: #f5e4d4;
    --pill-account-billing-border: #dbf1e3;
    --pill-all-users-border: #e7e2e2;
    --pill-workspace-admin-border: #f0e6f9;
    --pill-content-device-manager-border: #dae7f2;
    --pill-content-managers-border: #f2dfdc;
    --pill-content-creators-border: #f0dfe9;
    --pill-content-viewers-border: #ece2ca;
    --pill-publishers-border: #ece2ca;
    --pill-custom-1-border: #edf9f0;
    --pill-custom-2-border: #f8f1f1;
    --pill-custom-3-border: #fff0f0;
    --pill-custom-4-border: #dde6ef;
    --monetization-border: #34495e;
    --monetization-text: #34495e;
    --monetization-border-hover: #2a3a4b;
    --monetization-text-hover: #2a3a4b;
    --monetization-crown: #eaaf17
  }
}
.select2-selection__choice__remove {
  color: var(--color-content-tertiary) !important
}
.select2-selection__choice__remove:hover {
  color: var(--color-content-primary) !important
}
.text-primary, a {
  color: var(--basic_branding)
}
input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {
  -webkit-text-fill-color: var(--color-content-primary);
  caret-color: var(--color-content-primary);
  box-shadow: 0 0 0 1000px var(--color-background-inverse) inset;
  transition: background-color 5000s ease-in-out 0s
}
#completeOrderFormContainer .white_container, html.dark :not(.welcome *, .folder-tree-line) {
  box-shadow: none !important
}
input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--color-content-primary);
  caret-color: var(--color-content-primary)
}
html {
  background-color: var(--color-background-primary) !important;
  scroll-padding-top: 150px
}
.fake-door-container, .main-content .page-content, body {
  background-color: var(--color-background-primary)
}
html.light {
  --color-background-gift-card-widget-image: #fce2d4;
  --color-background-gift-card-banner-image: #fce2d4;
  --gradient-gift-card: linear-gradient(90deg, #ffffff 0%, #fef1e9 100%);
  --color-content-primary: #1e1c24;
  --color-content-secondary: #4e5359;
  --color-content-tertiary: #a3acb6;
  --color-content-disabled: #dadee2;
  --color-content-inverse: #ffffff;
  --color-content-notice: #3e76bb;
  --color-content-negative: #a32700;
  --color-content-positive: #36915f;
  --color-content-warning: #977620;
  --color-content-link: #f26f26;
  --color-content-link-hover: #c2591e;
  --color-content-link-pressed: #914317;
  --color-content-link-disabled: var(--basic_branding);
  --color-background-inverse: #ffffff;
  --color-background-primary: #f5f7fa;
  --color-background-secondary: #f1f4f7;
  --color-background-secondary-subtle: #f1f4f7;
  --color-background-tertiary: #e7ecf2;
  --color-background-notice: #4d92e7;
  --color-background-positive: #43b577;
  --color-background-warning: #f8c236;
  --color-background-negative: #cc3100;
  --color-background-notice-subtle: #edf4fd;
  --color-background-positive-subtle: #ecf8f1;
  --color-background-warning-subtle: #fef9eb;
  --color-background-negative-subtle: #fae3dd;
  --color-background-turquoise-subtle: #daefef;
  --color-background-active-subtle: #e4e5e7;
  --color-background-brand-subtle: #fef1e9;
  --color-fill-image: var(--color-background-tertiary);
  --menu-background: #f5f7fa;
  --pagination: color-mix(in srgb, var(--basic_branding), #ffffff 60%);
  --filter: none;
  --border: none;
  --design-services-svg: url(../svgs/design_services.svg);
  --magic-wand-svg: url(../svgs/magic_wand.svg);
  --magic-wand-svg-reverse: url(../svgs/magic_wand_dark.svg);
  --magic-wand-gif: url(../images/magic_wand_light.gif);
  --free-player-section: #fce2d4;
  --purchase-section: #ebeef3;
  --own-rpi-section: #e8ebef;
  --embed-player-awareness-card: #dbe9fa;
  --recommended-box: #fac5a8;
  --arrow-down: url(../images/arrow_down_dark_grey.svg);
  --color-brand-subtle: #dadee2;
  --color-brand-subtle-hover: #c8cdd3;
  --color-brand-purple: #623bd7;
  --color-brand-purple-hover: #4423a9;
  --color-brand-purple-pressed: #331a7f;
  --color-brand-purple-disabled: #bbaaee;
  --color-border-section: #d1d8de;
  --color-border-default: #c9cacf;
  --color-border-hover: #adb0b6;
  --color-border-focus: var(--basic_branding);
  --color-border-filled: #92959e;
  --color-border-notice: #4d92e7;
  --color-border-positive: #43b577;
  --color-border-warning: #f8c236;
  --color-border-negative: #cc3100;
  --color-border-turquoise: #065757;
  --pill-global-admin-background: #fcf3eb;
  --pill-account-billing-background: #eff4f6;
  --pill-all-users-background: #f1f1f1;
  --pill-workspace-admin-background: #f8f2fe;
  --pill-content-device-manager-background: #f0f8ff;
  --pill-content-managers-background: #faf2f1;
  --pill-content-creators-background: #fff4fa;
  --pill-content-viewers-background: #f0f9f9;
  --pill-publishers-background: #fff9ea;
  --pill-custom-1-background: #edf9f0;
  --pill-custom-2-background: #f8f1f1;
  --pill-custom-3-background: #fff0f0;
  --pill-custom-4-background: #eff4f6;
  --pill-global-admin-border: #f5e4d4;
  --pill-account-billing-border: #dbf1e3;
  --pill-all-users-border: #e7e2e2;
  --pill-workspace-admin-border: #f0e6f9;
  --pill-content-device-manager-border: #dae7f2;
  --pill-content-managers-border: #f2dfdc;
  --pill-content-creators-border: #f0dfe9;
  --pill-content-viewers-border: #ece2ca;
  --pill-publishers-border: #ece2ca;
  --pill-custom-1-border: #edf9f0;
  --pill-custom-2-border: #f8f1f1;
  --pill-custom-3-border: #fff0f0;
  --pill-custom-4-border: #dde6ef;
  --monetization-border: #34495e;
  --monetization-text: #34495e;
  --monetization-border-hover: #2a3a4b;
  --monetization-text-hover: #2a3a4b;
  --monetization-crown: #eaaf17
}
html.dark {
  --color-background-gift-card-widget-image: #3c4259;
  --color-background-gift-card-banner-image: #323645;
  --gradient-gift-card: linear-gradient(90deg, #3c4259 0%, #2d313f 100%);
  --color-content-primary: rgba(255, 255, 255, 0.92);
  --color-content-secondary: rgba(255, 255, 255, 0.65);
  --color-content-tertiary: rgba(255, 255, 255, 0.45);
  --color-content-disabled: rgba(255, 255, 255, 0.3);
  --color-content-inverse: #1e1c24;
  --color-content-notice: #4d92e7;
  --color-content-negative: #ff7878;
  --color-content-positive: #43b577;
  --color-content-warning: #f8c236;
  --color-content-link: var(--basic_branding);
  --color-content-link-hover: color-mix(in srgb, var(--basic_branding), #000000 10%);
  --color-content-link-pressed: #914317;
  --color-content-link-disabled: rgba(var(--basic_branding_rgb), 0.5);
  --color-background-inverse: #323645;
  --color-background-primary: #222531;
  --color-background-secondary: #2a2e3b;
  --color-background-secondary-subtle: #2d313f;
  --color-background-tertiary: #3c4259;
  --color-background-notice: #4d92e7;
  --color-background-positive: #43b577;
  --color-background-warning: #f8c236;
  --color-background-negative: #cc3100;
  --color-background-notice-subtle: #3c4259;
  --color-background-positive-subtle: #3c4259;
  --color-background-warning-subtle: #3c4259;
  --color-background-negative-subtle: #3c4259;
  --color-background-turquoise-subtle: #043434;
  --color-background-active-subtle: #3b3943;
  --color-background-brand-subtle: #3c4259;
  --color-fill-image: var(--color-background-tertiary);
  --menu-background: #2d313f;
  --pagination: color-mix(in srgb, var(--basic_branding), #000000 40%);
  --filter: invert(100%) sepia(15%) saturate(157%) hue-rotate(208deg) brightness(106%) contrast(101%);
  --border: 1px solid var(--color-border-default);
  --design-services-svg: url(../svgs/design_services_dark.svg);
  --magic-wand-svg: url(../svgs/magic_wand_dark.svg);
  --magic-wand-svg-reverse: url(../svgs/magic_wand.svg);
  --magic-wand-gif: url(../images/magic_wand_dark.gif);
  --free-player-section: #612c0f;
  --purchase-section: #34495e;
  --own-rpi-section: #6c757e;
  --embed-player-awareness-card: #2f5a8f;
  --recommended-box: #c2591e;
  --arrow-down: url(../images/arrow_down_ghost.svg);
  --color-brand-subtle: #5f6786;
  --color-brand-subtle-hover: #7f859e;
  --color-brand-purple: #623bd7;
  --color-brand-purple-hover: #4423a9;
  --color-brand-purple-pressed: #331a7f;
  --color-brand-purple-disabled: rgba(98, 59, 215, 0.5);
  --color-border-section: #4e4c57;
  --color-border-default: #4e4c57;
  --color-border-hover: #928e9e;
  --color-border-focus: var(--basic_branding);
  --color-border-notice: #4d92e7;
  --color-border-positive: #43b577;
  --color-border-warning: #f8c236;
  --color-border-negative: #ff7878;
  --color-border-turquoise: #065757;
  --pill-global-admin-background: #655d56;
  --pill-account-billing-background: #4d5552;
  --pill-all-users-background: #6e6165;
  --pill-workspace-admin-background: #776e80;
  --pill-content-device-manager-background: #636f79;
  --pill-content-managers-background: #4c3330;
  --pill-content-creators-background: #755f6c;
  --pill-content-viewers-background: #5b7070;
  --pill-publishers-background: #797059;
  --pill-custom-1-background: #5e7062;
  --pill-custom-2-background: #7a5e5e;
  --pill-custom-3-background: #603030;
  --pill-custom-4-background: #404c59;
  --pill-global-admin-border: #c8baae;
  --pill-account-billing-border: #b3c4ba;
  --pill-all-users-border: #bcb8b9;
  --pill-workspace-admin-border: #a194ac;
  --pill-content-device-manager-border: #636f79;
  --pill-content-managers-border: #f2dfdc;
  --pill-content-creators-border: #f0dfe9;
  --pill-content-viewers-border: #daefef;
  --pill-publishers-border: #ece2ca;
  --pill-custom-1-border: #edf9f0;
  --pill-custom-2-border: #e2d9d9;
  --pill-custom-3-border: #f3dddd;
  --pill-custom-4-border: #dde6ef;
  --monetization-border: #748495;
  --monetization-text: #9cabba;
  --monetization-border-hover: #9cabba;
  --monetization-text-hover: #9cabba;
  --monetization-crown: #f8c236
}
.text-primary {
  word-break: break-word
}
a:focus, a:hover {
  color: color-mix(in srgb, var(--basic_branding), #000 10%);
  outline: 0
}
.main-content {
  margin-left: 211px
}
.main-content .page-content {
  padding: 8px 32px 24px
}
@media (max-width:600px) {
  .device-paid-limit-reached-modal .device-paid-limit-reached-modal-body {
    justify-content: flex-start;
    align-items: center;
    flex-direction: column-reverse;
    display: flex;
    gap: 24px
  }
  .main-content .page-content {
    padding: 8px 12px 24px
  }
}
.login-layout .main-content {
  margin-left: 0
}
.only_rpi_indicator {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  justify-content: end
}
@media (max-width:1024px) {
  #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .graphics-view .grid-container, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .after-search-view .grid-container, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .graphics .grid-container, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .main-view .default-view .shapes .grid-container, #show_editor .show-editor-container #sidebar-container-layouts #sidebar-content #sidebar-content-elements .shapes-view .grid-container {
    scrollbar-width: thin
  }
  .only_rpi_indicator {
    margin-left: 4px;
    justify-content: start
  }
}
.row {
  margin-right: 0;
  margin-left: 0
}
a:focus {
  text-decoration: none
}
hr {
  border-top: 1px solid var(--color-border-default)
}
.forward-assignment-action-btns, button:not(.custom_dropdown_toggle, #show-source-type-dropdown), input[type=button] {
  will-change: transform
}
.forward-assignment-action-btns .dropdown-toggle:hover, .forward-assignment-action-btns .submit-model:hover, button:not(.custom_dropdown_toggle, #show-source-type-dropdown) .dropdown-toggle:hover, button:not(.custom_dropdown_toggle, #show-source-type-dropdown) .submit-model:hover, input[type=button] .dropdown-toggle:hover, input[type=button] .submit-model:hover {
  -webkit-transform: none !important;
  transform: none !important;
  background-color: color-mix(in srgb, var(--basic_branding), #000 10%);
  border: 1px solid
}
.forward-assignment-action-btns:active, button:not(.custom_dropdown_toggle, #show-source-type-dropdown):active, input[type=button]:active {
  -webkit-transform: scale(.96);
  transform: scale(.96);
  -webkit-transform-origin: center center;
  transform-origin: center center
}
.forward-assignment-action-btns button:active, button:not(.custom_dropdown_toggle, #show-source-type-dropdown) button:active, input[type=button] button:active {
  -webkit-transform: none !important;
  transform: none !important
}
.disabled:focus, .disabled > button:focus, .disabled > li:focus {
  outline: 0
}
.header {
  margin-bottom: 16px;
  margin-top: 16px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--color-border-default);
  color: var(--color-content-secondary)
}
.header img {
  -webkit-filter: var(--filter);
  filter: var(--filter);
  color: var(--color-content-primary);
  margin-right: 8px
}
.breadcrumbs {
  background-color: transparent;
  border: none;
  padding: 0 12px 0 0
}
.breadcrumbs .breadcrumb-header-extra-text {
  max-width: 470px;
  line-height: 19px;
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
  color: var(--color-content-secondary)
}
.breadcrumbs .breadcrumb-header-extra-text a {
  color: var(--color-content-primary)
}
@media (max-width:675px) {
  .breadcrumbs .breadcrumb-header-extra-text {
    max-width: 230px
  }
}
@media (max-width:768px) {
  .breadcrumbs {
    margin-bottom: 5px;
    width: 100%
  }
}
.breadcrumb {
  font-size: 12px;
  margin-bottom: 0;
  padding: 0;
  background: 0 0 !important
}
.breadcrumb > li > a {
  color: var(--color-content-secondary) !important
}
.breadcrumb > li > a:hover {
  color: var(--color-content-tertiary) !important
}
.breadcrumb > li.active > a {
  color: var(--color-content-secondary);
  pointer-events: none;
  cursor: default
}
.breadcrumb > li + li.active:before {
  margin-right: -2px
}
body.whitelabel-no-collapsed-logo #sidebar.menu-min .sidebar-head, body.whitelabel-no-horizontal-logo #sidebar:not(.menu-min) .sidebar-head {
  height: auto
}
body.whitelabel-no-collapsed-logo #sidebar.menu-min .sidebar-head .navbar-brand, body.whitelabel-no-horizontal-logo #sidebar:not(.menu-min) .sidebar-head .navbar-brand {
  display: none
}
body:not(.tour_opened) .nav-list > li > a, body:not(.tour_opened) .sidebar-collapse {
  z-index: 1006
}
body.responsive-mode #sidebar {
  overflow-x: hidden;
  width: 375px
}
body:not(.responsive-mode) #sidebar .sidebar-head {
  max-width: 190px
}
body:not(.responsive-mode) #sidebar.menu-min .sidebar-head {
  max-width: 32px
}
@media (max-width:480px) {
  .breadcrumb > li > a {
    padding: 0 4px
  }
}
@media (max-width:991px) {
  .breadcrumb {
    margin-left: 32px !important;
    top: 9px;
    position: relative
  }
  .main-content {
    margin-left: 0 !important
  }
}
.gritter-item-wrapper {
  border-radius: 8px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-inverse)
}
.gritter-item-wrapper .gritter-item {
  background: var(--color-background-inverse);
  color: var(--color-content-primary)
}
.gritter-item-wrapper .gritter-item .gritter-title {
  text-shadow: none
}
.help-button {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: inline-flex;
  position: relative;
  background-color: var(--color-background-tertiary) !important;
  box-shadow: none;
  height: 18px !important;
  width: 18px !important;
  min-width: 18px !important;
  text-align: center !important;
  padding: 0;
  color: var(--color-content-tertiary) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  cursor: default;
  margin-left: 10px !important;
  border-radius: 100% !important;
  line-height: 18px !important;
  border: none !important;
  bottom: 0
}
.help-button:hover {
  background-color: var(--color-background-notice);
  text-shadow: none
}
.help-button.external {
  cursor: pointer
}
.help-button.external a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%
}
#nocontent, .app-button div, .form-group #select_other {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
body.is_hijacked.has_critical_notifications #critical-alert-container, body.is_hijacked:not(.has_critical_notifications) #navbar {
  margin-top: 48px !important
}
#role-form thead tr {
  background-color: var(--color-background-tertiary)
}
#role-form .header {
  padding-bottom: 0
}
#role-form textarea {
  height: auto
}
div[class*='-gallery-modal'] ul[class*='-tabs-list'] {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex
}
.tab-content {
  position: relative
}
.tab-content:not(.emergency-tab-content, .audit-log-tab-content) {
  padding: 16px 12px
}
.source-gallery h3 {
  margin-bottom: 10px
}
.source-gallery #import_csv_form .tab-content {
  border: 0
}
.source-gallery .source-desciption, .source-gallery .video-source-description-stock {
  min-height: 20px;
  color: var(--color-content-primary);
  padding-bottom: 20px
}
.source-gallery .photo-search-form .filter-button, .source-gallery .video-search-form .filter-button {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  color: var(--color-content-primary);
  height: 44px;
  border: 1px solid var(--color-border-default);
  border-radius: 4px;
  cursor: pointer
}
.source-gallery.image-source-gallery #image_form .tab-content {
  padding-bottom: 0
}
.source-gallery.image-source-gallery #image_form .tab-content .source-desciption > div:first-child {
  color: var(--color-content-primary)
}
.source-gallery.image-source-gallery #image_form .tab-content .source-desciption .subnote, .source-gallery.image-source-gallery #image_form .tab-content .subnote {
  color: var(--color-content-tertiary);
  font-size: small
}
.source-gallery.image-source-gallery #my_image_files_form .source-desciption, .source-gallery.image-source-gallery #stock_image_form .source-desciption {
  color: var(--basic_branding)
}
.source-gallery.image-source-gallery #stock_image_form .photo-search-form .photo-search-button {
  width: 100%
}
#all-media-lists .source-desciption {
  border-bottom: none !important
}
.close {
  color: var(--color-content-tertiary) !important;
  opacity: 1 !important
}
.close:hover {
  color: var(--color-content-primary) !important;
  opacity: 1 !important
}
#hijacked-warning {
  position: absolute;
  top: 0;
  z-index: 1000;
  min-height: 48px;
  width: 100%;
  height: -webkit-max-content;
  height: max-content;
  margin-bottom: 0;
  padding: 0;
  padding-left: 243px;
  color: var(--color-content-primary);
  display: flex;
  align-items: center
}
#hijacked-warning.detached_ {
  position: relative;
  padding-left: 22px !important
}
#hijacked-warning > a {
  margin-left: 22px
}
#hijacked-warning > a.close {
  display: none !important
}
@media (max-width:991px) {
  #hijacked-warning {
    padding: 0;
    padding-left: 20px;
    margin: 0
  }
  #hijacked-warning > a {
    margin-left: 0;
    float: right
  }
}
#emergency .bbf-add, #encryption-key-subsection-mass-fieldsets .bbf-add, #playlist-tag-form .bbf-add, #proxy-subsection-fields .bbf-add, #user-form .bbf-add, .app_form_view .btn-primary, .field-roles #roles .bbf-add, .field-saml_groups .bbf-list .bbf-add, .form-group .import-saml, .open .btn-success.dropdown-toggle {
  background-color: var(--color-background-primary) !important;
  border: 1px solid var(--color-background-primary) !important;
  color: var(--color-content-primary) !important
}
#emergency .bbf-add:hover, #encryption-key-subsection-mass-fieldsets .bbf-add:hover, #playlist-tag-form .bbf-add:hover, #proxy-subsection-fields .bbf-add:hover, #user-form .bbf-add:hover, .app_form_view .btn-primary:hover, .field-roles #roles .bbf-add:hover, .field-saml_groups .bbf-list .bbf-add:hover, .form-group .import-saml:hover, .open .btn-success.dropdown-toggle:hover {
  border-color: var(--color-border-default) !important
}
#emergency .bbf-add.active, #encryption-key-subsection-mass-fieldsets .bbf-add.active, #playlist-tag-form .bbf-add.active, #proxy-subsection-fields .bbf-add.active, #user-form .bbf-add.active, .app_form_view .btn-primary.active, .field-roles #roles .bbf-add.active, .field-saml_groups .bbf-list .bbf-add.active, .form-group .import-saml.active, .open .btn-success.dropdown-toggle.active {
  border-color: var(--color-border-focus) !important
}
.tags_line_separator {
  color: var(--color-content-primary);
  font-weight: 700;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: 0 0
}
.remove-button {
  background: var(--color-background-tertiary) !important;
  border-radius: 4px;
  border: 0;
  color: var(--color-content-primary) !important;
  font-size: 30px !important;
  font-weight: 100
}
.remove-button:hover {
  background-color: var(--color-border-section) !important
}
.show-selector-item {
  justify-content: start;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 100%;
  line-height: 32px
}
.show-selector-item .show-selector-item-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400
}
.stock-photos-filters-container, .stock-videos-filters-container {
  margin-left: 0;
  margin-top: 15px
}
.stock-photos-filters-container .filters-select-container, .stock-videos-filters-container .filters-select-container {
  padding-left: 0;
  display: inline-block;
  width: 185px;
  margin-right: 8px;
  margin-bottom: 8px
}
.stock-photos-filters-container select, .stock-videos-filters-container select {
  height: 34px;
  width: 100%;
  margin: 0 0 15px !important
}
.stock-photos-filters-container .select2-container, .stock-videos-filters-container .select2-container {
  width: 100% !important
}
#audio_stream_form .audio-source-description-import-url ul {
  -webkit-padding-start: 20px;
  padding-inline-start: 20px
}
.ace-file-input {
  position: relative
}
.ace-file-input input {
  position: fixed;
  z-index: -2;
  opacity: 0
}
.ace-file-input input.disabled + .file-label, .ace-file-input input[disabled] + .file-label, .ace-file-input input[readonly] + .file-label {
  cursor: not-allowed !important;
  background-color: #eee !important
}
.ace-file-input input.disabled + .file-label:before, .ace-file-input input[disabled] + .file-label:before, .ace-file-input input[readonly] + .file-label:before {
  content: '' !important;
  background-color: #eee
}
.ace-file-input .remove {
  display: none;
  position: absolute;
  right: -32px;
  top: 32px;
  width: 17px;
  text-align: center;
  height: 17px;
  line-height: 15px;
  font-size: 11px;
  font-weight: 400;
  border-radius: 100%;
  text-decoration: none;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-inverse);
  color: var(--color-content-negative)
}
.ace-file-input .selected + .remove {
  display: inline !important
}
.ace-file-input .selected .file-name:before {
  content: attr(data-title);
  font-weight: 500
}
.ace-file-input :not(#all-media-add-more-btn) .file-label, .ace-file-input :not(#all-media-add-more-btn) + .file-label {
  cursor: pointer;
  display: inline-flex;
  flex-flow: column;
  align-items: center;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  color: var(--color-content-tertiary);
  background-color: var(--color-background-inverse);
  font-size: 13px;
  vertical-align: top;
  position: static;
  margin: auto;
  padding: 16px;
  border: 1px dashed var(--color-brand-subtle-hover);
  border-radius: 4px
}
.ace-file-input :not(#all-media-add-more-btn) .file-label:before, .ace-file-input :not(#all-media-add-more-btn) + .file-label:before {
  display: inline-block;
  content: attr(data-title);
  margin: 12px 0;
  background-color: var(--color-background-inverse);
  color: var(--color-content-tertiary);
  font-size: 18px;
  text-align: center;
  white-space: normal;
  width: 100%;
  font-weight: 500
}
.ace-file-input :not(#all-media-add-more-btn) .file-label .file-name, .ace-file-input :not(#all-media-add-more-btn) + .file-label .file-name {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto
}
.ace-file-input :not(#all-media-add-more-btn) .file-label .file-name [class*=ds-], .ace-file-input :not(#all-media-add-more-btn) + .file-label .file-name [class*=ds-] {
  position: relative;
  display: block;
  text-align: center;
  height: auto;
  width: auto;
  font-size: 28px;
  color: var(--color-brand-subtle-hover);
  margin: 4px 0;
  background-color: transparent
}
.ace-file-input .file-label-disable-pseudo-element::before, .ace-file-input :not(#all-media-add-more-btn) .file-label.hide-placeholder::before, .ace-file-input :not(#all-media-add-more-btn) + .file-label.hide-placeholder::before {
  content: none !important
}
.ace-file-input #all-media-add-more-btn + .file-label::before {
  display: inline-block;
  content: attr(data-title);
  font-weight: 500
}
.ace-file-input #all-media-add-more-btn + .file-label .file-name {
  display: none
}
#editor_image_input_file_container .ace-file-input .file-label, #image_picker_uploader_editor_container .ace-file-input .file-label {
  height: 130px;
  max-width: 317px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  margin-bottom: 0
}
#device-list .item-name-preview-container .name-container .icon-wrapper {
  width: 24px !important;
  height: 24px !important
}
#device-list .item-name-preview-container .name-container .icon-wrapper i {
  font-size: 20px
}
#no-background-icon {
  vertical-align: middle
}
.separator-label {
  color: var(--color-content-tertiary);
  font-size: 18px;
  font-weight: 700;
  margin-top: 36px
}
.separator-line {
  margin-top: 10px;
  margin-bottom: 32px
}
.please-note-text {
  max-width: 632px;
  color: var(--color-content-secondary);
  font-weight: 300;
  margin-bottom: 32px
}
.fake-door-container, .please-note-text strong {
  color: var(--color-content-primary)
}
.fake-door-container {
  height: 112px;
  margin-top: 52px;
  margin-bottom: 32px;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}
.fake-door-container .thank-you-message {
  display: none
}
.fake-door-container.vote-completed {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.fake-door-container.vote-completed .fake-door-feature, .fake-door-container.vote-completed .fake-door-vote-container {
  display: none
}
.fake-door-container.vote-completed .thank-you-message {
  display: block
}
.fake-door-container .fake-door-feature {
  padding: 16px
}
.fake-door-container .fake-door-feature .fake-door-feature-title {
  margin-bottom: 8px
}
.fake-door-container .fake-door-feature .fake-door-feature-title .disabled-checkbox {
  margin-left: 14px
}
.fake-door-container .fake-door-vote-container {
  background-color: var(--color-fill-image);
  width: 148px;
  padding: 14px;
  text-align: center;
  font-weight: 700
}
.fake-door-container .fake-door-vote-container .fake-door-vote-hands i {
  font-size: 18px;
  cursor: pointer
}
.interactive-playlist-indicator, .supported-player-type {
  font-size: 12px;
  background-color: var(--color-brand-subtle)
}
.fake-door-container .fake-door-vote-container .fake-door-vote-hands i.thumbs-down {
  vertical-align: bottom;
  margin-right: 8px
}
.fake-door-container .fake-door-vote-container .fake-door-vote-hands i:hover {
  color: var(--basic_branding)
}
@media (max-width:629px) {
  .fake-door-container {
    flex-flow: column;
    height: unset
  }
  .fake-door-container .fake-door-feature, .fake-door-container .fake-door-vote-container {
    width: 100%;
    height: unset !important
  }
}
.interactive-playlist-indicator {
  padding: 2px 12px;
  color: var(--color-content-primary);
  margin-right: 16px;
  border-radius: 8px;
  word-break: keep-all
}
.supported-player-type {
  border-radius: 16px;
  margin: 0 8px 8px 0;
  padding: 4px 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 52px
}
.grey-warning label, .yellow-warning label {
  padding: 8px;
  border-radius: 8px;
  margin-top: 8px;
  margin-right: 32px
}
.supported-player-type .player-icon {
  width: 20px;
  height: 20px
}
.supported-player-type .icon {
  color: var(--color-content-primary);
  font-size: 20px
}
.yellow-warning label {
  font-weight: 700;
  background: var(--color-background-warning-subtle)
}
.grey-warning label {
  background: var(--color-background-tertiary)
}
.beta_label, .new_label {
  font-size: 12px;
  padding: 2px 5px
}
.multiple_row_select .option_container {
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  line-height: normal
}
.multiple_row_select .option_container :first-child {
  font-weight: 700 !important
}
.multiple_row_select .option_container :last-child {
  font-weight: 400 !important
}
.multiple_row_select .role-option-description {
  font-size: 12px;
  color: var(--color-content-secondary)
}
.settings_documentation {
  color: var(--color-content-primary);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  float: right
}
.settings_documentation:focus, .settings_documentation:hover {
  text-decoration: unset;
  color: var(--color-content-primary);
  outline: 0
}
.new_label {
  background-color: var(--basic_branding);
  color: var(--color-background-inverse);
  font-weight: 500;
  border-radius: 5px
}
.beta_label {
  background-color: var(--color-background-warning-subtle);
  color: var(--basic_branding);
  border: 1px solid var(--basic_branding);
  border-radius: 5px;
  font-weight: 600
}
.copy-to-clipboard {
  border: none !important
}
#edit-playback-report-configuration .recurrency-select-days-container .help-description {
  color: var(--color-content-secondary) !important
}
.review_container {
  background-color: var(--color-background-inverse);
  border-top: 1px solid var(--color-content-tertiary);
  padding: 20px 0;
  max-width: 800px;
  display: flex
}
.review_container .review_steps {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 20px;
  position: relative;
  max-height: 140px
}
.review_container .circle {
  background-color: var(--basic_branding);
  color: var(--color-background-inverse);
  width: 26px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  z-index: 1;
  margin-bottom: 15px
}
.review_container .circle:last-child {
  margin-top: -15px;
  margin-bottom: 0
}
.review_container .line {
  background-color: var(--basic_branding);
  width: 2px;
  height: calc(100% - 30px);
  position: relative;
  top: -15px;
  z-index: 0
}
.review_container .pending {
  background-color: var(--color-border-section)
}
.review_container .content-section {
  flex-grow: 1
}
.review_container input {
  max-width: 290px !important;
  margin: 0 10px
}
.review_container .section-bottom {
  border-bottom: none;
  margin-top: 16px
}
.review_container .review_title {
  font-size: 14px;
  color: var(--color-content-primary)
}
.review_container .new_tab_info {
  font-size: 13px;
  color: var(--color-content-tertiary);
  margin: 8px 0
}
.review_container a {
  display: inline-block
}
.review_container .title_info {
  font-size: 13px;
  color: var(--color-content-primary)
}
.review_container .confirm_review_container {
  display: flex;
  align-items: center
}
.error-border {
  border-color: var(--color-border-negative) !important
}
.review-content .is-form-view {
  align-items: center !important
}
.review-content > div:first-child {
  color: var(--basic_branding);
  text-align: right;
  font-weight: 700
}
.reset_two_fa_token_container {
  padding-left: 6px
}
.disabled-splash-image-mask {
  background-color: #eee;
  height: 100%;
  width: 100%;
  position: absolute;
  opacity: .7;
  color: #8b0000;
  font-weight: 700;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.scheduled_availability_mass_edit_warning {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-content-primary);
  display: flex;
  align-items: center;
  margin-left: 10px
}
.scheduled_availability_mass_edit_warning > i {
  margin-right: 6px;
  font-size: 20px;
  color: var(--color-content-warning)
}
.otp_secret_container .otp_secret_field_row {
  justify-content: normal;
  align-items: flex-start;
  flex-direction: row;
  display: flex;
  gap: 15px;
  flex-wrap: wrap
}
.otp_secret_container .otp_secret_input_wrapper {
  flex: 1;
  min-width: 0
}
.otp_secret_container .otp_secret_input_wrapper input.form-control {
  font-size: 14px !important;
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 500 !important;
  height: 44px;
  padding: 10px 12px 10px 16px;
  border: 1px solid var(--color-border-default);
  border-radius: 4px;
  background-color: var(--color-background-inverse) !important;
  color: var(--color-content-primary) !important
}
.otp_secret_container .otp_secret_input_wrapper input.form-control:disabled {
  opacity: 1 !important;
  background-color: var(--color-background-inverse) !important;
  color: var(--color-content-primary) !important;
  border-color: var(--color-border-default)
}
.otp_secret_container .otp_secret_copy_btn {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 44px;
  height: 44px;
  padding: 10px;
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-border-default);
  border-radius: 4px;
  cursor: pointer;
  color: var(--color-content-primary)
}
.otp_secret_container .otp_secret_copy_btn:hover {
  border-color: var(--color-border-hover)
}
.otp_secret_container .otp_secret_copy_btn .material-symbols-outlined-20 {
  font-size: 20px
}
@media (max-width:767px) {
  .reset_two_fa_token_container {
    padding-left: 0
  }
  .bootbox-body .otp_secret_container > div {
    float: none;
    padding-right: 7px
  }
}
@media (max-width:629px) {
  .intercom-lightweight-app {
    display: none
  }
  ~ #intercom-container .intercom-app > div, ~ #intercom-container .intercom-lightweight-app-launcher {
    bottom: 140px !important
  }
  .page-content > div > div:last-child {
    margin-bottom: 170px !important
  }
  .no-space-bottom-mobile ~ #intercom-container .intercom-app > div, .no-space-bottom-mobile ~ #intercom-container .intercom-lightweight-app-launcher {
    bottom: 70px !important
  }
  .no-space-bottom-mobile .page-content > div > div:last-child {
    margin-bottom: 100px !important
  }
}
.intercom-lightweight-app {
  z-index: 1030 !important
}
.settings_radio .radio {
  padding-left: 0
}
.settings_radio .radio:not(:first-child) {
  padding-top: 10px
}
.editors-row {
  display: grid;
  gap: 12px;
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr))
}
.editors-row .form-group {
  margin: 0 !important
}
.editors-row .form-group .editor-container {
  max-width: unset !important
}
.editors-row .form-group .editor-container .select2-container, .editors-row .form-group .editor-container input, .editors-row .form-group .editor-container select {
  max-width: 500px
}
.input_and_button {
  display: flex;
  flex-direction: row;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px
}
@media (max-width:991px) {
  .user-profile-form-actions {
    bottom: 0;
    right: 0;
    position: fixed;
    background: var(--color-background-primary);
    box-shadow: 0 -1px 12px rgba(0, 0, 0, .1);
    width: 100%;
    z-index: 1001;
    height: auto;
    padding: 16px;
    margin-right: 0
  }
  .transparent_tab .tab-content {
    z-index: 1001
  }
}
#all_items_selector_container .filters, .source-gallery [class*='-options'] {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  flex-wrap: wrap;
  gap: 12px
}
#all_items_selector_container .filters .filter-type-button, #all_items_selector_container .filters .source-button, .source-gallery [class*='-options'] .filter-type-button, .source-gallery [class*='-options'] .source-button {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  gap: 4px;
  width: 100px;
  height: 90px;
  background-color: var(--color-background-secondary);
  color: var(--color-content-primary) !important;
  border: 1px solid var(--color-border-default);
  cursor: pointer;
  margin: 0 !important;
  border-radius: 8px !important
}
#all_items_selector_container .filters .filter-type-button:hover, #all_items_selector_container .filters .source-button:hover, .source-gallery [class*='-options'] .filter-type-button:hover, .source-gallery [class*='-options'] .source-button:hover {
  border-color: var(--color-border-hover)
}
#all_items_selector_container .filters .filter-type-button.active, #all_items_selector_container .filters .filter-type-button:focus, #all_items_selector_container .filters .source-button.active, #all_items_selector_container .filters .source-button:focus, .source-gallery [class*='-options'] .filter-type-button.active, .source-gallery [class*='-options'] .filter-type-button:focus, .source-gallery [class*='-options'] .source-button.active, .source-gallery [class*='-options'] .source-button:focus {
  border-color: var(--color-border-focus)
}
#all_items_selector_container .filters .filter-type-button i, #all_items_selector_container .filters .source-button i, .source-gallery [class*='-options'] .filter-type-button i, .source-gallery [class*='-options'] .source-button i {
  color: var(--color-content-primary);
  font-size: 24px
}
#all_items_selector_container .filters .filter-type-button .filter-label, #all_items_selector_container .filters .source-button .filter-label, .source-gallery [class*='-options'] .filter-type-button .filter-label, .source-gallery [class*='-options'] .source-button .filter-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.all-media-gallery-modal [class*='-options'] .source-button {
  width: 116px;
  height: 118px;
  background-color: var(--color-background-inverse)
}
#device_form .nav-tabs, #mass-device-modal-container .nav-tabs, #playback-reports-tabs .nav-tabs, #security-policy-settings .nav-tabs, #single-sign-on-settings .nav-tabs {
  border-color: var(--color-border-default);
  border-bottom: 0;
  margin-bottom: 0;
  margin-left: 0;
  position: relative
}
#device_form .nav-tabs > li, #mass-device-modal-container .nav-tabs > li, #playback-reports-tabs .nav-tabs > li, #security-policy-settings .nav-tabs > li, #single-sign-on-settings .nav-tabs > li {
  display: flex;
  height: 36px
}
#device_form .nav-tabs > li > a, #mass-device-modal-container .nav-tabs > li > a, #playback-reports-tabs .nav-tabs > li > a, #security-policy-settings .nav-tabs > li > a, #single-sign-on-settings .nav-tabs > li > a {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  background-color: var(--color-background-primary);
  color: var(--color-content-primary);
  border: 1px solid var(--color-border-default);
  margin-bottom: 1px
}
#device_form .nav-tabs > li > a i, #mass-device-modal-container .nav-tabs > li > a i, #playback-reports-tabs .nav-tabs > li > a i, #security-policy-settings .nav-tabs > li > a i, #single-sign-on-settings .nav-tabs > li > a i {
  color: var(--color-content-primary);
  font-weight: 600
}
#device_form .nav-tabs > li > a.active, #device_form .nav-tabs > li > a:focus, #device_form .nav-tabs > li > a:hover, #mass-device-modal-container .nav-tabs > li > a.active, #mass-device-modal-container .nav-tabs > li > a:focus, #mass-device-modal-container .nav-tabs > li > a:hover, #playback-reports-tabs .nav-tabs > li > a.active, #playback-reports-tabs .nav-tabs > li > a:focus, #playback-reports-tabs .nav-tabs > li > a:hover, #security-policy-settings .nav-tabs > li > a.active, #security-policy-settings .nav-tabs > li > a:focus, #security-policy-settings .nav-tabs > li > a:hover, #single-sign-on-settings .nav-tabs > li > a.active, #single-sign-on-settings .nav-tabs > li > a:focus, #single-sign-on-settings .nav-tabs > li > a:hover {
  border-color: var(--color-border-default);
  background-color: var(--color-background-primary);
  border-bottom-color: transparent
}
#device_form .nav-tabs > li > a.active i, #device_form .nav-tabs > li > a:focus i, #device_form .nav-tabs > li > a:hover i, #mass-device-modal-container .nav-tabs > li > a.active i, #mass-device-modal-container .nav-tabs > li > a:focus i, #mass-device-modal-container .nav-tabs > li > a:hover i, #playback-reports-tabs .nav-tabs > li > a.active i, #playback-reports-tabs .nav-tabs > li > a:focus i, #playback-reports-tabs .nav-tabs > li > a:hover i, #security-policy-settings .nav-tabs > li > a.active i, #security-policy-settings .nav-tabs > li > a:focus i, #security-policy-settings .nav-tabs > li > a:hover i, #single-sign-on-settings .nav-tabs > li > a.active i, #single-sign-on-settings .nav-tabs > li > a:focus i, #single-sign-on-settings .nav-tabs > li > a:hover i {
  color: var(--basic_branding);
  font-weight: 600
}
#device_form .nav-tabs > li.active i, #device_form .nav-tabs > li:focus i, #mass-device-modal-container .nav-tabs > li.active i, #mass-device-modal-container .nav-tabs > li:focus i, #playback-reports-tabs .nav-tabs > li.active i, #playback-reports-tabs .nav-tabs > li:focus i, #security-policy-settings .nav-tabs > li.active i, #security-policy-settings .nav-tabs > li:focus i, #single-sign-on-settings .nav-tabs > li.active i, #single-sign-on-settings .nav-tabs > li:focus i {
  color: var(--basic_branding)
}
#device_form .nav-tabs > li.active > a, #device_form .nav-tabs > li:focus > a, #mass-device-modal-container .nav-tabs > li.active > a, #mass-device-modal-container .nav-tabs > li:focus > a, #playback-reports-tabs .nav-tabs > li.active > a, #playback-reports-tabs .nav-tabs > li:focus > a, #security-policy-settings .nav-tabs > li.active > a, #security-policy-settings .nav-tabs > li:focus > a, #single-sign-on-settings .nav-tabs > li.active > a, #single-sign-on-settings .nav-tabs > li:focus > a {
  border-radius: 0;
  border-color: var(--color-border-default);
  border-top: 2px solid var(--basic_branding);
  background-color: var(--color-background-inverse);
  border-bottom-color: var(--color-background-inverse);
  margin-right: 2px
}
#device_form .nav-tabs > li.active > a:focus, #device_form .nav-tabs > li.active > a:hover, #device_form .nav-tabs > li:focus > a:focus, #device_form .nav-tabs > li:focus > a:hover, #mass-device-modal-container .nav-tabs > li.active > a:focus, #mass-device-modal-container .nav-tabs > li.active > a:hover, #mass-device-modal-container .nav-tabs > li:focus > a:focus, #mass-device-modal-container .nav-tabs > li:focus > a:hover, #playback-reports-tabs .nav-tabs > li.active > a:focus, #playback-reports-tabs .nav-tabs > li.active > a:hover, #playback-reports-tabs .nav-tabs > li:focus > a:focus, #playback-reports-tabs .nav-tabs > li:focus > a:hover, #security-policy-settings .nav-tabs > li.active > a:focus, #security-policy-settings .nav-tabs > li.active > a:hover, #security-policy-settings .nav-tabs > li:focus > a:focus, #security-policy-settings .nav-tabs > li:focus > a:hover, #single-sign-on-settings .nav-tabs > li.active > a:focus, #single-sign-on-settings .nav-tabs > li.active > a:hover, #single-sign-on-settings .nav-tabs > li:focus > a:focus, #single-sign-on-settings .nav-tabs > li:focus > a:hover {
  border-color: var(--color-border-default);
  border-top: 2px solid var(--basic_branding);
  background-color: var(--color-background-inverse);
  border-bottom-color: var(--color-background-inverse)
}
#device_form .nav-tabs > li.active > a i, #device_form .nav-tabs > li:focus > a i, #mass-device-modal-container .nav-tabs > li.active > a i, #mass-device-modal-container .nav-tabs > li:focus > a i, #playback-reports-tabs .nav-tabs > li.active > a i, #playback-reports-tabs .nav-tabs > li:focus > a i, #security-policy-settings .nav-tabs > li.active > a i, #security-policy-settings .nav-tabs > li:focus > a i, #single-sign-on-settings .nav-tabs > li.active > a i, #single-sign-on-settings .nav-tabs > li:focus > a i {
  color: var(--basic_branding);
  font-weight: 600
}
#device_form:not(#security-policy-settings) .tab-content, #mass-device-modal-container:not(#security-policy-settings) .tab-content, #playback-reports-tabs:not(#security-policy-settings) .tab-content, #security-policy-settings:not(#security-policy-settings) .tab-content, #single-sign-on-settings:not(#security-policy-settings) .tab-content {
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-border-section);
  padding: 24px 24px 18px
}
.transparent_tab, .transparent_tab .tab-content {
  border: none;
  background-color: transparent
}
.transparent_tab .tab-content {
  box-shadow: none
}
.transparent_tab .nav-tabs {
  border-bottom: 1px solid var(--color-content-tertiary)
}
.transparent_tab .nav-tabs li {
  margin-bottom: -6px
}
.transparent_tab .nav-tabs li > a {
  color: var(--color-content-secondary);
  background-color: transparent;
  border: none;
  box-shadow: none;
  font-weight: 600;
  font-size: 14px;
  max-width: 200px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.transparent_tab .nav-tabs li > a:focus, .transparent_tab .nav-tabs li > a:hover {
  border: none;
  background-color: transparent;
  box-shadow: none;
  color: var(--color-content-primary)
}
.transparent_tab .nav-tabs li.active > a, .transparent_tab .nav-tabs li.active > a:focus, .transparent_tab .nav-tabs li.active > a:hover {
  color: var(--color-content-primary);
  border: none;
  border-bottom: 3px solid var(--color-content-primary);
  border-top: none;
  box-shadow: none
}
.align-end {
  align-self: end
}
.error-disabled {
  opacity: .2;
  pointer-events: none
}
[data-error=overlap] {
  justify-content: flex-end !important;
  align-items: center !important;
  flex-direction: row !important;
  display: flex !important;
  font-size: 12px
}
.white_tab {
  border: 1px solid var(--color-border-default);
  background-color: var(--color-background-inverse);
  border-radius: 5px;
  max-width: 1600px
}
.white_tab .tab-content {
  border: none;
  box-shadow: none;
  background-color: transparent
}
.white_tab .tab-content.profile-edit-tab-content {
  padding: 32px
}
.white_tab .nav-tabs {
  padding: 8px 0 0 16px;
  border-bottom: none
}
.white_tab .nav-tabs li > a {
  color: var(--color-content-secondary);
  font-weight: 600;
  font-size: 14px;
  box-shadow: none;
  border: none
}
.white_tab .nav-tabs li > a:focus, .white_tab .nav-tabs li > a:hover {
  color: var(--color-content-tertiary);
  background-color: transparent;
  border: none
}
.white_tab .nav-tabs li > a:focus > span.beta-pill, .white_tab .nav-tabs li > a:hover > span.beta-pill {
  color: var(--basic_branding);
  border: 1px solid var(--basic_branding);
  background-color: var(--color-background-inverse)
}
.white_tab .nav-tabs li.active > a, .white_tab .nav-tabs li.active > a:focus, .white_tab .nav-tabs li.active > a:hover {
  color: var(--basic_branding);
  background-color: transparent;
  border: none;
  border-bottom: 3px solid var(--basic_branding);
  box-shadow: none
}
@media (max-width:991px) {
  .white_tab {
    margin-bottom: 20px
  }
}
.info_label {
  padding: 2px 6px;
  border-radius: 4px;
  border: 1px solid var(--basic_branding);
  font-size: 12px;
  font-weight: 600;
  color: var(--basic_branding);
  margin-left: 5px;
  text-transform: uppercase
}
.select-group .editor-container {
  display: flex;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  border: 1px solid var(--color-border-default);
  border-radius: 4px;
  padding: 0 6px;
  height: 48px
}
.select-group .editor-container [data-editors] {
  flex: 1;
  min-width: 30px
}
.select-group .editor-container:focus-within {
  border-color: var(--color-border-focus) !important
}
.select-group .editor-container .select2-container .select2-search .select2-search__field, .select-group .editor-container .select2-container--bootstrap.select2-container--focus .select2-selection, .select-group .editor-container .select2-container.select2-container--focus .select2-selection, .select-group .editor-container .select2.select2-container--focus .select2-selection, .select-group .editor-container .select2.select2-container--open .select2-selection {
  border-color: var(--color-border-hover) !important
}
.select-group .editor-container .select2-selection {
  height: 32px;
  justify-content: space-between;
  background-color: var(--color-background-primary);
  border-color: var(--color-background-primary)
}
.informational-section, .mass-edit-warning {
  background-color: var(--color-background-warning-subtle)
}
.mass-edit-settings-header {
  padding-bottom: 4px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--color-background-tertiary);
  align-self: flex-start;
  color: var(--color-content-secondary)
}
.mass-edit-warning {
  border: 1px solid var(--color-content-warning);
  display: flex;
  margin-bottom: 20px;
  padding: 12px;
  border-radius: 6px;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  align-items: center
}
.informational-section {
  border-radius: 8px;
  padding: 10px 14px;
  margin-bottom: 24px;
  width: 100%
}
.custom-duration-editor .error-message {
  color: var(--color-border-negative)
}
.info-button {
  display: inline-flex;
  background-color: var(--color-background-tertiary);
  margin-left: 10px !important;
  border-radius: 100% !important;
  vertical-align: middle
}
.help-button a {
  color: var(--color-content-tertiary) !important;
  text-decoration: none !important
}
.file-upload-container {
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  border-radius: 4px;
  padding: 8px 12px;
  max-width: 325px;
  height: 44px;
  background: var(--color-background-inverse);
  cursor: pointer;
  border-width: 1px;
  border-color: var(--color-border-default)
}
.file-upload-container.default-state .file-name, .file-upload-container.default-state .remove, .file-upload-container.success-state .file-label {
  display: none
}
.file-upload-container:hover {
  border-color: var(--color-border-hover)
}
.file-upload-container.default-state {
  border-style: dashed;
  justify-content: center
}
.file-upload-container.success-state {
  border-style: solid
}
.file-upload-container.success-state .file-name {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.file-upload-container.success-state .file-name img {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  -o-object-fit: cover;
  object-fit: cover
}
.file-upload-container.success-state .remove {
  display: block;
  margin-left: auto;
  cursor: pointer;
  color: var(--color-content-secondary)
}
.file-upload-container.success-state .remove:hover {
  color: var(--color-content-primary)
}
.file-input-hidden {
  display: none
}
.file-label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer
}
.file-label .file-icon {
  color: var(--basic_branding)
}
.drag-over-folder {
  outline: var(--basic_branding) dashed 2px;
  outline-offset: -2px;
  background-color: var(--color-background-brand-subtle) !important
}
tr.dragging {
  opacity: .5
}
body.dragging-media-item, body.dragging-media-item * {
  cursor: none !important
}
.drag-preview-bubble {
  position: fixed;
  pointer-events: none;
  z-index: 10000
}
.drag-preview-bubble .drag-preview-bubble-inner {
  position: relative;
  background: var(--color-background-inverse);
  color: var(--color-content-secondary);
  padding: 8px 16px;
  border-radius: 4px;
  border: 1px solid var(--basic_branding);
  box-shadow: 0 4px 8px rgba(0, 0, 0, .12);
  font-size: 14px
}
.drag-preview-bubble .drag-preview-bubble-inner .drag-preview-text {
  display: block;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.drag-preview-bubble .drag-preview-bubble-inner .drag-count-bubble {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  position: absolute;
  top: -12px;
  right: -24px;
  background-color: var(--color-background-notice);
  color: var(--color-content-inverse);
  border-radius: 100px;
  min-width: 40px;
  height: 24px;
  padding: 0 8px
}
.drag-preview-bubble .drag-preview-bubble-inner .drag-cancel-icon {
  display: none;
  position: absolute;
  bottom: 0;
  right: 50%;
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
  color: var(--color-content-negative);
  text-align: center
}
.drag-preview-bubble.no-drop .drag-preview-bubble-inner .drag-cancel-icon {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.drag-preview-bubble.multi-item .drag-preview-bubble-inner {
  margin-top: 5px;
  margin-left: 5px
}
.drag-preview-bubble.multi-item .drag-preview-bubble-inner::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 100%;
  height: 100%;
  background: var(--color-background-inverse);
  border: 1px solid var(--basic_branding);
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, .12);
  z-index: -1
}
.custom-tabs-list, .keyboard-shortcuts-banner {
  width: -webkit-fit-content;
  width: -moz-fit-content
}
#audit-log-tabs, #emergency-tabs {
  border-bottom: 0
}
#audit-log-tabs > li > a, #emergency-tabs > li > a {
  display: inline-flex;
  align-items: center;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: transparent;
  color: var(--color-content-tertiary);
  font-size: 16px
}
#audit-log-tabs > li .tab_bottom_bar, #emergency-tabs > li .tab_bottom_bar {
  margin-top: 3px;
  height: 1px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: var(--color-border-default)
}
#audit-log-tabs > li.active > a, #emergency-tabs > li.active > a {
  color: var(--basic_branding);
  font-weight: 600 !important
}
#audit-log-tabs > li.active .tab_bottom_bar, #emergency-tabs > li.active .tab_bottom_bar {
  margin-top: 0;
  height: 4px;
  background-color: var(--basic_branding)
}
#audit-log-tabs #audit-logs .tab-content, #audit-log-tabs #emergency-lists .tab-content, #emergency-tabs #audit-logs .tab-content, #emergency-tabs #emergency-lists .tab-content {
  background-color: var(--color-background-primary);
  padding: 8px 32px 32px;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none
}
.info_banner {
  background-color: var(--color-background-warning-subtle);
  padding: 15px;
  border-radius: 5px;
  max-width: 375px
}
.keyboard-shortcuts-banner {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: fit-content;
  gap: 24px;
  padding: 12px 16px;
  background-color: var(--color-background-notice-subtle);
  border: 1px solid var(--color-border-notice);
  border-radius: 8px;
  margin-bottom: 16px
}
.keyboard-shortcuts-banner .keyboard-shortcuts-content {
  display: flex;
  flex-direction: column;
  gap: 4px
}
.keyboard-shortcuts-banner .keyboard-shortcuts-content .keyboard-shortcuts-title {
  white-space: nowrap;
  font-size: 16px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 600 !important;
  color: var(--color-content-primary)
}
@media (max-width:768px) {
  .keyboard-shortcuts-banner .keyboard-shortcuts-content .keyboard-shortcuts-title {
    font-size: 14px !important;
    letter-spacing: .02em !important
  }
}
.keyboard-shortcuts-banner .keyboard-shortcuts-content .keyboard-shortcuts-description {
  white-space: nowrap;
  font-size: 14px !important;
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
  color: var(--color-content-secondary)
}
.keyboard-shortcuts-banner .keyboard-shortcuts-content .keyboard-shortcuts-description .keyboard-shortcuts-keys {
  color: var(--color-content-primary)
}
.keyboard-shortcuts-banner .keyboard-shortcuts-close {
  cursor: pointer;
  color: var(--color-content-secondary);
  flex-shrink: 0
}
#toastNotificationContainer, .keyboard-shortcuts-banner .keyboard-shortcuts-close:hover {
  color: var(--color-content-primary)
}
.clipboard-cut-item {
  opacity: .5;
  background-color: var(--color-background-warning-subtle) !important
}
.clipboard-cut-item td {
  opacity: .7
}
.clipboard-copy-item {
  background-color: var(--color-background-notice-subtle) !important
}
#toastNotificationContainer {
  position: fixed;
  top: 0;
  left: 240px;
  margin: 0 12px 0 0;
  padding-block: 10px;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  background-color: var(--color-background-inverse);
  border-radius: 4px;
  border-left: 5px solid;
  box-shadow: 0 0 14px rgba(0, 0, 0, .1);
  z-index: 9999
}
.sidebar.menu-min ~ #toastNotificationContainer {
  left: 95px
}
#toastNotificationContainer.animate {
  -webkit-animation: slide-down .3s ease-out forwards;
  animation: slide-down .3s ease-out forwards
}
@-webkit-keyframes slide-down {
  to {
    top: 20px
  }
}
@keyframes slide-down {
  to {
    top: 20px
  }
}
@media (max-width:991px) {
  #toastNotificationContainer {
    left: 50px
  }
  #toastNotificationContainer .notification-message {
    display: inline-flex;
    align-items: center
  }
  #toastNotificationContainer .notification-message i {
    font-size: 24px;
    color: var(--basic_branding)
  }
}
#toastNotificationContainer .notification-type {
  padding-right: 10px;
  border-right: 1px solid var(--color-border-section);
  padding-left: 8px;
  align-self: center
}
#toastNotificationContainer .notification-message {
  padding-inline: 6px 16px
}
#toastNotificationContainer.success-notification {
  border-left-color: var(--color-border-positive)
}
#toastNotificationContainer.fail-notification {
  border-left-color: var(--color-border-negative)
}
#toastNotificationContainer.info-notification {
  border-left-color: var(--color-border-notice)
}
#toastNotificationContainer.warning-notification {
  border-left-color: var(--color-border-warning)
}
#toastNotificationContainer .notification-action-button {
  padding-right: 15px;
  background: 0 0;
  border: none;
  cursor: pointer;
  align-self: center;
  color: var(--basic_branding);
  text-decoration: none
}
#toastNotificationContainer .notification-action-button:hover {
  text-decoration: underline
}
#toastNotificationContainer .close-notification-popup {
  padding-right: 15px;
  cursor: pointer;
  display: flex;
  align-self: center
}
.gift-card-banner {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 12px;
  padding: 12px;
  background: var(--gradient-gift-card);
  border-radius: 6px;
  border: 1px solid var(--color-background-active-subtle);
  margin-top: 40px;
  margin-right: 32px
}
.gift-card-banner > .gift-card-banner-content {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: inherit;
  height: 100%
}
.gift-card-banner > .gift-card-banner-content > div {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 4px
}
.gift-card-banner > .gift-card-banner-content .gift-card-banner-image {
  background-color: var(--color-background-gift-card-banner-image);
  border-radius: 8px
}
.gift-card-banner > .gift-card-banner-content .gift-card-banner-image > img {
  height: 48px
}
.gift-card-banner > .gift-card-banner-content #gift-card-banner-hint {
  color: var(--color-content-secondary)
}
.gift-card-banner > .gift-card-banner-actions {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: inherit
}
.gift-card-banner > .gift-card-banner-actions > .gift-card-banner-close {
  cursor: pointer
}
@media (max-width:991px) {
  .gift-card-banner {
    display: none
  }
}
#image-form #edit-image {
  text-decoration: none
}
#image-form #edit-image span {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.source-gallery .nav-tabs {
  border-bottom: none
}
.source-gallery .nav-tabs + .tab-content > li {
  width: 50%;
  text-align: center
}
.source-gallery .nav-tabs > li {
  width: 100%;
  text-align: center
}
.source-gallery .nav-tabs > li > a {
  border: none;
  color: var(--color-content-primary);
  background-color: transparent;
  border-bottom: 2px solid transparent
}
.source-gallery .nav-tabs > li > a:hover {
  border: none;
  color: var(--color-content-tertiary);
  background-color: transparent;
  border-bottom: 2px solid transparent
}
.source-gallery .nav-tabs > li.active > a, .source-gallery .nav-tabs > li.active > a:hover {
  border: none;
  color: var(--basic_branding);
  background-color: transparent;
  border-bottom: 2px solid var(--basic_branding);
  box-shadow: none;
  margin-top: 0
}
.workspace-selector-modal {
  justify-content: center;
  align-items: normal;
  flex-direction: column;
  display: flex;
  padding: 8px;
  gap: 32px
}
[data-items] li {
  display: flex
}
.widget-form-banner {
  display: none
}
.vimeo-rpi-warning {
  background-color: var(--color-background-warning-subtle);
  padding: 16px;
  border-radius: 8px;
  margin-bottom: 8px;
  border: 1px solid var(--color-border-warning)
}
html.dark .vimeo-rpi-warning {
  border-color: var(--color-border-default)
}
.local-file-thumbnail .vimeo-rpi-warning {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  margin: 0 15px 0 0
}
#critical-notifications-container.desktop-view .critical-notification-action-button, #critical-notifications-container.desktop-view:not(:has(.critical-notification-action-button)) .critical-notification-close-button, #firmware-update-alert-container.desktop-view .critical-notification-action-button, #firmware-update-alert-container.desktop-view:not(:has(.critical-notification-action-button)) .critical-notification-close-button {
  margin-left: auto
}
#firmware-update-alert-container.mobile-view, .custom-tabs-list {
  margin-bottom: 12px
}
.custom-tabs-list {
  width: fit-content;
  padding: 4px;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 8px;
  border-radius: 12px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-tertiary);
  list-style: none
}
.custom-tabs-list .custom-tab-toggle {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 230px;
  overflow-x: hidden;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  padding: 8px 16px;
  gap: 8px;
  border: none;
  border-radius: 8px;
  box-shadow: 0 0 0 1px transparent;
  text-align: center;
  color: var(--color-content-secondary);
  cursor: pointer
}
.custom-tabs-list .custom-tab-toggle.active {
  font-size: 14px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 500 !important;
  color: var(--color-content-primary);
  background: var(--color-background-inverse);
  box-shadow: 0 0 0 1px var(--color-border-default)
}
@media (max-width:768px) {
  .custom-tabs-list .custom-tab-toggle.active {
    font-size: 12px !important;
    letter-spacing: .04em !important
  }
}
.custom-tabs-list .custom-tab-toggle .tab-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  min-width: 0
}
.custom-tabs-list .custom-tab-toggle .new-flag {
  padding: 2px 4px;
  border-radius: 4px;
  border: 1px solid var(--color-border-notice);
  color: var(--color-content-notice)
}
.custom-tabs-list .custom-tab-toggle .tab-icon {
  display: none
}
#form_container form {
  position: relative
}
@media (max-width:992px) {
  #body:has(#main-container .custom-tabs-list) #breadcrumbs {
    margin-bottom: 12px
  }
}
@media (max-width:540px) {
  .custom-tabs-list {
    margin-block: 8px;
    margin-left: auto;
    justify-content: center;
    gap: 4px
  }
  .custom-tabs-list .custom-tab-toggle {
    padding: 6px 9px
  }
  .custom-tabs-list .custom-tab-toggle .tab-title {
    display: none
  }
  .custom-tabs-list .custom-tab-toggle .tab-icon {
    display: block
  }
}
#critical-notifications-container, #firmware-update-alert-container {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 24px;
  padding: 12px 40px;
  background-color: var(--color-background-notice-subtle);
  transition: background-color .1s linear
}
#critical-notifications-container.has-severe-notification, #firmware-update-alert-container.has-severe-notification {
  background-color: var(--color-background-negative-subtle)
}
#critical-notifications-container .critical-notifications-list, #firmware-update-alert-container .critical-notifications-list {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 100%
}
#critical-notifications-container .critical-notification-item, #firmware-update-alert-container .critical-notification-item {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 16px;
  width: 100%
}
#critical-notifications-container .critical-notification-text, #firmware-update-alert-container .critical-notification-text {
  width: 100%;
  max-width: 1600px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  animation: fade-in .2s ease-in
}
@-webkit-keyframes fade-in {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes fade-in {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
#critical-notifications-container .critical-notification-close-button, #firmware-update-alert-container .critical-notification-close-button {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  padding: 5px;
  background-color: transparent;
  border: none;
  outline: 0
}
#critical-notifications-container .critical-notification-action-button, #firmware-update-alert-container .critical-notification-action-button {
  white-space: nowrap
}
#critical-notifications-container .desktop-stepper, #firmware-update-alert-container .desktop-stepper {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
#critical-notifications-container .desktop-stepper > button, #firmware-update-alert-container .desktop-stepper > button {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  padding: 4px;
  background-color: transparent;
  border: none;
  outline: 0;
  border-radius: 3px
}
#critical-notifications-container .desktop-stepper > button:focus-visible, #critical-notifications-container .desktop-stepper > button:hover, #firmware-update-alert-container .desktop-stepper > button:focus-visible, #firmware-update-alert-container .desktop-stepper > button:hover {
  background-color: var(--color-brand-subtle-hover)
}
#critical-notifications-container .desktop-stepper > button:active, #firmware-update-alert-container .desktop-stepper > button:active {
  background-color: #b5bdc5
}
#critical-notifications-container .desktop-stepper .stepper-text, #firmware-update-alert-container .desktop-stepper .stepper-text {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  min-width: 40px
}
#critical-notifications-container .mobile-stepper, #firmware-update-alert-container .mobile-stepper {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 100%;
  padding: 6px 0 16px
}
#critical-notifications-container .mobile-stepper .mobile-stepper-list, #firmware-update-alert-container .mobile-stepper .mobile-stepper-list {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 4px;
  overflow-x: hidden;
  max-width: calc(((6px + 4px) * 5) - 4px);
  scroll-behavior: smooth
}
#critical-notifications-container .mobile-stepper .mobile-stepper-list .mobile-stepper-dot, #firmware-update-alert-container .mobile-stepper .mobile-stepper-list .mobile-stepper-dot {
  width: 6px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--color-content-disabled);
  transition: background-color .15s ease;
  flex-shrink: 0
}
#critical-notifications-container .mobile-stepper .mobile-stepper-list .mobile-stepper-dot.active, #firmware-update-alert-container .mobile-stepper .mobile-stepper-list .mobile-stepper-dot.active {
  background-color: var(--color-content-secondary)
}
#critical-notifications-container .mobile-stepper .mobile-stepper-list .mobile-stepper-dot.dimmed, #firmware-update-alert-container .mobile-stepper .mobile-stepper-list .mobile-stepper-dot.dimmed {
  width: calc(6px - 2px)
}
@media (max-width:1024px) {
  #critical-notifications-container, #firmware-update-alert-container {
    padding: 16px 24px
  }
}
#critical-notifications-container.desktop-view .critical-notification-item, #firmware-update-alert-container.desktop-view .critical-notification-item {
  min-height: 40px
}
#critical-notifications-container.desktop-view .critical-notifications-list, #firmware-update-alert-container.desktop-view .critical-notifications-list {
  overflow: visible
}
#critical-notifications-container.desktop-view:has(.critical-notification-close-button) .critical-notification-action-button, #firmware-update-alert-container.desktop-view:has(.critical-notification-close-button) .critical-notification-action-button {
  margin-right: 16px
}
#critical-notifications-container.mobile-view, #firmware-update-alert-container.mobile-view {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 8px;
  padding: 0 !important
}
#critical-notifications-container.mobile-view .critical-notifications-list, #firmware-update-alert-container.mobile-view .critical-notifications-list {
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory
}
#critical-notifications-container.mobile-view .critical-notifications-list::-webkit-scrollbar, #firmware-update-alert-container.mobile-view .critical-notifications-list::-webkit-scrollbar {
  display: none
}
#critical-notifications-container.mobile-view .critical-notification-item, #firmware-update-alert-container.mobile-view .critical-notification-item {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  width: 100%;
  gap: 8px;
  min-height: 98px;
  padding: 16px 16px 0;
  min-width: 100%;
  scroll-snap-align: start
}
#critical-notifications-container.mobile-view .critical-notification-item:only-child, #firmware-update-alert-container.mobile-view .critical-notification-item:only-child {
  padding-bottom: 16px
}
#critical-notifications-container.mobile-view .critical-notification-item .critical-notification-content-wrapper, #firmware-update-alert-container.mobile-view .critical-notification-item .critical-notification-content-wrapper {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 8px;
  width: 100%
}
#critical-notifications-container.mobile-view .critical-notification-item .critical-notification-action-button, #firmware-update-alert-container.mobile-view .critical-notification-item .critical-notification-action-button {
  width: 100%
}
#critical-notifications-container.mobile-view .critical-notification-item:not(:has(.critical-notification-action-button)) .critical-notification-text, #firmware-update-alert-container.mobile-view .critical-notification-item:not(:has(.critical-notification-action-button)) .critical-notification-text {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical
}
#firmware-update-alert-container.mobile-view .critical-notification-item {
  padding: 16px
}
@media (min-width:991px) {
  #firmware-update-alert-container.mobile-view .critical-notification-item > .critical-notification-action-button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
  }
}
#body.is-form-view #critical-alert-container, #body.is-main-form-view #critical-alert-container {
  display: none
}
.paging_simple_numbers {
  float: right
}
.paging_simple_numbers a, .paging_simple_numbers > span > .ellipsis {
  color: var(--color-content-primary);
  font-size: 14px;
  border: none;
  background-color: transparent;
  padding: 4px 8px !important;
  margin-right: 0 !important;
  cursor: pointer
}
.paging_simple_numbers a:hover, .paging_simple_numbers > span > .ellipsis:hover {
  background-color: var(--color-background-tertiary);
  border-radius: 5px !important;
  text-decoration: none
}
.paging_simple_numbers a:focus, .paging_simple_numbers > span > .ellipsis:focus {
  background-color: transparent;
  outline: 0 !important
}
.paging_simple_numbers a.current, .paging_simple_numbers a.current:hover, .paging_simple_numbers > span > .ellipsis.current, .paging_simple_numbers > span > .ellipsis.current:hover {
  color: var(--basic_branding) !important;
  background-color: unset !important;
  text-shadow: none !important;
  text-decoration: none
}
.paging_simple_numbers a.next, .paging_simple_numbers a.previous, .paging_simple_numbers > span > .ellipsis.next, .paging_simple_numbers > span > .ellipsis.previous {
  font-weight: 700
}
.paging_simple_numbers a.next.disabled, .paging_simple_numbers a.previous.disabled, .paging_simple_numbers > span > .ellipsis.next.disabled, .paging_simple_numbers > span > .ellipsis.previous.disabled {
  color: var(--color-content-tertiary)
}
.paging_simple_numbers a.previous::before, .paging_simple_numbers > span > .ellipsis.previous::before {
  content: '\e962';
  font-family: ds-app-font;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  display: inline-block;
  font-size: 20px;
  margin-right: 5px
}
.paging_simple_numbers a.next::after, .paging_simple_numbers > span > .ellipsis.next::after {
  content: '\e962';
  font-family: ds-app-font;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  display: inline-block;
  font-size: 20px;
  margin-left: 5px
}
.paging_simple_numbers a.paginate_button.previous, .paging_simple_numbers > span > .ellipsis.paginate_button.previous {
  vertical-align: sub
}
.paging_simple_numbers .ellipsis:not(.previous, .next):hover {
  background-color: var(--color-background-tertiary);
  border-radius: 5px !important;
  cursor: pointer !important
}
.paging_simple_numbers .ellipsis > a, .paging_simple_numbers .ellipsis > a:focus, .paging_simple_numbers .ellipsis > a:hover, .paging_simple_numbers .ellipsis > span {
  cursor: default !important;
  pointer-events: all !important
}
.paging_simple_numbers .paginate_button {
  font-size: 14px !important;
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important
}
.paging_simple_numbers .paginate_button.current {
  font-size: 14px !important;
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 600 !important
}
.paging_simple_numbers .paginate_button.previous {
  font-size: 12px !important;
  letter-spacing: .04em !important;
  font-weight: 400 !important
}
.paging_simple_numbers .paginate_button.next {
  font-size: 12px !important;
  letter-spacing: .04em !important;
  font-weight: 400 !important
}
@media (max-width:768px) {
  .paging_simple_numbers .paginate_button.next, .paging_simple_numbers .paginate_button.previous {
    font-size: 12px !important;
    letter-spacing: .04em !important
  }
}
.personalization-modal .modal-dialog {
  width: 100%;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-content-secondary)
}
.personalization-modal .modal-dialog .modal-header {
  display: none
}
.personalization-modal .modal-dialog .modal-body {
  padding: 0
}
.personalization-modal .modal-dialog .modal-page-content .row {
  margin: 0;
  border-radius: 8px
}
.personalization-modal .modal-dialog #personalization-container {
  width: min(882px, 95vw);
  height: min(425px, 95vh);
  position: relative
}
.personalization-modal .modal-dialog #personalization-container .steps-progress-bar {
  position: absolute;
  inset: 0;
  width: 0;
  height: 7px;
  border-top-left-radius: 8px;
  background: var(--basic_branding)
}
.personalization-modal .modal-dialog #personalization-container .steps-progress-bar.full {
  border-top-right-radius: 8px
}
.personalization-modal .modal-dialog #personalization-container .step-header .steps-info-title, .personalization-modal .modal-dialog #personalization-container .step-header .steps-progress {
  padding-top: 16px;
  padding-left: 32px
}
.personalization-modal .modal-dialog #personalization-container .steps-back-button {
  display: none;
  position: absolute;
  top: 50px;
  left: 180px;
  background-color: transparent !important;
  border: none
}
.personalization-modal .modal-dialog #personalization-container .steps-close-button {
  display: none;
  position: absolute;
  top: 13px;
  right: 4px;
  border: none;
  background: 0 0
}
.personalization-modal .modal-dialog #personalization-container .steps-close-button:hover {
  -webkit-filter: contrast(.2);
  filter: contrast(.2)
}
.personalization-modal .modal-dialog #personalization-container .steps {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  overflow: hidden
}
.personalization-modal .modal-dialog #personalization-container .steps .step {
  width: 100%;
  height: 100%;
  flex: 0 0 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 24px
}
.personalization-modal .modal-dialog #personalization-container .steps .step.wide {
  width: 1000px
}
.personalization-modal .modal-dialog #personalization-container .steps .step .question {
  display: flex;
  flex-direction: column;
  width: 100%;
  float: left;
  color: var(--color-content-primary)
}
.personalization-modal .modal-dialog #personalization-container .steps .step .question > span:first-child {
  font-size: 20px !important;
  letter-spacing: .02em !important;
  font-weight: 600 !important;
  line-height: 150% !important
}
@media (max-width:768px) {
  .personalization-modal .modal-dialog #personalization-container .steps .step .question > span:first-child {
    font-size: 18px !important;
    letter-spacing: .02em !important
  }
}
.personalization-modal .modal-dialog #personalization-container .steps .step[data-step-id='4'] .question {
  display: inline-flex;
  flex-direction: unset;
  align-items: center
}
.personalization-modal .modal-dialog #personalization-container .steps .step[data-step-id='4'] .question .select-multiple-text {
  padding-left: 10px !important
}
.personalization-modal .modal-dialog #personalization-container .steps .step .subquestion {
  float: left;
  width: 100%;
  margin-bottom: 24px
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-items: flex-start;
  gap: 15px;
  overflow-x: hidden
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options.numerous-columns {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 16px;
  flex-wrap: wrap
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options.numerous-columns .option-box {
  margin: 0;
  min-width: unset !important;
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important;
  height: 32px !important;
  padding-left: 0 !important
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options.numerous-columns .option-box.selected {
  border: 1px solid var(--color-border-default);
  background-color: var(--color-content-secondary)
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options.numerous-columns .option-box.selected .option-text label {
  color: var(--color-background-inverse) !important
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options.numerous-columns .option-box img {
  width: 20px !important;
  margin-left: 8px;
  margin-right: 0 !important;
  height: 20px
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options.numerous-columns .option-box .option-text {
  padding: 0 8px
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options.numerous-columns .option-box:hover {
  border: 1px solid var(--color-brand-subtle-hover)
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options.use-case {
  grid-template-columns: repeat(2, 1fr)
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box {
  width: 262px;
  min-width: 262px;
  height: 72px;
  position: relative;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  row-gap: 20px;
  border-radius: 8px;
  border: 1px solid var(--color-background-tertiary);
  cursor: pointer;
  text-align: center;
  background-color: var(--color-background-primary);
  padding-left: 16px
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box.sample-template {
  display: none;
  height: 84px;
  justify-content: flex-start;
  padding: 12px 16px;
  overflow: hidden
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box.sample-template.displayed {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 401px;
  height: 84px
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box.sample-template.displayed .option-text {
  width: 100%;
  align-items: flex-start
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box.sample-template.other-template {
  justify-content: center
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box.sample-template .option-text {
  padding-inline: 10px;
  text-align: left;
  row-gap: 2px
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box.sample-template .option-text label {
  text-align: left;
  width: -webkit-fill-available;
  font-size: 14px !important;
  letter-spacing: 0 !important;
  font-weight: 600 !important;
  line-height: 150% !important
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box.sample-template .industry-checkbox {
  pointer-events: none;
  display: block;
  accent-color: color-mix(in srgb, var(--basic_branding), #000 10%)
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box input {
  display: none
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box .custom-input {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 4px;
  display: flex;
  align-items: center;
  -webkit-column-gap: 7px;
  -moz-column-gap: 7px;
  column-gap: 7px
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box .custom-input.checkbox {
  left: 4px
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box .custom-input.checkbox::before {
  content: url(../svgs/checkbox-unselected.svg)
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box .custom-input.radio {
  right: 4px
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box .custom-input.radio::before {
  content: url(../svgs/radio-unselected.svg)
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box .option-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 15px
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box .option-text label {
  margin: 0;
  color: var(--color-content-secondary);
  cursor: pointer
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box.selected, .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box:hover {
  border: 1px solid var(--basic_branding)
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box.selected .checkbox::before {
  content: url(../svgs/checkbox-selected.svg)
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box.selected .radio::before {
  content: url(../svgs/radio-selected.svg)
}
.personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box img {
  margin-right: 12px;
  width: 40px
}
.personalization-modal .modal-dialog #personalization-container .steps .step .second-question-options {
  width: 60%;
  display: flex;
  justify-content: space-evenly;
  align-items: center
}
.personalization-modal .modal-dialog #personalization-container .steps .step .second-question-options .option-radio {
  display: flex;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px
}
.personalization-modal .modal-dialog #personalization-container .steps .step .second-question-options .option-radio input {
  display: none
}
.personalization-modal .modal-dialog #personalization-container .steps .step .second-question-options .option-radio .custom-input {
  position: relative;
  flex-shrink: 0;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  border: 1px solid var(--color-content-secondary);
  cursor: pointer
}
.personalization-modal .modal-dialog #personalization-container .steps .step .second-question-options .option-radio label {
  margin: 0;
  color: var(--color-content-secondary);
  text-wrap: nowrap;
  cursor: pointer
}
.personalization-modal .modal-dialog #personalization-container .steps .step .second-question-options .option-radio.selected .custom-input::before {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 13px;
  height: 13px;
  content: '';
  border-radius: 50%;
  background-color: var(--basic_branding)
}
.personalization-modal .modal-dialog #personalization-container .steps .step .final-step {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 8px;
  width: 100%;
  color: var(--color-content-primary)
}
.personalization-modal .modal-dialog #personalization-container .steps .step .final-step > .reverse-trial-step-content {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  width: 100%;
  margin-top: 8px
}
.personalization-modal .modal-dialog #personalization-container .steps .step .final-step .reverse-trial-info-stepper {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 18px;
  padding: 12px;
  width: 100%
}
.personalization-modal .modal-dialog #personalization-container .steps .step .final-step .reverse-trial-info-step {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  display: flex;
  gap: 16px
}
.personalization-modal .modal-dialog #personalization-container .steps .step .final-step .reverse-trial-info-step > div:first-child {
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  display: flex;
  gap: 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}
.personalization-modal .modal-dialog #personalization-container .steps .step .final-step .reverse-trial-info-step > div:last-child {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 4px;
  width: 100%
}
.personalization-modal .modal-dialog #personalization-container .steps .step .final-step .reverse-trial-info-step .vertical-divider {
  width: 1px;
  height: 28px;
  background-color: var(--color-background-tertiary)
}
.personalization-modal .modal-dialog #personalization-container .steps .step .final-step .reverse-trial-info-step .step-icon-wrapper {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 20px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #fef1e9
}
.personalization-modal .modal-dialog #personalization-container .steps .step .final-step .reverse-trial-info-step .step-icon {
  color: #f26f26
}
.personalization-modal .modal-dialog #personalization-container .steps .step .final-step .newsletter {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 8px;
  width: 100%;
  margin-bottom: 16px
}
.personalization-modal .modal-dialog #personalization-container .steps .step .final-step .newsletter .newsletter-container {
  width: 100%;
  padding: 8px 12px;
  background-color: var(--color-background-primary);
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 16px
}
.personalization-modal .modal-dialog #personalization-container .steps .step .final-step .newsletter-toggle-wrapper {
  margin: 0
}
.personalization-modal .modal-dialog #personalization-container .steps .step .final-step .final-step-content {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  width: 100%
}
.personalization-modal .modal-dialog #personalization-container .steps .step .final-step .personalization-final-step-image {
  max-height: 274px;
  align-self: center
}
.personalization-modal .modal-dialog #personalization-container .steps .step .final-step:has(.newsletter:not(.hidden)) .personalization-final-step-image {
  max-height: 200px
}
.personalization-modal .modal-dialog #personalization-container .steps .step .step-buttons {
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  display: flex;
  overflow: hidden;
  gap: 16px;
  width: 100%;
  bottom: 0;
  margin: auto 0 56px
}
.personalization-modal .modal-dialog #personalization-container .steps .step .scrolling-circles {
  display: flex;
  justify-content: center;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px
}
.personalization-modal .modal-dialog #personalization-container .steps .step .scrolling-circles .scrolling-circle {
  height: 10px;
  width: 22px;
  border-radius: 20px;
  background: var(--color-content-tertiary);
  flex-basis: 10px;
  transition: all .6s ease-in-out
}
.personalization-modal .modal-dialog #personalization-container .steps .step .scrolling-circles .scrolling-circle:first-of-type {
  flex-basis: 22px;
  background: var(--basic_branding)
}
.personalization-modal .modal-dialog #personalization-container .steps .step[data-step-id='6'] .first-question-options {
  width: 1100px;
  padding: 0;
  display: flex;
  justify-content: center
}
.personalization-modal .modal-dialog #personalization-container .steps .step[data-step-id='5'] {
  align-items: flex-start
}
.personalization-modal .modal-dialog #personalization-container .steps .step[data-step-id='5'] .content-container {
  padding-top: 8px;
  display: flex;
  -webkit-column-gap: 32px;
  -moz-column-gap: 32px;
  column-gap: 32px
}
.personalization-modal .modal-dialog #personalization-container .steps .step[data-step-id='5'] .content-container .text-container {
  display: flex;
  flex-direction: column;
  row-gap: 8px
}
.personalization-modal .modal-dialog #personalization-container .steps .step[data-step-id='5'] .content-container img {
  margin-top: 46px
}
@media screen and (max-height:800px) {
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .sample-template img {
    width: min(56px, 25vh)
  }
}
@media screen and (max-height:800px) and (min-width:1000px) {
  .personalization-modal .modal-dialog #personalization-container .steps .step {
    justify-content: space-around
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step[data-step-id='6'] .step-header .subtitle {
    display: none
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box {
    height: min(72px, 17vh)
  }
}
@media screen and (max-width:1200px) {
  .personalization-modal .modal-dialog #personalization-container {
    padding: 0
  }
  .personalization-modal .modal-dialog #personalization-container .steps-back-button {
    left: 10px
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step {
    justify-content: space-around
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .step-header {
    margin-top: 20px
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .question {
    width: 100%;
    text-align: left
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options {
    grid-template-columns: repeat(3, 1fr)
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options.numerous-columns {
    width: min(810px, 84vw)
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options.use-case {
    width: 100%
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box {
    height: 68px;
    width: 240px;
    min-width: 240px;
    line-height: 16px
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box img {
    width: 50px
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box.sample-template {
    height: 165px;
    padding: 12px 16px;
    row-gap: 6px;
    width: 100% !important
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box.sample-template img {
    width: 56px
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box.sample-template .option-text {
    padding: 0
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .second-question-options {
    width: 80%
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .second-question-options .option-radio {
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .scrolling-circles {
    margin-left: -12px;
    margin-top: 10px
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step[data-step-id='5'] .first-question-options {
    width: unset;
    padding: 0;
    display: grid !important;
    justify-content: center
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .image-container img {
    max-height: 26vh !important
  }
}
@media screen and (max-width:1000px) {
  .personalization-modal .modal-dialog #personalization-container {
    height: min(430px, 95vh)
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options {
    gap: 15px
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .sample-template .displayed {
    width: 375px !important
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options.numerous-columns .option-box {
    width: 180px;
    min-width: 180px;
    padding-inline: 5px
  }
}
@media screen and (max-width:860px) {
  .personalization-modal .modal-dialog #personalization-container {
    height: min(425px, 95vh)
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options {
    grid-template-columns: repeat(2, 1fr);
    height: 230px
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options.numerous-columns {
    height: 240px
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options.numerous-columns .option-box {
    height: min(105px, 11vh)
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options.use-case {
    grid-template-columns: repeat(1, 1fr)
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box {
    width: auto;
    min-width: 90%;
    height: min(60px, 11vh)
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box img {
    width: 44px
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box .custom-input .checkbox::before, .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box .custom-input .radio::before {
    width: 12px
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box .option-text label {
    text-align: center
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box.sample-template {
    height: 205px;
    padding: 12px 16px;
    row-gap: 6px
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box.sample-template img {
    width: 56px
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box.sample-template .option-text {
    padding: 0
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .step-buttons:not(.last-step) {
    padding-right: 32px
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .scrolling-circles {
    margin-left: -13px;
    margin-top: 0
  }
}
@media screen and (max-width:600px) {
  .personalization-modal .modal-dialog #personalization-container .step-header, .personalization-modal .modal-dialog #personalization-container .steps .step .step-header {
    text-align: left;
    width: 100%
  }
  .personalization-modal [class*=bootbox], .personalization-modal [class*=modal], .personalization-modal [class*=row], .personalization-modal [id*=modal] {
    height: 100%
  }
  .personalization-modal .modal-dialog #personalization-container {
    display: flex;
    flex-direction: column;
    height: 100%
  }
  .personalization-modal .modal-dialog #personalization-container .step-header .steps-info-title, .personalization-modal .modal-dialog #personalization-container .step-header .steps-progress {
    padding-left: 15px
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step {
    justify-content: flex-start;
    padding: 0
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .question, .personalization-modal .modal-dialog #personalization-container .steps .step .subquestion {
    padding: 0 15px
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options {
    width: 100%;
    overflow: scroll;
    height: 70%;
    display: flex;
    flex-direction: column;
    margin-right: 0;
    padding: 0 24px;
    overflow-y: auto;
    overflow-x: hidden
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options.numerous-columns {
    width: inherit;
    height: auto
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options.numerous-columns .option-box {
    width: 155px;
    height: min(105px, 11vh)
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options.numerous-columns .option-box img {
    margin-right: 0
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options.use-case {
    grid-template-columns: repeat(1, 1fr)
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box {
    width: inherit;
    min-width: inherit;
    overflow-x: visible;
    height: min(72px, 11vh)
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box img {
    width: 44px
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box .custom-input .checkbox::before, .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box .custom-input .radio::before {
    width: 12px
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box .option-text label {
    text-align: center
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box.sample-template {
    width: 100% !important;
    height: 103px !important;
    padding: 12px 16px;
    row-gap: 6px
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box.sample-template img {
    width: 56px
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box.sample-template .option-text {
    padding: 0
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box.sample-template .option-text span {
    display: block
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .step-buttons {
    overflow: hidden;
    width: 100%;
    margin: auto 0 0;
    padding: 16px 24px 32px
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .step-buttons .continue-button {
    flex: 0 0 50%
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .step-buttons .back-button-step {
    background-color: var(--color-background-inverse) !important;
    flex: 1;
    color: var(--color-content-primary) !important
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .step-buttons.last-step > .finish-button {
    flex: 1
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .scrolling-circles {
    margin-left: -13px;
    margin-top: 0
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .final-step {
    padding: 0 16px
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .final-step .newsletter-content {
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    display: flex
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step[data-step-id='5'] .content-container {
    flex-direction: column;
    padding-inline: 24px
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step[data-step-id='5'] .content-container .text-container > * {
    padding-inline: 0
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step[data-step-id='5'] .content-container .text-container > * .intl-tel-input {
    display: block
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step[data-step-id='5'] .content-container img {
    max-height: 200px;
    align-self: center
  }
  .personalization-modal .modal-dialog #personalization-container .steps .step .personalization-final-step-image {
    max-height: 270px !important
  }
}
.all-media-ace-file-input {
  margin-bottom: 0
}
.all-media-ace-file-input .file-label {
  height: 40px;
  border-radius: 8px;
  border: 1px solid var(--color-border-section);
  background-color: var(--color-background-inverse);
  color: #000
}
.all-media-ace-file-input .file-label:before {
  background-color: var(--color-background-inverse);
  color: #000;
  line-height: 0
}
.all-media-ace-file-input .file-label:hover {
  border: 1px solid var(--color-border-section)
}
.primary_button {
  width: auto;
  padding: 10px 20px;
  background-color: var(--basic_branding);
  color: #fff;
  border-radius: 5px;
  border: 1px solid var(--basic_branding)
}
.primary_button:active, .primary_button:hover {
  background-color: color-mix(in srgb, var(--basic_branding), #000 10%);
  color: #fff;
  text-decoration: none;
  cursor: pointer
}
.primary_outline_button, .secondary_outline_button {
  padding: 10px 20px;
  color: var(--color-content-primary)
}
.primary_button[disabled] {
  background-color: var(--color-border-section)
}
.primary_outline_button {
  width: auto;
  background-color: var(--color-background-inverse);
  border-radius: 5px;
  border: 1px solid var(--color-content-primary)
}
.primary_outline_button:hover:enabled {
  background-color: var(--color-content-primary);
  color: var(--color-background-inverse)
}
.primary_outline_button[disabled] {
  border: 1px solid var(--color-border-section);
  color: var(--color-content-tertiary);
  cursor: pointer
}
.secondary_outline_button {
  width: auto;
  background-color: var(--color-background-inverse);
  border-radius: 5px;
  border: 1px solid var(--color-content-primary)
}
.secondary_outline_button:hover:enabled {
  background-color: var(--color-content-primary);
  color: var(--color-background-inverse)
}
.secondary_outline_button[disabled] {
  border: 1px solid var(--color-border-section);
  color: var(--color-content-tertiary);
  cursor: pointer
}
.third_button {
  max-height: 44px;
  width: auto;
  padding: 10px 20px 10px 16px;
  background-color: var(--color-content-tertiary);
  color: var(--color-background-inverse);
  border-radius: 5px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--color-content-tertiary)
}
.third_button:active, .third_button:hover {
  background-color: var(--color-content-secondary);
  color: var(--color-background-inverse);
  text-decoration: none;
  cursor: pointer
}
.third_button[disabled] {
  background-color: var(--color-border-section);
  border: 1px solid var(--color-border-section)
}
.enumeration_button {
  justify-content: center;
  align-items: center;
  display: flex !important;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  background-color: var(--color-brand-subtle) !important;
  flex-direction: row;
  padding: 8px 13px;
  box-sizing: border-box;
  color: var(--color-content-primary) !important;
  cursor: pointer;
  border: none
}
.enumeration_button.enum_left {
  margin-right: 10px
}
.enumeration_button.enum_right {
  margin-left: 10px
}
@media (max-width:768px) {
  .personalization-modal .modal-dialog #personalization-container .steps .step .first-question-options .option-box.sample-template .option-text label {
    font-size: 14px !important;
    letter-spacing: .02em !important
  }
  .enumeration_button {
    width: 31px !important;
    height: 31px !important
  }
}
.media_form_button {
  width: auto;
  height: 40px;
  padding: 10px 20px;
  border-radius: 8px;
  border: 1px solid;
  min-width: 100px;
  line-height: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.media_form_button:active, .media_form_button:hover {
  text-decoration: none;
  cursor: pointer
}
.media_form_button[disabled] {
  background-color: var(--color-border-section)
}
.media_form_primary, .media_form_primary:active, .media_form_primary:hover {
  background-color: var(--basic_branding)
}
.media_form_primary {
  border-color: var(--basic_branding);
  color: var(--color-background-inverse);
  overflow: hidden;
  max-width: 100%
}
.media_form_secondary {
  background-color: var(--color-brand-subtle);
  color: #000;
  border: var(--color-brand-subtle)
}
.media_form_secondary:active, .media_form_secondary:hover {
  background-color: var(--color-background-tertiary)
}
.emergency-alerts-modal .proceed-button {
  padding: 12px 20px !important;
  border-radius: 8px;
  border: none !important;
  min-width: 100px !important;
  height: 40px !important;
  background-color: var(--basic_branding) !important;
  cursor: pointer;
  float: right;
  line-height: 1 !important
}
.emergency-alerts-modal .proceed-button:hover {
  background: var(--basic_branding) !important;
  border: none !important
}
.emergency-alerts-modal .back, .emergency-alerts-modal .back:hover {
  border-color: transparent !important;
  background-color: transparent !important;
  color: var(--color-content-primary) !important
}
.emergency-alerts-modal .back {
  cursor: pointer;
  border-width: 2px;
  padding: 9px 25px
}
.modal-footer .btn-danger, .modal-footer .btn-success {
  padding: 12px 20px !important;
  border-radius: 8px;
  border: none !important;
  min-width: 100px !important;
  height: 40px !important;
  line-height: 0;
  background-color: var(--basic_branding) !important;
  margin-left: 16px !important
}
.modal-footer .btn-danger:hover, .modal-footer .btn-success:hover {
  background: var(--basic_branding) !important;
  border: none !important
}
.modal-footer .btn-primary, .modal-footer .btn-primary .cancel {
  border-radius: 8px;
  background-color: var(--basic_branding) !important;
  padding: 12px 20px !important;
  height: 40px !important
}
.modal-footer .btn-primary {
  border: none !important;
  min-width: 100px !important;
  line-height: 0;
  background-color: var(--color-background-tertiary) !important
}
.modal-footer .btn-primary:hover {
  background: #dde3ec !important;
  border: none !important;
  color: #000 !important
}
.modal-footer .btn-primary .cancel {
  border: none !important;
  min-width: 100px !important;
  background-color: var(--color-background-tertiary) !important;
  line-height: 1 !important
}
.import-template {
  padding: 12px 20px !important;
  border-radius: 8px;
  border: none !important;
  min-width: 100px !important;
  height: 40px !important;
  line-height: 0;
  background-color: var(--basic_branding) !important;
  width: 159px !important
}
.import-template:hover {
  background: var(--basic_branding) !important;
  border: none !important
}
.template-back, .template-back:hover {
  background-color: transparent !important;
  border: none;
  color: var(--color-content-primary) !important
}
.template-back {
  padding: 12px 20px !important
}
.devices-add-fallback-wifi, .devices-mass-add-fallback-wifi {
  background-color: var(--color-background-tertiary) !important;
  height: 40px !important;
  border-radius: 8px !important;
  border: none;
  color: var(--color-content-primary) !important;
  min-width: 68px
}
.devices-add-fallback-wifi:hover, .devices-mass-add-fallback-wifi:hover {
  background-color: var(--color-brand-subtle-hover) !important
}
.remove-fallback-wifi-btn {
  color: var(--color-content-negative);
  height: 34px;
  background-color: var(--color-background-inverse) !important;
  border: transparent !important
}
.remove-fallback-wifi-btn .remove-fallback-wifi-tkn {
  padding-left: 8px
}
.remove-fallback-wifi-btn#mass-btn {
  margin-top: 20px !important;
  margin-bottom: 20px !important
}
#all-media_input_file_container .ace-file-input {
  margin-bottom: 0;
  display: none
}
#all-media_input_file_container .ace-file-input .file-label {
  height: 40px;
  border-radius: 8px;
  border: 1px solid var(--color-border-section);
  background-color: var(--color-background-inverse);
  color: #000
}
#all-media_input_file_container .ace-file-input .file-label:before {
  background-color: var(--color-background-inverse);
  color: #000;
  line-height: 0
}
#all-media_input_file_container .ace-file-input .file-label:hover {
  border: 1px solid var(--color-border-section)
}
#all-media-file-uploader {
  padding: 10px 20px;
  background-color: var(--color-background-inverse);
  color: #000;
  border-radius: 8px;
  border: 1px solid var(--color-border-section)
}
#save_email_recipients {
  height: 44px;
  display: flex;
  align-items: center
}
.btn-section-grid .active, .btn-section-grid .btn:hover {
  background-color: var(--basic_branding) !important;
  border: 1px solid var(--basic_branding) !important;
  color: #fff !important
}
.form-sample-btn {
  height: 20px;
  border: none;
  background-color: transparent;
  color: var(--basic_branding);
  padding: 0
}
.form-sample-btn:hover .nws-sample-arrow {
  color: var(--color-background-negative) !important
}
#sample-btn {
  padding-top: 8px;
  margin-left: 190px;
  bottom: 24px;
  position: relative
}
@media (max-width:670px) {
  #sample-btn {
    margin-left: 0
  }
}
.upload-media-button-mixin {
  color: var(--basic_branding);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  font-weight: 700;
  padding-right: 16px;
  border-right: 1px solid var(--color-border-section)
}
.upload-media-button-mixin i {
  font-weight: 700;
  margin-right: 8px
}
.duration-spinner-mixin {
  text-align: center !important;
  padding: 0;
  width: 60px;
  margin: 0;
  float: left;
  height: 28px !important;
  border: 0 !important
}
#gdrive-warning-msg-content {
  padding: 12px 16px;
  background-color: #dbe9fa;
  border-radius: 8px;
  border: 1px solid #4d92e7
}
#gdrive-warning-msg-content li::marker {
  font-weight: 600
}
#gdrive-warning-msg-content ol {
  display: flex;
  flex-direction: column;
  gap: 8x
}
#playlist_form .form-actions {
  background: 0 0;
  padding-left: 0
}
#playlist_form h3.header {
  margin-bottom: 0
}
#playlist_form #collapse-interactive-options, #playlist_form #collapse-playback-options, #playlist_form #collapse-transition-options {
  font-family: Inter, sans-serif;
  color: var(--color-content-primary);
  display: inline-flex;
  align-items: center;
  text-decoration: none
}
#playlist_form #collapse-interactive-options i, #playlist_form #collapse-playback-options i, #playlist_form #collapse-transition-options i {
  color: var(--basic_branding);
  font-size: 20px
}
#playlist_form #collapse-interactive-options:hover, #playlist_form #collapse-playback-options:hover, #playlist_form #collapse-transition-options:hover {
  text-decoration: none
}
#playlist_form .change-playlist-view-toggle-container {
  display: flex;
  margin-bottom: 26px
}
#playlist_form .change-playlist-view-toggle-container h3 {
  margin-left: auto
}
#playlist_form .change-playlist-view-toggle-container h3 span.lbl {
  margin-left: 16px
}
#playlist_form #playlist_container {
  width: 100%
}
#playlist_form #playlist_container .selected-widget-header label {
  word-break: break-all
}
#playlist_form #playlist_container .selected-widget-more {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
#playlist_form #playlist_container .playlist-more-actions {
  position: relative;
  display: inline-flex;
  padding-right: 8px
}
#playlist_form #playlist_container .playlist-more-actions .playlist-more-actions-button {
  min-width: 0;
  padding: 0;
  height: 24px
}
#playlist_form #playlist_container .playlist-more-actions .playlist-more-actions-modal {
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  position: absolute;
  right: 16px;
  top: 100%;
  z-index: 1030;
  padding: 8px
}
#playlist_form #playlist_container .playlist-more-actions .playlist-more-actions-modal li button {
  all: unset;
  cursor: pointer;
  text-decoration: none;
  line-height: 19px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 6px;
  white-space: nowrap
}
#playlist_form #playlist_container .playlist-more-actions .playlist-more-actions-modal li :disabled {
  opacity: .5;
  pointer-events: none
}
#playlist_form #playlist_container .playlist {
  width: 100%
}
#playlist_form #playlist_container .playlist .containers {
  position: static;
  height: auto
}
#playlist_form #playlist_container .playlist .containers .selected-container {
  background-color: var(--color-background-inverse);
  padding-left: 16px;
  border-radius: 8px;
  float: none
}
#playlist_form #playlist_container .playlist .containers .selected-container .selected-widget-header {
  padding-left: 0;
  padding-right: 16px;
  position: absolute;
  width: 100%;
  border: 0;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap
}
#playlist_form #playlist_container .playlist .containers .selected-container .selected-widget-header .upload-media-button {
  color: var(--basic_branding);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  font-weight: 700;
  padding-right: 16px;
  border-right: 1px solid var(--color-border-section)
}
#playlist_form #playlist_container .playlist .containers .selected-container .selected-widget-header .upload-media-button i {
  font-weight: 700;
  margin-right: 8px
}
#playlist_form #playlist_container .playlist .containers .selected-container .selected-widget-header .title-header {
  display: flex;
  align-items: baseline;
  margin-left: 4px;
  margin-top: 8px
}
#playlist_form #playlist_container .playlist .containers .selected-container .selected-widget-header .title-header h4 {
  font-weight: 700
}
#playlist_form #playlist_container .playlist .containers .selected-container .selected-widget-header cite {
  color: #999
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected {
  min-height: 184px;
  background: var(--color-background-inverse);
  border: none;
  box-shadow: none;
  padding-top: 16px
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li {
  display: inline-block !important;
  border: 1px solid var(--color-border-section);
  border-radius: 2px
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li[data-status=failed], .schedule-event-form .error {
  border: 1px solid var(--color-border-negative)
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li.empty {
  pointer-events: none;
  background-color: var(--color-background-tertiary)
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li.empty .spinner-container .ui-spinner-button .ui-icon i {
  color: var(--color-border-section)
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li .spinner-container {
  max-width: unset !important
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li .spinner-container .ui-spinner-button {
  font-size: 11px;
  line-height: 20px;
  width: 30px;
  float: left;
  height: 28px;
  text-shadow: none !important
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li .spinner-container .ui-spinner-button:hover {
  text-decoration: none
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li .spinner-container .ui-spinner-button .ui-icon {
  position: static;
  margin-top: 0;
  width: 30px;
  color: #999;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li .spinner-container .ui-spinner-button .ui-icon i {
  color: var(--basic_branding)
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li .spinner-container .ui-spinner {
  background-color: var(--color-background-primary);
  border-top: 1px solid var(--color-border-section)
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li .spinner-container .ui-spinner input {
  background-color: var(--color-background-primary)
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li .spinner-container .ui-spinner-down, #playlist_form #playlist_container .playlist .containers .selected-container #selected li .spinner-container .ui-spinner-up {
  position: relative;
  bottom: 0;
  right: 0
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li .spinner-container .ui-spinner-down:hover i, #playlist_form #playlist_container .playlist .containers .selected-container #selected li .spinner-container .ui-spinner-up:hover i {
  color: #fff !important;
  border-color: #fff !important
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li .spinner-container .ui-spinner-down .ui-icon {
  border-right: 1px solid var(--color-border-section)
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li .spinner-container .ui-spinner-up {
  top: 0
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li .spinner-container .ui-spinner-up .ui-icon {
  border-left: 1px solid var(--color-border-section)
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li .spinner-container .ui-spinner-up:hover {
  background-color: var(--basic_branding) !important
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li .spinner-container .ui-spinner-down:hover {
  background-color: #7b7b7b !important
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li .spinner-container input.duration-spinner {
  text-align: center !important;
  padding: 0;
  width: 60px;
  margin: 0;
  float: left;
  height: 28px !important;
  border: 0 !important
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li .spinner-container input.duration-spinner:focus {
  border: 1px solid var(--basic_branding) !important
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li .spinner-container a {
  cursor: pointer
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li .subplaylist-options-container {
  text-align: center;
  cursor: pointer;
  border-top: 1px solid var(--color-border-section)
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li .subplaylist-options-container .subplaylist-options-button {
  width: 100%;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0 !important;
  border-radius: 0 !important
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget #available .img-container .widget-thumbnail, #playlist_form #playlist_container .playlist .containers .selected-container #selected li .img-container .widget-thumbnail {
  width: 50%
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li .subplaylist-options-container .empty {
  height: 0
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li .img-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li .img-container img {
  -o-object-fit: contain;
  object-fit: contain
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li .img-container.empty.first-card {
  text-align: center;
  white-space: break-spaces;
  font-size: 12px;
  font-weight: 600;
  padding: 16px 6px;
  color: var(--color-content-secondary);
  display: flex;
  align-items: center;
  pointer-events: all
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li .img-container.empty.first-card .dark-grey-link {
  text-decoration: underline;
  font-weight: 700;
  cursor: pointer
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected li .add {
  display: none
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected .ace-spinner.touch-spinner .spinner-buttons > .btn {
  margin: 0 !important;
  color: #abbac3 !important
}
#playlist_form #playlist_container .playlist .containers .selected-container #selected .ace-spinner.touch-spinner .spinner-buttons > .btn:focus {
  outline: 0
}
#playlist_form #playlist_container .playlist .containers .selected-container .dd {
  margin-top: 45px
}
#playlist_form #playlist_container .playlist .containers .playlist-total-duration {
  display: inline-flex;
  color: var(--color-content-primary);
  font-weight: 300;
  padding-right: 8px
}
#playlist_form #playlist_container .playlist .containers .playlist-total-duration.hide-on-mobile {
  padding-left: 16px
}
#playlist_form #playlist_container .playlist .containers .playlist-total-duration.show-on-mobile {
  display: none
}
#playlist_form #playlist_container .playlist .containers .drag-from-library-title {
  display: block;
  text-align: center;
  margin: 16px;
  background: var(--color-background-primary);
  border-radius: 42px;
  padding: 5px 12px;
  color: var(--color-content-tertiary)
}
#playlist_form #playlist_container .playlist .containers .drag-from-library-title img {
  margin-right: 8px
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget {
  border-radius: 8px;
  padding: 10px;
  border: none;
  margin-top: 7px;
  position: static;
  background: var(--color-background-inverse)
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget .dropdown-button {
  display: none
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget .dd-list {
  overflow-y: auto;
  max-height: 360px
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget #available-filter {
  padding: 0;
  border: 0;
  margin-left: 0;
  list-style: none;
  margin-bottom: 0;
  display: inline-block
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget #available-filter li {
  height: 40px;
  margin-right: 4px;
  margin-top: 4px;
  border: 2px solid var(--color-background-inverse);
  border-radius: 5px;
  float: left;
  margin-bottom: -1px
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget #available-filter li:first-child > a {
  margin-left: 0
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget #available-filter li:hover a:not(.disabled) {
  background-color: var(--color-background-tertiary);
  border: 1px solid var(--color-background-tertiary);
  text-decoration: none
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget #available-filter li a {
  height: 100%;
  display: flex;
  align-items: center;
  font-weight: 300;
  background-color: var(--color-background-primary);
  border: 1px solid var(--color-background-tertiary);
  color: var(--color-content-secondary);
  padding: 8px 12px;
  position: relative;
  margin-right: -1px;
  border-radius: 5px
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget #available-filter li a .subplaylist-premium-pill {
  display: none
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget #available-filter li a.no-subplaylist-feature-available .subplaylist-premium-pill {
  color: var(--color-content-warning);
  background-color: var(--color-background-warning-subtle);
  border: 1px solid var(--color-border-warning);
  padding: 4px 8px;
  font-family: Inter, sans-serif !important;
  border-radius: 4px;
  z-index: 1;
  height: 21px;
  margin-left: 5px;
  display: flex;
  align-items: center
}
html.dark #playlist_form #playlist_container .playlist .containers .available-container.playlist-widget #available-filter li a.no-subplaylist-feature-available .subplaylist-premium-pill {
  color: var(--color-content-secondary)
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget #available-filter li.active a {
  color: var(--color-background-inverse);
  background-color: var(--color-content-primary);
  font-weight: 700;
  cursor: default;
  border: none !important;
  box-shadow: none;
  margin-top: 0;
  z-index: 12;
  line-height: 16px
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget #available-filter li.active:hover a:not(.disabled) {
  background-color: var(--color-content-primary);
  border: 1px solid var(--color-content-primary)
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget .list-count {
  padding-top: 4px;
  display: flex;
  align-items: center
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget .list-count .back_image {
  width: 32px;
  height: 32px;
  padding: 8px
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget .list-count .back_image:hover {
  cursor: pointer
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget .playlist-widget-library-title {
  font-weight: 700;
  font-size: 18px;
  margin: 4px
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget .playlist-widget-header {
  margin-bottom: 5px
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget .playlist-widget-header .search-container {
  margin-right: 48px
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget .playlist-widget-header .search-container #search-text {
  height: 40px;
  width: 200px;
  background-color: var(--color-background-inverse);
  font-size: 14px;
  font-weight: 300;
  border-radius: 5px !important;
  padding: 5px 72px 5px 10px
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget .playlist-widget-header .search-container #search-text:focus {
  border: 1px solid var(--basic_branding)
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget .playlist-widget-header.dropdown .dropdown-toggle {
  display: inline-block
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget .loading_spinner_container {
  width: 100%;
  display: flex;
  justify-content: center;
  height: 100px
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget .loading_spinner_container .playlist_loading_spinner {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  animation: rotating 1s linear infinite;
  -webkit-animation: rotating 1s linear infinite
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget #available {
  border: none;
  box-shadow: none;
  margin-top: 5px;
  max-width: 100%
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget #available li:not(.load-more-li, .unavailable-item) {
  cursor: -webkit-grabbing;
  cursor: grabbing;
  float: left;
  display: block !important;
  margin: 4px;
  border: 1px solid var(--color-border-default)
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget #available li:not(.load-more-li, .unavailable-item) .remove, #playlist_form #playlist_container .playlist .containers .available-container.playlist-widget #available li:not(.load-more-li, .unavailable-item) .spinner-container {
  display: none !important
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget #available li:not(.load-more-li, .unavailable-item) .subplaylist-options-container {
  display: none
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget #available li.unavailable-item {
  cursor: pointer;
  opacity: .5;
  float: left;
  display: block !important;
  margin: 4px;
  border: 1px solid var(--color-border-section)
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget #available li.unavailable-item .remove, #playlist_form #playlist_container .playlist .containers .available-container.playlist-widget #available li.unavailable-item .spinner-container {
  display: none !important
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget #available li.unavailable-item .subplaylist-options-container {
  display: none
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget #available .img-container {
  background-color: var(--color-background-inverse);
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget #available .img-container img {
  -o-object-fit: contain;
  object-fit: contain
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget #available .load-more-li {
  width: 100%;
  border: 0;
  margin-left: 0;
  margin-right: 0;
  display: block
}
#playlist_form #playlist_container .playlist .containers .available-container.playlist-widget #available .load-more-li .load-more-container {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  height: 40px
}
#playlist_form #playlist_container .playlist .containers li.media_slots .slots-label {
  position: absolute;
  color: var(--color-content-primary);
  background-color: var(--color-background-primary);
  font-size: 14px;
  right: 0;
  top: 6px;
  border-radius: 4px;
  margin-right: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px
}
#playlist_form #playlist_container .playlist .containers li.media_expired #playlist_form #playlist_container .playlist .containers li.media_expired .img-container, #playlist_form #playlist_container .playlist .containers li.media_slots .img-container {
  background-color: var(--color-background-tertiary) !important
}
#playlist_form #playlist_container .playlist .containers li.media_slots .img-container > img {
  opacity: .4
}
#playlist_form #playlist_container .playlist .containers li.media_expired #playlist_form #playlist_container .playlist .containers li.media_expired .img-container > img {
  opacity: .4
}
#playlist_form #playlist_container .playlist .containers .text {
  z-index: 1
}
#playlist_form #playlist_container .playlist .containers .message-item > * {
  vertical-align: bottom
}
#playlist_form #playlist_container .playlist .containers .message-item .toolbar a.btn {
  padding: 4px 1px !important
}
#playlist_form #playlist_container .playlist-folder {
  display: flex;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px
}
#playlist_form #playlist_container .playlist-folder .playlist-more-actions {
  position: relative;
  display: inline-flex;
  padding-right: 8px
}
#playlist_form #playlist_container .playlist-folder .playlist-more-actions .playlist-more-actions-modal {
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  position: absolute;
  right: 16px;
  top: 100%;
  z-index: 1030;
  padding: 8px
}
#playlist_form #playlist_container .playlist-folder .playlist-more-actions .playlist-more-actions-modal li button {
  all: unset;
  cursor: pointer;
  text-decoration: none;
  line-height: 19px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 6px;
  white-space: nowrap
}
#playlist_form #playlist_container .playlist-folder .playlist-more-actions .playlist-more-actions-modal li :disabled {
  opacity: .5;
  pointer-events: none
}
@media (max-width:1280px) {
  #playlist_form #playlist_container .playlist-folder {
    flex-direction: column;
    row-gap: 24px
  }
}
#playlist_form #playlist_container .playlist-folder #folder-tree {
  width: 0;
  flex: .2 1 0
}
@media (min-width:1280px) and (max-width:1500px) {
  #playlist_form #playlist_container .playlist-folder #folder-tree.no-subplaylist-feature {
    flex: .28 1 0
  }
}
#playlist_form #playlist_container .playlist-folder #folder-tree.no-subplaylist-feature .subplaylist-premium-pill {
  color: var(--color-content-warning);
  background-color: var(--color-background-warning-subtle);
  border: 1px solid var(--color-border-warning);
  font-family: Inter, sans-serif !important;
  border-radius: 4px;
  z-index: 1;
  margin-left: 6px;
  display: inline-block;
  height: 20px;
  padding: 1px 8px;
  line-height: 18px
}
html.dark #playlist_form #playlist_container .playlist-folder #folder-tree.no-subplaylist-feature .subplaylist-premium-pill {
  color: var(--color-content-secondary)
}
@media (max-width:1280px) {
  #playlist_form #playlist_container .playlist-folder #folder-tree {
    width: 100%
  }
}
#playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view {
  border-bottom: none;
  margin: 0
}
#playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view .widget-header {
  font-size: 14px;
  display: none
}
#playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view .widget-body {
  border: none;
  background-color: transparent !important
}
#playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view .widget-body .widget-main {
  padding: 0
}
#playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view .widget-body .widget-main #folderTree {
  border: 1px solid var(--color-border-default);
  padding-left: 8px;
  border-radius: 8px;
  background-color: var(--color-background-inverse);
  background-size: 36px 36px;
  background-image: linear-gradient(transparent 35px, var(--color-background-inverse) 1px)
}
#playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch {
  display: flex;
  flex-wrap: wrap;
  margin: 0
}
#playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch[haschildren=false][folder_id='0'] > .folder-tree-line {
  padding-left: 32px
}
#playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch[haschildren=false]:not([folder_id='0']) > .folder-tree-line .folder-icon {
  padding-left: 28px
}
#playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch[haschildren=true] .workspace-icon {
  padding-left: 8px
}
#playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch[haschildren=true] > .folder-tree-line .folder-icon {
  padding-left: 4px
}
#playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch > .folder-tree-line > .tree-branch-header {
  width: 100%
}
#playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch > .folder-tree-line > .tree-branch-header:hover {
  background-color: transparent
}
#playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch > ul.tree-branch-children {
  margin: 0 0 0 28px;
  flex-basis: 100%;
  width: calc(100% - 36px);
  padding: 0;
  position: relative
}
#playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch .folder-tree-line {
  width: 100%;
  height: 36px;
  box-shadow: 0 -1px 0 0 var(--color-background-tertiary) inset;
  display: inline-flex;
  align-items: center;
  justify-content: space-between
}
#playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch .tree-branch-header {
  padding: 0;
  display: inline-flex;
  align-items: center
}
#playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch .tree-branch-header .tree-branch-name {
  display: flex;
  width: 100%;
  color: var(--color-content-primary);
  padding-right: 12px
}
#playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch .tree-branch-header .tree-branch-name .tree-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 90%
}
#playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch .tree-branch-header .tree-branch-name i {
  font-size: 20px;
  padding-right: 12px
}
#playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch .tree-branch-header .tree-branch-name .tree-branch-label {
  margin-left: 0
}
#playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch.tree-selected > .folder-tree-line {
  background-color: var(--color-background-tertiary);
  box-shadow: -400px -.5px 0 .5px var(--color-background-tertiary), -300px -.5px 0 .5px var(--color-background-tertiary), -200px -.5px 0 .5px var(--color-background-tertiary), -100px -.5px 0 .5px var(--color-background-tertiary), 0 -1px 0 0 var(--color-background-tertiary) inset
}
#playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch.tree-selected > .folder-tree-line .tree-branch-name {
  font-weight: 500
}
#playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch.tree-open {
  background-color: transparent;
  margin-bottom: 0;
  margin-top: 0
}
#playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch, #playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-item {
  border-left: none !important
}
#playlist_form #playlist_container .playlist-folder.tree-folder .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch .icon-caret {
  cursor: pointer;
  font-size: 16px;
  padding: 0 4px
}
#playlist_form #playlist_container .playlist-folder .selected-widget .widget-toolbox {
  margin-bottom: 8px
}
#playlist_form #playlist_container .playlist-folder .available-widget, #playlist_form #playlist_container .playlist-folder .selected-widget {
  width: 0;
  flex: .4 1 0
}
@media (max-width:1280px) {
  #playlist_form #playlist_container .playlist-folder .available-widget, #playlist_form #playlist_container .playlist-folder .selected-widget {
    width: 100%
  }
}
#playlist_form #playlist_container .playlist-folder .available-widget .widget-box, #playlist_form #playlist_container .playlist-folder .selected-widget .widget-box {
  border: none;
  margin-top: 0
}
#playlist_form #playlist_container .playlist-folder .available-widget .widget-box .widget-body, #playlist_form #playlist_container .playlist-folder .selected-widget .widget-box .widget-body {
  border: none;
  border-radius: 8px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .08)
}
#playlist_form #playlist_container .playlist-folder .available-widget .widget-box .widget-body .widget-toolbox, #playlist_form #playlist_container .playlist-folder .selected-widget .widget-box .widget-body .widget-toolbox {
  background-color: #fff;
  border-radius: 8px;
  border: none
}
#playlist_form #playlist_container .playlist-folder .available-widget .widget-box .widget-body .widget-toolbox div[class*=page-length-count-container], #playlist_form #playlist_container .playlist-folder .selected-widget .widget-box .widget-body .widget-toolbox div[class*=page-length-count-container] {
  margin-left: auto;
  display: flex;
  flex-direction: column
}
#playlist_form #playlist_container .playlist-folder .available-widget .widget-box .widget-body .widget-toolbox div[class*=page-length-count-container] div[class*=page-length-container_], #playlist_form #playlist_container .playlist-folder .selected-widget .widget-box .widget-body .widget-toolbox div[class*=page-length-count-container] div[class*=page-length-container_] {
  align-items: center;
  display: flex;
  margin-right: -5px
}
#playlist_form #playlist_container .playlist-folder .available-widget .widget-box .widget-body .widget-toolbox div[class*=page-length-count-container] div[class*=page-length-container_] > label, #playlist_form #playlist_container .playlist-folder .selected-widget .widget-box .widget-body .widget-toolbox div[class*=page-length-count-container] div[class*=page-length-container_] > label {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-content-tertiary)
}
#playlist_form #playlist_container .playlist-folder .available-widget .widget-box .widget-body .widget-toolbox div[class*=page-length-count-container] div[class*=page-length-container_] select.page-length-items, #playlist_form #playlist_container .playlist-folder .selected-widget .widget-box .widget-body .widget-toolbox div[class*=page-length-count-container] div[class*=page-length-container_] select.page-length-items {
  cursor: pointer;
  color: var(--color-content-secondary);
  font-size: 13px;
  line-height: 14px;
  padding: 0 0 0 6px;
  width: 54px;
  height: 20px;
  min-width: auto;
  border: none;
  background: url(../images/arrow_down_hitgrey.svg) right center no-repeat var(--color-background-inverse) !important
}
#playlist_form #playlist_container .playlist-folder .available-widget .widget-box .widget-body div[class*=select-all-items-container], #playlist_form #playlist_container .playlist-folder .selected-widget .widget-box .widget-body div[class*=select-all-items-container] {
  display: flex;
  align-items: center;
  padding-right: 16px;
  padding-left: 16px;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px;
  background: var(--color-background-secondary);
  border: none;
  height: 40px;
  margin-bottom: 8px
}
#playlist_form #playlist_container .playlist-folder .available-widget .widget-box .widget-body div[class*=select-all-items-container] .select-all-checkbox-container > label:first-of-type, #playlist_form #playlist_container .playlist-folder .selected-widget .widget-box .widget-body div[class*=select-all-items-container] .select-all-checkbox-container > label:first-of-type {
  color: var(--color-content-primary);
  margin-right: 21px;
  margin-bottom: 3px
}
#playlist_form #playlist_container .playlist-folder .available-widget .widget-box .widget-body div[class*=select-all-items-container] .select-all-checkbox-container > label.title, #playlist_form #playlist_container .playlist-folder .selected-widget .widget-box .widget-body div[class*=select-all-items-container] .select-all-checkbox-container > label.title {
  color: var(--color-content-primary);
  font-size: 14px;
  font-weight: 500
}
#playlist_form #playlist_container .playlist-folder .available-widget .widget-box .widget-body div[class*=select-all-items-container] .mass-playlist-action-container, #playlist_form #playlist_container .playlist-folder .selected-widget .widget-box .widget-body div[class*=select-all-items-container] .mass-playlist-action-container {
  margin-left: auto
}
#playlist_form #playlist_container .playlist-folder .available-widget .widget-box .widget-body div[class*=select-all-items-container] .mass-playlist-action-container .mass-playlist-action, #playlist_form #playlist_container .playlist-folder .selected-widget .widget-box .widget-body div[class*=select-all-items-container] .mass-playlist-action-container .mass-playlist-action {
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px
}
#playlist_form #playlist_container .playlist-folder .available-widget .widget-box .widget-body .items-list, #playlist_form #playlist_container .playlist-folder .selected-widget .widget-box .widget-body .items-list {
  min-height: 400px;
  overflow: auto;
  margin-bottom: 0
}
#playlist_form #playlist_container .playlist-folder .available-widget .widget-box .widget-body .items-list .empty-msg, #playlist_form #playlist_container .playlist-folder .selected-widget .widget-box .widget-body .items-list .empty-msg {
  height: 400px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
#playlist_form #playlist_container .playlist-folder .available-widget .widget-box .widget-body .items-list .empty-msg p, #playlist_form #playlist_container .playlist-folder .selected-widget .widget-box .widget-body .items-list .empty-msg p {
  font-size: 16px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  height: 100%
}
#playlist_form #playlist_container .playlist-folder .available-widget .widget-box div[class*=pagination-container], #playlist_form #playlist_container .playlist-folder .selected-widget .widget-box div[class*=pagination-container] {
  display: flex;
  padding-top: 8px
}
#playlist_form #playlist_container .playlist-folder .available-widget .widget-box div[class*=pagination-container] .duplicate-indicator-memorandum, #playlist_form #playlist_container .playlist-folder .selected-widget .widget-box div[class*=pagination-container] .duplicate-indicator-memorandum {
  display: flex;
  align-items: center
}
#playlist_form #playlist_container .playlist-folder .available-widget .widget-box div[class*=pagination-container] .duplicate-indicator-memorandum .duplicate-expl-msg, #playlist_form #playlist_container .playlist-folder .selected-widget .widget-box div[class*=pagination-container] .duplicate-indicator-memorandum .duplicate-expl-msg {
  font-size: 12px;
  font-weight: 400;
  color: var(--color-content-tertiary);
  display: flex;
  align-items: center;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px
}
#playlist_form #playlist_container .playlist-folder .available-widget .widget-box div[class*=pagination-container] .duplicate-indicator-memorandum .duplicate-expl-msg:before, #playlist_form #playlist_container .playlist-folder .selected-widget .widget-box div[class*=pagination-container] .duplicate-indicator-memorandum .duplicate-expl-msg:before {
  min-width: 10px;
  width: 10px;
  height: 10px;
  background-color: #623bd7;
  border-radius: 100%;
  content: '';
  align-self: flex-start;
  margin-top: 3px
}
#playlist_form #playlist_container .playlist-folder .available-widget .widget-box div[class*=pagination-container] span:first-of-type, #playlist_form #playlist_container .playlist-folder .selected-widget .widget-box div[class*=pagination-container] span:first-of-type {
  margin-left: auto
}
#playlist_form #playlist_container .playlist-folder .available-widget .widget-box div[class*=pagination-container] span.pagination-numbers-container, #playlist_form #playlist_container .playlist-folder .selected-widget .widget-box div[class*=pagination-container] span.pagination-numbers-container {
  display: flex
}
#playlist_form #playlist_container .playlist-folder .available-widget .widget-box div[class*=pagination-container] span:last-of-type:not(.ellipsis), #playlist_form #playlist_container .playlist-folder .selected-widget .widget-box div[class*=pagination-container] span:last-of-type:not(.ellipsis) {
  padding-right: 0 !important
}
#playlist_form #playlist_container .playlist-folder .available-widget .form-search {
  background-color: var(--color-background-inverse);
  padding: 16px;
  display: flex;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px
}
@media (max-width:540px) {
  #playlist_form #playlist_container .playlist-folder .available-widget .form-search {
    flex-direction: column;
    row-gap: 12px
  }
}
#playlist_form #playlist_container .playlist-folder .available-widget .form-search .custom-search.search-container {
  padding-left: 0;
  display: flex;
  max-width: 330px;
  width: 100%;
  align-items: center
}
@media (max-width:1560px) and (min-width:1280px) {
  #playlist_form #playlist_container .playlist-folder .available-widget .form-search .custom-search.search-container {
    max-width: 220px
  }
}
#playlist_form #playlist_container .playlist-folder .available-widget .form-search .custom-search.search-container > label {
  margin-bottom: 0;
  width: 100%
}
#playlist_form #playlist_container .playlist-folder .available-widget .form-search .custom-search.search-container > label #search-text {
  padding: 10px 70px 10px 16px;
  border-radius: 5px !important;
  height: 44px !important;
  width: 100%;
  border: 1px solid var(--color-border-default);
  color: var(--color-content-primary);
  font-size: 13px
}
#playlist_form #playlist_container .playlist-folder .available-widget .form-search .custom-search.search-container > label #search-text:focus {
  border: 1px solid var(--color-border-focus)
}
#playlist_form #playlist_container .playlist-folder .available-widget .form-search .page-length-count-container .list-count {
  padding: 0 0 8px;
  text-align: right;
  font-size: 13px;
  line-height: 14px;
  color: var(--color-content-tertiary)
}
#playlist_form #playlist_container .playlist-folder .available-widget .select-all-items-container .add-to-playlist-container .add-to-playlist {
  color: var(--color-content-primary)
}
#playlist_form #playlist_container .playlist-folder .available-widget .num_of_items_container {
  padding: 12px;
  border-bottom: 1px solid var(--color-border-default)
}
#playlist_form #playlist_container .playlist-folder .available-widget .num_of_items_container .num_of_items {
  font-size: 14px
}
#playlist_form #playlist_container .playlist-folder .available-widget #available .message-item .title {
  max-width: 76%;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px
}
#playlist_form #playlist_container .playlist-folder .available-widget #available .spinner-container, #playlist_form #playlist_container .playlist-folder .available-widget #available .subplaylist-options-container, #playlist_form #playlist_container .playlist-folder .available-widget #available a.remove {
  display: none !important
}
#playlist_form #playlist_container .playlist-folder .selected-widget .header-title-upload-media-container {
  background-color: var(--color-background-inverse);
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  padding: 16px 16px 10px
}
#playlist_form #playlist_container .playlist-folder .selected-widget .header-title-upload-media-container label {
  line-height: 18px;
  font-size: 18px;
  font-weight: 500;
  color: var(--basic_branding);
  margin-bottom: 0
}
#playlist_form #playlist_container .playlist-folder .selected-widget .header-title-upload-media-container .upload-media-button {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin-left: auto;
  font-weight: 700;
  font-size: 14px;
  color: var(--basic_branding);
  padding-right: 8px;
  border-right: 1px solid var(--color-border-section);
  cursor: pointer
}
#playlist_form #playlist_container .playlist-folder .selected-widget .duration-per-page-container {
  background-color: var(--color-background-inverse);
  display: flex;
  padding: 0 16px 2px
}
@media (max-width:400px) {
  #playlist_form #playlist_container .playlist-folder .selected-widget .duration-per-page-container {
    flex-direction: column
  }
}
#playlist_form #playlist_container .playlist-folder .selected-widget .duration-per-page-container #playlist-folder-total-duration {
  margin-top: 0;
  padding: 0 !important
}
#playlist_form #playlist_container .playlist-folder .selected-widget .duration-per-page-container #playlist-folder-total-duration > span {
  display: flex;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-content-tertiary)
}
#playlist_form #playlist_container .playlist-folder .selected-widget .duration-per-page-container #playlist-folder-total-duration > span .playlist-duration-extra {
  font-size: 10px;
  line-height: 20px;
  margin-bottom: 0
}
#playlist_form #playlist_container .playlist-folder .selected-widget .playlist-select-all-items-container .remove-from-playlist-container .remove-from-playlist {
  color: var(--color-content-negative)
}
#playlist_form #playlist_container .playlist-folder .selected-widget .playlist-select-all-items-container .remove-from-playlist-container .remove-from-playlist:hover {
  color: var(--color-border-negative)
}
#playlist_form #playlist_container .playlist-folder .selected-widget #selected .message-item .title {
  max-width: 76%
}
#playlist_form #playlist_container .playlist-folder .selected-widget #selected a.add {
  display: none !important
}
#playlist_form #playlist_container .playlist-folder .selected-widget #selected .subplaylist-options-container {
  width: 103px;
  text-align: center;
  cursor: pointer;
  border-top: 1px solid var(--color-border-section);
  margin-bottom: 0
}
#playlist_form #playlist_container .playlist-folder .selected-widget #selected .subplaylist-options-container .subplaylist-options-button {
  width: 100%;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px
}
#playlist_form #playlist_container .playlist-folder .selected-widget #selected .subplaylist-options-container .empty {
  height: 0
}
#playlist_form #playlist_container .playlist-folder .message-item {
  overflow: hidden;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid var(--color-background-tertiary) !important;
  border: none;
  height: 72px
}
#playlist_form #playlist_container .playlist-folder .message-item:not(.hidden) {
  display: inline-flex !important;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px
}
#playlist_form #playlist_container .playlist-folder .message-item .item-name-container {
  display: inline-flex;
  align-items: center;
  flex: .5 1 0;
  width: 0;
  justify-content: flex-start
}
#playlist_form #playlist_container .playlist-folder .message-item .item-name-container .checkbox-container {
  margin-bottom: 0;
  margin-right: 24px
}
#playlist_form #playlist_container .playlist-folder .message-item .item-name-container .duplicate-indicator {
  min-width: 10px;
  width: 10px;
  height: 10px;
  background-color: #623bd7;
  border-radius: 100%
}
#playlist_form #playlist_container .playlist-folder .message-item .media-type-container {
  color: var(--color-content-primary);
  flex: .1 1 0
}
#playlist_form #playlist_container .playlist-folder .message-item .media-type-container .media-type {
  font-size: 18px
}
#playlist_form #playlist_container .playlist-folder .message-item .buttons-container {
  align-items: center;
  width: 48%;
  justify-content: flex-end;
  display: flex;
  -webkit-column-gap: 18px;
  -moz-column-gap: 18px;
  column-gap: 18px;
  flex: .4 1 0
}
#playlist_form #playlist_container .playlist-folder .message-item .buttons-container .toolbar {
  display: flex;
  align-items: center;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px
}
#playlist_form #playlist_container .playlist-folder .message-item .buttons-container .toolbar a {
  display: flex;
  align-items: center;
  justify-content: center
}
#playlist_form #playlist_container .playlist-folder .message-item .buttons-container .toolbar a:not(.remove) {
  color: var(--color-content-primary) !important
}
#playlist_form #playlist_container .playlist-folder .message-item .title {
  display: flex;
  align-items: center
}
#playlist_form #playlist_container .playlist-folder .message-item .title.inline {
  overflow: hidden
}
#playlist_form #playlist_container .playlist-folder .message-item .title .item-name {
  vertical-align: middle;
  display: block;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
#playlist_form #playlist_container .playlist-folder li .toolbar a {
  text-decoration: none !important
}
#playlist_form #playlist_container .playlist-folder li .toolbar a:hover {
  background: var(--color-background-primary);
  border-radius: 16px
}
#playlist_form #playlist_container .playlist-folder li .toolbar a i {
  font-size: 24px
}
#playlist_form #playlist_container .playlist-folder li.media_expired .expired-label-folder > span:not(.item-name, .duplicate-indicator) {
  display: inherit;
  color: var(--color-content-negative);
  background-color: var(--color-background-primary);
  font-size: 10px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 37px;
  margin-left: 5px
}
#playlist_form #playlist_container .playlist-folder li.media_slots .slots-label-folder > span:not(.item-name, .duplicate-indicator) {
  display: inherit;
  color: var(--color-content-primary);
  background-color: var(--color-background-primary);
  font-size: 14px;
  border-radius: 4px;
  margin-left: 5px;
  width: 24px;
  height: 20px
}
#playlist_form #playlist_container .playlist-folder li.media_slots .slots-label-folder > span:not(.item-name, .duplicate-indicator) i {
  margin: 2px 0 0 5px
}
#playlist_form bbf-list li {
  padding-left: 0;
  padding-right: 0;
  border-bottom: 1px solid #dce8f1;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative
}
#playlist_form bbf-list li:first-child .li-label {
  display: none
}
#playlist_form h3.smaller {
  display: block;
  padding-bottom: 0
}
.subplaylist_selected {
  min-height: 138px;
  background: var(--color-background-inverse);
  display: flex
}
.subplaylist_selected li {
  display: inline-block !important;
  border: 1px solid var(--color-border-section)
}
.subplaylist_selected li .spinner-container {
  border-top: 1px solid var(--color-border-section);
  pointer-events: none
}
.subplaylist_selected li .spinner-container .ui-spinner-button {
  width: 30px;
  float: left;
  height: 28px;
  background: var(--color-background-primary)
}
.subplaylist_selected li .spinner-container .ui-spinner-button .ui-icon {
  position: static;
  height: 100%
}
.subplaylist_selected li .spinner-container .ui-spinner-button:hover {
  text-decoration: none
}
.subplaylist_selected li .spinner-container .ui-spinner-down, .subplaylist_selected li .spinner-container .ui-spinner-up {
  position: relative;
  bottom: 0;
  right: 0
}
.subplaylist_selected li .spinner-container .ui-spinner-down .ui-icon {
  border-right: 1px solid var(--color-border-section)
}
.subplaylist_selected li .spinner-container .ui-spinner-up .ui-icon {
  border-left: 1px solid var(--color-border-section)
}
.subplaylist_selected li .spinner-container input.duration-spinner {
  text-align: center !important;
  padding: 0;
  width: 60px;
  margin: 0;
  float: left;
  height: 28px !important;
  border: 0 !important;
  background-color: var(--color-background-primary)
}
.subplaylist_selected li .text {
  display: none
}
.subplaylist_selected li .playlist-item-buttons > a.add {
  display: none !important
}
.subplaylist_selected li .subplaylist-options-container .empty {
  height: 28px;
  background-color: var(--color-background-tertiary);
  display: block;
  cursor: default;
  border: none !important
}
.subplaylist_selected li .subplaylist-options-container .subplaylist-options-button {
  display: none
}
.playback-options-subplaylist-filmstrip .containers .tagbased-preview .control-label, .playback-options-subplaylist-filmstrip .selected-widget .tagbased-preview .control-label {
  text-align: left
}
.playback-options-subplaylist-filmstrip .selected-container {
  float: none
}
.playback-options-subplaylist-filmstrip .selected-container, .playback-options-subplaylist-filmstrip .selected-widget {
  margin-bottom: 20px
}
.playback-options-subplaylist-filmstrip .selected-container .widget-header, .playback-options-subplaylist-filmstrip .selected-widget .widget-header {
  color: var(--basic_branding);
  display: flex;
  align-items: center
}
.playback-options-subplaylist-filmstrip .widget-body {
  border-left: 0;
  border-right: 0
}
.playback-options-subplaylist-filmstrip .widget-body .message-item {
  border-left: 0;
  border-right: 0;
  line-height: 25px !important
}
.playback-options-subplaylist-filmstrip .widget-box {
  border-bottom: 0
}
.playback-options-subplaylist-filmstrip .selected-widget .selected-widget-header {
  display: none
}
.playback-options-subplaylist-filmstrip .tagbased-preview > fieldset {
  padding-left: 0;
  float: none
}
.playback-options-subplaylist-filmstrip .tagbased-preview > fieldset > label, .playback-options-subplaylist-filmstrip .tagbased-preview > fieldset > ul {
  padding-left: 0
}
#folder_subplaylist_selected li {
  display: flex;
  align-items: center;
  justify-content: space-between
}
#folder_subplaylist_selected li .subplaylist-options-container {
  cursor: default;
  border: none !important
}
#folder_subplaylist_selected li .subplaylist-options-container .subplaylist-options-button {
  display: none !important
}
#folder_subplaylist_selected li .title {
  text-overflow: ellipsis;
  overflow: hidden;
  margin-left: 10px;
  width: 100%;
  line-height: 18px
}
#folder_subplaylist_selected li span:first-child {
  line-height: 10px
}
.subplaylist-modal .subplaylist-header {
  color: var(--color-content-primary);
  padding-bottom: 5px;
  border-bottom: 3px solid var(--color-border-section) !important;
  margin-top: 3px
}
.subplaylist-modal .subplaylist-name {
  color: var(--color-content-primary);
  padding-bottom: 5px;
  border-bottom: 1px solid var(--color-border-section) !important;
  word-wrap: break-word;
  margin-top: 10px
}
.subplaylist-modal .subplaylist-link {
  border-top: 1px solid var(--color-border-section) !important;
  padding-top: 0;
  border: none !important
}
.subplaylist-modal .modal-footer {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0
}
.subplaylist-modal .subplaylist-options-preview-container .widget-body {
  border-bottom: none
}
.subplaylist-modal .subplaylists-options-spinners-container {
  margin-top: 15px;
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: 160px 1fr;
  width: 100%;
  row-gap: 16px;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px
}
@media only screen and (max-width:768px) {
  .subplaylist-modal .subplaylists-options-spinners-container {
    grid-template-columns: 120px 1fr
  }
}
.subplaylist-modal .subplaylists-options-spinners-container hr {
  grid-column: 1/-1;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px
}
.subplaylist-modal .subplaylists-options-spinners-container > div[class$='-label'] {
  justify-self: self-end
}
.subplaylist-modal .subplaylists-options-spinners-container > div[class$='-label'] label {
  justify-content: center;
  align-items: end;
  flex-direction: row;
  display: flex
}
.subplaylist-modal .subplaylists-options-spinners-container > div {
  align-self: center
}
.subplaylist-modal .subplaylists-options-spinners-container .subplaylist-options-control {
  justify-self: start;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.subplaylist-modal .subplaylists-options-spinners-container .notice-pill {
  grid-column: 1/-1;
  width: 100%;
  background: var(--color-background-notice-subtle);
  border: 1px solid var(--color-background-notice);
  padding: 5px;
  border-radius: 5px;
  margin-top: 6px
}
.subplaylist-modal .subplaylists-options-spinners-container .repeat-labels-container, .subplaylist-modal .subplaylists-options-spinners-container .spinner-labels-container {
  margin-right: 30px
}
.subplaylist-modal .subplaylists-options-spinners-container .repeat-labels-container .control-label:first-child, .subplaylist-modal .subplaylists-options-spinners-container .spinner-labels-container .control-label:first-child {
  margin-bottom: 46px;
  display: block;
  margin-top: 12px
}
.subplaylist-modal .subplaylists-options-spinners-container .max-items-spinner, .subplaylist-modal .subplaylists-options-spinners-container .max-time-spinner {
  display: inline-block
}
.subplaylist-modal .subplaylists-options-spinners-container .max-items-spinner, .subplaylist-modal .subplaylists-options-spinners-container .max-items-spinner .ace-spinner, .subplaylist-modal .subplaylists-options-spinners-container .max-time-spinner, .subplaylist-modal .subplaylists-options-spinners-container .max-time-spinner .ace-spinner {
  width: 110px !important
}
@media (max-width:629px) {
  .subplaylist-modal .subplaylists-options-spinners-container .max-items-spinner, .subplaylist-modal .subplaylists-options-spinners-container .max-items-spinner .ace-spinner, .subplaylist-modal .subplaylists-options-spinners-container .max-time-spinner, .subplaylist-modal .subplaylists-options-spinners-container .max-time-spinner .ace-spinner {
    width: 80px !important
  }
}
.subplaylist-modal .subplaylists-options-spinners-container .max-items-spinner .spinner-buttons, .subplaylist-modal .subplaylists-options-spinners-container .max-time-spinner .spinner-buttons {
  right: 10px;
  bottom: 2px;
  position: absolute
}
.subplaylist-modal .subplaylists-options-spinners-container .max-items-spinner .spinner-buttons > button, .subplaylist-modal .subplaylists-options-spinners-container .max-time-spinner .spinner-buttons > button {
  display: block;
  background: var(--color-background-inverse);
  border: none;
  margin-top: 4px;
  margin-bottom: 4px
}
.subplaylist-modal .subplaylists-options-spinners-container .max-items-spinner .spinner-buttons > button > i, .subplaylist-modal .subplaylists-options-spinners-container .max-time-spinner .spinner-buttons > button > i {
  color: var(--color-content-primary);
  font-size: 14px
}
.subplaylist-modal .subplaylists-options-spinners-container .max-items-container .toggle-editor, .subplaylist-modal .subplaylists-options-spinners-container .max-time-container .toggle-editor {
  padding-left: 40px;
  display: inline-block
}
.subplaylist-modal .subplaylists-options-spinners-container .max-time-container .max-time-spinner .ui-spinner {
  display: inline
}
.subplaylist-modal .subplaylists-options-spinners-container .max-time-container .max-time-spinner .ui-spinner .ui-spinner-up {
  top: -5px;
  right: 10px;
  cursor: pointer
}
.subplaylist-modal .subplaylists-options-spinners-container .max-time-container .max-time-spinner .ui-spinner .ui-spinner-down {
  top: 14px;
  right: 10px;
  cursor: pointer
}
.subplaylist-modal .subplaylists-options-spinners-container .max-time-container .max-time-spinner .ui-spinner .ui-icon > i {
  font-size: 14px;
  color: var(--color-content-primary)
}
.subplaylist-modal .subplaylists-options-spinners-container .max-time-container .max-time-spinner .max-time-spinner-input {
  margin: 0
}
.subplaylist-modal .subplaylists-options-spinners-container .max-time-container .toggle-editor {
  padding-top: 5px
}
#playlist_container .playlist .selected-container {
  padding-bottom: 20px
}
#playlist_container .playlist .selected-container .dd-item {
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none
}
#inline_playlist .selected-container, .playback-options-subplaylist-filmstrip .selected-container, .playlist .selected-container {
  position: static;
  margin-top: 20px;
  overflow-y: hidden;
  overflow-x: scroll
}
#inline_playlist .dd, .playback-options-subplaylist-filmstrip .dd, .playlist .dd {
  max-width: none;
  position: static;
  white-space: nowrap
}
#inline_playlist .dd li, .playback-options-subplaylist-filmstrip .dd li, .playlist .dd li {
  float: none;
  background: 0 0
}
#inline_playlist .dd-list, .playback-options-subplaylist-filmstrip .dd-list, .playlist .dd-list {
  min-width: 100%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: static
}
#inline_playlist .ace-spinner input[type=text].spinner-input.form-control, .playback-options-subplaylist-filmstrip .ace-spinner input[type=text].spinner-input.form-control, .playlist .ace-spinner input[type=text].spinner-input.form-control {
  width: 52px !important
}
#inline_playlist .img-container, .playback-options-subplaylist-filmstrip .img-container, .playlist .img-container {
  width: 120px;
  height: 120px;
  justify-content: center !important;
  align-items: center !important;
  flex-direction: row !important;
  display: flex !important;
  color: #adb5bd
}
#inline_playlist .img-container:not(.empty), .playback-options-subplaylist-filmstrip .img-container:not(.empty), .playlist .img-container:not(.empty) {
  background-color: var(--color-background-inverse)
}
#inline_playlist .img-container img, .playback-options-subplaylist-filmstrip .img-container img, .playlist .img-container img {
  width: 100%;
  height: 100%;
  background: 0 0;
  -o-object-fit: contain;
  object-fit: contain
}
#inline_playlist .img-container .widget-thumbnail, .playback-options-subplaylist-filmstrip .img-container .widget-thumbnail, .playlist .img-container .widget-thumbnail {
  width: 50%
}
#inline_playlist .img-container .text, .playback-options-subplaylist-filmstrip .img-container .text, .playlist .img-container .text {
  background-color: rgba(var(--color-content-primary), .9) !important;
  padding-right: 8px;
  padding-left: 8px
}
#inline_playlist .img-container .text .playlist-item-buttons-container, .playback-options-subplaylist-filmstrip .img-container .text .playlist-item-buttons-container, .playlist .img-container .text .playlist-item-buttons-container {
  width: 100px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}
#inline_playlist .img-container .text .playlist-item-buttons-container .playlist-item-buttons, .playback-options-subplaylist-filmstrip .img-container .text .playlist-item-buttons-container .playlist-item-buttons, .playlist .img-container .text .playlist-item-buttons-container .playlist-item-buttons {
  display: inline-flex;
  background-color: var(--color-brand-subtle);
  border-radius: 8px;
  max-width: 100px;
  height: 36px;
  overflow: hidden
}
#inline_playlist .img-container .text .playlist-item-buttons-container .playlist-item-buttons .playlist-item-button, .playback-options-subplaylist-filmstrip .img-container .text .playlist-item-buttons-container .playlist-item-buttons .playlist-item-button, .playlist .img-container .text .playlist-item-buttons-container .playlist-item-buttons .playlist-item-button {
  padding: 8px;
  color: var(--color-content-primary);
  text-decoration: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center
}
#inline_playlist .img-container .text .playlist-item-buttons-container .playlist-item-buttons .playlist-item-button i, .playback-options-subplaylist-filmstrip .img-container .text .playlist-item-buttons-container .playlist-item-buttons .playlist-item-button i, .playlist .img-container .text .playlist-item-buttons-container .playlist-item-buttons .playlist-item-button i {
  width: 16px;
  height: 16px
}
#inline_playlist .img-container .text .playlist-item-buttons-container .playlist-item-buttons .playlist-item-button:hover, .playback-options-subplaylist-filmstrip .img-container .text .playlist-item-buttons-container .playlist-item-buttons .playlist-item-button:hover, .playlist .img-container .text .playlist-item-buttons-container .playlist-item-buttons .playlist-item-button:hover {
  background-color: var(--color-brand-subtle-hover)
}
#inline_playlist .img-container .text .playlist-item-buttons-container .playlist-item-buttons .playlist-item-button.right-separator, .playback-options-subplaylist-filmstrip .img-container .text .playlist-item-buttons-container .playlist-item-buttons .playlist-item-button.right-separator, .playlist .img-container .text .playlist-item-buttons-container .playlist-item-buttons .playlist-item-button.right-separator {
  border-right: 1px solid var(--color-border-section)
}
#inline_playlist .img-container.text-visible, .playback-options-subplaylist-filmstrip .img-container.text-visible, .playlist .img-container.text-visible {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center
}
#inline_playlist .img-container.text-visible .thumbnail, .playback-options-subplaylist-filmstrip .img-container.text-visible .thumbnail, .playlist .img-container.text-visible .thumbnail {
  width: 77%;
  height: 77%;
  position: absolute;
  top: 1%;
  border: none
}
#inline_playlist .img-container.text-visible i.thumbnail, .playback-options-subplaylist-filmstrip .img-container.text-visible i.thumbnail, .playlist .img-container.text-visible i.thumbnail {
  font-size: 35px;
  top: -9px
}
#inline_playlist .img-container.text-visible .widget-text-container, .playback-options-subplaylist-filmstrip .img-container.text-visible .widget-text-container, .playlist .img-container.text-visible .widget-text-container {
  position: absolute;
  top: 78%;
  left: 0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  text-align: center
}
#inline_playlist .img-container .unfinished-thumbnail, .playback-options-subplaylist-filmstrip .img-container .unfinished-thumbnail, .playlist .img-container .unfinished-thumbnail {
  padding: 8px 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  height: 100%;
  background-color: var(--color-background-tertiary)
}
#inline_playlist .img-container .unfinished-thumbnail i, .playback-options-subplaylist-filmstrip .img-container .unfinished-thumbnail i, .playlist .img-container .unfinished-thumbnail i {
  color: var(--color-content-negative)
}
#inline_playlist .img-container .unfinished-thumbnail .rotating-image, .playback-options-subplaylist-filmstrip .img-container .unfinished-thumbnail .rotating-image, .playlist .img-container .unfinished-thumbnail .rotating-image {
  width: 36px;
  height: 36px;
  -webkit-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite
}
#inline_playlist .img-container .unfinished-thumbnail .item-name, .playback-options-subplaylist-filmstrip .img-container .unfinished-thumbnail .item-name, .playlist .img-container .unfinished-thumbnail .item-name {
  margin-top: 6px;
  text-align: center;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-content-secondary)
}
#inline_playlist .img-container .unavailable-item-background, .playback-options-subplaylist-filmstrip .img-container .unavailable-item-background, .playlist .img-container .unavailable-item-background {
  background-color: transparent !important
}
#inline_playlist .spinner-container .ace-spinner, .playback-options-subplaylist-filmstrip .spinner-container .ace-spinner, .playlist .spinner-container .ace-spinner {
  width: 100px !important
}
#inline_playlist:not(.playback-options-subplaylist-filmstrip) .ace-thumbnails > li:not(.empty):hover > :first-child > .text, .playback-options-subplaylist-filmstrip:not(.playback-options-subplaylist-filmstrip) .ace-thumbnails > li:not(.empty):hover > :first-child > .text, .playlist:not(.playback-options-subplaylist-filmstrip) .ace-thumbnails > li:not(.empty):hover > :first-child > .text {
  display: flex;
  align-items: center;
  justify-content: center
}
#inline_playlist:not(.playback-options-subplaylist-filmstrip) .ace-thumbnails > li > :first-child > .text, .playback-options-subplaylist-filmstrip:not(.playback-options-subplaylist-filmstrip) .ace-thumbnails > li > :first-child > .text, .playlist:not(.playback-options-subplaylist-filmstrip) .ace-thumbnails > li > :first-child > .text {
  opacity: 1;
  display: none
}
#inline_playlist.playback-options-subplaylist-filmstrip .ace-thumbnails > li > :first-child > .text, .playback-options-subplaylist-filmstrip.playback-options-subplaylist-filmstrip .ace-thumbnails > li > :first-child > .text, .playlist.playback-options-subplaylist-filmstrip .ace-thumbnails > li > :first-child > .text {
  opacity: 0
}
@media (max-width:767px) {
  #playlist_container .playlist-widget-header.dropdown #available-filter {
    display: none !important
  }
  #playlist_container .playlist-widget-header.dropdown .dropdown-toggle {
    display: inline-block !important
  }
  #playlist_container .playlist-total-duration.hide-on-mobile {
    display: none !important
  }
  #playlist_container .playlist-total-duration.show-on-mobile {
    margin-top: 0 !important;
    display: inline-flex !important
  }
}
#available > li.message-item.visible.in.ui-sortable-handle > span.buttons-container > span > a {
  border-radius: 50%;
  padding: 4px;
  height: 32px;
  width: 32px
}
@media (max-width:480px) {
  #playlist_form #playlist_container .playlist .containers .available-container.playlist-widget .dropdown-button {
    width: 100%;
    height: 40px;
    color: #000 !important;
    background: var(--color-background-inverse);
    border: var(--color-background-inverse);
    border-radius: 5px;
    text-align: left;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between
  }
  #playlist_form #playlist_container .playlist .containers .available-container.playlist-widget .dropdown-button .arrow {
    margin-right: 8px
  }
  #playlist_form #playlist_container .playlist .containers .available-container.playlist-widget #available-filter {
    display: none
  }
  #playlist_form #playlist_container .playlist .containers .available-container.playlist-widget #available-filter.dropdown-visible {
    display: flex;
    flex-flow: column
  }
  #playlist_form #playlist_container .playlist .containers .available-container.playlist-widget .list-count {
    display: inline
  }
  #playlist_form #playlist_container .playlist .containers .available-container.playlist-widget .playlist-widget-header .search-container {
    width: 100%;
    margin-right: 0;
    margin-top: 8px
  }
  #playlist_form #playlist_container .playlist .containers .available-container.playlist-widget .playlist-widget-header .search-container label, #playlist_form #playlist_container .playlist .containers .available-container.playlist-widget .playlist-widget-header .search-container label #search-text {
    width: 100%
  }
}
.info-pills-container {
  position: absolute;
  right: 0;
  top: 6px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 6px;
  padding: 0 6px
}
.info-pills-container .repeat-until-max-label {
  color: var(--color-content-primary);
  background-color: var(--color-background-secondary);
  font-size: 14px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 600;
  padding: 3px;
  border-radius: 4px
}
@media (max-width:768px) {
  .info-pills-container .repeat-until-max-label {
    font-size: 12px !important;
    letter-spacing: .04em !important
  }
  .bbf-list[name='tagbased.includes'] li, .bbf-list[name='tagbased.excludes'] li {
    flex-direction: column;
    align-items: self-start
  }
}
.info-pills-container .repeat-until-max-label span.material-symbols-outlined {
  font-size: 1em
}
.info-pills-container .expired-label {
  color: var(--color-content-negative);
  background-color: var(--color-background-primary);
  font-size: 10px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 37px
}
.subplaylist_link {
  cursor: pointer
}
.bbf-list[name='tagbased.includes'] li, .bbf-list[name='tagbased.excludes'] li {
  position: relative
}
.bbf-list[name='tagbased.includes'] li .li-label, .bbf-list[name='tagbased.excludes'] li .li-label {
  position: absolute;
  left: -180px;
  width: 165px;
  text-align: right
}
@media (max-width:768px) {
  .bbf-list[name='tagbased.includes'] li .li-label, .bbf-list[name='tagbased.excludes'] li .li-label {
    position: relative;
    left: 0;
    text-align: left;
    margin-bottom: 10px
  }
}
.bbf-list[name='tagbased.includes'] li:first-child .li-label, .bbf-list[name='tagbased.excludes'] li:first-child .li-label {
  display: none
}
.bbf-list[name='tagbased.includes'] li .bbf-del, .bbf-list[name='tagbased.excludes'] li .bbf-del {
  position: absolute;
  left: 200px;
  z-index: 10
}
.bbf-list[name='tagbased.includes'] li .mini-notice, .bbf-list[name='tagbased.excludes'] li .mini-notice {
  position: absolute;
  left: 200px;
  z-index: 10;
  top: 7px
}
.bbf-list[name='tagbased.includes'] li .selected-tags, .bbf-list[name='tagbased.excludes'] li .selected-tags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}
.bbf-list[name='tagbased.includes'] li .selected-tags span.tm-tag.tm-tag-typeahead, .bbf-list[name='tagbased.excludes'] li .selected-tags span.tm-tag.tm-tag-typeahead {
  order: 10;
  height: 23px
}
.bbf-list[name='tagbased.includes'] li .selected-tags .twitter-typeahead, .bbf-list[name='tagbased.excludes'] li .selected-tags .twitter-typeahead {
  position: relative;
  display: inline-block;
  order: 1;
  width: 100%
}
.playlist-gallery-modal .error-on-get-auth-url, .playlist-gallery-modal div[class$='-auth-container'] {
  margin-top: 20px
}
.playlist-gallery-modal div[class$='-auth-container'] div[class^=linked-third-party-account-] {
  padding-bottom: 15px;
  border-bottom: 1px solid var(--color-background-tertiary)
}
.playlist-gallery-modal div[class^=linked-third-party-account-], .playlist-gallery-modal div[class^=selected-third-party-folder-] {
  margin-bottom: 15px
}
.playlist-gallery-modal div[class^=linked-third-party-account-] label, .playlist-gallery-modal div[class^=selected-third-party-folder-] label {
  display: block;
  color: var(--basic_branding);
  margin-bottom: 10px
}
.playlist-gallery-modal div[class^=linked-third-party-account-] .content-and-button-container, .playlist-gallery-modal div[class^=selected-third-party-folder-] .content-and-button-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap
}
.playlist-gallery-modal div[class^=linked-third-party-account-] .content-and-button-container button[id$='_chooser_button'], .playlist-gallery-modal div[class^=selected-third-party-folder-] .content-and-button-container button[id$='_chooser_button'] {
  color: var(--color-content-primary);
  padding: 8px 16px;
  border-radius: 8px;
  background-color: var(--color-background-inverse)
}
.playlist-gallery-modal div[class^=linked-third-party-account-] .content-and-button-container .content-container, .playlist-gallery-modal div[class^=selected-third-party-folder-] .content-and-button-container .content-container {
  display: flex;
  align-items: center;
  min-height: 40px;
  margin-right: auto;
  margin-top: 10px
}
.playlist-gallery-modal div[class^=linked-third-party-account-] .content-and-button-container .content-container .linked-account-name, .playlist-gallery-modal div[class^=linked-third-party-account-] .content-and-button-container .content-container .selected-folder-path, .playlist-gallery-modal div[class^=selected-third-party-folder-] .content-and-button-container .content-container .linked-account-name, .playlist-gallery-modal div[class^=selected-third-party-folder-] .content-and-button-container .content-container .selected-folder-path {
  word-break: break-word;
  margin-right: 10px
}
.playlist-gallery-modal .sharepoint-playlist-sites-container {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--color-background-tertiary)
}
.playlist-gallery-modal .sharepoint-playlist-sites-container label {
  padding-bottom: 4px
}
.playlist-gallery-modal .sharepoint-playlist-sites-container .sharepoint-playlist-sites-selection-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px
}
.playlist-gallery-modal .sharepoint-playlist-sites-container .sharepoint-playlist-sites-selection-row .sharepoint-playlist-sites-selection-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex-shrink: 0;
  min-width: 180px
}
.playlist-gallery-modal .sharepoint-playlist-sites-container .sharepoint-playlist-sites-selection-row .sharepoint-playlist-sites-selection-info label {
  color: var(--color-content-primary);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: .56px
}
.playlist-gallery-modal .sharepoint-playlist-sites-container .sharepoint-playlist-sites-selection-row .sharepoint-playlist-sites-selection-info .sharepoint-playlist-no-site-selected {
  color: var(--color-content-tertiary);
  line-height: 1.4
}
.playlist-gallery-modal .sharepoint-playlist-sites-container .sharepoint-playlist-sites-selection-row .sharepoint-playlist-sites-selection-dropdown {
  flex: 1;
  max-width: 293px;
  min-width: 200px
}
.playlist-gallery-modal .sharepoint-playlist-sites-container .sharepoint-playlist-sites-selection-row .sharepoint-playlist-sites-selection-dropdown select.form-control {
  width: 100%
}
.playlist-gallery-modal .sharepoint-playlist-sites-container .sharepoint-playlist-sites-selection-row .sharepoint-playlist-sites-selection-dropdown .select2-container {
  width: 100% !important;
  min-width: 0;
  box-sizing: border-box
}
.playlist-gallery-modal .sharepoint-playlist-sites-container .sharepoint-playlist-sites-selection-row .sharepoint-playlist-sites-selection-dropdown .select2-container.select2-container--default .select2-selection--single {
  height: 40px;
  border-radius: 4px;
  border: 1px solid var(--color-border-section);
  display: flex;
  align-items: center;
  background-color: var(--color-background-inverse)
}
.playlist-gallery-modal .sharepoint-playlist-sites-container .sharepoint-playlist-sites-selection-row .sharepoint-playlist-sites-selection-dropdown .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
  display: block !important;
  width: calc(100% - 30px);
  padding-left: 12px;
  padding-right: 0;
  line-height: 38px;
  color: var(--color-content-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-height: auto !important
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event .fc-content .fc-time span, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event .fc-content .fc-time span, #user_menu_container .user-menu > li a, #volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event .fc-content .fc-time span, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event .fc-content .fc-time span, .playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery .source-button > div {
  white-space: break-spaces
}
.playlist-gallery-modal .sharepoint-playlist-sites-container .sharepoint-playlist-sites-selection-row .sharepoint-playlist-sites-selection-dropdown .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 38px;
  width: 30px;
  right: 0;
  position: absolute;
  top: 0
}
.playlist-gallery-modal .sharepoint-playlist-sites-container .sharepoint-playlist-sites-selection-row .sharepoint-playlist-sites-selection-dropdown .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-top: -2px
}
.playlist-gallery-modal .sharepoint-playlist-sites-container .sharepoint-playlist-sites-selection-row .sharepoint-playlist-sites-selection-dropdown .select2-container.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--color-content-tertiary)
}
.playlist-gallery-modal .sharepoint-playlist-sites-container .sharepoint-playlist-sites-selection-row .sharepoint-playlist-sites-selection-dropdown .select2-container.select2-container--default .select2-selection--single .select2-selection__clear {
  margin-right: 20px;
  font-size: 16px
}
.playlist-gallery-modal .sharepoint-playlist-sites-container .sharepoint-playlist-sites-selection-row .sharepoint-playlist-sites-selection-dropdown .select2-dropdown {
  border: 1px solid var(--color-border-section);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .1)
}
.playlist-gallery-modal .modal-dialog {
  max-width: 730px;
  width: 100%
}
.playlist-gallery-modal .modal-dialog .modal-content {
  width: 100%;
  border-radius: 8px
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-header {
  border-bottom: none
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body {
  background-color: var(--color-background-primary);
  border-radius: 8px;
  padding: 24px 15px 0;
  margin: 0 15px
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery .btn-group .active {
  border: 1px solid #000
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery .source-button {
  height: 118px;
  width: 116px;
  background-color: var(--color-background-inverse) !important;
  border: 1px solid var(--color-background-inverse);
  border-radius: 12px !important;
  padding-top: 22px
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery .source-button > i {
  color: var(--color-content-primary) !important;
  font-size: 26px
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery .source-button:hover {
  border-color: var(--color-border-hover)
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery .source-button.active, .playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery .source-button:focus {
  border-color: var(--color-border-focus)
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery #import_csv_form .select2 {
  max-width: 100% !important
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery #import_csv_form #csv_input_file_container .ace-file-input {
  border-radius: 5px;
  display: flex;
  align-items: center;
  color: var(--color-content-tertiary);
  background-color: var(--color-background-inverse)
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery #import_csv_form #csv_input_file_container .ace-file-input .file-label {
  max-width: 640px;
  width: 100%;
  margin: 0;
  height: auto;
  border: 1px dashed var(--color-border-section)
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery #import_csv_form #csv_input_file_container .ace-file-input .file-label.selected {
  border: none;
  height: 42px;
  padding-top: 2px;
  align-items: center;
  display: flex;
  justify-content: space-between
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery #import_csv_form #csv_input_file_container .ace-file-input .file-label.selected [data-title] {
  vertical-align: top
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery #import_csv_form #csv_input_file_container .ace-file-input .file-label.selected i {
  color: var(--color-content-primary);
  margin-right: 10px;
  margin-left: 5px
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery #import_csv_form #csv_input_file_container .ace-file-input .file-label.selected .file-name {
  align-items: center;
  display: flex;
  max-width: 590px
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery #import_csv_form #csv_input_file_container .ace-file-input .file-label ::after {
  color: var(--color-content-primary)
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery #import_csv_form #csv_input_file_container .ace-file-input .file-label img {
  margin-top: 20px
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery #import_csv_form #csv_input_file_container .ace-file-input .remove {
  color: var(--color-content-tertiary);
  margin: 0 13px 0 0;
  position: relative;
  border: none;
  right: 0;
  top: 0
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery #import_csv_form #csv_input_file_container .ace-file-input .remove i {
  font-size: 24px;
  font-weight: 600
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery #import_csv_form #csv_input_file_container .ace-file-input .ds-mass-upload {
  font-size: 27px;
  height: 27px;
  line-height: 28px;
  font-weight: 600
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery #import_csv_form #sel_workspace {
  padding: 10px 10px 10px 23px;
  border-radius: 4px;
  border: 1px solid var(--color-border-section) !important;
  height: 44px;
  max-width: 640px
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery #import_csv_form .default_on {
  color: var(--color-content-tertiary)
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery #import_csv_form .default_on option:not([disabled]) {
  color: #000
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery #import_csv_form .workspace-section.error label, .playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery #import_csv_form .workspace-section.error select#sel_workspace {
  border-color: red
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery .csv-playlist-gallery .premium-plan-available-indicator, .playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery .interactive-playlist-gallery .premium-plan-available-indicator, .playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery .tagbased-playlist-gallery .premium-plan-available-indicator {
  float: right;
  position: absolute;
  right: 3px;
  top: 3px;
  padding: 4px 8px;
  color: #fff;
  border-bottom-left-radius: 8px;
  text-align: center
}
body.whitelabel .playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery .csv-playlist-gallery .premium-plan-available-indicator, body.whitelabel .playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery .interactive-playlist-gallery .premium-plan-available-indicator, body.whitelabel .playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery .tagbased-playlist-gallery .premium-plan-available-indicator {
  display: block;
  border-color: var(--basic_branding);
  background-color: var(--basic_branding) !important
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery .onedrive-playlist-gallery > i {
  padding-top: 0;
  padding-bottom: 5px;
  margin-top: 20px
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery .onedrive-playlist-gallery > div {
  margin-top: 0;
  display: flex;
  flex-direction: column
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .playlist-source-gallery .onedrive-playlist-gallery > label {
  display: none
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .form-container .validation-input-field-container input[type=text] {
  padding: 12px 16px;
  border-radius: 4px !important;
  border: 1px solid var(--color-border-section)
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .form-container .ds-all-media, .playlist-gallery-modal .modal-dialog .modal-content .modal-body .form-container .ds-link {
  font-size: 16px;
  font-weight: 600;
  vertical-align: middle
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .form-container .source-description {
  border: none !important;
  padding-bottom: 0 !important
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .form-container .btn {
  padding: 10.5px 16px;
  border-radius: 8px;
  background-color: var(--color-background-inverse) !important;
  border: 1px solid var(--color-border-section) !important;
  color: var(--color-content-primary) !important
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .form-container .form-group .file-label:before {
  margin: 0
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .form-container .mrg-bottom-0 {
  color: var(--color-content-primary)
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .form-container button {
  border: 1px solid var(--color-border-section) !important
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .form-container .folder-selection-default {
  color: var(--color-content-tertiary)
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .form-container .validation-buttons-container .btn {
  background-color: #000 !important;
  color: var(--color-background-inverse) !important
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .header-counter-container .left_box_question p, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .header-counter-container .left_box_question p, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .header-counter-container .left_box_question p, .playlist-gallery-modal .modal-dialog .modal-content .modal-body .form-container .selected-folder-path, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .header-counter-container .left_box_question p, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .header-counter-container .left_box_question p, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .header-counter-container .left_box_question p {
  color: var(--color-content-primary)
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body .form-container .validation-buttons-container .secondary-button {
  background-color: var(--color-background-inverse)
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body [data-error] {
  margin-top: 12px;
  min-height: 21px
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body div[class*='-wait-auth-container'] {
  margin-top: 48px
}
.playlist-gallery-modal .modal-dialog .modal-content .modal-body div[class*='-wait-auth-container'] .waiting-authorization {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  color: var(--color-content-secondary)
}
.playlist_source_error_modal .text-warning {
  color: var(--color-content-primary) !important
}
.playlist_source_error_modal .modal-body {
  text-align: center
}
.playlist_source_error_modal .modal-body .update-message-body {
  padding-top: 6px
}
.playlist_source_error_modal .modal-body .update-message-footer {
  padding-top: 28px;
  color: var(--color-content-tertiary)
}
.picker.picker-dialog {
  z-index: 1043
}
.picker.picker-dialog-bg {
  z-index: 1042
}
.purchase-wizard-header {
  margin: 32px 0 0 !important;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 100%
}
.purchase-wizard-header .purchase-wizard-title {
  margin-left: 16px
}
.purchase-wizard-header .purchase-wizard-back-icon {
  padding: 5px 7px 0 3px;
  background-color: var(--color-background-tertiary);
  border-radius: 8px;
  display: inline-block;
  cursor: pointer
}
.annual-calendar-icon-highlight, .monthly-calendar-icon-highlight, html.dark .annual-calendar-icon-base, html.dark .monthly-calendar-icon-base {
  fill: var(--basic_branding)
}
.addons-wizard, .subscription-wizard {
  padding-right: 36px;
  display: flex;
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto
}
.addons-wizard .button, .subscription-wizard .button {
  cursor: pointer
}
.addons-wizard.confirmation-step #purchase-wizard, .subscription-wizard.confirmation-step #purchase-wizard {
  width: 100%;
  max-width: unset
}
.addons-wizard.confirmation-step #order-details, .subscription-wizard.confirmation-step #order-details {
  display: none
}
.addons-wizard #purchase-wizard, .subscription-wizard #purchase-wizard {
  margin: 32px 0;
  position: relative;
  width: 75%
}
.addons-wizard #purchase-wizard.completed-order, .subscription-wizard #purchase-wizard.completed-order {
  margin-top: 0
}
.addons-wizard #purchase-wizard .wizard-nav-container, .subscription-wizard #purchase-wizard .wizard-nav-container {
  margin-bottom: 64px
}
.addons-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container, .subscription-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container {
  display: flex;
  position: relative;
  justify-content: space-between
}
.addons-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item, .subscription-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item {
  word-break: break-word;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  z-index: 5;
  height: 2px;
  width: 100%;
  background-color: var(--color-brand-subtle)
}
@media (max-width:991px) {
  .addons-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item.mobile-hidden, .subscription-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item.mobile-hidden {
    display: none
  }
}
.addons-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item .wizard-breadcrumb-node, .subscription-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item .wizard-breadcrumb-node {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 26px;
  height: 26px;
  padding: 4px;
  border-radius: 50%;
  z-index: 4;
  background-color: var(--basic_branding);
  color: var(--color-content-inverse)
}
.addons-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item .wizard-breadcrumb-node-label, .subscription-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item .wizard-breadcrumb-node-label {
  position: absolute;
  color: var(--basic_branding);
  margin-top: 56px
}
.addons-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item.finished, .subscription-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item.finished {
  background-color: var(--pagination)
}
.addons-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item.finished .wizard-breadcrumb-node-label, .subscription-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item.finished .wizard-breadcrumb-node-label {
  color: var(--pagination)
}
.addons-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item.finished .wizard-breadcrumb-node, .subscription-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item.finished .wizard-breadcrumb-node {
  padding: 4.5px;
  background-color: var(--pagination)
}
.addons-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item.finished .wizard-breadcrumb-node .finished-step-icon, .subscription-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item.finished .wizard-breadcrumb-node .finished-step-icon {
  display: inline
}
.addons-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item.finished .wizard-breadcrumb-node .wizard-breadcrumb-step-number, .subscription-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item.finished .wizard-breadcrumb-node .wizard-breadcrumb-step-number {
  display: none
}
.addons-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item.selected .wizard-breadcrumb-node-label, .subscription-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item.selected .wizard-breadcrumb-node-label {
  font-size: 14px !important;
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 600 !important
}
.addons-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item:not(.finished) .wizard-breadcrumb-node, .subscription-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item:not(.finished) .wizard-breadcrumb-node {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 26px;
  height: 26px;
  padding: 4px;
  border-radius: 50%;
  z-index: 4;
  background-color: var(--basic_branding);
  color: var(--color-content-inverse)
}
.addons-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item:not(.finished) .wizard-breadcrumb-node .wizard-breadcrumb-step-number, .subscription-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item:not(.finished) .wizard-breadcrumb-node .wizard-breadcrumb-step-number {
  display: inline
}
.addons-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item:not(.finished) .wizard-breadcrumb-node .finished-step-icon, .subscription-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item:not(.finished) .wizard-breadcrumb-node .finished-step-icon {
  display: none
}
.addons-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item:not(:last-child).selected, .subscription-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item:not(:last-child).selected {
  background: linear-gradient(to right, var(--pagination), var(--basic_branding), var(--color-brand-subtle))
}
.addons-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item:first-child, .subscription-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item:first-child {
  align-items: baseline
}
.addons-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item:first-child .wizard-breadcrumb-node-label.word-break, .subscription-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item:first-child .wizard-breadcrumb-node-label.word-break {
  width: 100px;
  top: -38px
}
.addons-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item:last-child, .subscription-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item:last-child {
  align-items: end
}
.addons-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item:last-child.selected, .subscription-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item:last-child.selected {
  background: linear-gradient(to right, var(--pagination), var(--basic_branding))
}
.addons-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item:last-child .wizard-breadcrumb-node-label, .subscription-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item:last-child .wizard-breadcrumb-node-label {
  width: 130px;
  text-align: right;
  padding: 0
}
.addons-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item.step1.hidden + .billing-breadcrumb-item .wizard-breadcrumb-node-label, .subscription-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item.step1.hidden + .billing-breadcrumb-item .wizard-breadcrumb-node-label {
  padding-left: 0
}
.addons-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item:not(.finished):not(.selected) .wizard-breadcrumb-node, .subscription-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item:not(.finished):not(.selected) .wizard-breadcrumb-node {
  background-color: var(--color-brand-subtle);
  color: var(--color-content-secondary)
}
.addons-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item:not(.finished):not(.selected) .wizard-breadcrumb-node-label, .subscription-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container .purchase-wizard-menu-item:not(.finished):not(.selected) .wizard-breadcrumb-node-label {
  color: var(--color-content-secondary)
}
.addons-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container.is-billing .billing-breadcrumb-item, .subscription-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container.is-billing .billing-breadcrumb-item {
  align-items: baseline
}
.addons-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container.is-billing .billing-breadcrumb-item .wizard-breadcrumb-node-label, .subscription-wizard #purchase-wizard .wizard-nav-container .wizard-breadcrumb-steps-container.is-billing .billing-breadcrumb-item .wizard-breadcrumb-node-label {
  width: 130px;
  top: -22px;
  text-align: left
}
.addons-wizard #purchase-wizard .purchase-wizard-content, .subscription-wizard #purchase-wizard .purchase-wizard-content {
  margin-bottom: 64px;
  box-sizing: border-box
}
.addons-wizard #purchase-wizard .purchase-wizard-content.screens-wizard-content, .subscription-wizard #purchase-wizard .purchase-wizard-content.screens-wizard-content {
  display: inline-block;
  width: 100%
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices.purchase-wizard-content-screens.row.step1, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens.purchase-wizard-content-screens.row.step1, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter.purchase-wizard-content-screens.row.step1, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices.purchase-wizard-content-screens.row.step1, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens.purchase-wizard-content-screens.row.step1, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter.purchase-wizard-content-screens.row.step1 {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices.row.step1, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens.row.step1, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter.row.step1, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices.row.step1, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens.row.step1, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter.row.step1 {
  display: flex;
  align-items: center
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .addons-cancellation-container, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .addons-cancellation-container, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .addons-cancellation-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .addons-cancellation-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .addons-cancellation-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .addons-cancellation-container {
  background-color: var(--color-background-warning-subtle);
  border: 1px solid var(--color-border-warning);
  margin-bottom: 16px;
  border-radius: 8px;
  padding: 12px 16px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .warranty-warning-message, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .warranty-warning-message, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .warranty-warning-message, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .warranty-warning-message, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .warranty-warning-message, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .warranty-warning-message {
  background-color: var(--color-background-notice-subtle);
  border: 1px solid var(--color-border-notice);
  margin-bottom: 16px;
  border-radius: 8px;
  padding: 12px 16px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container {
  background-color: var(--color-background-inverse);
  border: 2px solid var(--color-brand-subtle-hover);
  border-radius: 5px;
  padding: 45px 50px;
  justify-content: start;
  align-items: center;
  flex-direction: row;
  display: flex
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .header-counter-container, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .header-counter-container, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .header-counter-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .header-counter-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .header-counter-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .header-counter-container {
  justify-content: center;
  align-items: normal;
  flex-direction: row;
  display: flex;
  padding-right: 10px;
  width: 66%;
  border-right: 2px solid var(--color-background-tertiary)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .header-counter-container .left_box_question, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .header-counter-container .left_box_question, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .header-counter-container .left_box_question, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .header-counter-container .left_box_question, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .header-counter-container .left_box_question, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .header-counter-container .left_box_question {
  align-self: center;
  width: 50%
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .header-counter-container .left_box_question img, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .header-counter-container .left_box_question img, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .header-counter-container .left_box_question img, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .header-counter-container .left_box_question img, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .header-counter-container .left_box_question img, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .header-counter-container .left_box_question img {
  margin-bottom: 8px;
  display: block;
  -webkit-filter: var(--filter);
  filter: var(--filter)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .screen-configurator-container, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .screen-configurator-container, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .screen-configurator-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .screen-configurator-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .screen-configurator-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .screen-configurator-container {
  margin: 0 40px;
  width: 50%;
  justify-content: end;
  align-items: center;
  flex-direction: row;
  display: flex
}
@media (max-width:768px) {
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .screen-configurator-container, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .screen-configurator-container, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .screen-configurator-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .screen-configurator-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .screen-configurator-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .screen-configurator-container {
    margin-left: 0;
    margin-right: 0;
    justify-content: end;
    align-items: center;
    flex-direction: row;
    display: flex
  }
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .screen-configurator-container #numberofscreens-configurator:not(.device-counter), .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .screen-configurator-container #numberofscreens-configurator:not(.device-counter), .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .screen-configurator-container #numberofscreens-configurator:not(.device-counter), .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .screen-configurator-container #numberofscreens-configurator:not(.device-counter), .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .screen-configurator-container #numberofscreens-configurator:not(.device-counter), .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .screen-configurator-container #numberofscreens-configurator:not(.device-counter) {
    border-right: none;
    padding-right: 0
  }
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .screen-configurator-container #numberofscreens-configurator, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .screen-configurator-container #numberofscreens-configurator, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .screen-configurator-container #numberofscreens-configurator, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .screen-configurator-container #numberofscreens-configurator, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .screen-configurator-container #numberofscreens-configurator, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .screen-configurator-container #numberofscreens-configurator {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
@media screen and (max-width:680px) {
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .screen-configurator-container #numberofscreens-configurator > .button, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .screen-configurator-container #numberofscreens-configurator > .field, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .screen-configurator-container #numberofscreens-configurator > .button, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .screen-configurator-container #numberofscreens-configurator > .field, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .screen-configurator-container #numberofscreens-configurator > .button, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .screen-configurator-container #numberofscreens-configurator > .field, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .screen-configurator-container #numberofscreens-configurator > .button, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .screen-configurator-container #numberofscreens-configurator > .field, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .screen-configurator-container #numberofscreens-configurator > .button, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .screen-configurator-container #numberofscreens-configurator > .field, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .screen-configurator-container #numberofscreens-configurator > .button, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .screen-configurator-container #numberofscreens-configurator > .field {
    display: block
  }
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .screen-configurator-container #numberofscreens-configurator > .field, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .screen-configurator-container #numberofscreens-configurator > .field, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .screen-configurator-container #numberofscreens-configurator > .field, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .screen-configurator-container #numberofscreens-configurator > .field, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .screen-configurator-container #numberofscreens-configurator > .field, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .screen-configurator-container #numberofscreens-configurator > .field {
  display: flex;
  align-items: center
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .screen-configurator-container #numberofscreens-configurator button, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .screen-configurator-container #numberofscreens-configurator button, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .screen-configurator-container #numberofscreens-configurator button, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .screen-configurator-container #numberofscreens-configurator button, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .screen-configurator-container #numberofscreens-configurator button, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .screen-configurator-container #numberofscreens-configurator button {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  padding: 8px 13px;
  box-sizing: border-box;
  color: var(--color-background-inverse)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .total-screens-container, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .total-screens-container, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .total-screens-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .total-screens-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .total-screens-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .total-screens-container {
  justify-content: center;
  align-items: normal;
  flex-direction: column;
  display: flex;
  color: var(--color-content-primary);
  width: 33%;
  margin-left: 40px
}
@media (max-width:520px) {
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .total-screens-container, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .total-screens-container, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .total-screens-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .total-screens-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .total-screens-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .total-screens-container {
    padding-left: 0;
    padding-right: 0;
    text-align: left
  }
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .total-screens-container > div, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .total-screens-container > div, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .total-screens-container > div, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .step-content-container .total-screens-container > div, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-screens .step-content-container .total-screens-container > div, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .total-screens-container > div {
  line-height: 36px
}
@media (max-width:680px) {
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container {
    justify-content: center;
    align-items: normal;
    flex-direction: column;
    display: flex
  }
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .entitled-free-players, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .entitled-free-players {
  color: var(--color-content-secondary) !important;
  font-weight: 400 !important
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .shipping-globally-details, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .shipping-globally-details {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 6px;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  border-radius: 4px;
  text-wrap-mode: nowrap;
  background: var(--color-background-warning-subtle);
  color: var(--color-content-primary)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .shipping-globally-details img, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container .shipping-globally-details img {
  height: 20px;
  width: 20px;
  margin-bottom: 0 !important;
  opacity: .75
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container #screen-splitter-configurator, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container #screen-splitter-configurator {
  justify-content: end;
  align-items: center;
  flex-direction: row;
  display: flex
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container #screen-splitter-configurator .field, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container #screen-splitter-configurator .field {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex
}
@media (max-width:420px) {
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container #screen-splitter-configurator .field:nth-child(2), .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container #screen-splitter-configurator .field:nth-child(2) {
    margin-top: 15px
  }
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container #screen-splitter-configurator .field:nth-child(2) .splitter-input-button-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container #screen-splitter-configurator .field:nth-child(2) .splitter-input-button-container {
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    display: flex
  }
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container #screen-splitter-configurator .field .splitter-input-subtitle, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container #screen-splitter-configurator .field .splitter-input-subtitle {
  margin-top: 8px;
  max-width: 150px;
  color: var(--color-content-primary)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container #screen-splitter-configurator .field .splitter-input-subtitle.free-sub, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container #screen-splitter-configurator .field .splitter-input-subtitle.free-sub {
  margin-right: 51px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container #screen-splitter-configurator .field .splitter-input-subtitle.web-sub, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container #screen-splitter-configurator .field .splitter-input-subtitle.web-sub {
  margin-left: 51px
}
@media (max-width:420px) {
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container #screen-splitter-configurator .field .splitter-input-subtitle.web-sub, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-splitter .step-content-container #screen-splitter-configurator .field .splitter-input-subtitle.web-sub {
    align-self: start;
    margin-left: 30px
  }
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator {
  justify-content: start;
  align-items: normal;
  flex-direction: row;
  display: flex
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .purchase-wizard-step-subtitle, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .purchase-wizard-step-subtitle {
  margin-bottom: 30px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container {
  margin-bottom: 10px;
  width: 100%
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans {
  justify-content: center;
  align-items: normal;
  flex-direction: row;
  display: flex
}
@media (max-width:520px) {
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container {
    width: 100%
  }
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans {
    justify-content: center;
    align-items: normal;
    flex-direction: column;
    display: flex
  }
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .billing-plan-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .billing-plan-container {
  justify-content: center;
  align-items: normal;
  flex-direction: row;
  display: flex;
  position: relative;
  width: 50%
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .billing-plan-container .standard-msg, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .billing-plan-container .standard-msg {
  bottom: -26px;
  position: absolute;
  color: var(--color-content-primary)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .plan-select, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .plan-select {
  display: flex;
  width: 100%
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .plan-select.plan-select-left, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .plan-select.plan-select-left {
  margin-right: 10px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .plan-select.plan-select-right, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .plan-select.plan-select-right {
  margin-left: 10px
}
@media (max-width:520px) {
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .billing-plan-container .standard-msg.current-selection, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .billing-plan-container .standard-msg.current-selection {
    bottom: 20px
  }
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .plan-select, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .plan-select {
    width: 100%
  }
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .plan-select.plan-select-left, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .plan-select.plan-select-left {
    margin-right: 0
  }
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .plan-select.plan-select-right, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .plan-select.plan-select-right {
    margin-left: 0
  }
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .button, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .button {
  display: block;
  padding: 27px;
  background-color: var(--color-background-inverse);
  color: var(--color-content-primary);
  margin-bottom: 10px;
  border-radius: 5px;
  width: 100%;
  word-break: break-word;
  overflow: hidden;
  border: 1px solid var(--color-brand-subtle-hover)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .button.selected, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .button.selected {
  border: 1px solid var(--basic_branding)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .button.selected .list-item-icon, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .button.selected .list-item-icon {
  color: var(--basic_branding)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .button:not([data-billing-cycle=annual]) .recommended-wrapper, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .button:not([data-billing-cycle=annual]) .recommended-wrapper {
  display: none
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .button .modal-top, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .button .modal-top {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  background-color: var(--color-background-secondary);
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  white-space: nowrap;
  gap: 16px;
  padding: 4px 16px;
  border-radius: 5px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .button .modal-top.base-annual-without-title, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .button .modal-top.base-annual-without-title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 12px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .button .modal-top.base-annual-without-title > .plan-title, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .button .modal-top.base-annual-without-title > .plan-title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .button .plan-details > p, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .button .plan-details > p {
  margin: 24px 0 5px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .button .plan-details .annuity-features, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .button .plan-details .annuity-features {
  list-style: none;
  margin: 0 0 0 16px;
  -webkit-padding-start: 0;
  padding-inline-start: 0
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .button .plan-details .annuity-features > li, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .button .plan-details .annuity-features > li {
  margin-bottom: 12px;
  margin-top: 12px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .button .plan-details .annuity-features > li .list-item-icon, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .button .plan-details .annuity-features > li .list-item-icon {
  margin-right: 8px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .button .plan-details .single-row-plan-description, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .billing-cycle-plans .button .plan-details .single-row-plan-description {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 8px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .current-selection-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .current-selection-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .current-selection-container .standard-msg, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .current-selection-container .standard-msg {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  color: var(--color-content-primary);
  width: 260px;
  visibility: hidden
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .current-selection-container .standard-msg.is-visible, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-billing #billing-configurator .billing-cycle-plans-container .current-selection-container .standard-msg.is-visible {
  visibility: visible
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .left_box_question, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .left_box_question {
  display: flex;
  align-items: center;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .left_box_question img, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .left_box_question img {
  margin-bottom: 0 !important;
  padding: 8px;
  border-radius: 8px;
  background: var(--color-background-secondary)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .standalone-licenses-message-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .standalone-licenses-message-container {
  margin-top: 24px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  background: var(--color-background-notice-subtle);
  border-radius: 8px;
  border: 1px solid var(--color-border-notice)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .standalone-licenses-message-container .warning-icon, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .standalone-licenses-message-container .warning-icon {
  color: var(--color-content-notice)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .standalone-licenses-message-container .text-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .standalone-licenses-message-container .text-container {
  max-width: 70%
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .standalone-licenses-message-container a, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-devices .standalone-licenses-message-container a {
  margin-left: auto;
  text-align: center
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator {
  margin-top: 0;
  text-align: center
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .model-select, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .model-select {
  display: flex;
  justify-content: center
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .model-select .button, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .model-select .button {
  flex: 1
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .model-select .model-select-right, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .model-select .model-select-right {
  right: 30px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .button.selected, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .button.selected {
  background-color: var(--basic_branding);
  color: var(--color-background-inverse)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .model-title, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .model-title {
  padding: 6px 0
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .model-content, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .model-content {
  padding: 6px 0;
  text-overflow: ellipsis;
  overflow: hidden
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .model-price-footer, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .model-price-footer {
  display: inline-block
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .plan-price, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .plan-price {
  margin-bottom: .1em
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container {
  margin-top: 0;
  display: flex;
  position: relative
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select {
  width: 50%;
  position: relative
}
@media (max-width:520px) {
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container {
    justify-content: start;
    align-items: center;
    flex-direction: column;
    display: flex
  }
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select {
    width: 100%
  }
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select:not(.model-select-4gb) .recommended-wrapper, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select:not(.model-select-4gb) .recommended-wrapper {
  display: none
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select.model-select-1gb, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select.model-select-1gb {
  margin-right: 10px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select.model-select-4gb, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select.model-select-4gb {
  margin-left: 10px
}
@media (max-width:520px) {
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select.model-select-1gb, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select.model-select-1gb {
    margin-right: 0
  }
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select.model-select-4gb, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select.model-select-4gb {
    margin-left: 0
  }
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .top-image, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .top-image {
  width: 180px;
  height: 116px;
  top: -65px;
  position: absolute;
  display: block;
  z-index: 1;
  cursor: pointer
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button {
  border-radius: 5px;
  background-color: var(--color-background-inverse);
  width: 100%;
  display: flex;
  flex-flow: column;
  word-break: break-word;
  min-height: 230px;
  overflow: hidden;
  border: 1px solid var(--color-brand-subtle-hover)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button.selected, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button.selected {
  color: var(--color-content-primary);
  border: 1px solid var(--basic_branding)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button.selected .modal_type_text, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button.selected .modal_type_text {
  color: var(--basic_branding)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button.selected .model-price-footer-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button.selected .model-price-footer-container {
  background-color: var(--color-fill-image) !important
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .modal-top, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-details, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-price-footer-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .modal-top, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-details, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-price-footer-container {
  padding-left: 24px;
  padding-right: 24px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .modal-top, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .modal-top {
  padding-top: 24px;
  min-width: 220px;
  width: 100%;
  display: flex;
  justify-content: space-between
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .modal-top .header_text_into_img, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .modal-top .header_text_into_img {
  text-align: left
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .modal-top .header_text_into_img .based-on-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .modal-top .header_text_into_img .based-on-container {
  display: block
}
@media (max-width:768px) {
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .modal-top .header_text_into_img, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .modal-top .header_text_into_img {
    margin-top: 7px !important;
    margin-right: 7px !important
  }
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .modal-top img, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .modal-top img {
  float: right;
  height: 50px;
  top: 5px;
  width: 120px;
  position: relative
}
@media (max-width:400px) {
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .modal-top img, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .modal-top img {
    width: 70px;
    right: 3%
  }
}
@media (max-width:1224px) and (min-width:992px) {
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .modal-top img, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .modal-top img {
    width: 70px;
    right: 5%
  }
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-details, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-details {
  word-break: break-word;
  text-align: left;
  flex-grow: 1
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-details .model-details-same-row, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-details .model-details-same-row {
  display: none;
  text-align: center
}
@media (max-width:520px) {
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-details .model-details-same-row, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-details .model-details-same-row {
    display: block
  }
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-details .model-details-same-row > br, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-details .model-details-same-row > br {
    display: none
  }
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-details .model-content, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-details .model-content {
  justify-content: center;
  align-items: start;
  flex-direction: column;
  display: flex;
  text-overflow: ellipsis;
  overflow: hidden
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-details .model-content > span, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-details .model-content > span {
  justify-content: center;
  align-items: start;
  flex-direction: row;
  display: flex
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-details .model-content > span > span, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-details .model-content > span > span {
  color: var(--color-content-primary)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-details .model-content > span + span, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-details .model-content > span + span {
  margin-top: 15px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-details .model-content i, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-details .model-content i {
  color: var(--color-content-tertiary);
  margin-right: 15px;
  margin-left: 1px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-details .recommendation-text, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-details .recommendation-text {
  margin-bottom: 10px;
  margin-top: 20px;
  color: var(--color-content-tertiary)
}
@media (max-width:520px) {
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-details .recommendation-text, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-details .recommendation-text {
    display: none
  }
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-price-footer-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-price-footer-container {
  text-align: left;
  background-color: var(--color-background-primary);
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-price-footer-container .model-price-footer, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-price-footer-container .model-price-footer {
  padding-bottom: 0
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-price-footer-container .model-price-retail, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-price-footer-container .model-price-retail {
  color: var(--color-content-secondary)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-price-footer-container .model-price-retail-message, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-model #model-rpi-configurator .models-container .model-select .button .model-price-footer-container .model-price-retail-message {
  margin-top: 4px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans .legacy-plan-warning, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans .legacy-plan-warning {
  background-color: #fce2d4;
  padding: 12px 20px;
  border-radius: 5px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator {
  display: flex
}
@media (max-width:991px) {
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator {
    justify-content: start;
    align-items: center;
    flex-direction: column;
    display: flex
  }
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select {
  width: 33.3%
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button {
  position: relative;
  display: flex;
  flex-flow: column;
  background-color: var(--color-background-inverse);
  color: var(--color-content-primary);
  border-radius: 5px;
  width: 100%;
  height: 100%;
  word-break: break-word;
  border: 1px var(--color-background-tertiary) solid
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .included-player, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .included-player {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--color-background-primary);
  padding: 12px 16px 14px 24px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .included-player img, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .included-player img {
  max-height: 36px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button.selected, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button.selected {
  border: 1px var(--basic_branding) solid
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button.selected .included-player, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button.selected .included-player {
  background-color: var(--color-fill-image);
  color: var(--color-content-primary)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button.selected .feature-item:not(.coming-soon-feature) .included-feature-icon, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button.selected .features-toggle, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button.selected .feature-item:not(.coming-soon-feature) .included-feature-icon, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button.selected .features-toggle {
  color: var(--basic_branding)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .plan-title, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .plan-title {
  padding-top: 24px;
  padding-left: 24px;
  padding-bottom: 16px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .plan-details, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .plan-details {
  padding: 16px 24px;
  line-height: 150% !important
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .plan-features, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .plan-features {
  padding-left: 24px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .show-features-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .show-features-container {
  color: var(--color-content-tertiary);
  padding-left: 24px;
  padding-right: 16px;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: space-between
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .show-features-container .features-list, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .show-features-container .features-list {
  display: flex;
  flex-flow: column
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .show-features-container .features-list .included-feature-icon, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .show-features-container .features-list .included-feature-icon {
  margin-right: 8px;
  font-size: 14px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select:not(:last-child), .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select:not(:last-child), .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select:not(:last-child), .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select:not(:last-child) {
  margin-right: 20px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .show-features-container .features-list .feature-item, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .show-features-container .features-list .feature-item {
  margin-top: 8px;
  color: var(--color-content-primary)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .show-features-container .features-list .feature-item.coming-soon-feature, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .show-features-container .features-list .feature-item.coming-soon-feature {
  color: var(--color-border-section)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .show-features-container .features-toggle, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .show-features-container .features-toggle {
  display: flex;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .plan-price-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .plan-price-container {
  padding: 16px 24px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .plan-price-container .plan-price-comment, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .plan-price-container .plan-price-comment {
  color: var(--color-content-tertiary)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .price-same-row, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .price-same-row {
  display: none
}
@media (max-width:991px) {
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .price-same-row, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .price-same-row {
    display: block
  }
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .suggested-plan-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .suggested-plan-container {
  padding: 12px 24px 16px;
  min-height: 48px;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 4px;
  height: 100%
}
@media (max-width:991px) {
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .suggested-plan-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .suggested-plan-container {
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    display: flex
  }
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .suggested-plan-container > .usage-icon, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .suggested-plan-container > .usage-icon {
  width: 16px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--color-background-tertiary);
  color: var(--color-content-secondary);
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .suggested-plan-container > .usage-icon > span, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .button .suggested-plan-container > .usage-icon > span {
  font-size: 14px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .standard-msg, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select .standard-msg {
  min-height: 10px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans .standard-msg, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans .standard-msg {
  margin-top: 12px
}
@media (max-width:991px) {
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select {
    width: 100%;
    margin-bottom: 0
  }
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select.current-plan-select, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select.current-plan-select {
    margin-bottom: 10px
  }
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select:not(:last-child), .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans #plans-configurator .plan-select:not(:last-child) {
    margin-right: 0;
    margin-bottom: 32px
  }
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans .standard-msg:not(.current-selection), .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-plans .standard-msg:not(.current-selection) {
    display: none
  }
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator {
    justify-content: start;
    align-items: center;
    flex-direction: column;
    display: flex
  }
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item #pricing-notice-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item #pricing-notice-container {
  margin-top: 24px;
  padding: 16px;
  border: 1px solid var(--color-border-notice);
  border-radius: 8px;
  background-color: var(--color-background-notice-subtle)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item:has(.standard-msg.current-selection) #pricing-notice-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item:has(.standard-msg.current-selection) #pricing-notice-container {
  margin-top: 50px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator {
  display: flex
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator a.feed-tier-select:hover, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator a.feed-tier-select:hover {
  text-decoration: none !important
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select {
  width: 33.3%;
  min-height: 324px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select .button, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select .button {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  position: relative;
  background-color: var(--color-background-inverse);
  color: var(--color-content-primary);
  border-radius: 5px;
  width: 100%;
  height: 100%;
  word-break: break-word;
  border: 1px var(--color-background-tertiary) solid;
  padding: 16px;
  gap: 24px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select .button .tier-header, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select .button .tier-header {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 8px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select .button .tier-description, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select .button .tier-description {
  min-height: 30px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select .button.selected, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select .button.selected {
  border: 1px var(--basic_branding) solid
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select .button.selected .included-player, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select .button.selected .included-player {
  background-color: var(--color-fill-image);
  color: var(--color-content-primary)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select .button.selected .feature-item:not(.coming-soon-feature) .included-feature-icon, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select .button.selected .features-toggle, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select .button.selected .feature-item:not(.coming-soon-feature) .included-feature-icon, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select .button.selected .features-toggle {
  color: var(--basic_branding)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select .button .current-plan, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select .button .feeds-recommendation, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select .button .current-plan, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select .button .feeds-recommendation {
  position: absolute;
  bottom: 0;
  margin-bottom: 14px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select .button .tier-details, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select .button .tier-details .tier-features, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select .button .tier-details, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select .button .tier-details .tier-features {
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 12px
}
@media (max-width:991px) {
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select {
    width: 100%;
    margin-bottom: 0
  }
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select.current-plan-select, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select.current-plan-select {
    margin-bottom: 10px
  }
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select:not(:last-child), .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses #feeds-tiers-configurator .feed-tier-select:not(:last-child) {
    margin-right: 0;
    margin-bottom: 32px
  }
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses .wizard-views-documentation, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses .wizard-views-documentation {
  margin-top: 12px;
  min-height: 126px;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 24px;
  background: var(--gradient-gift-card);
  border-radius: 5px;
  padding: 16px;
  border: 1px solid #fef1e9
}
html.dark .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses .wizard-views-documentation, html.dark .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses .wizard-views-documentation {
  border: 1px var(--color-border-default) solid
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses .wizard-views-documentation .details, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses .wizard-views-documentation .details {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 4px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses .wizard-views-documentation .details .subnote, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses .wizard-views-documentation .details .subnote {
  margin-top: 4px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses .wizard-views-documentation .learn-more-button, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses .wizard-views-documentation .learn-more-button {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  white-space: nowrap;
  padding: 8px;
  background-color: var(--color-brand-subtle);
  text-decoration: none;
  border-radius: 8px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses .wizard-views-documentation .learn-more-button:focus, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses .wizard-views-documentation .learn-more-button:hover, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses .wizard-views-documentation .learn-more-button:focus, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-feed-licenses .wizard-views-documentation .learn-more-button:hover {
  text-decoration: none;
  color: var(--color-content-primary)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-subscription-section-details.second-row, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-subscription-section-details.second-row {
  position: relative;
  line-height: 1;
  padding: 0 40px 30px;
  background-color: var(--basic_branding);
  margin-top: 20px;
  border-radius: 5px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-subscription-section-details.second-row > .row, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-subscription-section-details.second-row > .row {
  max-width: 680px;
  margin: 0 auto;
  color: var(--color-background-inverse)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-subscription-section-details.second-row > .row > .review-part, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-subscription-section-details.second-row > .row > .review-part {
  padding-top: 50px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-subscription-section-details.second-row > .row > .review-part .plan-subtitle, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-subscription-section-details.second-row > .row > .review-part .plan-subtitle {
  margin-bottom: 5px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-subscription-section-details.second-row .plan-modify, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-subscription-section-details.second-row .plan-modify {
  margin-top: 0;
  margin-bottom: 0;
  cursor: pointer;
  text-decoration: underline
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-subscription-section-details.second-row .successful-subscription, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-subscription-section-details.second-row .successful-subscription {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container {
  border-radius: 5px;
  width: 100%;
  display: inline-block;
  padding: 16px;
  margin-bottom: 64px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .screen-setup-header, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .screen-setup-header {
  color: var(--color-content-primary)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container #white_container_devices, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container #white_container_devices {
  flex-direction: column;
  padding: 0 16px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container button.save-player-names, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container button.save-player-names {
  margin-top: 30px;
  padding: 10px 20px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .new-screen-input-field, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .new-screen-input-field {
  display: flex;
  padding: 24px;
  margin-top: 12px;
  background-color: var(--color-background-primary);
  border: 1px solid var(--color-background-tertiary)
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .new-screen-input-field .select2-container, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .new-screen-input-field input, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .new-screen-input-field select, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .new-screen-input-field .select2-container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .new-screen-input-field input, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .new-screen-input-field select {
  height: 46px;
  width: 100%;
  border: 1px solid var(--color-border-section);
  box-sizing: border-box;
  border-radius: 4px !important;
  color: var(--color-content-primary);
  margin-right: 12px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .new-screen-input-field .new-device-name, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .new-screen-input-field .new-device-name {
  width: 66%
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .new-screen-input-field .select2-container .select2-selection, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .new-screen-input-field .select2-container .select2-selection {
  height: 100%;
  border: none;
  display: inline-flex;
  width: 100%;
  align-items: center
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .new-screen-input-field .copy-network, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .new-screen-input-field .copy-network {
  padding: 8px;
  border: 1px solid var(--color-border-section);
  box-sizing: border-box;
  border-radius: 4px;
  color: var(--color-content-secondary);
  background: var(--color-background-inverse);
  cursor: pointer;
  display: flex;
  align-items: center
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .new-screen-input-field .copy-network .copy-network-text, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .new-screen-input-field .copy-network .copy-network-text {
  display: none
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .new-screen-input-field .copy-network i, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .new-screen-input-field .copy-network i {
  font-size: 24px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .devices-added-in-workspace label, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .devices-added-in-workspace label {
  display: flex;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: var(--color-background-warning-subtle);
  border-radius: 8px;
  margin-top: 8px;
  padding: 8px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .step-header, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .step-header {
  flex-direction: row
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .success-message-row, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .success-message-row {
  padding-left: 0;
  padding-top: 0
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .white_container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .white_container {
  margin-left: 0
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .subscription-successful-title .successful-subscription, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .subscription-successful-title .successful-subscription {
  color: var(--color-content-primary);
  text-align: left !important
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .subscription-successful-title .successful-subscription > h4, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .subscription-successful-title .successful-subscription > h4 {
  margin-top: 0
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .converted-addons-section, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .converted-addons-section {
  border: 1px solid var(--color-content-notice);
  background: var(--color-background-notice-subtle);
  padding: 12px 16px
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .new-subscription-section-details.second-row, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .new-subscription-section-details.second-row {
  background: var(--basic_branding);
  border-radius: 5px;
  color: var(--color-background-inverse);
  border: none;
  width: 100%;
  margin-left: 0
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .addresses-row #simpletext_address_text, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .addresses-row #simpletext_address_text {
  color: var(--color-content-primary)
}
@media (max-width:991px) {
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .addresses-row .white_container .block_item, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .new-subscription-section-detail .white_container .block_item, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .new-subscription-section-details .white_container .block_item, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .addresses-row .white_container .block_item, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .new-subscription-section-detail .white_container .block_item, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .new-subscription-section-details .white_container .block_item {
    padding-left: 0
  }
}
@media (max-width:768px) {
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .addresses-row .white_container, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .new-subscription-section-detail .white_container, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .new-subscription-section-details .white_container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .addresses-row .white_container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .new-subscription-section-detail .white_container, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .new-subscription-section-details .white_container {
    display: inline-block
  }
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .addresses-row .white_container .block_item + .block_item, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .new-subscription-section-detail .white_container .block_item + .block_item, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .new-subscription-section-details .white_container .block_item + .block_item, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .addresses-row .white_container .block_item + .block_item, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .new-subscription-section-detail .white_container .block_item + .block_item, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .new-subscription-section-details .white_container .block_item + .block_item {
    border-top: 2px solid var(--color-background-tertiary);
    border-left: none;
    padding-left: 0
  }
  .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .addresses-row .white_container .block_item + .block_item .block_col, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .new-subscription-section-detail .white_container .block_item + .block_item .block_col, .addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .new-subscription-section-details .white_container .block_item + .block_item .block_col, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .addresses-row .white_container .block_item + .block_item .block_col, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .new-subscription-section-detail .white_container .block_item + .block_item .block_col, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .subscription-successful .new-subscription-section-details .white_container .block_item + .block_item .block_col {
    padding-left: 0
  }
}
.addons-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-confirmation .multi-currency-picker, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item.purchase-wizard-content-confirmation .multi-currency-picker {
  padding: 4px 34px 4px 8px;
  height: unset;
  border: 1px solid var(--color-border-default);
  border-radius: 4px;
  color: var(--color-content-primary);
  background-image: var(--arrow-down);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px 12px !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer
}
.addons-wizard #purchase-wizard .purchase-wizard-footer, .subscription-wizard #purchase-wizard .purchase-wizard-footer {
  width: 100%;
  display: inline-block
}
@media (max-height:900px), (max-width:1139px) {
  .addons-wizard #purchase-wizard .purchase-wizard-footer, .subscription-wizard #purchase-wizard .purchase-wizard-footer {
    display: flex !important;
    position: fixed;
    bottom: 0;
    left: 0;
    border-top: 1px solid var(--color-brand-subtle);
    border-left: 1px solid var(--color-brand-subtle);
    background-color: var(--color-background-inverse);
    padding: 12px 32px;
    justify-content: flex-end;
    box-shadow: 4px 0 4px 0 rgba(0, 0, 0, .25)
  }
}
.addons-wizard #purchase-wizard .purchase-wizard-footer button, .subscription-wizard #purchase-wizard .purchase-wizard-footer button {
  min-width: 145px
}
.addons-wizard #purchase-wizard .purchase-wizard-footer #pw-step-button, .subscription-wizard #purchase-wizard .purchase-wizard-footer #pw-step-button {
  display: flex;
  justify-content: flex-end
}
.addons-wizard #purchase-wizard .purchase-wizard-footer #pw-step-button .button, .subscription-wizard #purchase-wizard .purchase-wizard-footer #pw-step-button .button {
  border-radius: 5px;
  padding: 10px 22px;
  height: 40px
}
@media (max-width:520px) {
  .addons-wizard #purchase-wizard .purchase-wizard-footer #pw-step-button, .subscription-wizard #purchase-wizard .purchase-wizard-footer #pw-step-button {
    justify-content: space-between;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px
  }
}
.addons-wizard #purchase-wizard .step-header, .subscription-wizard #purchase-wizard .step-header {
  margin-top: 24px;
  margin-bottom: 24px;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
  display: flex
}
.addons-wizard #purchase-wizard .step-header .multi-currency-header-container, .subscription-wizard #purchase-wizard .step-header .multi-currency-header-container {
  display: inline-flex;
  align-items: center
}
.addons-wizard #purchase-wizard .step-header .multi-currency-header-container .multi-currency-picker, .subscription-wizard #purchase-wizard .step-header .multi-currency-header-container .multi-currency-picker {
  color: var(--color-content-primary);
  margin-left: 8px;
  width: 86px;
  height: 36px;
  padding: 4px 24px 4px 8px;
  border-radius: 4px;
  border: 1px solid var(--color-border-default);
  background-image: var(--arrow-down);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px 12px;
  appearance: none;
  cursor: pointer;
  -moz-appearance: none;
  -webkit-appearance: none
}
.addons-wizard #purchase-wizard .devices-input, .subscription-wizard #purchase-wizard .devices-input {
  width: 100px;
  height: 90px;
  padding: 8px;
  color: var(--color-content-primary);
  background-color: var(--color-background-primary);
  border: 1px solid var(--color-border-default);
  border-radius: 10px !important;
  text-align: center;
  font-size: 32px !important;
  line-height: 115% !important;
  font-weight: 600 !important
}
@media (max-width:768px) {
  .addons-wizard #purchase-wizard .devices-input, .subscription-wizard #purchase-wizard .devices-input {
    font-size: 28px !important
  }
}
.addons-wizard #order-details, .subscription-wizard #order-details {
  padding-right: 0;
  margin-left: 40px;
  margin-top: 45px;
  width: 340px
}
@media (max-width:1139.2px) {
  .addons-wizard #order-details, .subscription-wizard #order-details {
    width: 100%
  }
}
.addons-wizard #order-details .order-details-container, .subscription-wizard #order-details .order-details-container {
  background-color: var(--color-background-tertiary);
  border-radius: 8px
}
.addons-wizard #order-details .order-details-container.loading, .subscription-wizard #order-details .order-details-container.loading {
  -webkit-filter: blur(1px);
  filter: blur(1px)
}
.addons-wizard #order-details .order-details-container .order-details-white, .subscription-wizard #order-details .order-details-container .order-details-white {
  border: 2px solid var(--color-brand-subtle-hover);
  border-radius: 8px;
  background: var(--color-background-inverse)
}
.addons-wizard #order-details .order-details-container .order-details-header, .subscription-wizard #order-details .order-details-container .order-details-header {
  padding: 16px
}
.addons-wizard #order-details .order-details-container .details-container, .subscription-wizard #order-details .order-details-container .details-container {
  padding: 16px;
  gap: 4px;
  justify-content: flex-start;
  align-items: normal;
  flex-direction: column;
  display: flex
}
.addons-wizard #order-details .order-details-container .details-container .details-header, .subscription-wizard #order-details .order-details-container .details-container .details-header {
  color: var(--color-content-tertiary);
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px
}
.addons-wizard #order-details .order-details-container .details-container:not(.total-payment):not(.last-visible), .subscription-wizard #order-details .order-details-container .details-container:not(.total-payment):not(.last-visible) {
  border-bottom: 2px solid var(--color-background-tertiary)
}
.addons-wizard #order-details .order-details-container .details-container .details-content, .subscription-wizard #order-details .order-details-container .details-container .details-content {
  display: flex;
  color: var(--color-content-primary)
}
.addons-wizard #order-details .order-details-container .details-container .details-content.flex-wrap, .subscription-wizard #order-details .order-details-container .details-container .details-content.flex-wrap {
  flex-wrap: wrap
}
.addons-wizard #order-details .order-details-container .details-container .details-content .info-box, .subscription-wizard #order-details .order-details-container .details-container .details-content .info-box {
  color: var(--color-content-secondary);
  background-color: var(--color-background-primary);
  padding: 12px;
  border-radius: 5px;
  width: 100%
}
.addons-wizard #order-details .order-details-container .details-container .details-content .info-box.annual-info, .subscription-wizard #order-details .order-details-container .details-container .details-content .info-box.annual-info {
  margin-top: 13px
}
.addons-wizard #order-details .order-details-container .details-container .details-content .detail-cost, .subscription-wizard #order-details .order-details-container .details-container .details-content .detail-cost {
  margin-left: auto;
  padding-left: 10px
}
.addons-wizard #order-details .order-details-container .details-container .details-content.addons, .subscription-wizard #order-details .order-details-container .details-container .details-content.addons {
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 4px
}
.addons-wizard #order-details .order-details-container .details-container .details-content.addons .charges, .subscription-wizard #order-details .order-details-container .details-container .details-content.addons .charges {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%
}
.addons-wizard #order-details .order-details-container .details-container .details-content.addons .charges a, .subscription-wizard #order-details .order-details-container .details-container .details-content.addons .charges a {
  text-decoration: none
}
.addons-wizard #order-details .order-details-container .details-container .details-content.addons .charges a i, .subscription-wizard #order-details .order-details-container .details-container .details-content.addons .charges a i {
  color: var(--basic_branding);
  font-size: 16px
}
.addons-wizard #order-details .order-details-container .details-container .details-content.addons .charges a:focus, .addons-wizard #order-details .order-details-container .details-container .details-content.addons .charges a:hover, .subscription-wizard #order-details .order-details-container .details-container .details-content.addons .charges a:focus, .subscription-wizard #order-details .order-details-container .details-container .details-content.addons .charges a:hover {
  text-decoration: none !important;
  color: var(--color-content-primary) !important
}
.addons-wizard #order-details .order-details-container .details-container .details-content.addons .charges a[aria-expanded=true]:after, .subscription-wizard #order-details .order-details-container .details-container .details-content.addons .charges a[aria-expanded=true]:after {
  rotate: 180deg
}
.addons-wizard #order-details .order-details-container .details-container .details-content.addons .charges a:after, .subscription-wizard #order-details .order-details-container .details-container .details-content.addons .charges a:after {
  display: inline-block;
  content: '\e962';
  font-family: ds-app-font;
  color: var(--color-content-primary);
  pointer-events: none
}
.addons-wizard #order-details .order-details-container .details-container .details-content.addons #collapse-addons, .subscription-wizard #order-details .order-details-container .details-container .details-content.addons #collapse-addons {
  width: 100%
}
.addons-wizard #order-details .order-details-container .details-container .details-content.addons #collapse-addons #subscription-addons, .subscription-wizard #order-details .order-details-container .details-container .details-content.addons #collapse-addons #subscription-addons {
  display: flex;
  flex-direction: column;
  gap: 4px
}
.addons-wizard #order-details .order-details-container .details-container .details-content.addons #collapse-addons #subscription-addons .single-addon, .subscription-wizard #order-details .order-details-container .details-container .details-content.addons #collapse-addons #subscription-addons .single-addon {
  width: 100%;
  color: var(--color-content-secondary)
}
.addons-wizard #order-details .order-details-container .details-container.total-payment, .addons-wizard #order-details .order-details-container .details-container.total-payment .details-header, .subscription-wizard #order-details .order-details-container .details-container.total-payment, .subscription-wizard #order-details .order-details-container .details-container.total-payment .details-header {
  color: var(--color-content-primary) !important
}
.addons-wizard #order-details .order-details-container .details-container .single-addon .detail-type-amount, .subscription-wizard #order-details .order-details-container .details-container .single-addon .detail-type-amount {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}
.addons-wizard #order-details {
  margin-top: 32px
}
.trial-upsell-container {
  max-width: 265px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-left: 24px;
  padding-block: 16px 24px;
  padding-inline: 12px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  border-radius: 8px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-inverse)
}
.trial-upsell-container .title {
  color: var(--color-content-primary)
}
.trial-upsell-container .orange {
  color: var(--basic_branding)
}
.trial-upsell-container .subtitle {
  color: var(--color-content-secondary)
}
.trial-upsell-container .benefits-dropdown {
  margin: 0;
  padding-block: 0;
  padding-inline: 0 8px;
  display: flex;
  flex-direction: column;
  row-gap: 8px
}
.trial-upsell-container .benefits-dropdown li {
  display: flex;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  color: var(--color-content-secondary)
}
.trial-upsell-container .start-trial {
  margin-top: 12px
}
.trial-upsell-container img {
  margin-top: 28px;
  width: 100%
}
.trial-upsell-container .footer {
  margin-top: 8px;
  text-align: center;
  color: var(--color-content-secondary)
}
#completeOrderFormContainer .address-section {
  position: relative;
  display: flex;
  justify-content: space-between;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  padding-block: 16px;
  padding-inline: 23px 16px;
  margin-bottom: 20px;
  border-radius: 8px;
  background: var(--color-background-inverse);
  box-shadow: 0 4px 21px rgba(0, 0, 0, .05)
}
#completeOrderFormContainer .address-section .shipping-address-selector-container {
  width: min(50%, 480px)
}
#completeOrderFormContainer .new-device-container {
  border-radius: 5px;
  width: 100%;
  display: inline-block;
  padding: 16px;
  margin-bottom: 64px
}
#completeOrderFormContainer .new-device-container .screen-setup-header {
  color: var(--color-content-primary)
}
#completeOrderFormContainer .new-device-container .screen-setup-header .screen-setup-title {
  font-size: 16px;
  font-weight: 700
}
#completeOrderFormContainer .new-device-container #white_container_devices {
  flex-direction: column;
  padding: 0 16px
}
#completeOrderFormContainer .new-device-container button.save-player-names {
  margin-top: 30px;
  padding: 10px 20px
}
#completeOrderFormContainer .new-device-container .new-screen-input-field {
  position: relative;
  display: flex;
  padding: 24px;
  margin-top: 12px;
  background-color: var(--color-background-primary);
  border: 1px solid var(--color-border-default)
}
#completeOrderFormContainer .new-device-container .new-screen-input-field .select2-container, #completeOrderFormContainer .new-device-container .new-screen-input-field input, #completeOrderFormContainer .new-device-container .new-screen-input-field select {
  height: 46px;
  width: 100%;
  box-sizing: border-box;
  color: var(--color-content-primary);
  margin-right: 12px
}
#completeOrderFormContainer .new-device-container .new-screen-input-field .new-device-name {
  width: 66%
}
#completeOrderFormContainer .new-device-container .new-screen-input-field .new-device-name-error {
  display: none;
  position: absolute;
  left: 30px;
  bottom: 0;
  color: var(--color-content-negative)
}
#completeOrderFormContainer .new-device-container .new-screen-input-field .select2-container .select2-selection {
  height: 100%;
  border: none;
  display: inline-flex;
  width: 100%;
  align-items: center
}
#completeOrderFormContainer .new-device-container .new-screen-input-field .copy-network {
  padding: 8px;
  border: 1px solid var(--color-border-default);
  box-sizing: border-box;
  border-radius: 4px;
  color: var(--color-content-secondary);
  background: var(--color-background-inverse);
  cursor: pointer;
  display: flex;
  align-items: center
}
#completeOrderFormContainer .new-device-container .new-screen-input-field .copy-network .copy-network-text {
  display: none
}
#completeOrderFormContainer .new-device-container .new-screen-input-field .copy-network i {
  font-size: 24px
}
#completeOrderFormContainer .new-device-container .devices-added-in-workspace label {
  font-weight: 700;
  font-size: 14px;
  padding: 8px;
  background: var(--color-background-warning-subtle);
  border-radius: 8px;
  margin-top: 8px
}
#completeOrderFormContainer .subscribed-add-ons .pills {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-content-secondary);
  margin-top: 4px;
  gap: 4px;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  flex-wrap: wrap
}
#completeOrderFormContainer .subscribed-add-ons .pills span {
  padding: 4px;
  color: var(--color-content-tertiary);
  background-color: var(--color-background-primary);
  border-radius: 8px
}
#order-form #completeOrderFormContainer {
  display: inline-block;
  width: 100%;
  margin: 24px 0
}
#order-form #completeOrderFormContainer .purchase-wizard-header {
  margin: 0 0 32px !important
}
#order-form #completeOrderFormContainer .purchase-wizard-header .cancel-model {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  border: none;
  margin-right: 16px;
  border-radius: 8px;
  background: var(--color-background-tertiary);
  color: var(--color-content-primary);
  width: 40px;
  height: 40px;
  cursor: pointer;
  padding: 8px
}
#order-form .purchase-wizard-footer, .white_container, .white_container_collapsable {
  background-color: var(--color-background-inverse)
}
@media (max-width:767px) {
  #order-form #completeOrderFormContainer .purchase-wizard-header .cancel-model {
    max-width: 32px;
    max-height: 32px
  }
}
#order-form .purchase-wizard-footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  display: flex !important;
  justify-content: flex-end;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  border-top: 1px solid var(--color-border-default);
  border-left: 1px solid var(--color-border-default);
  padding-block: 16px;
  padding-inline: 32px 80px;
  box-shadow: 4px 0 4px 0 rgba(0, 0, 0, .25)
}
#order-form .purchase-wizard-footer button {
  min-width: 145px
}
#order-form .purchase-wizard-footer #next-step-button {
  display: flex;
  justify-content: flex-end;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px
}
#order-form .purchase-wizard-footer #next-step-button .button {
  border-radius: 5px;
  padding: 10px 22px;
  height: 40px;
  font-size: 14px;
  line-height: 14px;
  font-weight: 700
}
@media (max-width:629px) {
  #order-form .purchase-wizard-footer {
    padding: 10px
  }
  #order-form .purchase-wizard-footer #next-step-button {
    width: 100%;
    padding-block: 10px
  }
  #order-form .purchase-wizard-footer #next-step-button > * {
    width: 100%
  }
}
#order-form .subscription-successful .purchase-wizard-header {
  margin: 0 0 32px !important
}
#order-form .subscription-successful .success-message-row {
  padding-left: 0;
  padding-top: 0
}
#order-form .subscription-successful .white_container {
  margin-left: 0
}
#order-form .subscription-successful .subscription-successful-title .successful-subscription {
  color: var(--color-content-primary);
  text-align: left !important
}
#order-form .subscription-successful .subscription-successful-title .successful-subscription > h4 {
  margin-top: 0
}
#order-form .subscription-successful .new-subscription-section-details.second-row {
  background: var(--basic_branding);
  border-radius: 5px;
  color: var(--color-background-inverse);
  border: none;
  width: 100%;
  margin-left: 0
}
#order-form .subscription-successful .addresses-row #simpletext_address_text, .collapsable_title {
  color: var(--color-content-primary)
}
@media (max-width:991px) {
  #order-form .subscription-successful .white_container .block_item {
    padding-left: 0
  }
}
@media (max-width:768px) {
  #order-form .subscription-successful .white_container {
    display: inline-block
  }
  #order-form .subscription-successful .white_container .block_item + .block_item {
    border-top: 2px solid var(--color-background-tertiary);
    border-left: none;
    padding-left: 0
  }
  #order-form .subscription-successful .white_container .block_item + .block_item .block_col {
    padding-left: 0
  }
}
.shipping-address-selector-container .select2-container.select2-container--open .select2-selection {
  border-color: var(--color-border-default) !important;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}
.shipping-address-selector-container .select2-selection {
  height: 32px;
  padding: 5px 4px 4px 12px
}
.shipping-address-selector-container .select2-container--open:not(.select2) {
  margin-top: 6px
}
.shipping-address-selector-container .select2-container--open:not(.select2) .select2-dropdown {
  padding: 8px;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
  display: flex;
  row-gap: 12px;
  border: 1px solid var(--color-border-default)
}
.shipping-address-selector-container .select2-container--open:not(.select2) .select2-dropdown .select2-search {
  padding-block: 8px 0
}
.shipping-address-selector-container .select2-container--open:not(.select2) .select2-dropdown .select2-search input {
  height: 34px;
  padding-inline: 8px 26px;
  border-radius: 8px
}
.shipping-address-selector-container .select2-container--open:not(.select2) .select2-dropdown ul.select2-results__options {
  padding-inline: 4px
}
.shipping-address-selector-container .select2-container--open:not(.select2) .select2-dropdown ul.select2-results__options::-webkit-scrollbar-thumb {
  background: var(--color-content-tertiary)
}
.shipping-address-selector-container .select2-container--open:not(.select2) .select2-dropdown ul.select2-results__options li.select2-results__option {
  position: relative;
  padding: 8px 12px !important;
  border-radius: 4px
}
.shipping-address-selector-container .select2-container--open:not(.select2) .select2-dropdown ul.select2-results__options li.select2-results__option > div {
  display: flex !important;
  white-space: unset !important
}
.shipping-address-selector-container .select2-container--open:not(.select2) .select2-dropdown ul.select2-results__options li.select2-results__option > div .edit-address {
  position: absolute;
  top: 8px;
  right: 12px;
  background: 0 0;
  border: none;
  transition: color .2s
}
.full-space-wizard, .max-width-container {
  border-right: none !important
}
.shipping-address-selector-container .select2-container--open:not(.select2) .select2-dropdown ul.select2-results__options li.select2-results__option > div .edit-address:hover {
  color: var(--color-brand-subtle-hover)
}
.shipping-address-selector-container .select2-container--open:not(.select2) .select2-dropdown .add-new-address {
  width: 100%
}
.recommended-wrapper {
  background-color: var(--basic_branding);
  color: var(--color-background-inverse);
  padding: 6px 10px;
  position: absolute;
  font-size: 12px;
  font-weight: 800;
  right: 0;
  border-radius: 0 5px;
  top: 0
}
.white_container, .white_container_collapsable {
  border-radius: 5px;
  box-shadow: 0 4px 21px rgba(0, 0, 0, .05)
}
@media (max-width:374px) {
  .models-container .model-select .button img {
    width: 220px
  }
  .step-content-container {
    justify-content: start !important;
    align-items: normal !important;
    flex-direction: column !important;
    display: flex !important
  }
  .step-content-container .header-counter-container {
    justify-content: center !important;
    align-items: normal !important;
    flex-direction: column !important;
    display: flex !important
  }
  .step-content-container .header-counter-container .left_box_question {
    width: 100% !important
  }
}
.full-space-wizard, .max-width-container, .white_container .block_row.remaining-addon-time .block_row, .white_container .block_row.unused-addon-time .block_row {
  width: 100% !important
}
@media (min-width:992px) and (max-width:1265px), (max-width:768px) {
  .step-content-container {
    flex-direction: column !important
  }
  .step-content-container > div {
    width: 100% !important
  }
  .step-content-container .header-counter-container:not(.full-space-wizard) {
    border-right: none !important;
    border-bottom: 1px solid var(--color-content-tertiary);
    padding: 0 0 20px
  }
  .step-content-container .total-screens-container {
    padding: 12px 0 0 !important;
    margin-left: 0 !important
  }
}
.white_container_collapsable {
  display: flex;
  padding: 1px;
  flex-direction: row;
  flex-wrap: wrap
}
.white_container_collapsable .white_container {
  width: 100%
}
@media (max-width:991px) {
  .white_container_collapsable {
    flex-direction: column
  }
}
.collapsable_title {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 100%;
  padding: 16px 0 16px 23px;
  font-size: 20px
}
.collapsable_title span {
  display: flex
}
.collapsable_title span i {
  cursor: pointer
}
.white_container {
  padding: 24px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-column-gap: 32px;
  -moz-column-gap: 32px;
  column-gap: 32px;
  row-gap: 36px
}
.white_container .block_item {
  flex: 1;
  position: relative;
  line-height: 40px;
  display: flex;
  justify-content: space-around
}
.white_container .block_item + .block_item {
  border-left: 2px solid var(--color-background-tertiary)
}
.white_container .block_item + .block_item .block_col:first-child {
  padding-left: 20px
}
.white_container .block_col {
  display: flex;
  flex-direction: column;
  flex-grow: 1
}
.white_container .block_col img {
  -webkit-filter: var(--filter);
  filter: var(--filter);
  max-width: 55px;
  max-height: 27px
}
.white_container .block_row {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: space-between;
  line-height: 1
}
.white_container .block_row.remaining-addon-time, .white_container .block_row.unused-addon-time {
  justify-content: flex-start !important;
  align-items: flex-start !important;
  flex-direction: column !important;
  display: flex !important
}
.white_container .block_row:not(:last-child) {
  margin-bottom: 16px
}
.white_container .block_row .neocase {
  width: 64px;
  height: 32px;
  margin-left: -34px !important
}
.white_container .block_content, .white_container .block_title {
  color: var(--color-content-primary);
  margin: 0 !important
}
@media (max-width:375px) {
  .white_container .block_row:not(.light_bg_row) {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 10px
  }
}
.white_container .multi-currency-header-container {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex
}
.white_container .multi-currency-header-container .multi-currency-picker {
  color: var(--color-content-primary);
  padding: 4px 8px;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--color-border-default);
  border-radius: 4px;
  align-items: center
}
.white_container img.block_title {
  -webkit-filter: var(--filter);
  filter: var(--filter)
}
.white_container .block_title:first-letter {
  text-transform: uppercase
}
.white_container .grid_item {
  flex: 1 0 calc(50% - 32px / 2);
  overflow-wrap: anywhere
}
@media (min-width:1063px) {
  .white_container .grid_item:last-of-type {
    margin-left: auto;
    flex: 0 0 calc(50% - 32px / 2)
  }
}
.white_container .grid_item #comments {
  height: 90px
}
.white_container .grid_item .collapse_container {
  background-color: var(--color-background-primary);
  padding: 5px;
  border-radius: 4px;
  cursor: pointer
}
@media (min-width:376px) {
  .white_container .grid_item .collapse_container .block_title {
    max-width: 75%
  }
  .white_container .grid_item .collapse_container .block_content {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
  }
}
.white_container .grid_title {
  color: var(--color-content-tertiary);
  border-bottom: 1px solid var(--color-brand-subtle-hover);
  padding-bottom: 8px;
  text-transform: uppercase;
  margin: 0 0 15px
}
.white_container .plan-modify {
  color: color-mix(in srgb, var(--basic_branding), #000 10%);
  float: right;
  cursor: pointer;
  margin-left: 4px
}
.white_container .nocard {
  margin-left: 4px
}
#schedule-form .calendar-entries-container .entries-list-container .widget-box .widget-header .header-title-container .entries-list-message-icon, .order_button, .plug-selector-container #plug_type_selector {
  margin-left: auto
}
.light_bg {
  background: var(--color-fill-image);
  border-radius: 4px;
  padding: 8px;
  width: -webkit-fill-available
}
@media (min-width:992px) {
  .desktop_right_margin_2 {
    margin-right: 2%
  }
}
.payment_waiting {
  position: relative;
  top: 10px;
  color: var(--color-content-primary)
}
.order_button {
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: end
}
.powered_by_stripe {
  margin-top: 10px;
  height: 12px
}
.selected .plan-price, .selected .plan-title {
  color: var(--basic_branding) !important
}
.plug-selector-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.plug-selector-container #plug_type_selector button {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  min-width: 130px;
  padding: 12px;
  background-color: var(--color-background-inverse);
  color: var(--color-content-primary);
  border: 1px solid var(--color-border-section);
  box-shadow: none;
  border-radius: 5px
}
.plug-selector-container #plug_type_selector button #selected_plug {
  line-height: 14px;
  margin-right: 10px
}
.plug-selector-container #plug_type_selector button:focus {
  border: 1px solid var(--color-border-focus)
}
.plug-selector-container #plug_type_selector ul.dropdown-menu {
  width: 100%;
  padding: 10px;
  border-radius: 5px !important;
  margin-top: 5px;
  left: auto;
  right: 0
}
.plug-selector-container #plug_type_selector ul.dropdown-menu li {
  border-radius: 4px;
  padding: 5px 0 5px 5px;
  cursor: pointer
}
.plug-selector-container #plug_type_selector ul.dropdown-menu li:not(:first-child) {
  margin-top: 5px
}
.plug-selector-container #plug_type_selector ul.dropdown-menu li:hover {
  background-color: var(--color-background-primary) !important;
  border-radius: 4px
}
.plug-selector-container #plug_type_selector ul.dropdown-menu li.selected-type {
  background-color: var(--color-background-tertiary) !important
}
.standard-msg {
  text-align: center;
  color: var(--color-content-secondary)
}
.standard-msg.current-selection {
  color: var(--color-content-primary) !important
}
.standard-msg.outlined {
  background-color: var(--color-background-notice-subtle);
  border: 1px solid var(--color-border-notice);
  border-radius: 8px;
  padding: 8px
}
.placed_order_header {
  margin-bottom: 24px
}
.invoice_placed {
  color: var(--color-content-primary);
  overflow-wrap: anywhere;
  flex: 1
}
.ship_immediately {
  float: right;
  border-radius: 5px;
  background-color: var(--color-background-tertiary);
  padding: 24px;
  width: 300px;
  min-height: 166px;
  text-align: center
}
.ship_immediately .ship_immediately_text {
  text-align: justify;
  display: inline-block
}
.ship_immediately button {
  line-height: initial;
  margin-top: 12px;
  position: relative;
  left: -6px
}
.contain_header {
  display: flex;
  justify-content: space-between;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px
}
@media (max-width:1275px) {
  .contain_header {
    flex-direction: column;
    row-gap: 24px
  }
}
.invoice-warning .modal-content {
  border-radius: 8px
}
.invoice-warning .modal-header {
  color: var(--color-content-primary);
  text-align: center;
  border: none;
  padding-top: 32px;
  justify-content: space-between !important
}
.invoice-warning .modal-body {
  text-align: center;
  color: var(--color-content-primary);
  padding: 4px
}
.invoice-warning .modal-footer {
  background-color: unset;
  border-top: 0;
  text-align: center;
  padding-top: 0;
  padding-bottom: 32px
}
.invoice-warning button.invoice-ok-btn {
  color: var(--color-content-secondary) !important;
  border-radius: 8px;
  background-color: var(--color-background-tertiary) !important;
  text-transform: uppercase;
  border: none;
  padding: 10px 20px
}
.invoice-warning button.invoice-ok-btn a {
  text-decoration: none;
  color: var(--color-content-secondary) !important
}
.invoice-warning button.invoice-ok-btn:focus, .invoice-warning button.invoice-ok-btn:focus-visible, .invoice-warning button.invoice-ok-btn:hover {
  background-color: var(--color-background-tertiary) !important;
  border: none;
  outline: 0
}
#order-coupon-input {
  display: block;
  height: 44px;
  width: 324px;
  padding: 12px 16px;
  border: 1px solid var(--color-border-section);
  border-radius: 4px !important
}
.coupon-modal .modal-content {
  width: 580px;
  height: 300px
}
.coupon-modal .modal-content .modal-header {
  height: 56px
}
.coupon-modal .modal-content .modal-body {
  width: 532px;
  height: 172px;
  padding: 16px 24px
}
.coupon-modal .modal-content .modal-footer {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0
}
.purchase-wizard-content-confirmation .checkbox {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0
}
.field-total_discount.total_discount .block_content {
  color: var(--basic_branding)
}
.field-total_discount.total_discount .block_title img {
  width: 16px
}
.money-back-guarantee.block_row span i:before, li.money-back-guarantee span i:before {
  width: 20px;
  height: 27px;
  display: inline-block;
  white-space: pre;
  content: ' '
}
.field-total_discount.total_discount .block_title span {
  padding-top: 3px;
  margin-left: 6px
}
div[data-billing-cycle=annual] .money-back-guarantee {
  margin-top: 10px
}
li.money-back-guarantee {
  list-style: none
}
li.money-back-guarantee span {
  padding: 4px 6px;
  border-radius: 4px;
  background-color: rgba(var(--basic_branding_rgb), .15);
  line-height: 27px
}
li.money-back-guarantee span i {
  margin-right: 5px
}
li.money-back-guarantee span i:before {
  background: url(images/money_back.svg) center center no-repeat;
  background-size: 20px 20px
}
.money-back-guarantee.block_row {
  padding: 4px 6px;
  border-radius: 4px;
  background-color: rgba(var(--basic_branding_rgb), .15)
}
.money-back-guarantee.block_row .block_title + span a {
  color: var(--color-content-primary);
  cursor: pointer
}
.money-back-guarantee.block_row span i {
  margin-right: 5px
}
.money-back-guarantee.block_row span i:before {
  background: url(images/money_back.svg) center center no-repeat;
  background-size: 20px 20px
}
.device_upgrade_charge, .first_year_discount, .playbox-upgrade {
  margin-bottom: 0
}
.address-container pre, .comments-container pre, .purchase-wizard-content-confirmation pre {
  background-color: transparent;
  border: 0;
  padding: 0
}
.row.field-shipping_cost.total-charge-for-prepayments:after {
  margin: 0 12px
}
.row.total-charge-for-subscription-divider:after {
  margin: 0 0 0 12px
}
.row.new-subscription-section-details:after {
  content: '';
  display: block;
  margin: 0 12px
}
#charges .row {
  margin-bottom: 10px;
  margin-right: 0
}
#charges .row .text-right {
  padding-right: 0
}
#total-charge-for-subscription-row, .row.field-total_cost {
  margin: 0 0 10px
}
.detail-order-container {
  margin-bottom: -10px
}
.form-group.new-devices {
  margin-bottom: 0
}
.form-group.new-devices .new-devices-container {
  padding-left: 0;
  padding-right: 0;
  margin-top: 25px
}
.form-group.new-devices #pw-step-button {
  margin-left: 12px;
  margin-bottom: 0
}
#collapsed-elements-charges-container .row.field-devices_free div[class^=col] {
  padding-bottom: 5px
}
.order-completed-step #purchase-wizard {
  width: 100% !important;
  max-width: unset !important
}
.confirmation-container {
  display: flex;
  justify-content: center;
  gap: 24px;
  color: var(--color-content-primary)
}
@media (max-width:629px) {
  .confirmation-container {
    align-items: center;
    flex-direction: column
  }
  .confirmation-container .order-buttons {
    width: 100%;
    position: fixed !important;
    bottom: 0;
    left: 0;
    border-top: 1px solid var(--color-border-default);
    border-left: 1px solid var(--color-border-default);
    background-color: var(--color-background-primary);
    padding: 16px 32px;
    box-shadow: 4px 0 4px 0 rgba(0, 0, 0, .25)
  }
}
.confirmation-container .details-container, .confirmation-container .payment-container {
  width: clamp(360px, 100%, 700px);
  display: flex;
  flex-direction: column;
  row-gap: 12px
}
.confirmation-container .details-container .white-card, .confirmation-container .payment-container .white-card {
  padding: 16px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  border-radius: 8px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-inverse)
}
.confirmation-container .details-container .white-card.downgrade-section, .confirmation-container .details-container .white-card.payment-method-section, .confirmation-container .payment-container .white-card.downgrade-section, .confirmation-container .payment-container .white-card.payment-method-section {
  padding-block: 12px
}
.confirmation-container .details-container .white-card.payment-details-section .payment-breakdown, .confirmation-container .details-container .white-card.payment-details-section .savings, .confirmation-container .payment-container .white-card.payment-details-section .payment-breakdown, .confirmation-container .payment-container .white-card.payment-details-section .savings {
  row-gap: 12px;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  display: flex
}
.confirmation-container .details-container .white-card.payment-details-section .payment-breakdown .card-section, .confirmation-container .details-container .white-card.payment-details-section .savings .card-section, .confirmation-container .payment-container .white-card.payment-details-section .payment-breakdown .card-section, .confirmation-container .payment-container .white-card.payment-details-section .savings .card-section {
  font-size: 16px
}
.confirmation-container .details-container .white-card.payment-details-section .savings .charge-value, .confirmation-container .payment-container .white-card.payment-details-section .savings .charge-value {
  color: var(--color-content-positive) !important
}
.confirmation-container .details-container .white-card.payment-details-section .payment-analysis, .confirmation-container .payment-container .white-card.payment-details-section .payment-analysis {
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  row-gap: 6px;
  width: 100%
}
.confirmation-container .details-container .white-card.total-payment-section, .confirmation-container .payment-container .white-card.total-payment-section {
  row-gap: 10px
}
.confirmation-container .details-container .white-card .card-title, .confirmation-container .payment-container .white-card .card-title {
  font-size: 20px;
  font-weight: 400;
  color: var(--color-content-primary)
}
.confirmation-container .details-container .white-card .card-section, .confirmation-container .payment-container .white-card .card-section {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-content-tertiary)
}
.confirmation-container .details-container .white-card .card-row, .confirmation-container .payment-container .white-card .card-row {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: inline-flex;
  width: 100%;
  font-size: 14px;
  color: var(--color-content-primary)
}
.confirmation-container .details-container .white-card .card-row .tooltip-container, .confirmation-container .payment-container .white-card .card-row .tooltip-container {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: inline-flex
}
.confirmation-container .details-container .white-card .card-row .charge-key, .confirmation-container .details-container .white-card .card-row .charge-value, .confirmation-container .payment-container .white-card .card-row .charge-key, .confirmation-container .payment-container .white-card .card-row .charge-value {
  font-weight: 600
}
.confirmation-container .details-container .white-card .card-row.total-payment-row .charge-key, .confirmation-container .payment-container .white-card .card-row.total-payment-row .charge-key {
  font-size: 14px;
  font-weight: 600;
  color: #000
}
.confirmation-container .details-container .white-card .vat-row, .confirmation-container .details-container .white-card.downgrade-section .card-row, .confirmation-container .payment-container .white-card .vat-row, .confirmation-container .payment-container .white-card.downgrade-section .card-row {
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px
}
.confirmation-container .details-container .white-card .vat-row a, .confirmation-container .details-container .white-card.downgrade-section .card-row a, .confirmation-container .payment-container .white-card .vat-row a, .confirmation-container .payment-container .white-card.downgrade-section .card-row a {
  cursor: pointer;
  text-decoration: none;
  font-weight: 600
}
.confirmation-container .details-container .white-card .card-section, .confirmation-container .payment-container .white-card .card-section {
  display: flex;
  flex-direction: column;
  row-gap: 4px
}
.confirmation-container .details-container .white-card .card-section .card-row, .confirmation-container .payment-container .white-card .card-section .card-row {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex
}
.confirmation-container .details-container .white-card.renewal-subscription-message .card-row, .confirmation-container .payment-container .white-card.renewal-subscription-message .card-row {
  justify-content: flex-start !important;
  gap: 12px
}
.confirmation-container .details-container .white-card.order-details-section, .confirmation-container .payment-container .white-card.order-details-section {
  position: relative
}
.confirmation-container .details-container .white-card.order-details-section .device-type-total, .confirmation-container .details-container .white-card.order-details-section .new-screen-licenses, .confirmation-container .details-container .white-card.order-details-section .total-screen-licenses, .confirmation-container .payment-container .white-card.order-details-section .device-type-total, .confirmation-container .payment-container .white-card.order-details-section .new-screen-licenses, .confirmation-container .payment-container .white-card.order-details-section .total-screen-licenses {
  color: var(--color-content-tertiary)
}
.confirmation-container .details-container .white-card.order-details-section .multi-currency-header-container, .confirmation-container .payment-container .white-card.order-details-section .multi-currency-header-container {
  position: absolute;
  top: 16px;
  right: 16px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px
}
.confirmation-container .details-container .white-card.order-details-section .multi-currency-header-container label, .confirmation-container .payment-container .white-card.order-details-section .multi-currency-header-container label {
  margin: 0
}
.confirmation-container .details-container .white-card.order-details-section .multi-currency-header-container .multi-currency-picker, .confirmation-container .payment-container .white-card.order-details-section .multi-currency-header-container .multi-currency-picker {
  padding: 4px 34px 4px 8px;
  height: unset;
  border: 1px solid var(--color-border-default);
  border-radius: 4px;
  color: var(--color-content-primary);
  background-image: var(--arrow-down);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px 12px !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer
}
.confirmation-container .details-container .white-card.address-section, .confirmation-container .details-container .white-card.comments-section, .confirmation-container .details-container .white-card.reference-code-section, .confirmation-container .payment-container .white-card.address-section, .confirmation-container .payment-container .white-card.comments-section, .confirmation-container .payment-container .white-card.reference-code-section {
  padding-block: 12px;
  row-gap: 8px
}
.confirmation-container .details-container .white-card.address-section, .confirmation-container .payment-container .white-card.address-section {
  position: relative
}
.confirmation-container .details-container .white-card.address-section .card-row, .confirmation-container .payment-container .white-card.address-section .card-row {
  overflow-wrap: anywhere;
  color: var(--color-content-secondary)
}
.confirmation-container .details-container .white-card.address-section .change-billing, .confirmation-container .payment-container .white-card.address-section .change-billing {
  position: absolute;
  top: 12px;
  right: 28px;
  display: flex;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px;
  cursor: pointer;
  text-decoration: none
}
.confirmation-container .details-container .white-card.address-section .change-billing .edit, .confirmation-container .payment-container .white-card.address-section .change-billing .edit {
  margin-top: -2px
}
.confirmation-container .details-container .white-card.addon-cancellation-section, .confirmation-container .payment-container .white-card.addon-cancellation-section {
  border: 1px solid var(--color-content-notice);
  background: var(--color-background-notice-subtle)
}
.confirmation-container .details-container .white-card.shipping-options-section .shipping-options, .confirmation-container .payment-container .white-card.shipping-options-section .shipping-options {
  display: flex;
  flex-direction: column;
  row-gap: 8px
}
.confirmation-container .details-container .white-card.shipping-options-section .shipping-options .shipping-option, .confirmation-container .payment-container .white-card.shipping-options-section .shipping-options .shipping-option {
  display: flex;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  padding: 8px 16px 8px 8px;
  border-radius: 8px;
  border: 1px solid var(--color-border-default);
  cursor: pointer
}
.confirmation-container .details-container .white-card.shipping-options-section .shipping-options .shipping-option:hover, .confirmation-container .payment-container .white-card.shipping-options-section .shipping-options .shipping-option:hover {
  border-color: color-mix(in srgb, var(--basic_branding), #000 10%)
}
.confirmation-container .details-container .white-card.shipping-options-section .shipping-options .shipping-option:has(input:checked), .confirmation-container .payment-container .white-card.shipping-options-section .shipping-options .shipping-option:has(input:checked) {
  background: var(--color-background-primary)
}
.confirmation-container .details-container .white-card.shipping-options-section .shipping-options .shipping-option input[name=shipping-option], .confirmation-container .payment-container .white-card.shipping-options-section .shipping-options .shipping-option input[name=shipping-option] {
  margin: 0;
  height: 16px;
  width: 16px;
  accent-color: color-mix(in srgb, var(--basic_branding), #000 10%);
  cursor: pointer
}
.confirmation-container .details-container .white-card.shipping-options-section .shipping-options .shipping-option .shipping-option-details, .confirmation-container .payment-container .white-card.shipping-options-section .shipping-options .shipping-option .shipping-option-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: var(--color-content-secondary)
}
.confirmation-container .details-container .white-card.shipping-options-section .shipping-options .shipping-option .shipping-option-details > span:first-child, .confirmation-container .payment-container .white-card.shipping-options-section .shipping-options .shipping-option .shipping-option-details > span:first-child {
  color: var(--color-content-primary)
}
.confirmation-container .details-container .white-card.shipping-options-section .shipping-options .shipping-option .shipping-option-details > span:first-child .shipping-option-cost, .confirmation-container .payment-container .white-card.shipping-options-section .shipping-options .shipping-option .shipping-option-details > span:first-child .shipping-option-cost {
  color: var(--color-content-secondary)
}
.confirmation-container .details-container .white-card.comments-section textarea, .confirmation-container .details-container .white-card.reference-code-section textarea, .confirmation-container .payment-container .white-card.comments-section textarea, .confirmation-container .payment-container .white-card.reference-code-section textarea {
  min-width: 100%;
  min-width: -moz-available;
  min-width: -webkit-fill-available;
  min-width: fill-available;
  padding: 10px 16px;
  color: var(--color-content-primary);
  border: 1px solid var(--color-border-default);
  border-radius: 4px;
  resize: none;
  background-color: var(--color-background-primary)
}
.confirmation-container .details-container .white-card.comments-section textarea::-webkit-input-placeholder, .confirmation-container .details-container .white-card.reference-code-section textarea::-webkit-input-placeholder, .confirmation-container .payment-container .white-card.comments-section textarea::-webkit-input-placeholder, .confirmation-container .payment-container .white-card.reference-code-section textarea::-webkit-input-placeholder {
  color: var(--color-content-tertiary)
}
.confirmation-container .details-container .white-card.comments-section textarea::-moz-placeholder, .confirmation-container .details-container .white-card.reference-code-section textarea::-moz-placeholder, .confirmation-container .payment-container .white-card.comments-section textarea::-moz-placeholder, .confirmation-container .payment-container .white-card.reference-code-section textarea::-moz-placeholder {
  color: var(--color-content-tertiary)
}
.confirmation-container .details-container .white-card.comments-section textarea::-ms-input-placeholder, .confirmation-container .details-container .white-card.reference-code-section textarea::-ms-input-placeholder, .confirmation-container .payment-container .white-card.comments-section textarea::-ms-input-placeholder, .confirmation-container .payment-container .white-card.reference-code-section textarea::-ms-input-placeholder {
  color: var(--color-content-tertiary)
}
.confirmation-container .details-container .white-card.comments-section textarea::placeholder, .confirmation-container .details-container .white-card.reference-code-section textarea::placeholder, .confirmation-container .payment-container .white-card.comments-section textarea::placeholder, .confirmation-container .payment-container .white-card.reference-code-section textarea::placeholder {
  color: var(--color-content-tertiary)
}
.confirmation-container .details-container .white-card.total-payment-section, .confirmation-container .payment-container .white-card.total-payment-section {
  padding-top: 19px;
  border: none;
  background: 0 0
}
.confirmation-container .details-container .white-card.total-payment-section .card-row:not(.total-payment-row), .confirmation-container .payment-container .white-card.total-payment-section .card-row:not(.total-payment-row) {
  color: var(--color-content-secondary)
}
.confirmation-container .details-container .white-card.total-payment-section .total-payment, .confirmation-container .payment-container .white-card.total-payment-section .total-payment {
  color: var(--color-content-primary)
}
.confirmation-container .details-container .white-card.total-payment-section .money-back-row a, .confirmation-container .payment-container .white-card.total-payment-section .money-back-row a {
  display: flex;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  cursor: pointer;
  text-decoration: none;
  color: var(--color-content-secondary)
}
.confirmation-container .details-container .white-card.info-message-section, .confirmation-container .payment-container .white-card.info-message-section {
  background-color: #edf4fd;
  border: 1px solid #4d92e7
}
.confirmation-container .details-container .payment-details-container, .confirmation-container .payment-container .payment-details-container {
  border-radius: 8px;
  background: var(--color-background-tertiary)
}
.confirmation-container .details-container .payment-details-container .payment-details-section .card-row:not(.discount-row) span:first-child, .confirmation-container .payment-container .payment-details-container .payment-details-section .card-row:not(.discount-row) span:first-child {
  display: flex;
  align-items: flex-start;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  font-weight: 600;
  color: var(--color-content-primary)
}
.confirmation-container .details-container .payment-details-container .payment-details-section .card-row:not(.discount-row) .coupon-discount, .confirmation-container .details-container .payment-details-container .payment-details-section .card-row:not(.discount-row) .own-equipment-discount, .confirmation-container .payment-container .payment-details-container .payment-details-section .card-row:not(.discount-row) .coupon-discount, .confirmation-container .payment-container .payment-details-container .payment-details-section .card-row:not(.discount-row) .own-equipment-discount {
  color: var(--color-content-positive)
}
.confirmation-container .details-container .payment-details-container .payment-details-section .card-row:not(.discount-row).savings-title, .confirmation-container .payment-container .payment-details-container .payment-details-section .card-row:not(.discount-row).savings-title {
  color: var(--color-content-tertiary)
}
.confirmation-container .details-container .payment-details-container .payment-details-section .discount-row span:first-child, .confirmation-container .payment-container .payment-details-container .payment-details-section .discount-row span:first-child {
  justify-content: center;
  align-items: flex-start;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px
}
.confirmation-container .details-container .payment-details-container .payment-details-section .discount-row a, .confirmation-container .payment-container .payment-details-container .payment-details-section .discount-row a {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  cursor: pointer;
  text-decoration: none
}
.confirmation-container .details-container .payment-method-section #paymentInfoFormContainer, .confirmation-container .payment-container .payment-method-section #paymentInfoFormContainer {
  width: 100%
}
.confirmation-container .details-container .payment-method-section #paymentInfoFormContainer .field-subscription_type, .confirmation-container .payment-container .payment-method-section #paymentInfoFormContainer .field-subscription_type {
  display: flex;
  justify-content: space-between
}
.confirmation-container .details-container .payment-method-section #paymentInfoFormContainer .field-subscription_type .change-card, .confirmation-container .payment-container .payment-method-section #paymentInfoFormContainer .field-subscription_type .change-card {
  display: flex;
  align-items: center;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px;
  text-decoration: none
}
.confirmation-container .details-container .order-buttons, .confirmation-container .payment-container .order-buttons {
  position: relative;
  display: flex;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px
}
.confirmation-container .details-container .order-buttons .generate-quote, .confirmation-container .payment-container .order-buttons .generate-quote {
  margin-right: 12px
}
.confirmation-container .details-container .order-buttons .generate-mobile-btn, .confirmation-container .payment-container .order-buttons .generate-mobile-btn {
  display: none
}
.confirmation-container .details-container .order-buttons button, .confirmation-container .payment-container .order-buttons button {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.confirmation-container .details-container .order-buttons #go-back, .confirmation-container .payment-container .order-buttons #go-back {
  flex-basis: 25%
}
.confirmation-container .details-container .order-buttons .add-ons-order-button-container, .confirmation-container .details-container .order-buttons .make-order-button-container, .confirmation-container .payment-container .order-buttons .add-ons-order-button-container, .confirmation-container .payment-container .order-buttons .make-order-button-container {
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  row-gap: 6px
}
.confirmation-container .details-container .order-buttons .add-ons-order-button-container #generate-invoice, .confirmation-container .details-container .order-buttons .add-ons-order-button-container #generate-quote, .confirmation-container .details-container .order-buttons .add-ons-order-button-container #make-order, .confirmation-container .details-container .order-buttons .make-order-button-container #generate-invoice, .confirmation-container .details-container .order-buttons .make-order-button-container #generate-quote, .confirmation-container .details-container .order-buttons .make-order-button-container #make-order, .confirmation-container .payment-container .order-buttons .add-ons-order-button-container #generate-invoice, .confirmation-container .payment-container .order-buttons .add-ons-order-button-container #generate-quote, .confirmation-container .payment-container .order-buttons .add-ons-order-button-container #make-order, .confirmation-container .payment-container .order-buttons .make-order-button-container #generate-invoice, .confirmation-container .payment-container .order-buttons .make-order-button-container #generate-quote, .confirmation-container .payment-container .order-buttons .make-order-button-container #make-order {
  width: 100%
}
.confirmation-container .details-container .order-buttons .add-ons-order-button-container #generate-invoice, .confirmation-container .details-container .order-buttons .make-order-button-container #generate-invoice, .confirmation-container .payment-container .order-buttons .add-ons-order-button-container #generate-invoice, .confirmation-container .payment-container .order-buttons .make-order-button-container #generate-invoice {
  margin-bottom: 6px
}
.confirmation-container .details-container .order-buttons :has(#go-back) .add-ons-order-button-container, .confirmation-container .details-container .order-buttons :has(#go-back) .make-order-button-container, .confirmation-container .payment-container .order-buttons :has(#go-back) .add-ons-order-button-container, .confirmation-container .payment-container .order-buttons :has(#go-back) .make-order-button-container {
  flex-basis: 75%
}
.confirmation-container .details-container .order-buttons .make-order-button-container:has(.generate-invoice), .confirmation-container .payment-container .order-buttons .make-order-button-container:has(.generate-invoice) {
  justify-content: center;
  align-items: flex-start;
  flex-direction: row;
  display: flex
}
.confirmation-container .details-container .order-buttons .generate-order-btn ul, .confirmation-container .payment-container .order-buttons .generate-order-btn ul {
  cursor: pointer;
  min-width: 150px
}
.confirmation-container .details-container .order-buttons .generate-order-btn ul li, .confirmation-container .payment-container .order-buttons .generate-order-btn ul li {
  padding: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block
}
.confirmation-container .details-container .device-purchase-section .card-row:first-of-type, .confirmation-container .details-container .subscription-title, .confirmation-container .payment-container .device-purchase-section .card-row:first-of-type, .confirmation-container .payment-container .subscription-title {
  color: var(--color-content-primary);
  text-transform: capitalize
}
.confirmation-container .details-container .plug-type-row, .confirmation-container .payment-container .plug-type-row {
  margin-top: 4px
}
.completion-container {
  margin-top: 16px
}
.completion-container .white_container_collapsable .white_container {
  flex-wrap: nowrap;
  display: flex
}
.completion-container .white_container_collapsable #collapsable_title_overview .arrow-down, .completion-container .white_container_collapsable #collapsable_title_overview .arrow-up {
  cursor: pointer
}
.completion-container .details-container {
  width: clamp(245px, 100%, 900px);
  display: flex;
  flex-direction: column;
  row-gap: 12px
}
.completion-container .details-container .white-card {
  padding: 12px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-inverse)
}
.completion-container .details-container .white-card.downgrade-section, .completion-container .details-container .white-card.payment-method-section {
  padding-block: 8px
}
.completion-container .details-container .white-card .vat-row, .completion-container .details-container .white-card.downgrade-section .card-row {
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px
}
.completion-container .details-container .white-card .vat-row a, .completion-container .details-container .white-card.downgrade-section .card-row a {
  cursor: pointer;
  text-decoration: none;
  font-weight: 600
}
.completion-container .details-container .white-card .card-title {
  font-weight: 600;
  color: var(--color-content-primary);
  padding-bottom: 12px
}
.completion-container .details-container .white-card .card-row {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-content-secondary);
  margin-bottom: 10px;
  gap: 4px
}
.completion-container .details-container .white-card .card-row .row-value {
  font-weight: 600
}
.completion-container .details-container .white-card .renewal-date-container {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 6px
}
.completion-container .details-container .white-card .subscribed-add-ons .pills {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-content-secondary);
  margin-top: 4px;
  gap: 4px;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  flex-wrap: wrap
}
.completion-container .details-container .white-card .subscribed-add-ons .pills span {
  padding: 4px;
  color: var(--color-content-tertiary);
  background-color: var(--color-background-primary);
  border-radius: 8px
}
.completion-container .charges-container {
  width: clamp(245px, 100%, 600px);
  display: flex;
  flex-direction: column;
  row-gap: 15px
}
.completion-container .charges-container .account-balance-container, .completion-container .charges-container .payment-container {
  border-radius: 8px;
  background: var(--color-background-tertiary);
  display: flex;
  flex-direction: column;
  row-gap: 12px
}
.completion-container .charges-container .account-balance-container .white-card, .completion-container .charges-container .payment-container .white-card {
  padding: 16px;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  border-radius: 8px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-inverse)
}
.completion-container .charges-container .account-balance-container .white-card.payment-details-section .payment-breakdown, .completion-container .charges-container .account-balance-container .white-card.payment-details-section .savings, .completion-container .charges-container .payment-container .white-card.payment-details-section .payment-breakdown, .completion-container .charges-container .payment-container .white-card.payment-details-section .savings {
  row-gap: 12px;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  display: flex
}
.completion-container .charges-container .account-balance-container .white-card.payment-details-section .payment-breakdown .card-section, .completion-container .charges-container .account-balance-container .white-card.payment-details-section .savings .card-section, .completion-container .charges-container .payment-container .white-card.payment-details-section .payment-breakdown .card-section, .completion-container .charges-container .payment-container .white-card.payment-details-section .savings .card-section {
  font-size: 16px
}
.completion-container .charges-container .account-balance-container .white-card.payment-details-section .savings .charge-value, .completion-container .charges-container .payment-container .white-card.payment-details-section .savings .charge-value {
  color: var(--color-content-positive) !important
}
.completion-container .charges-container .account-balance-container .white-card.payment-details-section .payment-analysis, .completion-container .charges-container .payment-container .white-card.payment-details-section .payment-analysis {
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  row-gap: 6px;
  width: 100%
}
.completion-container .charges-container .account-balance-container .white-card.total-payment-section, .completion-container .charges-container .payment-container .white-card.total-payment-section {
  background: 0 0;
  border: none;
  row-gap: 10px
}
.completion-container .charges-container .account-balance-container .white-card.total-payment-section .charge-key, .completion-container .charges-container .payment-container .white-card.total-payment-section .charge-key {
  font-weight: 400 !important
}
.completion-container .charges-container .account-balance-container .white-card .card-title, .completion-container .charges-container .payment-container .white-card .card-title {
  font-size: 20px;
  font-weight: 400;
  color: var(--color-content-primary)
}
.completion-container .charges-container .account-balance-container .white-card .card-section, .completion-container .charges-container .payment-container .white-card .card-section {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-content-secondary) !important
}
.completion-container .charges-container .account-balance-container .white-card .card-row, .completion-container .charges-container .payment-container .white-card .card-row {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: inline-flex;
  width: 100%;
  font-size: 14px;
  color: var(--color-content-primary)
}
.completion-container .charges-container .account-balance-container .white-card .card-row .tooltip-container, .completion-container .charges-container .payment-container .white-card .card-row .tooltip-container {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: inline-flex
}
.completion-container .charges-container .account-balance-container .white-card .card-row .tooltip-container .help-button, .completion-container .charges-container .payment-container .white-card .card-row .tooltip-container .help-button {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.completion-container .charges-container .account-balance-container .white-card .card-row .charge-key, .completion-container .charges-container .account-balance-container .white-card .card-row .charge-value, .completion-container .charges-container .payment-container .white-card .card-row .charge-key, .completion-container .charges-container .payment-container .white-card .card-row .charge-value {
  font-weight: 600
}
.completion-container .charges-container .account-balance-container .white-card .card-row.total-payment-row .charge-key, .completion-container .charges-container .payment-container .white-card .card-row.total-payment-row .charge-key {
  font-size: 14px;
  font-weight: 600;
  color: #000
}
.completion-container .charges-container .payment-container .payment-details-section {
  row-gap: 24px !important
}
.completion-container .charges-container .payment-method-section.white-card {
  padding: 16px;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  border-radius: 8px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-inverse)
}
.completion-container .charges-container .account-balance-container .account-balance-section {
  row-gap: 6px
}
.completion-container .charges-container .account-balance-container .account-balance-section .cancellation-downgrade-analysis {
  row-gap: 6px;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  display: flex
}
.completion-container .charges-container .account-balance-container .account-balance-section .card-row .charge-value {
  font-weight: 400
}
.completion-container .charges-container .account-balance-container .account-balance-section .account-balance-created .charge-value {
  color: var(--color-content-positive)
}
.canada-players-order-warning {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  padding: 8px 16px;
  margin-bottom: 24px;
  border-radius: 8px;
  border: 1px solid var(--color-border-notice);
  background: var(--color-background-notice-subtle);
  color: var(--color-content-primary)
}
.canada-players-order-warning .note-container {
  display: flex;
  align-items: center;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px
}
.confirmation-step #purchase-wizard.confirmation-step-new .purchase-wizard-footer, .confirmation-step #purchase-wizard.confirmation-step-new .wizard-nav-container {
  display: none !important
}
.confirmation-step #purchase-wizard.confirmation-step-new .canada-players-order-warning {
  margin: unset
}
#schedule-form .row, #volume-schedule-form .row {
  margin-inline: -15px
}
@media only screen and (max-width:992px) {
  #model-rpi-configurator .model-select.model-select-left {
    margin-bottom: 50px !important
  }
}
@media (max-width:320px) {
  #coupon-title {
    max-width: 160px
  }
}
@media (max-width:360px) {
  #numberofscreens-configurator > .field > input {
    max-width: 110px
  }
}
@media (max-width:390px) {
  #coupon-title {
    max-width: 190px
  }
}
@media (max-width:414px) {
  .coupon-modal .modal-body {
    width: inherit
  }
  #order-coupon-input {
    width: auto
  }
  .header-counter-container {
    flex-flow: column !important;
    align-items: center !important
  }
  .header-counter-container > * {
    width: 100% !important;
    justify-content: center !important
  }
}
@media (max-width:460px) {
  .purchase-wizard-content-devices.row.step1, .purchase-wizard-content-screens.row.step1 {
    display: block
  }
}
@media (max-width:629px) {
  #order-form #completeOrderFormContainer .new-devices .new-devices-container .new-screen-input-field, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .new-screen-input-field {
    flex-flow: column
  }
  #order-form #completeOrderFormContainer .new-devices .new-devices-container .new-screen-input-field .new-device-name, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .new-screen-input-field .new-device-name {
    width: 100%
  }
  #order-form #completeOrderFormContainer .new-devices .new-devices-container .new-screen-input-field > *, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .new-screen-input-field > * {
    margin-bottom: 12px
  }
  #order-form #completeOrderFormContainer .new-devices .new-devices-container .new-screen-input-field .copy-network.hide-copy-button, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .new-screen-input-field .copy-network.hide-copy-button {
    display: none !important
  }
  #order-form #completeOrderFormContainer .new-devices .new-devices-container .new-screen-input-field .copy-network .copy-network-text, .subscription-wizard #purchase-wizard .purchase-wizard-content .purchase-wizard-content-item .new-device-container .new-screen-input-field .copy-network .copy-network-text {
    display: inline-block !important;
    margin-left: 12px
  }
}
@media (max-width:768px) {
  .billing-cycle-plans .billing-plan-container .plan-select.plan-select-right, .models-container .model-select.model-select-4gb {
    margin-left: 0 !important
  }
  .billing-cycle-plans .billing-plan-container .plan-select.plan-select-left, .models-container .model-select.model-select-1gb {
    margin-right: 0 !important
  }
  .purchase-wizard-content-screens .step-content-container {
    padding: 16px !important
  }
  .models-container {
    flex-direction: column !important;
    width: 100%
  }
  .models-container .model-select {
    width: 100% !important;
    margin-bottom: 16px
  }
  .billing-cycle-plans {
    flex-direction: column !important
  }
  .billing-cycle-plans .billing-plan-container {
    width: 100% !important
  }
  .coupon-modal .modal-content {
    margin-left: auto;
    margin-right: auto;
    width: 90%
  }
}
@media (max-width:991px) {
  .white_container {
    flex-direction: column
  }
  .white_container .block_item + .block_item {
    border-top: 2px solid var(--color-background-tertiary);
    border-left: 0 !important;
    padding-top: 10px
  }
  .white_container .block_col {
    padding-left: 0 !important
  }
  .mobile_full_width {
    width: 100% !important
  }
}
@media (max-width:1060px) {
  #coupon-title {
    max-width: 300px
  }
}
@media (max-width:1139px) {
  .addons-wizard, .subscription-wizard {
    flex-flow: column;
    padding-right: 0
  }
  .addons-wizard #purchase-wizard, .subscription-wizard #purchase-wizard {
    margin-bottom: 0;
    width: 100%
  }
  .addons-wizard #order-details, .subscription-wizard #order-details {
    padding-left: unset;
    margin-left: 0;
    margin-top: 0
  }
  .addons-wizard .trial-upsell-container, .subscription-wizard .trial-upsell-container {
    display: none
  }
}
@media (max-width:1268px) and (min-width:1060px) {
  #coupon-title {
    max-width: 165px
  }
}
@media (max-width:540px) {
  .order-buttons .generate-invoice, .order-buttons .generate-quote {
    display: none !important
  }
  .order-buttons .generate-mobile-btn {
    display: block !important
  }
}
.assurance-opt-in-container-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 12px;
  margin-top: 16px;
  width: 100%
}
.assurance-opt-in-container-wrapper .assurance-opt-in-container {
  padding: 12px 24px;
  background-color: var(--color-background-inverse);
  border: 2px solid var(--color-brand-subtle-hover);
  border-radius: 5px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 16px
}
.assurance-opt-in-container-wrapper .assurance-opt-in-content {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 16px
}
.assurance-opt-in-container-wrapper .assurance-icon-wrapper {
  width: 40px;
  aspect-ratio: 1;
  background-color: var(--color-background-primary);
  border-radius: 4px;
  padding: 4px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.assurance-opt-in-container-wrapper .assurance-opt-in-inner-content {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 4px
}
@media screen and (max-width:540px) {
  .assurance-opt-in-container-wrapper .assurance-opt-in-container {
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    display: flex
  }
  .assurance-opt-in-container-wrapper .assurance-opt-in-content {
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    display: flex
  }
  .assurance-opt-in-container-wrapper #assuranceToggleButton {
    width: 100%
  }
}
#schedule-form .fc-event-container .fc-content {
  display: flex;
  flex-wrap: wrap
}
#schedule-form .fc-event-container .fc-content .fc-title {
  color: var(--color-content-primary);
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis
}
#schedule-form .fc-event-container .fc-content .fc-time {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: inline-flex;
  color: var(--color-content-primary);
  font-size: 12px;
  font-weight: 600;
  border-radius: 3px;
  order: 3
}
#schedule-form .fc-event-container .fc-bg {
  background-color: var(--color-background-tertiary)
}
#schedule-form .calendar-entries-container {
  display: flex;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px
}
#schedule-form .calendar-entries-container .calendar-container {
  position: relative;
  width: 100%
}
@media (max-width:768px) {
  #schedule-form .calendar-entries-container {
    flex-direction: column;
    row-gap: 16px;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0
  }
  #schedule-form .calendar-entries-container .calendar-container {
    width: 100%
  }
}
#schedule-form .calendar-entries-container .entries-list-container {
  width: 300px
}
#schedule-form .calendar-entries-container .entries-list-container .widget-box {
  margin-top: 0;
  border-radius: 8px;
  background-color: var(--color-background-inverse);
  padding: 8px 0;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
  max-height: calc(100% - 70px);
  height: calc(100% - 70px)
}
@media (max-width:768px) {
  #schedule-form .calendar-entries-container .entries-list-container {
    width: 100%
  }
  #schedule-form .calendar-entries-container .entries-list-container .widget-box {
    max-height: 450px;
    height: 100%
  }
}
#schedule-form .calendar-entries-container .entries-list-container .widget-box .widget-header {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  padding-left: 12px;
  padding-right: 12px;
  background: 0;
  border-top: none;
  border-right: none;
  border-left: none
}
#schedule-form .calendar-entries-container .entries-list-container .widget-box .widget-header .header-title-container {
  display: flex;
  align-items: center
}
#schedule-form .calendar-entries-container .entries-list-container .widget-box .widget-header .header-title-container h4 {
  color: var(--color-content-primary);
  font-weight: 700;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 18px
}
#schedule-form .calendar-entries-container .entries-list-container .widget-box .widget-body > div:nth-of-type(2), #user-profile.subscription-row .quick-links {
  margin-top: 24px
}
#schedule-form .calendar-entries-container .entries-list-container .widget-box .widget-header .header-title-container .entries-list-message-icon a {
  display: flex;
  background-color: var(--color-background-tertiary);
  color: var(--color-content-secondary) !important;
  height: 18px !important;
  width: 18px !important;
  border-radius: 100% !important
}
#schedule-form .calendar-entries-container .entries-list-container .widget-box .widget-header .header-title-container .entries-list-message-icon a:hover {
  text-decoration: none
}
#schedule-form .calendar-entries-container .entries-list-container .widget-box .widget-header .schedule-events-list-message {
  color: var(--color-content-secondary);
  line-height: 150% !important
}
#schedule-form .calendar-entries-container .entries-list-container .widget-box .widget-header .events-color-toggle .events-radios {
  display: flex;
  flex-direction: row;
  align-items: center
}
#schedule-form .calendar-entries-container .entries-list-container .widget-box .widget-header .events-color-toggle .events-radios label.colorselecting-radio {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 5px;
  margin-bottom: 0;
  cursor: pointer;
  padding: 5px
}
#schedule-form .calendar-entries-container .entries-list-container .widget-box .widget-header .events-color-toggle .events-radios label.colorselecting-radio input[type=radio] {
  position: absolute;
  opacity: 0;
  cursor: pointer
}
#schedule-form .calendar-entries-container .entries-list-container .widget-box .widget-header .events-color-toggle .events-radios label.colorselecting-radio input[type=radio]:checked ~ span, #schedule-form .fc-view.fc-month-view .fc-row.fc-week .fc-bg tbody tr > td {
  position: relative
}
#schedule-form .calendar-entries-container .entries-list-container .widget-box .widget-header .events-color-toggle .events-radios label.colorselecting-radio input[type=radio]:checked ~ span:after {
  content: '';
  position: absolute;
  left: -5px;
  top: -5px;
  border: 1px solid var(--basic_branding);
  width: 22px;
  height: 22px;
  border-radius: 50%
}
#schedule-form .calendar-entries-container .entries-list-container .widget-box .widget-header .events-color-toggle .events-radios label.colorselecting-radio span {
  background: var(--color-background-turquoise-subtle);
  width: 14px;
  height: 14px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid var(--color-border-default)
}
#schedule-form .calendar-entries-container .entries-list-container .widget-box .widget-header .events-color-toggle .events-radios label.colorselecting-radio span.multicolor {
  background: linear-gradient(90deg, #afefef 0, #e0e197 29%, #ad86df 74%, #fbc584 100%)
}
#schedule-form .calendar-entries-container .entries-list-container .widget-box .widget-body {
  padding-left: 12px;
  padding-right: 12px;
  max-height: calc(100% - 150px);
  overflow: hidden auto;
  height: 100%
}
@media (max-width:768px) {
  #schedule-form .calendar-entries-container .entries-list-container .widget-box .widget-body {
    max-height: 220px
  }
}
#schedule-form .calendar-entries-container .entries-list-container .widget-box .widget-body::-webkit-scrollbar {
  width: 6px
}
#schedule-form .calendar-entries-container .entries-list-container .widget-box .widget-body::-webkit-scrollbar-track {
  background-color: var(--color-background-inverse);
  border-radius: 8px
}
#schedule-form .calendar-entries-container .entries-list-container .widget-box .widget-body::-webkit-scrollbar-thumb {
  background-color: rgba(197, 206, 214, .8);
  border-radius: 8px
}
#schedule-form .calendar-entries-container .entries-list-container .widget-box .widget-body > div .dropdown-toggle {
  display: flex;
  margin-bottom: 12px;
  text-decoration: none;
  cursor: pointer;
  align-items: center
}
#schedule-form .calendar-entries-container .entries-list-container .widget-box .widget-body > div .dropdown-toggle .widget-body-header {
  font-size: 12px;
  font-weight: 600;
  color: var(--color-content-primary);
  line-height: 14px;
  margin-left: 6px
}
#schedule-form .calendar-entries-container .entries-list-container .widget-box .widget-body > div .dropdown-toggle b {
  margin-left: auto;
  color: var(--color-content-primary);
  line-height: 16px;
  font-size: 16px
}
#schedule-form .fc-scroller::-webkit-scrollbar {
  width: 6px
}
#schedule-form .fc-scroller::-webkit-scrollbar-track {
  background-color: var(--color-background-inverse);
  border-radius: 8px
}
#schedule-form .fc-scroller::-webkit-scrollbar-thumb {
  background-color: var(--color-background-tertiary);
  border-radius: 8px
}
#volume-schedule-form .fc-event-container .fc-content .fc-title {
  color: var(--color-content-inverse);
  font-weight: 700;
  font-size: 10px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis
}
#volume-schedule-form .fc-event-container .fc-content .fc-time {
  color: var(--color-content-inverse);
  font-size: 10px;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  border-radius: 3px;
  justify-content: center;
  min-width: 30px
}
#schedule-form .fc-unthemed td.fc-today .fc-day-number {
  font-weight: 700;
  color: var(--color-content-primary) !important
}
#volume-schedule-form .fc-unthemed td.fc-today {
  background: var(--color-background-primary)
}
.fc-toolbar.fc-header-toolbar {
  margin-bottom: 20px
}
#schedule-form .fc-view.fc-month-view .fc-event-container {
  height: auto
}
#schedule-form .fc-view.fc-month-view .fc-event-container .fc-content {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  -webkit-column-gap: 3px;
  -moz-column-gap: 3px;
  column-gap: 3px;
  height: 14px;
  min-height: 14px;
  padding-left: 3px
}
#schedule-form .fc-view.fc-month-view .fc-day-grid-event[class*=color-], #schedule-form .fc-view.fc-month-view .fc-day-grid-event[class*=label-] {
  display: flex;
  margin: 0 8px 2px;
  min-height: 23px
}
#schedule-form .fc-view.fc-month-view .fc-day-grid-event {
  background-color: var(--color-background-turquoise-subtle);
  border: 1px solid var(--color-border-turquoise);
  font-weight: 600;
  margin: 0 8px 2px;
  border-radius: 4px;
  padding: 2px
}
#schedule-form .fc-view.fc-month-view .fc-day-grid-event.is-turned-off {
  background-color: var(--color-brand-subtle) !important;
  border: 1px solid var(--color-border-default) !important
}
#schedule-form .fc-view.fc-month-view .fc-day-grid-event .fc-content .all-day-event-icon, #schedule-form .fc-view.fc-month-view .fc-day-grid-event .fc-content .repeat-icon, #schedule-form .fc-view.fc-month-view .fc-day-grid-event .fc-content .turned-off-icon {
  display: flex;
  float: left;
  margin-right: 3px
}
#schedule-form .fc-view.fc-month-view .fc-day-grid-event .fc-content .turned-off-icon {
  color: var(--color-content-primary)
}
#schedule-form .fc-view.fc-month-view .fc-day-grid-event .fc-content .turned-off-icon i {
  font-size: 14px
}
#schedule-form .fc-view.fc-month-view tbody {
  border-color: var(--color-border-default)
}
#schedule-form .fc-view.fc-month-view .fc-body:before {
  line-height: 8px;
  content: '-';
  color: transparent;
  display: block
}
#schedule-form .fc-view.fc-month-view .fc-row.fc-week .fc-bg tbody td.fc-today {
  background: var(--color-brand-subtle-hover)
}
#schedule-form .fc-view.fc-month-view .fc-row.fc-week .fc-bg tbody tr > td .default-content-pseudoevent {
  opacity: 1;
  border: 1px solid var(--color-border-focus);
  bottom: 0;
  left: 4px;
  border-radius: 4px;
  top: 5px;
  height: calc(100% - 14px);
  position: absolute;
  background-color: var(--color-fill-image);
  right: 4px
}
#schedule-form .fc-view.fc-month-view td {
  border-color: var(--color-border-default)
}
#schedule-form .fc-view.fc-month-view .fc-day-grid.fc-unselectable {
  background-color: var(--color-background-inverse)
}
#schedule-form .fc-view.fc-month-view .fc-day-top .fc-day-number {
  float: left;
  padding-left: 12px;
  padding-top: 8px;
  padding-bottom: 0;
  color: var(--color-content-tertiary)
}
#schedule-form .fc-view.fc-month-view .fc-other-month .fc-day-number {
  color: var(--color-content-tertiary)
}
#schedule-form .fc-view.fc-month-view .fc-body > tr > td.fc-widget-content {
  border: 1px solid transparent;
  border-radius: 5px !important;
  box-shadow: 0 0 0 1px var(--color-border-default)
}
#schedule-form .fc-view.fc-month-view .fc-day-grid-container {
  border-radius: 5px
}
#schedule-form .fc-view.fc-month-view .fc-more {
  color: var(--color-content-primary);
  font-weight: 600
}
#schedule-form .fc-view.fc-month-view .fc-more:hover {
  text-decoration: none
}
#schedule-form .fc-view.fc-month-view .fc-more-cell > div {
  margin-left: 6px
}
#schedule-form .fc-view.fc-month-view .fc-head-container thead .fc-widget-header {
  border: none;
  background-color: var(--color-background-tertiary);
  color: var(--color-content-tertiary);
  font-size: 14px;
  font-weight: 400;
  height: 34px;
  vertical-align: middle
}
#schedule-form .fc-view.fc-agendaDay-view .fc-day-header, #schedule-form .fc-view.fc-agendaWeek-view .fc-head-container thead tr .fc-today {
  color: var(--color-content-primary) !important;
  font-weight: 700 !important
}
#schedule-form .fc-view.fc-month-view .fc-head-container thead .fc-widget-header.fc-mon {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important
}
#schedule-form .fc-view.fc-month-view .fc-head-container thead .fc-widget-header.fc-sun {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important
}
#schedule-form .fc-view.fc-month-view .fc-head-container thead .fc-widget-header.fc_header-today {
  color: var(--color-content-primary) !important;
  font-weight: 700
}
#schedule-form .fc-view.fc-month-view .fc-head-container.fc-widget-header, #schedule-form .fc-view.fc-month-view .fc-head-container > .fc-widget-header {
  background: 0 0;
  border: none
}
#schedule-form .fc-view.fc-month-view .fc-more-popover {
  border: none;
  border-radius: 6px
}
#schedule-form .fc-view.fc-month-view .fc-more-popover .fc-header {
  background-color: transparent;
  padding: 6px;
  border: none
}
#schedule-form .fc-view.fc-month-view .fc-more-popover .fc-header .fc-close {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  padding: 4px;
  background-color: var(--color-background-tertiary);
  border-radius: 12px;
  color: var(--color-background-inverse);
  position: absolute;
  right: 6px;
  top: 6px
}
#schedule-form .fc-view.fc-month-view .fc-more-popover .fc-header .fc-title {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  margin-top: 10px;
  width: 100%;
  border: none;
  color: var(--color-content-primary)
}
#schedule-form .fc-view.fc-month-view .fc-more-popover .fc-body {
  border: none
}
#schedule-form .fc-view.fc-month-view .fc-more-popover .fc-body .fc-event-container {
  padding: 0 8px 4px
}
#schedule-form .fc-view.fc-month-view .fc-more-popover .fc-body .fc-event-container a {
  margin-left: 0 !important;
  margin-bottom: 4px
}
#volume-schedule-form .fc-view.fc-month-view .fc-event-container {
  height: auto
}
#volume-schedule-form .fc-view.fc-month-view .fc-event-container .fc-content {
  display: flex;
  align-items: center;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  min-height: 20px
}
#volume-schedule-form .fc-view.fc-month-view .fc-event-container .fc-content .fc-time {
  padding: 4px 7px 4px 8px
}
#volume-schedule-form .fc-view.fc-month-view .fc-day-grid-event[class*=color-], #volume-schedule-form .fc-view.fc-month-view .fc-day-grid-event[class*=label-] {
  display: flex;
  margin: 0 3px 2px;
  min-height: 23px
}
#volume-schedule-form .fc-view.fc-month-view tbody, #volume-schedule-form .fc-view.fc-month-view td {
  border-color: var(--color-border-default)
}
#volume-schedule-form .fc-view.fc-month-view .fc-day-grid.fc-unselectable {
  background-color: var(--color-background-inverse)
}
#volume-schedule-form .fc-view.fc-month-view .fc-day-top .fc-day-number {
  float: left;
  padding-left: 12px;
  padding-top: 18px;
  padding-bottom: 0;
  color: var(--color-content-tertiary)
}
#volume-schedule-form .fc-view.fc-month-view .fc-other-month .fc-day-number {
  color: var(--color-content-tertiary)
}
#volume-schedule-form .fc-view.fc-month-view .fc-body > tr > td.fc-widget-content {
  border: 1px solid transparent;
  border-radius: 8px !important;
  box-shadow: 0 0 0 1px var(--color-border-default)
}
#volume-schedule-form .fc-view.fc-month-view .fc-day-grid-container {
  border-radius: 8px
}
#volume-schedule-form .fc-view.fc-month-view .fc-head-container thead .fc-widget-header {
  border: none;
  background: 0 0;
  color: var(--color-content-tertiary);
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 15px
}
#volume-schedule-form .fc-view.fc-month-view .fc-head-container.fc-widget-header, #volume-schedule-form .fc-view.fc-month-view .fc-head-container > .fc-widget-header {
  background: 0 0;
  border: none
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid .fc-slats .fc-minor td:not(.fc-axis) {
  border-top-style: dotted;
  border-top-color: var(--color-border-default) !important
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid .fc-slats tbody > tr:not(.fc-minor) td:first-child span {
  top: 0
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid .fc-slats table tbody tr .fc-widget-content {
  top: -11px
}
#schedule-form .fc-view.fc-agendaDay-view .fc-day-header {
  border-radius: 5px !important
}
#schedule-form .fc-view.fc-agendaDay-view .fc-today {
  background-color: var(--color-background-inverse);
  border-radius: 5px !important
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid.fc-unselectable .fc-content-skeleton tbody tr td:nth-child(2) .fc-bgevent-container .default-show.fc-bgevent, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid.fc-unselectable .fc-content-skeleton tbody tr td:last-child .fc-bgevent-container .default-show.fc-bgevent {
  border-right: 1px solid;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event {
  margin-right: -2% !important;
  margin-left: 6px !important
}
#schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid .fc-slats table tbody tr .fc-widget-content {
  top: -30px
}
#schedule-form .fc-view.fc-agendaWeek-view .fc-head-container.fc-widget-header, #schedule-form .fc-view.fc-agendaWeek-view .fc-head-container > .fc-widget-header {
  background: 0 0;
  border: none
}
#schedule-form .fc-view.fc-agendaDay-view td.fc-widget-header .fc-row.fc-widget-header > table thead tr .fc-axis, #schedule-form .fc-view.fc-agendaWeek-view td.fc-widget-header .fc-row.fc-widget-header > table thead tr .fc-axis {
  background-color: var(--color-background-primary) !important
}
#schedule-form .fc-view.fc-agendaDay-view td.fc-widget-header .fc-row.fc-widget-header > table thead tr .fc-axis i, #schedule-form .fc-view.fc-agendaWeek-view td.fc-widget-header .fc-row.fc-widget-header > table thead tr .fc-axis i {
  display: none
}
#schedule-form .fc-view.fc-agendaDay-view td.fc-widget-header .fc-row.fc-widget-header > table thead tr .fc-day-header, #schedule-form .fc-view.fc-agendaWeek-view td.fc-widget-header .fc-row.fc-widget-header > table thead tr .fc-day-header {
  color: var(--color-content-secondary);
  font-weight: 400
}
#schedule-form .fc-view.fc-agendaDay-view td.fc-widget-header .fc-row.fc-widget-header > table thead tr th, #schedule-form .fc-view.fc-agendaWeek-view td.fc-widget-header .fc-row.fc-widget-header > table thead tr th {
  vertical-align: middle
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event {
  min-height: 11px;
  border-radius: 4px;
  padding: 2px;
  margin: 0 3px;
  background-color: var(--color-background-turquoise-subtle);
  border: 1px solid var(--color-border-turquoise)
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event.is-turned-off, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event.is-turned-off {
  background-color: var(--color-brand-subtle);
  border: 1px solid var(--color-border-default)
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event .fc-content, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event .fc-content {
  padding: 1px
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event .fc-content .all-day-event-icon, #schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event .fc-content .repeat-icon, #schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event .fc-content .turned-off-icon, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event .fc-content .all-day-event-icon, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event .fc-content .repeat-icon, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event .fc-content .turned-off-icon {
  float: left;
  margin-right: 3px;
  color: var(--color-content-primary)
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event .fc-content .turned-off-icon, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event .fc-content .turned-off-icon {
  display: flex;
  color: var(--color-content-primary)
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event .fc-content .turned-off-icon i, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event .fc-content .turned-off-icon i {
  font-size: 14px
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event .fc-content .all-day-indicator, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event .fc-content .all-day-indicator {
  float: left;
  font-weight: 600;
  color: var(--color-content-primary)
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event .fc-content .fc-time, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event .fc-content .fc-time {
  margin-right: 3px;
  float: left;
  max-width: 120px
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event .fc-content .fc-title, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event .fc-content .fc-title {
  float: left;
  word-break: break-word
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event.fc-short .fc-content .fc-time, #schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event.fc-short .fc-content .fc-title, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event.fc-short .fc-content .fc-time, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event.fc-short .fc-content .fc-title {
  float: none
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event.fc-short .fc-content .fc-time:after, #schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event.fc-short .fc-content .fc-time:before, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event.fc-short .fc-content .fc-time:after, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event.fc-short .fc-content .fc-time:before {
  display: none
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event.fc-short .fc-content .fc-time span, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event.fc-short .fc-content .fc-time span {
  display: block
}
#schedule-form .fc-view.fc-agendaDay-view > table > tbody > tr > td.fc-widget-content, #schedule-form .fc-view.fc-agendaWeek-view > table > tbody > tr > td.fc-widget-content {
  border: none;
  border-radius: 8px !important
}
#schedule-form .fc-view.fc-agendaDay-view .fc-day-grid.fc-unselectable, #schedule-form .fc-view.fc-agendaWeek-view .fc-day-grid.fc-unselectable {
  background-color: var(--color-background-inverse)
}
#schedule-form .fc-view.fc-agendaDay-view .fc-day-grid.fc-unselectable .fc-row > .fc-bg table tbody > tr td:first-child, #schedule-form .fc-view.fc-agendaDay-view .fc-scroller.fc-time-grid-container, #schedule-form .fc-view.fc-agendaWeek-view .fc-day-grid.fc-unselectable .fc-row > .fc-bg table tbody > tr td:first-child, #schedule-form .fc-view.fc-agendaWeek-view .fc-scroller.fc-time-grid-container {
  background-color: var(--color-background-primary)
}
#schedule-form .fc-view.fc-agendaDay-view .fc-bgevent, #schedule-form .fc-view.fc-agendaDay-view .fc-time-grid.fc-unselectable, #schedule-form .fc-view.fc-agendaWeek-view .fc-bgevent, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid.fc-unselectable {
  background-color: var(--color-background-inverse)
}
#schedule-form .fc-view.fc-agendaDay-view .fc-divider, #schedule-form .fc-view.fc-agendaWeek-view .fc-divider {
  display: none !important
}
#schedule-form .fc-view.fc-agendaDay-view .fc-widget-content .fc-day-grid + .fc-divider.fc-widget-header, #schedule-form .fc-view.fc-agendaDay-view .fc-widget-content .fc-day-grid.fc-unselectable, #schedule-form .fc-view.fc-agendaWeek-view .fc-widget-content .fc-day-grid + .fc-divider.fc-widget-header, #schedule-form .fc-view.fc-agendaWeek-view .fc-widget-content .fc-day-grid.fc-unselectable {
  display: none
}
#schedule-form .fc-view.fc-agendaDay-view .fc-widget-content .fc-day-grid > .fc-row, #schedule-form .fc-view.fc-agendaWeek-view .fc-widget-content .fc-day-grid > .fc-row {
  border-bottom-color: var(--color-border-default);
  border-bottom-width: 1px;
  border-right-width: 1px !important;
  border-right-color: transparent
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid .fc-slats .fc-minor td, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid .fc-slats .fc-minor td {
  border-color: transparent
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid .fc-slats td, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid .fc-slats td {
  height: 2.5em
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid .fc-slats tbody > tr:not(.fc-minor) td, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid .fc-slats tbody > tr:not(.fc-minor) td {
  border-top-color: var(--color-border-default)
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid .fc-slats tbody > tr:not(.fc-minor) td:first-child, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid .fc-slats tbody > tr:not(.fc-minor) td:first-child {
  border-top-color: transparent;
  position: relative;
  border-right-color: transparent
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid .fc-slats tbody > tr:not(.fc-minor) td:first-child span, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid .fc-slats tbody > tr:not(.fc-minor) td:first-child span {
  position: absolute;
  right: 10px
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid.fc-unselectable .fc-bg table, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid.fc-unselectable .fc-bg table {
  background-color: var(--color-background-primary)
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid.fc-unselectable .fc-bg table tbody tr td:first-child, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid.fc-unselectable .fc-bg table tbody tr td:first-child {
  box-shadow: 0 0 0 1px var(--color-background-primary);
  border-right-color: var(--color-background-primary)
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid.fc-unselectable .fc-bg table tbody tr td:not(:first-child):not(.fc-today):nth-child(2), #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid.fc-unselectable .fc-bg table tbody tr td:not(:first-child):not(.fc-today):nth-child(2) {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid.fc-unselectable .fc-bg table tbody tr td:nth-child(2), #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid.fc-unselectable .fc-bg table tbody tr td:nth-child(2) {
  border-left-color: var(--color-background-primary)
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid.fc-unselectable .fc-bg table tbody tr td:not(:first-child):not(.fc-today), #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid.fc-unselectable .fc-bg table tbody tr td:not(:first-child):not(.fc-today) {
  background-color: var(--color-background-inverse)
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid.fc-unselectable .fc-bg table tbody tr .fc-sat, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid.fc-unselectable .fc-bg table tbody tr .fc-sat {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid.fc-unselectable .fc-bg table tbody tr .fc-day, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid.fc-unselectable .fc-bg table tbody tr .fc-day {
  position: relative
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid.fc-unselectable .fc-bg table tbody tr .fc-day .default-content-pseudoevent, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid.fc-unselectable .fc-bg table tbody tr .fc-day .default-content-pseudoevent {
  opacity: 1;
  border: 1px solid var(--color-border-warning);
  bottom: 0;
  left: 4px;
  border-radius: 4px;
  top: 0;
  height: calc(100% - 4px);
  position: absolute;
  background-color: var(--color-background-warning-subtle);
  right: 4px
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid.fc-unselectable .fc-bg tbody > tr td:first-child, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid.fc-unselectable .fc-bg tbody > tr td:first-child {
  background-color: var(--color-background-primary)
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid.fc-unselectable .fc-axis.fc-time.fc-widget-content span, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid.fc-unselectable .fc-axis.fc-time.fc-widget-content span {
  font-size: 12px;
  color: var(--color-content-primary);
  font-weight: 400
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid.fc-unselectable .fc-slats table tbody tr:first-child .fc-widget-content span, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid.fc-unselectable .fc-slats table tbody tr:first-child .fc-widget-content span {
  display: none !important
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid.fc-unselectable .fc-content-skeleton tbody tr td .fc-bgevent-container .default-show.fc-bgevent, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid.fc-unselectable .fc-content-skeleton tbody tr td .fc-bgevent-container .default-show.fc-bgevent {
  opacity: .1;
  border-top: 1px solid;
  border-bottom: 1px solid
}
#schedule-form .fc-view.fc-agendaDay-view .fc-time-grid.fc-unselectable .fc-content-skeleton tbody tr td:nth-child(2) .fc-bgevent-container .default-show.fc-bgevent, #schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid.fc-unselectable .fc-content-skeleton tbody tr td:nth-child(2) .fc-bgevent-container .default-show.fc-bgevent {
  border-left: 1px solid;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px
}
#schedule-form .fc-view.fc-agendaDay-view td, #schedule-form .fc-view.fc-agendaWeek-view td {
  border-color: var(--color-border-default)
}
#schedule-form .fc-view.fc-agendaDay-view .fc-head-container.fc-widget-header, #schedule-form .fc-view.fc-agendaDay-view .fc-head-container.fc-widget-header .fc-row.fc-widget-header, #schedule-form .fc-view.fc-agendaDay-view .fc-head-container.fc-widget-header .fc-row.fc-widget-header table thead tr > th, #schedule-form .fc-view.fc-agendaWeek-view .fc-head-container.fc-widget-header, #schedule-form .fc-view.fc-agendaWeek-view .fc-head-container.fc-widget-header .fc-row.fc-widget-header, #schedule-form .fc-view.fc-agendaWeek-view .fc-head-container.fc-widget-header .fc-row.fc-widget-header table thead tr > th {
  background-color: transparent;
  border-color: transparent
}
#schedule-form .fc-view.fc-agendaDay-view .fc-body:before, #schedule-form .fc-view.fc-agendaWeek-view .fc-body:before {
  line-height: 8px;
  content: '-';
  color: transparent;
  display: block
}
#schedule-form .fc-view.fc-agendaDay-view .fc-head-container.fc-widget-header thead tr .fc-axis i, #schedule-form .fc-view.fc-agendaWeek-view .fc-head-container.fc-widget-header thead tr .fc-axis i, #volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event[class*=color-].fc-short .fc-content .fc-time:after, #volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event[class*=color-].fc-short .fc-content .fc-time:before, #volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event[class*=label-].fc-short .fc-content .fc-time:after, #volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event[class*=label-].fc-short .fc-content .fc-time:before, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event[class*=color-].fc-short .fc-content .fc-time:after, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event[class*=color-].fc-short .fc-content .fc-time:before, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event[class*=label-].fc-short .fc-content .fc-time:after, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event[class*=label-].fc-short .fc-content .fc-time:before {
  display: none
}
#schedule-form .fc-view.fc-agendaDay-view .fc-head-container.fc-widget-header thead tr, #schedule-form .fc-view.fc-agendaWeek-view .fc-head-container.fc-widget-header thead tr {
  border: none;
  background-color: var(--color-background-tertiary);
  color: var(--color-content-tertiary);
  font-size: 14px;
  font-weight: 400;
  height: 34px;
  vertical-align: middle
}
#schedule-form .fc-view.fc-agendaDay-view .fc-head-container.fc-widget-header thead tr .fc-axis, #schedule-form .fc-view.fc-agendaWeek-view .fc-head-container.fc-widget-header thead tr .fc-axis {
  background-color: var(--color-background-primary) !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid .fc-slats .fc-minor td:not(.fc-axis) {
  border-top-style: dotted;
  border-top-color: var(--color-border-default) !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid .fc-slats tbody > tr:not(.fc-minor) td:first-child span {
  top: 0
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid .fc-slats table tbody tr .fc-widget-content {
  top: -11px
}
#volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid .fc-slats table tbody tr .fc-widget-content {
  top: -21px
}
#volume-schedule-form .fc-view.fc-agendaDay-view td.fc-widget-header .fc-row.fc-widget-header > table thead tr .fc-axis, #volume-schedule-form .fc-view.fc-agendaWeek-view td.fc-widget-header .fc-row.fc-widget-header > table thead tr .fc-axis {
  text-align: center;
  color: var(--color-content-primary)
}
#volume-schedule-form .fc-view.fc-agendaDay-view td.fc-widget-header .fc-row.fc-widget-header > table thead tr .fc-day-header, #volume-schedule-form .fc-view.fc-agendaWeek-view td.fc-widget-header .fc-row.fc-widget-header > table thead tr .fc-day-header {
  color: var(--color-content-secondary);
  font-weight: 400
}
#volume-schedule-form .fc-view.fc-agendaDay-view td.fc-widget-header .fc-row.fc-widget-header > table thead tr th, #volume-schedule-form .fc-view.fc-agendaWeek-view td.fc-widget-header .fc-row.fc-widget-header > table thead tr th {
  padding-bottom: 15px
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event {
  border: 2px solid var(--color-border-turquoise);
  background-color: var(--color-background-turquoise-subtle);
  margin: 0 3px
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event .fc-content, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event .fc-content {
  padding: 1px
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event .fc-content .fc-time, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event .fc-content .fc-time {
  margin-right: 3px;
  padding: 0 7px;
  height: 20px;
  max-height: 20px;
  max-width: 65px;
  width: 65px;
  float: left;
  background-color: var(--color-background-turquoise-subtle)
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event .fc-content .fc-title, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event .fc-content .fc-title {
  float: left
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event[class*=color-].fc-short .fc-content .fc-time, #volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event[class*=label-].fc-short .fc-content .fc-time, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event[class*=color-].fc-short .fc-content .fc-time, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event[class*=label-].fc-short .fc-content .fc-time {
  float: none
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event[class*=color-].fc-short .fc-content .fc-time span, #volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event[class*=label-].fc-short .fc-content .fc-time span, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event[class*=color-].fc-short .fc-content .fc-time span, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event[class*=label-].fc-short .fc-content .fc-time span {
  display: block
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event[class*=color-].fc-short .fc-content .fc-title, #volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid-event[class*=label-].fc-short .fc-content .fc-title, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event[class*=color-].fc-short .fc-content .fc-title, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid-event[class*=label-].fc-short .fc-content .fc-title {
  float: none
}
#volume-schedule-form .fc-view.fc-agendaDay-view > table > tbody > tr > td.fc-widget-content, #volume-schedule-form .fc-view.fc-agendaWeek-view > table > tbody > tr > td.fc-widget-content {
  border: none
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-day-grid.fc-unselectable, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-day-grid.fc-unselectable {
  background-color: var(--color-background-inverse)
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-day-grid.fc-unselectable .fc-row > .fc-bg table tbody > tr td:first-child, #volume-schedule-form .fc-view.fc-agendaDay-view .fc-scroller.fc-time-grid-container, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-day-grid.fc-unselectable .fc-row > .fc-bg table tbody > tr td:first-child, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-scroller.fc-time-grid-container {
  background-color: var(--color-background-primary)
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-bgevent, #volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid.fc-unselectable, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-bgevent, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid.fc-unselectable {
  background-color: var(--color-background-inverse)
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid.fc-unselectable .fc-bg table, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid.fc-unselectable .fc-bg table {
  background-color: var(--color-background-primary)
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid.fc-unselectable .fc-bg table tbody tr td:first-child, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid.fc-unselectable .fc-bg table tbody tr td:first-child {
  box-shadow: 0 0 0 1px var(--color-background-primary);
  border-right-color: var(--color-background-primary)
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid.fc-unselectable .fc-bg table tbody tr td:not(:first-child):not(.fc-today):nth-child(2), #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid.fc-unselectable .fc-bg table tbody tr td:not(:first-child):not(.fc-today):nth-child(2) {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid.fc-unselectable .fc-bg table tbody tr td:nth-child(2), #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid.fc-unselectable .fc-bg table tbody tr td:nth-child(2) {
  border-left-color: var(--color-background-primary)
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid.fc-unselectable .fc-bg table tbody tr td:not(:first-child):not(.fc-today), #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid.fc-unselectable .fc-bg table tbody tr td:not(:first-child):not(.fc-today) {
  background-color: var(--color-background-inverse)
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid.fc-unselectable .fc-bg tbody > tr td:first-child, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid.fc-unselectable .fc-bg tbody > tr td:first-child {
  background-color: var(--color-background-primary)
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-widget-content .fc-day-grid + .fc-divider.fc-widget-header, #volume-schedule-form .fc-view.fc-agendaDay-view .fc-widget-content .fc-day-grid.fc-unselectable, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-widget-content .fc-day-grid + .fc-divider.fc-widget-header, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-widget-content .fc-day-grid.fc-unselectable {
  display: none
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-widget-content .fc-day-grid > .fc-row, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-widget-content .fc-day-grid > .fc-row {
  border-bottom-color: var(--color-border-default);
  border-bottom-width: 1px;
  border-right-width: 1px !important;
  border-right-color: transparent
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid .fc-slats .fc-minor td, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid .fc-slats .fc-minor td {
  border-color: transparent
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid .fc-slats tbody > tr:not(.fc-minor) td, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid .fc-slats tbody > tr:not(.fc-minor) td, .show-form-media-buttons-sticky {
  border-top-color: var(--color-border-default)
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid .fc-slats tbody > tr:not(.fc-minor) td:first-child, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid .fc-slats tbody > tr:not(.fc-minor) td:first-child {
  border-top-color: transparent;
  position: relative;
  border-right-color: transparent
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid .fc-slats tbody > tr:not(.fc-minor) td:first-child span, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid .fc-slats tbody > tr:not(.fc-minor) td:first-child span {
  position: absolute;
  right: 10px
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid.fc-unselectable .fc-axis.fc-time.fc-widget-content span, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid.fc-unselectable .fc-axis.fc-time.fc-widget-content span {
  font-size: 12px;
  color: var(--color-content-primary);
  font-weight: 400
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid.fc-unselectable .fc-slats table tbody tr:first-child .fc-widget-content span, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid.fc-unselectable .fc-slats table tbody tr:first-child .fc-widget-content span {
  display: none !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid.fc-unselectable .fc-content-skeleton tbody tr td .fc-bgevent-container .default-show.fc-bgevent, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid.fc-unselectable .fc-content-skeleton tbody tr td .fc-bgevent-container .default-show.fc-bgevent {
  opacity: .1;
  border-top: 1px solid;
  border-bottom: 1px solid
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-time-grid.fc-unselectable .fc-content-skeleton tbody tr td:nth-child(2) .fc-bgevent-container .default-show.fc-bgevent, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-time-grid.fc-unselectable .fc-content-skeleton tbody tr td:nth-child(2) .fc-bgevent-container .default-show.fc-bgevent {
  border-left: 1px solid;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px
}
#volume-schedule-form .fc-view.fc-agendaDay-view td, #volume-schedule-form .fc-view.fc-agendaWeek-view td {
  border-color: var(--color-border-default)
}
#volume-schedule-form .fc-view.fc-agendaDay-view .fc-head-container.fc-widget-header, #volume-schedule-form .fc-view.fc-agendaDay-view .fc-head-container.fc-widget-header .fc-row.fc-widget-header, #volume-schedule-form .fc-view.fc-agendaDay-view .fc-head-container.fc-widget-header .fc-row.fc-widget-header table thead tr > th, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-head-container.fc-widget-header, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-head-container.fc-widget-header .fc-row.fc-widget-header, #volume-schedule-form .fc-view.fc-agendaWeek-view .fc-head-container.fc-widget-header .fc-row.fc-widget-header table thead tr > th {
  border-color: transparent;
  background-color: transparent
}
#volume-schedule-form .fc-toolbar.fc-header-toolbar .fc-button-group {
  width: 255px
}
.fc-toolbar.fc-header-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.fc-toolbar.fc-header-toolbar .fc-button-group {
  height: 40px;
  display: flex
}
.fc-toolbar.fc-header-toolbar .fc-button-group .fc-agendaDay-button, .fc-toolbar.fc-header-toolbar .fc-button-group .fc-agendaWeek-button, .fc-toolbar.fc-header-toolbar .fc-button-group .fc-month-button {
  height: 100% !important;
  margin: 0;
  width: 100%;
  max-width: 85px;
  color: var(--color-content-primary)
}
.fc-toolbar.fc-header-toolbar .fc-button-group .fc-agendaDay-button.fc-state-active, .fc-toolbar.fc-header-toolbar .fc-button-group .fc-agendaWeek-button.fc-state-active, .fc-toolbar.fc-header-toolbar .fc-button-group .fc-month-button.fc-state-active {
  background-color: var(--basic_branding);
  color: #fff
}
.fc-toolbar.fc-header-toolbar .fc-center h2 {
  font-size: 20px;
  font-weight: 500;
  color: var(--color-content-primary)
}
.fc-toolbar.fc-header-toolbar .fc-right {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}
.fc-toolbar.fc-header-toolbar .fc-right .fc-button-group {
  width: 100%
}
.fc-toolbar.fc-header-toolbar .fc-clear {
  position: absolute
}
.fc-toolbar.fc-header-toolbar .fc-agendaDay-button, .fc-toolbar.fc-header-toolbar .fc-next-button {
  border-bottom-right-radius: 5px !important;
  border-top-right-radius: 5px !important
}
.fc-toolbar.fc-header-toolbar .add-event, .fc-toolbar.fc-header-toolbar .fc-agendaDay-button, .fc-toolbar.fc-header-toolbar .fc-agendaWeek-button, .fc-toolbar.fc-header-toolbar .fc-month-button, .fc-toolbar.fc-header-toolbar .fc-next-button, .fc-toolbar.fc-header-toolbar .fc-prev-button, .fc-toolbar.fc-header-toolbar .fc-today-button {
  background-image: none;
  background-color: var(--color-background-inverse);
  border-color: var(--color-border-section);
  text-shadow: none !important;
  color: var(--color-content-primary);
  box-shadow: none;
  height: 100%
}
.fc-toolbar.fc-header-toolbar .fc-next-button, .fc-toolbar.fc-header-toolbar .fc-prev-button {
  width: 46px
}
.fc-toolbar.fc-header-toolbar .fc-today-button {
  margin-right: 8px;
  padding-left: 22px;
  padding-right: 22px;
  border-radius: 5px !important;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.fc-toolbar.fc-header-toolbar .add-event {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  margin-right: 8px;
  width: 44px;
  border: 1px solid var(--color-content-primary);
  border-radius: 5px !important;
  background-color: var(--color-content-primary);
  color: var(--color-background-inverse)
}
.fc-toolbar.fc-header-toolbar .add-event i {
  font-size: 22px
}
.fc-toolbar.fc-header-toolbar .fc-month-button, .fc-toolbar.fc-header-toolbar .fc-prev-button {
  border-bottom-left-radius: 5px !important;
  border-top-left-radius: 5px !important
}
@media (max-width:1300px) {
  .fc-toolbar.fc-header-toolbar {
    flex-direction: column
  }
  .fc-toolbar.fc-header-toolbar .fc-right {
    margin-left: 0;
    margin-top: 25px
  }
  .fc-toolbar.fc-header-toolbar .fc-center {
    margin-top: 25px
  }
  .fc-toolbar.fc-header-toolbar .fc-left {
    margin-right: 0
  }
}
#volume-schedule-form .color-Black {
  border: 2px solid #000 !important;
  background-color: rgba(0, 0, 0, .05) !important
}
#volume-schedule-form .color-Black .fc-content .fc-time, #volume-schedule-form .color-Black.external-event div:first-child {
  background-color: #000 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-Black, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-Black {
  background-color: #fff !important
}
#volume-schedule-form .color-Blue {
  border: 2px solid #00f !important;
  background-color: rgba(0, 0, 255, .05) !important
}
#volume-schedule-form .color-Blue .fc-content .fc-time, #volume-schedule-form .color-Blue.external-event div:first-child {
  background-color: #00f !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-Blue, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-Blue {
  background-color: #fff !important
}
#volume-schedule-form .color-BlueViolet {
  border: 2px solid #8a2be2 !important;
  background-color: rgba(138, 43, 226, .05) !important
}
#volume-schedule-form .color-BlueViolet .fc-content .fc-time, #volume-schedule-form .color-BlueViolet.external-event div:first-child {
  background-color: #8a2be2 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-BlueViolet, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-BlueViolet {
  background-color: #fff !important
}
#volume-schedule-form .color-Brown {
  border: 2px solid brown !important;
  background-color: rgba(165, 42, 42, .05) !important
}
#volume-schedule-form .color-Brown .fc-content .fc-time, #volume-schedule-form .color-Brown.external-event div:first-child {
  background-color: brown !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-Brown, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-Brown {
  background-color: #fff !important
}
#volume-schedule-form .color-BurlyWood {
  border: 2px solid #deb887 !important;
  background-color: rgba(222, 184, 135, .05) !important
}
#volume-schedule-form .color-BurlyWood .fc-content .fc-time, #volume-schedule-form .color-BurlyWood.external-event div:first-child {
  background-color: #deb887 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-BurlyWood, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-BurlyWood {
  background-color: #fff !important
}
#volume-schedule-form .color-CadetBlue {
  border: 2px solid #5f9ea0 !important;
  background-color: rgba(95, 158, 160, .05) !important
}
#volume-schedule-form .color-CadetBlue .fc-content .fc-time, #volume-schedule-form .color-CadetBlue.external-event div:first-child {
  background-color: #5f9ea0 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-CadetBlue, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-CadetBlue {
  background-color: #fff !important
}
#volume-schedule-form .color-Chartreuse {
  border: 2px solid #7fff00 !important;
  background-color: rgba(127, 255, 0, .05) !important
}
#volume-schedule-form .color-Chartreuse .fc-content .fc-time, #volume-schedule-form .color-Chartreuse.external-event div:first-child {
  background-color: #7fff00 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-Chartreuse, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-Chartreuse {
  background-color: #fff !important
}
#volume-schedule-form .color-Chocolate {
  border: 2px solid #d2691e !important;
  background-color: rgba(210, 105, 30, .05) !important
}
#volume-schedule-form .color-Chocolate .fc-content .fc-time, #volume-schedule-form .color-Chocolate.external-event div:first-child {
  background-color: #d2691e !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-Chocolate, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-Chocolate {
  background-color: #fff !important
}
#volume-schedule-form .color-Coral {
  border: 2px solid coral !important;
  background-color: rgba(255, 127, 80, .05) !important
}
#volume-schedule-form .color-Coral .fc-content .fc-time, #volume-schedule-form .color-Coral.external-event div:first-child {
  background-color: coral !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-Coral, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-Coral {
  background-color: #fff !important
}
#volume-schedule-form .color-CornflowerBlue {
  border: 2px solid #6495ed !important;
  background-color: rgba(100, 149, 237, .05) !important
}
#volume-schedule-form .color-CornflowerBlue .fc-content .fc-time, #volume-schedule-form .color-CornflowerBlue.external-event div:first-child {
  background-color: #6495ed !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-CornflowerBlue, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-CornflowerBlue {
  background-color: #fff !important
}
#volume-schedule-form .color-Crimson {
  border: 2px solid #dc143c !important;
  background-color: rgba(220, 20, 60, .05) !important
}
#volume-schedule-form .color-Crimson .fc-content .fc-time, #volume-schedule-form .color-Crimson.external-event div:first-child {
  background-color: #dc143c !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-Crimson, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-Crimson {
  background-color: #fff !important
}
#volume-schedule-form .color-DarkBlue {
  border: 2px solid #00008b !important;
  background-color: rgba(0, 0, 139, .05) !important
}
#volume-schedule-form .color-DarkBlue .fc-content .fc-time, #volume-schedule-form .color-DarkBlue.external-event div:first-child {
  background-color: #00008b !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-DarkBlue, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-DarkBlue {
  background-color: #fff !important
}
#volume-schedule-form .color-DarkCyan {
  border: 2px solid #008b8b !important;
  background-color: rgba(0, 139, 139, .05) !important
}
#volume-schedule-form .color-DarkCyan .fc-content .fc-time, #volume-schedule-form .color-DarkCyan.external-event div:first-child {
  background-color: #008b8b !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-DarkCyan, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-DarkCyan {
  background-color: #fff !important
}
#volume-schedule-form .color-DarkGoldenRod {
  border: 2px solid #b8860b !important;
  background-color: rgba(184, 134, 11, .05) !important
}
#volume-schedule-form .color-DarkGoldenRod .fc-content .fc-time, #volume-schedule-form .color-DarkGoldenRod.external-event div:first-child {
  background-color: #b8860b !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-DarkGoldenRod, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-DarkGoldenRod {
  background-color: #fff !important
}
#volume-schedule-form .color-DarkGray {
  border: 2px solid #a9a9a9 !important;
  background-color: rgba(169, 169, 169, .05) !important
}
#volume-schedule-form .color-DarkGray .fc-content .fc-time, #volume-schedule-form .color-DarkGray.external-event div:first-child {
  background-color: #a9a9a9 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-DarkGray, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-DarkGray {
  background-color: #fff !important
}
#volume-schedule-form .color-DarkGreen {
  border: 2px solid #006400 !important;
  background-color: rgba(0, 100, 0, .05) !important
}
#volume-schedule-form .color-DarkGreen .fc-content .fc-time, #volume-schedule-form .color-DarkGreen.external-event div:first-child {
  background-color: #006400 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-DarkGreen, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-DarkGreen {
  background-color: #fff !important
}
#volume-schedule-form .color-DarkKhaki {
  border: 2px solid #bdb76b !important;
  background-color: rgba(189, 183, 107, .05) !important
}
#volume-schedule-form .color-DarkKhaki .fc-content .fc-time, #volume-schedule-form .color-DarkKhaki.external-event div:first-child {
  background-color: #bdb76b !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-DarkKhaki, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-DarkKhaki {
  background-color: #fff !important
}
#volume-schedule-form .color-DarkMagenta {
  border: 2px solid #8b008b !important;
  background-color: rgba(139, 0, 139, .05) !important
}
#volume-schedule-form .color-DarkMagenta .fc-content .fc-time, #volume-schedule-form .color-DarkMagenta.external-event div:first-child {
  background-color: #8b008b !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-DarkMagenta, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-DarkMagenta {
  background-color: #fff !important
}
#volume-schedule-form .color-DarkOliveGreen {
  border: 2px solid #556b2f !important;
  background-color: rgba(85, 107, 47, .05) !important
}
#volume-schedule-form .color-DarkOliveGreen .fc-content .fc-time, #volume-schedule-form .color-DarkOliveGreen.external-event div:first-child {
  background-color: #556b2f !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-DarkOliveGreen, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-DarkOliveGreen {
  background-color: #fff !important
}
#volume-schedule-form .color-DarkOrange {
  border: 2px solid #ff8c00 !important;
  background-color: rgba(255, 140, 0, .05) !important
}
#volume-schedule-form .color-DarkOrange .fc-content .fc-time, #volume-schedule-form .color-DarkOrange.external-event div:first-child {
  background-color: #ff8c00 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-DarkOrange, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-DarkOrange {
  background-color: #fff !important
}
#volume-schedule-form .color-DarkOrchid {
  border: 2px solid #9932cc !important;
  background-color: rgba(153, 50, 204, .05) !important
}
#volume-schedule-form .color-DarkOrchid .fc-content .fc-time, #volume-schedule-form .color-DarkOrchid.external-event div:first-child {
  background-color: #9932cc !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-DarkOrchid, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-DarkOrchid {
  background-color: #fff !important
}
#volume-schedule-form .color-DarkRed {
  border: 2px solid #8b0000 !important;
  background-color: rgba(139, 0, 0, .05) !important
}
#volume-schedule-form .color-DarkRed .fc-content .fc-time, #volume-schedule-form .color-DarkRed.external-event div:first-child {
  background-color: #8b0000 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-DarkRed, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-DarkRed {
  background-color: #fff !important
}
#volume-schedule-form .color-DarkSlateBlue {
  border: 2px solid #483d8b !important;
  background-color: rgba(72, 61, 139, .05) !important
}
#volume-schedule-form .color-DarkSlateBlue .fc-content .fc-time, #volume-schedule-form .color-DarkSlateBlue.external-event div:first-child {
  background-color: #483d8b !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-DarkSlateBlue, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-DarkSlateBlue {
  background-color: #fff !important
}
#volume-schedule-form .color-DarkSlateGray {
  border: 2px solid #2f4f4f !important;
  background-color: rgba(47, 79, 79, .05) !important
}
#volume-schedule-form .color-DarkSlateGray .fc-content .fc-time, #volume-schedule-form .color-DarkSlateGray.external-event div:first-child {
  background-color: #2f4f4f !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-DarkSlateGray, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-DarkSlateGray {
  background-color: #fff !important
}
#volume-schedule-form .color-DarkTurquoise {
  border: 2px solid #00ced1 !important;
  background-color: rgba(0, 206, 209, .05) !important
}
#volume-schedule-form .color-DarkTurquoise .fc-content .fc-time, #volume-schedule-form .color-DarkTurquoise.external-event div:first-child {
  background-color: #00ced1 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-DarkTurquoise, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-DarkTurquoise {
  background-color: #fff !important
}
#volume-schedule-form .color-DarkViolet {
  border: 2px solid #9400d3 !important;
  background-color: rgba(148, 0, 211, .05) !important
}
#volume-schedule-form .color-DarkViolet .fc-content .fc-time, #volume-schedule-form .color-DarkViolet.external-event div:first-child {
  background-color: #9400d3 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-DarkViolet, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-DarkViolet {
  background-color: #fff !important
}
#volume-schedule-form .color-DeepPink {
  border: 2px solid #ff1493 !important;
  background-color: rgba(255, 20, 147, .05) !important
}
#volume-schedule-form .color-DeepPink .fc-content .fc-time, #volume-schedule-form .color-DeepPink.external-event div:first-child {
  background-color: #ff1493 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-DeepPink, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-DeepPink {
  background-color: #fff !important
}
#volume-schedule-form .color-DeepSkyBlue {
  border: 2px solid #00bfff !important;
  background-color: rgba(0, 191, 255, .05) !important
}
#volume-schedule-form .color-DeepSkyBlue .fc-content .fc-time, #volume-schedule-form .color-DeepSkyBlue.external-event div:first-child {
  background-color: #00bfff !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-DeepSkyBlue, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-DeepSkyBlue {
  background-color: #fff !important
}
#volume-schedule-form .color-DimGray {
  border: 2px solid #696969 !important;
  background-color: rgba(105, 105, 105, .05) !important
}
#volume-schedule-form .color-DimGray .fc-content .fc-time, #volume-schedule-form .color-DimGray.external-event div:first-child {
  background-color: #696969 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-DimGray, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-DimGray {
  background-color: #fff !important
}
#volume-schedule-form .color-DodgerBlue {
  border: 2px solid #1e90ff !important;
  background-color: rgba(30, 144, 255, .05) !important
}
#volume-schedule-form .color-DodgerBlue .fc-content .fc-time, #volume-schedule-form .color-DodgerBlue.external-event div:first-child {
  background-color: #1e90ff !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-DodgerBlue, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-DodgerBlue {
  background-color: #fff !important
}
#volume-schedule-form .color-FireBrick {
  border: 2px solid #b22222 !important;
  background-color: rgba(178, 34, 34, .05) !important
}
#volume-schedule-form .color-FireBrick .fc-content .fc-time, #volume-schedule-form .color-FireBrick.external-event div:first-child {
  background-color: #b22222 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-FireBrick, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-FireBrick {
  background-color: #fff !important
}
#volume-schedule-form .color-ForestGreen {
  border: 2px solid #228b22 !important;
  background-color: rgba(34, 139, 34, .05) !important
}
#volume-schedule-form .color-ForestGreen .fc-content .fc-time, #volume-schedule-form .color-ForestGreen.external-event div:first-child {
  background-color: #228b22 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-ForestGreen, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-ForestGreen {
  background-color: #fff !important
}
#volume-schedule-form .color-Fuchsia {
  border: 2px solid #f0f !important;
  background-color: rgba(255, 0, 255, .05) !important
}
#volume-schedule-form .color-Fuchsia .fc-content .fc-time, #volume-schedule-form .color-Fuchsia.external-event div:first-child {
  background-color: #f0f !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-Fuchsia, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-Fuchsia {
  background-color: #fff !important
}
#volume-schedule-form .color-Gold {
  border: 2px solid gold !important;
  background-color: rgba(255, 215, 0, .05) !important
}
#volume-schedule-form .color-Gold .fc-content .fc-time, #volume-schedule-form .color-Gold.external-event div:first-child {
  background-color: gold !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-Gold, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-Gold {
  background-color: #fff !important
}
#volume-schedule-form .color-GoldenRod {
  border: 2px solid #daa520 !important;
  background-color: rgba(218, 165, 32, .05) !important
}
#volume-schedule-form .color-GoldenRod .fc-content .fc-time, #volume-schedule-form .color-GoldenRod.external-event div:first-child {
  background-color: #daa520 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-GoldenRod, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-GoldenRod {
  background-color: #fff !important
}
#volume-schedule-form .color-Gray {
  border: 2px solid grey !important;
  background-color: rgba(128, 128, 128, .05) !important
}
#volume-schedule-form .color-Gray .fc-content .fc-time, #volume-schedule-form .color-Gray.external-event div:first-child {
  background-color: grey !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-Gray, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-Gray {
  background-color: #fff !important
}
#volume-schedule-form .color-Green {
  border: 2px solid green !important;
  background-color: rgba(0, 128, 0, .05) !important
}
#volume-schedule-form .color-Green .fc-content .fc-time, #volume-schedule-form .color-Green.external-event div:first-child {
  background-color: green !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-Green, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-Green {
  background-color: #fff !important
}
#volume-schedule-form .color-GreenYellow {
  border: 2px solid #adff2f !important;
  background-color: rgba(173, 255, 47, .05) !important
}
#volume-schedule-form .color-GreenYellow .fc-content .fc-time, #volume-schedule-form .color-GreenYellow.external-event div:first-child {
  background-color: #adff2f !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-GreenYellow, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-GreenYellow {
  background-color: #fff !important
}
#volume-schedule-form .color-HotPink {
  border: 2px solid #ff69b4 !important;
  background-color: rgba(255, 105, 180, .05) !important
}
#volume-schedule-form .color-HotPink .fc-content .fc-time, #volume-schedule-form .color-HotPink.external-event div:first-child {
  background-color: #ff69b4 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-HotPink, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-HotPink {
  background-color: #fff !important
}
#volume-schedule-form .color-IndianRed {
  border: 2px solid #cd5c5c !important;
  background-color: rgba(205, 92, 92, .05) !important
}
#volume-schedule-form .color-IndianRed .fc-content .fc-time, #volume-schedule-form .color-IndianRed.external-event div:first-child {
  background-color: #cd5c5c !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-IndianRed, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-IndianRed {
  background-color: #fff !important
}
#volume-schedule-form .color-Indigo {
  border: 2px solid indigo !important;
  background-color: rgba(75, 0, 130, .05) !important
}
#volume-schedule-form .color-Indigo .fc-content .fc-time, #volume-schedule-form .color-Indigo.external-event div:first-child {
  background-color: indigo !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-Indigo, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-Indigo {
  background-color: #fff !important
}
#volume-schedule-form .color-LawnGreen {
  border: 2px solid #7cfc00 !important;
  background-color: rgba(124, 252, 0, .05) !important
}
#volume-schedule-form .color-LawnGreen .fc-content .fc-time, #volume-schedule-form .color-LawnGreen.external-event div:first-child {
  background-color: #7cfc00 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-LawnGreen, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-LawnGreen {
  background-color: #fff !important
}
#volume-schedule-form .color-LightCoral {
  border: 2px solid #f08080 !important;
  background-color: rgba(240, 128, 128, .05) !important
}
#volume-schedule-form .color-LightCoral .fc-content .fc-time, #volume-schedule-form .color-LightCoral.external-event div:first-child {
  background-color: #f08080 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-LightCoral, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-LightCoral {
  background-color: #fff !important
}
#volume-schedule-form .color-LightSeaGreen {
  border: 2px solid #20b2aa !important;
  background-color: rgba(32, 178, 170, .05) !important
}
#volume-schedule-form .color-LightSeaGreen .fc-content .fc-time, #volume-schedule-form .color-LightSeaGreen.external-event div:first-child {
  background-color: #20b2aa !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-LightSeaGreen, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-LightSeaGreen {
  background-color: #fff !important
}
#volume-schedule-form .color-LightSlateGray {
  border: 2px solid #789 !important;
  background-color: rgba(119, 136, 153, .05) !important
}
#volume-schedule-form .color-LightSlateGray .fc-content .fc-time, #volume-schedule-form .color-LightSlateGray.external-event div:first-child {
  background-color: #789 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-LightSlateGray, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-LightSlateGray {
  background-color: #fff !important
}
#volume-schedule-form .color-Lime {
  border: 2px solid #0f0 !important;
  background-color: rgba(0, 255, 0, .05) !important
}
#volume-schedule-form .color-Lime .fc-content .fc-time, #volume-schedule-form .color-Lime.external-event div:first-child {
  background-color: #0f0 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-Lime, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-Lime {
  background-color: #fff !important
}
#volume-schedule-form .color-LimeGreen {
  border: 2px solid #32cd32 !important;
  background-color: rgba(50, 205, 50, .05) !important
}
#volume-schedule-form .color-LimeGreen .fc-content .fc-time, #volume-schedule-form .color-LimeGreen.external-event div:first-child {
  background-color: #32cd32 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-LimeGreen, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-LimeGreen {
  background-color: #fff !important
}
#volume-schedule-form .color-Magenta {
  border: 2px solid #f0f !important;
  background-color: rgba(255, 0, 255, .05) !important
}
#volume-schedule-form .color-Magenta .fc-content .fc-time, #volume-schedule-form .color-Magenta.external-event div:first-child {
  background-color: #f0f !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-Magenta, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-Magenta {
  background-color: #fff !important
}
#volume-schedule-form .color-Maroon {
  border: 2px solid maroon !important;
  background-color: rgba(128, 0, 0, .05) !important
}
#volume-schedule-form .color-Maroon .fc-content .fc-time, #volume-schedule-form .color-Maroon.external-event div:first-child {
  background-color: maroon !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-Maroon, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-Maroon {
  background-color: #fff !important
}
#volume-schedule-form .color-MediumBlue {
  border: 2px solid #0000cd !important;
  background-color: rgba(0, 0, 205, .05) !important
}
#volume-schedule-form .color-MediumBlue .fc-content .fc-time, #volume-schedule-form .color-MediumBlue.external-event div:first-child {
  background-color: #0000cd !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-MediumBlue, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-MediumBlue {
  background-color: #fff !important
}
#volume-schedule-form .color-MediumOrchid {
  border: 2px solid #ba55d3 !important;
  background-color: rgba(186, 85, 211, .05) !important
}
#volume-schedule-form .color-MediumOrchid .fc-content .fc-time, #volume-schedule-form .color-MediumOrchid.external-event div:first-child {
  background-color: #ba55d3 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-MediumOrchid, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-MediumOrchid {
  background-color: #fff !important
}
#volume-schedule-form .color-MediumPurple {
  border: 2px solid #9370db !important;
  background-color: rgba(147, 112, 219, .05) !important
}
#volume-schedule-form .color-MediumPurple .fc-content .fc-time, #volume-schedule-form .color-MediumPurple.external-event div:first-child {
  background-color: #9370db !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-MediumPurple, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-MediumPurple {
  background-color: #fff !important
}
#volume-schedule-form .color-MediumSeaGreen {
  border: 2px solid #3cb371 !important;
  background-color: rgba(60, 179, 113, .05) !important
}
#volume-schedule-form .color-MediumSeaGreen .fc-content .fc-time, #volume-schedule-form .color-MediumSeaGreen.external-event div:first-child {
  background-color: #3cb371 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-MediumSeaGreen, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-MediumSeaGreen {
  background-color: #fff !important
}
#volume-schedule-form .color-MediumSlateBlue {
  border: 2px solid #7b68ee !important;
  background-color: rgba(123, 104, 238, .05) !important
}
#volume-schedule-form .color-MediumSlateBlue .fc-content .fc-time, #volume-schedule-form .color-MediumSlateBlue.external-event div:first-child {
  background-color: #7b68ee !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-MediumSlateBlue, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-MediumSlateBlue {
  background-color: #fff !important
}
#volume-schedule-form .color-MediumVioletRed {
  border: 2px solid #c71585 !important;
  background-color: rgba(199, 21, 133, .05) !important
}
#volume-schedule-form .color-MediumVioletRed .fc-content .fc-time, #volume-schedule-form .color-MediumVioletRed.external-event div:first-child {
  background-color: #c71585 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-MediumVioletRed, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-MediumVioletRed {
  background-color: #fff !important
}
#volume-schedule-form .color-MidnightBlue {
  border: 2px solid #191970 !important;
  background-color: rgba(25, 25, 112, .05) !important
}
#volume-schedule-form .color-MidnightBlue .fc-content .fc-time, #volume-schedule-form .color-MidnightBlue.external-event div:first-child {
  background-color: #191970 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-MidnightBlue, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-MidnightBlue {
  background-color: #fff !important
}
#volume-schedule-form .color-Navy {
  border: 2px solid navy !important;
  background-color: rgba(0, 0, 128, .05) !important
}
#volume-schedule-form .color-Navy .fc-content .fc-time, #volume-schedule-form .color-Navy.external-event div:first-child {
  background-color: navy !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-Navy, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-Navy {
  background-color: #fff !important
}
#volume-schedule-form .color-Olive {
  border: 2px solid olive !important;
  background-color: rgba(128, 128, 0, .05) !important
}
#volume-schedule-form .color-Olive .fc-content .fc-time, #volume-schedule-form .color-Olive.external-event div:first-child {
  background-color: olive !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-Olive, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-Olive {
  background-color: #fff !important
}
#volume-schedule-form .color-OliveDrab {
  border: 2px solid #6b8e23 !important;
  background-color: rgba(107, 142, 35, .05) !important
}
#volume-schedule-form .color-OliveDrab .fc-content .fc-time, #volume-schedule-form .color-OliveDrab.external-event div:first-child {
  background-color: #6b8e23 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-OliveDrab, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-OliveDrab {
  background-color: #fff !important
}
#volume-schedule-form .color-Orange {
  border: 2px solid orange !important;
  background-color: rgba(255, 165, 0, .05) !important
}
#volume-schedule-form .color-Orange .fc-content .fc-time, #volume-schedule-form .color-Orange.external-event div:first-child {
  background-color: orange !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-Orange, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-Orange {
  background-color: #fff !important
}
#volume-schedule-form .color-OrangeRed {
  border: 2px solid #ff4500 !important;
  background-color: rgba(255, 69, 0, .05) !important
}
#volume-schedule-form .color-OrangeRed .fc-content .fc-time, #volume-schedule-form .color-OrangeRed.external-event div:first-child {
  background-color: #ff4500 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-OrangeRed, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-OrangeRed {
  background-color: #fff !important
}
#volume-schedule-form .color-Peru {
  border: 2px solid peru !important;
  background-color: rgba(205, 133, 63, .05) !important
}
#volume-schedule-form .color-Peru .fc-content .fc-time, #volume-schedule-form .color-Peru.external-event div:first-child {
  background-color: peru !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-Peru, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-Peru {
  background-color: #fff !important
}
#volume-schedule-form .color-Purple {
  border: 2px solid purple !important;
  background-color: rgba(128, 0, 128, .05) !important
}
#volume-schedule-form .color-Purple .fc-content .fc-time, #volume-schedule-form .color-Purple.external-event div:first-child {
  background-color: purple !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-Purple, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-Purple {
  background-color: #fff !important
}
#volume-schedule-form .color-RebeccaPurple {
  border: 2px solid #639 !important;
  background-color: rgba(102, 51, 153, .05) !important
}
#volume-schedule-form .color-RebeccaPurple .fc-content .fc-time, #volume-schedule-form .color-RebeccaPurple.external-event div:first-child {
  background-color: #639 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-RebeccaPurple, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-RebeccaPurple {
  background-color: #fff !important
}
#volume-schedule-form .color-Red {
  border: 2px solid red !important;
  background-color: rgba(255, 0, 0, .05) !important
}
#volume-schedule-form .color-Red .fc-content .fc-time, #volume-schedule-form .color-Red.external-event div:first-child {
  background-color: red !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-Red, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-Red {
  background-color: #fff !important
}
#volume-schedule-form .color-RoyalBlue {
  border: 2px solid #4169e1 !important;
  background-color: rgba(65, 105, 225, .05) !important
}
#volume-schedule-form .color-RoyalBlue .fc-content .fc-time, #volume-schedule-form .color-RoyalBlue.external-event div:first-child {
  background-color: #4169e1 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-RoyalBlue, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-RoyalBlue {
  background-color: #fff !important
}
#volume-schedule-form .color-SaddleBrown {
  border: 2px solid #8b4513 !important;
  background-color: rgba(139, 69, 19, .05) !important
}
#volume-schedule-form .color-SaddleBrown .fc-content .fc-time, #volume-schedule-form .color-SaddleBrown.external-event div:first-child {
  background-color: #8b4513 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-SaddleBrown, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-SaddleBrown {
  background-color: #fff !important
}
#volume-schedule-form .color-SeaGreen {
  border: 2px solid #2e8b57 !important;
  background-color: rgba(46, 139, 87, .05) !important
}
#volume-schedule-form .color-SeaGreen .fc-content .fc-time, #volume-schedule-form .color-SeaGreen.external-event div:first-child {
  background-color: #2e8b57 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-SeaGreen, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-SeaGreen {
  background-color: #fff !important
}
#volume-schedule-form .color-Sienna {
  border: 2px solid sienna !important;
  background-color: rgba(160, 82, 45, .05) !important
}
#volume-schedule-form .color-Sienna .fc-content .fc-time, #volume-schedule-form .color-Sienna.external-event div:first-child {
  background-color: sienna !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-Sienna, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-Sienna {
  background-color: #fff !important
}
#volume-schedule-form .color-SlateBlue {
  border: 2px solid #6a5acd !important;
  background-color: rgba(106, 90, 205, .05) !important
}
#volume-schedule-form .color-SlateBlue .fc-content .fc-time, #volume-schedule-form .color-SlateBlue.external-event div:first-child {
  background-color: #6a5acd !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-SlateBlue, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-SlateBlue {
  background-color: #fff !important
}
#volume-schedule-form .color-SlateGray {
  border: 2px solid #708090 !important;
  background-color: rgba(112, 128, 144, .05) !important
}
#volume-schedule-form .color-SlateGray .fc-content .fc-time, #volume-schedule-form .color-SlateGray.external-event div:first-child {
  background-color: #708090 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-SlateGray, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-SlateGray {
  background-color: #fff !important
}
#volume-schedule-form .color-SpringGreen {
  border: 2px solid #00ff7f !important;
  background-color: rgba(0, 255, 127, .05) !important
}
#volume-schedule-form .color-SpringGreen .fc-content .fc-time, #volume-schedule-form .color-SpringGreen.external-event div:first-child {
  background-color: #00ff7f !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-SpringGreen, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-SpringGreen {
  background-color: #fff !important
}
#volume-schedule-form .color-SteelBlue {
  border: 2px solid #4682b4 !important;
  background-color: rgba(70, 130, 180, .05) !important
}
#volume-schedule-form .color-SteelBlue .fc-content .fc-time, #volume-schedule-form .color-SteelBlue.external-event div:first-child {
  background-color: #4682b4 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-SteelBlue, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-SteelBlue {
  background-color: #fff !important
}
#volume-schedule-form .color-Teal {
  border: 2px solid teal !important;
  background-color: rgba(0, 128, 128, .05) !important
}
#volume-schedule-form .color-Teal .fc-content .fc-time, #volume-schedule-form .color-Teal.external-event div:first-child {
  background-color: teal !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-Teal, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-Teal {
  background-color: #fff !important
}
#volume-schedule-form .color-Tomato {
  border: 2px solid tomato !important;
  background-color: rgba(255, 99, 71, .05) !important
}
#volume-schedule-form .color-Tomato .fc-content .fc-time, #volume-schedule-form .color-Tomato.external-event div:first-child {
  background-color: tomato !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-Tomato, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-Tomato {
  background-color: #fff !important
}
#volume-schedule-form .color-Turquoise {
  border: 2px solid #40e0d0 !important;
  background-color: rgba(64, 224, 208, .05) !important
}
#volume-schedule-form .color-Turquoise .fc-content .fc-time, #volume-schedule-form .color-Turquoise.external-event div:first-child {
  background-color: #40e0d0 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-Turquoise, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-Turquoise {
  background-color: #fff !important
}
#volume-schedule-form .color-Violet {
  border: 2px solid violet !important;
  background-color: rgba(238, 130, 238, .05) !important
}
#volume-schedule-form .color-Violet .fc-content .fc-time, #volume-schedule-form .color-Violet.external-event div:first-child {
  background-color: violet !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-Violet, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-Violet {
  background-color: #fff !important
}
#volume-schedule-form .color-Yellow {
  border: 2px solid #ff0 !important;
  background-color: rgba(255, 255, 0, .05) !important
}
#volume-schedule-form .color-Yellow .fc-content .fc-time, #volume-schedule-form .color-Yellow.external-event div:first-child {
  background-color: #ff0 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-Yellow, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-Yellow {
  background-color: #fff !important
}
#volume-schedule-form .color-YellowGreen {
  border: 2px solid #9acd32 !important;
  background-color: rgba(154, 205, 50, .05) !important
}
#volume-schedule-form .color-YellowGreen .fc-content .fc-time, #volume-schedule-form .color-YellowGreen.external-event div:first-child {
  background-color: #9acd32 !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .color-YellowGreen, #volume-schedule-form .fc-view.fc-agendaWeek-view .color-YellowGreen {
  background-color: #fff !important
}
#volume-schedule-form .label-success {
  border: 2px solid #82af6f !important
}
#volume-schedule-form .label-success .fc-content .fc-time, #volume-schedule-form .label-success.external-event div:first-child {
  background-color: #82af6f !important
}
#volume-schedule-form .fc-view.fc-month-view .label-success {
  background-color: rgba(130, 175, 111, .05) !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .label-success, #volume-schedule-form .fc-view.fc-agendaWeek-view .label-success {
  background-color: #fff !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .label-success .fc-bg, #volume-schedule-form .fc-view.fc-agendaWeek-view .label-success .fc-bg {
  background: rgba(130, 175, 111, .05) !important;
  opacity: 1
}
#volume-schedule-form .label-danger {
  border: 2px solid #d15b47 !important
}
#volume-schedule-form .label-danger .fc-content .fc-time, #volume-schedule-form .label-danger.external-event div:first-child {
  background-color: #d15b47 !important
}
#volume-schedule-form .fc-view.fc-month-view .label-danger {
  background-color: rgba(209, 91, 71, .05) !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .label-danger, #volume-schedule-form .fc-view.fc-agendaWeek-view .label-danger {
  background-color: #fff !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .label-danger .fc-bg, #volume-schedule-form .fc-view.fc-agendaWeek-view .label-danger .fc-bg {
  background: rgba(209, 91, 71, .05) !important;
  opacity: 1
}
#volume-schedule-form .label-purple {
  border: 2px solid #9585bf !important
}
#volume-schedule-form .label-purple .fc-content .fc-time, #volume-schedule-form .label-purple.external-event div:first-child {
  background-color: #9585bf !important
}
#volume-schedule-form .fc-view.fc-month-view .label-purple {
  background-color: rgba(149, 133, 191, .05) !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .label-purple, #volume-schedule-form .fc-view.fc-agendaWeek-view .label-purple {
  background-color: #fff !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .label-purple .fc-bg, #volume-schedule-form .fc-view.fc-agendaWeek-view .label-purple .fc-bg {
  background: rgba(149, 133, 191, .05) !important;
  opacity: 1
}
#volume-schedule-form .label-yellow {
  border: 2px solid #fee188 !important
}
#volume-schedule-form .label-yellow .fc-content .fc-time, #volume-schedule-form .label-yellow.external-event div:first-child {
  background-color: #fee188 !important
}
#volume-schedule-form .fc-view.fc-month-view .label-yellow {
  background-color: rgba(254, 225, 136, .05) !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .label-yellow, #volume-schedule-form .fc-view.fc-agendaWeek-view .label-yellow {
  background-color: #fff !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .label-yellow .fc-bg, #volume-schedule-form .fc-view.fc-agendaWeek-view .label-yellow .fc-bg {
  background: rgba(254, 225, 136, .05) !important;
  opacity: 1
}
#volume-schedule-form .label-pink {
  border: 2px solid #d6487e !important
}
#volume-schedule-form .label-pink .fc-content .fc-time, #volume-schedule-form .label-pink.external-event div:first-child {
  background-color: #d6487e !important
}
#volume-schedule-form .fc-view.fc-month-view .label-pink {
  background-color: rgba(214, 72, 126, .05) !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .label-pink, #volume-schedule-form .fc-view.fc-agendaWeek-view .label-pink {
  background-color: #fff !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .label-pink .fc-bg, #volume-schedule-form .fc-view.fc-agendaWeek-view .label-pink .fc-bg {
  background: rgba(214, 72, 126, .05) !important;
  opacity: 1
}
#volume-schedule-form .label-info {
  border: 2px solid #3a87ad !important
}
#volume-schedule-form .label-info .fc-content .fc-time, #volume-schedule-form .label-info.external-event div:first-child {
  background-color: #3a87ad !important
}
#volume-schedule-form .fc-view.fc-month-view .label-info {
  background-color: rgba(58, 135, 173, .05) !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .label-info, #volume-schedule-form .fc-view.fc-agendaWeek-view .label-info {
  background-color: #fff !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .label-info .fc-bg, #volume-schedule-form .fc-view.fc-agendaWeek-view .label-info .fc-bg {
  background: rgba(58, 135, 173, .05) !important;
  opacity: 1
}
#volume-schedule-form .label-grey {
  border: 2px solid #a0a0a0 !important
}
#volume-schedule-form .label-grey .fc-content .fc-time, #volume-schedule-form .label-grey.external-event div:first-child {
  background-color: #a0a0a0 !important
}
#volume-schedule-form .fc-view.fc-month-view .label-grey {
  background-color: rgba(160, 160, 160, .05) !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .label-grey, #volume-schedule-form .fc-view.fc-agendaWeek-view .label-grey {
  background-color: #fff !important
}
#volume-schedule-form .fc-view.fc-agendaDay-view .label-grey .fc-bg, #volume-schedule-form .fc-view.fc-agendaWeek-view .label-grey .fc-bg {
  background: rgba(160, 160, 160, .05) !important;
  opacity: 1
}
#volume-schedule-form .volume-schedule-reference-wrapper {
  margin-top: 14px;
  height: 40px;
  position: relative;
  margin-bottom: 30px
}
#volume-schedule-form #media-reference {
  background-color: var(--color-background-inverse);
  border-radius: 58px;
  padding: 4px 6px;
  color: var(--basic_branding) !important;
  text-decoration: none !important;
  position: absolute
}
@media (max-width:1100px) {
  #volume-schedule-form #media-reference {
    top: -50px
  }
}
#volume-schedule-form #media-reference.mobile_media_reference {
  position: initial
}
#volume-schedule-form .external-event {
  cursor: -webkit-grab;
  cursor: grab;
  min-height: 44px
}
#volume-schedule-form .external-event[class*=color-], #volume-schedule-form .external-event[class*=label-] {
  display: flex;
  margin: 0 3px 2px 0
}
#volume-schedule-form .external-event.default-show div:first-child + div {
  color: var(--color-background-tertiary)
}
#volume-schedule-form .external-event div:first-child {
  margin-left: 10px
}
#volume-schedule-form .external-event div:first-child i {
  padding: 5px 8px;
  font-size: 125%;
  color: var(--color-content-inverse)
}
#volume-schedule-form .external-event .title {
  line-height: 22px;
  color: #4d5e80;
  padding: 6px 0;
  margin-left: 18px;
  margin-right: 10px
}
#volume-schedule-form .external-event div:last-child {
  margin-right: 10px
}
#volume-schedule-form .external-event div:last-child a:last-child {
  margin-left: 10px
}
#volume-schedule-form .widget-header {
  margin-bottom: 12px;
  padding: 0
}
@media (max-width:991px) {
  #schedule-form {
    margin-bottom: 90px
  }
}
#schedule-form .default-content-entry {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  list-style: none;
  background-color: var(--color-background-inverse);
  border: 2px solid var(--color-border-focus);
  padding: 6px 6px 6px 10px;
  border-radius: 4px;
  color: var(--color-content-primary)
}
#schedule-form .default-content-entry span {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
#schedule-form .default-content-entry .title, .dataTable, .empty-state img, .empty-state-overlay img, [data-simplebar].simplebar-dragging .simplebar-content {
  -moz-user-select: none;
  -ms-user-select: none
}
#schedule-form .default-content-entry .title {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  color: var(--color-content-primary);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none
}
#schedule-form .default-content-entry .title .add-filler-content {
  background-color: var(--basic_branding);
  border-radius: 50%;
  padding: 0;
  width: 14px;
  height: 14px;
  display: flex;
  justify-content: center;
  align-items: center
}
#schedule-form .default-content-entry .title .add-filler-content i.ds-add {
  line-height: 14px;
  font-size: 9px;
  color: #fff;
  margin-top: 1px
}
#schedule-form .default-content-entry .title .old-user-info-default-content {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  background-color: var(--color-background-tertiary);
  border-radius: 50%;
  padding: 0;
  width: 16px;
  height: 16px
}
#schedule-form .default-content-entry .title .old-user-info-default-content i.ds-information {
  line-height: 16px;
  font-size: 12px;
  color: var(--color-content-secondary)
}
#schedule-form .default-content-entry .selected-content {
  display: flex;
  flex-direction: row;
  align-items: center
}
#schedule-form .default-content-entry .selected-content span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 202px;
  line-height: 18px;
  font-weight: 700
}
#schedule-form .default-content-entry .selected-content i {
  font-size: 18px !important;
  line-height: 14px;
  font-weight: 600
}
#schedule-form .default-content-entry > span {
  overflow: hidden;
  font-size: 12px;
  line-height: 18px
}
#schedule-form .external-event {
  display: flex;
  background-color: var(--color-background-turquoise-subtle);
  border: 2px solid var(--color-border-turquoise);
  padding: 6px 6px 6px 10px;
  min-height: 40px;
  width: 100%;
  margin: 6px 0
}
#schedule-form .external-event.ui-draggable-dragging {
  cursor: move
}
#schedule-form .external-event .title {
  cursor: pointer !important;
  line-height: 14px
}
#schedule-form .external-event .title > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 168px;
  line-height: 18px
}
#schedule-form .external-event .title i {
  font-size: 18px !important;
  line-height: 14px
}
#schedule-form .external-event.is-turned-off {
  background-color: var(--color-brand-subtle) !important;
  border: 2px solid var(--color-border-default) !important
}
#schedule-form .external-event > div:first-of-type {
  cursor: -webkit-grab !important;
  cursor: grab !important
}
#schedule-form .external-event > div:first-of-type span {
  font-size: 14px;
  line-height: 12px
}
#schedule-form .external-event > div:first-of-type span i {
  color: var(--color-content-tertiary)
}
#schedule-form .external-event.is-turned-off .btn-group .dropdown-menu {
  top: -66px
}
#schedule-form .external-event.is-turned-off:first-of-type .btn-group .dropdown-menu {
  top: 0
}
#schedule-form .external-event.past-external-event .title > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 180px
}
#schedule-form .external-event.past-external-event .btn-group .dropdown-menu {
  top: -64px
}
#schedule-form .external-event.past-external-event.is-turned-off .btn-group .dropdown-menu {
  top: -38px
}
#schedule-form .default-content-entry .btn-group .actions-container, #schedule-form .external-event .btn-group .actions-container {
  text-decoration: none;
  outline: 0
}
#schedule-form .default-content-entry .btn-group .actions-container i, #schedule-form .external-event .btn-group .actions-container i {
  display: block;
  padding: 4px
}
#schedule-form .default-content-entry .btn-group .dropdown-menu, #schedule-form .external-event .btn-group .dropdown-menu {
  left: auto;
  right: 24px;
  top: -90px;
  padding: 0
}
#schedule-form .default-content-entry .btn-group .dropdown-menu > span .btn-link, #schedule-form .external-event .btn-group .dropdown-menu > span .btn-link {
  padding: 4px 8px;
  text-decoration: none;
  line-height: 18px;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px;
  display: flex;
  align-items: center;
  color: var(--color-content-primary) !important
}
#schedule-form .default-content-entry .btn-group .dropdown-menu > span .btn-link > span, #schedule-form .external-event .btn-group .dropdown-menu > span .btn-link > span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all;
  max-width: 120px
}
#schedule-form .default-content-entry .btn-group .dropdown-menu > span:first-of-type .btn-link, #schedule-form .external-event .btn-group .dropdown-menu > span:first-of-type .btn-link {
  padding-top: 8px
}
#schedule-form .default-content-entry .btn-group .dropdown-menu > span:last-of-type .btn-link, #schedule-form .external-event .btn-group .dropdown-menu > span:last-of-type .btn-link {
  padding-bottom: 8px
}
#schedule-form .default-content-entry:first-of-type .btn-group .dropdown-menu, #schedule-form .default-content-entry:nth-of-type(2) .btn-group .dropdown-menu, #schedule-form .external-event:first-of-type .btn-group .dropdown-menu, #schedule-form .external-event:nth-of-type(2) .btn-group .dropdown-menu {
  top: 0
}
#schedule-form .default-content-entry .dropdown-menu {
  top: -10px !important
}
#schedule-form .schedule-reference-wrapper {
  margin-top: 14px;
  height: 40px
}
#schedule-form .schedule-reference-wrapper #media-reference {
  padding: 10px 8px;
  color: var(--color-content-primary) !important;
  font-weight: 600;
  font-size: 14px;
  border: 1px solid var(--color-border-section);
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  border-radius: 8px;
  line-height: 18px;
  background-color: var(--color-background-inverse);
  text-decoration: none !important
}
#schedule-form .widget-header {
  margin-bottom: 20px
}
@media (min-width:992px) {
  #schedule-form .form-horizontal.actions_parent .form-actions {
    padding-bottom: 20px;
    flex-wrap: nowrap
  }
}
#schedule-form .form-horizontal.actions_parent .form-actions div[data-fields=name] {
  width: 100%
}
#schedule-form .form-horizontal.actions_parent .form-actions div[data-fields=name] .form-group {
  margin-left: 0;
  margin-bottom: 0
}
#schedule-form .form-horizontal.actions_parent .form-actions div[data-fields=name] .form-group label {
  display: none
}
#schedule-form .form-horizontal.actions_parent .form-actions div[data-fields=name] .form-group .editor-container {
  position: relative
}
#schedule-form .form-horizontal.actions_parent .form-actions div[data-fields=name] .form-group .editor-container p.help-block {
  right: 0;
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  color: var(--color-content-primary) !important
}
#schedule-form .form-horizontal.actions_parent .form-actions div[data-fields=name] .form-group .editor-container p.help-block > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  max-width: 120px
}
#schedule-form .form-horizontal.actions_parent .form-actions div[data-fields=name] .form-group .editor-container:first-of-type .btn-link {
  padding-top: 8px
}
#schedule-form .form-horizontal.actions_parent .form-actions div[data-fields=name] .form-group .editor-container:last-of-type .btn-link {
  padding-bottom: 8px
}
#schedule-form .form-horizontal.actions_parent .form-actions:first-of-type .btn-group .dropdown-menu, #schedule-form .form-horizontal.actions_parent .form-actions:nth-of-type(2) .btn-group .dropdown-menu {
  top: 0
}
#schedule-form .form-horizontal.actions_parent .default-content-entry .dropdown-menu {
  top: -10px !important
}
#schedule-form .form-horizontal.actions_parent .schedule-reference-wrapper {
  margin-top: 14px;
  height: 40px
}
#schedule-form .form-horizontal.actions_parent .schedule-reference-wrapper #media-reference {
  padding: 10px 8px;
  color: var(--color-content-primary) !important;
  font-weight: 600;
  font-size: 14px;
  border: 1px solid var(--color-border-section);
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  border-radius: 8px;
  line-height: 18px;
  background-color: var(--color-background-inverse);
  text-decoration: none !important
}
#schedule-form .form-horizontal.actions_parent .widget-header {
  margin-bottom: 20px
}
@media (min-width:992px) {
  #schedule-form .form-horizontal.actions_parent .form-horizontal.actions_parent .form-actions {
    padding-bottom: 20px;
    flex-wrap: nowrap
  }
}
#schedule-form .form-horizontal.actions_parent .form-horizontal.actions_parent .form-actions div[data-fields=name] {
  width: 100%
}
#schedule-form .form-horizontal.actions_parent .form-horizontal.actions_parent .form-actions div[data-fields=name] .form-group {
  margin-left: 0;
  margin-bottom: 0
}
#schedule-form .form-horizontal.actions_parent .form-horizontal.actions_parent .form-actions div[data-fields=name] .form-group label {
  display: none
}
#schedule-form .form-horizontal.actions_parent .form-horizontal.actions_parent .form-actions div[data-fields=name] .form-group .editor-container {
  position: relative
}
#schedule-form .form-horizontal.actions_parent .form-horizontal.actions_parent .form-actions div[data-fields=name] .form-group .editor-container p.help-block {
  right: 0;
  position: absolute;
  font-size: 12px;
  height: 12px;
  line-height: 12px
}
#schedule-form .form-horizontal.actions_parent .form-horizontal.actions_parent .form-actions div[data-fields=name] .form-group.has-error input {
  border-color: var(--color-border-negative) !important;
  color: unset !important;
  box-shadow: unset !important
}
#schedule-form .external-event, #volume-schedule-form .external-event {
  border-radius: 5px;
  align-items: center;
  margin-left: 0
}
#schedule-form .external-event.default-show, #volume-schedule-form .external-event.default-show {
  display: flex;
  align-items: center;
  border: 2px solid var(--basic_branding);
  background-color: rgba(var(--basic_branding), .05)
}
#schedule-form .external-event.default-show div:first-child, #volume-schedule-form .external-event.default-show div:first-child {
  background-color: var(--basic_branding)
}
#schedule-form .external-event.default-show div:first-child i, #volume-schedule-form .external-event.default-show div:first-child i {
  padding: 5px 8px 5px 10px !important;
  width: 32px
}
#schedule-form .external-event.default-show div:first-child + div, #volume-schedule-form .external-event.default-show div:first-child + div {
  margin-left: 18px;
  margin-right: 10px;
  font-size: 12px;
  font-weight: 600;
  overflow-wrap: anywhere
}
#schedule-form .external-event.default-show .widget-toolbar, #volume-schedule-form .external-event.default-show .widget-toolbar {
  color: var(--color-content-primary);
  display: flex;
  align-items: center
}
#schedule-form .external-event.default-show .widget-toolbar #schedule-tooltip, #schedule-form .external-event.default-show .widget-toolbar > a, #volume-schedule-form .external-event.default-show .widget-toolbar #schedule-tooltip, #volume-schedule-form .external-event.default-show .widget-toolbar > a {
  display: flex;
  align-items: center;
  padding: 0
}
#schedule-form .external-event.default-show span, #volume-schedule-form .external-event.default-show span {
  white-space: normal;
  display: flex
}
#schedule-form .external-event div:first-child, #volume-schedule-form .external-event div:first-child {
  border-radius: 5px;
  display: flex;
  align-items: center
}
#schedule-form .external-event .title, #volume-schedule-form .external-event .title {
  display: flex;
  align-items: center;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  overflow-wrap: anywhere
}
#schedule-form .external-event .title i, #volume-schedule-form .external-event .title i {
  font-weight: 700;
  font-size: 125%
}
#schedule-form .external-event div:last-child, #volume-schedule-form .external-event div:last-child {
  padding: 0;
  margin-left: auto
}
#schedule-form .external-event div:last-child a i, #volume-schedule-form .external-event div:last-child a i {
  color: var(--color-content-primary) !important;
  font-weight: 700
}
#schedule-form .entries-list-container, #volume-schedule-form .entries-list-container {
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-border-section);
  padding: 20px 12px 20px 16px
}
#schedule-form .widget-box, #volume-schedule-form .widget-box {
  margin-top: 0;
  border-radius: 8px;
  background-color: var(--color-background-inverse);
  padding: 8px 0;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
  max-height: calc(100% - 70px);
  height: calc(100% - 70px)
}
#schedule-form .widget-box .entries-list-message-container, #volume-schedule-form .widget-box .entries-list-message-container {
  float: right;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin-top: 8px
}
@media (max-width:768px) {
  #schedule-form .widget-box .entries-list-message-container, #volume-schedule-form .widget-box .entries-list-message-container {
    float: none
  }
}
#schedule-form .widget-box .entries-list-message-container .entries-list-message-icon, #volume-schedule-form .widget-box .entries-list-message-container .entries-list-message-icon {
  display: flex;
  background-color: var(--color-background-tertiary);
  height: 18px !important;
  width: 18px !important;
  border-radius: 100% !important
}
#schedule-form .widget-box .entries-list-message-container .entries-list-message, #volume-schedule-form .widget-box .entries-list-message-container .entries-list-message {
  line-height: 20px;
  color: var(--color-content-secondary);
  font-size: 12px
}
#schedule-form .widget-header, #volume-schedule-form .widget-header {
  background-color: transparent;
  background-image: none;
  border: none;
  border-bottom: 1px solid var(--color-border-default);
  padding-bottom: 2px
}
#schedule-form .widget-header > :first-child, #volume-schedule-form .widget-header > :first-child {
  font-size: 14px;
  font-weight: 700;
  line-height: 40px
}
#schedule-form td.default-show, #volume-schedule-form td.default-show {
  background-color: var(--color-background-inverse)
}
#schedule-form #form_container + .row, #volume-schedule-form #form_container + .row {
  margin-top: 60px
}
@media (max-width:820px) {
  #schedule-form #form_container + .row, #volume-schedule-form #form_container + .row {
    margin-top: 25px
  }
}
#schedule-form div[data-fields=name] .fake-flex-field, #volume-schedule-form div[data-fields=name] .fake-flex-field {
  flex-direction: column
}
#schedule-form div[data-fields=name] .fake-flex-field > label, #volume-schedule-form div[data-fields=name] .fake-flex-field > label {
  text-align: left;
  margin-bottom: 8px
}
#schedule-form div[data-fields=name] .fake-flex-field > .editor-container, #volume-schedule-form div[data-fields=name] .fake-flex-field > .editor-container {
  align-self: start;
  max-width: 324px
}
#schedule-form div[data-fields=name] .fake-flex-field > .editor-container input, #volume-schedule-form div[data-fields=name] .fake-flex-field > .editor-container input {
  max-width: 324px
}
#schedule-form div[data-fields=name] .fake-flex-field > .editor-container p.help-text, #volume-schedule-form div[data-fields=name] .fake-flex-field > .editor-container p.help-text {
  font-size: 12px;
  font-weight: 400;
  color: var(--color-content-primary)
}
.schedule-event-form .notice, div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .monitor-thumbnail .notification-indicator .ds-circle {
  color: var(--color-content-warning)
}
@media (min-width:992px) {
  #schedule-form .media-reference-container, #volume-schedule-form .media-reference-container {
    margin-top: 110px
  }
  #schedule-form .form-content, #volume-schedule-form .form-content {
    margin-top: 140px
  }
  body.is_hijacked:not(.has_critical_notifications) #volume-schedule-form #form_container {
    margin-top: 170px
  }
  body.is_hijacked:not(.has_critical_notifications) #schedule-form #form_container {
    margin-top: 200px
  }
  body.is_hijacked.has_critical_notifications #schedule-form #form_container, body.is_hijacked.has_critical_notifications #volume-schedule-form #form_container {
    margin-top: 122px
  }
}
.ends-after-spinner #spinner_ends_after_occurences, .ends-after-spinner #spinner_ends_after_occurences input.suffix-spinner, .ends-after-spinner.spinner-container {
  max-width: 200px !important
}
.schedule-event-form .error, .schedule-event-form .notice {
  border-radius: 4px;
  padding: 10px
}
.schedule-event-form .error .pill, .schedule-event-form .notice .pill {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex
}
.schedule-event-form .notice {
  background-color: var(--color-background-warning-subtle);
  border: 1px solid var(--color-border-warning)
}
.schedule-event-form .error {
  background-color: var(--color-background-tertiary);
  color: var(--color-content-primary)
}
.schedule-event-form .error i {
  color: var(--color-content-negative)
}
.fc-view-container.colored-events .fc-color-0, .widget-box.colored-events .fc-color-0 {
  background-color: var(--color-background-turquoise-subtle) !important;
  border-color: var(--color-border-turquoise) !important
}
html.dark .fc-view-container.colored-events .fc-color-0, html.dark .widget-box.colored-events .fc-color-0 {
  color: var(--color-content-primary) !important
}
html.light .fc-view-container.colored-events .fc-color-0, html.light .widget-box.colored-events .fc-color-0 {
  color: #065757 !important
}
.fc-view-container.colored-events .fc-color-1, .widget-box.colored-events .fc-color-1 {
  background-color: #f0e6f9 !important;
  border-color: #850aa4 !important;
  color: #850aa4 !important
}
.fc-view-container.colored-events .fc-color-2, .widget-box.colored-events .fc-color-2 {
  background-color: #dae7f2 !important;
  border-color: #085291 !important;
  color: #085291 !important
}
.fc-view-container.colored-events .fc-color-3, .widget-box.colored-events .fc-color-3 {
  background-color: #f2dfdc !important;
  border-color: #833327 !important;
  color: #833327 !important
}
.fc-view-container.colored-events .fc-color-4, .widget-box.colored-events .fc-color-4 {
  background-color: #ffe8c5 !important;
  border-color: #a44d29 !important;
  color: #a44d29 !important
}
.fc-view-container.colored-events .fc-color-5, .widget-box.colored-events .fc-color-5 {
  background-color: #dee3ff !important;
  border-color: #2a47de !important;
  color: #2a47de !important
}
.fc-view-container.colored-events .fc-color-6, .widget-box.colored-events .fc-color-6 {
  background-color: #faddff !important;
  border-color: #af08cb !important;
  color: #af08cb !important
}
.fc-view-container.colored-events .fc-color-7, .widget-box.colored-events .fc-color-7 {
  background-color: #ddfffb !important;
  border-color: #094246 !important;
  color: #094246 !important
}
.fc-view-container.colored-events .fc-color-8, .widget-box.colored-events .fc-color-8 {
  background-color: #f0dfe9 !important;
  border-color: #9f1b68 !important;
  color: #9f1b68 !important
}
.fc-view-container.colored-events .fc-color-9, .widget-box.colored-events .fc-color-9 {
  background-color: #daedde !important;
  border-color: #075918 !important;
  color: #075918 !important
}
.fc-view-container.colored-events .fc-color-10, .widget-box.colored-events .fc-color-10 {
  background-color: #ffeadb !important;
  border-color: #4a3030 !important;
  color: #4a3030 !important
}
.fc-view-container.colored-events .fc-color-11, .widget-box.colored-events .fc-color-11 {
  background-color: #ffefc8 !important;
  border-color: #6d510e !important;
  color: #6d510e !important
}
.fc-view-container.colored-events .fc-color-12, .widget-box.colored-events .fc-color-12 {
  background-color: #e7e0ed !important;
  border-color: #521e86 !important;
  color: #521e86 !important
}
.fc-view-container.colored-events .fc-color-13, .widget-box.colored-events .fc-color-13 {
  background-color: #eefcc5 !important;
  border-color: #4b771f !important;
  color: #4b771f !important
}
.fc-view-container.colored-events .fc-color-14, .widget-box.colored-events .fc-color-14 {
  background-color: #fff8b8 !important;
  border-color: #454223 !important;
  color: #454223 !important
}
.fc-view-container.colored-events .fc-color-15, .widget-box.colored-events .fc-color-15 {
  background-color: #f2eaf6 !important;
  border-color: #6f207c !important;
  color: #6f207c !important
}
.fc-view-container.colored-events .fc-content:not(:has(.turned-off-icon)), .fc-view-container.colored-events .fc-content:not(:has(.turned-off-icon)) .fc-time, .fc-view-container.colored-events .fc-content:not(:has(.turned-off-icon)) .fc-title, .widget-box.colored-events .fc-content:not(:has(.turned-off-icon)), .widget-box.colored-events .fc-content:not(:has(.turned-off-icon)) .fc-time, .widget-box.colored-events .fc-content:not(:has(.turned-off-icon)) .fc-title {
  color: inherit !important
}
.default-content-modal-container .padding-btm-16 {
  padding-bottom: 16px
}
.default-content-modal-container .padding-btm-8 {
  padding-bottom: 8px
}
.dataTables_filter, .search-container {
  text-align: left;
  display: flex
}
.dataTables_filter input[type=search]:not(#search-text):not(.template-search), .search-container input[type=search]:not(#search-text):not(.template-search) {
  width: 329px;
  height: 40px
}
.dataTables_filter input[type=search]:not(#search-text):not(.template-search):hover, .search-container input[type=search]:not(#search-text):not(.template-search):hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, .1) !important
}
.dataTables_filter input[type=search]:not(#search-text):not(.template-search):focus, .dataTables_filter input[type=search]:not(#search-text):not(.template-search):focus-visible, .search-container input[type=search]:not(#search-text):not(.template-search):focus, .search-container input[type=search]:not(#search-text):not(.template-search):focus-visible {
  box-shadow: 0 0 0 1px var(--basic_branding) !important
}
.dataTables_filter input[type=search]:not(#search-text):not(.template-search)::-ms-input-placeholder, .search-container input[type=search]:not(#search-text):not(.template-search)::-ms-input-placeholder {
  color: var(--color-content-tertiary)
}
.dataTables_filter input[type=search]:not(#search-text):not(.template-search)::-ms-input-placeholder, .dataTables_filter input[type=search]:not(#search-text):not(.template-search)::placeholder, .search-container input[type=search]:not(#search-text):not(.template-search)::-ms-input-placeholder, .search-container input[type=search]:not(#search-text):not(.template-search)::placeholder {
  color: var(--color-content-tertiary)
}
.dataTables_filter input[type=search]:not(#search-text):not(.template-search):placeholder-shown, .search-container input[type=search]:not(#search-text):not(.template-search):placeholder-shown {
  text-overflow: ellipsis
}
.dataTables_filter:not(.custom-search) input[type=search], .search-container:not(.custom-search) input[type=search] {
  background-image: url(images/search.svg);
  background-repeat: no-repeat;
  background-position: 10px 50%
}
.dataTables_filter:not(.custom-search) .search_magnifying_glass, .search-container:not(.custom-search) .search_magnifying_glass {
  display: none
}
.dataTables_filter .clear_search, .search-container .clear_search {
  display: flex;
  align-items: center;
  visibility: hidden
}
.dataTables_filter .clear_search::after, .search-container .clear_search::after {
  content: '\e978';
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: ds-app-font;
  cursor: pointer;
  margin-bottom: 6px;
  width: 32px;
  height: 32px;
  border-radius: 32px;
  background-color: transparent
}
.dataTables_filter .clear_search:hover::after, .search-container .clear_search:hover::after {
  background-color: var(--color-brand-subtle-hover)
}
.dataTables_filter .tag_container, .search-container .tag_container {
  margin-left: 5px;
  cursor: pointer
}
@media (max-width:991px) {
  .dataTables_filter.custom-search input[type=search], .search-container.custom-search input[type=search] {
    padding: 7px 75px 7px 40px
  }
  .dataTables_filter.custom-search.opened_search_input .search_magnifying_glass.vertical_line::before, .search-container.custom-search.opened_search_input .search_magnifying_glass.vertical_line::before {
    content: '';
    box-shadow: -2px 0 0 .5px var(--color-background-tertiary);
    box-sizing: border-box
  }
}
.dataTables_filter.custom-search input[type=search].opened, .search-container.custom-search input[type=search].opened {
  padding: 7px 75px 7px 16px
}
.dataTables_filter.custom-search .search_magnifying_glass, .search-container.custom-search .search_magnifying_glass {
  display: flex;
  cursor: pointer;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 32px;
  margin-left: -36px;
  margin-top: 4px;
  padding: 6px
}
@media (min-width:992px) {
  .dataTables_filter.custom-search .search_magnifying_glass.vertical_line::before, .search-container.custom-search .search_magnifying_glass.vertical_line::before {
    content: '';
    box-shadow: -10px 0 0 .5px var(--color-content-tertiary);
    box-sizing: border-box
  }
  .dataTables_filter {
    top: -10px;
    position: relative
  }
}
.dataTables_filter.custom-search.template-search-container .search_magnifying_glass, .search-container.custom-search.template-search-container .search_magnifying_glass {
  margin: 0
}
.dataTables_filter.custom-search .tag_container, .search-container.custom-search .tag_container {
  margin-left: 23px
}
.dataTables_filter.custom-search .clear_search::after, .search-container.custom-search .clear_search::after {
  margin-left: -75px
}
.dataTables_filter input[type=search].template-search, .search-container input[type=search].template-search {
  width: 100% !important;
  height: 40px !important;
  padding: 0;
  border: none
}
.dataTables_filter input[type=search].template-search:hover, .search-container input[type=search].template-search:hover {
  box-shadow: none !important
}
.dataTables_filter input[type=search].template-search:focus, .search-container input[type=search].template-search:focus {
  border: none !important
}
@media (max-width:991px) and (min-width:361px) {
  .dataTables_filter input[type=search] {
    width: 40px;
    padding-right: 0
  }
  .dataTables_filter input[type=search].opened {
    width: 271px
  }
  .dataTables_filter.custom-search input[type=search].opened {
    padding: 7px 40px 7px 16px
  }
}
@media (max-width:360px) {
  .dataTables_filter input[type=search] {
    padding-right: 0
  }
  .dataTables_filter input[type=search].opened {
    width: 215px
  }
}
@media (max-width:319px) {
  .dataTables_filter input[type=search].opened {
    width: auto
  }
}
@media (max-width:991px) {
  @supports (-webkit-hyphens: none) {
    input[type=search] {
      padding: 7px 40px
    }
  }
  .dataTables_filter .clear_search {
    display: none
  }
  .dataTables_filter.opened_search_input .clear_search {
    display: flex
  }
  .tag_container.tagged {
    outline: solid var(--basic_branding)
  }
  .tag_container.tagged #selected_tags_number {
    display: none
  }
}
.search_wrapper {
  padding: 0
}
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--basic-branding_rgb), .7)
  }
  70% {
    box-shadow: 0 0 0 10px rgba(var(--basic-branding_rgb), 0)
  }
  100% {
    box-shadow: 0 0 0 0 rgba(var(--basic-branding_rgb), 0)
  }
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--basic-branding_rgb), .7)
  }
  70% {
    box-shadow: 0 0 0 10px rgba(var(--basic-branding_rgb), 0)
  }
  100% {
    box-shadow: 0 0 0 0 rgba(var(--basic-branding_rgb), 0)
  }
}
.nav > li > a:focus, .nav > li > a:focus-visible, .nav > li > a:hover {
  background-color: var(--color-background-primary);
  color: var(--color-content-primary)
}
#navbar .navbar-brand, #sidebar .navbar-brand {
  max-width: 185px !important
}
#navbar {
  background-color: transparent !important;
  border: none;
  display: flex;
  margin: 0
}
#navbar .navbar-header {
  margin-left: auto !important;
  display: flex !important;
  align-items: center;
  flex-wrap: wrap-reverse;
  width: 100%
}
#navbar .navbar-header > ul {
  display: flex;
  align-items: center;
  align-self: flex-end
}
#navbar .dropdown-toggle:hover {
  background-color: var(--color-background-primary);
  color: var(--color-content-primary)
}
#navbar.responsive {
  background-color: var(--color-content-inverse) !important;
  box-shadow: 0 4px 14px -6px rgba(0, 0, 0, .05) !important;
  margin-left: 0 !important
}
#navbar .custom_dropdown_menu {
  width: 382px;
  max-height: 460px;
  margin-top: 16px;
  border-radius: 8px;
  border: var(--border);
  box-shadow: 0 4px 24px rgba(0, 0, 0, .12);
  right: 0
}
@media (max-width:568px) {
  #navbar .custom_dropdown_menu {
    width: 244px
  }
}
#navbar .custom_dropdown_menu #search_workspaces {
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  height: 48px;
  background-position: 3% 50%;
  background-repeat: no-repeat;
  padding-left: 32px;
  background-size: 18px
}
#navbar .custom_dropdown_menu #search_workspaces::-webkit-input-placeholder {
  color: var(--color-content-tertiary)
}
#navbar .custom_dropdown_menu #search_workspaces::-moz-placeholder {
  color: var(--color-content-tertiary)
}
#navbar .custom_dropdown_menu #search_workspaces::-ms-input-placeholder {
  color: var(--color-content-tertiary)
}
#navbar .custom_dropdown_menu #search_workspaces::placeholder {
  color: var(--color-content-tertiary)
}
#navbar .custom_dropdown_menu #search_workspaces:hover {
  border-color: var(--color-border-hover)
}
#navbar .custom_dropdown_menu #search_workspaces:focus {
  border-color: var(--color-border-focus)
}
#navbar .custom_dropdown_menu .workspace_item {
  border-bottom: none
}
#navbar .custom_dropdown_menu .workspace_item .option:only-child {
  width: 100%
}
#sidebar {
  z-index: 1005;
  height: 100vh;
  position: fixed;
  scrollbar-width: none
}
#sidebar::-webkit-scrollbar {
  width: 0
}
#sidebar:not(.menu-min) .nav-list li a .menu-text {
  overflow: hidden
}
#sidebar, #sidebar:before {
  border: none;
  background-color: var(--color-background-inverse);
  width: 211px
}
#sidebar:before {
  box-shadow: 0 4px 32px rgba(0, 0, 0, .05);
  position: fixed
}
#sidebar .navbar-brand {
  height: 28px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  color: var(--basic_branding)
}
#sidebar .sidebar-collapse {
  position: relative;
  left: 12px;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-top: -20px !important;
  border: 0;
  background-color: transparent
}
#sidebar .sidebar-collapse:before {
  content: none
}
#sidebar .sidebar-collapse .sidebar-icon {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  background-color: var(--color-brand-subtle);
  color: var(--color-content-primary);
  border: 0;
  line-height: 20px;
  width: 20px;
  height: 20px;
  font-size: 18px !important;
  border-radius: 16px
}
#sidebar .sidebar-collapse .sidebar-icon:hover {
  background-color: var(--color-brand-subtle-hover)
}
#sidebar .sidebar-collapse .sidebar-border-bottom {
  width: 163px;
  border-bottom: 1px solid var(--color-background-tertiary);
  margin-right: 11px
}
#sidebar #device_menu {
  margin-bottom: 55px
}
#sidebar.menu-min, #sidebar.menu-min:before {
  width: 66px
}
#sidebar.menu-min #navbar_items {
  margin: 0 !important
}
#sidebar.menu-min .sidebar-collapse .sidebar-border-bottom {
  width: 23px;
  border-bottom: 1px solid var(--color-background-tertiary);
  margin-right: 6px
}
#sidebar.menu-min .open {
  background-color: inherit !important
}
#sidebar.menu-min ~ .main-container {
  margin-left: -130px
}
#sidebar.menu-min .nav-list #media_menu > a > .menu-text {
  border-radius: 0 !important;
  text-align: left
}
#sidebar.menu-min .nav-list > li {
  width: 80px;
  background: 0 0
}
#sidebar.menu-min .nav-list > li.active > a, #sidebar.menu-min .nav-list > li.active > a:hover, #sidebar.menu-min .nav-list > li.active > a > span {
  color: var(--basic_branding)
}
#sidebar.menu-min .nav-list > li.open.active .submenu > li.active > a {
  background-color: var(--color-brand-subtle) !important
}
#sidebar.menu-min .nav-list > li.open .submenu {
  background-color: var(--color-background-secondary-subtle) !important;
  padding-bottom: 10px;
  padding-top: 50px
}
#sidebar.menu-min .nav-list > li.open > a {
  background-color: inherit
}
#sidebar.menu-min .nav-list > li > .submenu, #sidebar.menu-min .nav-list > li > a > .menu-text {
  background-color: var(--color-background-inverse);
  color: var(--color-content-primary)
}
#sidebar.menu-min .nav-list > li:hover > .submenu {
  display: block !important
}
#sidebar.menu-min .nav-list > li:hover > a {
  color: var(--color-content-primary) !important
}
#sidebar.menu-min .nav-list > li > a {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  width: 46px;
  padding: 0 16px 0 7px
}
#sidebar.menu-min .nav-list > li > a > .menu-text {
  display: none;
  left: 70px !important;
  padding: 8px 12px;
  border-radius: 4px;
  position: absolute;
  z-index: 121
}
#sidebar.menu-min .nav-list > li > a > .menu-text::before {
  border-top: solid transparent 6px;
  border-right: solid var(--color-background-inverse) 6px;
  content: '';
  position: absolute;
  margin-left: -18px;
  margin-top: 14px
}
#sidebar.menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
  border: 0;
  top: -1px;
  left: 43px;
  width: 174px;
  border-bottom: 1px solid #ddd
}
#sidebar.menu-min .nav-list > li > a .arrow {
  display: none
}
#sidebar.menu-min .nav-list > li > .submenu {
  border-radius: 4px;
  border: 0;
  left: 70px;
  padding: 45px 8px 5px;
  box-shadow: 2px 0 14px 8px rgba(0, 0, 0, .09);
  z-index: 1005;
  transition: display .5s ease-in-out !important;
  background: var(--color-background-inverse);
  position: absolute;
  top: -2px;
  width: 176px;
  display: none !important;
  font-size: 14px !important;
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important
}
.nav-list > li a:hover, .nav-list > li.active .submenu, .nav-list > li.active > a, .nav-list > li.open .submenu, .nav-list > li.open.active .submenu, .nav-list > li.open.active > a, .nav-list > li.open > a {
  background-color: var(--color-background-primary) !important
}
#sidebar.menu-min .nav-list > li:hover > a > .menu-text {
  display: block
}
#sidebar.menu-min #sidebar-upgrade-popup {
  display: none !important
}
#sidebar.menu-min + .navbar + .main-container .main-content {
  margin-left: 66px
}
.nav-list a:focus-visible .menu-text {
  text-decoration: underline !important
}
.nav-list li.active > a:after, .nav-list > li.active:after, .nav-list > li > .submenu > li:before {
  content: none
}
.nav-list > li, .nav-list > li.open, .nav-list > li:hover {
  cursor: pointer;
  border: none;
  margin: 10px 10px 0
}
.nav-list > li .submenu, .nav-list > li .submenu > li > a:hover, .nav-list > li a:hover > .arrow, .nav-list > li.open .submenu, .nav-list > li.open > a, .nav-list > li.open > a > .arrow, .nav-list > li > a, .nav-list > li > a:hover, .nav-list > li > a > .arrow {
  color: var(--color-content-primary);
  border-radius: 0 0 4px 4px
}
.nav-list > li .submenu > li.active > a, .nav-list > li.active > a, .nav-list > li.active > a > .arrow {
  color: var(--basic_branding)
}
.nav-list > li a:hover {
  border-radius: 4px
}
.nav-list > li a:hover:before {
  background-color: var(--basic_branding);
  content: none
}
.nav-list > li.open .dropdown-toggle, .nav-list > li.open .dropdown-toggle:hover {
  border-radius: 4px 4px 0 0
}
.nav-list > li .submenu > li > a:hover, .nav-list > li > a:hover {
  background-color: var(--color-background-secondary-subtle)
}
.nav-list > li.active > .submenu > li:before, .nav-list > li > .submenu > li:before {
  border-top: 1px solid var(--color-border-default)
}
.nav-list > li.active > .submenu:before, .nav-list > li > .submenu:before {
  border-left: 0 solid var(--color-border-default)
}
.nav-list > li.active a {
  border-radius: 4px
}
.nav-list > li.active:after {
  border: 2px solid var(--basic_branding);
  border-width: 0 2px 0 0
}
.nav-list > li.active > a:after {
  border-right-color: var(--basic_branding)
}
.nav-list > li.active > a, .nav-list > li.open > a {
  border: none
}
.nav-list > li > a {
  height: 46px;
  display: flex;
  align-items: center
}
.nav-list > li > a > .arrow {
  margin-left: auto
}
.nav-list > li > a > .menu-text {
  text-overflow: ellipsis;
  white-space: nowrap
}
.nav-list > li .submenu {
  padding-bottom: 5px;
  border-top: none;
  list-style: none;
  padding-top: 8px;
  margin-left: 0
}
.nav-list > li .submenu > li {
  height: 40px
}
.nav-list > li .submenu > li.active > a {
  font-size: 14px !important;
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important
}
.nav-list > li .submenu > li > a {
  border-top: none;
  color: var(--color-content-primary);
  margin: 0 !important;
  text-decoration: none !important;
  padding: 8px 4px;
  display: inline-block;
  font-size: 14px !important;
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
  width: 100%
}
.nav-list > li .submenu > li > a span {
  vertical-align: middle
}
.nav-list > li .submenu > li > a:hover {
  background-color: transparent
}
.nav-list > li:focus, .nav-list > li > a, .nav-list > li > a:focus, .nav-list > li > a > span:focus {
  outline: 0
}
.nav-list > li:focus-visible .menu-text, .nav-list > li > a:focus-visible .menu-text {
  text-decoration: underline
}
.nav-list > li > .submenu:before, .nav-list > li > .submenu > li:before {
  border: var(--color-content-tertiary)
}
.nav .dropdown-menu {
  border: var(--border);
  z-index: 1031
}
#sidebar-container {
  height: 100dvh;
  overflow-y: scroll;
  scrollbar-width: none
}
#sidebar-container .sidebar-head {
  background-color: var(--color-background-inverse);
  height: 55px;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  margin: 24px 20px 5px
}
#sidebar-container .sidebar-head #navbar_items #user_menu_container > a > i, #sidebar-container .sidebar-head .close-button {
  display: none
}
#sidebar-container .sidebar-head #navbar_items > li, #sidebar-container .sidebar-head #navbar_items > li > .dropdown-toggle > i {
  background-color: transparent;
  color: var(--color-content-primary)
}
#sidebar-container .sidebar-head #navbar_items #upload-container span:first-child, #sidebar-container .sidebar-head #navbar_items #user_menu_container > a > span {
  color: var(--color-content-primary)
}
@media (min-width:992px) {
  #sidebar-container .sidebar-head {
    padding-bottom: 25px
  }
  #sidebar-container .sidebar-head.no_logo {
    padding-bottom: 0;
    margin: 0
  }
}
#sidebar-container .nav-list > li span {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  min-width: 30px;
  text-align: center
}
#sidebar-container .nav-list > li span.playlist {
  font-size: 22px
}
#body #navbar-container {
  margin-left: 33px
}
#body.sidebar-min #navbar-container {
  margin-left: 48px
}
@media (min-width:991px) {
  #body.hidden-sidebar #sidebar {
    display: none
  }
  #body.hidden-sidebar #sidebar.menu-min ~ .main-container {
    margin-left: 0
  }
  #body.hidden-sidebar #critical-alert-container {
    margin-left: 0 !important
  }
  #body.hidden-sidebar #gift-card-banner {
    margin-left: 34px !important
  }
  #body.hidden-sidebar #navbar {
    margin-left: 0 !important;
    display: none !important
  }
  #body.hidden-sidebar .main-content {
    margin-left: 0
  }
  #body.hidden-sidebar .main-content .actions_parent {
    margin-right: 74px
  }
  #body.hidden-sidebar .main-content .url_form_view .actions_parent {
    margin-right: 0 !important
  }
}
#navbar-container {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 15px 32px 15px 0;
  min-height: 78px;
  margin-left: 47px
}
#navbar-container ul {
  margin-left: auto !important
}
#navbar-container ul.nav li#nav_workspace_selector, #navbar-container ul.nav li.dropdown-header#nav_workspace_selector {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content
}
#navbar-container ul.nav li#nav_workspace_selector .workspaces_link, #navbar-container ul.nav li.dropdown-header#nav_workspace_selector .workspaces_link {
  display: flex;
  width: 100%;
  height: 42px;
  max-height: 42px;
  border-top: 1px solid var(--color-brand-subtle-hover)
}
#navbar-container ul.nav li#nav_workspace_selector .workspaces_link:hover, #navbar-container ul.nav li.dropdown-header#nav_workspace_selector .workspaces_link:hover {
  background-color: var(--color-background-primary)
}
#navbar-container ul.nav li#nav_workspace_selector .workspaces_link .has_workspaces, #navbar-container ul.nav li.dropdown-header#nav_workspace_selector .workspaces_link .has_workspaces {
  width: 100%;
  color: var(--basic_branding);
  padding: 8px 16px
}
#navbar-container ul.nav li#nav_workspace_selector .workspaces_link .has_workspaces:link, #navbar-container ul.nav li#nav_workspace_selector .workspaces_link .has_workspaces:link:active, #navbar-container ul.nav li#nav_workspace_selector .workspaces_link .has_workspaces:link:hover, #navbar-container ul.nav li#nav_workspace_selector .workspaces_link .has_workspaces:link:visited, #navbar-container ul.nav li.dropdown-header#nav_workspace_selector .workspaces_link .has_workspaces:link, #navbar-container ul.nav li.dropdown-header#nav_workspace_selector .workspaces_link .has_workspaces:link:active, #navbar-container ul.nav li.dropdown-header#nav_workspace_selector .workspaces_link .has_workspaces:link:hover, #navbar-container ul.nav li.dropdown-header#nav_workspace_selector .workspaces_link .has_workspaces:link:visited {
  text-decoration: none
}
#navbar-container ul.nav li a:focus-visible, #navbar-container ul.nav li.dropdown-header a:focus-visible, #visible_workspace:focus-visible {
  text-decoration: underline
}
#navbar-container ul.nav li#nav_workspace_selector.workspace-text-hidden .workspace_text, #navbar-container ul.nav li.dropdown-header#nav_workspace_selector.workspace-text-hidden .workspace_text {
  display: none
}
#navbar-container ul.nav li a.dropdown-toggle {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  background-color: transparent;
  color: var(--color-content-primary) !important;
  height: 100%;
  padding: 8px 16px
}
#navbar-container ul.nav li a.dropdown-toggle > i {
  font-size: 14px;
  color: var(--color-content-primary) !important
}
#navbar-container ul.nav li a.dropdown-toggle i.ds-angle-down {
  display: block
}
#navbar-container ul.nav li a.dropdown-toggle i.ds-angle-up {
  display: none
}
#navbar-container #apply_changes_container #apply-changes .force, #navbar-container ul.nav li.open a.dropdown-toggle i.ds-angle-up {
  display: block
}
#navbar-container ul.nav li.open a.dropdown-toggle i.ds-angle-down {
  display: none !important
}
#navbar-container ul.nav li:hover a.dropdown-toggle, #navbar-container ul.nav li:hover a.dropdown-toggle > i {
  color: var(--color-content-secondary) !important
}
#navbar-container ul.nav li.has-tasks:hover a.dropdown-toggle i, #navbar-container ul.nav li.has-uploads:hover a.dropdown-toggle i {
  color: var(--basic_branding) !important
}
#navbar-container ul.nav.responsive #user_menu_container .user-menu {
  right: -2px
}
#navbar-container #apply_changes_container {
  height: 100%;
  padding: 5px 0;
  display: flex
}
#navbar-container #apply_changes_container .tooltip-wrapper + .tooltip {
  top: 45px !important
}
#navbar-container #apply_changes_container #apply-changes {
  background-color: var(--color-content-primary);
  width: 100%;
  max-width: 195px;
  line-height: 36px;
  border: 0;
  border-radius: 5px
}
#navbar-container #apply_changes_container #apply-changes > span {
  padding: 0 15px;
  color: var(--color-content-inverse);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
#navbar-container #apply_changes_container #apply-changes > span > i {
  display: none
}
#navbar-container #apply_changes_container #apply-changes.disablePushNochange {
  background-color: var(--color-content-primary);
  cursor: not-allowed
}
#navbar-container #apply_changes_container #apply-changes.pulse:not(.disablePushNochange) {
  border-color: var(--basic_branding);
  -webkit-animation: pulse 4s infinite;
  animation: pulse 4s infinite;
  background-color: var(--basic_branding)
}
#navbar-container #apply_changes_container #apply-changes.pulse:not(.disablePushNochange) > span {
  color: #fff
}
#navbar-container #apply_changes_container #apply-changes.pulse:not(.disablePushNochange):focus, #navbar-container #apply_changes_container #apply-changes.pulse:not(.disablePushNochange):hover {
  background-color: color-mix(in srgb, var(--basic_branding), #000 10%) !important;
  box-shadow: 0 4px 12px rgba(30, 28, 36, .1);
  border: 0
}
#navbar-container #apply_changes_container #apply-changes .apply {
  display: none
}
#navbar-container #apply_changes_container #apply-changes i {
  padding-right: 5px
}
#navbar-container #apply_changes_container #apply-changes.pulse .apply {
  display: block
}
#navbar-container #apply_changes_container #apply-changes.pulse .force {
  display: none
}
#navbar-container span i.ds-push {
  font-size: 14px
}
#navbar-container span i.ds-check {
  font-size: 12px
}
#upload-container, #user_menu_container {
  height: 42px
}
#upload-container #upload-list, #upload-container .user-menu, #user_menu_container #upload-list, #user_menu_container .user-menu {
  top: 10px;
  left: 2px;
  box-shadow: 0 4px 21px rgba(0, 0, 0, .1);
  width: 280px;
  max-width: 280px;
  border-radius: 7px !important;
  max-height: 414px
}
#upload-container .dropdown-toggle i, #user_menu_container .dropdown-toggle i {
  font-size: 22px
}
#navbar-container > .navbar-header #user_menu_container > a {
  padding: 8px 12px
}
#upload-container {
  width: 55px
}
#upload-container .badge {
  color: var(--basic_branding);
  font-size: 10px;
  top: 20px;
  left: 32px;
  position: absolute;
  background-color: transparent !important;
  padding-right: 7px;
  padding-left: 7px
}
#upload-container.has-tasks a.dropdown-toggle .ds-upload, #upload-container.has-uploads a.dropdown-toggle .ds-upload {
  color: var(--basic_branding) !important
}
#upload-container.has-tasks #upload-list #task-header, #upload-container.has-tasks #upload-list #upload-header, #upload-container.has-uploads #upload-list #task-header, #upload-container.has-uploads #upload-list #upload-header {
  color: var(--color-content-primary) !important
}
#upload-container.has-tasks #upload-list li.dropdown-header, #upload-container.has-uploads #upload-list li.dropdown-header {
  border-bottom: 0 !important;
  text-transform: capitalize
}
#upload-container.has-tasks #upload-list li.task:not(:last-child), #upload-container.has-tasks #upload-list li[id^=upload-]:not(:last-child), #upload-container.has-uploads #upload-list li.task:not(:last-child), #upload-container.has-uploads #upload-list li[id^=upload-]:not(:last-child) {
  border-bottom: 1px solid var(--color-background-tertiary);
  padding-top: 10px;
  width: 100%
}
#upload-container a.dropdown-toggle {
  width: 55px;
  border-right: 1px solid var(--color-border-section)
}
#upload-container .upload-container-completed-process {
  color: var(--basic_branding)
}
.dropdown-navbar {
  padding: 0
}
.dropdown-navbar .simplebar-content > li {
  padding: 8px 16px;
  background-color: transparent !important;
  color: var(--color-content-secondary) !important;
  text-transform: capitalize
}
.dropdown-navbar .simplebar-content > li#task-header {
  border: none !important;
  border-top: 1px solid var(--color-border-section) !important;
  width: 100%
}
.dropdown-navbar .simplebar-content > li .remove.inline {
  margin-left: auto
}
.dropdown-navbar .simplebar-content > li .file-name, .dropdown-navbar .simplebar-content > li .remove.inline {
  color: var(--color-content-tertiary)
}
.dropdown-navbar .simplebar-content > li .remove.inline:hover, .dropdown-navbar .simplebar-content > li .upload-progress:hover .file-name {
  color: var(--color-content-primary)
}
.dropdown-navbar .simplebar-content > li .progress {
  margin-bottom: 6px !important;
  border-radius: 23px !important;
  height: 5px !important;
  margin-top: 12px !important
}
.dropdown-navbar .simplebar-content > li .progress .progress-bar-success {
  background-color: var(--basic_branding)
}
#user_menu_container .user-menu > li:active, #user_menu_container .user-menu > li:hover {
  background-color: var(--color-background-primary)
}
.dropdown-navbar .simplebar-content > li .upload-progress {
  width: 100%
}
.dropdown-navbar .simplebar-content > li:not(.dropdown-header):not(.task) {
  display: flex;
  flex-wrap: wrap
}
.dropdown-navbar .simplebar-content > li .file-name, .dropdown-navbar .simplebar-content > li .task-file-name {
  display: -webkit-box;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  word-break: break-all;
  line-height: 1
}
.dropdown-navbar .simplebar-content > li.task > div:first-child {
  display: flex;
  flex-wrap: wrap
}
.dropdown-navbar .simplebar-content > li.task > div:first-child .waiting-conversion-message {
  margin-top: 6px
}
.dropdown-navbar .simplebar-content > li.task > div:first-child .waiting-conversion-message b {
  display: none
}
.upload-percent {
  color: var(--color-content-primary) !important
}
#user_menu_container .user-menu {
  top: 32px
}
#user_menu_container .user-menu:after {
  right: 30px !important
}
#user_menu_container .user-menu > li {
  padding: 2px 8px
}
#user_menu_container .user-menu > li .user-menu-icon {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
#user_menu_container .user-menu > li .user-menu-icon span {
  color: var(--color-content-primary);
  font-weight: 300;
  font-size: 22px
}
#user_menu_container .user-menu > li .user-menu-item-label {
  color: var(--color-content-primary);
  margin-left: 10px
}
#user_menu_container .user-menu > li:hover {
  border-radius: 4px
}
#user_menu_container .user-menu > li:hover .user-menu-icon span {
  color: var(--color-content-secondary)
}
#user_menu_container .user-menu > li .beta-pill {
  margin-left: 8px
}
#user_menu_container .user-menu > li a {
  padding: 8px;
  display: flex;
  align-items: center;
  background-color: transparent
}
#user_menu_container .user-menu li.logout-item-container {
  border: none;
  border-top: 1px solid var(--color-background-tertiary) !important
}
#apply_changes_container-helper, #menu-toggler, #upload-container-helper, #workspace_selector-helper {
  display: none
}
@media (max-width:991px) {
  #navbar {
    z-index: 1002;
    background-color: var(--color-background-inverse);
    box-shadow: 0 4px 14px rgba(0, 0, 0, .05);
    left: 0;
    margin-right: 0
  }
  #navbar-container {
    padding-left: 10px;
    padding-right: 20px;
    margin-left: 0 !important
  }
  #navbar-container .navbar-header > ul {
    justify-content: flex-end;
    background-color: transparent;
    border: 0
  }
  #navbar-container .workspace_text {
    display: none
  }
  #upload-container .dropdown-toggle i, #user_menu_container .dropdown-toggle i {
    font-size: 30px !important
  }
  #upload-container.open .dropdown-toggle i, #user_menu_container.open .dropdown-toggle i {
    color: var(--basic_branding) !important
  }
  #sidebar-container {
    justify-content: start;
    align-items: center;
    flex-direction: column;
    display: flex
  }
  #sidebar-container .nav-list {
    width: -webkit-fill-available;
    width: -moz-available;
    margin: 0 24px
  }
  #sidebar-container .nav-list > li i {
    font-size: 22px
  }
  #sidebar-container .nav-list > li > a {
    height: 52px;
    line-height: 52px
  }
  #sidebar-container #media_menu .arrow.ds-angle-down, #sidebar-container #media_menu .arrow.ds-angle-up {
    font-size: 16px;
    margin-top: 10px
  }
  #sidebar-container #media_menu ul > li i {
    font-size: 20px;
    min-width: 0;
    margin-right: 10px;
    margin-left: 0
  }
  #sidebar-container .sidebar-head {
    margin: 16px 24px !important;
    align-self: normal
  }
  #sidebar-container .sidebar-head .navbar-brand {
    display: none
  }
  #sidebar-container .sidebar-head #navbar_items {
    background-color: var(--color-background-inverse);
    margin-left: auto !important;
    display: flex
  }
  #sidebar-container .sidebar-head #navbar_items > li > a {
    padding: 4px 20px;
    background: 0 0
  }
  #sidebar-container .sidebar-head #navbar_items #upload-container a.dropdown-toggle {
    border-right: 0
  }
  #sidebar-container .sidebar-head #navbar_items #user_menu_container .user-menu {
    left: auto;
    top: 50px;
    max-width: 305px;
    width: 305px;
    padding: 8px 0
  }
  #sidebar-container .sidebar-head #navbar_items #user_menu_container .user-menu li a i {
    font-size: 24px !important
  }
  #sidebar-container .close-button {
    color: var(--color-content-tertiary);
    cursor: pointer;
    display: block !important
  }
  #menu-toggler i, #sidebar-container .close-button:hover {
    color: var(--color-content-primary)
  }
  #sidebar-container .close-button i {
    font-size: 26px
  }
  #sidebar-container .close-button:before {
    display: inline-block
  }
  #upload-container .badge {
    top: 30px;
    left: 32px
  }
  #upload-container #upload-list {
    left: 45px !important;
    top: 5px !important;
    max-width: 305px !important;
    width: 305px !important;
    padding-top: 0 !important
  }
  #upload-container #upload-list .simplebar-content > li.dropdown-header > span {
    margin-right: 2px
  }
  #upload-container .dropdown-menu.pull-right.dropdown-caret:after {
    right: 57px;
    left: auto
  }
  #side-overlay {
    position: fixed;
    z-index: 1004;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background-color: rgba(0, 0, 0, .5)
  }
  #sidebar {
    overflow-y: auto;
    padding-bottom: 20px;
    min-height: auto;
    height: 100%
  }
  #sidebar, #sidebar:before {
    display: none
  }
  #sidebar.display {
    position: fixed;
    display: block !important
  }
  #sidebar .sidebar-collapse {
    display: none !important
  }
  #menu-toggler {
    display: block;
    position: static;
    margin-top: 0;
    float: left;
    margin-left: 10px;
    z-index: 1001;
    background-color: inherit;
    width: auto;
    padding: 0;
    cursor: pointer;
    text-decoration: none
  }
  #menu-toggler i {
    font-size: 30px
  }
  #menu-toggler:after, #menu-toggler:before {
    border-top: none;
    border-bottom: none
  }
  .nav-list > li .submenu > li {
    height: 50px;
    line-height: 50px
  }
  .nav-list > li .submenu > li > a {
    height: 50px
  }
  #sidebar::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: var(--color-border-section)
  }
  .breadcrumb-header-extra-text {
    margin-left: 30px !important
  }
}
#paywall-banner, #visible_workspace:hover i, #visible_workspace:hover span {
  color: var(--color-content-secondary)
}
#paywall-banner {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  margin-left: -35px;
  padding: 16px;
  border: 1px solid var(--basic_branding);
  border-radius: 0 0 8px 8px;
  background-color: var(--color-background-warning-subtle);
  font-size: 14px
}
#paywall-banner .text {
  max-width: 50%;
  display: flex;
  flex-direction: column
}
#paywall-banner .text .title {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-content-primary)
}
#paywall-banner .text .message {
  width: 100%;
  font-size: 16px
}
#paywall-banner .buttons {
  position: fixed;
  right: 16px;
  display: flex;
  justify-content: end;
  gap: 16px
}
#show-form-container #paywall-banner {
  margin-left: -15px
}
.menu-min ~ #main-container #paywall-banner {
  margin-left: -50px
}
.menu-min ~ #main-container #show-form-container #paywall-banner {
  margin-left: -30px
}
@media (max-width:991px) {
  #critical-alert-container {
    margin-left: 0 !important
  }
  #apply_changes_container {
    padding-left: 16px !important
  }
}
@media (max-width:620px) {
  #critical-alert-container + .breadcrumbs .page-content.new-background #sidebar-content {
    top: 86px !important
  }
  #trial_expiration u {
    display: block
  }
}
@media (min-width:490px) and (max-width:570px) {
  #critical-alert-container + .breadcrumbs + .page-content.new-background #sidebar-content .regions-settings-wrapper {
    margin-top: 90px;
    height: calc(100% - 165px)
  }
}
@media (max-width:512px) {
  body.responsive-mode #sidebar {
    width: 100%
  }
  #upload-container .dropdown-backdrop, #user_menu_container .dropdown-backdrop {
    opacity: .5;
    background-color: var(--color-background-inverse);
    z-index: 1007
  }
  #navbar-container button#apply-changes i, #navbar-container button#apply-changes > span {
    padding: 0 !important
  }
  #apply_chang#navbar-container span i.ds-push, #navbar-container span i.ds-check {
    font-size: 17px !important
  }
  #apply_changes_container #apply-changes {
    height: 34px;
    width: 34px !important
  }
  #apply_changes_container #apply-changes > span > span {
    display: none
  }
  #apply_changes_container #apply-changes > span > i {
    display: block !important
  }
}
@media (max-height:508px) {
  #sidebar.menu-min {
    position: relative
  }
}
#visible_workspace span.arrow_icon, #visible_workspace > .workspace_text.arrow_icon {
  position: absolute;
  right: 16px;
  width: 11px
}
#visible_workspace {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  color: var(--color-content-primary);
  display: inline-flex;
  align-items: center;
  padding: 8px 16px
}
#visible_workspace span.workspace {
  font-size: 20px
}
#visible_workspace > .workspace_text {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  align-self: flex-end;
  padding: 0 4px
}
#yconsole-back-button-container {
  height: 40px
}
#yconsole-back-button {
  border: 1px solid var(--color-brand-subtle-hover);
  background-color: var(--color-background-tertiary);
  border-radius: 8px;
  padding: 0;
  height: 40px;
  display: inline-flex;
  align-items: center
}
#yconsole-back-button .icon-arrow-left {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  width: 25px
}
#yconsole-back-button:hover {
  background-color: var(--color-border-section)
}
#yconsole-back-button span {
  padding-right: 16px
}
@media (max-width:390px) {
  #yconsole-back-button span {
    padding: 0 8px 0 6px
  }
}
#notificationsContainer {
  display: none;
  position: relative;
  height: 42px
}
#notificationsContainer .notifications-toggle {
  position: relative;
  background: 0 0;
  cursor: pointer;
  padding: 10px 12px
}
#notificationsContainer .notifications-toggle .notifications-icon {
  vertical-align: middle;
  color: var(--color-content-primary)
}
#notificationsContainer .notifications-toggle .notifications-icon:hover {
  color: var(--color-content-secondary)
}
#notificationsContainer .notifications-toggle .dot {
  position: absolute;
  top: 5px;
  right: 23%;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  min-height: 14px;
  min-width: 14px;
  padding: 4px;
  border-radius: 50%;
  background: var(--color-content-negative);
  aspect-ratio: 1/1
}
#notificationsContainer .notifications-toggle .dot.double-digit {
  padding: 2.5px;
  top: 2px;
  right: 16%
}
#notificationsContainer .notifications-toggle .dot .notification-count {
  color: var(--color-content-inverse);
  letter-spacing: 0 !important
}
#notificationsContainer .notifications-dropdown {
  position: absolute;
  top: 44px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none;
  flex-direction: column;
  row-gap: 24px;
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .15);
  color: var(--color-content-primary)
}
#notificationsContainer .notifications-dropdown .notifications-header {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  padding: 12px 12px 8px;
  font-weight: 700;
  border-bottom: 1px solid var(--color-border-default)
}
#notificationsContainer .notifications-dropdown .notifications-list-container {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  padding: 0 16px 32px;
  width: 480px;
  row-gap: 16px;
  max-height: 334px;
  overflow: auto;
  scrollbar-width: thin
}
#notificationsContainer .notifications-dropdown .notifications-list-container::-webkit-scrollbar {
  width: 6px
}
#notificationsContainer .notifications-dropdown .notifications-list-container:empty {
  padding: 0;
  margin-top: -16px
}
#notificationsContainer .notifications-dropdown .notifications-list-container:empty + .empty-notifications {
  display: flex
}
#notificationsContainer .notifications-dropdown .empty-notifications {
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  display: flex;
  display: none;
  row-gap: 16px;
  margin-bottom: 32px
}
#notificationsContainer .notifications-dropdown .empty-notifications div {
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  display: flex;
  row-gap: 8px
}
#notificationsContainer .notifications-dropdown .empty-notifications .empty-notifications-text {
  color: var(--color-content-secondary)
}
#notificationsContainer .notifications-dropdown .empty-notifications .empty-notifications-hint {
  color: var(--color-content-tertiary)
}
#notificationsContainer .notifications-dropdown .notifications-section-container {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  row-gap: 12px;
  width: 100%
}
#notificationsContainer .notifications-dropdown .notifications-section-header {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  color: var(--color-content-secondary);
  gap: 6px
}
#notificationsContainer .notifications-dropdown .notifications-section-header span:last-child {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
#notificationsContainer .notifications-dropdown .notifications-general-list, #notificationsContainer .notifications-dropdown .notifications-order-list, #notificationsContainer .notifications-dropdown .notifications-relevant-to-you-list {
  width: inherit;
  margin: 0 !important;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  row-gap: 12px
}
#notificationsContainer .notifications-dropdown .notifications-general-list .notification-item, #notificationsContainer .notifications-dropdown .notifications-order-list .notification-item, #notificationsContainer .notifications-dropdown .notifications-relevant-to-you-list .notification-item {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  padding: 12px;
  border-radius: 8px;
  transition: background .2s;
  text-wrap: nowrap;
  background-color: var(--color-background-primary)
}
#notificationsContainer .notifications-dropdown .notifications-general-list .notification-item.time-sensitive, #notificationsContainer .notifications-dropdown .notifications-order-list .notification-item.time-sensitive, #notificationsContainer .notifications-dropdown .notifications-relevant-to-you-list .notification-item.time-sensitive {
  border-left: 2px solid var(--color-border-warning)
}
#notificationsContainer .notifications-dropdown .notifications-general-list .notification-item .notification-details-container, #notificationsContainer .notifications-dropdown .notifications-order-list .notification-item .notification-details-container, #notificationsContainer .notifications-dropdown .notifications-relevant-to-you-list .notification-item .notification-details-container {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  row-gap: 4px;
  max-width: 68%;
  white-space: normal;
  color: var(--color-content-primary);
  text-decoration: none
}
#notificationsContainer .notifications-dropdown .notifications-general-list .notification-item .notification-details-container.notification-link, #notificationsContainer .notifications-dropdown .notifications-order-list .notification-item .notification-details-container.notification-link, #notificationsContainer .notifications-dropdown .notifications-relevant-to-you-list .notification-item .notification-details-container.notification-link {
  cursor: pointer
}
#notificationsContainer .notifications-dropdown .notifications-general-list .notification-item .notification-details-container.notification-link:hover, #notificationsContainer .notifications-dropdown .notifications-order-list .notification-item .notification-details-container.notification-link:hover, #notificationsContainer .notifications-dropdown .notifications-relevant-to-you-list .notification-item .notification-details-container.notification-link:hover {
  color: var(--color-content-notice)
}
#notificationsContainer .notifications-dropdown .notifications-general-list .notification-item .notification-details-container .notification-hint, #notificationsContainer .notifications-dropdown .notifications-order-list .notification-item .notification-details-container .notification-hint, #notificationsContainer .notifications-dropdown .notifications-relevant-to-you-list .notification-item .notification-details-container .notification-hint {
  text-wrap: auto
}
#notificationsContainer .notifications-dropdown .notifications-general-list .notification-item > button, #notificationsContainer .notifications-dropdown .notifications-order-list .notification-item > button, #notificationsContainer .notifications-dropdown .notifications-relevant-to-you-list .notification-item > button {
  max-width: 32%;
  display: inline-block
}
#notificationsContainer.opened .notifications-dropdown {
  display: flex
}
#notificationsContainer:has(.notifications-list-container:empty) .dot {
  display: none
}
@media (max-width:991px) {
  #notificationsContainer {
    height: unset;
    border: none;
    order: -1
  }
  #notificationsContainer .notifications-toggle {
    border-right: 1px solid var(--color-border-section)
  }
  #notificationsContainer .notifications-dropdown {
    -webkit-transform: none;
    transform: none;
    top: 38px;
    left: -275px;
    row-gap: 16px
  }
  #notificationsContainer .notifications-dropdown > .notifications-list-container {
    padding: 0 12px 16px
  }
  #notificationsContainer .notifications-dropdown > .empty-notifications {
    margin-bottom: 24px
  }
  .feature_has_workspaces #notificationsContainer .notifications-toggle {
    border: none !important
  }
  .feature_has_workspaces #notificationsContainer .notifications-dropdown {
    left: -284px
  }
}
@media (max-width:629px) {
  #notificationsContainer .notifications-dropdown {
    left: -238px;
    right: -172px
  }
  #notificationsContainer .notifications-dropdown .notifications-list-container {
    width: 100%
  }
  #notificationsContainer .notifications-dropdown .notifications-list-container .notification-item .notification-details-container {
    max-width: 55%
  }
  #notificationsContainer .notifications-dropdown .notifications-list-container .notification-item > button {
    max-width: 45%
  }
  .feature_has_workspaces #notificationsContainer .notifications-dropdown {
    left: -210px;
    right: -200px
  }
}
@media (max-width:540px) {
  #notificationsContainer .notifications-dropdown {
    position: fixed;
    inset: 0 !important;
    z-index: 1001;
    border: none;
    border-radius: 0
  }
  #notificationsContainer .notifications-dropdown .notifications-list-container {
    max-height: initial
  }
}
@media (max-width:400px) {
  #notificationsContainer ~ #nav_workspace_selector #visible_workspace {
    margin: 0
  }
}
.simplebar-track.simplebar-vertical {
  top: 0;
  right: 0;
  bottom: 5px;
  background-color: var(--color-background-inverse);
  width: 10px;
  border-radius: 15px
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar {
  width: 5px;
  border-radius: 28px;
  right: 2px
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  background: var(--color-border-section)
}
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start
}
.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit
}
.grid_td, .simplebar-mask, div .listing-grid .table-select {
  width: auto !important
}
.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: auto !important;
  z-index: 0
}
.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch
}
.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  visibility: visible;
  max-width: 100%;
  max-height: 100%;
  scrollbar-width: none
}
.simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none
}
.simplebar-content:after, .simplebar-content:before {
  content: ' ';
  display: table
}
.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none
}
.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0
}
.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1
}
.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden
}
[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none
}
[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all
}
.simplebar-scrollbar {
  position: absolute;
  right: 2px;
  width: 7px;
  min-height: 10px
}
.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: #000;
  border-radius: 7px;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity .2s linear
}
.simplebar-scrollbar.simplebar-visible:before {
  opacity: .5;
  transition: opacity 0s linear
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px
}
.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto
}
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0
}
.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll
}
.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none
}
#user-profile.subscription-row p.account-delete-text {
  color: var(--color-content-secondary)
}
#user-profile.subscription-row .account-billing .tab-content {
  border: none;
  padding: 0
}
#user-profile.subscription-row .account-billing .tab-content #history-list {
  margin-top: 0
}
#user-profile.subscription-row .account-billing .tab-content #history-list .status_label {
  padding: 8px 12px;
  border-radius: 30px;
  background-color: var(--color-background-tertiary);
  margin-right: 16px;
  color: var(--color-content-primary);
  font-size: 13px;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}
#user-profile.subscription-row .account-billing .tab-content #history-list .status_label .status_dot {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
  bottom: 1px;
  position: relative;
  vertical-align: middle
}
#user-profile.subscription-row .account-billing .tab-content #history-list .status_label.paid .status_dot {
  background-color: var(--color-background-positive)
}
#user-profile.subscription-row .account-billing .tab-content #history-list .status_label.cancelled .status_dot, #user-profile.subscription-row .account-billing .tab-content #history-list .status_label.void .status_dot {
  background-color: var(--color-background-negative)
}
#user-profile.subscription-row .account-billing .tab-content #history-list .status_label.invoiced .status_dot {
  background-color: var(--color-content-disabled)
}
#user-profile.subscription-row .account-billing .tab-content #history-list .status_label.awaiting_payment .status_dot, #user-profile.subscription-row .account-billing .tab-content #history-list .status_label.pending .status_dot {
  background-color: var(--basic_branding)
}
#user-profile.subscription-row .account-billing .tab-content #history-list .help-button {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  background-color: var(--color-background-tertiary);
  box-shadow: none;
  height: 18px !important;
  width: 18px !important
}
#user-profile.subscription-row .trial-info-banner {
  border-radius: 8px;
  border: 1px solid var(--basic_branding);
  background: var(--color-background-warning-subtle);
  display: flex;
  align-self: stretch;
  justify-content: space-between
}
@media (min-width:768px) {
  #user-profile.subscription-row .trial-info-banner {
    margin: 16px 30px
  }
}
@media (max-width:767px) {
  #user-profile.subscription-row .trial-info-banner {
    margin-bottom: 16px
  }
  #user-profile.subscription-row .subscription-header .subscription-back-button {
    max-width: 32px;
    max-height: 32px
  }
}
@media (max-width:480px) {
  #user-profile.subscription-row .trial-info-banner {
    flex-flow: column;
    padding-bottom: 16px
  }
}
#user-profile.subscription-row .trial-info-banner .trial-info-ribbon {
  color: var(--color-background-inverse);
  padding: 4px 8px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 7px 0;
  background: var(--basic_branding);
  position: absolute
}
#user-profile.subscription-row .trial-info-banner .trial-info-details {
  margin-left: 60px;
  height: 100%;
  justify-content: center;
  display: inline-flex;
  flex-flow: column
}
#user-profile.subscription-row .trial-info-banner .trial-info-details .trial-plan {
  margin-bottom: 8px;
  margin-top: 20px
}
#user-profile.subscription-row .trial-info-banner .trial-info-details .trial-days-left, .searched-tags, .ultra-selector-modal .modal-dialog .filters {
  margin-bottom: 20px
}
#user-profile.subscription-row .trial-info-banner button {
  margin: auto 24px
}
#user-profile.subscription-row .subscription-header {
  display: inline-flex
}
#user-profile.subscription-row .subscription-header .subscription-back-button {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  border: none;
  margin-right: 16px;
  border-radius: 8px;
  background: var(--color-background-tertiary);
  color: var(--color-content-primary);
  width: 40px;
  height: 40px;
  cursor: pointer;
  padding: 8px
}
#user-profile.subscription-row .subscription-header .subscription-back-button:hover {
  text-decoration: none
}
#user-profile.subscription-row .subscription-header .tab-header-title {
  margin-left: 0;
  margin-bottom: 0
}
#user-profile.subscription-row #history .subscription-header, #user-profile.subscription-row #orders .subscription-header {
  margin-left: 0
}
#user-profile.subscription-row .subscription-details {
  padding: 16px 24px;
  border-radius: 8px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-inverse)
}
@media (min-width:768px) {
  #user-profile.subscription-row .subscription-details {
    margin: 16px 30px 0
  }
  #user-profile.subscription-row .subscription-details .subscription-details-header .plan-pill {
    margin-left: 8px
  }
}
#user-profile.subscription-row .subscription-details .subscription-details-header {
  margin-bottom: 5px;
  color: var(--color-content-primary);
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex
}
@media (max-width:629px) {
  #user-profile.subscription-row .subscription-details .subscription-details-header {
    flex-flow: column;
    align-items: baseline
  }
  #user-profile.subscription-row .subscription-details .subscription-details-header .current-plan-name {
    margin-bottom: 16px
  }
}
#user-profile.subscription-row .subscription-details .subscription-details-header .current-plan-name {
  display: inherit;
  flex-wrap: wrap;
  margin-right: 8px;
  align-items: flex-start
}
@media (max-width:767px) {
  #user-profile.subscription-row .subscription-details .subscription-details-header .current-plan-name {
    flex-direction: column
  }
}
#user-profile.subscription-row .subscription-details .subscription-details-header .plan-pill {
  color: var(--color-content-secondary);
  text-align: center;
  text-transform: uppercase;
  border-radius: 8px;
  padding: 4px 8px;
  display: flex;
  align-items: center
}
#user-profile.subscription-row .subscription-details .subscription-details-header .plan-pill.free, #user-profile.subscription-row .subscription-details .subscription-details-header .plan-pill.not-free {
  border: 1px solid var(--basic_branding);
  background: var(--color-fill-image)
}
#user-profile.subscription-row .subscription-details .subscription-details-header #retryPayments {
  text-transform: capitalize
}
#user-profile.subscription-row .subscription-details .subscription-details-body {
  color: var(--color-content-secondary);
  display: flex;
  align-items: flex-start
}
@media (max-width:767px) {
  #user-profile.subscription-row .subscription-details .subscription-details-body {
    flex-wrap: wrap;
    margin-top: 16px
  }
}
#user-profile.subscription-row .subscription-details .subscription-details-body .col-1 {
  width: 100%;
  border-bottom: 1px solid var(--color-background-tertiary)
}
#user-profile.subscription-row .subscription-details .subscription-details-body .col-1 div {
  margin-bottom: 4px
}
@media (min-width:768px) {
  #user-profile.subscription-row .subscription-details .subscription-details-body .col-1 {
    max-width: 300px;
    border-bottom: none;
    margin-bottom: 0
  }
}
#user-profile.subscription-row .subscription-details .subscription-details-body .col-2 {
  margin-top: 8px;
  width: 100%
}
#user-profile.subscription-row .subscription-details .subscription-details-body .col-2 div {
  margin-bottom: 4px
}
@media (min-width:768px) {
  #user-profile.subscription-row .subscription-details .subscription-details-body .col-2 {
    margin-left: 32px;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0
  }
  #user-profile.subscription-row .addons-section {
    margin-inline: 30px
  }
}
#user-profile.subscription-row .subscription-details .subscription-details-body .card {
  display: flex
}
#user-profile.subscription-row .subscription-details .subscription-details-body .card #card-type-icon {
  margin-right: 8px;
  height: 13px
}
#user-profile.subscription-row .subscription-details #wire-transfer-info {
  display: inline;
  background: var(--color-background-secondary);
  border-radius: 4px;
  padding: 2px 4px
}
#user-profile.subscription-row .subscription-details .subscription-details-options {
  margin-top: 8px
}
#user-profile.subscription-row .subscription-details .subscription-details-options .subscription-details-option {
  cursor: pointer;
  border-top: 1px solid var(--color-background-tertiary);
  padding: 8px 0;
  color: var(--color-content-secondary);
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex
}
#user-profile.subscription-row .subscription-details .subscription-details-options .subscription-details-option .ds-angle-right {
  font-size: 24px;
  font-weight: 600
}
#user-profile.subscription-row .addons-section {
  position: relative;
  margin-block: 24px;
  display: flex;
  flex-direction: column;
  row-gap: 12px
}
#user-profile.subscription-row .addons-section .explore-more-addons {
  position: absolute;
  top: 0;
  right: 0;
  text-decoration: none
}
#user-profile.subscription-row .addons-section .installed-addons-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px
}
@media (max-width:768px) {
  #user-profile.subscription-row .addons-section .installed-addons-container {
    grid-template-columns: 1fr
  }
}
#user-profile.subscription-row .addons-section .installed-addons-container .installed-addon {
  position: relative;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  border-radius: 8px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-inverse)
}
#user-profile.subscription-row .addons-section .installed-addons-container .installed-addon:only-child {
  grid-column: 1/-1
}
#user-profile.subscription-row .addons-section .installed-addons-container .installed-addon .addon-icon {
  height: 24px;
  font-size: 20px;
  border-radius: 8px
}
#user-profile.subscription-row .addons-section .installed-addons-container .installed-addon .icon-container {
  padding: 2px;
  border-radius: 4px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-primary);
  font-size: 26px
}
#user-profile.subscription-row .addons-section .installed-addons-container .installed-addon .addon-action-button {
  margin-left: auto;
  background: 0 0;
  color: var(--color-content-primary);
  border: none
}
#user-profile.subscription-row .addons-section .explore-available-addons {
  padding: 16px;
  display: flex;
  align-items: center;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  border-radius: 8px;
  border: 1px solid var(--color-border-default);
  background: var(--gradient-gift-card);
  color: var(--color-content-primary);
  text-decoration: none
}
#user-profile.subscription-row .addons-section .explore-available-addons .icon-container {
  padding: 12px;
  border-radius: 6px;
  background: linear-gradient(316deg, #fce2d4 .5%, #f26f26 115%);
  color: #fff;
  font-size: 26px
}
html.dark #user-profile.subscription-row .addons-section .explore-available-addons .icon-container {
  background: var(--color-background-inverse)
}
#user-profile.subscription-row .addons-section .explore-available-addons .arrow-right {
  margin-left: auto
}
@media (min-width:768px) {
  #user-profile.subscription-row .quick-links {
    margin: 24px 30px 0
  }
  #user-profile.subscription-row .quick-links .quick-links-container {
    grid-template-columns: repeat(2, 1fr)
  }
}
#user-profile.subscription-row .quick-links .quick-links-title {
  color: var(--color-content-secondary);
  font-size: 16px
}
#user-profile.subscription-row .quick-links .quick-links-container {
  margin-top: 12px;
  display: grid;
  -webkit-column-gap: 32px;
  -moz-column-gap: 32px;
  column-gap: 32px;
  row-gap: 11px
}
#user-profile.subscription-row .quick-links .quick-links-container .quick-link {
  padding: 8px 16px;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  border-radius: 8px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-inverse);
  cursor: pointer
}
#user-profile.subscription-row .quick-links .quick-links-container .quick-link .quick-link-content {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex
}
#user-profile.subscription-row .quick-links .quick-links-container .quick-link .quick-link-content img {
  margin-right: 12px;
  height: 32px;
  -webkit-filter: var(--filter);
  filter: var(--filter)
}
#user-profile.subscription-row .quick-links .quick-links-container .quick-link .quick-link-content .quick-link-text {
  display: flex;
  flex-direction: column;
  gap: 4px
}
#user-profile.subscription-row .account-subscription-button {
  padding: 10px 20px;
  border-radius: 8px;
  margin-right: 10px
}
#user-profile.subscription-row .account-subscription-button#add-screens {
  color: var(--color-background-inverse);
  background-color: var(--basic_branding)
}
#user-profile.subscription-row .account-subscription-button#add-screens:hover {
  background-color: color-mix(in srgb, var(--basic_branding), #000 10%)
}
#user-profile.subscription-row .account-subscription-button#change-plan, #user-profile.subscription-row .account-subscription-button#reduce-screens {
  background: 0 0;
  border: 1px solid var(--color-border-default);
  color: var(--color-content-primary)
}
#user-profile.subscription-row .account-subscription-button#change-plan:hover, #user-profile.subscription-row .account-subscription-button#reduce-screens:hover, .table-header .listing-breadcrumb-path .breadcrumb-ellipsis-container a.dropdown-toggle:active, .table-header .listing-breadcrumb-path .breadcrumb-ellipsis-container a.dropdown-toggle:focus, .table-header .listing-breadcrumb-path .breadcrumb-ellipsis-container a.dropdown-toggle:hover, .table-header .listing-breadcrumb-path .breadcrumb-ellipsis-container.open a.dropdown-toggle, .table-header .listing-breadcrumb-path .breadcrumb-item:not(.current):hover {
  background-color: var(--color-background-tertiary)
}
#user-profile.subscription-row .address-form-view .address-form-header {
  margin-bottom: 16px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center
}
@media (max-width:767px) {
  #user-profile.subscription-row .address-form-view .address-form-header .primary-button {
    margin-right: 0;
    max-width: 65px;
    min-width: 0;
    max-height: 35px;
    display: flex;
    padding: 8px 16px
  }
}
@media (max-width:629px) {
  #user-profile.subscription-row .address-form-view .address-form-header {
    flex-flow: column
  }
  #user-profile.subscription-row .address-form-view .address-form-header .subscription-header {
    align-self: baseline
  }
  #user-profile.subscription-row .address-form-view .address-form-header .address-form-header-buttons {
    bottom: 0;
    right: 0;
    position: fixed;
    background: var(--color-background-inverse);
    box-shadow: 0 -1px 12px rgba(0, 0, 0, .1);
    width: 100%;
    z-index: 1001;
    height: auto;
    padding: 16px
  }
  #user-profile.subscription-row .address-form-view .address-form-header .address-form-header-buttons button {
    margin-left: auto
  }
}
#user-profile.subscription-row .address-form-view .address-form {
  border-radius: 8px;
  border: 1px solid var(--color-brand-subtle-hover);
  padding: 24px 32px 32px
}
#user-profile.subscription-row .address-form-view .address-form input[type=checkbox] {
  accent-color: color-mix(in srgb, var(--basic_branding), #000 10%)
}
#user-profile.subscription-row .address-form-view .address-form .form-group {
  margin-bottom: 0
}
#user-profile.subscription-row .address-form-view .address-form .form-control {
  background: var(--color-background-inverse);
  display: flex;
  align-items: center;
  padding: 12px 12px 12px 16px
}
#user-profile.subscription-row .form-group.field-saml_settings.sp_entityId .input-group {
  display: flex;
  align-items: center
}
#user-profile.subscription-row .tabbable ul.nav-tabs > li {
  height: 36px
}
#user-profile.subscription-row .tabbable ul > li.billing-address-tab a {
  line-height: 15px
}
#user-profile.subscription-row .validation button {
  display: inline-flex;
  white-space: initial;
  min-width: 20px;
  width: 44px;
  height: 44px
}
#user-profile.subscription-row .validation button i {
  font-size: 18px
}
#user-profile.subscription-row .validation .validated {
  display: none;
  pointer-events: none
}
#user-profile.subscription-row .validation.validated .validated {
  display: inline-flex
}
#user-profile.subscription-row .validation.validated .notvalidated {
  display: none
}
@media (max-width:767px) {
  #user-profile.subscription-row .new-tabs {
    display: block
  }
}
#user-profile.subscription-row .shipping-grid-view-template .address-grid-header {
  margin-bottom: 32px
}
#user-profile.subscription-row .shipping-grid-view-template .shipping-addresses-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 16px
}
@media (max-width:400px) {
  #user-profile.subscription-row .shipping-grid-view-template .shipping-addresses-grid {
    grid-template-columns: 1fr
  }
}
#user-profile.subscription-row .shipping-grid-view-template .shipping-addresses-grid .grid-item {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  align-self: stretch;
  border-radius: 8px
}
#user-profile.subscription-row .shipping-grid-view-template .shipping-addresses-grid .grid-item.address-grid-actions {
  border: 1px dashed var(--color-border-default);
  background: var(--color-background-inverse);
  gap: 16px;
  padding: 12px 24px
}
#user-profile.subscription-row .shipping-grid-view-template .shipping-addresses-grid .grid-item.address-grid-actions #addNewShipping {
  width: 100%
}
#user-profile.subscription-row .shipping-grid-view-template .shipping-addresses-grid .grid-item.address-grid-item {
  border-radius: 8px;
  background: var(--color-background-inverse);
  border: 1px solid transparent;
  transition: border-color .2s
}
#user-profile.subscription-row .shipping-grid-view-template .shipping-addresses-grid .grid-item.address-grid-item.default-address {
  border-color: var(--color-border-notice)
}
#user-profile.subscription-row .shipping-grid-view-template .shipping-addresses-grid .grid-item.address-grid-item .address-header {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 12px;
  border-bottom: 1px solid var(--color-border-default);
  padding: 12px 24px;
  height: 48px;
  padding-top: 12px;
  width: 100%
}
#user-profile.subscription-row .shipping-grid-view-template .shipping-addresses-grid .grid-item.address-grid-item .address-header:hover {
  background: var(--color-background-secondary);
  border-radius: 8px 8px 0 0
}
#user-profile.subscription-row .shipping-grid-view-template .shipping-addresses-grid .grid-item.address-grid-item .address-header .address-title {
  display: flex;
  align-items: center;
  gap: 8px
}
#user-profile.subscription-row .shipping-grid-view-template .shipping-addresses-grid .grid-item.address-grid-item .address-header .address-title .default-pill {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 10px;
  border-radius: 16px;
  border: 1px solid var(--color-border-notice);
  background: var(--color-background-notice-subtle);
  height: 24px;
  padding: 2px 6px
}
#user-profile.subscription-row .shipping-grid-view-template .shipping-addresses-grid .grid-item.address-grid-item .address-header .address-action-button {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 10px;
  width: 24px;
  height: 24px;
  padding: 5px 9px;
  border: none;
  background: 0 0;
  color: var(--color-content-primary)
}
#user-profile.subscription-row .shipping-grid-view-template .shipping-addresses-grid .grid-item.address-grid-item .address-header .address-action-button:hover {
  cursor: pointer;
  aspect-ratio: 1/1;
  border-radius: 4px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-primary)
}
#user-profile.subscription-row .shipping-grid-view-template .shipping-addresses-grid .grid-item.address-grid-item .address-header .address-dropdown-menu {
  display: none
}
#user-profile.subscription-row .shipping-grid-view-template .shipping-addresses-grid .grid-item.address-grid-item .address-header .address-dropdown-menu.opened {
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  width: 151px;
  padding: 8px 0;
  top: 119%;
  left: -120px
}
#user-profile.subscription-row .shipping-grid-view-template .shipping-addresses-grid .grid-item.address-grid-item .address-header .address-dropdown-menu.opened li {
  color: var(--color-content-primary);
  display: flex;
  padding: 12px;
  align-items: center;
  align-self: stretch;
  border-radius: 4px;
  gap: 8px
}
#user-profile.subscription-row .shipping-grid-view-template .shipping-addresses-grid .grid-item.address-grid-item .address-header .address-dropdown-menu.opened li:hover {
  text-decoration: none;
  background-color: var(--color-background-secondary);
  cursor: pointer
}
#user-profile.subscription-row .shipping-grid-view-template .shipping-addresses-grid .grid-item.address-grid-item .address-body {
  gap: 8px;
  display: flex;
  width: 100%;
  padding: 16px 24px 24px;
  flex-wrap: nowrap;
  flex-direction: column
}
#user-profile.subscription-row .shipping-grid-view-template .shipping-addresses-grid .grid-item.address-grid-item .address-body .address-line {
  display: flex
}
#user-profile.subscription-row .shipping-grid-view-template .shipping-addresses-grid .grid-item.address-grid-item .address-body .address-line .col {
  max-width: 50%;
  color: var(--color-content-secondary);
  padding-right: 8px;
  word-break: break-word
}
#user-profile.subscription-row .shipping-grid-view-template .shipping-addresses-grid .grid-item.address-grid-item .address-body .address-line .col.col-2 {
  border-left: 1px solid var(--color-content-secondary);
  padding-left: 8px
}
#user-profile.subscription-row .shipping-grid-view-template .shipping-addresses-grid .grid-item.address-grid-item:hover {
  border-color: var(--color-border-focus)
}
.address-form-container .use-billing-flag .use-billing-container {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex
}
.address-form-container .use-billing-flag .use-billing-container .field-is_default_shipping {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  flex-direction: row-reverse
}
.address-form-container .use-billing-flag .use-billing-container input[type=checkbox] {
  accent-color: color-mix(in srgb, var(--basic_branding), #000 10%);
  cursor: pointer
}
.address-form-container .use-billing-flag .use-billing-container label {
  margin-bottom: 0;
  margin-left: 5px
}
.action-buttons-sibling, .action-buttons-sibling::after {
  clear: both
}
.action-buttons-sibling::after, .action-buttons-sibling::before {
  display: table;
  content: ' '
}
.table-header {
  background-color: transparent;
  color: var(--color-content-primary);
  padding-left: 0;
  display: flex;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px
}
.table-header .widget-toolbar {
  margin-left: auto;
  padding: 0;
  display: flex
}
.table-header .widget-toolbar .toggle_container {
  margin-right: 15px
}
.table-header .widget-toolbar.monitor-grid-toolbar .btn-section-grid {
  margin-left: auto
}
.table-header .widget-toolbar.monitor-grid-toolbar .btn-section-grid > label {
  border-radius: 5px !important
}
.table-header .widget-toolbar .add-folder-container {
  display: none
}
.table-header .widget-toolbar .preview_graph_container, .table-header .widget-toolbar .reload_container, .table-header .widget-toolbar .toggle_container, .table-header .widget-toolbar .update_all_monitors {
  cursor: pointer
}
.table-header .widget-toolbar .preview_graph_container a, .table-header .widget-toolbar .reload_container a, .table-header .widget-toolbar .toggle_container a, .table-header .widget-toolbar .update_all_monitors a {
  text-decoration: none;
  line-height: 120%
}
.table-header .widget-toolbar .preview_graph_container i, .table-header .widget-toolbar .reload_container i, .table-header .widget-toolbar .toggle_container i, .table-header .widget-toolbar .update_all_monitors i {
  font-size: 22px
}
.table-header .listing-breadcrumb-all, .table-header .listing-breadcrumb-path {
  position: absolute;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.table-header .listing-breadcrumb-all i.fa-chevron-right, .table-header .listing-breadcrumb-path i.fa-chevron-right {
  font-size: 13px
}
.table-header .listing-breadcrumb-path {
  margin-left: -5px
}
.table-header .listing-breadcrumb-path .breadcrumb-item {
  padding: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 165px
}
.table-header .listing-breadcrumb-path .breadcrumb-item:not(.current) {
  cursor: pointer
}
.table-header .listing-breadcrumb-path .breadcrumb-item:not(.current):hover {
  border-radius: 5px
}
.table-header .listing-breadcrumb-path i:not(.fa-ellipsis-h):not(.fa-building) {
  padding: 0 8px
}
.table-header .listing-breadcrumb-path i.fa-building {
  padding: 0 5px
}
.table-header .listing-breadcrumb-path .breadcrumb-ellipsis-container {
  position: relative
}
.table-header .listing-breadcrumb-path .breadcrumb-ellipsis-container a.dropdown-toggle {
  color: var(--color-content-primary);
  border-radius: 5px;
  padding: 5px 8px;
  text-decoration: none;
  display: flex;
  align-items: center
}
.table-header .listing-breadcrumb-path .hidden-breadcrumb-items {
  border-color: transparent !important;
  box-shadow: 0 4px 21px rgba(0, 0, 0, .1);
  width: 187px;
  max-width: 187px;
  border-radius: 7px !important;
  max-height: 414px;
  left: -10px;
  top: 25px;
  padding: 8px
}
.table-header .listing-breadcrumb-path .hidden-breadcrumb-items li {
  width: 100%;
  padding: 4px 8px
}
.table-header .listing-breadcrumb-path .hidden-breadcrumb-items li:hover {
  background-color: var(--color-background-primary);
  border-radius: 4px
}
.searched-tags {
  display: flex;
  flex-direction: row
}
.searched-tags.not-visible {
  margin-bottom: 0;
  height: 0
}
.searched-tags span.searched_tag {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--color-background-tertiary);
  border-radius: 8px;
  padding: 3px 8px;
  margin-right: 8px
}
.searched-tags span.searched_tag .remove-tag::after {
  content: '\e978';
  font-size: 14px;
  font-family: ds-app-font;
  margin-left: 6px;
  color: var(--color-content-tertiary);
  cursor: pointer
}
.searched-tags .clear-all-tags {
  font-weight: 600;
  font-size: 12px;
  color: var(--color-content-tertiary);
  text-decoration: underline;
  margin: auto 0;
  cursor: pointer
}
.dataTables_wrapper .row:first-child, .dataTables_wrapper .row:last-child {
  background-color: transparent;
  border: none
}
.dataTables_wrapper .row:first-child {
  padding: 0;
  padding-bottom: 16px
}
.dataTables_wrapper .row:first-child div[class^=col-]:first-child {
  padding-left: 0;
  color: var(--color-content-tertiary);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px
}
.dataTable .deleteModel.btn-xs, .dataTable .editModel.btn-xs, .dataTable .moveModel.btn-xs, .table .duplicateModel {
  line-height: 21px
}
.dataTables_wrapper .row:first-child div[class^=col-]:first-child label {
  margin-bottom: 0;
  justify-content: normal;
  align-items: center;
  flex-direction: row;
  display: flex
}
.dataTables_wrapper .row:first-child div[class^=col-]:first-child label select {
  background-color: transparent;
  border: none;
  width: auto;
  padding: 0;
  height: auto;
  font-weight: 600;
  cursor: pointer;
  margin: 0
}
.dataTables_wrapper > .row > .col-sm-12 {
  width: 100%;
  padding: 0
}
.dataTable {
  -webkit-user-select: none;
  user-select: none
}
.dataTable th.sorting_disabled {
  color: #707070
}
.dataTable tr.disabled {
  pointer-events: none;
  opacity: 1
}
.dataTable tr.disabled td {
  pointer-events: none
}
.dataTable tr.disabled td.actions {
  pointer-events: initial;
  opacity: 1
}
.dataTable tr.disabled td.actions .deleteModel.disabled, .dataTable tr.disabled td.actions button {
  opacity: .5;
  pointer-events: none
}
.dataTable tr.disabled td.actions .dropdown-menu.dropdown_menu {
  pointer-events: initial;
  opacity: 1
}
#mainTable table:not(.window-resize) tbody tr.disabled td.actions-table-cell .actions-container, #mainTable table:not(.window-resize) tbody tr.disabled td:not(.actions-table-cell) > *, .danger-button.disabled, .danger-button[disabled], .form-delete-button.disabled, .form-delete-button[disabled], .ghost-button-danger.disabled, .ghost-button-danger[disabled], .ghost-button-dark.disabled, .ghost-button-dark[disabled], .ghost-button.disabled, .ghost-button[disabled], .magenta-button.disabled, .magenta-button[disabled], .only-border-button-danger.disabled, .only-border-button-danger[disabled], .only-border-button.disabled, .only-border-button[disabled], .primary-button.disabled, .primary-button[disabled], .secondary-button.disabled, .secondary-button[disabled], .tertiary-button-dark.disabled, .tertiary-button-dark[disabled], .tertiary-button-light.disabled, .tertiary-button-light[disabled], .ultra-selector-items-main-container .search-item-container .search-filters-container .filters-container .filter-playlists-container .disabled-option, .unavailable-app {
  opacity: .5
}
.dataTable tr.disabled td.table-select {
  pointer-events: initial
}
.table {
  table-layout: fixed;
  word-wrap: break-word
}
.table tbody > tr > td {
  vertical-align: middle
}
.table-auto-size .table {
  table-layout: auto
}
@media (min-width:992px) {
  #mainTable.listing-flat thead {
    background: var(--color-background-tertiary)
  }
}
#mainTable .dataTables_length select {
  height: 28px
}
#mainTable .dataTables_length .dataTables_info {
  display: flex
}
#mainTable .dataTables_length a.dropdown-toggle {
  color: var(--color-content-primary);
  text-decoration: none;
  display: flex;
  align-items: center
}
#mainTable .dataTables_length a.dropdown-toggle > i {
  font-size: 16px
}
#mainTable .dataTables_length .page-length-container {
  margin-left: 5px
}
#mainTable .dataTables_length .page-length-container .selected-length {
  padding-right: 5px
}
#mainTable .dataTables_length .page-length-container .dropdown-toggle i.ds-angle-down {
  display: block
}
#mainTable .dataTables_length .page-length-container .dropdown-toggle i.ds-angle-up, #mainTable .dataTables_length .page-length-container.open .dropdown-toggle i.ds-angle-down {
  display: none
}
#mainTable .dataTables_length .page-length-container.open .dropdown-toggle i.ds-angle-up {
  display: block
}
#mainTable .dataTables_length .page-length-items {
  top: 20px;
  padding: 0;
  border-radius: 7px !important;
  background-color: var(--color-background-inverse);
  text-align: center;
  left: 50px;
  min-width: 40px
}
#mainTable .dataTables_length .page-length-items > li {
  color: var(--color-content-primary);
  font-size: 12px;
  font-weight: 600;
  line-height: 19px;
  cursor: pointer
}
#mainTable .dataTables_length .page-length-items > li:not(:last-child) {
  margin-bottom: 5px
}
#mainTable .dataTables_length .page-length-items > li.selected {
  background-color: var(--color-background-primary);
  border-radius: 5px
}
#mainTable .dataTables_length > label {
  position: relative
}
#mainTable .dataTables_length .dataTables_info, #mainTable .dataTables_length > label {
  font-size: 12px
}
#mainTable .overflow-grid-name-tooltip .tooltip-inner, #mainTable .overflow-tags-tooltip .tooltip-inner {
  background-color: var(--color-content-primary);
  color: var(--color-background-inverse);
  border-radius: 5px;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  display: flex
}
#mainTable .overflow-grid-name-tooltip .tooltip-inner span, #mainTable .overflow-tags-tooltip .tooltip-inner span {
  padding: 5px;
  margin: 2px
}
#mainTable table:not(.window-resize) {
  border-collapse: separate;
  border-spacing: 0 5px;
  width: 100% !important;
  background-color: transparent;
  table-layout: fixed
}
#mainTable table:not(.window-resize) .select-container {
  position: relative
}
#mainTable table:not(.window-resize) tbody tr.grid-view-item .table-checkbox {
  left: 0
}
#mainTable table:not(.window-resize) tbody tr:not(.grid-view-item) th:first-of-type, #mainTable table:not(.window-resize) thead tr th:first-of-type {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px
}
#mainTable table:not(.window-resize) tbody tr:not(.grid-view-item) th:last-of-type, #mainTable table:not(.window-resize) thead tr th:last-of-type {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px
}
#mainTable table:not(.window-resize) tbody tr:not(.grid-view-item) .table-checkbox, #mainTable table:not(.window-resize) thead tr .table-checkbox {
  left: 20px
}
#mainTable table:not(.window-resize) thead tr {
  background: 0 0
}
#mainTable table:not(.window-resize) thead tr th {
  padding: 12px;
  color: var(--color-content-primary);
  font-size: 12px !important;
  letter-spacing: .04em !important;
  font-weight: 400 !important;
  border: none;
  outline: 0;
  text-transform: uppercase
}
@media (max-width:768px) {
  #mainTable table:not(.window-resize) thead tr th {
    font-size: 12px !important;
    letter-spacing: .04em !important
  }
}
#mainTable table:not(.window-resize) thead tr th.table-select {
  width: 80px
}
#mainTable table:not(.window-resize) thead tr th.table-select .checkbox-label {
  background: var(--color-background-inverse);
  width: 18px;
  margin-left: auto;
  margin-right: auto
}
#mainTable table:not(.window-resize) thead tr th.sorting_asc, #mainTable table:not(.window-resize) thead tr th.sorting_desc {
  background: 0 0
}
#mainTable table:not(.window-resize) thead tr th[class*=sort]:not(.sorting_disabled) {
  cursor: pointer
}
#mainTable table:not(.window-resize) thead tr th[class*=sort]:not(.sorting_disabled):after {
  float: none;
  color: var(--color-content-tertiary);
  left: 5px;
  display: inline-block;
  font-size: 12px;
  scale: 1.4;
  font-family: ds-app-font;
  content: '\e963';
  margin-right: 4px;
  position: relative
}
#mainTable table:not(.window-resize) thead tr th[class*=sort]:not(.sorting_disabled).sorting_desc:after {
  content: '\e962' !important
}
#mainTable table:not(.window-resize) thead tr th[class*=sort]:not(.sorting_disabled).sorting_asc:after {
  content: '\e962' !important;
  -webkit-transform: rotate(.5turn);
  transform: rotate(.5turn)
}
#mainTable table:not(.window-resize) thead tr th.actions-table-cell {
  width: 92px;
  text-align: center
}
#mainTable table:not(.window-resize).treeTable > thead tr th.actions-table-cell {
  width: 82px !important;
  padding-left: 0
}
#mainTable table:not(.window-resize).treeTable td.actions-table-cell, #mainTable table:not(.window-resize).treeTable thead tr th.actions-table-cell {
  width: 82px !important
}
#mainTable table:not(.window-resize).treeTable td.actions-table-cell ul.dropdown_menu.dropdown-menu {
  visibility: hidden;
  right: 0
}
#mainTable table:not(.window-resize) tbody:not(.listing-grid-view-container):before {
  content: '@';
  display: block;
  line-height: 12px;
  text-indent: -99999px
}
#mainTable table:not(.window-resize) tbody tr.dt-hasChild + tr > td table tbody:before, .secondary-table-object-list .roles-other-workspace > li:after, .secondary-table-object-list .roles-other-workspace > li:before, .secondary-table-object-list .roles-other-workspace > li > .items-container .other-sub-role-wrapper .cell-content.inline-editor ul.single-item-list li:before, .ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view .widget-body .widget-main #folderTree .tree-branch:after, .ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view .widget-body .widget-main #folderTree .tree-branch:before, .ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch .tree-branch-children:before, .ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view .widget-body .widget-main #folderTree:before {
  content: none
}
#mainTable table:not(.window-resize) tbody.listing-grid-view-container tr.empty-row {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex
}
#mainTable table:not(.window-resize) tbody tr {
  background-color: var(--color-background-inverse);
  height: 70px;
  max-height: 70px
}
#mainTable table:not(.window-resize) tbody tr:not(.grid-view-item) {
  border-bottom: 5px solid var(--color-border-default)
}
#mainTable table:not(.window-resize) tbody tr:not(.empty-row):hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, .1)
}
#mainTable table:not(.window-resize) tbody tr.empty-row {
  border-radius: 5px
}
#mainTable table:not(.window-resize) tbody tr.empty-row td {
  padding: 16px 8px 16px 32px
}
#mainTable table:not(.window-resize) tbody tr td {
  border-style: solid;
  border-color: transparent;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400
}
#mainTable table:not(.window-resize) tbody tr td:not(.tag-items-cell):not(.media-type-cell) {
  padding: 16px 8px;
  font-size: 14px
}
#mainTable table:not(.window-resize) tbody tr td.media-type-cell .media-type-cell-icon {
  font-size: 20px
}
#mainTable table:not(.window-resize) tbody tr td .open-folder {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
#mainTable table:not(.window-resize) tbody tr td:not(:first-child):not(:last-child) {
  border-width: 1px 0
}
#mainTable table:not(.window-resize) tbody tr td .folder-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
#mainTable table:not(.window-resize) tbody tr td .folder-container .folder-list-icon {
  font-size: 32px
}
#mainTable table:not(.window-resize) tbody tr td .preview-container {
  border: 4px solid var(--color-brand-subtle);
  background-color: var(--color-brand-subtle)
}
#mainTable table:not(.window-resize) tbody tr td .folder-container, #mainTable table:not(.window-resize) tbody tr td .preview-container {
  width: 50px;
  min-width: 50px;
  height: 38px;
  margin-right: 11px
}
#mainTable table:not(.window-resize) tbody tr td .folder-container:hover a.source > i, #mainTable table:not(.window-resize) tbody tr td .preview-container:hover a.source > i {
  display: block;
  text-decoration: none
}
#mainTable table:not(.window-resize) tbody tr td .folder-container img, #mainTable table:not(.window-resize) tbody tr td .preview-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  background-color: transparent
}
#mainTable table:not(.window-resize) tbody tr td .folder-container a.source, #mainTable table:not(.window-resize) tbody tr td .preview-container a.source {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
#mainTable table:not(.window-resize) tbody tr td .folder-container a.source > i, #mainTable table:not(.window-resize) tbody tr td .preview-container a.source > i {
  text-decoration: none;
  display: none
}
#mainTable table:not(.window-resize) tbody tr td.item-name-preview {
  max-width: 345px
}
#mainTable table:not(.window-resize) tbody tr td.item-name-preview .parent_folder_search {
  color: var(--color-content-tertiary);
  font-size: 12px;
  cursor: pointer;
  margin-top: 1px
}
#mainTable table:not(.window-resize) tbody tr td.item-name-preview .parent_folder_search:hover {
  text-decoration: underline
}
#mainTable table:not(.window-resize) tbody tr td.workspace-column > span {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
#mainTable table:not(.window-resize) tbody tr td .item-name.editModel {
  cursor: pointer
}
#mainTable table:not(.window-resize) tbody tr td .item-name .item-name-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
#mainTable table:not(.window-resize) tbody tr td:first-child {
  border-radius: 5px 0 0 5px !important;
  border-width: 1px 0 1px 1px
}
#mainTable table:not(.window-resize) tbody tr td:last-child {
  border-radius: 0 5px 5px 0 !important;
  border-width: 1px 1px 1px 0
}
#mainTable table:not(.window-resize) tbody tr td.dataTables_empty {
  border-radius: 5px !important;
  padding-left: 25px
}
#mainTable table:not(.window-resize) tbody tr td.item-data-dark {
  color: var(--color-content-primary)
}
#mainTable table:not(.window-resize) tbody tr td.item-data-dark:not(.colapsable1):not(.colapsable2):not(.colapsable3):not(.column1) .item-name-preview-container {
  font-weight: 600
}
#mainTable table:not(.window-resize) tbody tr td.item-data-dark .item-name-preview-container {
  color: var(--color-content-primary);
  justify-content: normal;
  align-items: center;
  flex-direction: row;
  display: flex
}
#mainTable table:not(.window-resize) tbody tr td.item-data-dark .item-name-preview-container .editModel {
  cursor: pointer
}
#mainTable table:not(.window-resize) tbody tr td.item-data-dark .item-name-preview-container .name-container {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all
}
#mainTable table:not(.window-resize) tbody tr td.item-data-dark .item-name-preview-container .name-container .item-name > i {
  padding: 0 5px
}
#mainTable table:not(.window-resize) tbody tr td.item-data-dark .icon-wrapper {
  position: relative;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  border-color: var(--color-brand-subtle);
  background-color: var(--color-brand-subtle);
  border-style: solid
}
#mainTable table:not(.window-resize) tbody tr td.item-data-dark .text-icon-column {
  display: flex;
  align-items: center;
  gap: 8px
}
#mainTable table:not(.window-resize) tbody tr td.item-data-mid {
  color: var(--color-content-secondary)
}
#mainTable table:not(.window-resize) tbody tr td .overflow-container {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
#mainTable table:not(.window-resize) tbody tr td.description-cell {
  max-width: 300px
}
#mainTable table:not(.window-resize) tbody tr td.tag-items-cell {
  max-height: 70px;
  padding: 2px 8px 6px
}
#mainTable table:not(.window-resize) tbody tr td.tag-items-cell .tags-container {
  max-height: 52px;
  display: flex;
  flex-wrap: wrap;
  max-width: 90%;
  align-items: center;
  overflow: hidden;
  position: relative
}
#mainTable table:not(.window-resize) tbody tr td.tag-items-cell .tags-container .total-overflow-items {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: var(--color-content-secondary);
  height: 22px;
  padding: 6px 2px;
  margin-top: 4px;
  display: flex;
  align-items: center;
  cursor: pointer
}
#mainTable table:not(.window-resize) tbody tr td.tag-items-cell .tags-container .tag-item {
  height: 22px;
  border-radius: 5px;
  background-color: var(--color-brand-subtle);
  padding: 2px;
  color: var(--color-content-secondary);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  min-width: 0;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  margin-right: 4px;
  margin-top: 4px
}
#mainTable table:not(.window-resize) tbody tr td.tag-items-cell .tags-container .tag-item .tag-name {
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: inline-block !important;
  white-space: nowrap !important;
  padding: 6px;
  max-width: 160px
}
#mainTable table:not(.window-resize) tbody tr td.tag-items-cell .tags-container .tag-item.highlighted {
  background-color: #fce2d4
}
#mainTable table:not(.window-resize) tbody tr td.actions-table-cell {
  text-align: center;
  width: 60px
}
#mainTable table:not(.window-resize) tbody tr td.actions-table-cell .btn-group.open .actions-container > span {
  background-color: var(--color-brand-subtle);
  border-radius: 20px;
  color: var(--color-content-primary)
}
#mainTable table:not(.window-resize) tbody tr td.actions-table-cell .actions-container {
  cursor: pointer;
  color: var(--color-content-primary);
  text-decoration: none
}
#mainTable table:not(.window-resize) tbody tr td.actions-table-cell .actions-container .actions-container:hover {
  text-decoration: none
}
#mainTable table:not(.window-resize) tbody tr td.actions-table-cell .actions-container.disabled-actions {
  color: var(--color-border-section);
  pointer-events: none;
  display: block
}
#mainTable table:not(.window-resize) tbody tr td.actions-table-cell .actions-container:hover > span {
  background-color: var(--color-brand-subtle);
  border-radius: 20px
}
#mainTable table:not(.window-resize) tbody tr td.actions-table-cell .actions-container > span {
  font-size: 16px;
  line-height: 31px;
  width: 31px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
#mainTable table:not(.window-resize) tbody tr td.actions-table-cell .dropdown-backdrop + ul.dropdown_menu, #mainTable table:not(.window-resize) tbody tr td.actions-table-cell ul.dropdown_menu {
  right: 50px;
  top: 10px;
  left: auto;
  text-align: left
}
#mainTable table:not(.window-resize) tbody tr td.table-select {
  width: 60px;
  max-width: 60px
}
#mainTable table:not(.window-resize) tbody tr td .highlighted {
  color: #000;
  background-color: #fce2d4
}
#mainTable table:not(.window-resize) tbody tr.selected:not(.disabled) td {
  border-style: solid;
  border-color: var(--basic_branding)
}
#mainTable table:not(.window-resize) tbody tr.selected.disabled td {
  pointer-events: initial;
  border-color: rgba(var(--basic_branding_rgb), .5)
}
#mainTable table:not(.window-resize) tbody tr.dt-hasChild + tr {
  background-color: transparent
}
#mainTable table:not(.window-resize) tbody tr.dt-hasChild + tr:hover {
  box-shadow: none
}
#mainTable table:not(.window-resize) tbody tr.dt-hasChild + tr .dataTables_wrapper {
  margin-bottom: -5px;
  margin-top: -10px
}
@supports (-moz-appearance:none) {
  #mainTable table:not(.window-resize) tbody tr.dt-hasChild + tr .dataTables_wrapper {
    margin-top: -5px
  }
}
#mainTable table:not(.window-resize) tbody tr.dt-hasChild + tr > td {
  padding: 0 !important;
  border-width: 0 !important
}
#mainTable table:not(.window-resize) tbody .parent-no-children:not(.highlighted-content) {
  display: flex;
  align-items: center
}
#mainTable table:not(.window-resize) tbody .parent-no-children > span:first-of-type:not(.highlighted) {
  width: 5px;
  display: inline-block
}
#mainTable table:not(.window-resize) tbody .parent-no-children > span:nth-of-type(2) {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
#mainTable table:not(.window-resize) tbody .parent-no-children .child-parent-without-children {
  width: 20px !important;
  margin-right: 10px
}
#mainTable table:not(.window-resize) tbody span[class*=details-control] {
  width: 20px;
  display: inline-block;
  cursor: pointer;
  margin-right: 10px
}
#mainTable table:not(.window-resize) tbody span[class*=details-control] i {
  font-size: 16px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
#mainTable table:not(.window-resize) tbody span[class*=details-control] i.icon-angle-right {
  color: var(--color-content-primary)
}
#mainTable table:not(.window-resize) tbody span[class*=details-control] i.ds-angle-down {
  color: var(--basic_branding)
}
#mainTable table:not(.window-resize) tbody .overflow-handler {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
#mainTable table:not(.window-resize) tbody .toggle_child_td_span:not(.highlighted-content) {
  display: flex;
  align-items: center
}
#mainTable table:not(.window-resize) tbody .toggle_child_td_span:not(.highlighted-content).inlist-edit-row {
  cursor: initial !important
}
#mainTable table:not(.window-resize) tbody .toggle_child_td_span:not(.highlighted-content) .inlist-input-editor {
  width: 250px;
  display: flex;
  flex-direction: column
}
#mainTable table:not(.window-resize) tbody .toggle_child_td_span:not(.highlighted-content) .inlist-input-editor .inlist-input-editor-container {
  height: 44px;
  display: flex;
  width: 100%;
  border-radius: 4px;
  border: 1px solid var(--color-brand-subtle-hover)
}
#mainTable table:not(.window-resize) tbody .toggle_child_td_span:not(.highlighted-content) .inlist-input-editor .inlist-input-editor-container input {
  height: 42px;
  padding-left: 5px;
  color: var(--color-content-primary);
  font-size: 14px;
  font-weight: 600;
  border: none;
  margin: 0 4px;
  width: 100%;
  line-height: 16px
}
#mainTable table:not(.window-resize) tbody .toggle_child_td_span:not(.highlighted-content) .inlist-input-editor .inlist-input-editor-container .inlist-input-editor-button-add, #mainTable table:not(.window-resize) tbody .toggle_child_td_span:not(.highlighted-content) .inlist-input-editor .inlist-input-editor-container .inlist-input-editor-button-delete {
  border: none;
  background: 0 0;
  display: flex;
  align-items: center
}
#mainTable table:not(.window-resize) tbody .toggle_child_td_span:not(.highlighted-content) .inlist-input-editor .inlist-input-editor-container .inlist-input-editor-button-add i.add, #mainTable table:not(.window-resize) tbody .toggle_child_td_span:not(.highlighted-content) .inlist-input-editor .inlist-input-editor-container .inlist-input-editor-button-delete i.add {
  color: #4aa74c
}
#mainTable table:not(.window-resize) tbody .toggle_child_td_span:not(.highlighted-content) .inlist-input-editor .inlist-input-editor-container .inlist-input-editor-button-add i.clear, #mainTable table:not(.window-resize) tbody .toggle_child_td_span:not(.highlighted-content) .inlist-input-editor .inlist-input-editor-container .inlist-input-editor-button-delete i.clear {
  color: var(--color-content-secondary)
}
#mainTable table:not(.window-resize) tbody .toggle_child_td_span:not(.highlighted-content) .inlist-input-editor .inlist-input-editor-container.error {
  border: 1px solid var(--color-border-negative);
  margin-bottom: 5px
}
#mainTable table:not(.window-resize) tbody .toggle_child_td_span:not(.highlighted-content) .inlist-input-editor .inlist-input-editor-error {
  width: 100%;
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  color: var(--color-content-negative)
}
#mainTable table:not(.window-resize) tbody .list-actions-wrapper {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px
}
#mainTable table:not(.window-resize) tbody .list-actions-wrapper .add-child-container {
  cursor: pointer
}
#mainTable table:not(.window-resize) tbody .list-actions-wrapper span[class*=insert_child] {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  cursor: pointer
}
#mainTable table:not(.window-resize) tbody .list-actions-wrapper span[class*=insert_child] i {
  color: var(--basic_branding)
}
@media (max-width:768px) {
  #mainTable {
    overflow: unset
  }
}
@media (min-width:768px) {
  #history, #order-list {
    padding: 0 30px
  }
}
.action-buttons-flat-view, .show-form-media-buttons-sticky {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 40;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  border-right: 0;
  border-left: 0
}
.action-buttons-flat-view {
  text-align: left;
  padding-top: 22px;
  padding-bottom: 22px
}
.action-buttons-flat-view .dropup .btn {
  border-width: 5px
}
.action-buttons-flat-view .primary_button {
  margin-right: 10px
}
.show-form-media-buttons-sticky {
  text-align: right;
  border-bottom-width: 0;
  padding-bottom: 14px;
  padding-top: 12px;
  border-top-width: 1px
}
.sticky-buttons-bg-color-transparent {
  background-color: transparent
}
.sticky-buttons-bg-color-grey {
  background-color: var(--color-background-primary);
  -webkit-clip-path: inset(-500px 0 -5px 0);
  clip-path: inset(-500px 0 -5px 0)
}
div .select-all-checkbox {
  display: flex;
  margin-left: 23px;
  margin-bottom: 23px
}
div .sort-by-name {
  color: var(--color-content-tertiary);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  border: none;
  outline: 0;
  margin-left: 30px;
  cursor: pointer
}
div .sort-by-name.sorting_desc:after {
  top: 4px
}
div .sort-by-name.sorting_asc:after {
  content: '\f0dd';
  top: -6px
}
div .sort-by-name:after {
  float: none;
  color: var(--color-content-tertiary);
  left: 5px;
  content: '\f0dc';
  display: inline-block;
  font-family: FontAwesome;
  font-size: 13px;
  font-weight: 400;
  margin-right: 4px;
  position: relative
}
.sticky_tooltip, div .listing-grid .table-select .table-checkbox {
  left: 0 !important
}
div .listing-grid thead {
  border-radius: 8px;
  background: var(--color-background-tertiary);
  height: 40px;
  gap: 24px;
  align-self: stretch;
  width: 100%;
  margin-bottom: 24px;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex
}
div .listing-grid .listing-grid-view-container {
  display: grid;
  row-gap: 16px;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(auto-fill, minmax(216px, 0))
}
div .listing-grid .listing-grid-view-container.empty-grid {
  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr))
}
div .listing-grid .listing-grid-view-container .grid-view-item .folder-container, div .listing-grid .listing-grid-view-container .grid-view-item .preview-container {
  margin: 12px 0 0 !important
}
div .listing-grid .listing-grid-view-container .grid-view-item .folder-container img, div .listing-grid .listing-grid-view-container .grid-view-item .preview-container img {
  border-radius: 8px;
  border: 1px solid var(--color-border-default);
  width: 100%;
  height: 100%;
  min-width: 190px;
  min-height: 108px
}
div .listing-grid .listing-grid-view-container .grid-view-item .folder-container .folder-svg-icon, div .listing-grid .listing-grid-view-container .grid-view-item .preview-container .folder-svg-icon {
  -o-object-fit: contain !important;
  object-fit: contain !important;
  width: 192px;
  height: 108px;
  min-width: 19px !important;
  min-height: 108px !important;
  border: none;
  padding: 4px
}
div .listing-grid .listing-grid-view-container .grid-view-item .folder-container.open-folder, div .listing-grid .listing-grid-view-container .grid-view-item .preview-container.open-folder {
  min-width: 192px !important;
  min-height: 108px !important
}
div .listing-grid .listing-grid-view-container .grid-view-item .item-name.editModel {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex
}
div .listing-grid .listing-grid-view-container .grid-view-item.expired-media .grid-name-container {
  color: var(--color-content-tertiary) !important
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper {
  margin-bottom: 16px;
  width: 216px;
  min-width: 216px;
  max-height: 204px;
  height: 204px;
  padding: 12px;
  gap: 16px;
  border-radius: 12px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-inverse);
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .vertical {
  height: 107px;
  width: 100%
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .horizontal {
  height: 123px
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper.selected {
  border-radius: 8px;
  border: 1px solid var(--color-border-focus)
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .grid-item-container {
  display: flex;
  gap: 16px;
  flex-direction: column
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .grid-item-container .monitor-thumbnail-link {
  text-decoration: none;
  display: block;
  color: var(--color-content-primary)
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .grid-item-container .monitor-thumbnail-link:hover {
  text-decoration: none
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .grid-item-container.horizontal {
  max-width: 100%
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .grid-item-container.horizontal .img-container {
  width: 190px;
  height: 107px;
  flex-shrink: 0;
  padding: 3px;
  background: var(--color-content-secondary);
  border-radius: 4px;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .grid-item-container.horizontal .img-container .image-container {
  overflow: hidden;
  width: 186px;
  height: 102px;
  flex-shrink: 0;
  background: var(--color-background-tertiary);
  display: flex;
  justify-content: center;
  border-radius: 3px
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .grid-item-container.horizontal .img-container .image-container img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 2px;
  height: 108px;
  max-width: 100%
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .grid-item-container.horizontal .img-container a {
  border-radius: 2px;
  overflow: hidden
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .grid-item-container.vertical .img-container {
  height: 107px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  box-shadow: none
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .grid-item-container.vertical .img-container .image-container {
  background: var(--color-content-secondary);
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  border-radius: 4px;
  width: 61px;
  height: 109px;
  padding: 2px
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .grid-item-container.vertical .img-container .image-container img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 2px;
  height: 100%;
  width: 100%
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .grid-item-action-header {
  display: flex;
  align-items: center
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .grid-item-action-header .select-container {
  margin-right: 5px
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .grid-item-action-header .status-indicator {
  flex-grow: 1;
  margin: 0 5px;
  font-size: .8em
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .grid-item-action-header .status_label {
  gap: 5px;
  width: 100%;
  padding: 0 !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .grid-item-action-header .status_label .status_dot {
  margin-left: 5px
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .grid-item-action-header .grid-dropdown-menu {
  left: auto;
  right: 0;
  top: 100%
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .grid-item-action-header .actions.grid_column .more-horizontal {
  opacity: 0
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .monitor-thumbnail {
  gap: 12px;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
  display: flex
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .monitor-thumbnail:hover {
  cursor: pointer
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .monitor-thumbnail .img-container {
  width: 188px;
  height: 102px;
  flex-shrink: 0
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .monitor-thumbnail .monitor-info-container {
  display: flex;
  gap: 8px
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .monitor-thumbnail .monitor-info-container .player-icon {
  width: 17px;
  height: 17px
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .monitor-thumbnail .img-container:hover + .monitor-name {
  display: none
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .monitor-thumbnail .player-online-status-indicator {
  top: 5px;
  position: absolute;
  z-index: 10;
  left: 4px
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .monitor-thumbnail .refresh-indicator {
  position: absolute;
  z-index: 10
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .monitor-thumbnail .monitor-name {
  display: block;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .monitor-thumbnail .monitor-name > div {
  overflow: hidden;
  text-overflow: ellipsis
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .monitor-thumbnail .player-online-status-indicator.online {
  color: #1bb78a
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .thumbnail {
  position: relative
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .monitor-thumbnail .notification-indicator > i, div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .monitor-thumbnail .player-online-status-indicator > i {
  font-size: 24px
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .monitor-thumbnail .player-online-status-indicator > i.ds-shutdown {
  color: var(--color-background-inverse);
  position: absolute;
  left: 5px;
  font-size: 14px;
  top: 5px
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .monitor-thumbnail .notification-indicator > .manual-container {
  text-decoration: none;
  color: #000;
  position: absolute;
  left: 5px;
  font-size: 14px;
  top: 4px
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .monitor-thumbnail .player-downloading-status-indicator {
  position: absolute;
  z-index: 10;
  top: 35px;
  left: 4px;
  font-size: 22px
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .monitor-thumbnail .player-downloading-status-indicator > i[class*=ds-] {
  color: var(--color-content-tertiary);
  position: absolute;
  top: 1px
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .monitor-thumbnail .player-downloading-status-indicator > i[class*=ds-].ds-check {
  font-size: 14px;
  left: 4px
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .monitor-thumbnail .player-downloading-status-indicator > i[class*=ds-].ds-download {
  font-size: 22px;
  left: 1px
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .monitor-thumbnail .notification-indicator {
  position: absolute;
  z-index: 10;
  top: 65px;
  left: 4px;
  font-size: 22px
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .monitor-thumbnail .player-online-status-indicator.not-online {
  color: #d3413b
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .monitors-filters-container {
  background-color: #f5f5f5;
  margin-bottom: 50px;
  padding: 25px
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .img-container .image-container.is-not-online:after {
  content: attr(data-content);
  color: var(--color-background-inverse);
  width: 186px;
  height: 106px;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .6);
  opacity: 0
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper:hover .actions.grid_column .more-horizontal {
  opacity: 100;
  color: var(--basic_branding)
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .actions.grid_column .btn-group.open .more-horizontal {
  opacity: 100;
  color: var(--basic_branding);
  background: var(--color-brand-subtle);
  border-radius: 50%
}
div .listing-grid .listing-grid-view-container .grid-view-item-wrapper .actions.grid_column:hover .more-horizontal {
  background: var(--color-brand-subtle);
  border-radius: 50%;
  color: var(--basic_branding)
}
div .listing-grid .listing-grid-view-container .grid-view-item {
  padding: 12px;
  background-color: var(--color-background-inverse);
  -o-border-image: initial;
  border-image: initial;
  min-height: 202px !important;
  height: auto;
  width: 100%;
  min-width: 216px;
  border-radius: 8px;
  border: 1px solid var(--color-border-default);
  box-shadow: 0 5.75px 17.25px 0 rgba(0, 0, 0, .08)
}
div .listing-grid .listing-grid-view-container .grid-view-item.dummy-grid-widget {
  background-color: var(--color-background-tertiary);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
div .listing-grid .listing-grid-view-container .grid-view-item.dummy-grid-widget .dummy-text-container {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  text-align: center;
  font-size: 12px;
  line-height: 16px
}
div .listing-grid .listing-grid-view-container .grid-view-item.dummy-grid-widget .dummy-text-container .see-more-text {
  font-weight: 400
}
div .listing-grid .listing-grid-view-container .grid-view-item.dummy-grid-widget .dummy-text-container .next-page-text {
  font-weight: 600;
  cursor: pointer
}
div .listing-grid .listing-grid-view-container .grid-view-item.folder-item .grid-preview-container .item-name-preview-container .preview-container i {
  display: flex;
  font-size: 60px;
  justify-content: center
}
div .listing-grid .listing-grid-view-container .grid-view-item:hover .actions.grid_column .more-horizontal {
  opacity: 100;
  color: var(--color-content-secondary)
}
div .listing-grid .listing-grid-view-container .grid-view-item.selected {
  border-radius: 8px;
  border: 1px solid var(--color-border-focus)
}
div .listing-grid .listing-grid-view-container .grid-view-item .grid-actions-container {
  max-height: 24px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
div .listing-grid .listing-grid-view-container .grid-view-item .grid-actions-container .actions-dropdown-container {
  margin-left: auto
}
div .listing-grid .listing-grid-view-container .grid-view-item .grid-actions-container .actions-dropdown-container .more-horizontal {
  opacity: 0
}
div .listing-grid .listing-grid-view-container .grid-view-item .grid-actions-container .actions-dropdown-container .btn-group.open .more-horizontal {
  opacity: 100;
  color: var(--color-content-primary);
  background: var(--color-brand-subtle);
  border-radius: 50%
}
div .listing-grid .listing-grid-view-container .grid-view-item .grid-actions-container .actions-dropdown-container ul.dropdown_menu {
  right: 0;
  left: auto;
  text-align: left
}
div .listing-grid .listing-grid-view-container .grid-view-item .grid-actions-container .actions-dropdown-container:hover .more-horizontal {
  background: var(--color-brand-subtle);
  color: var(--color-content-primary);
  border-radius: 50%
}
div .listing-grid .listing-grid-view-container .grid-view-item .grid-actions-container .expired-pill {
  margin-left: 12px;
  padding: 4px;
  color: var(--color-content-secondary);
  text-align: center;
  border-radius: 2px;
  line-height: 100% !important;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-secondary)
}
div .listing-grid .listing-grid-view-container .grid-view-item .grid-preview-container .item-name-preview-container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  max-width: 192px
}
div .listing-grid .listing-grid-view-container .grid-view-item .grid-preview-container .item-name-preview-container .preview-container {
  border-radius: 7.35px;
  padding: 4.9px;
  gap: 7.35px;
  flex-shrink: 0;
  align-self: stretch;
  width: 100% !important;
  min-width: 190px;
  min-height: 108px;
  margin: 12px 0 0 !important;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex
}
div .listing-grid .listing-grid-view-container .grid-view-item .grid-preview-container .item-name-preview-container .preview-container i {
  display: flex;
  justify-content: center
}
div .listing-grid .listing-grid-view-container .grid-view-item .grid-preview-container .item-name-preview-container .editModel {
  cursor: pointer
}
div .listing-grid .listing-grid-view-container .grid-view-item .grid-preview-container .item-name-preview-container .folder-container {
  margin-bottom: 6px
}
div .listing-grid .listing-grid-view-container .grid-view-item .grid-preview-container .item-name-preview-container .folder-container, div .listing-grid .listing-grid-view-container .grid-view-item .grid-preview-container .item-name-preview-container .preview-container {
  height: 66px !important;
  border: none !important;
  background-color: transparent !important
}
div .listing-grid .listing-grid-view-container .grid-view-item .grid-preview-container .item-name-preview-container .preview-container a.source {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%
}
div .listing-grid .listing-grid-view-container .grid-view-item .grid-preview-container .item-name-preview-container .preview-container.media-thumbnail {
  float: none;
  border: none
}
div .listing-grid .listing-grid-view-container .grid-view-item .grid-preview-container .item-name-preview-container .preview-container.media-thumbnail a.source {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
div .listing-grid .listing-grid-view-container .grid-view-item .grid-preview-container .item-name-preview-container .preview-container.media-thumbnail a.source > i {
  text-decoration: none;
  display: none
}
div .listing-grid .listing-grid-view-container .grid-view-item .grid-preview-container .item-name-preview-container .preview-container.media-thumbnail:hover a.source > i {
  display: block;
  text-decoration: none
}
div .listing-grid .listing-grid-view-container .grid-view-item .grid-preview-container .item-name-preview-container .preview-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none
}
div .listing-grid .listing-grid-view-container .grid-view-item .grid-preview-container .item-name-preview-container .item-name-preview-container {
  color: var(--color-content-primary);
  font-weight: 600;
  justify-content: normal;
  align-items: center;
  flex-direction: row;
  display: flex
}
div .listing-grid .listing-grid-view-container .grid-view-item .grid-preview-container .preview-container {
  margin-bottom: 6px
}
div .listing-grid .listing-grid-view-container .grid-view-item .grid-name-container {
  text-align: center;
  color: var(--color-content-primary);
  display: flex;
  width: 100%
}
.media-type-icon, div .listing-grid .listing-grid-view-container .grid-view-item .grid-name-container .parent_folder_search {
  display: none
}
div .listing-grid .listing-grid-view-container .grid-view-item .grid-name-container .item-name > i {
  padding: 0 5px
}
div .listing-grid .listing-grid-view-container .highlighted {
  background-color: inherit !important
}
.paginate_button {
  display: inline-flex;
  align-items: center
}
#add_folder_li {
  margin-bottom: 0
}
.dataTables_length {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex
}
.dataTables_length label {
  margin-left: 8px;
  padding-left: 8px;
  margin-bottom: 0;
  border-left: 1px solid var(--color-border-default)
}
.grid_td {
  display: block;
  border: none !important;
  padding: 0 !important
}
.no-results-subview {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  margin-top: 100px;
  margin-bottom: 100px
}
.no-results-subview .basic-warning-message {
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 15px;
  margin-top: 25px;
  color: #000
}
.no-results-subview .secondary-warning-message {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: var(--color-content-tertiary)
}
.form-group label {
  margin-bottom: 4px !important
}
#all-media-list .grid-name-container .media-type-icon {
  display: inline
}
#device-list #mainTable .simplebar-scrollbar::before {
  background-color: var(--color-border-section) !important
}
@media (min-width:992px) {
  .num_items_desktop {
    display: block
  }
  .num_items_mobile {
    display: none
  }
  .secondary_view .dataTables_length {
    margin-top: 65px
  }
  .secondary_view .table-header {
    float: right
  }
}
@media (max-width:1100px) {
  table tr .invoice-collapsable-col {
    display: none !important
  }
}
@media (max-width:991px) {
  table tr .colapsable1 {
    display: none !important
  }
  #add_folder, .num_items_desktop, table .column3, table .media-type-cell, table .tag-items-cell {
    display: none
  }
  .table-header {
    border-bottom: 1px solid var(--color-border-section);
    width: 100%
  }
  .table-responsive {
    border: none !important
  }
  .num_items_mobile {
    display: block;
    margin-top: 13px
  }
  .dataTables_length label {
    display: none !important;
    order: 1
  }
  .dataTables_filter {
    float: right
  }
  #mainTable th.actions {
    visibility: hidden
  }
  .table-header .widget-toolbar {
    bottom: -100px;
    position: relative
  }
  .table-header .widget-toolbar .add-folder-container {
    display: inline-flex;
    background: var(--color-background-inverse)
  }
  .table-header .widget-toolbar .add-folder-container a {
    justify-content: center;
    align-items: center;
    flex-direction: row;
    display: flex
  }
  .table-header .widget-toolbar .add-folder-container a span {
    color: var(--color-content-primary)
  }
  .table-header .widget-toolbar .ds-add-folder:before {
    content: '\e968';
    font-size: 26px
  }
  #history-list .table-header .widget-toolbar {
    bottom: -84px
  }
  #device-list .table-header .widget-toolbar {
    bottom: -50px
  }
  .secondary_view .table-header {
    border-bottom: none;
    height: 0
  }
  .secondary_view .table-header .widget-toolbar {
    bottom: -60px
  }
  .monitors-grid-view {
    margin-top: 85px
  }
  .widget-toolbar.monitor-grid-toolbar .export-refresh-container {
    margin-right: 0 !important;
    margin-left: 15px
  }
  .widget-toolbar.monitor-grid-toolbar .btn-section-grid {
    padding-right: 0
  }
}
@media (min-width:769px) {
  .orders_total_column {
    width: 8%;
    text-align: center
  }
}
@media (max-width:767px) {
  table tr .colapsable2 {
    display: none !important
  }
  #order-list .widget-toolbar {
    bottom: -84px
  }
}
@media (max-width:629px) {
  .action-buttons-flat-view {
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    display: flex !important;
    gap: 10px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid var(--color-border-default);
    background-color: var(--color-background-inverse);
    padding: 16px 24px;
    box-shadow: 0 1px 6.9px 0 #000;
    z-index: 1001
  }
  .action-buttons-flat-view > button, .action-buttons-flat-view > div {
    width: 45%;
    margin-top: 0 !important
  }
  .action-buttons-flat-view .tertiary-button-light {
    width: 100%
  }
  .action-buttons-flat-view .button-mrg-right {
    margin-right: 0
  }
  .space-for-question-mark {
    width: 100%;
    max-height: 100px;
    min-height: 100px;
    margin: 0
  }
}
@media (max-width:600px) {
  table .workspace-column {
    display: none !important
  }
}
@media (max-width:480px) {
  table .column2 {
    display: none
  }
  table tr .colapsable3, table tr .responsive-col {
    display: none !important
  }
  table tr .responsive-col-user-is-admin {
    width: 42px !important;
    text-align: center
  }
  .table .actions.user-action-col {
    width: 50px !important
  }
  .table .table-select {
    width: 40px !important
  }
  .reports-download-text {
    display: none
  }
  .tab-content.profile-edit-tab-content {
    padding: 16px 12px
  }
  #device-list .table-header .widget-toolbar:not(.monitor-grid-toolbar) {
    bottom: -92px
  }
}
@media (max-width:425px) {
  .widget-toolbar.monitor-grid-toolbar {
    flex-direction: column
  }
  .widget-toolbar.monitor-grid-toolbar .export-refresh-container {
    margin-top: 15px;
    margin-left: auto
  }
  table .column1 {
    display: none
  }
  .dataTables_paginate {
    text-align: center
  }
}
body:not(.tour_opened) .widget-toolbar {
  z-index: 997
}
.num_of_items, .searching_dots {
  color: var(--color-content-primary);
  font-weight: 700;
  font-size: 20px
}
.num_of_items .in-folder, .searching_dots .in-folder {
  font-weight: 300
}
.back_from_search {
  margin-right: 7px;
  margin-left: -9px;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: top;
  padding: 9px;
  top: 1px;
  position: relative
}
.back_from_search:hover {
  background-color: var(--color-brand-subtle-hover)
}
.back_from_search img {
  width: 20px;
  height: 20px;
  -webkit-filter: var(--filter);
  filter: var(--filter)
}
.secondary_view .back_from_search {
  vertical-align: text-bottom;
  bottom: 1px;
  top: 0
}
.export-refresh-container {
  display: flex
}
.export-refresh-container .export-button-container {
  margin-right: 16px
}
.export-refresh-container .customize-columns-dropdown {
  margin-right: 15px;
  height: 40px;
  position: relative
}
#user-list .export-button {
  margin-right: 16px
}
.export-button {
  width: auto !important;
  font-weight: 500
}
@media (max-width:991px) {
  .export-button {
    width: 40px !important;
    padding: 0 !important
  }
  .export-button span {
    display: none
  }
  .export-button a i {
    margin-right: 0
  }
}
.monitors-list-divs#new-monitor .money-back-guarantee {
  margin-bottom: 16px;
  margin-top: 8px
}
.monitors-list-divs#new-monitor .money-back-guarantee span {
  line-height: 20px
}
.monitors-list-divs#new-monitor .money-back-guarantee span i {
  margin-right: 5px
}
.monitors-list-divs#new-monitor .money-back-guarantee span i:before {
  background: url(images/money_back.svg) center center no-repeat;
  background-size: 20px 20px;
  content: ' ';
  white-space: pre;
  width: 20px;
  height: 20px;
  display: inline-block
}
.preview-table-list-container-with-scrollbar {
  max-width: 550px;
  width: 100%;
  border-radius: 4px
}
.preview-table-list-container-with-scrollbar .tbl-container {
  padding-left: 21px;
  background-color: var(--color-background-primary);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}
.preview-table-list-container-with-scrollbar .tbl-container table thead {
  max-height: 384px;
  overflow: auto;
  display: none
}
.preview-table-list-container-with-scrollbar .tbl-container table thead.display-block-thead {
  display: block
}
.preview-table-list-container-with-scrollbar .tbl-container table thead tr {
  border-bottom: 2px solid var(--color-border-section);
  display: table;
  width: 100%
}
.preview-table-list-container-with-scrollbar .tbl-container table thead tr th {
  color: var(--color-content-tertiary);
  font-size: 12px;
  width: 50%
}
.preview-table-list-container-with-scrollbar .tbl-container table thead tr th .header-message-icon {
  display: flex;
  background-color: var(--color-background-tertiary);
  height: 18px !important;
  width: 18px !important;
  border-radius: 100% !important
}
.preview-table-list-container-with-scrollbar .tbl-container table thead tr th .header-message-icon + .tooltip {
  font-weight: 500 !important
}
.preview-table-list-container-with-scrollbar .tbl-container table thead tr th:first-of-type {
  padding: 20px 10px 14px 3px
}
.preview-table-list-container-with-scrollbar .tbl-container table thead tr th:last-of-type {
  padding: 20px 19px 14px 0;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  width: 100%
}
.preview-table-list-container-with-scrollbar .tbl-container table tbody {
  display: block;
  max-height: 384px;
  overflow: auto;
  padding-right: 24px
}
.preview-table-list-container-with-scrollbar .tbl-container table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed
}
.preview-table-list-container-with-scrollbar .tbl-container table tbody tr:not(:last-of-type) {
  border-bottom: 1px solid var(--color-brand-subtle)
}
.preview-table-list-container-with-scrollbar .tbl-container table tbody tr td {
  color: var(--color-content-primary);
  font-size: 14px;
  font-weight: 400;
  word-break: break-word
}
.preview-table-list-container-with-scrollbar .tbl-container table tbody tr td:first-of-type {
  padding: 9px 10px 9px 0;
  height: 35px
}
.preview-table-list-container-with-scrollbar .tbl-container table tbody tr td:last-of-type {
  padding: 9px 0
}
.preview-table-list-container-with-scrollbar .tbl-container table tbody tr td .entry_saml_code {
  height: 35px;
  display: flex;
  align-items: center;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px
}
.preview-table-list-container-with-scrollbar .tbl-container table tbody tr td .entry_saml_code .code_ {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.preview-table-list-container-with-scrollbar .tbl-container table tbody tr td .entry_saml_code .inlist_edit_container {
  display: flex;
  margin-left: auto;
  cursor: pointer;
  color: var(--color-content-secondary)
}
.preview-table-list-container-with-scrollbar .tbl-container table tbody tr td .inlist-input-editor {
  display: flex;
  flex-direction: column
}
.preview-table-list-container-with-scrollbar .tbl-container table tbody tr td .inlist-input-editor .inlist-input-editor-container {
  min-height: 35px;
  display: flex;
  border-radius: 7px;
  border: 1px solid var(--color-brand-subtle-hover);
  background-color: var(--color-background-inverse)
}
.preview-table-list-container-with-scrollbar .tbl-container table tbody tr td .inlist-input-editor .inlist-input-editor-container input {
  height: 33px !important;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 14px;
  font-weight: 600;
  border-color: transparent;
  border-radius: 7px !important;
  width: 100%;
  line-height: 16px
}
.preview-table-list-container-with-scrollbar .tbl-container table tbody tr td .inlist-input-editor .inlist-input-editor-container .inlist-input-editor-button-add, .preview-table-list-container-with-scrollbar .tbl-container table tbody tr td .inlist-input-editor .inlist-input-editor-container .inlist-input-editor-button-delete {
  border: none;
  background: 0 0;
  display: flex;
  align-items: center
}
.preview-table-list-container-with-scrollbar .tbl-container table tbody tr td .inlist-input-editor .inlist-input-editor-container .inlist-input-editor-button-add i.add, .preview-table-list-container-with-scrollbar .tbl-container table tbody tr td .inlist-input-editor .inlist-input-editor-container .inlist-input-editor-button-delete i.add {
  color: #4aa74c
}
.preview-table-list-container-with-scrollbar .tbl-container table tbody tr td .inlist-input-editor .inlist-input-editor-container .inlist-input-editor-button-add i.clear, .preview-table-list-container-with-scrollbar .tbl-container table tbody tr td .inlist-input-editor .inlist-input-editor-container .inlist-input-editor-button-delete i.clear {
  color: var(--color-content-secondary)
}
.preview-table-list-container-with-scrollbar .tbl-container table tbody tr td .inlist-input-editor .inlist-input-editor-container.error {
  border: 1px solid var(--color-border-negative);
  margin-bottom: 5px
}
.preview-table-list-container-with-scrollbar .tbl-container table tbody tr td .inlist-input-editor .inlist-input-editor-error {
  width: 100%;
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  color: var(--color-content-negative)
}
.preview-table-list-container-with-scrollbar .preview-table-list-container-with-scrollbar-footer {
  font-size: 14px;
  font-weight: 700;
  background-color: var(--color-brand-subtle);
  padding: 16px 21px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}
#playlist-list .media-types {
  display: flex
}
@media (max-width:390px) {
  #customize-columns span {
    display: none !important
  }
  .action-buttons-flat-view > a, .action-buttons-flat-view > button, .action-buttons-flat-view > div {
    margin-top: 0 !important
  }
}
#availability-filters-container {
  margin-right: 16px;
  width: 40px
}
#availability-filters-container .select2-container .select2-selection {
  border-radius: 8px;
  height: 40px;
  padding: 0;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
#availability-filters-container .select2-container .select2-selection .selection-inner span.inner-text {
  display: none
}
#availability-filters-container .select2-container .select2-selection .selection-inner .filter-icon {
  font-size: 20px !important;
  letter-spacing: .02em !important;
  display: block
}
#availability-filters-container .select2-container--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}
#availability-filters-container .select2-container--open .filter-arrow {
  -webkit-transform: rotate(0);
  transform: rotate(0)
}
#availability-filters-container .select2-container--open .filter-screens {
  color: var(--color-content-inverse)
}
.select2-container--open:has(.availability-filters-select) {
  margin-top: 2px
}
.availability-filters-select.select2-dropdown .select2-selection__rendered li {
  display: none
}
.availability-filters-select.select2-dropdown .select2-results .select2-results__options .select2-results__option {
  justify-content: start;
  align-items: center;
  flex-direction: row;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-height: 32px
}
.availability-filters-select.select2-dropdown .select2-results .select2-results__option:not(.select2-results__message):before {
  content: '';
  display: flex;
  position: relative;
  height: 20px;
  width: 20px;
  border: 1px solid var(--color-border-default);
  border-radius: 4px;
  background-color: var(--color-background-inverse);
  margin-right: 8px;
  vertical-align: middle
}
.availability-filters-select.select2-dropdown .select2-results .select2-results__option[aria-selected=true]:before {
  font-family: fontAwesome;
  content: '\f00c';
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.empty-state {
  position: relative;
  width: 100%;
  padding: 40px;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  display: flex;
  row-gap: 32px;
  text-align: center
}
.empty-state p {
  margin: 0
}
.empty-state img {
  max-width: 100%;
  -webkit-user-select: none;
  user-select: none
}
.empty-state .subtitle {
  max-width: min(100%, 650px);
  color: var(--color-content-secondary)
}
.empty-state .start-tour, .empty-state .subtitle strong {
  color: var(--color-content-primary)
}
.empty-state .buttons {
  display: flex;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px
}
.empty-state .start-tour {
  cursor: pointer
}
.empty-state .start-tour:hover {
  color: var(--color-content-secondary)
}
.empty-state .drag-n-drop-mask {
  top: 0
}
.empty-state .drag-n-drop-mask .drag-n-drop-inner-mask-message {
  margin: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.empty-state-hidden {
  display: none !important
}
.drag_drop_coachmark {
  outline: 0
}
.drag_drop_coachmark.modal {
  pointer-events: none
}
.drag_drop_coachmark .modal-content, .drag_drop_coachmark .modal-dialog {
  pointer-events: auto
}
.drag_drop_coachmark .got_it_button {
  text-decoration: none;
  background-color: var(--color-brand-subtle);
  color: var(--color-content-primary);
  border: none;
  border-radius: 8px;
  padding: 8px 32px;
  cursor: pointer
}
.drag_drop_coachmark .got_it_button:hover {
  background-color: var(--color-brand-subtle-hover)
}
.drag_drop_coachmark .modal-content {
  border-radius: 8px;
  overflow: hidden
}
.drag_drop_coachmark .modal-dialog {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  position: fixed;
  width: 323px;
  right: 0;
  bottom: 0;
  margin-right: 5%;
  background-color: transparent;
  color: var(--color-content-primary)
}
.drag_drop_coachmark .modal-body {
  padding: 0
}
.drag_drop_coachmark .coachmark_actions {
  margin-top: 16px;
  justify-content: end;
  align-items: center;
  flex-direction: row;
  display: flex
}
.drag_drop_coachmark .coachmark_animation {
  position: relative;
  display: flex;
  background-color: var(--color-background-primary);
  width: 100%
}
.drag_drop_coachmark .coachmark_animation .close_button {
  color: var(--color-content-secondary);
  position: absolute;
  top: 8px;
  right: 16px;
  cursor: pointer;
  z-index: 1;
  background-color: var(--color-background-tertiary);
  border-radius: 4px;
  padding: 1px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.drag_drop_coachmark .coachmark_animation .image_wrapper {
  margin: auto;
  position: relative;
  width: 100%;
  overflow: hidden
}
.drag_drop_coachmark .coachmark_animation .image_wrapper .animation {
  width: 105%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain
}
.drag_drop_coachmark .coachmark_content_wrapper {
  padding: 16px
}
.drag_drop_coachmark .coachmark_content {
  justify-content: start;
  align-items: start;
  flex-direction: column;
  display: flex;
  gap: 16px
}
.drag_drop_coachmark .coachmark_content .coachmark_content_body {
  line-height: 140% !important
}
.tag_container {
  min-width: 88px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 40px;
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-border-default);
  border-radius: 5px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 8px 10px
}
.tag_container .addTag {
  display: inline-flex;
  align-items: center
}
.tag_container:active, .tag_container:focus, .tag_container:focus-visible, .tag_container:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
  border-color: var(--color-border-hover)
}
.tag_container:active, .tag_container:active a, .tag_container:focus, .tag_container:focus a, .tag_container:focus-visible, .tag_container:focus-visible a, .tag_container:hover, .tag_container:hover a {
  color: var(--color-content-tertiary) !important;
  text-decoration: none
}
.tag_container a {
  color: var(--color-content-tertiary)
}
.tag_container a i {
  margin-right: 5px;
  vertical-align: middle;
  color: var(--color-content-primary)
}
.tag_container.tagged a {
  color: var(--color-content-primary);
  font-weight: 600
}
.tag_token {
  padding-left: 8px;
  padding-right: 8px
}
@media (max-width:991px) {
  .tag_container {
    min-width: 44px;
    width: 44px
  }
  .tag_container .addTag {
    margin-right: 0
  }
  .tag_container .addTag > i:before {
    font-size: 20px
  }
  .tag_token {
    display: none
  }
}
.zoom-dropdown-tooltip-magenta {
  width: 293px !important;
  height: 200px !important;
  left: unset !important
}
.zoom-dropdown-tooltip-magenta .tooltip-inner {
  width: 100%;
  padding: 10px;
  max-width: unset;
  text-align: left
}
.zoom-dropdown-tooltip-magenta .tooltip-new {
  margin-bottom: 10px;
  color: #623bd7
}
.zoom-dropdown-tooltip-magenta .tooltip_got_it_btn {
  font-size: 12px !important;
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 600 !important;
  color: var(--color-content-primary)
}
.magenta-tooltip-buttons-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px
}
.magenta-tooltip-buttons-container .tooltip_got_it_btn {
  font-size: 12px !important;
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 600 !important;
  height: 36px;
  color: #fff;
  background-color: #7756dc
}
.magenta-tooltip-buttons-container .tooltip_got_it_btn:active, .magenta-tooltip-buttons-container .tooltip_got_it_btn:focus, .magenta-tooltip-buttons-container .tooltip_got_it_btn:hover {
  background-color: #9980e5;
  color: #fff !important
}
.magenta-tooltip-buttons-container .tooltip-try-it-out-btn {
  height: 36px;
  color: var(--color-content-primary);
  background-color: var(--color-brand-subtle);
  border-radius: 8px;
  padding: 4px 8px;
  margin-top: 4px;
  border: none;
  display: block
}
.magenta-tooltip-buttons-container .tooltip-try-it-out-btn:active, .magenta-tooltip-buttons-container .tooltip-try-it-out-btn:focus, .magenta-tooltip-buttons-container .tooltip-try-it-out-btn:hover {
  background-color: var(--color-brand-subtle-hover) !important
}
html.dark .zoom-dropdown-tooltip-magenta .tour-tooltip-arrow {
  border-bottom-color: var(--color-border-default) !important
}
html.dark .zoom-dropdown-tooltip-magenta .tooltip-try-it-out-btn {
  color: #fff;
  background-color: var(--color-brand-subtle)
}
html.dark .zoom-dropdown-tooltip-magenta .tooltip-new {
  color: #fff
}
.tooltip {
  z-index: 1060
}
@media (max-width:480px) {
  .tooltip.folder-separation-tooltip {
    left: -25px !important
  }
}
.tooltip.folder-separation-grid-view {
  top: -90px !important;
  left: -18px !important
}
.tooltip.recording-tool-tooltip {
  width: 330px
}
.tooltip.recording-tool-tooltip .tooltip-inner {
  width: 100%;
  padding: 10px;
  max-width: unset;
  text-align: left
}
.dark_magenta-show-list-tooltip, .intro_tooltip {
  max-width: -webkit-fit-content !important;
  max-width: -moz-fit-content !important
}
.tooltip.recording-tool-tooltip-magenta {
  width: 300px
}
.tooltip.recording-tool-tooltip-magenta .tooltip-new {
  margin-bottom: 10px
}
.table-tooltip {
  white-space: nowrap
}
.tooltip-new-container {
  margin-bottom: 8px
}
.tooltip-new {
  background-color: var(--color-background-primary);
  color: var(--color-content-primary);
  text-shadow: none;
  text-align: center;
  display: inline-block;
  padding: 2px 3px;
  border-radius: 5px;
  font-weight: 700
}
.dark_magenta-tooltip, html.dark .tooltip-new {
  background-color: #623bd7
}
.dark_magenta-tooltip.welcome-tooltip a, .documentation_link, .documentation_link:active, .documentation_link:focus, .documentation_link:hover {
  color: var(--color-background-inverse);
  text-decoration: underline
}
.introduce_groups {
  padding: 0 !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 24px #cccad1;
  text-shadow: none
}
.dark_magenta-tooltip {
  border-radius: 5px;
  font-size: 14px;
  padding: 12px;
  text-align: left;
  text-shadow: none
}
.dots_container {
  float: left
}
.dots_container .tooltip_dot {
  height: 6px;
  width: 6px;
  margin-right: 4px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  background-color: rgba(255, 255, 255, .5)
}
.dots_container .tooltip_dot.white {
  background-color: var(--color-background-inverse)
}
.documentation_link:active, .documentation_link:focus, .documentation_link:hover {
  outline: 0
}
.tooltip_got_it_btn {
  padding: 4px 8px;
  background: var(--color-brand-subtle);
  border-radius: 8px;
  margin-top: 4px;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  border: none;
  display: block;
  color: var(--color-content-primary);
  margin-left: auto
}
.tooltip_got_it_btn:hover {
  background: var(--color-brand-subtle-hover);
  color: var(--color-content-primary) !important;
  text-decoration: none;
  cursor: pointer
}
.intro_tooltip, .intro_tooltip button {
  color: var(--color-content-primary);
  font-size: 14px
}
.intro_tooltip {
  max-width: fit-content !important;
  background-color: var(--color-background-inverse);
  padding: 20px;
  border-radius: 0 0 8px 8px;
  text-align: left
}
.intro_tooltip ol {
  margin: 12px 0 10px 16px
}
.intro_tooltip button {
  font-weight: 700;
  background-color: initial;
  border: none;
  padding: 8px 14px
}
.intro_tooltip .tooltip_got_it_btn:last-child {
  background-color: var(--color-brand-subtle)
}
.intro_tooltip .tooltip_got_it_btn:last-child:hover {
  color: var(--color-content-primary) !important
}
.tooltip_header {
  font-size: 18px;
  font-weight: 700
}
.intro_tooltip_card {
  height: 150px;
  background-color: #623bd7;
  border-radius: 8px 8px 0 0;
  text-shadow: none;
  display: flex
}
.intro_tooltip_card i.close_tooltip_i {
  color: #a48ee9;
  font-size: 16px;
  top: 16px;
  position: relative;
  float: right;
  right: 22px;
  height: 16px;
  width: 16px;
  cursor: pointer
}
.dark_magenta-show-list-grid-tooltip, .dark_magenta-show-list-tooltip {
  border-radius: 8px !important;
  font-size: 14px;
  padding: 12px;
  background-color: #623bd7
}
.dark_magenta-show-list-tooltip {
  max-width: fit-content !important;
  text-align: left
}
.dark_magenta-show-list-grid-tooltip {
  max-width: -webkit-fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important
}
.dark_magenta_search_tooltip {
  background-color: #623bd7;
  border-radius: 5px;
  font-size: 12px;
  padding: 8px;
  color: var(--color-background-inverse)
}
#purchase-wizard .tooltip-inner, .path_tooltip .tooltip-inner, .widget-tooltip {
  background-color: var(--color-background-primary)
}
.list_element_focused {
  box-shadow: 0 0 6px #623bd7 !important
}
#mainTable .tooltip-arrow, .action-buttons-flat-view .tooltip-arrow, .widget-toolbar .tooltip-arrow {
  display: block
}
.tooltip.bottom .tour-tooltip-arrow {
  border-bottom-color: #623bd7 !important
}
.tooltip.top .tour-tooltip-arrow {
  border-top-color: #623bd7 !important
}
.tooltip.left .tour-tooltip-arrow {
  border-left-color: #623bd7 !important
}
.tooltip.right .tour-tooltip-arrow {
  border-right-color: #623bd7 !important
}
.dark_magenta, .dark_magenta::after {
  color: #623bd7 !important
}
.tooltip-inner {
  border-radius: 5px;
  word-break: break-word;
  text-shadow: none !important
}
.tooltip-inner.export_tooltip {
  margin-top: -1px
}
.path_tooltip .tooltip-inner {
  color: var(--color-background-inverse);
  font-size: 12px;
  max-width: 261px;
  padding: 7px;
  line-height: 1.2
}
.path_tooltip.bottom .path_tooltip_arrow {
  left: 25%;
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  display: block;
  border-bottom-color: var(--color-content-primary);
  border-width: 0 5px 5px;
  top: 0
}
#purchase-wizard .tooltip-inner {
  font-size: 14px;
  text-align: left;
  color: var(--color-content-primary);
  border: 1px solid var(--color-border-default);
  padding: 12px;
  width: 225px
}
#purchase-wizard .tooltip-inner::after {
  content: '';
  position: absolute;
  top: 96.5%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent;
  border-top-color: var(--color-border-default)
}
#purchase-wizard .new-screen-input-field .tooltip-inner {
  white-space: nowrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: unset;
  position: relative;
  right: 62px;
  padding: 4px 8px
}
#purchase-wizard .new-screen-input-field .tooltip-inner::after {
  content: unset !important
}
.infowindow-marker-status-tooltip-container {
  display: inline-block;
  padding-right: 15px !important;
  padding-left: 15px !important
}
.infowindow-header-list .infowindow-marker-status-tooltip-container:not(:last-child) {
  border-right: 1px solid
}
.infowindow-marker-status-tooltip-container > span {
  display: flex;
  align-items: center;
  color: #000
}
.infowindow-marker-status-tooltip-container > span > span {
  margin-left: 5px;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}
.media-thumbnail + .tooltip {
  word-break: break-word;
  z-index: 14
}
.playlist-link .source.file-uploading-process:hover .file-uploading-tooltip-text, .playlist-link .source.file-uploading-process:hover .tooltip-arrow {
  display: block
}
.file-uploading-tooltip-text {
  display: none;
  width: 150px;
  word-break: break-word;
  background-color: #000;
  color: var(--color-background-inverse);
  text-align: center;
  padding: 10px;
  left: -70px;
  bottom: 25px;
  position: absolute;
  z-index: 1060;
  font-size: 12px;
  line-height: 1.4
}
.playlist-link .source .tooltip-arrow {
  bottom: 20px;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000;
  border-width: 5px 5px 0
}
.file-selector-item-name-tooltip > .tooltip-inner, .monitor-grid-item-name-tooltip > .tooltip-inner {
  word-break: break-word !important
}
.tooltipsFlexAlignment, .tooltipsFlexAlignmentParentClass {
  display: flex;
  align-items: center
}
.tooltipsFlexAlignmentURL {
  display: flex;
  align-items: baseline
}
.tooltipsLabelAlignment {
  margin: 0;
  padding-top: 0;
  align-self: baseline
}
@media (max-width:768px) {
  .tooltipsFlexAlignmentParentClass, .tooltipsFlexAlignmentURLParentClass {
    display: block
  }
}
.item-name-preview-container .tooltip-arrow {
  border-bottom-color: var(--color-content-primary) !important
}
.widget-tooltip {
  padding: 12px;
  border: 1px solid var(--color-border-default);
  display: block;
  text-align: left;
  border-radius: 8px !important;
  min-width: 130px
}
.widget-tooltip .widget-tooltip-title {
  color: var(--color-content-tertiary);
  text-align: left;
  font-size: 10px;
  font-weight: 500
}
.widget-tooltip .widget-tooltip-content {
  color: var(--color-background-inverse);
  text-align: left;
  font-size: 10px;
  font-weight: 500;
  padding-bottom: 2px
}
.playlist-tooltip-valid-slots {
  max-width: 228px;
  text-align: left;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  flex-flow: column;
  align-items: start !important
}
.playlist-tooltip-valid-slots .scollable_tooltip {
  max-height: 220px;
  width: 200px
}
.playlist-tooltip-valid-slots .label-title-name {
  font-weight: 600
}
.playlist-tooltip-valid-slots .label-title {
  text-transform: uppercase;
  font-size: 10px;
  color: var(--color-border-section)
}
.playlist-item-button-tooltip .tooltip-inner {
  color: var(--color-content-primary);
  text-shadow: none;
  background-color: var(--color-background-inverse);
  width: 100px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 14px;
  position: relative
}
.playlist-item-button-tooltip .tooltip-arrow {
  border-top-color: var(--color-background-inverse) !important
}
.apply-changes-tooltip, .fullcalendar-tooltip {
  border: 1px solid var(--color-border-default)
}
.primary-workspace-tooltip {
  width: 200px
}
.account-currency-tooltip {
  max-width: 405px
}
.sticky_tooltip {
  display: flex !important;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  width: auto
}
.sticky_tooltip .tooltip-arrow {
  left: 16px !important
}
.sticky_tooltip .tooltip-inner {
  max-width: 388px;
  text-align: start
}
.widget-to-app-tooltip {
  max-width: 300px;
  margin-left: 100px
}
.widget-to-app-tooltip .tooltip-arrow {
  left: 10% !important
}
.app-card-disabled-warning-tooltip .tooltip-inner {
  align-items: start;
  display: flex;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content
}
.app-card-disabled-warning-tooltip.tooltip {
  padding: 4px 8px
}
.unsupported-file-container .tooltip {
  position: fixed !important;
  top: 107px !important
}
.playlist-item-name-tooltip {
  z-index: 9999
}
.playlist-item-name-tooltip .tooltip-inner {
  display: flex;
  align-items: center;
  padding: 8px
}
@media (max-width:768px) {
  .unsupported-file-container .tooltip {
    top: 87px !important
  }
}
@media (max-width:579px) {
  .unsupported-file-container .tooltip {
    top: 105px !important;
    left: 300px !important
  }
}
.apply-changes-tooltip {
  background-color: var(--color-background-primary);
  color: var(--color-content-inverse)
}
.first-apply-changes-tooltip {
  width: 270px;
  top: 54px !important;
  left: unset !important;
  right: 0 !important
}
.first-apply-changes-tooltip .tooltip-arrow {
  left: unset !important;
  right: 10px !important
}
.ui-tooltip.apply-changes-tooltip {
  color: var(--color-content-primary);
  background-color: var(--color-background-inverse);
  border-radius: 2px;
  font-size: 11px;
  text-align: center;
  max-width: 225px;
  min-width: 175px
}
.temporary-content-tooltip {
  max-width: 240px
}
.temporary-content-tooltip .tooltip-inner {
  max-width: inherit !important
}
.temporary-content-tooltip .tooltip-inner .title {
  float: left;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 6px
}
.temporary-content-tooltip .tooltip-inner .temporary-content-container-listing {
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  width: 100%
}
.temporary-content-tooltip .tooltip-inner .temporary-content-container-listing .content-name, .temporary-content-tooltip .tooltip-inner .temporary-content-container-listing .takeover-duration {
  text-overflow: ellipsis;
  color: var(--basic_branding);
  overflow: hidden;
  white-space: nowrap
}
.temporary-content-tooltip .tooltip-inner .temporary-content-container-listing .content-name {
  max-width: 220px
}
.temporary-content-tooltip .tooltip-inner .temporary-content-container-listing .takeover-duration {
  color: #fff
}
.merge-schedule-tooltip {
  left: 0 !important;
  width: 293px
}
.merge-schedule-tooltip .tooltip-arrow {
  bottom: 1px !important;
  left: 20px !important
}
.default-content-schedule-tooltip {
  width: 293px
}
.default-content-schedule-tooltip .tooltip-arrow {
  right: 1px !important
}
.takover-feature-tooltip {
  width: 300px
}
.takover-feature-tooltip .tooltip-inner {
  padding: 16px;
  width: 274px
}
.default-content-add-tooltip, .fullcalendar-tooltip {
  background-color: var(--color-background-primary);
  width: auto;
  pointer-events: none
}
.takover-feature-tooltip .tooltip-new-container {
  display: flex;
  justify-content: space-between
}
.default-content-add-tooltip .arrow, .yotooltip .arrow, .yotooltip.default-content-documentation-tooltip .arrow {
  display: inline-block;
  height: 12px;
  position: absolute;
  vertical-align: middle
}
.takover-feature-tooltip .tooltip-new-container .close-tooltip {
  cursor: pointer;
  font-size: 22px;
  text-shadow: none;
  color: #9674fc
}
.takover-feature-tooltip .tooltip-title {
  font-weight: 700;
  margin-bottom: 4px;
  margin-top: 8px
}
.takover-feature-tooltip .tooltip-content {
  font-weight: 300;
  font-size: 13px
}
.fullcalendar-tooltip {
  max-width: 300px;
  border-radius: 8px;
  box-shadow: none
}
.default-content-add-tooltip, .yotooltip {
  border: 1px solid var(--color-border-default);
  box-shadow: none
}
.fullcalendar-tooltip .fullcalendar-tooltip-inner {
  color: var(--color-content-primary);
  padding: 0;
  margin: 0;
  text-align: left;
  font-size: 12px
}
.fullcalendar-tooltip .fullcalendar-tooltip-inner .label-title-name {
  max-width: 100%;
  font-size: 10px;
  color: var(--color-content-tertiary)
}
.fullcalendar-tooltip .fullcalendar-tooltip-inner p.wrap {
  word-wrap: break-all;
  overflow-wrap: break-word
}
.default-content-add-tooltip {
  max-width: 300px;
  border-radius: 8px;
  color: var(--color-content-primary);
  font-size: 12px
}
.default-content-add-tooltip .default-content-add-tooltip-inner {
  color: var(--color-content-primary);
  padding: 0;
  margin: 0;
  text-align: left;
  font-size: 12px
}
.default-content-add-tooltip .default-content-add-tooltip-inner .label-title-name {
  max-width: 100%;
  font-size: 10px;
  color: var(--color-content-tertiary)
}
.default-content-add-tooltip .default-content-add-tooltip-inner p.wrap {
  word-wrap: break-all;
  overflow-wrap: break-word
}
.default-content-add-tooltip .arrow {
  width: 12px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border: none;
  content: '';
  background: linear-gradient(45deg, var(--color-border-default) 0 50%, var(--color-background-primary) 50% 100%);
  bottom: -6px;
  right: 10px
}
.yotooltip {
  background-color: var(--color-background-primary);
  max-width: 300px;
  border-radius: 8px;
  visibility: hidden;
  position: fixed;
  right: 50px;
  padding: 10px;
  z-index: 999;
  color: var(--color-content-tertiary);
  transition: visibility 0s, opacity .2s linear;
  opacity: 0;
  font-size: 12px
}
.yotooltip.on {
  visibility: visible;
  opacity: 1
}
.yotooltip .arrow {
  width: 12px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border: none;
  content: '';
  background: linear-gradient(45deg, var(--color-border-default) 0 50%, var(--color-background-primary) 50% 100%)
}
.yotooltip.default-content-documentation-tooltip {
  max-width: 240px;
  padding: 12px;
  color: var(--color-content-primary);
  background-color: var(--color-background-tertiary) !important;
  border: 1px solid var(--color-border-default)
}
.yotooltip.default-content-documentation-tooltip .arrow {
  width: 12px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border: none;
  content: '';
  background: linear-gradient(45deg, var(--color-border-default) 0 50%, var(--color-background-tertiary) 50% 100%)
}
.yotooltip.top .arrow {
  bottom: -6px
}
.yotooltip.right .arrow {
  right: 18px
}
.yotooltip.left .arrow {
  left: 24px
}
.yotooltip.bottom .arrow {
  top: -4px
}
.yotooltip.center .arrow {
  left: calc(50% - 2px);
  right: 0
}
.temporary-content-modal .modal-body {
  padding: 16px !important
}
.temporary-content-modal .modal-body .bootbox-body #temporary-content-container {
  background-color: var(--color-background-primary);
  height: inherit;
  display: flex;
  flex-direction: column;
  padding: 16px 10px 0 16px;
  border-radius: 6px
}
.temporary-content-modal .modal-body .bootbox-body #temporary-content-container .title {
  font-size: 14px;
  font-weight: 800
}
.temporary-content-modal .modal-body .bootbox-body #temporary-content-container .subtitle {
  font-size: 12px;
  font-weight: 600
}
.temporary-content-modal .modal-body .bootbox-body #temporary-content-container .note {
  font-size: 12px;
  font-weight: 600;
  color: var(--color-border-negative);
  display: inline-flex;
  align-items: center
}
.temporary-content-modal .modal-body .bootbox-body #temporary-content-container .note .ds-warning-triangle {
  padding-right: 6px;
  font-size: 16px
}
.temporary-content-modal .modal-body .bootbox-body #temporary-content-container .padding-btm-16 {
  padding-bottom: 16px
}
.temporary-content-modal .modal-body .bootbox-body #temporary-content-container .padding-btm-8 {
  padding-bottom: 8px
}
.temporary-content-modal .modal-body .bootbox-body #temporary-content-container .select2-container {
  height: 44px
}
.temporary-content-modal .modal-body .bootbox-body #temporary-content-container .select2-container .selection {
  height: inherit
}
.temporary-content-modal .modal-body .bootbox-body #temporary-content-container .select2-container .selection .select2-selection {
  height: inherit;
  box-shadow: none;
  border: 1px solid var(--color-border-section);
  line-height: 2
}
.temporary-content-modal .modal-body .bootbox-body #temporary-content-container .content-container [id*=show_selector] {
  width: 100%;
  max-width: none
}
.temporary-content-modal .modal-body .bootbox-body #temporary-content-container .custom-duration-container {
  height: 44px;
  width: 100%;
  margin-bottom: 16px
}
.temporary-content-modal .modal-body .bootbox-body #temporary-content-container .custom-duration-container .spinner-container {
  height: inherit;
  width: inherit
}
.temporary-content-modal .modal-body .bootbox-body #temporary-content-container .custom-duration-container .spinner-container .ui-spinner {
  height: inherit;
  width: inherit;
  display: inline-flex;
  position: relative
}
.temporary-content-modal .modal-body .bootbox-body #temporary-content-container .custom-duration-container .spinner-container .ui-spinner input {
  margin-right: 0;
  margin-left: 0;
  height: inherit;
  padding-left: 16px;
  width: inherit;
  max-width: none !important;
  border-radius: 4px !important
}
.temporary-content-modal .modal-body .bootbox-body #temporary-content-container .custom-duration-container .spinner-container .ui-spinner input:hover {
  border-color: var(--color-border-hover) !important
}
.temporary-content-modal .modal-body .bootbox-body #temporary-content-container .custom-duration-container .spinner-container .ui-spinner input:focus {
  border-color: var(--color-border-focus) !important
}
.temporary-content-modal .modal-body .bootbox-body #temporary-content-container .custom-duration-container .spinner-container .ui-spinner .ui-spinner-button {
  font-size: 10px
}
.temporary-content-modal .modal-body .bootbox-body #temporary-content-container .custom-duration-container .spinner-container .ui-spinner .ui-spinner-button.ui-spinner-up {
  top: 9px;
  cursor: pointer
}
.temporary-content-modal .modal-body .bootbox-body #temporary-content-container .custom-duration-container .spinner-container .ui-spinner .ui-spinner-button.ui-spinner-up .ds-angle-up {
  color: var(--color-content-primary)
}
.temporary-content-modal .modal-body .bootbox-body #temporary-content-container .custom-duration-container .spinner-container .ui-spinner .ui-spinner-button.ui-spinner-down {
  bottom: 3px;
  cursor: pointer
}
.temporary-content-modal .modal-body .bootbox-body #temporary-content-container .custom-duration-container .spinner-container .ui-spinner .ui-spinner-button.ui-spinner-down .ds-angle-down {
  color: var(--color-content-primary)
}
.temporary-content-modal .modal-body .bootbox-body #temporary-content-container .custom-duration-container .spinner-container .ui-spinner .suffix-text {
  position: absolute;
  right: 40px;
  pointer-events: none;
  color: var(--color-content-primary);
  height: 44px;
  padding: 10px 0
}
.active-temporary-content-container {
  background: rgba(242, 111, 38, .1);
  height: 37px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  position: absolute;
  left: 0;
  padding-left: 34px;
  padding-right: 32px
}
.active-temporary-content-container .ds-temporary-content {
  font-size: 16px;
  margin-right: 6px
}
.active-temporary-content-container .temporary-content-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
  cursor: default
}
.active-temporary-content-container .stop-button-container {
  padding-left: 20px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  position: absolute;
  right: 32px
}
.active-temporary-content-container .stop-button-container .stop-takeover-button {
  background-color: transparent;
  border: none;
  max-width: 128px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.active-temporary-content-container .stop-button-container .stop-takeover-button .message, .active-temporary-content-container .stop-button-container .stop-takeover-button img {
  color: var(--color-border-negative)
}
.stop-temporary-content-modal .modal-title {
  height: 23px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 600
}
.stop-temporary-content-modal .modal-body {
  padding-top: 24px;
  padding-left: 24px;
  height: 172px
}
.stop-temporary-content-modal .modal-body .stop-content-title {
  padding-bottom: 12px;
  font-size: 16px;
  font-weight: 600
}
.stop-temporary-content-modal .modal-body .stop-content-message {
  font-size: 16px
}
.ultra-selector-modal {
  z-index: 1042 !important
}
.ultra-selector-modal .modal-dialog {
  width: 80%
}
.ultra-selector-modal .modal-dialog .fitting-options-container {
  padding-bottom: 20px;
  border-bottom: 2px solid var(--color-border-default) !important
}
.ultra-selector-modal .modal-dialog .fitting-options-container .fitting-field label {
  color: var(--basic_branding)
}
.ultra-selector-modal .modal-dialog .local-files-selector.row {
  margin: 0
}
.ultra-selector-modal .modal-dialog .local-files-selector .ultra-selector-tools-row {
  display: flex;
  align-items: center;
  margin: 0 0 29px
}
@media (max-width:610px) {
  .ultra-selector-modal .modal-dialog .local-files-selector .ultra-selector-tools-row {
    flex-direction: column;
    row-gap: 16px
  }
}
.ultra-selector-modal .modal-dialog .local-files-selector .ultra-selector-tools-row .inner-tabs {
  margin-right: auto
}
.ultra-selector-modal .modal-dialog .local-files-selector .ultra-selector-tools-row .inner-tabs .inner-media-tabs {
  display: flex
}
.ultra-selector-modal .modal-dialog .local-files-selector .ultra-selector-tools-row .inner-tabs .inner-media-tabs label.filter-type-button {
  align-items: center;
  margin-right: 10px;
  height: 36px;
  margin-bottom: 0;
  border-radius: 44px !important;
  margin-top: 0;
  cursor: pointer;
  display: flex;
  padding: 0 18px !important
}
.ultra-selector-modal .modal-dialog .local-files-selector .ultra-selector-tools-row .inner-tabs .inner-media-tabs #inner-filters-select + .select2-container {
  display: none
}
@media (max-width:1140px) {
  .ultra-selector-modal .modal-dialog .local-files-selector .ultra-selector-tools-row .inner-tabs .inner-media-tabs label.filter-type-button {
    display: none
  }
  .ultra-selector-modal .modal-dialog .local-files-selector .ultra-selector-tools-row .inner-tabs .inner-media-tabs #inner-filters-select + .select2-container {
    display: block
  }
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container {
  display: flex;
  margin: 20px 0 0
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container .folder-local-files {
  padding: 0 0 0 15px
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container .folder-local-files h3.empty-results {
  color: var(--color-content-secondary)
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container .folder-local-files ul#available_files {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
  margin-bottom: 15px
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container .folder-local-files ul#available_files li {
  margin: 0 0 20px;
  overflow: initial;
  border: 0
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container .folder-local-files ul#available_files li .ultra-item-checkbox {
  position: absolute !important;
  top: 4px;
  width: 119px
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container .folder-local-files ul#available_files li .ultra-item-checkbox input, .ultra-selector-modal .modal-dialog .local-files-selector .local-files-container .folder-local-files ul#available_files li .ultra-item-checkbox span.lbl {
  position: absolute;
  right: 4px
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container .folder-local-files ul#available_files li.selected .media-name {
  color: var(--basic_branding)
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container .folder-local-files ul#available_files li .item-indicator {
  z-index: 20;
  position: absolute;
  top: -10px;
  left: -5px;
  background-color: var(--color-background-inverse);
  display: flex;
  color: var(--color-content-tertiary);
  font-weight: 700;
  border-radius: 5px;
  border: 1px solid
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container .folder-local-files ul#available_files li .item-indicator i {
  font-size: 20px;
  font-weight: 600
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container .folder-local-files ul#available_files li .item-expired {
  z-index: 20;
  position: absolute;
  width: 119px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  bottom: 44px
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container .folder-local-files ul#available_files li .item-expired > span {
  background-color: var(--color-background-primary);
  font-size: 12px;
  color: var(--color-content-negative);
  padding: 4px;
  width: 57px;
  display: inline-block;
  border-radius: 34px;
  -webkit-filter: grayscale(40%);
  filter: grayscale(40%);
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container .folder-local-files ul#available_files li .img-container {
  height: 119px;
  width: 119px;
  box-shadow: 0 0 5px 0 #adb5bd;
  cursor: pointer
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container .folder-local-files ul#available_files li .img-container:hover {
  border: 1px solid var(--color-border-default)
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container .folder-local-files ul#available_files li .img-container .inner {
  font-size: 13px;
  min-width: 100px;
  min-height: 80px;
  padding: 0
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container .folder-local-files ul#available_files li .img-container .inner .title {
  padding: 14px 0;
  font-size: 13px;
  min-width: 100px;
  min-height: 80px;
  max-height: 120px;
  overflow: hidden
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container .folder-local-files ul#available_files li .img-container .inner a {
  height: 126px
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container .folder-local-files ul#available_files li .img-container img {
  position: relative;
  width: 119px;
  height: 119px;
  -o-object-fit: contain;
  object-fit: contain;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  background: 0 0;
  border-radius: 0;
  padding: 0;
  border: 1px solid var(--color-border-default)
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container .folder-local-files ul#available_files li .media-name > span {
  display: block;
  text-align: center;
  cursor: default;
  width: 100%;
  word-break: break-all;
  padding: 10px 15px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container .folder-local-files .load-more-container {
  width: 100%;
  display: flex;
  justify-content: center
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] {
  max-height: 100%
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view {
  border-bottom: none;
  margin: 0
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view .widget-header {
  font-size: 14px;
  display: none
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view .widget-body {
  border: none;
  background-color: transparent !important
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view .widget-body .widget-main {
  padding: 0
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view .widget-body .widget-main #folderTree {
  border: var(--border);
  padding-left: 8px;
  border-radius: 8px;
  background-color: var(--color-background-primary);
  background-size: 36px 36px;
  background-image: linear-gradient(transparent 35px, var(--color-background-inverse) 1px)
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch {
  display: flex;
  flex-wrap: wrap;
  margin: 0
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch[haschildren=false][folder_id='0'] > .folder-tree-line {
  padding-left: 32px
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch[haschildren=false]:not([folder_id='0']) > .folder-tree-line .folder-icon {
  padding-left: 28px
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch[haschildren=true] .workspace-icon {
  padding-left: 8px
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch[haschildren=true] > .folder-tree-line .folder-icon {
  padding-left: 4px
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch > .folder-tree-line > .tree-branch-header {
  width: 100%
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch > .folder-tree-line > .tree-branch-header:hover {
  background-color: transparent
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch > ul.tree-branch-children {
  margin: 0 0 0 28px;
  flex-basis: 100%;
  width: calc(100% - 36px);
  padding: 0;
  position: relative
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch .folder-tree-line {
  width: 100%;
  height: 36px;
  box-shadow: 0 -1px 0 0 var(--color-background-tertiary) inset;
  display: inline-flex;
  align-items: center;
  justify-content: space-between
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch .tree-branch-header {
  padding: 0;
  display: inline-flex;
  align-items: center
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch .tree-branch-header .tree-branch-name {
  display: flex;
  width: 100%;
  color: var(--color-content-primary);
  padding-right: 12px
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch .tree-branch-header .tree-branch-name .tree-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 90%
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch .tree-branch-header .tree-branch-name i {
  font-size: 20px;
  padding-right: 12px
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch .tree-branch-header .tree-branch-name .tree-branch-label {
  margin-left: 0
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch.tree-selected > .folder-tree-line {
  background-color: var(--color-background-tertiary);
  box-shadow: -400px -.5px 0 .5px var(--color-background-tertiary), -300px -.5px 0 .5px var(--color-background-tertiary), -200px -.5px 0 .5px var(--color-background-tertiary), -100px -.5px 0 .5px var(--color-background-tertiary), 0 -1px 0 0 var(--color-background-tertiary) inset
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch.tree-selected > .folder-tree-line .tree-branch-name {
  font-weight: 500
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch.tree-open {
  background-color: transparent;
  margin-bottom: 0;
  margin-top: 0
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch, .ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-item {
  border-left: none !important
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-container [id$='_files_folder_tree'] .folder-tree-view .widget-body .widget-main #folderTree.tree .tree-branch .icon-caret {
  cursor: pointer;
  font-size: 16px;
  padding: 0 4px
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-search-form .search-container {
  margin-right: 20px;
  margin-left: auto;
  max-width: 300px;
  width: 100%
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-search-form .search-container input {
  height: 40px;
  width: 100%;
  background-color: var(--color-background-inverse);
  font-size: 14px;
  font-weight: 300;
  border-radius: 5px !important;
  padding: 5px 72px 5px 10px
}
.item-box-style .item-box.regular-style .name-preview-container .preview-container > i, .item-box-style .item-box.regular-style .name-preview-container .preview-container > span, .ultra-selector-items-main-container .available-items-container .folders-container .folders-content .folder-item .name-preview-container .preview-container > i, .ultra-selector-items-main-container .available-items-container .folders-container .folders-content .folder-item .name-preview-container .preview-container > span, .ultra-selector-items-main-container .available-items-container .mixed-container .item-box.regular-style .name-preview-container .preview-container > i, .ultra-selector-items-main-container .available-items-container .mixed-container .item-box.regular-style .name-preview-container .preview-container > span, .ultra-selector-items-main-container .available-items-container .single-container .single-content .item-box.regular-style .name-preview-container .preview-container > i, .ultra-selector-items-main-container .available-items-container .single-container .single-content .item-box.regular-style .name-preview-container .preview-container > span {
  font-size: 64px
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-search-form .search-container input:focus {
  border: 1px solid var(--basic_branding)
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-search-form .search-container input:placeholder-shown {
  text-overflow: ellipsis
}
.ultra-selector-modal .modal-dialog .local-files-selector .local-files-search-form .search-container .clear_search:after {
  display: flex;
  align-items: center;
  padding-top: 0;
  margin-bottom: 0
}
.ultra-selector-modal .modal-dialog .local-files-selector .magnifier-glass-search-icon {
  cursor: pointer;
  background-color: var(--basic_branding);
  height: 34px;
  border: 1px solid var(--basic_branding);
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%
}
.ultra-selector-modal .modal-dialog .local-files-selector .magnifier-glass-search-icon > i {
  color: var(--color-background-inverse)
}
.ultra-selector-modal .modal-dialog .local-files-selector .no-selection-error-container {
  margin-top: 10px
}
.ultra-selector-modal .modal-dialog .local-files-selector.allow-multiselection .folder-local-files {
  flex-direction: column;
  justify-content: flex-start !important
}
.ultra-selector-modal .modal-dialog .local-files-selector.allow-multiselection .folder-local-files .multi-select-all-container {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  margin-right: 15px
}
.ultra-selector-modal .modal-dialog .local-files-selector.allow-multiselection .folder-local-files .multi-select-all-container .select-all-item-checkbox {
  margin-bottom: 0
}
.ultra-selector-modal .modal-dialog .local-files-selector.allow-multiselection .folder-local-files .multi-select-all-container .select-all-item-checkbox input[name=selectAllItemsCheckbox] {
  margin-top: 0
}
.ultra-selector-modal .modal-dialog .local-files-selector.allow-multiselection .folder-local-files .multi-select-all-container .select-all-item-checkbox .lbl {
  display: flex;
  align-items: center
}
.ultra-selector-modal .modal-dialog .local-files-selector.allow-multiselection .folder-local-files .multi-select-all-container .select-all-item-checkbox .lbl span:first-of-type {
  margin-left: 6px
}
.ultra-selector-modal .modal-dialog .local-files-selector.allow-multiselection .folder-local-files .multi-select-all-container .total-container .num-of-selected-items {
  font-weight: 700
}
.ultra-selector-modal .modal-dialog .local-files-selector.allow-multiselection .folder-local-files .empty-results {
  text-align: center
}
.ultra-selector-modal .modal-footer {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 20
}
@media (max-width:1100px) {
  .ultra-selector-modal .magnifier-glass-search-icon {
    display: flex
  }
  .ultra-selector-modal .photo-search-button, .ultra-selector-modal .video-search-button {
    display: none !important
  }
}
@media (max-width:767px) {
  #all_items_selector_container .local-files-selector .local-file-search-button {
    display: none !important
  }
  #all_items_selector_container .local-files-selector .magnifier-glass-search-icon {
    display: flex
  }
  #folderTree {
    margin-bottom: 16px
  }
  .local-files-container {
    flex-flow: column
  }
  .local-files-container #local_files_folder_tree, .local-files-container .folder-local-files {
    width: 100% !important
  }
  #local_files_folder_tree {
    border-right: none
  }
}
@media (max-width:410px) {
  .folder-local-files ul#available_files {
    display: flex;
    flex-direction: column;
    align-items: center
  }
}
.item-box-style .item-box {
  cursor: pointer;
  margin-bottom: 12px;
  width: 110px
}
.item-box-style .item-box.regular-style {
  cursor: pointer;
  background-color: var(--color-background-inverse);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
  height: 119px;
  border-radius: 8px;
  padding: 8px
}
html.dark .item-box-style .item-box.regular-style {
  border: 1px solid var(--color-border-default)
}
.item-box-style .item-box.regular-style .name-preview-container .preview-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  border-radius: 6px;
  background-color: var(--color-background-primary);
  width: 100%;
  height: 80px
}
html.dark .item-box-style .item-box.regular-style .name-preview-container .preview-container .no-thumbnail {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}
.item-box-style .item-box.regular-style .name-preview-container .name-container {
  margin-top: 8px
}
.item-box-style .item-box.regular-style .name-preview-container .name-container .item-name {
  width: 120px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.item-box-style .item-box .expired-item-indicator {
  display: flex;
  top: 6px;
  background-color: var(--color-background-tertiary);
  border-radius: 20px;
  padding: 4px 8px;
  border: 1px solid var(--color-border-negative);
  position: absolute;
  left: 6px;
  align-items: center;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px
}
.item-box-style .item-box .expired-item-indicator .circle-indicator {
  display: inline-block;
  height: 12px;
  width: 12px;
  background-color: var(--color-content-negative);
  border-radius: 100%
}
.item-box-style .item-box .expired-item-indicator .expired-text {
  color: var(--color-content-negative)
}
.item-box-style .item-box img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  -o-object-fit: cover;
  object-fit: cover;
  min-height: 77px
}
.item-box-style .item-box img.no-thumbnail {
  height: 42px
}
.item-box-style .item-box.mixed.empty-thumbnail img {
  width: 42px !important;
  min-height: auto !important
}
.item-box-style .item-box .playlist-type-indicator {
  left: 13px;
  top: 11px;
  position: absolute;
  background-color: var(--color-background-inverse);
  padding: 4px;
  display: flex;
  align-items: center;
  border-radius: 6px
}
.item-box-style .item-box .playlist-type-indicator i {
  font-size: 14px
}
.item-box-style .item-box.interactive-app, .item-box-style .item-box.interactive-playlist {
  cursor: default
}
.ultra-selector-items-main-container .magenta-button {
  width: 100%
}
.ultra-selector-items-main-container .subtype-filter-container .subtype-inner-tabs-container {
  margin-top: 16px;
  position: relative
}
.ultra-selector-items-main-container .subtype-filter-container .subtype-inner-tabs-container .inner-tabs .nav-left, .ultra-selector-items-main-container .subtype-filter-container .subtype-inner-tabs-container .inner-tabs .nav-right {
  z-index: 9;
  width: 20px;
  height: 100%;
  position: absolute;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.ultra-selector-items-main-container .subtype-filter-container .subtype-inner-tabs-container .inner-tabs .nav-right {
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) -75%, var(--color-background-inverse) 75%)
}
.ultra-selector-items-main-container .subtype-filter-container .subtype-inner-tabs-container .inner-tabs .nav-left {
  left: 0;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) -75%, var(--color-background-inverse) 75%)
}
.ultra-selector-items-main-container .subtype-filter-container .subtype-inner-tabs-container .inner-tabs .inner-filter-tabs {
  scrollbar-width: none;
  display: flex;
  gap: 8px;
  overflow: auto;
  position: relative
}
.ultra-selector-items-main-container .subtype-filter-container .subtype-inner-tabs-container .inner-tabs .inner-filter-tabs .filter-type-button {
  cursor: pointer;
  margin-bottom: 0;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  height: 36px
}
.ultra-selector-items-main-container .search-item-container .search-filters-container {
  margin-top: 16px;
  position: relative
}
.ultra-selector-items-main-container .search-item-container .search-filters-container .search-context {
  padding-left: 40px;
  width: 100%
}
.ultra-selector-items-main-container .search-item-container .search-filters-container .apply-search {
  cursor: pointer;
  position: absolute;
  left: 10px;
  top: 10px
}
.ultra-selector-items-main-container .search-item-container .search-filters-container .apply-filter-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  position: absolute;
  right: 8px;
  top: 7px
}
.ultra-selector-items-main-container .search-item-container .search-filters-container .apply-filter-container .toggle-filter {
  cursor: pointer;
  padding: 6px;
  border-radius: 100%;
  z-index: 10
}
.ultra-selector-items-main-container .search-item-container .search-filters-container .apply-filter-container .toggle-filter.is-open {
  background-color: var(--color-background-secondary)
}
.ultra-selector-items-main-container .search-item-container .search-filters-container .apply-filter-container.applied .toggle-filter {
  background-color: var(--color-background-secondary);
  box-shadow: 1px 0 2px 0 rgba(12, 19, 76, .1)
}
.ultra-selector-items-main-container .search-item-container .search-filters-container .apply-filter-container .clear-search {
  border-right: 2px solid #e4e5e7;
  margin-right: 8px;
  padding-right: 16px;
  cursor: pointer
}
.ultra-selector-items-main-container .search-item-container .search-filters-container .apply-filter-container .reset-indicator {
  cursor: pointer;
  height: 30px;
  border-radius: 30px;
  z-index: 9;
  margin-left: -30px;
  padding: 6px 12px 6px 38px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  background-color: var(--color-background-secondary)
}
.ultra-selector-items-main-container .search-item-container .search-filters-container .filters-container {
  z-index: 100;
  width: 100%;
  background-color: var(--color-background-inverse);
  position: absolute;
  top: 50px;
  padding: 24px;
  box-shadow: 0 -2px 15px 0 rgba(0, 0, 0, .1);
  border-radius: 8px;
  border: none
}
html.dark .ultra-selector-items-main-container .search-item-container .search-filters-container .filters-container {
  border: 1px solid var(--color-border-default)
}
.ultra-selector-items-main-container .search-item-container .search-filters-container .filters-container .filter-workspaces-container {
  margin-bottom: 24px;
  justify-content: center;
  align-items: start;
  flex-direction: column;
  display: flex
}
.ultra-selector-items-main-container .search-item-container .search-filters-container .filters-container .filter-workspaces-container .workspaces-container {
  display: none
}
.ultra-selector-items-main-container .search-item-container .search-filters-container .filters-container .filter-workspaces-container label {
  justify-content: center;
  align-items: start;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px
}
.ultra-selector-items-main-container .search-item-container .search-filters-container .filters-container .filter-playlists-container {
  margin-bottom: 24px
}
.ultra-selector-items-main-container .search-item-container .search-filters-container .filters-container .filter-playlists-container #select2-us_playlistTypeSelect-container > span, .ultra-selector-items-main-container .search-item-container .search-filters-container .filters-container .filter-playlists-container #select2-us_playlistTypeSelect-results .us-playlist-filter-result {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px
}
.ultra-selector-items-main-container .search-item-container .search-filters-container .filters-container .filter-tags-container {
  justify-content: center;
  align-items: start;
  flex-direction: column;
  display: flex;
  margin-bottom: 24px
}
.ultra-selector-items-main-container .search-item-container .search-filters-container .filters-container .filter-tags-container label {
  justify-content: center;
  align-items: start;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px
}
.ultra-selector-items-main-container .search-item-container .search-filters-container .filters-container .filter-tags-container .us_tagsSelect {
  width: 100%
}
.ultra-selector-items-main-container .search-item-container .search-filters-container .filters-container .filter-action-buttons-container {
  justify-content: end;
  align-items: center;
  flex-direction: row;
  display: flex
}
.ultra-selector-items-main-container .available-items-container .folders-container {
  margin-top: 32px
}
.ultra-selector-items-main-container .available-items-container .folders-container .header-section {
  margin-bottom: 24px
}
.ultra-selector-items-main-container .available-items-container .folders-container .folders-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  row-gap: 12px
}
.ultra-selector-items-main-container .available-items-container .folders-container .folders-content .folder-item {
  cursor: pointer;
  background-color: var(--color-background-inverse);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
  height: 136px;
  border-radius: 8px;
  padding: 8px
}
html.dark .ultra-selector-items-main-container .available-items-container .folders-container .folders-content .folder-item {
  border: 1px solid var(--color-border-default)
}
.ultra-selector-items-main-container .available-items-container .folders-container .folders-content .folder-item .name-preview-container .preview-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  border-radius: 6px;
  background-color: var(--color-background-primary);
  width: 100%;
  height: 80px
}
html.dark .ultra-selector-items-main-container .available-items-container .folders-container .folders-content .folder-item .name-preview-container .preview-container .no-thumbnail {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}
.ultra-selector-items-main-container .available-items-container .folders-container .folders-content .folder-item .name-preview-container .name-container {
  margin-top: 8px
}
.ultra-selector-items-main-container .available-items-container .folders-container .folders-content .folder-item .name-preview-container .name-container .item-name {
  width: 120px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.ultra-selector-items-main-container .available-items-container .folders-container .folders-toggle {
  height: 20px;
  margin-top: 24px;
  padding-right: 0;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.ultra-selector-items-main-container .available-items-container .folders-container .folders-toggle .toggle-text {
  height: 20px
}
.ultra-selector-items-main-container .available-items-container .folders-container .folders-toggle .toggle-arrow {
  color: var(--color-content-link)
}
.ultra-selector-items-main-container .available-items-container .mixed-container .item-box .expired-item-indicator .expired-text, .ultra-selector-items-main-container .available-items-container .single-container .single-content .item-box .expired-item-indicator .expired-text {
  color: var(--color-content-negative)
}
.ultra-selector-items-main-container .available-items-container .single-container {
  margin-top: 32px
}
.ultra-selector-items-main-container .available-items-container .single-container .header-section {
  margin-bottom: 24px
}
.ultra-selector-items-main-container .available-items-container .single-container .empty-single-items {
  text-align: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex
}
.ultra-selector-items-main-container .available-items-container .single-container .empty-single-items .empty-text {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex
}
.ultra-selector-items-main-container .available-items-container .single-container .empty-single-items .empty-text .empty-title {
  margin-bottom: 12px
}
.ultra-selector-items-main-container .available-items-container .single-container .empty-single-items img {
  width: 142px;
  height: 130px;
  margin-bottom: 36px
}
.ultra-selector-items-main-container .available-items-container .single-container .single-content .item-box {
  cursor: pointer;
  margin-bottom: 12px;
  width: 110px
}
.ultra-selector-items-main-container .available-items-container .single-container .single-content .item-box.regular-style {
  cursor: pointer;
  background-color: var(--color-background-inverse);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
  height: 119px;
  border-radius: 8px;
  padding: 8px
}
html.dark .ultra-selector-items-main-container .available-items-container .single-container .single-content .item-box.regular-style {
  border: 1px solid var(--color-border-default)
}
.ultra-selector-items-main-container .available-items-container .single-container .single-content .item-box.regular-style .name-preview-container .preview-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  border-radius: 6px;
  background-color: var(--color-background-primary);
  width: 100%;
  height: 80px
}
html.dark .ultra-selector-items-main-container .available-items-container .single-container .single-content .item-box.regular-style .name-preview-container .preview-container .no-thumbnail {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}
.ultra-selector-items-main-container .available-items-container .single-container .single-content .item-box.regular-style .name-preview-container .name-container {
  margin-top: 8px
}
.ultra-selector-items-main-container .available-items-container .mixed-container, .ultra-selector-items-main-container .available-items-container .total-empty-container {
  margin-top: 32px
}
.ultra-selector-items-main-container .available-items-container .single-container .single-content .item-box.regular-style .name-preview-container .name-container .item-name {
  width: 120px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.ultra-selector-items-main-container .available-items-container .single-container .single-content .item-box .expired-item-indicator {
  display: flex;
  top: 6px;
  background-color: var(--color-background-tertiary);
  border-radius: 20px;
  padding: 4px 8px;
  border: 1px solid var(--color-border-negative);
  position: absolute;
  left: 6px;
  align-items: center;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px
}
.ultra-selector-items-main-container .available-items-container .single-container .single-content .item-box .expired-item-indicator .circle-indicator {
  display: inline-block;
  height: 12px;
  width: 12px;
  background-color: var(--color-content-negative);
  border-radius: 100%
}
.ultra-selector-items-main-container .available-items-container .single-container .single-content .item-box img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  -o-object-fit: cover;
  object-fit: cover;
  min-height: 77px
}
.ultra-selector-items-main-container .available-items-container .single-container .single-content .item-box img.no-thumbnail {
  height: 42px
}
.ultra-selector-items-main-container .available-items-container .single-container .single-content .item-box.mixed.empty-thumbnail img {
  width: 42px !important;
  min-height: auto !important
}
.ultra-selector-items-main-container .available-items-container .single-container .single-content .item-box .playlist-type-indicator {
  left: 13px;
  top: 11px;
  position: absolute;
  background-color: var(--color-background-inverse);
  padding: 4px;
  display: flex;
  align-items: center;
  border-radius: 6px
}
.ultra-selector-items-main-container .available-items-container .single-container .single-content .item-box .playlist-type-indicator i {
  font-size: 14px
}
.ultra-selector-items-main-container .available-items-container .single-container .single-content .item-box.interactive-app, .ultra-selector-items-main-container .available-items-container .single-container .single-content .item-box.interactive-playlist {
  cursor: default
}
.ultra-selector-items-main-container .available-items-container .mixed-container .empty-mixed-items {
  text-align: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex
}
.ultra-selector-items-main-container .available-items-container .mixed-container .empty-mixed-items .empty-text {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex
}
.ultra-selector-items-main-container .available-items-container .mixed-container .empty-mixed-items .empty-text .empty-title {
  margin-bottom: 12px
}
.ultra-selector-items-main-container .available-items-container .mixed-container .empty-mixed-items img {
  width: 142px;
  height: 130px;
  margin-bottom: 36px
}
.ultra-selector-items-main-container .available-items-container .mixed-container .item-box {
  cursor: pointer;
  margin-bottom: 12px;
  width: 110px
}
.ultra-selector-items-main-container .available-items-container .mixed-container .item-box.regular-style {
  cursor: pointer;
  background-color: var(--color-background-inverse);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
  height: 119px;
  border-radius: 8px;
  padding: 8px
}
html.dark .ultra-selector-items-main-container .available-items-container .mixed-container .item-box.regular-style {
  border: 1px solid var(--color-border-default)
}
.ultra-selector-items-main-container .available-items-container .mixed-container .item-box.regular-style .name-preview-container .preview-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  border-radius: 6px;
  background-color: var(--color-background-primary);
  width: 100%;
  height: 80px
}
html.dark .ultra-selector-items-main-container .available-items-container .mixed-container .item-box.regular-style .name-preview-container .preview-container .no-thumbnail {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}
.ultra-selector-items-main-container .available-items-container .mixed-container .item-box.regular-style .name-preview-container .name-container {
  margin-top: 8px
}
.ultra-selector-items-main-container .available-items-container .mixed-container .item-box.regular-style .name-preview-container .name-container .item-name {
  width: 120px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.ultra-selector-items-main-container .available-items-container .mixed-container .item-box .expired-item-indicator {
  display: flex;
  top: 6px;
  background-color: var(--color-background-tertiary);
  border-radius: 20px;
  padding: 4px 8px;
  border: 1px solid var(--color-border-negative);
  position: absolute;
  left: 6px;
  align-items: center;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px
}
.ultra-selector-items-main-container .available-items-container .mixed-container .item-box .expired-item-indicator .circle-indicator {
  display: inline-block;
  height: 12px;
  width: 12px;
  background-color: var(--color-content-negative);
  border-radius: 100%
}
.ultra-selector-items-main-container .available-items-container .mixed-container .item-box img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  -o-object-fit: cover;
  object-fit: cover;
  min-height: 77px
}
.ultra-selector-items-main-container .available-items-container .mixed-container .item-box img.no-thumbnail {
  height: 42px
}
.ultra-selector-items-main-container .available-items-container .mixed-container .item-box.mixed.empty-thumbnail img {
  width: 42px !important;
  min-height: auto !important
}
.ultra-selector-items-main-container .available-items-container .mixed-container .item-box .playlist-type-indicator {
  left: 13px;
  top: 11px;
  position: absolute;
  background-color: var(--color-background-inverse);
  padding: 4px;
  display: flex;
  align-items: center;
  border-radius: 6px
}
.ultra-selector-items-main-container .available-items-container .mixed-container .item-box .playlist-type-indicator i {
  font-size: 14px
}
.ultra-selector-items-main-container .available-items-container .mixed-container .item-box.interactive-app, .ultra-selector-items-main-container .available-items-container .mixed-container .item-box.interactive-playlist {
  cursor: default
}
.ultra-selector-items-main-container .available-items-container .mixed-container .folder-item {
  cursor: pointer;
  background-color: var(--color-background-inverse);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
  height: 136px;
  border-radius: 8px;
  padding: 8px
}
html.dark .ultra-selector-items-main-container .available-items-container .mixed-container .folder-item {
  border: 1px solid var(--color-border-default)
}
.ultra-selector-items-main-container .available-items-container .mixed-container .folder-item .name-preview-container .preview-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  border-radius: 6px;
  background-color: var(--color-background-primary);
  width: 100%;
  height: 80px
}
html.dark .ultra-selector-items-main-container .available-items-container .mixed-container .folder-item .name-preview-container .preview-container .no-thumbnail {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}
.ultra-selector-items-main-container .available-items-container .mixed-container .folder-item .name-preview-container .preview-container > i, .ultra-selector-items-main-container .available-items-container .mixed-container .folder-item .name-preview-container .preview-container > span {
  font-size: 64px
}
.ultra-selector-items-main-container .available-items-container .mixed-container .folder-item .name-preview-container .name-container {
  margin-top: 8px
}
.ultra-selector-items-main-container .available-items-container .mixed-container .folder-item .name-preview-container .name-container .item-name {
  width: 120px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.ultra-selector-items-main-container .available-items-container .mixed-container .header-section {
  margin-bottom: 24px
}
.ultra-selector-items-main-container .available-items-container .mixed-container .header-section .breadcrumb-path {
  justify-content: start;
  align-items: center;
  flex-direction: row;
  display: flex
}
.ultra-selector-items-main-container .available-items-container .mixed-container .header-section .breadcrumb-path .breadcrumb-item {
  cursor: pointer;
  color: var(--color-content-primary);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 116px
}
.ultra-selector-items-main-container .available-items-container .mixed-container .header-section .breadcrumb-path .breadcrumb-item.active {
  cursor: default;
  color: inherit
}
.ultra-selector-items-main-container .available-items-container .mixed-container .header-section .breadcrumb-path .arrow-right-icon {
  padding: 0 8px;
  color: var(--color-content-secondary)
}
.ultra-selector-items-main-container .available-items-container .mixed-container .header-section .breadcrumb-path .crumb-item-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.ultra-selector-items-main-container .available-items-container .mixed-container .header-section .breadcrumb-path .crumb-item-container[crumb_id='-1'] {
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px
}
.ultra-selector-items-main-container .available-items-container .mixed-container .header-section .breadcrumb-path .crumb-item-container .workspaces {
  margin-right: 8px
}
.ultra-selector-items-main-container .available-items-container .mixed-container .header-section .breadcrumb-path .breadcrumb-ellipsis-container {
  position: relative;
  display: flex;
  align-items: center
}
.ultra-selector-items-main-container .available-items-container .mixed-container .header-section .breadcrumb-path .breadcrumb-ellipsis-container a {
  color: #1e1c24;
  display: flex;
  align-items: center;
  border-radius: 5px;
  padding: 5px 8px;
  text-decoration: none
}
.ultra-selector-items-main-container .available-items-container .mixed-container .header-section .breadcrumb-path .breadcrumb-ellipsis-container .hidden-breadcrumb-items {
  box-shadow: rgba(0, 0, 0, .1) 0 4px 21px;
  width: 187px;
  max-width: 187px;
  max-height: 414px;
  left: -10px;
  top: 25px;
  padding: 8px;
  border-color: transparent !important;
  border-radius: 7px !important
}
.ultra-selector-items-main-container .available-items-container .mixed-container .header-section .breadcrumb-path .breadcrumb-ellipsis-container .hidden-breadcrumb-items li {
  width: 100%;
  padding: 4px 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 165px
}
.ultra-selector-items-main-container .available-items-container .mixed-container .header-section .breadcrumb-path .breadcrumb-ellipsis-container .hidden-breadcrumb-items li:last-of-type {
  display: none
}
.ultra-selector-items-main-container .available-items-container .total-empty-container .total-empty-items {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  text-align: center
}
.ultra-selector-items-main-container .available-items-container .total-empty-container .total-empty-items .empty-text {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex
}
.ultra-selector-items-main-container .available-items-container .total-empty-container .total-empty-items .empty-text .empty-title {
  margin-bottom: 12px
}
.ultra-selector-items-main-container .available-items-container .total-empty-container .total-empty-items .empty-add-new-container {
  margin-top: 24px;
  width: 100%
}
.ultra-selector-items-main-container .available-items-container .total-empty-container .total-empty-items img {
  width: 142px;
  height: 130px;
  margin-bottom: 36px
}
.user-group-black-and-white {
  border: 1px solid var(--color-border-default);
  background-color: var(--color-background-primary)
}
.user-group-global-admin {
  border: 1px solid var(--pill-global-admin-border) !important;
  background-color: var(--pill-global-admin-background)
}
.user-group-account-billing {
  border: 1px solid var(--pill-account-billing-border) !important;
  background-color: var(--pill-account-billing-background)
}
.user-group-all-users {
  border: 1px solid var(--pill-all-users-border) !important;
  background-color: var(--pill-all-users-background)
}
.user-group-workspace-admin {
  border: 1px solid var(--pill-workspace-admin-border) !important;
  background-color: var(--pill-workspace-admin-background)
}
.user-group-content-device-manager {
  border: 1px solid var(--color-border-default) !important;
  background-color: var(--pill-content-device-manager-background)
}
.user-group-content-managers {
  border: 1px solid var(--pill-content-managers-border) !important;
  background-color: var(--pill-content-managers-background)
}
.user-group-content-creators {
  border: 1px solid var(--pill-content-creators-border) !important;
  background-color: var(--pill-content-creators-background)
}
.user-group-content-viewers {
  border: 1px solid var(--pill-content-viewers-border) !important;
  background-color: var(--pill-content-viewers-background)
}
.user-group-publishers {
  border: 1px solid var(--pill-publishers-border) !important;
  background-color: var(--pill-publishers-background)
}
.user-group-custom-1 {
  border: 1px solid var(--pill-custom-1-border) !important;
  background-color: var(--pill-custom-1-background)
}
.user-group-custom-2 {
  border: 1px solid var(--pill-custom-2-border) !important;
  background-color: var(--pill-custom-2-background)
}
.user-group-custom-3 {
  border: 1px solid var(--pill-custom-3-border) !important;
  background-color: var(--pill-custom-3-background)
}
.user-group-custom-4 {
  border: 1px solid var(--pill-custom-4-border) !important;
  background-color: var(--pill-custom-4-background)
}
#user-list .filters-container {
  display: flex
}
#user-list .filters-container .access-workspace-filter, #user-list .filters-container .primary-workspace-filter {
  margin-right: 16px;
  width: 236px
}
#user-list .filters-container .access-workspace-filter .select2-container .select2-selection, #user-list .filters-container .primary-workspace-filter .select2-container .select2-selection {
  height: 40px
}
#user-list .filters-container .access-workspace-filter .select2-container .select2-selection .selection-inner, #user-list .filters-container .primary-workspace-filter .select2-container .select2-selection .selection-inner {
  max-width: 157px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
#user-list .filters-container .access-workspace-filter .select2-container .select2-selection .primary-access-buttons, #user-list .filters-container .primary-workspace-filter .select2-container .select2-selection .primary-access-buttons {
  display: flex;
  align-items: center
}
#user-list .filters-container .access-workspace-filter .select2-container .select2-selection .clear-icon:before, #user-list .filters-container .primary-workspace-filter .select2-container .select2-selection .clear-icon:before {
  color: var(--color-content-tertiary)
}
#user-list .filters-container .access-workspace-filter .select2-container .select2-selection[aria-expanded=true] .filter-arrow, #user-list .filters-container .primary-workspace-filter .select2-container .select2-selection[aria-expanded=true] .filter-arrow {
  -webkit-transform: rotate(0);
  transform: rotate(0)
}
#user-list .filters-container .access-workspace-filter .select2-container .select2-selection .filter-arrow, #user-list .filters-container .primary-workspace-filter .select2-container .select2-selection .filter-arrow {
  float: right;
  width: 16px;
  margin-right: 14px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-filter: var(--filter);
  filter: var(--filter)
}
#user-list .export-button {
  border-radius: 4px
}
@media (max-width:720px) {
  #user-list .export-button {
    margin-bottom: 8px;
    margin-right: 0
  }
}
#user-list .export-button > a {
  all: unset;
  display: flex;
  align-items: center;
  gap: 4px
}
#user-list .col-email {
  padding-left: 16px !important
}
#user-list .item-name {
  display: flex;
  flex-direction: column
}
#user-list .item-name.primary-workspace {
  color: var(--color-content-primary);
  font-weight: 300;
  font-size: 14px
}
#user-list .item-name .item-name-top {
  display: flex;
  flex-wrap: wrap-reverse;
  gap: 5px
}
#user-list .item-name .item-name-top .full-name {
  margin: 0
}
#user-list .item-name .item-name-top .role-labels {
  display: flex
}
#user-list .item-name .full-name, #user-list .item-name .single-role-name {
  color: var(--color-content-primary);
  font-weight: 600;
  font-size: 14px;
  margin-right: 8px
}
#user-list .item-name .role-label {
  padding: 2px 4px;
  margin-right: 8px;
  font-size: 10px;
  font-weight: 600;
  border-radius: 4px
}
#user-list .item-name .role-label.admin {
  border: 1px solid var(--color-border-warning);
  background-color: var(--color-background-warning-subtle)
}
#user-list .item-name .role-label.workspace-admin {
  border: 1px solid var(--color-border-notice);
  background-color: var(--color-background-notice-subtle)
}
#user-list .item-name .role-label.subscription {
  border: 1px solid var(--color-border-positive);
  background-color: var(--color-background-positive-subtle)
}
#user-list .item-name .email, #user-list .item-name .single-workspace-name, #user-list .item-name.date-added {
  color: var(--color-content-secondary);
  font-weight: 500;
  font-size: 14px;
  margin-right: 8px
}
#user-list td.user-groups-column {
  padding: 9px 8px !important
}
#user-list td.user-groups-column .option_container {
  display: flex;
  flex-flow: wrap;
  gap: 4px
}
#user-list td.user-groups-column .option_container .pill-container {
  display: flex;
  width: 100%
}
#user-list td.user-groups-column .option_container .pill-container .pill {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  border-radius: 8px;
  padding: 6px 8px;
  border: 1px solid;
  line-height: 12px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: var(--color-content-primary)
}
#user-list td.user-groups-column .option_container .pill-container .pill.selected-user-group {
  margin-bottom: 0;
  border-color: transparent;
  padding: 6px 20px 6px 8px
}
#user-list td.user-groups-column .option_container.group-list-dropdown_container {
  flex-direction: column;
  row-gap: unset
}
#user-list td.user-groups-column .option_container.group-list-dropdown_container .pill:not(:last-child) {
  border-bottom: 3px solid #cc3100
}
#user-list td.user-groups-column .multi-groups-dropdown {
  padding: 0 !important;
  max-width: 250px;
  max-height: 400px;
  overflow-y: auto;
  bottom: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%)
}
#user-list td.user-groups-column .multi-groups-dropdown .pill-container {
  display: flex;
  width: 100%;
  padding: 12px
}
#user-list td.user-groups-column .multi-groups-dropdown .pill-container:not(:last-child) {
  border-bottom: 1px solid var(--color-background-tertiary)
}
.access-workspace-select.select2-dropdown.select2-dropdown--below, .primary-workspace-select.select2-dropdown.select2-dropdown--below {
  margin-top: 4px;
  padding-bottom: 8px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .12) !important
}
.access-workspace-select.select2-dropdown.select2-dropdown--below .select2-selection__rendered li, .primary-workspace-select.select2-dropdown.select2-dropdown--below .select2-selection__rendered li {
  display: none
}
.access-workspace-select.select2-dropdown.select2-dropdown--below .filter-description, .primary-workspace-select.select2-dropdown.select2-dropdown--below .filter-description {
  font-weight: 600;
  font-size: 14px;
  color: var(--color-content-primary);
  padding: 16px 16px 8px;
  display: block
}
.access-workspace-select.select2-dropdown.select2-dropdown--below .select2-search, .primary-workspace-select.select2-dropdown.select2-dropdown--below .select2-search {
  padding: 8px 16px;
  height: 48px
}
.access-workspace-select.select2-dropdown.select2-dropdown--below .select2-search::after, .primary-workspace-select.select2-dropdown.select2-dropdown--below .select2-search::after {
  display: none !important
}
.access-workspace-select.select2-dropdown.select2-dropdown--below .select2-search input, .primary-workspace-select.select2-dropdown.select2-dropdown--below .select2-search input {
  border: 1px solid var(--color-content-tertiary) !important;
  border-radius: 8px !important;
  height: 100%;
  background-image: url(../svgs/search-grey.svg) !important;
  background-position: 5% 50%;
  background-repeat: no-repeat;
  padding-left: 32px;
  background-size: 18px !important
}
.access-workspace-select.select2-dropdown.select2-dropdown--below .select2-search input::-webkit-input-placeholder, .primary-workspace-select.select2-dropdown.select2-dropdown--below .select2-search input::-webkit-input-placeholder {
  color: var(--color-content-tertiary);
  font-size: 12px
}
.access-workspace-select.select2-dropdown.select2-dropdown--below .select2-search input::-moz-placeholder, .primary-workspace-select.select2-dropdown.select2-dropdown--below .select2-search input::-moz-placeholder {
  color: var(--color-content-tertiary);
  font-size: 12px
}
.access-workspace-select.select2-dropdown.select2-dropdown--below .select2-search input::-ms-input-placeholder, .primary-workspace-select.select2-dropdown.select2-dropdown--below .select2-search input::-ms-input-placeholder {
  color: var(--color-content-tertiary);
  font-size: 12px
}
.access-workspace-select.select2-dropdown.select2-dropdown--below .select2-search input::placeholder, .primary-workspace-select.select2-dropdown.select2-dropdown--below .select2-search input::placeholder {
  color: var(--color-content-tertiary);
  font-size: 12px
}
.access-workspace-select.select2-dropdown.select2-dropdown--below .select2-results .select2-results__options, .primary-workspace-select.select2-dropdown.select2-dropdown--below .select2-results .select2-results__options {
  padding-left: 8px;
  padding-right: 8px
}
.access-workspace-select.select2-dropdown.select2-dropdown--below .select2-results .select2-results__option:not(.select2-results__message):before, .primary-workspace-select.select2-dropdown.select2-dropdown--below .select2-results .select2-results__option:not(.select2-results__message):before {
  content: '';
  display: inline-block;
  position: relative;
  height: 20px;
  width: 20px;
  border: 1px solid var(--color-content-tertiary);
  border-radius: 4px;
  background-color: var(--color-background-inverse);
  margin-right: 8px;
  vertical-align: middle
}
.access-workspace-select.select2-dropdown.select2-dropdown--below .select2-results .select2-results__option[aria-selected=true]:before, .primary-workspace-select.select2-dropdown.select2-dropdown--below .select2-results .select2-results__option[aria-selected=true]:before {
  font-family: fontAwesome;
  content: '\f00c';
  padding: 2px;
  display: inline
}
.access-workspace-select.select2-dropdown.select2-dropdown--below .select2-results .select2-results__option--highlighted[aria-selected], .primary-workspace-select.select2-dropdown.select2-dropdown--below .select2-results .select2-results__option--highlighted[aria-selected] {
  background-color: var(--color-background-primary);
  color: var(--color-content-primary)
}
.access-workspace-select.select2-dropdown.select2-dropdown--below .select2-results [aria-selected=true], .primary-workspace-select.select2-dropdown.select2-dropdown--below .select2-results [aria-selected=true] {
  display: list-item !important
}
.access-workspace-select.select2-dropdown.select2-dropdown--below .select2-results [aria-selected=true]:not(.select2-results__option--highlighted), .primary-workspace-select.select2-dropdown.select2-dropdown--below .select2-results [aria-selected=true]:not(.select2-results__option--highlighted) {
  background: 0 0 !important
}
#mass_user_form .header, #user-form .header {
  color: var(--color-content-tertiary) !important;
  font-size: 14px;
  font-weight: 700
}
#mass_user_form .user-creation-details, #user-form .user-creation-details {
  width: 236px;
  background-color: var(--color-background-tertiary);
  border-radius: 8px;
  padding: 24px;
  position: absolute;
  right: 0
}
#mass_user_form .user-creation-details .added-by-label, #mass_user_form .user-creation-details .date-added-label, #mass_user_form .user-creation-details .last-login-label, #user-form .user-creation-details .added-by-label, #user-form .user-creation-details .date-added-label, #user-form .user-creation-details .last-login-label {
  margin-bottom: 8px;
  color: var(--color-content-tertiary);
  font-size: 12px;
  font-weight: 700;
  display: block
}
#mass_user_form .user-creation-details .added-by, #user-form .user-creation-details .added-by {
  margin-bottom: 16px;
  overflow: hidden;
  text-overflow: ellipsis
}
#mass_user_form .user-creation-details .added-by, #mass_user_form .user-creation-details .date-added, #mass_user_form .user-creation-details .last-login, #user-form .user-creation-details .added-by, #user-form .user-creation-details .date-added, #user-form .user-creation-details .last-login {
  color: var(--color-content-primary);
  font-size: 16px;
  font-weight: 500;
  display: block
}
#mass_user_form .user-creation-details hr, #user-form .user-creation-details hr {
  border-top: 1px solid var(--color-border-section)
}
#mass_user_form .primary-workspace-details, #user-form .primary-workspace-details {
  margin-left: 38px;
  margin-bottom: 24px;
  max-width: 600px;
  color: var(--color-content-primary);
  font-size: 14px;
  font-weight: 400
}
#mass_user_form .uses-2fa-container .reset-2fa, #user-form .uses-2fa-container .reset-2fa, #user-group-list .filters-container, #user-group-list .reload_container {
  margin-left: 16px
}
#mass_user_form .is_accountadmin_group .add_role_groups_editor select, #mass_user_form .is_accountadmin_group .is_accountadmin_editor select, #mass_user_form .is_accountadmin_group .is_accountbilling_editor select, #mass_user_form .is_accountadmin_group .remove_role_groups_editor select, #mass_user_form .is_accountadmin_group .restricted_networks_editor select, #mass_user_form .is_accountadmin_group .role_id_editor select, #mass_user_form .is_accountbilling_group .add_role_groups_editor select, #mass_user_form .is_accountbilling_group .is_accountadmin_editor select, #mass_user_form .is_accountbilling_group .is_accountbilling_editor select, #mass_user_form .is_accountbilling_group .remove_role_groups_editor select, #mass_user_form .is_accountbilling_group .restricted_networks_editor select, #mass_user_form .is_accountbilling_group .role_id_editor select, #mass_user_form .restricted_networks_group .add_role_groups_editor select, #mass_user_form .restricted_networks_group .is_accountadmin_editor select, #mass_user_form .restricted_networks_group .is_accountbilling_editor select, #mass_user_form .restricted_networks_group .remove_role_groups_editor select, #mass_user_form .restricted_networks_group .restricted_networks_editor select, #mass_user_form .restricted_networks_group .role_id_editor select, #mass_user_form .role_groups_group_add .add_role_groups_editor select, #mass_user_form .role_groups_group_add .is_accountadmin_editor select, #mass_user_form .role_groups_group_add .is_accountbilling_editor select, #mass_user_form .role_groups_group_add .remove_role_groups_editor select, #mass_user_form .role_groups_group_add .restricted_networks_editor select, #mass_user_form .role_groups_group_add .role_id_editor select, #mass_user_form .role_groups_group_remove .add_role_groups_editor select, #mass_user_form .role_groups_group_remove .is_accountadmin_editor select, #mass_user_form .role_groups_group_remove .is_accountbilling_editor select, #mass_user_form .role_groups_group_remove .remove_role_groups_editor select, #mass_user_form .role_groups_group_remove .restricted_networks_editor select, #mass_user_form .role_groups_group_remove .role_id_editor select, #mass_user_form .role_id_group .add_role_groups_editor select, #mass_user_form .role_id_group .is_accountadmin_editor select, #mass_user_form .role_id_group .is_accountbilling_editor select, #mass_user_form .role_id_group .remove_role_groups_editor select, #mass_user_form .role_id_group .restricted_networks_editor select, #mass_user_form .role_id_group .role_id_editor select, .welcome .welcome-flex-container .welcome-card.welcome-card-first-2 .card-secondary img {
  max-width: unset
}
#mass_user_form .uses-2fa-container, #user-form .uses-2fa-container {
  display: flex;
  align-items: center
}
#mass_user_form .uses-2fa-container i, #user-form .uses-2fa-container i {
  font-size: 32px
}
#mass_user_form .uses-2fa-container.disabled i, #user-form .uses-2fa-container.disabled i {
  color: var(--color-content-negative)
}
#mass_user_form .uses-2fa-container.enabled i, #user-form .uses-2fa-container.enabled i {
  color: var(--color-content-positive)
}
#mass_user_form .set-primary-workspace-button, #user-form .set-primary-workspace-button {
  background-color: var(--color-background-tertiary);
  padding: 12px 16px;
  color: var(--color-content-primary);
  border-radius: 8px;
  border: none;
  line-height: 1
}
#mass_user_form .set-primary-workspace-button:hover, #user-form .set-primary-workspace-button:hover {
  background-color: var(--color-brand-subtle-hover)
}
#mass_user_form .field-roles .add-new-role-button, #user-form .field-roles .add-new-role-button {
  background-color: var(--color-background-tertiary);
  padding: 12px 16px;
  color: var(--color-content-primary);
  border-radius: 8px;
  border: none;
  line-height: 1
}
#mass_user_form .field-roles .add-new-role-button:hover, #user-form .field-roles .add-new-role-button:hover {
  background-color: var(--color-brand-subtle-hover)
}
#mass_user_form .field-roles li[id^=list-item-] button, #user-form .field-roles li[id^=list-item-] button {
  border: none;
  background-color: var(--color-background-tertiary) !important;
  border-radius: 8px;
  font-size: 30px;
  font-weight: 300;
  color: var(--color-content-primary) !important
}
#mass_user_form .field-roles li[id^=list-item-] button:hover, #user-form .field-roles li[id^=list-item-] button:hover {
  background-color: var(--color-brand-subtle-hover) !important
}
#mass_user_form .info-button, #user-form .info-button {
  display: inline-flex;
  background-color: var(--color-background-tertiary);
  margin-left: 10px !important;
  border-radius: 100% !important;
  vertical-align: middle;
  color: var(--color-content-tertiary);
  padding: 1px
}
#mass_user_form .user-groups-container .select2-results__options .select2-results__option, #user-form .user-groups-container .select2-results__options .select2-results__option {
  border-bottom: 1px solid var(--color-background-tertiary);
  padding: 12px 17px !important
}
#mass_user_form .user-groups-container .select2-search.select2-search--inline input, #user-form .user-groups-container .select2-search.select2-search--inline input {
  min-width: 120px !important
}
#mass_user_form .user-groups-container .option_container, #user-form .user-groups-container .option_container {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}
#mass_user_form .user-groups-container .option_container .pill, #user-form .user-groups-container .option_container .pill {
  border-radius: 8px;
  padding: 6px 8px;
  border: 1px solid;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 26px;
  line-height: 12px;
  font-size: 12px;
  font-weight: 500
}
#mass_user_form .user-groups-container .option_container .pill.selected-user-group, #user-form .user-groups-container .option_container .pill.selected-user-group {
  margin-bottom: 0;
  border-color: transparent;
  padding: 6px 20px 6px 8px
}
#mass_user_form .user-groups-container .option_container.default-group-value .pill.selected-user-group, #user-form .user-groups-container .option_container.default-group-value .pill.selected-user-group {
  padding: 6px 8px
}
#mass_user_form .user-groups-container .option_container .option-desc, #user-form .user-groups-container .option_container .option-desc {
  font-weight: 500;
  line-height: 19px;
  margin-bottom: 8px;
  margin-top: 8px;
  text-wrap: wrap
}
#mass_user_form .user-groups-container .option_container .role-option-title, #user-form .user-groups-container .option_container .role-option-title {
  font-weight: 700
}
#mass_user_form .user-groups-container .option_container .role-option-description, #user-form .user-groups-container .option_container .role-option-description {
  line-height: 20px;
  color: var(--color-content-secondary);
  font-weight: 400
}
#mass_user_form .user-groups-container .select2-container--bootstrap .select2-results > .select2-results__options, #user-form .user-groups-container .select2-container--bootstrap .select2-results > .select2-results__options {
  max-height: 350px
}
#mass_user_form .user-groups-container .select2-container--bootstrap .select2-selection, #user-form .user-groups-container .select2-container--bootstrap .select2-selection {
  padding: 7px 25px 7px 16px !important
}
#mass_user_form .user-groups-container .select2-container--bootstrap .select2-selection .select2-selection__rendered, #user-form .user-groups-container .select2-container--bootstrap .select2-selection .select2-selection__rendered {
  row-gap: 8px;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px
}
#mass_user_form .user-groups-container .select2-container--bootstrap .select2-selection .select2-selection__rendered .select2-search__field, #user-form .user-groups-container .select2-container--bootstrap .select2-selection .select2-selection__rendered .select2-search__field {
  padding-left: 0 !important
}
#mass_user_form .user-groups-container .select2-container--bootstrap li.select2-search:after, #user-form .user-groups-container .select2-container--bootstrap li.select2-search:after {
  display: none !important
}
#mass_user_form .user-groups-container .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, #user-form .user-groups-container .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  padding: 0;
  margin: 0;
  border: none !important;
  height: 26px !important;
  flex-direction: row-reverse;
  position: relative;
  background-color: transparent
}
#mass_user_form .user-groups-container .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice .option_container, #user-form .user-groups-container .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice .option_container {
  border: none
}
#mass_user_form .user-groups-container .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove, #user-form .user-groups-container .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
  position: absolute;
  margin-right: 6px
}
#mass_user_form .user-groups-container .select2-container--bootstrap .select2-results__option--highlighted[aria-selected], #user-form .user-groups-container .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background-color: var(--color-background-primary);
  color: var(--color-content-primary)
}
#mass_user_form .select2-container--disabled, #mass_user_form .select2-container--disabled .select2-search__field, #mass_user_form .select2-container--disabled .select2-selection {
  background-color: var(--color-background-primary) !important
}
#mass_user_form .is_accountadmin_group, #mass_user_form .is_accountbilling_group, #mass_user_form .restricted_networks_group, #mass_user_form .role_groups_group_add, #mass_user_form .role_groups_group_remove, #mass_user_form .role_id_group {
  display: inline-flex;
  width: 100%;
  margin: 0
}
#mass_user_form .is_accountadmin_group .add_role_groups_editor, #mass_user_form .is_accountadmin_group .is_accountadmin_editor, #mass_user_form .is_accountadmin_group .is_accountbilling_editor, #mass_user_form .is_accountadmin_group .remove_role_groups_editor, #mass_user_form .is_accountadmin_group .restricted_networks_editor, #mass_user_form .is_accountadmin_group .role_id_editor, #mass_user_form .is_accountbilling_group .add_role_groups_editor, #mass_user_form .is_accountbilling_group .is_accountadmin_editor, #mass_user_form .is_accountbilling_group .is_accountbilling_editor, #mass_user_form .is_accountbilling_group .remove_role_groups_editor, #mass_user_form .is_accountbilling_group .restricted_networks_editor, #mass_user_form .is_accountbilling_group .role_id_editor, #mass_user_form .restricted_networks_group .add_role_groups_editor, #mass_user_form .restricted_networks_group .is_accountadmin_editor, #mass_user_form .restricted_networks_group .is_accountbilling_editor, #mass_user_form .restricted_networks_group .remove_role_groups_editor, #mass_user_form .restricted_networks_group .restricted_networks_editor, #mass_user_form .restricted_networks_group .role_id_editor, #mass_user_form .role_groups_group_add .add_role_groups_editor, #mass_user_form .role_groups_group_add .is_accountadmin_editor, #mass_user_form .role_groups_group_add .is_accountbilling_editor, #mass_user_form .role_groups_group_add .remove_role_groups_editor, #mass_user_form .role_groups_group_add .restricted_networks_editor, #mass_user_form .role_groups_group_add .role_id_editor, #mass_user_form .role_groups_group_remove .add_role_groups_editor, #mass_user_form .role_groups_group_remove .is_accountadmin_editor, #mass_user_form .role_groups_group_remove .is_accountbilling_editor, #mass_user_form .role_groups_group_remove .remove_role_groups_editor, #mass_user_form .role_groups_group_remove .restricted_networks_editor, #mass_user_form .role_groups_group_remove .role_id_editor, #mass_user_form .role_id_group .add_role_groups_editor, #mass_user_form .role_id_group .is_accountadmin_editor, #mass_user_form .role_id_group .is_accountbilling_editor, #mass_user_form .role_id_group .remove_role_groups_editor, #mass_user_form .role_id_group .restricted_networks_editor, #mass_user_form .role_id_group .role_id_editor {
  width: 100%
}
#mass_user_form .is_accountadmin_group .help-inline, #mass_user_form .is_accountbilling_group .help-inline, #mass_user_form .restricted_networks_group .help-inline, #mass_user_form .role_groups_group_add .help-inline, #mass_user_form .role_groups_group_remove .help-inline, #mass_user_form .role_id_group .help-inline {
  display: flex;
  align-items: center
}
#mass_user_form .primary-workspace-fieldset, #mass_user_form .roles-fieldset {
  display: flex
}
#mass_user_form .primary-workspace-fieldset .help-inline, #mass_user_form .roles-fieldset .help-inline {
  top: 25px
}
#mass_user_form .primary-workspace-container, #mass_user_form .roles_container {
  margin-top: 16px;
  width: 100%
}
#mass_user_form .primary-workspace-container .form-group, #mass_user_form .roles_container .form-group {
  margin: 0
}
#mass_user_form .primary-workspace-container .form-group .control-label, #mass_user_form .roles_container .form-group .control-label {
  display: block;
  width: 100%;
  text-align: left;
  padding: 0
}
#mass_user_form .select2-container--disabled {
  color: var(--color-content-tertiary) !important;
  opacity: 1 !important
}
#mass_user_form .select2-container--disabled .select2-search__field .select2-selection__rendered, #mass_user_form .select2-container--disabled .select2-search__field::-webkit-input-placeholder, #mass_user_form .select2-container--disabled .select2-selection .select2-selection__rendered, #mass_user_form .select2-container--disabled .select2-selection::-webkit-input-placeholder {
  color: var(--color-content-tertiary);
  font-weight: 400
}
#mass_user_form .select2-container--disabled .select2-search__field .select2-selection__rendered, #mass_user_form .select2-container--disabled .select2-search__field::-moz-placeholder, #mass_user_form .select2-container--disabled .select2-selection .select2-selection__rendered, #mass_user_form .select2-container--disabled .select2-selection::-moz-placeholder {
  color: var(--color-content-tertiary);
  font-weight: 400
}
#mass_user_form .select2-container--disabled .select2-search__field .select2-selection__rendered, #mass_user_form .select2-container--disabled .select2-search__field::-ms-input-placeholder, #mass_user_form .select2-container--disabled .select2-selection .select2-selection__rendered, #mass_user_form .select2-container--disabled .select2-selection::-ms-input-placeholder {
  color: var(--color-content-tertiary);
  font-weight: 400
}
#mass_user_form .select2-container--disabled .select2-search__field .select2-selection__rendered, #mass_user_form .select2-container--disabled .select2-search__field::placeholder, #mass_user_form .select2-container--disabled .select2-selection .select2-selection__rendered, #mass_user_form .select2-container--disabled .select2-selection::placeholder {
  color: var(--color-content-tertiary);
  font-weight: 400
}
#mass_user_form .select2-container--disabled .select2-selection {
  border: 1px solid var(--color-border-section) !important
}
#mass_user_form .custom_dropdown button.custom_dropdown_toggle {
  max-width: 270px
}
@media (max-width:1200px) {
  #user-form .user-creation-details {
    display: none
  }
}
@media (max-width:991px) {
  #user-list .widget-toolbar .filters-container .access-workspace-filter, #user-list .widget-toolbar .filters-container .access-workspace-filter .select2-selection, #user-list .widget-toolbar .filters-container .primary-workspace-filter, #user-list .widget-toolbar .filters-container .primary-workspace-filter .select2-selection, .access-workspace-select.select2-dropdown, .primary-workspace-select.select2-dropdown {
    max-width: 250px !important
  }
  #user-list .widget-toolbar {
    bottom: -16px;
    right: -6px
  }
  #user-list.has_workspaces #mainTable {
    margin-top: 70px
  }
  #user-list:not(.has_workspaces) #mainTable {
    margin-top: 40px
  }
}
@media (max-width:720px) {
  #user-list .num_items_mobile {
    margin-top: 64px
  }
  #user-list.has_workspaces .table-header .widget-toolbar {
    bottom: -85px
  }
  #user-list:not(.has_workspaces) .table-header .widget-toolbar {
    bottom: -60px
  }
  #user-list .table-header .widget-toolbar {
    flex-flow: column;
    align-items: end
  }
  #user-list .table-header .widget-toolbar .filters-container {
    display: flex;
    flex-flow: column;
    margin-bottom: 8px;
    margin-top: 8px
  }
  #user-list .table-header .widget-toolbar .filters-container .primary-workspace-filter {
    margin-bottom: 8px
  }
  #user-list .table-header .widget-toolbar .filters-container .access-workspace-filter, #user-list .table-header .widget-toolbar .filters-container .primary-workspace-filter {
    max-width: 250px !important;
    margin-right: 0
  }
  #user-list .table-header .widget-toolbar .filters-container .access-workspace-filter .select2-selection, #user-list .table-header .widget-toolbar .filters-container .primary-workspace-filter .select2-selection, .access-workspace-select.select2-dropdown, .primary-workspace-select.select2-dropdown {
    max-width: 250px !important
  }
}
@media (max-width:460px) {
  #user-group-list {
    margin-top: 80px
  }
}
#user-group-list tbody td {
  line-height: 20px !important
}
#user-group-list tbody td .group-pill-container {
  display: flex
}
@media (max-width:768px) {
  #user-group-list .widget-toolbar {
    flex-direction: column;
    row-gap: 10px
  }
  #user-group-list .widget-toolbar > * {
    align-self: end
  }
}
#user-group-list .dataTables_filter {
  top: 0
}
#user-group-list .dataTables_filter .clear_search::after {
  margin-bottom: 3px;
  padding-top: 0 !important
}
@media (max-width:991px) {
  #user-group-list .widget-toolbar {
    bottom: 0
  }
  #user-group-list .dataTables_filter {
    position: absolute;
    top: -60px;
    right: 6px;
    margin-top: 0
  }
}
#user-group-list .pill {
  display: inline-block;
  border-radius: 8px;
  padding: 6px 8px;
  border: 1px solid;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  cursor: pointer
}
#user-group-list .pill.selected-user-group {
  margin-bottom: 0;
  border-color: transparent;
  padding: 6px 20px 6px 8px
}
#user-group-list .pill.group_access {
  border-radius: 68px;
  background-color: var(--color-background-primary);
  color: var(--color-content-secondary);
  border: none
}
#user-group-list .pill.group_access i:before {
  width: 16px;
  height: 16px
}
@media (max-width:680px) {
  #user-group-list .visibility-column {
    display: none
  }
}
@media (max-width:520px) {
  #user-group-list .description-column {
    display: none
  }
}
#user-group-list .group-access-filter-container {
  line-height: 14px
}
#user-group-list .group-access-filter-container.select2container .select2-container {
  min-width: 180px;
  min-height: 40px
}
#user-group-list .group-access-filter-container.select2container .select2-container .select2-selection {
  height: 40px;
  padding: 8px 25px 8px 16px
}
#user-group-list .group-access-filter-container.select2container .select2-container.select2-container--bootstrap .select2-dropdown {
  border-color: var(--color-background-tertiary) !important
}
#user-group-list .group-access-filter-container.select2container .select2-container.select2-container--bootstrap .select2-dropdown .select2-results__option {
  min-height: 32px !important
}
#user-group-list .group_access {
  display: flex;
  align-items: center
}
#user-group-list .group_access i {
  display: flex;
  width: 1em;
  height: 1em;
  margin-right: 5px
}
#user-group-list .group_access i:before {
  display: inline-block
}
#user-group-list .group_access i.ds-lock {
  color: var(--color-content-negative)
}
#user-group-list .group_access i.ds-share {
  color: var(--color-content-positive)
}
#user-group-list .members-column:not(th) {
  color: var(--color-content-primary);
  font-size: 14px;
  font-weight: 700
}
.breadcrumb-header-extra-text.group-list-header-text a {
  color: var(--basic_branding)
}
@media (max-width:460px) {
  .breadcrumb-header-extra-text.group-list-header-text {
    display: none
  }
}
.section-header {
  width: 100%;
  padding-bottom: 4px;
  margin-bottom: 32px;
  border-bottom: 1px solid var(--color-background-tertiary);
  align-self: flex-start;
  color: var(--color-content-secondary)
}
.secondary-table-object-list .table-object-list-header.groups-role-list .column-header:nth-of-type(1) {
  max-width: 190px;
  width: 100%
}
.secondary-table-object-list .table-object-list-header.groups-role-list .column-header:nth-of-type(2) {
  max-width: 190px;
  width: 100%;
  margin-left: 8px
}
.secondary-table-object-list .table-object-list-header.groups-role-list .column-header:nth-of-type(3) {
  width: 34px;
  margin-left: 8px
}
.secondary-table-object-list .table-object-list-header.groups-role-list-primary-workspace .column-header:nth-of-type(1) {
  max-width: 190px;
  width: 100%;
  flex: 1 1 220px
}
.secondary-table-object-list .table-object-list-header.groups-role-list-primary-workspace .column-header:nth-of-type(2) {
  max-width: 232px;
  width: 100%;
  margin-left: 8px;
  flex: 1 1 200px
}
.secondary-table-object-list .table-object-list-header.groups-role-list-primary-workspace + .items-container {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  padding-top: 16px;
  padding-bottom: 16px
}
.secondary-table-object-list .table-object-list-header.groups-role-list-primary-workspace + .items-container > div {
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  align-items: center;
  min-height: 40px
}
.secondary-table-object-list .table-object-list-header.groups-role-list-primary-workspace + .items-container .bbf-list-modal div:first-of-type {
  margin-bottom: 30px
}
.secondary-table-object-list .table-object-list-header.groups-role-list-primary-workspace + .items-container .cell-content {
  white-space: normal;
  flex: 1 1 190px;
  margin-left: 16px;
  max-width: 190px;
  width: 100%;
  word-break: break-word;
  font-weight: 600;
  color: var(--color-content-tertiary)
}
.secondary-table-object-list .table-object-list-header.groups-role-list-primary-workspace + .items-container .cell-content + div {
  flex: 1 1 232px;
  width: 100%
}
.secondary-table-object-list .table-object-list-header.groups-role-list-primary-workspace + .items-container .cell-content + div > button {
  margin-left: 0
}
.secondary-table-object-list .table-object-list-header.groups-role-list-primary-workspace + .items-container .cell-content.inline-editor {
  margin-left: 0;
  max-width: 234px
}
.secondary-table-object-list .table-object-list-header.groups-role-list-primary-workspace + .items-container .cell-content.inline-editor .form-group {
  display: inline-block !important;
  width: 100%;
  margin-bottom: 0 !important
}
.secondary-table-object-list .table-object-list-header.groups-role-list-primary-workspace + .items-container .cell-content.inline-editor .form-group li {
  border-bottom: none
}
.secondary-table-object-list .table-object-list-header.groups-role-list-primary-workspace + .items-container .cell-content.inline-editor .form-group .form-control {
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0
}
.secondary-table-object-list .table-object-list-header.groups-role-list-primary-workspace + .items-container .cell-content.inline-editor .form-group .form-control .bbf-list-modal {
  white-space: break-spaces
}
.secondary-table-object-list .table-object-list-header.groups-role-list-primary-workspace + .items-container .cell-content.inline-editor .form-group .bbf-add {
  margin-left: 0 !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important
}
.secondary-table-object-list .table-object-list-header.groups-role-list-primary-workspace + .items-container .cell-content.inline-editor .form-group > label {
  display: none
}
.secondary-table-object-list .table-object-list-header.groups-role-list-primary-workspace + .items-container .sub-role-wrapper .cell-content:not(.inline-editor) {
  display: flex;
  align-items: center
}
.secondary-table-object-list .table-object-list-header.groups-role-list-primary-workspace + .items-container .sub-role-wrapper .cell-content:not(.inline-editor) .toggle-sub-workspace-label .lbl {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-content-tertiary)
}
.secondary-table-object-list .table-object-list-header.groups-role-list-primary-workspace + .items-container .sub-role-wrapper .cell-content:not(.inline-editor) .toggle-sub-workspace-label .lbl span {
  margin-left: 10px
}
.secondary-table-object-list .table-object-list-header.groups-role-list-primary-workspace + .items-container .sub-role-wrapper .cell-content:not(.inline-editor) .tooltip-help {
  width: 30px;
  margin-bottom: 0
}
.secondary-table-object-list .table-object-list-header.groups-role-list-primary-workspace + .items-container .sub-role-wrapper .cell-content:not(.inline-editor) .tooltip-help label {
  margin-bottom: 0 !important
}
.secondary-table-object-list .table-object-list-header.groups-role-list-primary-workspace + .items-container .sub-role-wrapper .toggle-sub-workspace-label {
  margin-bottom: 0
}
.secondary-table-object-list .role-primary-workspace .form-control {
  height: auto;
  display: inline-block;
  padding-right: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  border: none
}
.secondary-table-object-list .role-primary-workspace .cell-content {
  margin-left: 0 !important
}
.secondary-table-object-list .role-primary-workspace .cell-content:last-of-type {
  margin-left: 8px;
  font-weight: 600;
  color: var(--color-content-primary) !important
}
.secondary-table-object-list .roles-other-workspace .cell-content {
  max-width: 190px;
  width: 100%;
  white-space: normal;
  word-break: break-word
}
.secondary-table-object-list .roles-other-workspace .cell-content:last-of-type {
  margin-left: 8px;
  font-weight: 600
}
.secondary-table-object-list .roles-other-workspace > li {
  padding-top: 16px;
  padding-bottom: 16px;
  row-gap: 12px;
  flex-direction: column
}
.secondary-table-object-list .roles-other-workspace > li > .other-parent-ws-role-wrapper {
  display: flex;
  min-height: 40px;
  align-items: center
}
.secondary-table-object-list .roles-other-workspace > li > .other-parent-ws-role-wrapper > div[data-editor] {
  width: 100%
}
.secondary-table-object-list .roles-other-workspace > li > .other-parent-ws-role-wrapper .form-control {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}
.secondary-table-object-list .roles-other-workspace > li > .items-container {
  display: flex;
  min-height: 40px
}
.secondary-table-object-list .roles-other-workspace > li > .items-container .other-sub-role-wrapper {
  display: flex;
  padding-left: 16px;
  align-self: center;
  width: 100%
}
.secondary-table-object-list .roles-other-workspace > li > .items-container .other-sub-role-wrapper .cell-content:first-of-type {
  display: flex;
  align-items: center
}
.secondary-table-object-list .roles-other-workspace > li > .items-container .other-sub-role-wrapper .cell-content .form-group.tooltip-help {
  margin-bottom: 0;
  width: 30px
}
.secondary-table-object-list .roles-other-workspace > li > .items-container .other-sub-role-wrapper .cell-content .form-group.tooltip-help label, .secondary-table-object-list .roles-other-workspace > li > .items-container .other-sub-role-wrapper .cell-content .toggle-other-sub-workspace-label {
  margin-bottom: 0
}
.secondary-table-object-list .roles-other-workspace > li > .items-container .other-sub-role-wrapper .cell-content .toggle-other-sub-workspace-label .lbl {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-content-tertiary)
}
.secondary-table-object-list .roles-other-workspace > li > .items-container .other-sub-role-wrapper .cell-content .toggle-other-sub-workspace-label .lbl span {
  margin-left: 10px
}
.secondary-table-object-list .roles-other-workspace > li > .items-container .other-sub-role-wrapper .cell-content.inline-editor {
  max-width: 234px
}
.secondary-table-object-list .roles-other-workspace > li > .items-container .other-sub-role-wrapper .cell-content.inline-editor button.related-list-field-add {
  height: 40px;
  margin: 0 16px 0 0
}
.secondary-table-object-list .roles-other-workspace > li > .items-container .other-sub-role-wrapper .cell-content.inline-editor ul.single-item-list {
  display: flex;
  align-items: center
}
.secondary-table-object-list .roles-other-workspace > li > .items-container .other-sub-role-wrapper .cell-content.inline-editor ul.single-item-list li {
  width: 100%;
  border-bottom: none !important
}
.secondary-table-object-list .roles-other-workspace > li > .items-container .other-sub-role-wrapper .cell-content.inline-editor ul.single-item-list li div[data-editor] {
  max-width: 195px
}
.secondary-table-object-list .roles-other-workspace > li > .items-container .other-sub-role-wrapper .cell-content.inline-editor ul.single-item-list li .form-control {
  color: var(--color-content-primary);
  padding-left: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important
}
.secondary-table-object-list .roles-other-workspace > li > .items-container .other-sub-role-wrapper .cell-content.inline-editor ul.single-item-list li .form-control .bbf-list-modal {
  white-space: normal;
  word-break: break-word
}
.primary-table-object-list .editor-container {
  max-width: 991px !important
}
.primary-table-object-list .t-list-row-cell:nth-of-type(1) {
  font-weight: 600;
  color: var(--color-content-primary)
}
.primary-table-object-list .t-list-row-cell:nth-of-type(2) {
  font-weight: 500;
  color: var(--color-content-secondary)
}
.primary-table-object-list .t-list-row-cell:nth-of-type(3) {
  font-weight: 400;
  color: var(--color-content-primary)
}
.group-members-modal .modal-body {
  padding: 22px 0
}
.role-on-primary-ws-modal .modal-body, .roles-on-other-ws-modal .modal-body {
  padding: 22px 24px
}
.group-members-modal .modal-dialog, .role-on-primary-ws-modal .modal-dialog, .roles-on-other-ws-modal .modal-dialog {
  padding-left: 0;
  padding-right: 0
}
.group-members-modal .modal-dialog .modal-content, .role-on-primary-ws-modal .modal-dialog .modal-content, .roles-on-other-ws-modal .modal-dialog .modal-content {
  max-height: 500px
}
.group-members-modal .modal-dialog .modal-content .modal-header, .role-on-primary-ws-modal .modal-dialog .modal-content .modal-header, .roles-on-other-ws-modal .modal-dialog .modal-content .modal-header {
  padding: 18px 24px
}
.group-members-modal .modal-dialog .modal-content .modal-header h3, .role-on-primary-ws-modal .modal-dialog .modal-content .modal-header h3, .roles-on-other-ws-modal .modal-dialog .modal-content .modal-header h3 {
  color: var(--color-content-primary);
  font-weight: 600;
  font-size: 16px;
  margin: 0
}
.group-members-modal .modal-dialog .modal-content .modal-footer .selected_items .num_of_selected, .multi-groups .multi-groups-dropdown .multiple-workspaces-item .role-name, .multi-groups .multiple-workspaces-dropdown .multiple-workspaces-item .role-name, .multiple-workspaces .multi-groups-dropdown .multiple-workspaces-item .role-name, .multiple-workspaces .multiple-workspaces-dropdown .multiple-workspaces-item .role-name, .role-on-primary-ws-modal .modal-dialog .modal-content .modal-footer .selected_items .num_of_selected, .roles-on-other-ws-modal .modal-dialog .modal-content .modal-footer .selected_items .num_of_selected {
  font-weight: 700
}
.group-members-modal .modal-dialog .modal-content .modal-footer .secondary-button.cancel, .group-members-modal .modal-dialog .modal-content .modal-footer a.cancel, .role-on-primary-ws-modal .modal-dialog .modal-content .modal-footer a.cancel, .roles-on-other-ws-modal .modal-dialog .modal-content .modal-footer a.cancel {
  margin-left: auto
}
.group-members-modal .modal-dialog .modal-content .modal-header a.close, .role-on-primary-ws-modal .modal-dialog .modal-content .modal-header a.close, .roles-on-other-ws-modal .modal-dialog .modal-content .modal-header a.close {
  line-height: 18px;
  font-size: 26px
}
.group-members-modal .modal-dialog .modal-content .modal-footer .selected_items, .role-on-primary-ws-modal .modal-dialog .modal-content .modal-footer .selected_items, .roles-on-other-ws-modal .modal-dialog .modal-content .modal-footer .selected_items {
  font-size: 14px;
  color: var(--color-content-primary)
}
.group-members-modal .modal-dialog .modal-content {
  overflow: auto
}
.group-members-modal .modal-dialog .modal-content .modal-footer {
  display: flex
}
.role_ws_modal {
  padding: 0 15px
}
.role_ws_modal .form_content_container {
  margin-top: 20px !important
}
.role_ws_modal .form-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start !important
}
.role_ws_modal .form-group label {
  width: unset !important
}
.role_ws_modal table {
  border: 1px solid var(--color-background-tertiary)
}
.role_ws_modal table th:first-child {
  width: 7% !important
}
.role_ws_modal table thead tr {
  background: unset
}
.multi-groups, .multiple-workspaces {
  font-size: 14px;
  color: var(--color-content-primary)
}
.multi-groups .multi-groups-container, .multiple-workspaces .multi-groups-container {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px
}
.multi-groups .multi-groups-toggle, .multi-groups .multiple-workspaces-toggle, .multiple-workspaces .multi-groups-toggle, .multiple-workspaces .multiple-workspaces-toggle {
  cursor: pointer
}
.multi-groups .multi-groups-dropdown, .multi-groups .multiple-workspaces-dropdown, .multiple-workspaces .multi-groups-dropdown, .multiple-workspaces .multiple-workspaces-dropdown {
  position: absolute;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-secondary);
  width: 280px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .16);
  padding: 16px;
  border-radius: 8px;
  z-index: 41
}
.multi-groups .multi-groups-dropdown .multiple-workspaces-item, .multi-groups .multiple-workspaces-dropdown .multiple-workspaces-item, .multiple-workspaces .multi-groups-dropdown .multiple-workspaces-item, .multiple-workspaces .multiple-workspaces-dropdown .multiple-workspaces-item {
  color: var(--color-content-primary);
  font-size: 14px;
  display: flex;
  flex-direction: column
}
.multi-groups .closed .multi-groups-dropdown, .multi-groups .closed .multiple-workspaces-dropdown, .multi-groups .multi-groups-dropdown .multiple-workspaces-item:last-child .separator, .multi-groups .multiple-workspaces-dropdown .multiple-workspaces-item:last-child .separator, .multiple-workspaces .closed .multi-groups-dropdown, .multiple-workspaces .closed .multiple-workspaces-dropdown, .multiple-workspaces .multi-groups-dropdown .multiple-workspaces-item:last-child .separator, .multiple-workspaces .multiple-workspaces-dropdown .multiple-workspaces-item:last-child .separator {
  display: none
}
.multi-groups .multi-groups-dropdown .multiple-workspaces-item .workspace-name, .multi-groups .multiple-workspaces-dropdown .multiple-workspaces-item .workspace-name, .multiple-workspaces .multi-groups-dropdown .multiple-workspaces-item .workspace-name, .multiple-workspaces .multiple-workspaces-dropdown .multiple-workspaces-item .workspace-name {
  font-weight: 300;
  margin-top: 4px
}
.multi-groups .multi-groups-dropdown .multiple-workspaces-item .separator, .multi-groups .multiple-workspaces-dropdown .multiple-workspaces-item .separator, .multiple-workspaces .multi-groups-dropdown .multiple-workspaces-item .separator, .multiple-workspaces .multiple-workspaces-dropdown .multiple-workspaces-item .separator {
  margin: 12.5px -16px
}
.multi-groups .closed .multi-groups-toggle, .multi-groups .closed .multiple-workspaces-toggle, .multiple-workspaces .closed .multi-groups-toggle, .multiple-workspaces .closed .multiple-workspaces-toggle {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.multi-groups .closed .img, .multiple-workspaces .closed .img {
  -webkit-filter: var(--filter);
  filter: var(--filter)
}
#edit-password .editor-container, #user-form .editor-container, .reset-password-modal {
  position: relative
}
#edit-password .editor-container .show_pass_container, #user-form .editor-container .show_pass_container, .reset-password-modal .show_pass_container {
  position: absolute;
  top: 0;
  right: 15px;
  height: 100%;
  display: flex;
  align-items: center
}
#edit-password .editor-container .show_pass_container i, #user-form .editor-container .show_pass_container i, .reset-password-modal .show_pass_container i {
  cursor: pointer
}
#edit-password .editor-container #password_requirements, #user-form .editor-container #password_requirements, .reset-password-modal #password_requirements {
  display: none;
  position: absolute;
  left: 50px;
  min-width: 300px;
  padding: 10px 12px;
  border-radius: 5px;
  color: var(--color-content-primary);
  background-color: var(--color-background-inverse);
  border: var(--border);
  -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, .15));
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, .15))
}
#edit-password .editor-container #password_requirements::before, #user-form .editor-container #password_requirements::before, .reset-password-modal #password_requirements::before {
  content: '';
  position: absolute;
  left: -10px;
  top: calc(50% - 5px);
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 10px solid var(--color-background-inverse)
}
#edit-password .editor-container #password_requirements div, #user-form .editor-container #password_requirements div, .reset-password-modal #password_requirements div {
  display: flex;
  align-items: center;
  -webkit-column-gap: 7px;
  -moz-column-gap: 7px;
  column-gap: 7px
}
#edit-password .editor-container #password_requirements div::before, #user-form .editor-container #password_requirements div::before, .reset-password-modal #password_requirements div::before {
  content: url(../svgs/check-empty.svg)
}
#edit-password .editor-container #password_requirements div.valid::before, #user-form .editor-container #password_requirements div.valid::before, .reset-password-modal #password_requirements div.valid::before {
  content: url(../svgs/check-valid.svg)
}
#edit-password .editor-container #password_requirements div.invalid::before, #user-form .editor-container #password_requirements div.invalid::before, .reset-password-modal #password_requirements div.invalid::before {
  content: url(../svgs/check-invalid.svg)
}
.reset-password-modal {
  position: fixed
}
.reset-password-modal .show_pass_container {
  top: 10px;
  right: 20px;
  height: unset
}
#edit-password .error-message, #edit-password .help-block {
  margin: 4px 0 0 !important;
  height: 0 !important;
  text-align: right !important;
  float: right
}
#edit-password .error.error-message, #edit-password .has-error .editor-container {
  margin-bottom: 12px !important
}
.roles_token .secondary-button {
  top: -6px;
  position: relative
}
@media only screen and (max-width:1600px) {
  .welcome {
    padding-inline: 0
  }
}
@media only screen and (max-width:992px) {
  .welcome {
    margin-top: 60px
  }
}
.welcome .welcome-title-color {
  color: var(--color-content-secondary)
}
.welcome .welcome-title {
  margin: 0 0 15px
}
.welcome h3 {
  margin: 0;
  color: var(--color-content-secondary)
}
.welcome .welcome-flex-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px
}
.welcome .welcome-flex-container .welcome-card {
  flex-grow: 1;
  flex-basis: calc(33.33% - 20px);
  min-height: 325px;
  min-width: 0;
  overflow-x: hidden;
  display: flex;
  justify-content: space-between;
  padding: 40px 20px;
  border-radius: 8px;
  background-color: var(--color-background-inverse);
  box-shadow: 0 4px 21px rgba(0, 0, 0, .05);
  transition: box-shadow .4s cubic-bezier(.25, .8, .25, 1)
}
.welcome .welcome-flex-container .welcome-card:hover:not(.free-player) {
  box-shadow: 0 4px 21px var(--basic_branding)
}
.welcome .welcome-flex-container .welcome-card .card-primary {
  position: relative;
  width: 50%;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  flex-basis: calc(50% - 20px)
}
.welcome .welcome-flex-container .welcome-card .card-primary .card-text {
  font-weight: 400;
  color: var(--color-content-secondary)
}
.welcome .welcome-flex-container .welcome-card .card-secondary {
  width: 50%;
  display: flex;
  justify-content: flex-end
}
.welcome .welcome-flex-container .welcome-card .card-button {
  height: unset;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 12px 16px;
  cursor: pointer;
  text-decoration: none;
  border-radius: 8px;
  text-wrap: nowrap
}
.welcome .welcome-flex-container .welcome-card.welcome-card-second .card-button, .welcome .welcome-flex-container .welcome-card.welcome-card-third .card-button {
  position: absolute;
  bottom: 0
}
.welcome .welcome-flex-container .welcome-card:not(:first-of-type) .card-text {
  margin-bottom: 50px
}
.welcome .welcome-flex-container .welcome-card .card-secondary img {
  max-width: 100%
}
html.dark .welcome .welcome-flex-container .welcome-card .card-secondary img[src='../svgs/empty-screen.svg'] {
  -webkit-filter: invert(1);
  filter: invert(1)
}
.welcome .welcome-flex-container .welcome-card:first-of-type {
  flex-basis: 100%;
  justify-content: center;
  padding-inline: 40px;
  padding-block: 60px 40px
}
.welcome .welcome-flex-container .welcome-card:first-of-type .card-primary {
  justify-content: center;
  align-items: center;
  row-gap: 20px;
  text-align: center
}
.welcome .welcome-flex-container .welcome-card:first-of-type .card-text {
  max-width: 350px;
  font-size: 16px;
  color: var(--color-content-secondary)
}
.welcome .welcome-flex-container .welcome-card:first-of-type .card-secondary .card-secondary-text {
  color: var(--color-content-secondary)
}
.welcome .welcome-flex-container .welcome-card.welcome-card-first-0 a {
  justify-content: start;
  align-items: center;
  flex-direction: column;
  display: flex;
  row-gap: 20px;
  cursor: pointer;
  text-decoration: none
}
.welcome .welcome-flex-container .welcome-card.welcome-card-first-0 a#add-media {
  margin-bottom: 20px
}
.welcome .welcome-flex-container .welcome-card.welcome-card-first-0 a .welcome-circle-container {
  position: relative
}
.welcome .welcome-flex-container .welcome-card.welcome-card-first-0 a .welcome-circle-container .circle {
  height: 60px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--basic_branding)
}
.welcome .welcome-flex-container .welcome-card.welcome-card-first-0 a .welcome-circle-container .circle1 {
  position: relative;
  -webkit-animation: welcome-pulse 2s ease-in-out infinite;
  animation: welcome-pulse 2s ease-in-out infinite
}
.welcome .welcome-flex-container .welcome-card.welcome-card-first-0 a .welcome-circle-container .circle2 {
  position: absolute;
  inset: 0;
  -webkit-animation: welcome-fade 2s ease-in-out infinite;
  animation: welcome-fade 2s ease-in-out infinite
}
.welcome .welcome-flex-container .welcome-card.welcome-card-first-0 a .welcome-circle-container .circle3 {
  position: absolute;
  inset: 0;
  -webkit-animation: welcome-fade-big 2s ease-in-out infinite;
  animation: welcome-fade-big 2s ease-in-out infinite
}
.welcome .welcome-flex-container .welcome-card.welcome-card-first-0 a .welcome-circle-container .rect {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: calc(60px / 2.5);
  width: calc(60px / 20);
  border-radius: 20px;
  background-color: var(--color-background-inverse)
}
.welcome .welcome-flex-container .welcome-card.welcome-card-first-0 a .welcome-circle-container .rect-horizontal {
  height: calc(60px / 20);
  width: calc(60px / 2.5)
}
.welcome .welcome-flex-container .welcome-card.welcome-card-first-0 a .welcome-circle-container .add-media-icons {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-45%, -50%);
  transform: translate(-45%, -50%);
  display: grid;
  grid-template-columns: auto auto;
  gap: 20px;
  -webkit-animation: welcome-icons-pulse 2s ease infinite;
  animation: welcome-icons-pulse 2s ease infinite
}
.welcome .welcome-flex-container .welcome-card.welcome-card-first-0 a .welcome-circle-container .add-media-icons img {
  -webkit-filter: var(--filter);
  filter: var(--filter)
}
@-webkit-keyframes welcome-pulse {
  0%, 100% {
    scale: 1
  }
  50% {
    scale: 1.075
  }
}
@keyframes welcome-pulse {
  0%, 100% {
    scale: 1
  }
  50% {
    scale: 1.075
  }
}
@-webkit-keyframes welcome-fade {
  0% {
    opacity: 1;
    scale: .5
  }
  100% {
    opacity: 0;
    scale: 1.6
  }
}
@keyframes welcome-fade {
  0% {
    opacity: 1;
    scale: .5
  }
  100% {
    opacity: 0;
    scale: 1.6
  }
}
@-webkit-keyframes welcome-fade-big {
  0% {
    opacity: 1;
    scale: 1
  }
  70% {
    scale: 1.3;
    opacity: .4
  }
  100% {
    opacity: 0;
    scale: 1.6
  }
}
@keyframes welcome-fade-big {
  0% {
    opacity: 1;
    scale: 1
  }
  70% {
    scale: 1.3;
    opacity: .4
  }
  100% {
    opacity: 0;
    scale: 1.6
  }
}
@-webkit-keyframes welcome-icons-pulse {
  0%, 100% {
    gap: 20px
  }
  50% {
    gap: 24px
  }
}
@keyframes welcome-icons-pulse {
  0%, 100% {
    gap: 20px
  }
  50% {
    gap: 24px
  }
}
.welcome .welcome-flex-container .welcome-card.welcome-card-first-0 .card-button-primary {
  margin-top: 20px
}
.welcome .welcome-flex-container .welcome-card.welcome-card-first-0 .card-secondary {
  justify-content: flex-start;
  position: relative
}
.welcome .welcome-flex-container .welcome-card.welcome-card-first-0 .card-secondary img:nth-child(2) {
  position: absolute;
  top: 127px;
  left: 230px
}
.welcome .welcome-flex-container .welcome-card.welcome-card-first-1 .card-secondary {
  justify-content: flex-start;
  position: relative;
  color: var(--color-content-secondary)
}
.welcome .welcome-flex-container .welcome-card.welcome-card-first-1 .card-secondary .rocket {
  position: absolute;
  top: 58px;
  left: 100px
}
.welcome .welcome-flex-container .welcome-card.welcome-card-first-1 .card-secondary .eye {
  position: absolute;
  top: 110px;
  left: 80px
}
.welcome .welcome-flex-container .welcome-card.welcome-card-first-1 .card-secondary .card-text-container {
  width: 400px;
  position: absolute;
  bottom: 120px;
  left: 100px
}
.welcome .welcome-flex-container .welcome-card.welcome-card-first-1 .card-secondary .card-text-container.web-player-preview-text {
  bottom: 80px;
  left: 80px
}
.welcome .welcome-flex-container .welcome-card.welcome-card-first-1 .card-secondary .card-text-container a {
  text-decoration: none;
  color: var(--secondary_branding)
}
.welcome .welcome-flex-container .welcome-card.welcome-card-first-2 .card-secondary {
  justify-content: flex-start;
  position: relative;
  color: var(--color-content-secondary)
}
.welcome .welcome-flex-container .welcome-card.welcome-card-first-2 .card-secondary .rocket {
  position: absolute;
  top: 58px;
  left: 75px
}
.welcome .welcome-flex-container .welcome-card.welcome-card-first-2 .card-secondary .template-sample {
  height: 200px;
  position: absolute;
  top: 70px;
  left: 323px;
  clip: rect(0, 210px, 200px, 0)
}
.welcome .welcome-flex-container .welcome-card.welcome-card-first-2 .card-secondary .card-text-container {
  width: 300px;
  position: absolute;
  bottom: 105px;
  left: 75px;
  display: flex;
  flex-direction: column;
  row-gap: 10px
}
.welcome .welcome-flex-container .welcome-card.welcome-card-first-2 .card-secondary .card-text-container .card-secondary-text {
  max-width: 80%
}
.addons-library .library-content .text-container, .welcome .welcome-flex-container .welcome-card.learn-basics .card-title {
  max-width: 60%
}
.welcome .welcome-flex-container .welcome-card.welcome-card-first-2 .card-secondary .card-text-container a {
  text-decoration: none;
  color: var(--secondary_branding)
}
.welcome .welcome-flex-container .welcome-card.learn-basics {
  position: relative;
  display: block;
  overflow-x: hidden;
  cursor: pointer
}
.welcome .welcome-flex-container .welcome-card.learn-basics .emily {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 70%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-clip-path: circle(100% at 100% 50%);
  clip-path: circle(100% at 100% 50%)
}
.welcome .welcome-flex-container .welcome-card.learn-basics .youtube-play {
  position: absolute;
  width: 43px;
  height: 43px;
  top: 50%;
  right: 30%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.welcome .welcome-flex-container .welcome-card.learn-basics .card-primary {
  position: relative;
  align-items: flex-start;
  justify-content: space-between;
  height: 100%;
  z-index: 1
}
.welcome .welcome-flex-container .welcome-card.free-player {
  flex-basis: 100%;
  justify-content: space-between;
  align-items: center;
  overflow-x: initial;
  position: relative;
  min-height: 70px;
  height: 70px;
  margin-top: 20px;
  padding-left: 200px;
  box-shadow: none;
  background: linear-gradient(to right, transparent 90px, var(--color-fill-image) 90px 100%)
}
.welcome .welcome-flex-container .welcome-card.free-player img {
  position: absolute;
  left: -5px;
  width: 180px
}
@media only screen and (max-width:1600px) {
  .welcome .welcome-flex-container .learn-basics .emily {
    -webkit-clip-path: circle(90% at 100% 50%) !important;
    clip-path: circle(90% at 100% 50%) !important
  }
}
@media only screen and (max-width:1400px) {
  .welcome .welcome-flex-container .welcome-card:first-of-type .card-secondary img, .welcome .welcome-flex-container .welcome-card:first-of-type.welcome-card-first-2 .card-secondary {
    display: none
  }
  .welcome .welcome-flex-container .welcome-card {
    min-height: 300px;
    flex-basis: calc(50% - 20px)
  }
  .welcome .welcome-flex-container .welcome-card:first-of-type {
    flex-direction: column;
    align-items: center
  }
  .welcome .welcome-flex-container .welcome-card:first-of-type.welcome-card-first-1, .welcome .welcome-flex-container .welcome-card:first-of-type.welcome-card-first-2 {
    row-gap: 40px
  }
  .welcome .welcome-flex-container .welcome-card:first-of-type.welcome-card-first-1 .card-text-container, .welcome .welcome-flex-container .welcome-card:first-of-type.welcome-card-first-2 .card-text-container {
    width: unset;
    position: unset;
    text-align: center
  }
  .welcome .welcome-flex-container .welcome-card:first-of-type .card-secondary {
    justify-content: center
  }
  .welcome .welcome-flex-container .welcome-card:first-of-type .card-secondary .card-text-container {
    align-items: center
  }
  .welcome .welcome-flex-container .welcome-card.learn-basics {
    order: 1
  }
  .welcome .welcome-flex-container .welcome-card.free-player {
    flex-basis: calc(33.33% - 20px);
    height: unset;
    margin: unset;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 20px;
    padding: 25px;
    background: var(--color-fill-image)
  }
  .welcome .welcome-flex-container .welcome-card.free-player img {
    position: unset
  }
  .welcome .welcome-flex-container .welcome-card.free-player .free-player-header {
    max-width: 80%
  }
}
@media only screen and (max-width:1000px) {
  .welcome .welcome-flex-container .welcome-card {
    min-height: 275px;
    flex-basis: 100%;
    padding-inline: 20px 10px
  }
  .welcome .welcome-flex-container .welcome-card:first-of-type {
    flex-direction: column;
    align-items: center
  }
  .welcome .welcome-flex-container .welcome-card:first-of-type .card-secondary img {
    display: none
  }
  .welcome .welcome-flex-container .welcome-card.free-player {
    order: 1
  }
}
.welcome .self-destruct {
  font-size: 16px;
  color: var(--color-content-secondary);
  margin-top: 14px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.yodeck-basics-modal .modal-header .modal-title, .yodeck-basics-modal .tabs .tab .tab-header .tab-title {
  color: var(--color-content-primary)
}
@media only screen and (max-width:1400px) {
  .welcome .self-destruct {
    text-align: center;
    justify-content: start;
    align-items: center;
    flex-direction: row;
    display: flex
  }
}
.yodeck-basics-modal {
  justify-content: normal;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  padding: 12px 8px 40px;
  gap: 24px
}
.yodeck-basics-modal .modal-dialog {
  width: auto;
  max-width: 1150px
}
.yodeck-basics-modal .modal-header {
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
  display: flex;
  padding: 16px;
  align-self: stretch;
  border-bottom: none
}
.yodeck-basics-modal .tabs {
  gap: 16px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  flex-wrap: nowrap
}
@media only screen and (max-width:800px) {
  .yodeck-basics-modal .tabs {
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 16px;
    grid-row-gap: 16px
  }
}
.yodeck-basics-modal .tabs .tab {
  flex: 1 1 auto;
  background-color: var(--color-background-inverse)
}
.yodeck-basics-modal .tabs .tab .tab-header {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  border-radius: 8px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-inverse);
  padding: 12px;
  gap: 12px;
  flex: 1 0 0;
  align-self: stretch;
  cursor: pointer
}
.yodeck-basics-modal .tabs .tab .tab-header .tab-icon {
  -webkit-filter: var(--filter);
  filter: var(--filter)
}
@media only screen and (max-width:1000px) {
  .yodeck-basics-modal .tabs .tab .tab-header .tab-icon {
    display: none
  }
}
@media only screen and (max-width:800px) {
  .yodeck-basics-modal .tabs .tab .tab-header {
    align-items: center;
    flex-direction: column
  }
}
.yodeck-basics-modal .tabs .tab .tab-header:hover {
  background: var(--color-background-primary)
}
.yodeck-basics-modal .tabs .tab.active .tab-header {
  border: 1px solid var(--color-border-focus);
  background: var(--color-background-secondary)
}
.yodeck-basics-modal .tabs .tab.active .tab-header .tab-title {
  color: var(--basic_branding)
}
.yodeck-basics-modal .tabs .tab.active .tab-header .tab-icon {
  -webkit-filter: invert(52%) sepia(69%) saturate(1652%) hue-rotate(342deg) brightness(95%) contrast(100%);
  filter: invert(52%) sepia(69%) saturate(1652%) hue-rotate(342deg) brightness(95%) contrast(100%)
}
.yodeck-basics-modal .tab-content {
  justify-content: normal;
  align-items: flex-start;
  flex-direction: row;
  display: flex;
  padding: 0 16px;
  gap: 40px;
  align-self: stretch;
  margin-top: 32px;
  border: none
}
.yodeck-basics-modal .tab-content .tab-content-text-header {
  color: var(--color-content-primary);
  margin-bottom: 18px
}
.yodeck-basics-modal .tab-content .tab-content-text-body {
  color: var(--color-content-secondary)
}
.yodeck-basics-modal .tab-content .screen-container {
  margin: 16px;
  max-width: 900px;
  position: relative;
  border-radius: 8px;
  border: 4px solid #4e4c57;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .14)
}
.yodeck-basics-modal .tab-content .screen-container::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 50px;
  height: 8px;
  border-radius: 8px;
  background: #4e4c57
}
@media screen and (max-width:500px) {
  .yodeck-basics-modal .tab-content .screen-container {
    display: none
  }
}
.yodeck-basics-modal .tab-content .screen-container .screen-video {
  max-height: 180px;
  max-width: 320px
}
@media only screen and (max-width:800px) {
  .yodeck-basics-modal .tab-content {
    align-items: center;
    flex-direction: column
  }
}
.learn-basics-modal {
  display: grid;
  place-items: center;
  overflow: hidden
}
.learn-basics-modal .modal-dialog {
  width: min(1080px, 95vw)
}
.learn-basics-modal .modal-dialog .modal-content {
  background: 0 0;
  box-shadow: none;
  -webkit-box-shadow: none
}
.add-media-overlay {
  width: 100%;
  padding-block: 40px;
  justify-content: start;
  align-items: center;
  flex-direction: column;
  display: flex;
  row-gap: 40px;
  text-align: center
}
.add-media-overlay .title {
  padding-inline: 20px;
  color: var(--basic_branding)
}
.add-media-overlay .subtitle {
  padding-inline: 20px;
  max-width: 420px;
  color: var(--color-content-secondary)
}
.add-media-overlay > .skip-for-now {
  color: var(--color-content-primary);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer
}
.add-media-overlay > .skip-for-now:hover {
  color: var(--color-content-secondary)
}
.add-media-overlay .setup-screen {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 40px
}
.add-media-overlay .setup-screen > div {
  justify-content: start;
  align-items: center;
  flex-direction: column;
  display: flex;
  row-gap: 20px
}
.add-media-overlay .setup-screen > div img {
  max-width: 100%;
  transition: -webkit-filter .4s cubic-bezier(.25, .8, .25, 1);
  transition: filter .4s cubic-bezier(.25, .8, .25, 1);
  transition: filter .4s cubic-bezier(.25, .8, .25, 1), -webkit-filter .4s cubic-bezier(.25, .8, .25, 1)
}
.add-media-overlay .setup-screen > div img:hover {
  -webkit-filter: drop-shadow(0 2px 4px var(--basic_branding));
  filter: drop-shadow(0 2px 4px var(--basic_branding));
  cursor: pointer
}
.add-media-overlay .setup-screen > div a:focus {
  color: #fff;
  color: var(--color-background-inverse)
}
.add-media-overlay .setup-screen > div a:hover {
  text-decoration: none
}
@media only screen and (max-width:1100px) {
  .add-media-overlay .setup-screen {
    flex-direction: column
  }
  .add-media-overlay .setup-screen > div {
    row-gap: unset
  }
}
.empty-state-overlay {
  position: relative;
  width: 100%;
  padding: 40px;
  justify-content: start;
  align-items: center;
  flex-direction: column;
  display: flex;
  row-gap: 32px;
  text-align: center;
  -webkit-user-drag: none
}
.empty-state-overlay img {
  max-width: 100%;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none
}
.empty-state-overlay .subtitle {
  margin: 0;
  max-width: min(100%, 650px);
  font-size: 16px;
  font-weight: 500;
  color: var(--color-content-secondary);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  line-height: 150%
}
.empty-state-overlay .start-tour, .empty-state-overlay .subtitle strong {
  color: var(--color-content-primary)
}
.empty-state-overlay .buttons {
  display: flex;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px
}
.empty-state-overlay .start-tour {
  font-weight: 700;
  cursor: pointer
}
.empty-state-overlay .start-tour:hover {
  color: var(--color-content-secondary)
}
.empty-state-overlay .monitors-list-divs {
  text-align: initial;
  justify-content: center;
  flex-wrap: wrap
}
.empty-state-overlay .drag-n-drop-mask {
  top: 0
}
.empty-state-overlay .drag-n-drop-mask .drag-n-drop-inner-mask-message {
  margin: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.empty-state-banner {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  width: 100%;
  margin-bottom: 40px;
  padding: 16px;
  border-radius: 8px;
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-border-default)
}
.empty-state-banner .banner-content {
  display: flex;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px
}
.empty-state-banner .banner-content img {
  max-width: 60px
}
.empty-state-banner .banner-content .text {
  display: flex;
  flex-direction: column
}
.empty-state-banner .banner-content .text .title {
  margin: 0 0 5px;
  color: var(--color-content-primary)
}
.empty-state-banner .banner-content .text .subtitle {
  max-width: 80%;
  margin: 0;
  color: var(--color-content-secondary)
}
.welcome-v4 .welcome-free-player-guide-container a, .welcome-v4 .welcome-setup-guide-container a {
  min-width: unset;
  margin-left: auto;
  text-wrap: nowrap
}
.empty-state-banner .buttons {
  display: flex;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  text-wrap: nowrap
}
.welcome-v4 {
  justify-content: flex-start;
  align-items: normal;
  flex-direction: column;
  display: flex;
  row-gap: 24px
}
.welcome-v4 .welcome-title {
  margin-top: -40px
}
.welcome-v4 .welcome-flex-container {
  width: min(100%, 2400px);
  margin-top: 16px;
  display: flex;
  gap: 24px
}
.welcome-v4 .welcome-flex-container .welcome-card {
  width: 100%;
  padding-block: 24px 16px;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  row-gap: 12px;
  border-radius: 8px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-inverse);
  color: var(--color-content-primary)
}
.welcome-v4 .welcome-flex-container .welcome-card:hover {
  border-color: var(--basic_branding);
  text-decoration: none
}
.welcome-v4 .welcome-flex-container .welcome-card .card-subtitle, .welcome-v4 .welcome-flex-container .welcome-card .card-title {
  padding-inline: 24px
}
.welcome-v4 .welcome-flex-container .welcome-card .card-subtitle .suggested-pill, .welcome-v4 .welcome-flex-container .welcome-card .card-title .suggested-pill {
  padding: 4px 6px;
  border-radius: 4px;
  background: var(--color-fill-image);
  text-wrap: nowrap;
  vertical-align: middle
}
.welcome-v4 .welcome-flex-container .welcome-card .card-content-container {
  margin-top: 20px;
  height: 265px;
  width: 100%;
  display: flex;
  gap: 16px;
  overflow: hidden
}
.welcome-v4 .welcome-flex-container .welcome-card .card-content-container img {
  width: 100%;
  height: 100%;
  flex: 0 0 60%;
  border-radius: 6px;
  border: 1px solid var(--color-border-default);
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none
}
.welcome-v4 .welcome-flex-container .welcome-card .card-content-container .screen-content-container {
  position: relative;
  margin: auto
}
.welcome-v4 .welcome-flex-container .welcome-card .card-content-container .screen-content-container img {
  height: 270px;
  border: none
}
.welcome-v4 .welcome-flex-container .welcome-card .card-content-container .screen-content-container .screen-icon-container {
  position: absolute;
  top: 70px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 80px;
  height: 80px
}
.welcome-v4 .welcome-flex-container .welcome-card .card-content-container .screen-content-container .screen-icon-container .circle {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--basic_branding)
}
.welcome-v4 .welcome-flex-container .welcome-card .card-content-container .screen-content-container .screen-icon-container .circle.circle2 {
  -webkit-transform: scale(.5);
  transform: scale(.5)
}
.welcome-v4 .welcome-flex-container .welcome-card .card-content-container .screen-content-container .screen-icon-container .rect {
  position: absolute;
  top: 50%;
  left: 50%;
  height: calc(80px / 2.5);
  width: calc(80px / 20);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 20px;
  background-color: var(--color-background-inverse);
  pointer-events: none
}
.welcome-v4 .welcome-flex-container .welcome-card .card-content-container .screen-content-container .screen-icon-container .rect-horizontal {
  height: calc(80px / 20);
  width: calc(80px / 2.5)
}
.welcome-v4 .welcome-flex-container .welcome-card .card-content-container .apps-images-container {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  background: radial-gradient(ellipse 80% 45% at 50% 50%, rgba(0, 0, 0, .1) 0, #fff 60%), var(--color-background-inverse)
}
.welcome-v4 .welcome-flex-container .welcome-card .card-content-container .apps-images-container img {
  max-height: 114px;
  border: none;
  -o-object-position: 0 50%;
  object-position: 0 50%
}
.welcome-v4 .welcome-flex-container .welcome-card .card-content-container .apps-images-container img:last-child {
  -o-object-position: 100% 50%;
  object-position: 100% 50%
}
.welcome-v4 .welcome-flex-container .welcome-card .card-content-container .apps-images-container::after {
  content: '';
  position: absolute;
  inset: 0;
  box-shadow: inset 48px 0 48px -24px #fff, inset -48px 0 48px -24px #fff, inset 160px 0 120px -80px rgba(255, 255, 255, .98), inset -160px 0 120px -80px rgba(255, 255, 255, .98)
}
.welcome-v4 .welcome-flex-container .welcome-card .card-content-container .composite {
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 12px;
  position: relative
}
.welcome-v4 .welcome-flex-container .welcome-card .card-content-container .composite .images-row {
  margin-top: 12px;
  display: flex;
  gap: 4px;
  height: 180px;
  overflow: hidden;
  opacity: 1
}
.welcome-v4 .welcome-flex-container .welcome-card .card-content-container .composite .images-row img {
  flex: 0 0 40%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none
}
.overlay-element-tour, .tour {
  pointer-events: auto !important
}
.welcome-v4 .welcome-flex-container .welcome-card .card-content-container .composite .film-wrap {
  width: 100%
}
.welcome-v4 .welcome-flex-container .welcome-card .card-content-container .composite .film-wrap .film-image {
  height: 100%;
  width: 120%;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  border: none;
  max-height: 40px
}
.welcome-v4 .welcome-flex-container .welcome-card .card-content-container .composite .marker {
  position: absolute;
  left: 5%;
  width: unset;
  border: none
}
.welcome-v4 .welcome-flex-container .welcome-card.learn-basics {
  display: none;
  cursor: pointer
}
.welcome-v4 .welcome-flex-container .welcome-card.learn-basics img {
  flex: unset
}
.welcome-v4 .welcome-setup-guide-container {
  width: min(100%, 2400px);
  padding: 16px 24px;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  border-radius: 8px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-inverse)
}
.welcome-v4 .welcome-setup-guide-container .icon-container {
  padding: 12px;
  border-radius: 6px;
  background: var(--color-background-notice-subtle)
}
.welcome-v4 .welcome-free-player-guide-container {
  width: min(100%, 2400px);
  padding: 12px;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  border-radius: 8px;
  border: 1px solid var(--color-border-notice);
  background: var(--color-background-notice-subtle)
}
.welcome-v4 .welcome-free-player-guide-container img {
  height: 24px;
  margin-inline: 4px
}
@media only screen and (max-width:991px) {
  .welcome-v4 .welcome-title {
    margin-top: 0
  }
  .welcome-v4 .welcome-flex-container {
    flex-direction: column
  }
  .welcome-v4 .welcome-setup-guide-container .icon-container, .welcome-v4 .welcome-setup-guide-container .text-container :last-child {
    display: none
  }
}
@media only screen and (min-width:1680px) {
  .welcome-v4 .welcome-flex-container .welcome-card.learn-basics {
    display: flex
  }
}
.knowledge-hub {
  background-color: var(--color-background-inverse);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  border-top: 1px solid var(--color-border-default);
  padding: 12px;
  display: none;
  z-index: 1007
}
.knowledge-hub.init {
  display: flex
}
.knowledge-hub .start-tour-button {
  background-color: inherit;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  padding: 12px;
  gap: 8px;
  height: 40px;
  color: var(--color-content-primary);
  border-radius: 24px;
  border: none
}
.knowledge-hub .start-tour-button img.kh-button-icon {
  height: 18px;
  width: 18px
}
.knowledge-hub:hover {
  background-color: var(--color-background-tertiary)
}
.knowledge-hub #knowledgeHubContent {
  position: fixed;
  bottom: 65px;
  left: 0;
  background-color: var(--color-background-inverse);
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-left: 20px;
  min-width: 360px;
  padding: 12px 12px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px
}
.knowledge-hub #knowledgeHubContent .kh-category-header {
  padding: 12px 0;
  color: var(--color-content-secondary);
  gap: 4px;
  display: flex;
  flex-direction: row;
  align-items: center
}
.knowledge-hub #knowledgeHubContent .kh-category-header#khToursDropdown {
  cursor: pointer
}
.knowledge-hub #knowledgeHubContent .kh-category-header#khToursDropdown:hover {
  color: var(--basic_branding)
}
.knowledge-hub #knowledgeHubContent .kh-category-container {
  display: flex;
  flex-direction: column;
  align-items: stretch
}
.knowledge-hub #knowledgeHubContent .kh-category-container.tours-dropdown .tour-item {
  padding: 8px 12px;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between
}
.knowledge-hub #knowledgeHubContent .kh-category-container.tours-dropdown .tour-item .tour-item-wrapper {
  gap: 12px;
  display: flex;
  align-items: center
}
.knowledge-hub #knowledgeHubContent .kh-category-container.tours-dropdown .tour-item .tour-item-wrapper .tour-item-title {
  font-size: 16px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 400 !important
}
@media (max-width:768px) {
  .knowledge-hub #knowledgeHubContent .kh-category-container.tours-dropdown .tour-item .tour-item-wrapper .tour-item-title {
    font-size: 14px !important;
    letter-spacing: .02em !important
  }
}
.knowledge-hub #knowledgeHubContent .kh-category-container.tours-dropdown .tour-item:hover {
  background-color: var(--color-background-primary);
  border-radius: 8px;
  cursor: pointer
}
.knowledge-hub #knowledgeHubContent .kh-category-container.tours-dropdown .tour-item .background {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  background: var(--color-background-primary);
  border-radius: 4px;
  width: 32px;
  height: 32px;
  font-size: 24px
}
.knowledge-hub #knowledgeHubContent .kh-category-container.resources-dropdown .resource-items {
  display: grid;
  gap: 12px;
  grid-template-columns: auto auto;
  align-content: space-around;
  justify-content: space-evenly;
  align-items: center;
  justify-items: center
}
.knowledge-hub #knowledgeHubContent .kh-category-container.resources-dropdown .resource-items .resource-grid-item {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  border: none;
  width: 150px;
  height: 32px;
  color: var(--color-content-primary);
  background: var(--color-brand-subtle);
  border-radius: 4px
}
.knowledge-hub #knowledgeHubContent .kh-category-container.resources-dropdown .resource-items .resource-grid-item:hover {
  background-color: var(--color-brand-subtle-hover);
  border: var(--color-brand-subtle-hover);
  text-decoration: none;
  color: var(--color-content-primary)
}
.knowledge-hub #knowledgeHubContent .vet-wrapper {
  display: flex;
  flex-direction: column-reverse;
  margin-top: 12px
}
.knowledge-hub #knowledgeHubContent .vet-wrapper .kh-category-container {
  display: flex;
  flex-direction: column;
  align-items: stretch
}
.knowledge-hub #knowledgeHubContent .vet-wrapper .kh-category-container .kh-category-header {
  padding: 12px 0;
  color: var(--color-content-secondary);
  gap: 4px;
  display: flex;
  flex-direction: row
}
.knowledge-hub #knowledgeHubContent .vet-wrapper .kh-category-container.tours-dropdown .tour-item {
  padding: 0 0 0 12px
}
.knowledge-hub #knowledgeHubContent .vet-wrapper .kh-category-container.tours-dropdown .tour-item .tour-item-wrapper .tour-item-title {
  font-size: 14px !important;
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important
}
@media (max-width:768px) {
  .knowledge-hub #knowledgeHubContent .vet-wrapper .kh-category-container.tours-dropdown .tour-item .tour-item-wrapper .tour-item-title {
    font-size: 14px !important;
    letter-spacing: .02em !important
  }
}
.knowledge-hub #knowledgeHubContent .vet-wrapper .kh-category-container.tours-dropdown .tour-item > i {
  display: none
}
.knowledge-hub #knowledgeHubContent .vet-wrapper .resources-dropdown .resource-items {
  display: flex;
  flex-direction: column
}
.knowledge-hub #knowledgeHubContent .vet-wrapper .resources-dropdown .resource-items .resource-grid-item {
  justify-content: flex-start;
  width: 100%;
  border-radius: 8px;
  height: 48px;
  background: var(--color-background-primary);
  padding: 4px 12px;
  gap: 8px;
  align-self: stretch
}
.knowledge-hub #knowledgeHubContent .vet-wrapper .resources-dropdown .resource-items .resource-grid-item:hover {
  background: var(--color-background-tertiary)
}
.knowledge-hub #knowledgeHubContent .vet-wrapper .veteran-docs {
  width: 100%;
  border: 1px solid var(--color-content-primary);
  display: flex;
  height: 48px;
  align-self: stretch
}
.close_button, .knowledge-hub .kh-content-title .kh-title img {
  height: 24px;
  width: 24px
}
.knowledge-hub #knowledgeHubContent .vet-wrapper .veteran-docs i {
  line-height: 120%
}
.knowledge-hub #knowledgeHubContent .vet-wrapper .veteran-docs:hover {
  color: var(--basic_branding);
  border: 1px solid var(--basic_branding)
}
.knowledge-hub .kh-content-title, .knowledge-hub .kh-content-title .kh-title #kh-title-icon, .tour-buttons.btn-success, .tour-buttons.btn-success:hover, .tour_step.relative_step {
  color: var(--color-content-primary)
}
.knowledge-hub .kh-content-title {
  padding: 16px;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--color-background-tertiary);
  gap: 4px
}
.knowledge-hub .kh-content-title .kh-title {
  gap: 4px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between
}
.knowledge-hub .kh-content-title .kh-title div {
  gap: 4px;
  display: flex
}
.close_button {
  margin-right: -8px
}
.menu-min .knowledge-hub {
  width: 66px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.menu-min .knowledge-hub .start-tour-button {
  width: 48px;
  gap: 4px;
  border-radius: 4px
}
.menu-min .knowledge-hub .kh-text {
  display: none
}
a.tour-buttons, a.tour-buttons:hover {
  padding: 4px
}
.tour-buttons:not(#monitors_documentation) {
  border: 0 !important
}
.tour-buttons.btn-success {
  background-color: var(--basic_branding) !important
}
.tour-buttons.btn-success:hover {
  background-color: color-mix(in srgb, var(--basic_branding), #000 10%) !important
}
.tour-content, .tour-footer {
  background-color: var(--color-background-inverse)
}
.tour-buttons.btn {
  font-size: 14px !important;
  padding: 6px 14px
}
.popover.bottom .arrow, .popover.top .arrow {
  left: 10%
}
.popover-title-message .tour_step {
  position: absolute;
  right: 8px;
  font-size: 16px;
  font-weight: 400px
}
.tour_step.relative_step {
  position: relative;
  left: 40%;
  font-size: 14px
}
.btn-group > .btn.tour-next {
  border-radius: 5px !important;
  width: auto;
  height: 38px
}
.tour_back {
  cursor: pointer;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: absolute
}
.tour_back img {
  -webkit-filter: var(--filter);
  filter: var(--filter);
  height: 20px;
  width: 20px
}
.tour_back span {
  top: 1px;
  position: relative;
  font-size: 14px;
  font-weight: 700
}
.tour-end {
  color: var(--color-content-tertiary)
}
.tour-end:hover {
  color: var(--color-content-primary) !important;
  text-decoration: none !important
}
.total_tour_steps {
  color: var(--color-content-tertiary)
}
#tour-action, .current_tour_step, .popover-title, .tour-content {
  color: var(--color-content-primary)
}
.popover-title {
  padding: 14px 18px;
  border: none;
  border-radius: 5px 5px 0 0
}
.tour-content {
  padding: 9px 14px;
  font-size: 14px
}
#tour-action {
  display: block;
  font-weight: 700;
  font-size: 14px;
  padding: 0 18px 14px
}
.tour-error {
  color: var(--color-background-negative);
  padding-left: 15px;
  padding-right: 15px;
  font-size: 10px
}
.final_step_tour .tour-end, .tour .popover-title, .tour .tour-footer #tour_back img + span, .tour-footer {
  color: var(--color-content-primary)
}
.tour-next:active {
  outline: 0 !important;
  left: 0 !important
}
.tour-footer {
  padding: 9px 14px;
  overflow: hidden;
  display: flex;
  align-items: center
}
.overlay-element-tour {
  box-shadow: 0 0 0 99999px rgba(0, 0, 0, .4) !important;
  position: relative !important;
  opacity: 1;
  z-index: 10000 !important
}
.tour {
  display: block;
  position: absolute;
  z-index: 10000;
  opacity: 0;
  transition: opacity .4s 0s
}
.tour.visible {
  opacity: 1;
  transition: opacity .6s 0s;
  border-radius: 5px
}
.tour.tours_schedule_4 {
  z-index: 1040
}
.tour .tour_steps {
  position: relative;
  left: 40%;
  font-size: 14px
}
.tour .close {
  margin-right: 10px;
  margin-top: 13px;
  font-size: 22px
}
.tour.push_to_player_step {
  width: 280px
}
.tour .popover-title {
  background-color: var(--color-background-tertiary);
  font-size: 16px;
  font-weight: 700
}
.tour.upload_item.popover .arrow {
  top: auto !important;
  bottom: 25px
}
.tour.popover.right .arrow:after {
  border-right-color: var(--color-background-inverse) !important
}
.tour.popover.top .arrow:after {
  border-top-color: var(--color-background-inverse) !important
}
.tour.popover.left .arrow:after {
  border-left-color: var(--color-background-inverse) !important
}
.tour.popover.bottom .arrow:after {
  border-bottom-color: var(--color-background-tertiary) !important
}
.tour.push_to_player_step .tour-next {
  position: relative;
  top: 26px
}
.tour.push_to_player_step.bottom .arrow {
  left: 74%
}
.tour.save_step.bottom .arrow {
  left: 78%
}
.tour.gallery_step.top .arrow {
  left: 18%
}
.final_step_tour {
  position: absolute;
  top: 148px !important;
  width: 430px;
  max-width: 430px !important;
  min-height: 370px !important
}
.final_step_tour .tour-footer {
  position: absolute;
  bottom: 8px;
  left: 0
}
.final_step_tour .tour-next {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  border-radius: 8px !important;
  padding: 12px 20px !important;
  font-weight: 700
}
.final_step_tour .tour-end {
  margin-top: 6px;
  font-weight: 600
}
.final_step_tour .tour-end:hover {
  color: var(--color-content-tertiary) !important
}
.final_step_tour .close_button {
  font-size: 32px;
  font-weight: 400;
  line-height: .5;
  position: absolute;
  top: 21px;
  right: 21px
}
.final_step_tour .popover-title {
  background-color: var(--color-background-primary);
  height: 124px
}
.final_step_tour .img-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.final_step_tour .img-container img {
  width: 180px;
  height: 104px
}
.final_step_tour .title {
  margin-bottom: 12px;
  margin-top: 24px;
  text-align: center;
  color: var(--basic_branding)
}
.final_step_tour .content {
  width: 335px;
  margin: auto;
  text-align: center;
  color: var(--color-content-primary)
}
#finalStepTour_monitorTour_step_0 .tour-next {
  float: left !important;
  background-color: var(--color-background-tertiary) !important;
  color: var(--color-content-primary) !important;
  margin-left: 72px !important
}
#finalStepTour_monitorTour_step_0 .tour-next:active, #finalStepTour_monitorTour_step_0 .tour-next:hover {
  color: var(--color-content-primary) !important;
  background-color: var(--color-brand-subtle-hover) !important
}
#finalStepTour_monitorTour_step_0 .tour-end {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  cursor: pointer;
  float: right !important;
  border-radius: 8px !important;
  padding: 12px 20px !important;
  font-weight: 700;
  background-color: var(--basic_branding);
  width: auto;
  height: 38px;
  color: #fff;
  margin-top: 0 !important;
  margin-right: 73px !important
}
#finalStepTour_monitorTour_step_0 .tour-end:active, #finalStepTour_monitorTour_step_0 .tour-end:hover {
  border: 0 !important;
  background-color: color-mix(in srgb, var(--basic_branding), #000 10%) !important;
  color: #fff !important
}
.focus_menu_item {
  border: 3px solid var(--basic_branding) !important;
  box-shadow: 0 0 6px var(--basic_branding);
  z-index: 1007 !important
}
.primary-button, .secondary-button {
  display: inline-grid;
  min-width: 86px;
  padding-right: 16px;
  border-radius: 8px
}
.primary-button {
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
  grid-gap: 8px;
  height: 40px;
  padding-left: 16px;
  color: #fff;
  background-color: var(--basic_branding);
  border: 1px solid var(--basic_branding);
  cursor: pointer;
  line-height: normal
}
.secondary-button, .tertiary-button-dark {
  align-items: center;
  cursor: pointer;
  line-height: normal;
  grid-gap: 8px
}
.primary-button:focus, .primary-button:hover:not([disabled]) {
  color: #fff;
  background-color: color-mix(in srgb, var(--basic_branding), #000 10%);
  border-color: color-mix(in srgb, var(--basic_branding), #000 10%);
  text-decoration: none;
  outline: 0
}
.secondary-button {
  grid-auto-flow: column;
  justify-content: center;
  height: 40px;
  padding-left: 16px;
  color: var(--color-content-primary);
  background-color: var(--color-brand-subtle);
  border: 1px solid var(--color-brand-subtle)
}
.tertiary-button-dark, .tertiary-button-light {
  display: inline-grid;
  height: 40px;
  min-width: 86px;
  padding-right: 16px;
  border-radius: 8px;
  padding-left: 16px;
  grid-auto-flow: column
}
.secondary-button:focus, .secondary-button:hover:not([disabled]) {
  color: var(--color-content-primary);
  background-color: var(--color-brand-subtle-hover);
  border-color: var(--color-brand-subtle-hover);
  text-decoration: none;
  outline: 0
}
.tertiary-button-dark {
  justify-content: center;
  color: var(--color-background-inverse);
  background-color: var(--color-content-primary);
  border: 1px solid var(--color-border-default)
}
.tertiary-button-dark:focus, .tertiary-button-dark:hover:not([disabled]) {
  color: var(--color-background-inverse);
  background-color: var(--color-content-primary);
  border-color: var(--color-border-hover);
  text-decoration: none;
  outline: 0
}
.tertiary-button-light {
  align-items: center;
  justify-content: center;
  grid-gap: 8px;
  color: var(--color-content-primary);
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-border-default);
  cursor: pointer;
  line-height: normal
}
.danger-button, .ghost-button, .ghost-button-dark {
  display: inline-grid;
  grid-gap: 8px;
  height: 40px;
  min-width: 86px;
  padding-right: 16px;
  border-radius: 8px;
  cursor: pointer;
  line-height: normal
}
.tertiary-button-light:focus, .tertiary-button-light:hover:not([disabled]) {
  color: var(--color-content-primary);
  background-color: var(--color-background-inverse);
  border-color: var(--color-border-hover);
  text-decoration: none;
  outline: 0
}
.danger-button {
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
  padding-left: 16px;
  color: #fff;
  background-color: var(--color-background-negative);
  border: none
}
.danger-button:focus, .danger-button:hover:not([disabled]) {
  color: #fff;
  background-color: #a32700;
  border-color: #a32700;
  text-decoration: none;
  outline: 0
}
.ghost-button, .ghost-button-dark {
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
  color: var(--basic_branding);
  background-color: inherit;
  border: 1px solid transparent;
  padding-left: 0
}
.ghost-button-danger, .ghost-button-dark {
  border-radius: 8px;
  background-color: inherit
}
.form-delete-button, .ghost-button-danger, .ghost-button-dark {
  display: inline-grid;
  grid-auto-flow: column;
  grid-gap: 8px;
  height: 40px;
  min-width: 86px;
  padding-left: 16px;
  padding-right: 16px;
  cursor: pointer;
  line-height: normal
}
.ghost-button-dark:focus, .ghost-button-dark:hover:not([disabled]), .ghost-button:focus, .ghost-button:hover:not([disabled]) {
  color: color-mix(in srgb, var(--basic_branding), #000 10%);
  background-color: inherit;
  border-color: transparent;
  text-decoration: none;
  outline: 0
}
.ghost-button-dark.grey_color, .ghost-button.grey_color {
  color: var(--color-content-primary) !important
}
.ghost-button-dark.grey_color:hover, .ghost-button.grey_color:hover {
  color: var(--color-content-tertiary)
}
.ghost-button-dark {
  align-items: center;
  justify-content: center;
  color: var(--color-content-primary);
  border: 1px solid transparent
}
.ghost-button-dark:focus, .ghost-button-dark:hover:not([disabled]) {
  color: var(--color-content-tertiary);
  background-color: inherit;
  border-color: transparent;
  text-decoration: none;
  outline: 0
}
.ghost-button-danger {
  align-items: center;
  justify-content: center;
  color: var(--color-border-negative);
  border: 1px solid transparent
}
.ghost-button-danger:focus, .ghost-button-danger:hover:not([disabled]) {
  color: var(--color-content-negative);
  background-color: inherit;
  border-color: transparent;
  text-decoration: none;
  outline: 0
}
.form-delete-button {
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: var(--color-content-negative);
  background-color: var(--color-background-secondary);
  border: 1px solid var(--color-border-default)
}
.form-delete-button:focus, .form-delete-button:hover:not([disabled]) {
  color: var(--color-content-primary);
  background-color: var(--color-brand-subtle-hover);
  border-color: var(--color-brand-subtle-hover);
  text-decoration: none;
  outline: 0
}
.tertiary-pill-light {
  color: var(--color-content-primary);
  border: 1px solid var(--color-border-section);
  background: var(--color-background-inverse);
  border-radius: 44px;
  padding: 8px 18px;
  white-space: nowrap
}
.tertiary-pill-light[class*=active] {
  color: var(--color-background-inverse);
  background-color: var(--color-content-primary);
  border: 1px solid var(--color-content-primary)
}
.tertiary-pill-light:hover {
  border: 1px solid var(--color-border-hover)
}
.magenta-button, .only-border-button {
  border-radius: 8px;
  display: inline-grid;
  grid-auto-flow: column;
  grid-gap: 8px;
  height: 40px;
  min-width: 86px;
  padding-left: 16px;
  padding-right: 16px;
  line-height: normal;
  cursor: pointer
}
.magenta-button {
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: var(--color-brand-purple);
  border: 1px solid var(--color-brand-purple)
}
.magenta-button:focus, .magenta-button:hover:not([disabled]) {
  color: #fff;
  background-color: var(--color-brand-purple);
  border-color: var(--color-brand-purple);
  text-decoration: none;
  outline: 0
}
.only-border-button {
  align-items: center;
  justify-content: center;
  color: var(--color-content-primary);
  background-color: transparent;
  border: 1px solid var(--color-border-default)
}
.only-border-button:focus, .only-border-button:hover:not([disabled]) {
  color: var(--color-content-primary);
  background-color: transparent;
  border-color: var(--color-border-hover);
  text-decoration: none;
  outline: 0
}
.only-border-button-danger {
  display: inline-grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
  grid-gap: 8px;
  height: 40px;
  min-width: 86px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 8px;
  color: var(--color-border-negative);
  background-color: transparent;
  border: 1px solid var(--color-border-negative);
  cursor: pointer;
  line-height: normal
}
.headline-bold-large, .headline-bold-medium, .headline-bold-small {
  line-height: 115% !important;
  font-weight: 600 !important
}
.only-border-button-danger:focus, .only-border-button-danger:hover:not([disabled]) {
  color: var(--color-border-negative);
  background-color: var(--color-background-negative-subtle);
  border-color: var(--color-border-negative);
  text-decoration: none;
  outline: 0
}
.only-border-button-danger:focus {
  color: var(--color-border-negative);
  background-color: transparent;
  border-color: var(--color-border-negative);
  outline: 0
}
.button-mrg-right {
  margin-right: 16px
}
.button-mrg-left {
  margin-left: 16px
}
.app-margin {
  margin-right: 8px
}
body.whitelabel .monetization-crown {
  display: none !important
}
body:not(.whitelabel) .monetization-crown {
  --ms-fill: 1;
  --ms-wght: 400;
  color: var(--monetization-crown) !important
}
body:not(.whitelabel) .monetization-button {
  background-color: var(--monetization-border) !important;
  border-color: var(--monetization-border) !important;
  position: relative;
  padding-left: 44px !important;
  color: #fff !important
}
body:not(.whitelabel) .monetization-pill, body:not(.whitelabel) .monetization-tag {
  display: inline-flex;
  color: var(--monetization-text) !important;
  height: 24px;
  white-space: nowrap
}
body:not(.whitelabel) .monetization-button:focus, body:not(.whitelabel) .monetization-button:hover {
  background-color: var(--monetization-border-hover) !important;
  border-color: var(--monetization-border-hover) !important
}
body:not(.whitelabel) .monetization-button .monetization-crown {
  --ms-size: 20;
  position: absolute;
  left: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
body:not(.whitelabel) .monetization-pill {
  align-items: center;
  justify-content: center;
  background-color: transparent !important;
  border: 1px solid var(--monetization-border) !important;
  gap: 3px;
  padding: 3px 6px;
  border-radius: 6px
}
body:not(.whitelabel) .monetization-pill .monetization-crown {
  --ms-size: 16
}
body:not(.whitelabel) .monetization-pill-sm {
  padding: 4px 10px;
  gap: 4px
}
body:not(.whitelabel) .monetization-icon {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--monetization-text)
}
body:not(.whitelabel) .monetization-icon .monetization-crown {
  --ms-size: 18
}
body:not(.whitelabel) .monetization-tag {
  align-items: center;
  justify-content: center;
  background-color: transparent !important;
  border: none !important;
  gap: 3px;
  padding: 3px 6px;
  border-radius: 6px;
  width: 24px
}
body:not(.whitelabel) .monetization-tag .monetization-crown, body:not(.whitelabel) .monetization-tag.monetization-crown {
  --ms-size: 20
}
body, h1, h2, h3, h4, h5, h6 {
  font-family: Inter, sans-serif !important
}
.display-small {
  font-size: 32px !important;
  font-weight: 600 !important
}
@media (max-width:768px) {
  .display-small {
    font-size: 32px !important
  }
}
.display-medium {
  font-size: 48px !important;
  font-weight: 600 !important
}
@media (max-width:768px) {
  .display-medium {
    font-size: 36px !important
  }
}
.display-large {
  font-size: 56px !important;
  font-weight: 600 !important
}
@media (max-width:768px) {
  .display-large {
    font-size: 48px !important
  }
}
.headline-bold-small {
  font-size: 24px !important
}
@media (max-width:768px) {
  .headline-bold-small {
    font-size: 20px !important;
    letter-spacing: .02em !important
  }
}
.headline-bold-medium {
  font-size: 28px !important
}
@media (max-width:768px) {
  .headline-bold-medium {
    font-size: 24px !important
  }
}
.headline-bold-large {
  font-size: 32px !important
}
.headline-semibold-large, .headline-semibold-medium, .headline-semibold-small {
  line-height: 115% !important;
  font-weight: 500 !important
}
@media (max-width:768px) {
  .headline-bold-large {
    font-size: 28px !important
  }
}
.headline-semibold-small {
  font-size: 24px !important
}
@media (max-width:768px) {
  .headline-semibold-small {
    font-size: 20px !important;
    letter-spacing: .02em !important
  }
}
.headline-semibold-medium {
  font-size: 28px !important
}
@media (max-width:768px) {
  .headline-semibold-medium {
    font-size: 24px !important
  }
}
.headline-semibold-large {
  font-size: 32px !important
}
.headline-regular-large, .headline-regular-medium, .headline-regular-small {
  font-weight: 400 !important;
  line-height: 115% !important
}
@media (max-width:768px) {
  .headline-semibold-large {
    font-size: 28px !important
  }
}
.headline-regular-small {
  font-size: 24px !important
}
@media (max-width:768px) {
  .headline-regular-small {
    font-size: 20px !important;
    letter-spacing: .02em !important
  }
}
.headline-regular-medium {
  font-size: 28px !important
}
@media (max-width:768px) {
  .headline-regular-medium {
    font-size: 24px !important
  }
}
.headline-regular-large {
  font-size: 32px !important
}
@media (max-width:768px) {
  .headline-regular-large {
    font-size: 28px !important
  }
}
.title-bold-small {
  font-size: 14px !important;
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 600 !important
}
@media (max-width:768px) {
  .title-bold-small {
    font-size: 12px !important;
    letter-spacing: .04em !important
  }
}
.title-bold-extra-large, .title-bold-large, .title-bold-medium, .title-semibold-small {
  letter-spacing: .02em !important;
  line-height: 115% !important
}
.title-bold-medium {
  font-size: 16px !important;
  font-weight: 600 !important
}
@media (max-width:768px) {
  .title-bold-medium {
    font-size: 14px !important;
    letter-spacing: .02em !important
  }
}
.title-bold-large {
  font-size: 18px !important;
  font-weight: 600 !important
}
@media (max-width:768px) {
  .title-bold-large {
    font-size: 16px !important;
    letter-spacing: .02em !important
  }
}
.title-bold-extra-large {
  font-size: 20px !important;
  font-weight: 600 !important
}
@media (max-width:768px) {
  .title-bold-extra-large {
    font-size: 18px !important;
    letter-spacing: .02em !important
  }
}
.title-semibold-small {
  font-size: 14px !important;
  font-weight: 500 !important
}
@media (max-width:768px) {
  .title-semibold-small {
    font-size: 12px !important;
    letter-spacing: .04em !important
  }
}
.title-regular-small, .title-semibold-extra-large, .title-semibold-large, .title-semibold-medium {
  letter-spacing: .02em !important;
  line-height: 115% !important
}
.title-semibold-medium {
  font-size: 16px !important;
  font-weight: 500 !important
}
@media (max-width:768px) {
  .title-semibold-medium {
    font-size: 14px !important;
    letter-spacing: .02em !important
  }
}
.title-semibold-large {
  font-size: 18px !important;
  font-weight: 500 !important
}
@media (max-width:768px) {
  .title-semibold-large {
    font-size: 16px !important;
    letter-spacing: .02em !important
  }
}
.title-semibold-extra-large {
  font-size: 20px !important;
  font-weight: 500 !important
}
@media (max-width:768px) {
  .title-semibold-extra-large {
    font-size: 18px !important;
    letter-spacing: .02em !important
  }
}
.title-regular-small {
  font-size: 14px !important;
  font-weight: 400 !important
}
@media (max-width:768px) {
  .title-regular-small {
    font-size: 12px !important;
    letter-spacing: .04em !important
  }
}
.title-light-small, .title-regular-extra-large, .title-regular-large, .title-regular-medium {
  letter-spacing: .02em !important;
  line-height: 115% !important
}
.title-regular-medium {
  font-size: 16px !important;
  font-weight: 400 !important
}
@media (max-width:768px) {
  .title-regular-medium {
    font-size: 14px !important;
    letter-spacing: .02em !important
  }
}
.title-regular-large {
  font-size: 18px !important;
  font-weight: 400 !important
}
@media (max-width:768px) {
  .title-regular-large {
    font-size: 16px !important;
    letter-spacing: .02em !important
  }
}
.title-regular-extra-large {
  font-size: 20px !important;
  font-weight: 400 !important
}
@media (max-width:768px) {
  .title-regular-extra-large {
    font-size: 18px !important;
    letter-spacing: .02em !important
  }
}
.title-light-small {
  font-size: 14px !important;
  font-weight: 300 !important
}
@media (max-width:768px) {
  .title-light-small {
    font-size: 12px !important;
    letter-spacing: .04em !important
  }
}
.title-light-extra-large, .title-light-large, .title-light-medium {
  letter-spacing: .02em !important;
  line-height: 115% !important;
  font-weight: 300 !important
}
.title-light-medium {
  font-size: 16px !important
}
@media (max-width:768px) {
  .title-light-medium {
    font-size: 14px !important;
    letter-spacing: .02em !important
  }
}
.title-light-large {
  font-size: 18px !important
}
@media (max-width:768px) {
  .title-light-large {
    font-size: 16px !important;
    letter-spacing: .02em !important
  }
}
.title-light-extra-large {
  font-size: 20px !important
}
@media (max-width:768px) {
  .title-light-extra-large {
    font-size: 18px !important;
    letter-spacing: .02em !important
  }
}
.body-light-large, .body-light-medium, .body-light-small {
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 300 !important
}
.body-light-small {
  font-size: 12px !important
}
.body-light-large, .body-light-medium {
  font-size: 14px !important
}
@media (max-width:768px) {
  .body-light-large {
    font-size: 14px !important;
    letter-spacing: .02em !important
  }
}
.body-regular-large, .body-regular-medium, .body-regular-small {
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important
}
.body-regular-small {
  font-size: 12px !important
}
.body-regular-large, .body-regular-medium {
  font-size: 14px !important
}
@media (max-width:768px) {
  .body-regular-large {
    font-size: 14px !important;
    letter-spacing: .02em !important
  }
}
.body-semibold-large, .body-semibold-medium, .body-semibold-small {
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 500 !important
}
.body-semibold-small {
  font-size: 12px !important
}
.body-semibold-large, .body-semibold-medium {
  font-size: 14px !important
}
@media (max-width:768px) {
  .body-semibold-large {
    font-size: 14px !important;
    letter-spacing: .02em !important
  }
}
.body-bold-large, .body-bold-medium, .body-bold-small {
  line-height: 120% !important;
  letter-spacing: 0 !important;
  font-weight: 600 !important
}
.body-bold-small {
  font-size: 12px !important
}
.body-bold-large, .body-bold-medium {
  font-size: 14px !important
}
.button-text-large, .button-text-medium {
  font-weight: 500 !important
}
.button-text-medium {
  font-size: 14px !important;
  letter-spacing: .02em !important
}
@media (max-width:768px) {
  .body-bold-large {
    font-size: 14px !important;
    letter-spacing: .02em !important
  }
  .button-text-medium {
    font-size: 12px !important;
    letter-spacing: .04em !important
  }
  .button-text-large {
    font-size: 14px !important;
    letter-spacing: .02em !important
  }
}
.button-text-large, .button-text-light-large, .button-text-light-medium {
  font-size: 14px !important;
  letter-spacing: .02em !important
}
.button-text-light-large {
  font-weight: 400 !important
}
.button-text-light-medium {
  font-weight: 400 !important
}
@media (max-width:768px) {
  .button-text-light-large {
    font-size: 14px !important;
    letter-spacing: .02em !important
  }
  .button-text-light-medium {
    font-size: 12px !important;
    letter-spacing: .04em !important
  }
  .caption-regular-small {
    font-size: 10px !important;
    letter-spacing: .05em !important
  }
}
.caption-regular-small {
  font-size: 10px !important;
  letter-spacing: .05em !important;
  font-weight: 400 !important
}
.caption-regular-medium {
  font-size: 12px !important;
  letter-spacing: .04em !important;
  font-weight: 400 !important
}
@media (max-width:768px) {
  .caption-regular-medium {
    font-size: 12px !important;
    letter-spacing: .04em !important
  }
  .caption-bold-small {
    font-size: 10px !important;
    letter-spacing: .05em !important
  }
}
.caption-bold-small {
  font-size: 10px !important;
  letter-spacing: .05em !important;
  font-weight: 600 !important
}
.caption-bold-medium {
  font-size: 12px !important;
  letter-spacing: .04em !important;
  font-weight: 600 !important
}
@media (max-width:768px) {
  .caption-bold-medium {
    font-size: 12px !important;
    letter-spacing: .04em !important
  }
}
#workspace-list .workspaces-info-bar {
  padding-right: 12px;
  height: 40px;
  line-height: 40px;
  display: inline-block
}
#workspace-list .workspace_list_container {
  text-align: end
}
#workspace-list .workspace_list_container .num_of_items_container {
  float: left;
  margin-top: 10px;
  margin-right: 5px
}
#workspace-list .workspaces-info {
  width: auto;
  max-width: 600px;
  font-size: 12px;
  background-color: var(--color-background-tertiary);
  padding: 0 14px;
  border-radius: 5px;
  top: 10px;
  position: relative
}
#workspace-list .workspaces-info > span:not(:last-child) {
  padding-right: 10px;
  border-right: 1px solid var(--color-border-section);
  margin-right: 10px
}
#workspace-list .workspaces-info > div .value {
  margin-left: 5px;
  color: var(--color-content-primary)
}
#workspace-list .workspaces-info > div .title {
  color: var(--color-content-tertiary)
}
@media (max-width:991px) {
  #workspace-list .workspace_list_container {
    text-align: left
  }
  #workspace-list .workspace_list_container .num_of_items_container {
    margin-top: 15px
  }
}
.exclamation-circle {
  color: var(--color-content-negative);
  width: -webkit-min-content !important;
  width: -moz-min-content !important;
  width: min-content !important
}
#video_options, .profile-email-banner-button, h4.header {
  color: var(--color-content-primary)
}
.profile-email-banner-button {
  background-color: var(--color-background-inverse);
  border: 1px solid var(--color-border-default)
}
#video_options .field-enable_4k {
  margin: unset !important
}
#video_options label {
  word-break: normal;
  position: relative;
  top: 20px;
  left: 66px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
#video_options hr {
  border-top: none
}
#video_options .enable_4k_info {
  max-width: 430px;
  display: block;
  margin-left: 66px
}
#video_options .info_block_title {
  margin-bottom: 30px;
  margin-left: 25px
}
#video_options .header {
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--color-border-section)
}
#video_options .info_block {
  max-width: 665px;
  background-color: var(--color-background-tertiary);
  border-radius: 8px;
  padding: 40px 80px 35px 40px
}
#video_options .info_block ul {
  list-style-type: none;
  line-height: 150% !important
}
#video_options .info_block ul li {
  display: flex;
  align-items: baseline
}
#video_options .info_block ul li:not(:last-child) {
  margin-bottom: 18px
}
#video_options .info_block ul li span {
  color: var(--color-content-secondary)
}
#video_options .info_block ul li span b {
  color: var(--color-content-primary)
}
#video_options .info_block ul li .bullet_span {
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  background-color: var(--color-content-primary);
  margin-right: 15px;
  content: ' ';
  border-radius: 50%;
  margin-bottom: 2px
}
#video_options .info_block ul li .sub_bullet_span {
  flex: none;
  background-color: transparent;
  border: 1px solid var(--color-content-primary);
  -webkit-transform: translateX(20px);
  transform: translateX(20px)
}
#video_options .info_block ul li .sub_bullet_span + span {
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
  width: calc(100% - 20px)
}
#video_options .form-actions {
  background-color: transparent;
  border-top: 0;
  margin-bottom: 0;
  margin-top: 30px;
  padding: 0
}
.beta-pill, .beta-pill:hover {
  background-color: var(--color-background-inverse);
  color: var(--basic_branding)
}
@media (max-width:991px) {
  #video_options .header {
    margin-top: 15px;
    margin-bottom: 15px
  }
  #video_options .info_block {
    padding: 20px 40px 18px 20px
  }
}
.beta-pill {
  border: 1px solid;
  border-radius: 4px;
  padding: 2.5px;
  border-color: var(--basic_branding)
}
.beta-pill:hover {
  border-color: var(--basic_branding)
}
#customize_notifications {
  color: var(--basic_branding);
  text-decoration: underline;
  cursor: pointer
}
#user-profile #theme-tab {
  display: flex;
  align-items: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content
}
#user-profile #theme-tab:hover a {
  color: var(--color-content-tertiary)
}
#user-profile #theme-tab.active a {
  color: var(--basic_branding)
}
#user-profile #theme-tab .new-pill {
  background-color: var(--basic_branding);
  color: #fff;
  padding-inline: 8px;
  padding-block: 2px;
  border-radius: 15px;
  margin-left: 12px
}
#theme-container {
  display: none
}
#theme-container.active {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 20px
}
#theme-container .theme-section {
  display: flex;
  justify-content: center;
  flex-direction: column
}
#theme-container .theme-section .title-container {
  display: flex;
  align-items: center;
  justify-self: flex-start;
  gap: 10px
}
#theme-container .theme-section .title-container .title-img {
  -webkit-filter: var(--filter);
  filter: var(--filter)
}
#theme-container .theme-section .title-container .title {
  line-height: 28px;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 0
}
#theme-container .theme-section .horizontal-line {
  background-color: var(--color-border-default);
  width: 100%;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 20px
}
#theme-container .theme-section .cards-container {
  display: flex;
  align-items: center;
  gap: 24px;
  width: 100%;
  height: 100%;
  margin-block: 20px;
  -webkit-padding-start: 0;
  padding-inline-start: 0
}
@media (max-width:1400px) {
  #theme-container .theme-section .cards-container {
    flex-direction: column
  }
}
#theme-container .theme-section .cards-container .card {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 33%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border: 1px solid var(--color-border-default);
  border-radius: 16px;
  background-color: var(--color-background-inverse);
  cursor: pointer
}
#theme-container .theme-section .cards-container .card:hover {
  border-color: var(--color-border-hover)
}
#theme-container .theme-section .cards-container .card.active {
  border-color: var(--color-border-focus)
}
#theme-container .theme-section .cards-container .card.active .card-title .card-title-pill {
  display: inline;
  color: #fff;
  background-color: var(--basic_branding);
  border-radius: 15px;
  padding-block: 4px;
  padding-inline: 15px
}
@media (max-width:1400px) {
  #theme-container .theme-section .cards-container .card {
    width: 70%
  }
}
@media (max-width:768px) {
  #theme-container .theme-section .cards-container .card {
    width: 100%
  }
}
#theme-container .theme-section .cards-container .card .card-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 12px;
  width: 100%;
  height: 62px;
  border-radius: 16px 16px 0 0;
  color: var(--color-content-primary);
  background-color: var(--color-background-primary)
}
#theme-container .theme-section .cards-container .card .card-title .card-icon-text-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px
}
#theme-container .theme-section .cards-container .card .card-title .card-title-pill {
  display: none
}
@media (max-width:576px) {
  #theme-container .theme-section .cards-container .card .card-title .card-title-pill {
    display: none !important
  }
}
#theme-container .theme-section .cards-container .card .card-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px
}
#theme-container .theme-section .cards-container .card .card-body .card-text {
  text-align: left;
  text-wrap: wrap;
  width: 100%;
  height: 70px
}
@media (max-width:1400px) {
  #theme-container .theme-section .cards-container .card .card-body .card-text {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
  }
}
#theme-container .theme-section .cards-container .card .card-body .card-img {
  width: 100%;
  min-width: none;
  pointer-events: none
}
.profile-header {
  color: var(--color-content-primary)
}
.profile-email-verification-banner-container {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 12px;
  background-color: var(--color-background-notice-subtle);
  border: 1px solid var(--color-border-notice);
  border-radius: 8px;
  padding: 8px;
  max-width: 1600px;
  margin-top: 24px
}
.profile-email-verification-banner-container .profile-email-verification-banner {
  justify-content: start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 6px
}
.profile-email-verification-banner-container .profile-email-verification-banner > p {
  margin-bottom: 0
}
.profile-email-verification-banner-container > button {
  height: 28px;
  border-radius: 4px;
  white-space: nowrap;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content
}
@media only screen and (max-width:767px) {
  .profile-email-verification-banner-container {
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    display: flex;
    gap: 12px;
    padding: 12px
  }
  .profile-email-verification-banner-container .profile-email-banner-icon {
    display: none
  }
  .profile-email-verification-banner-container > button {
    width: 100%
  }
}
.profile-content-container {
  padding: 0 15px
}
.profile-content-container .intl-tel-input {
  display: block
}
.profile-deletion-action-container {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 8px;
  cursor: pointer;
  padding-left: 0;
  color: var(--color-content-secondary);
  text-align: start
}
.profile-deletion-action-container > .profile-deletion-icon-wrapper {
  background-color: var(--color-background-tertiary);
  border-radius: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  min-width: 24px;
  min-height: 24px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.profile-deletion-action-container:focus {
  color: var(--color-content-tertiary)
}
#edit-otp [data-editors=use_otp] .toggle-editor {
  pointer-events: none
}
#edit-otp [data-editors=use_otp] .toggle-editor .lbl, #edit-otp [data-editors=use_otp] .toggle-editor input.custom-boolean-switch {
  pointer-events: auto
}
.twofasetup-layout .login-container {
  width: 100%
}
.twofasetup-layout .login-container .logo {
  background-position: 42px 0;
  margin-top: 42px;
  margin-left: 0
}
@media (max-width:768px) {
  .twofasetup-layout .login-container .logo {
    background-position: center;
    margin-top: 10px
  }
}
.twofasetup-layout .main-container {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex
}
.twofasetup-layout .tfa-container {
  max-width: 840px;
  width: 100%;
  box-sizing: border-box
}
.twofasetup-layout .holder-of-tree {
  border-left: 2px solid var(--color-content-primary)
}
.twofasetup-layout .holder-of-tree .tree-leaf {
  position: relative;
  padding: 0 20px 60px
}
@media (max-width:549px) {
  .twofasetup-layout .holder-of-tree .tree-leaf {
    padding: 0 10px 60px
  }
}
.twofasetup-layout .holder-of-tree .tree-leaf:before {
  content: '';
  background: var(--color-content-primary);
  width: 23px;
  height: 23px;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 0;
  left: -27px
}
@media (max-width:906px) {
  .twofasetup-layout .holder-of-tree {
    border-left: 0
  }
  .twofasetup-layout .holder-of-tree .tree-leaf:before {
    display: none
  }
}
.twofasetup-layout .holder-of-tree .tree-leaf .gray-area {
  background-color: var(--color-background-tertiary);
  color: var(--color-content-primary);
  border-radius: 12px;
  width: 100%;
  gap: 34px
}
@media (max-width:698px) {
  .twofasetup-layout .holder-of-tree .tree-leaf .gray-area {
    flex-direction: column;
    justify-content: center
  }
}
.twofasetup-layout .holder-of-tree .tree-leaf .gray-area .copy-text {
  background: var(--color-background-inverse);
  border: 1px solid var(--color-content-tertiary);
  border-radius: 4px;
  padding: 5px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex
}
.twofasetup-layout .holder-of-tree .tree-leaf .gray-area .tertiary-button-light {
  height: 32px
}
@media (max-width:549px) {
  .twofasetup-layout .holder-of-tree .tree-leaf .gray-area .copy-text {
    font-size: 12px !important;
    line-height: 120% !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
    padding: 15px;
    display: block;
    text-align: center
  }
  .twofasetup-layout .holder-of-tree .tree-leaf .gray-area .copy-text .copy-button {
    margin-top: 10px;
    width: 60%
  }
  .twofasetup-layout .holder-of-tree .tree-leaf .gray-area .tertiary-button-light {
    height: 40px
  }
}
.twofasetup-layout .holder-of-tree .tree-leaf .intl-tel-input {
  width: 313px
}
@media (max-width:698px) {
  .twofasetup-layout .holder-of-tree .tree-leaf .intl-tel-input {
    width: 100%
  }
}
@media (max-width:549px) {
  .twofasetup-layout .holder-of-tree .tree-leaf .pin-editor .pin-input {
    width: 40px;
    height: 40px
  }
}
@media (max-width:528px) {
  .twofasetup-layout .button-holder #complete-setup-button {
    width: 70%;
    height: 40px
  }
}
.apply_disabled_readonly {
  color: var(--color-content-disabled) !important;
  background-color: var(--color-background-secondary-subtle) !important;
  border-color: var(--color-border-default) !important;
  opacity: 1 !important;
  pointer-events: none
}
.apply_disabled_readonly:focus {
  outline: 0;
  border: var(--color-border-default) !important
}
.basic-branding {
  color: var(--basic_branding)
}
.hover-yellow {
  color: #ffcb00
}
.black {
  color: #000
}
.color-content-primary {
  color: var(--color-content-primary)
}
.addon-notice-label, .color-content-secondary {
  color: var(--color-content-secondary)
}
.color-content-tertiary {
  color: var(--color-content-tertiary)
}
.color-content-disabled {
  color: var(--color-content-disabled)
}
.color-content-inverse {
  color: var(--color-content-inverse)
}
.color-content-notice {
  color: var(--color-content-notice)
}
.color-content-negative {
  color: var(--color-content-negative)
}
.color-content-positive {
  color: var(--color-content-positive)
}
.color-content-warning {
  color: var(--color-content-warning)
}
.color-background-primary {
  color: var(--color-background-primary)
}
.color-background-inverse {
  color: var(--color-background-inverse)
}
.color-background-secondary {
  color: var(--color-background-secondary)
}
.color-background-secondary-subtle {
  color: var(--color-background-secondary-subtle)
}
.color-background-tertiary {
  color: var(--color-background-tertiary)
}
.color-background-notice {
  color: var(--color-background-notice)
}
.color-background-positive {
  color: var(--color-background-positive)
}
.color-background-warning {
  color: var(--color-background-warning)
}
.color-background-negative {
  color: var(--color-background-negative)
}
.color-background-notice-subtle {
  color: var(--color-background-notice-subtle)
}
.color-background-positive-subtle {
  color: var(--color-background-positive-subtle)
}
.color-background-warning-subtle {
  color: var(--color-background-warning-subtle)
}
.color-background-negative-subtle {
  color: var(--color-background-negative-subtle)
}
.color-background-turquoise-subtle {
  color: var(--color-background-turquoise-subtle)
}
.color-background-active-subtle {
  color: var(--color-background-active-subtle)
}
.color-brand-subtle {
  color: var(--color-brand-subtle)
}
.color-brand-subtle-hover {
  color: var(--color-brand-subtle-hover)
}
.color-border-section {
  color: var(--color-border-section)
}
.color-border-default {
  color: var(--color-border-default)
}
.color-border-hover {
  color: var(--color-border-hover)
}
.color-border-focus {
  color: var(--color-border-focus)
}
.color-border-notice {
  color: var(--color-border-notice)
}
.color-border-positive {
  color: var(--color-border-positive)
}
.color-border-warning {
  color: var(--color-border-warning)
}
.color-border-negative {
  color: var(--color-border-negative)
}
.color-border-turquoise {
  color: var(--color-border-turquoise)
}
.pill-global-admin-background {
  color: var(--pill-global-admin-background)
}
.pill-account-billing-background {
  color: var(--pill-account-billing-background)
}
.pill-all-users-background {
  color: var(--pill-all-users-background)
}
.pill-workspace-admin-background {
  color: var(--pill-workspace-admin-background)
}
.pill-content-device-manager-background {
  color: var(--pill-content-device-manager-background)
}
.pill-content-managers-background {
  color: var(--pill-content-managers-background)
}
.pill-content-creators-background {
  color: var(--pill-content-creators-background)
}
.pill-content-viewers-background {
  color: var(--pill-content-viewers-background)
}
.pill-publishers-background {
  color: var(--pill-publishers-background)
}
.pill-custom-1-background {
  color: var(--pill-custom-1-background)
}
.pill-custom-2-background {
  color: var(--pill-custom-2-background)
}
.pill-custom-3-background {
  color: var(--pill-custom-3-background)
}
.pill-custom-4-background {
  color: var(--pill-custom-4-background)
}
.pill-global-admin-border {
  color: var(--pill-global-admin-border)
}
.pill-account-billing-border {
  color: var(--pill-account-billing-border)
}
.pill-all-users-border {
  color: var(--pill-all-users-border)
}
.pill-workspace-admin-border {
  color: var(--pill-workspace-admin-border)
}
.pill-content-device-manager-border {
  color: var(--pill-content-device-manager-border)
}
.pill-content-managers-border {
  color: var(--pill-content-managers-border)
}
.pill-content-creators-border {
  color: var(--pill-content-creators-border)
}
.pill-content-viewers-border {
  color: var(--pill-content-viewers-border)
}
.pill-publishers-border {
  color: var(--pill-publishers-border)
}
.pill-custom-1-border {
  color: var(--pill-custom-1-border)
}
.pill-custom-2-border {
  color: var(--pill-custom-2-border)
}
.pill-custom-3-border {
  color: var(--pill-custom-3-border)
}
.pill-custom-4-border {
  color: var(--pill-custom-4-border)
}
.monetization-border {
  color: var(--monetization-border)
}
.monetization-text {
  color: var(--monetization-text)
}
.monetization-border-hover {
  color: var(--monetization-border-hover)
}
.monetization-text-hover {
  color: var(--monetization-text-hover)
}
.monetization-crown {
  color: var(--monetization-crown)
}
.no-transition {
  transition: none !important
}
.font-size-XXS {
  font-size: 10px !important;
  letter-spacing: .05em !important
}
.font-size-XS {
  font-size: 12px !important;
  letter-spacing: .04em !important
}
.font-size-L, .font-size-M, .font-size-S, .font-size-XL {
  letter-spacing: .02em !important
}
.font-size-S {
  font-size: 14px !important
}
.font-size-M {
  font-size: 16px !important
}
.font-size-L {
  font-size: 18px !important
}
.font-size-XL {
  font-size: 20px !important
}
.font-size-XXL {
  font-size: 24px !important
}
.font-size-3XL {
  font-size: 28px !important
}
.font-size-4XL {
  font-size: 32px !important
}
.font-size-5XL {
  font-size: 36px !important
}
.font-size-6XL {
  font-size: 48px !important
}
.font-size-7XL {
  font-size: 56px !important
}
.addons-library {
  padding-block: 24px;
  display: flex;
  flex-direction: column;
  row-gap: 16px
}
.addons-library .library-header {
  padding: 20px 8px;
  display: flex;
  align-items: center;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px
}
.addons-library .library-header .arrow-back {
  padding: 8px;
  border: none;
  border-radius: 8px;
  background: var(--color-background-tertiary);
  color: var(--color-content-primary)
}
.addons-library .library-content {
  display: flex;
  flex-direction: column;
  row-gap: 24px
}
.addons-library .library-content .upgrade-banner {
  padding: 12px 16px;
  display: flex;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  border-radius: 8px;
  background: var(--color-background-notice-subtle)
}
.addons-library .library-content .upgrade-banner a {
  min-width: auto;
  margin-left: auto;
  text-wrap: nowrap
}
.addons-library .library-content .library-section {
  display: flex;
  flex-direction: column;
  row-gap: 16px
}
.addons-library .library-content .library-section .addon-card-grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 12px
}
@media (max-width:400px) {
  .addons-library .library-content .library-section .addon-card-grid-container {
    grid-template-columns: 1fr
  }
}
.addons-library .library-content .library-section .addon-card-grid-container .addon-card {
  padding: 16px;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  border-radius: 8px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-inverse)
}
.addons-library .library-content .library-section .addon-card-grid-container .addon-card .card-header {
  position: relative;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  display: flex
}
.addons-library .library-content .library-section .addon-card-grid-container .addon-card .card-header .addon-action-button {
  background: 0 0;
  border: none;
  color: var(--color-content-primary)
}
.addons-library .library-content .library-section .addon-card-grid-container .addon-card .card-header .availability-container {
  text-align: right
}
.addons-library .library-content .library-section .addon-card-grid-container .addon-card.available-addon {
  cursor: pointer
}
.addons-library .library-content .library-section .addon-card-grid-container .addon-card.available-addon .price-text-container {
  margin-top: auto;
  padding-block: 12px 6px;
  display: flex;
  align-items: center;
  border-top: 1px solid var(--color-border-default)
}
.addons-library .library-content .library-section .addon-card-grid-container .addon-card:hover {
  border-color: var(--color-border-focus)
}
.addons-library .library-content .library-section .professional-services-container {
  padding: 16px 24px;
  display: flex;
  align-items: center;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  border-radius: 8px;
  border: 1px solid var(--color-border-default);
  background: var(--color-background-inverse)
}
html.dark .addons-library .library-content .library-section .professional-services-container {
  background: var(--color-background-tertiary)
}
.addons-library .library-content .library-section .professional-services-container a {
  min-width: auto;
  margin-left: auto;
  text-wrap: nowrap
}
.addons-library .library-content .library-section .professional-services-container img {
  background-color: var(--color-background-gift-card-banner-image);
  padding: 8px;
  border-radius: 8px
}
.addon-dropdown-menu {
  display: none;
  flex-direction: column;
  top: 24px !important;
  right: 0;
  left: unset !important;
  padding: 0;
  border-radius: 4px
}
.addon-dropdown-menu.opened {
  display: flex
}
.addon-dropdown-menu.opened .addon-dropdown-item {
  min-width: 180px;
  padding: 10px;
  color: var(--color-content-primary);
  border-top: 1px solid transparent
}
.addon-dropdown-menu.opened .addon-dropdown-item.cancel-addon {
  border-color: var(--color-border-default);
  color: var(--color-content-negative)
}
.addon-dropdown-menu.opened .addon-dropdown-item:hover {
  background-color: var(--color-background-secondary);
  text-decoration: none
}
#subscription .addon-dropdown-menu {
  top: 36px !important;
  right: 18px
}
.addon-modal .modal-dialog {
  width: unset;
  max-width: 1080px
}
.addon-modal .modal-dialog .modal-header {
  display: none
}
.addon-modal .modal-dialog .modal-body {
  padding: 24px
}
.addon-modal .modal-dialog .modal-body .addon-modal-content-container {
  display: flex;
  flex-direction: column;
  row-gap: 24px
}
.addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-modal-header {
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px
}
.addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-modal-header .addon-icon {
  height: 80px
}
.addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-modal-header .text-container {
  max-width: 60%
}
.addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-modal-header .text-container .addon-modal-title {
  display: flex;
  align-items: center;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px
}
.addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-modal-header .text-container .addon-modal-title .price-text-container {
  padding: 8px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  background: var(--color-background-secondary)
}
.addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-modal-header .close-button {
  border: none;
  background: 0 0
}
.addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-details {
  position: relative;
  padding-inline: 4px;
  padding-bottom: 12px;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--color-border-default)
}
.addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-details .plan-availability-details {
  padding-right: 24px;
  display: flex;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  border-right: 1px solid var(--color-border-default)
}
.addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-details .documentation-link, .addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-details .share-button {
  display: flex;
  align-items: center;
  -webkit-column-gap: 2px;
  -moz-column-gap: 2px;
  column-gap: 2px
}
.addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-details .documentation-link.documentation-link, .addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-details .share-button.documentation-link {
  margin-right: auto;
  text-decoration: none
}
.addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-details .documentation-link.share-button, .addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-details .share-button.share-button {
  padding: 0;
  border: none;
  background: 0 0
}
.addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-details .documentation-link.share-button:hover, .addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-details .share-button.share-button:hover {
  color: var(--basic_branding)
}
.addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-details .link-copied {
  display: flex;
  align-items: center;
  -webkit-column-gap: 2px;
  -moz-column-gap: 2px;
  column-gap: 2px
}
.addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-modal-content {
  padding-left: 0;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  display: flex;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px
}
.addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-modal-content:has(>img), .addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-modal-content:has(>video) {
  padding-left: 24px
}
.addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-modal-content:has(>img) .addon-features, .addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-modal-content:has(>video) .addon-features {
  width: unset
}
.addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-modal-content img, .addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-modal-content video {
  max-width: 60%;
  padding-top: 16px
}
.addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-modal-content img.embed-player-video, .addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-modal-content video.embed-player-video {
  border: 6px solid #000;
  border-radius: 12px
}
.addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-modal-content .addon-features {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 24px
}
.addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-modal-content .addon-features .addon-feature {
  padding: 8px 12px;
  border-radius: 4px;
  background: var(--color-background-primary)
}
.addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-modal-footer {
  padding-block: 12px 4px;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  display: flex
}
.addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-modal-footer .addon-modal-footer-multiple-actions {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 16px
}
.addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-modal-footer .close-button {
  margin-right: auto
}
@media screen and (max-width:991px) {
  .addon-modal .modal-dialog .modal-body .addon-modal-content-container {
    row-gap: 16px
  }
  .addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-modal-header {
    padding-block: 0;
    border: none
  }
  .addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-modal-header .text-container {
    width: 100%;
    max-width: unset;
    row-gap: 18px
  }
  .addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-modal-header .text-container .addon-modal-title {
    flex-wrap: wrap;
    row-gap: 4px
  }
  .addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-details {
    padding-inline: 0;
    gap: 12px;
    font-size: 10px !important;
    letter-spacing: .05em !important;
    font-weight: 400 !important
  }
  .addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-details .plan-availability-details {
    padding-right: 12px
  }
  .addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-modal-content {
    padding-left: 0 !important
  }
  .addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-modal-content .addon-features {
    width: 100% !important
  }
  .addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-modal-content img, .addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-modal-content video {
    display: none
  }
  .addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-modal-footer {
    margin-top: 24px
  }
}
@media screen and (max-width:991px) and (max-width:768px) {
  .addon-modal .modal-dialog .modal-body .addon-modal-content-container .addon-details {
    font-size: 10px !important;
    letter-spacing: .05em !important
  }
}
@media screen and (max-width:640px) {
  .addon-modal .modal-dialog .modal-body .addon-modal-content-container:has(.addon-modal-footer-multiple-actions) .addon-modal-footer .close-button {
    display: none
  }
  .addon-modal .modal-dialog .modal-body .addon-modal-content-container:has(.addon-modal-footer-multiple-actions) .addon-modal-footer .addon-modal-footer-multiple-actions {
    width: 100%
  }
  .addon-modal .modal-dialog .modal-body .addon-modal-content-container:has(.addon-modal-footer-multiple-actions) .addon-modal-footer .addon-modal-footer-multiple-actions > a, .addon-modal .modal-dialog .modal-body .addon-modal-content-container:has(.addon-modal-footer-multiple-actions) .addon-modal-footer .addon-modal-footer-multiple-actions > button {
    flex: 1 1 0;
    box-sizing: border-box
  }
}
.addon-notice-label {
  padding: 4px;
  border-radius: 4px;
  background: var(--color-background-notice-subtle)
}
.addon-icon {
  height: 56px;
  aspect-ratio: 1/1;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  font-size: 36px;
  border-radius: 8px;
  background: var(--color-background-primary)
}
.add-on-charges {
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  display: flex
}
.add-on-charges .add-on-charges-container {
  width: 100%
}
.add-on-charges .add-on-charges-container .card-row {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex
}
.add-ons-details {
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 4px
}
.remove-feeds-freemium-confirmation-modal .modal-body {
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content
}
.remove-feeds-freemium-confirmation-modal .modal-footer {
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 16px;
  background-color: transparent
}
.remove-feeds-freemium-confirmation-modal .modal-footer::after, .remove-feeds-freemium-confirmation-modal .modal-footer::before {
  display: none
}