@import url(loader.css);
ul, li, p, h1, h2, h3, h4, h5, h6 {
  list-style: none;
  margin: 0;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
  list-style: none; }

a, a:link, a:visited, a:hover {
  text-decoration: none;
  border: none;
  outline: none;
  color: inherit; }

@font-face {
  font-family: 'CircularAir';
  src: url("../font/CircularAir-Book.otf");
  /* IE9 Compat Modes */ }
@font-face {
  font-family: 'MyWebFont';
  src: url("webfont.eot");
  /* IE9 Compat Modes */ }
.disabled {
  opacity: 0.5;
  cursor: default !important;
  pointer-events: none; }

.uppercase {
  text-transform: uppercase; }

.h-loader {
  height: 3px;
  background: #f1c40f;
  position: fixed;
  top: 0;
  left: 0;
  animation-name: hload;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  z-index: 99999;
  display: none; }
  .h-loader.show {
    display: block; }

@-webkit-keyframes hload {
  0% {
    width: 0%; }
  100% {
    width: 100%; } }
@keyframes hload {
  0% {
    width: 0%; }
  100% {
    width: 100%; } }
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
.rotate-infinite {
  -webkit-animation-name: spin;
  -webkit-animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-name: spin;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }
  .rotate-infinite.fast {
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-timing-function: ease-in-out; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.center-absolute {
  position: absolute;
  left: 50%;
  top: calc(50% + 40px);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }

.cursor-pointer {
  cursor: pointer; }

.secondary-text {
  color: #757474; }

.small-text {
  font-size: 12px; }

.bold {
  font-weight: bold; }

.border-none {
  border: none !important; }

.float-right {
  float: right !important; }

.float-left {
  float: left; }

.table {
  display: table; }

.table-cell {
  display: table-cell;
  vertical-align: middle; }

.default-shadow, .satellite-admin .up-tab-container {
  box-shadow: 1px 1px 5px rgba(86, 84, 86, 0.3);
  -webkit-box-shadow: 1px 1px 5px rgba(86, 84, 86, 0.3); }

.sticky {
  background-color: rgba(255, 255, 255, 0.93);
  opacity: 1;
  top: 0px !important;
  border-bottom: 1px solid rgba(187, 187, 187, 0.35);
  box-shadow: 0px 1px 1px rgba(152, 152, 152, 0.2); }

.heading {
  font-size: 1.75em;
  color: #1f1c4a;
  font-weight: bold;
  padding: 0 0 1em 0; }

.sub-heading {
  font-size: 1.25em;
  color: #565656;
  font-weight: bold; }

.body-text {
  font-size: 1em;
  color: #565656;
  padding: 0 0 1em 0; }

.button-font-size {
  font-size: 0.75em;
  color: #828282;
  padding: 0 0 1em 0; }

.super-heading-font-size {
  font-size: 2.5em;
  color: #828282;
  padding: 0 0 1em 0; }

.relative-pos {
  position: relative; }

.abs-pos, .valign-absolute, .valign-absolute-offset, .halign-absolute, .center-absolute {
  position: absolute; }

.valign-absolute {
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%); }

.valign-absolute-offset {
  top: 40%;
  transform: translateY(-10%);
  -webkit-transform: translateY(-10%);
  -ms-transform: translateY(-10%); }

.halign-absolute {
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%); }

.center-absolute {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }

.padding-10 {
  padding: 10px; }

.padding-20 {
  padding: 20px; }

.padding-3em {
  padding: 3em 0; }

.m-t-5 {
  margin-top: 5px; }

.m-b-5 {
  margin-bottom: 5px; }

.m-t-10 {
  margin-top: 10px; }

.m-b-10 {
  margin-bottom: 10px; }

.m-t-20 {
  margin-top: 20px; }

.m-b-20 {
  margin-bottom: 20px; }

.color-picker-panel {
  background: #f2f2f2;
  width: 19.375em;
  border-radius: 0.5em;
  border: 0.125em solid #ffffff;
  box-shadow: 0 0.25em 0.75em rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 42px;
  left: -2px; }

.panel-row {
  position: relative;
  margin: 0 0.625em 0.625em; }
  .panel-row:first-child {
    margin-top: 0.625em;
    margin-bottom: 0.375em; }
  .panel-row:after {
    content: "";
    display: table;
    clear: both; }

.panel-header {
  background: #15191C;
  padding: 0.5em;
  margin: 0 -0.625em 0.625em;
  text-align: center; }

.swatch {
  font-size: 16px;
  display: inline-block;
  width: 2em;
  height: 2em;
  background: #ccc;
  border-radius: 0.25em;
  margin-left: 0.25em;
  margin-bottom: 0.25em;
  box-sizing: border-box;
  border: 0.125em solid #ffffff;
  cursor: pointer; }

.default-swatches {
  width: 13.25em; }
  .default-swatches .swatch:nth-child(6n + 1) {
    margin-left: 0; }

.color-cursor {
  border-radius: 100%;
  background: #ccc;
  box-sizing: border-box;
  position: absolute;
  pointer-events: none;
  z-index: 2;
  border: 0.125em solid #fff;
  transition: all .2s ease; }
  .color-cursor.dragging {
    transition: none; }
  .color-cursor#spectrum-cursor {
    width: 1.875em;
    height: 1.875em;
    margin-left: -0.9375em;
    margin-top: -0.9375em;
    top: 0;
    left: 0; }
  .color-cursor#hue-cursor {
    top: 0;
    left: 50%;
    height: 1.5em;
    width: 1.5em;
    margin-top: -0.75em;
    margin-left: -0.75em;
    pointer-events: none; }

.spectrum-map {
  position: relative;
  width: 13.25em;
  height: 12.5em;
  overflow: hidden; }

#spectrum-canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ccc; }

.hue-map {
  position: absolute;
  top: 0.3125em;
  bottom: 0.3125em;
  right: 1.8125em;
  width: 0.625em; }

#hue-canvas {
  border-radius: 0.5em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ccc; }

.button {
  background: #2A3137;
  border: 0;
  border-radius: 0.25em;
  color: #8B949A;
  font-size: 1rem;
  box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.2);
  outline: none;
  cursor: pointer;
  padding: 0.25em; }
  .button:active {
    background: #262c31; }
  .button.eyedropper {
    position: absolute;
    right: 0;
    top: 0;
    width: 4.25em;
    height: 4.25em;
    display: block; }
  .button.add-swatch {
    display: block;
    padding: 0.5em;
    width: 12.5em;
    margin: 0.75em auto 0; }
  .button.mode-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 4.25em;
    height: 2.5em; }

.value-fields {
  display: none;
  align-items: center; }
  .value-fields.active {
    display: flex; }
  .value-fields .field-label {
    margin-right: 0.375em; }
  .value-fields .field-input {
    background: #15191C;
    border: 0.1em solid #ffffff;
    box-sizing: border-box;
    border-radius: 0.125em;
    line-height: 2.375em;
    padding: 0 0.25em;
    text-align: center;
    color: #8B949A;
    font-size: 1rem;
    display: block; }

.rgb-fields .field-group {
  display: flex;
  align-items: center; }
.rgb-fields .field-input {
  width: 2.625em;
  margin-right: 0.625em; }

.input-section-color {
  display: flex;
  align-items: center; }
  .input-section-color .rgb-label {
    width: 1em; }
  .input-section-color .color-output-wrap {
    width: 2.5em;
    min-width: 2.5em;
    height: 2.5em;
    min-height: 2.5em;
    border: 0.125em solid #ffffff;
    overflow: hidden;
    border-radius: 0.3em;
    margin-left: 0.5em;
    background: white url("http://blackblock.net/public/images/Chess.svg"); }
  .input-section-color .color-hex-input {
    display: block;
    background: #15191C;
    border: 0.1em solid #ffffff;
    border-radius: 0.1em;
    height: 2.5em;
    flex-grow: 1;
    width: 1em;
    text-align: center;
    color: #8B949A;
    font-size: 1rem;
    display: block;
    margin: 0.1em 0.25em; }
  .input-section-color .color-number-input {
    background: #15191C;
    border: 0.1em solid #ffffff;
    width: 2.5em;
    border-radius: 0.1em;
    text-align: center;
    color: #8B949A;
    font-size: 1rem;
    display: block;
    margin: 0.1em 0.25em; }

#color-hex-label {
  width: 3.5em; }

#color-output-field {
  width: 100%;
  height: 100%;
  display: block;
  background: black; }

.hex-field {
  display: flex; }

.color-indicator {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.625em;
  width: 1.25em;
  height: 1.25em;
  border-radius: 0.25em;
  background: #ccc; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */ }

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

.clearfix {
  clear: both; }

.hide {
  display: none; }

.div-table {
  display: table;
  width: 100%; }
  .div-table .div-table-cell {
    display: table-cell;
    vertical-align: middle; }
  .div-table .div-table-row {
    display: table-row; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.default-inline-container > div {
  display: inline-block;
  vertical-align: middle; }

.top-inline-container > div {
  display: inline-block;
  vertical-align: top; }

.bottom-inline-container > div {
  display: inline-block;
  vertical-align: bottom; }

.header-button-container {
  margin-top: 13px; }
  .header-button-container .btn {
    margin-left: 10px; }

.m-r-10 {
  margin-right: 10px; }

.inline {
  display: inline-block;
  vertical-align: middle; }

.up-tab-container {
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ddd;
  position: relative; }
  .up-tab-container * {
    box-sizing: border-box; }
  .up-tab-container .up-tab-headers {
    width: 200px; }
    .up-tab-container .up-tab-headers:after {
      content: '';
      position: absolute;
      width: 1px;
      color: #ddd;
      height: 100%;
      top: 0; }
    .up-tab-container .up-tab-headers .up-tab-header {
      height: 60px;
      line-height: 60px;
      overflow: hidden;
      text-overflow: ellipsis;
      transition: 0.2s;
      -webkit-transition: 0.2s;
      background: #fff;
      text-align: center;
      text-transform: uppercase;
      cursor: pointer;
      border-bottom: 1px solid #ddd; }
      .up-tab-container .up-tab-headers .up-tab-header.active {
        font-weight: bold; }
  .up-tab-container .up-tab-contents {
    width: calc(100% - 200px);
    border-left: 1px solid #ddd;
    background-color: #fff;
    overflow: hidden;
    white-space: nowrap; }
    .up-tab-container .up-tab-contents .up-tab-content {
      width: 100%;
      transition: 180ms;
      -webkit-transition: 180ms; }

.up-list-container {
  border-radius: 4px;
  border-width: 1px;
  border-color: #e2e2e2;
  border-style: solid; }
  .up-list-container * {
    box-sizing: border-box; }
  .up-list-container .up-table-header {
    width: 100%;
    overflow: hidden; }

.up-table-container {
  max-height: calc(100vh - 250px);
  overflow: overflow;
  overflow-x: hidden; }

table.up-table {
  width: 100%;
  background-color: #ffffff;
  color: #fff;
  border-collapse: collapse; }
  table.up-table td, table.up-table th {
    border-width: 0px;
    border-color: #ffffff;
    border-style: solid;
    padding: 0px;
    text-transform: capitalize;
    text-align: center; }
    table.up-table td > div, table.up-table th > div {
      padding: 8px 5px; }
  table.up-table th {
    border-bottom: 1px solid #e2e2e2; }
    table.up-table th > div {
      font-weight: 500;
      padding: 12px 5px; }
  table.up-table tbody tr {
    cursor: pointer; }
    table.up-table tbody tr:hover, table.up-table tbody tr.active {
      background-color: #e2e2e2;
      color: #fff; }
    table.up-table tbody tr:nth-child(even) {
      background-color: #f2f2f2; }
  table.up-table td {
    color: #828282; }
  table.up-table thead {
    background-color: #f6f7f8;
    background-image: -webkit-linear-gradient(#fff, #efefef);
    background-image: linear-gradient(#fff, #efefef);
    color: #828282; }
    table.up-table thead .sort-icons {
      margin-left: 3px;
      white-space: nowrap; }
      table.up-table thead .sort-icons img {
        width: 12px; }
    table.up-table thead .sortable-col {
      color: #4693d4; }
      table.up-table thead .sortable-col .up, table.up-table thead .sortable-col .down {
        display: none; }
    table.up-table thead .sortable-col[order^="asc"] .up, table.up-table thead .sortable-col[order^="asc"] .both {
      display: none; }
    table.up-table thead .sortable-col[order^="asc"] .down {
      margin-left: 0;
      display: inline-block; }
    table.up-table thead .sortable-col[order^="desc"] .down, table.up-table thead .sortable-col[order^="desc"] .both {
      display: none; }
    table.up-table thead .sortable-col[order^="desc"] .up {
      margin-left: 0;
      display: inline-block; }

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

.user-in-room {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 2px;
  font-size: 12px;
  color: #fff;
  margin: 10px;
  -webkit-box-shadow: 0px 3px 7px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0px 3px 7px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 3px 7px 0px rgba(50, 50, 50, 0.75); }

.user-in-room-container {
  position: fixed;
  top: 60px;
  width: 100%;
  right: 10px;
  box-sizing: border-box;
  text-align: right;
  max-width: 110px; }

.image-holder {
  width: 50%;
  float: left; }

.primary-button, .fixed-logout-btn {
  line-height: 30px;
  background-color: #c0392b;
  width: 120px;
  font-size: 0.75em;
  border-radius: 4px;
  border: 0px solid #1f1c4a;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  cursor: pointer;
  touch-action: manipulation; }

.secondary-button {
  line-height: 30px;
  background-color: #fff;
  width: 120px;
  font-size: 0.75em;
  border-radius: 4px;
  border: 2px solid #757474;
  color: #757474;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  cursor: pointer;
  touch-action: manipulation; }
  .secondary-button:hover {
    line-height: 30px;
    background-color: #757474;
    width: 120px;
    font-size: 0.75em;
    border-radius: 4px;
    border: 2px solid #757474;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
    touch-action: manipulation;
    transition: all 0.2s ease-in-out; }

.fixed-logout-btn {
  height: 80px;
  width: 80px;
  border-radius: 100%;
  box-shadow: 3px 2px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 3px 2px 10px rgba(0, 0, 0, 0.5);
  line-height: 80px;
  position: fixed;
  right: 10px;
  bottom: 10px; }

.large-input {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #e2e2e2;
  outline: none;
  padding: 0 1em; }

.small-input {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #e2e2e2;
  outline: none;
  padding: 0 1em; }

.login-sec {
  width: 400px;
  background: #000;
  color: #fff;
  box-shadow: 0px 10px 34px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  display: inline-block;
  margin-top: 50px; }
  .login-sec .login-sub-sec {
    width: 270px;
    margin: auto;
    padding: 2em 0;
    text-align: center; }
    .login-sec .login-sub-sec .login-input {
      margin: 1em 0; }
    .login-sec .login-sub-sec .primary-button, .login-sec .login-sub-sec .fixed-logout-btn {
      margin: auto; }
    .login-sec .login-sub-sec .image-container {
      position: relative;
      height: 180px; }
      .login-sec .login-sub-sec .image-container img {
        width: 170px;
        position: absolute;
        left: 50%;
        margin-left: -85px;
        transition: 0.5s; }
      .login-sec .login-sub-sec .image-container .loading-image {
        opacity: 0; }
      .login-sec .login-sub-sec .image-container .default-image {
        opacity: 1; }
      .login-sec .login-sub-sec .image-container.loading .loading-image {
        opacity: 1; }
      .login-sec .login-sub-sec .image-container.loading .default-image {
        opacity: 0; }

.file-upload {
  position: relative;
  display: inline-block; }
  .file-upload .file-upload-label {
    color: #6f6f6f;
    transition: background .3s;
    width: 240px;
    max-width: 240px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #e2e2e2;
    display: block;
    cursor: pointer; }
  .file-upload .file-upload-input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 1;
    width: 0;
    height: 100%;
    opacity: 0; }

.sidebar-rectangle {
  width: 100%;
  height: 80px;
  background-color: #ffffff;
  border-bottom: 1px solid #e2e2e2;
  text-align: center;
  overflow: auto;
  cursor: pointer; }
  .sidebar-rectangle:hover {
    background: #e3eeef; }
  .sidebar-rectangle.selected {
    background: #e3eeef; }
  .sidebar-rectangle img {
    height: 36px;
    margin-bottom: 6px; }
  .sidebar-rectangle .label {
    font-size: 0.75em;
    color: #221f51; }

.grid {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto; }

.row {
  width: 95%;
  margin: 0 auto; }

.grid:before, .grid:after, .row:before, .row:after {
  content: " ";
  display: table; }

.grid:after, .row:after {
  clear: both; }

[class*='col-'] {
  width: 100%;
  float: left;
  min-height: 1px; }

.col {
  padding: 1em;
  margin: 8px;
  background: white;
  border-radius: 3px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  color: turquoise;
  text-align: center; }

@media screen and (min-width: 320px) {
  .col-wd-1 {
    width: 8.33333%; }

  .col-wd-2 {
    width: 16.66667%; }

  .col-wd-3 {
    width: 25%; }

  .col-wd-4 {
    width: 33.33333%; }

  .col-wd-5 {
    width: 41.66667%; }

  .col-wd-6 {
    width: 50%; }

  .col-wd-7 {
    width: 58.33333%; }

  .col-wd-8 {
    width: 66.66667%; }

  .col-wd-9 {
    width: 75%; }

  .col-wd-10 {
    width: 83.33333%; }

  .col-wd-11 {
    width: 91.66667%; }

  .col-wd-12 {
    width: 100%; } }
@media screen and (min-width: 640px) {
  .col-md-1 {
    width: 8.33333%; }

  .col-md-2 {
    width: 16.66667%; }

  .col-md-3 {
    width: 25%; }

  .col-md-4 {
    width: 33.33333%; }

  .col-md-5 {
    width: 41.66667%; }

  .col-md-6 {
    width: 50%; }

  .col-md-7 {
    width: 58.33333%; }

  .col-md-8 {
    width: 66.66667%; }

  .col-md-9 {
    width: 75%; }

  .col-md-10 {
    width: 83.33333%; }

  .col-md-11 {
    width: 91.66667%; }

  .col-md-12 {
    width: 100%; } }
@media screen and (min-width: 960px) {
  .col-sm-1 {
    width: 8.33333%; }

  .col-sm-2 {
    width: 16.66667%; }

  .col-sm-3 {
    width: 25%; }

  .col-sm-4 {
    width: 33.33333%; }

  .col-sm-5 {
    width: 41.66667%; }

  .col-sm-6 {
    width: 50%; }

  .col-sm-7 {
    width: 58.33333%; }

  .col-sm-8 {
    width: 66.66667%; }

  .col-sm-9 {
    width: 75%; }

  .col-sm-10 {
    width: 83.33333%; }

  .col-sm-11 {
    width: 91.66667%; }

  .col-sm-12 {
    width: 100%; } }
body {
  font-size: 1rem;
  background: radial-gradient(circle closest-corner at 50% 50%, #0f3541, #030d10);
  font-family: 'CircularAir';
  margin: 0em;
  -webkit-font-smoothing: antialiased;
  color: #111; }

.boolean-sec-switch {
  display: inline-block; }
  .boolean-sec-switch > div {
    display: inline-block;
    vertical-align: middle; }
  .boolean-sec-switch .on-txt, .boolean-sec-switch .off-txt {
    display: inline-block;
    font-size: 0.75em;
    color: #828282;
    margin: 0 22px; }
  .boolean-sec-switch .switch {
    cursor: pointer;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    position: relative;
    width: 50px; }
    .boolean-sec-switch .switch .round-switch-btn {
      background: #ed7161;
      display: block;
      height: 26px;
      border-radius: 26px;
      position: absolute;
      top: -4px;
      transition: all 0.5s ease;
      width: 26px;
      z-index: 3;
      left: -2px;
      box-shadow: 1px 1px 5px rgba(86, 84, 86, 0.3);
      -webkit-box-shadow: 1px 1px 5px rgba(86, 84, 86, 0.3); }
      .boolean-sec-switch .switch .round-switch-btn.off-state {
        left: -2px;
        background: #fafafa; }
      .boolean-sec-switch .switch .round-switch-btn.on-state {
        left: 26px;
        background: #009688; }
    .boolean-sec-switch .switch .switch-rail {
      background: #515151;
      color: #c72f18;
      border-radius: 30px;
      display: block;
      height: 100%;
      position: relative;
      transition: all .15s ease;
      width: 100%; }
  .boolean-sec-switch.on-state .on-txt {
    color: #61b872; }
  .boolean-sec-switch.on-state .switch-rail {
    background: #6dbeb7; }
  .boolean-sec-switch.off-state .off-txt {
    color: #ed7161; }
  .boolean-sec-switch.off-state .switch-rail {
    background: #939393; }

.header {
  height: 60px;
  line-height: 60px;
  background-color: #000;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5);
  width: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
  color: #fff; }
  .header .grid {
    max-width: inherit; }
  .header .header-table {
    display: table;
    width: 100%; }
    .header .header-table .header-table-cell {
      display: table-cell;
      vertical-align: middle;
      height: 60px; }
      .header .header-table .header-table-cell img {
        vertical-align: middle; }

.page-container {
  padding-top: 65px; }

.biz-list-card, .psuedo-card {
  position: relative;
  background: #fff;
  width: 30%;
  margin: 1.5%;
  height: 230px;
  display: inline-block;
  box-sizing: border-box;
  box-shadow: 1px 1px 5px rgba(86, 84, 86, 0.3);
  -webkit-box-shadow: 1px 1px 5px rgba(86, 84, 86, 0.3);
  border-radius: 4px; }
  .biz-list-card .full-btn, .psuedo-card .full-btn {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 10px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer; }
    .biz-list-card .full-btn.create, .psuedo-card .full-btn.create {
      background: #c0392b;
      color: #fff; }
    .biz-list-card .full-btn.config, .psuedo-card .full-btn.config {
      background: #3498db;
      color: #fff; }
  .biz-list-card .biz-list-header, .psuedo-card .biz-list-header {
    padding: 10px;
    padding-bottom: 40px; }
  .biz-list-card .biz-logo, .psuedo-card .biz-logo {
    width: 100px;
    min-height: 100px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto; }
  .biz-list-card .biz-name, .psuedo-card .biz-name {
    margin-top: 20px;
    text-align: center; }

.backdrop-new-site {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #000;
  opacity: 0;
  pointer-events: none;
  transition: 0.5s; }
  .backdrop-new-site.active {
    opacity: 0.6;
    pointer-events: all; }

.image-container {
  max-width: 150px;
  max-height: 150px;
  margin: auto; }
  .image-container img {
    width: 100%; }

.new-biz-table .horizontal {
  margin-bottom: 20px; }
  .new-biz-table .horizontal input {
    width: 100%; }
  .new-biz-table .horizontal > div:nth-child(1) {
    margin-bottom: 10px; }

.new-site-input-form {
  position: fixed;
  width: 500px;
  padding: 20px;
  box-sizing: border-box;
  transition: 0.5s;
  background: #fff;
  right: 0px;
  transform: translateX(500px);
  top: 0;
  height: 100%;
  z-index: 9999;
  overflow-y: auto;
  font-size: 13px;
  color: #888787;
  text-align: center;
  -webkit-box-shadow: 0px -1px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0px -1px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 0px -1px 5px 0px rgba(50, 50, 50, 0.75); }
  .new-site-input-form .theme-colors-parent-container .theme-colors-container {
    display: inline-block;
    vertical-align: top;
    width: 44%;
    margin: 2.5%;
    text-align: center; }
  .new-site-input-form.active {
    transform: translateX(0); }
  .new-site-input-form input {
    border: 0px;
    padding: 10px;
    box-sizing: border-box;
    outline: none;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid #ccc;
    font-size: 18px; }
    .new-site-input-form input:focus {
      outline: none;
      border-bottom: 1px solid #4caf50; }

.create-site-btn {
  border-radius: 3px;
  cursor: pointer;
  margin: 20px;
  text-transform: uppercase;
  background: #4caf50;
  color: #fff;
  text-align: center;
  padding: 10px;
  width: 80%;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }

.biz-logs-container {
  border-top: 1px solid #ccc;
  padding: 10px;
  max-height: 300px;
  overflow: auto; }
  .biz-logs-container .biz-log-row {
    padding: 10px;
    font-size: 12px; }

.sidebar {
  position: fixed;
  padding-top: 60px;
  left: 0;
  top: 0;
  height: 100%;
  box-sizing: border-box;
  background: #fff;
  width: 130px;
  border-right: 1px solid #ccc; }

.config-page-container {
  box-sizing: border-box; }

.config-sections .config-comp {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 20px;
  margin: 20px;
  box-sizing: border-box; }

.module-comp-header {
  display: table;
  width: 100%;
  padding: 10px; }
  .module-comp-header > div {
    display: table-cell;
    vertical-align: middle; }
    .module-comp-header > div:nth-child(1) {
      text-align: left; }
    .module-comp-header > div:nth-child(2) {
      text-align: right; }

.module-comp-body {
  max-height: 0px;
  overflow: hidden;
  transition: 0.5s; }
  .module-comp-body.active {
    max-height: 1000px;
    overflow: visible; }
  .module-comp-body.full-height {
    max-height: none;
    overflow: visible; }

.divider {
  border-top: 1px solid #e2e2e2;
  margin-top: 20px;
  margin-bottom: 20px; }

.text-input-container {
  margin-bottom: 20px;
  width: 100%;
  display: table; }
  .text-input-container:last-child {
    margin-bottom: 0px; }
  .text-input-container > div {
    display: table-cell; }
    .text-input-container > div:nth-child(1) {
      width: 20%;
      text-align: left; }
    .text-input-container > div:nth-child(2) {
      width: 80%;
      text-align: left; }
    .text-input-container > div input {
      border: 1px solid #e2e2e2;
      padding: 10px 30px;
      outline: none;
      box-sizing: border-box;
      border-radius: 4px;
      width: 400px; }
      .text-input-container > div input.small {
        width: 200px; }
  .text-input-container:after {
    display: table;
    clear: both; }

.config-elements-group {
  padding: 20px; }

.float-element-container:after {
  content: "";
  display: table;
  clear: both; }

.custom-sec-html {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  height: 400px; }
  .custom-sec-html textarea {
    transition: 0.5s; }
  .custom-sec-html.disable {
    opacity: 0;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    height: 0px; }
    .custom-sec-html.disable textarea {
      min-height: 0px !important;
      overflow: hidden; }

.large-color-container {
  text-align: center;
  width: 30%;
  display: inline-block; }
  .large-color-container .color-title {
    font-size: 14px;
    margin-bottom: 8px; }
  .large-color-container .color-box {
    width: 170px;
    margin-left: auto;
    margin-right: auto;
    border: 1px soild #e2e2e2; }
    .large-color-container .color-box .color-title {
      font-size: 14px; }
    .large-color-container .color-box input {
      width: 100%;
      padding: 10px;
      box-sizing: border-box;
      outline: 0px;
      border: 0px;
      text-align: center;
      border-bottom: 1px solid;
      font-size: 18px; }

.layout-horizontal-input-container > div {
  float: left;
  width: 25%;
  margin: 4%;
  text-align: center; }
  .layout-horizontal-input-container > div input {
    padding: 10px;
    box-sizing: border-box;
    border: 0px;
    border-bottom: 1px solid #e2e2e2;
    outline: 0px;
    text-align: center; }

.layout-config-contents .dummy-page {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  min-height: 600px;
  width: 100%;
  border: 1px solid #e2e2e2;
  margin-bottom: 20px; }
.layout-config-contents .dummy-content {
  background: #f2f2f2; }
.layout-config-contents .dummy-items {
  padding: 10px; }
  .layout-config-contents .dummy-items .dummy-item-component {
    margin: 10px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #e2e2e2;
    box-sizing: border-box; }
.layout-config-contents .item-name-description {
  border-top: 1px solid #e2e2e2; }
.layout-config-contents .dummy-item-name {
  margin: 10px;
  width: 90%;
  padding: 5px;
  margin-bottom: 20px; }
.layout-config-contents .dummy-item-desc {
  padding: 3px;
  margin: 10px;
  width: 90%; }
.layout-config-contents .dummy-banner-container {
  margin-top: 20px;
  padding: 15px; }
.layout-config-contents .dummy-header {
  border-bottom: 1px solid #e2e2e2;
  will-change: height;
  transition: height 0.5s;
  -webkit-transition: height 0.5s; }
.layout-config-contents .dummy-banner {
  margin: 10px;
  height: 250px;
  border: 1px solid #e2e2e2;
  will-change: height;
  transition: height 0.5s;
  -webkit-transition: height 0.5s; }
  .layout-config-contents .dummy-banner.disable {
    background: #fff;
    height: 10px;
    border: 0px solid #e2e2e2; }

.advance-style-container {
  text-align: left; }
  .advance-style-container .hide {
    display: none !important; }
  .advance-style-container > div {
    margin-bottom: 20px; }
  .advance-style-container .adv-style-color-row > div {
    display: inline-block;
    vertical-align: top; }
    .advance-style-container .adv-style-color-row > div:nth-child(1) {
      width: 250px; }
    .advance-style-container .adv-style-color-row > div:nth-child(2) {
      width: 150px; }
    .advance-style-container .adv-style-color-row > div:nth-child(4) {
      width: 100px;
      text-align: right; }
  .advance-style-container .adv-style-color-reset, .advance-style-container .adv-change-btn {
    font-size: 12px;
    text-transform: uppercase;
    color: #2196f3;
    cursor: pointer;
    line-height: 20px; }
  .advance-style-container .adv-style-color-reset {
    color: #515151; }
  .advance-style-container .adv-style-color-preview {
    height: 20px;
    width: 20px;
    display: inline-block; }

.dev-edit-section {
  text-align: left; }
  .dev-edit-section textarea {
    min-height: 300px;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #e9e9e9;
    background: #f2f2f2;
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif; }

.global-alert {
  z-index: 10000;
  height: 60px;
  line-height: 60px;
  transform: translateY(-100px);
  -webkit-transform: translateY(-100px);
  transition: 0.2s;
  -webkit-transition: 0.2s;
  font-size: 20px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  color: #fff;
  background: #2196F3;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }
  .global-alert.success {
    background: #2ecc71; }
  .global-alert.failed {
    background: #ed5249; }
  .global-alert.active {
    transform: translateY(0px);
    -webkit-transform: translateY(0px); }

.admin-control-parent-container {
  margin-top: 30px; }
  .admin-control-parent-container .key-tabs {
    margin-top: 5px; }
  .admin-control-parent-container .client-version {
    font-size: 50px;
    font-family: monospace; }
  .admin-control-parent-container .adminPanelSummary {
    display: table;
    width: 100%;
    padding: 20px;
    background: #fff;
    box-shadow: 1px 1px 5px rgba(86, 84, 86, 0.3);
    -webkit-box-shadow: 1px 1px 5px rgba(86, 84, 86, 0.3);
    margin-bottom: 20px;
    border-radius: 4px; }
    .admin-control-parent-container .adminPanelSummary .client-info {
      font-size: 2.5em; }
    .admin-control-parent-container .adminPanelSummary > div {
      display: table-cell;
      vertical-align: middle; }
  .admin-control-parent-container .adminbizSummary {
    margin-bottom: 40px;
    box-shadow: 1px 1px 5px rgba(86, 84, 86, 0.3);
    -webkit-box-shadow: 1px 1px 5px rgba(86, 84, 86, 0.3); }
    .admin-control-parent-container .adminbizSummary > div {
      height: 93.16770186335403px;
      line-height: 93.16770186335403px;
      display: inline-block;
      color: #fff; }
      .admin-control-parent-container .adminbizSummary > div:nth-child(1) {
        width: 38.314176245210724%;
        background: #7f8c8d; }
      .admin-control-parent-container .adminbizSummary > div:nth-child(2) {
        width: 61.68582375478927%;
        background: #bdc3c7; }

.preview-style-btn {
  box-shadow: 1px 1px 5px rgba(86, 84, 86, 0.3);
  -webkit-box-shadow: 1px 1px 5px rgba(86, 84, 86, 0.3);
  overflow: hidden; }
  .preview-style-btn > div > div {
    transition: 0.5s;
    -webkit-transition: 0.5s; }
    .preview-style-btn > div > div:hover {
      transform: scale(1.2);
      -webkit-transform: scale(1.2); }

.admin-control-card-container {
  text-align: left;
  box-shadow: 1px 1px 5px rgba(86, 84, 86, 0.3);
  -webkit-box-shadow: 1px 1px 5px rgba(86, 84, 86, 0.3);
  border-radius: 3px;
  overflow: hidden; }
  .admin-control-card-container .admin-control-card {
    color: #fff; }
    .admin-control-card-container .admin-control-card > div {
      transition: 0.5s; }
      .admin-control-card-container .admin-control-card > div:hover {
        transform: scale(1.2); }
    .admin-control-card-container .admin-control-card:nth-child(1) {
      background: #3498db; }

.biz-list-table {
  width: 100%;
  border-radius: 3px;
  display: table;
  box-shadow: 1px 1px 5px rgba(86, 84, 86, 0.3);
  -webkit-box-shadow: 1px 1px 5px rgba(86, 84, 86, 0.3);
  background: #fff; }
  .biz-list-table .biz-list-table-header {
    font-size: 24px;
    padding: 20px;
    border-bottom: 1px solid #ddd; }
  .biz-list-table .biz-row-for-release {
    border-bottom: 1px solid #ddd; }
    .biz-list-table .biz-row-for-release .biz-row-for-release-div {
      padding: 20px;
      cursor: pointer; }
      .biz-list-table .biz-row-for-release .biz-row-for-release-div .logo-container {
        width: 100px; }
        .biz-list-table .biz-row-for-release .biz-row-for-release-div .logo-container img {
          display: table;
          width: 100%; }
      .biz-list-table .biz-row-for-release .biz-row-for-release-div > div {
        display: inline-block;
        vertical-align: middle; }

.floating-tab-button a {
  float: right;
  padding-left: 20px;
  padding-right: 20px;
  border-left: 1px solid #ddd; }
  .floating-tab-button a.selected {
    background: #fff;
    color: #000; }
  .floating-tab-button a:nth-child(1) {
    border-right: 1px solid #ddd; }

.released-legend-container {
  border-bottom: 1px dotted #ddd;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase; }
  .released-legend-container .all {
    border-bottom: 2px solid #42a5f5; }
    .released-legend-container .all.selected {
      background: #42a5f5;
      color: #fff; }
  .released-legend-container .released-1 {
    border-bottom: 2px solid #2ecc71; }
    .released-legend-container .released-1.selected {
      background: #2ecc71;
      color: #fff; }
  .released-legend-container .released-2 {
    border-bottom: 2px solid #f1c40f; }
    .released-legend-container .released-2.selected {
      background: #f1c40f;
      color: #fff; }
  .released-legend-container .released-3 {
    border-bottom: 2px solid #c0392b; }
    .released-legend-container .released-3.selected {
      background: #c0392b;
      color: #fff; }
  .released-legend-container .released-4 {
    border-bottom: 2px solid #95a5a6; }
    .released-legend-container .released-4.selected {
      background: #95a5a6;
      color: #fff; }
  .released-legend-container .released-legend {
    display: inline-block;
    padding: 10px;
    margin: 10px;
    cursor: pointer;
    transition: 0.2s;
    -webkit-transition: 0.2s; }
    .released-legend-container .released-legend.selected {
      border-radius: 4px; }

.site-configs {
  padding: 10px;
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  padding-top: 35px; }

.save-btn-container {
  width: 100%;
  margin-top: -35px; }
  .save-btn-container .save-config {
    z-index: 100;
    margin-right: 50px;
    width: 70px;
    line-height: 70px;
    border-radius: 40px;
    color: #fff;
    background: #009688;
    transition: .5s;
    -webkit-transition: .5s;
    box-shadow: 3px 2px 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 3px 2px 10px rgba(0, 0, 0, 0.5);
    cursor: pointer; }
    .save-btn-container .save-config:hover {
      background: #00796B; }

.key-section .key-name {
  position: absolute;
  font-size: 14px;
  transition: 0.3s;
  top: 22px; }
  .key-section .key-name img {
    width: 12px;
    margin-left: 6px; }
.key-section .key-input {
  width: 100%;
  padding: 10px;
  position: relative; }
  .key-section .key-input input, .key-section .key-input textarea {
    width: 100%;
    border: none;
    border-bottom: 1px solid #e2e2e2;
    outline: none;
    padding: 10px 0;
    transition: 0.3s;
    font-size: 14px; }
  .key-section .key-input textarea {
    resize: none;
    height: 150px; }
  .key-section .key-input.focused input, .key-section .key-input.focused textarea {
    border-bottom: 2px solid #00897b; }
  .key-section .key-input.focused .key-name {
    transform: translateY(-20px);
    font-size: 10px; }

.request-release-container {
  background-color: #fff;
  padding: 10px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px; }
  .request-release-container .submit-button {
    display: block;
    height: 50px;
    line-height: 50px;
    color: #fff;
    box-shadow: none;
    -webkit-box-shadow: none; }
    .request-release-container .submit-button > div {
      background: #00BC04;
      width: 200px;
      display: inline-block;
      cursor: pointer;
      border-radius: 3px;
      transition: 0.3s; }
      .request-release-container .submit-button > div[data-disabled="true"] {
        opacity: 0.7;
        pointer-events: none;
        cursor: default; }
  .request-release-container a {
    color: #00897b; }

.live-status {
  position: fixed;
  top: 60px;
  left: 0px;
  width: 100%;
  z-index: 999;
  text-align: center; }
  .live-status * {
    box-sizing: border-box; }
  .live-status > div {
    padding: 10px;
    white-space: nowrap;
    overflow: hidden;
    transition: 1s; }
    .live-status > div > div {
      display: inline-block;
      vertical-align: top; }

.weblist-container {
  width: 100%;
  max-width: 1080px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto; }
  .weblist-container * {
    box-sizing: border-box; }
  .weblist-container .w-fliters {
    width: 25%;
    padding: 10px; }
  .weblist-container .w-list {
    width: 75%;
    padding: 10px; }

.biz-filters {
  width: 100%;
  border-radius: 3px;
  box-shadow: 1px 1px 5px rgba(86, 84, 86, 0.3);
  -webkit-box-shadow: 1px 1px 5px rgba(86, 84, 86, 0.3);
  background: #fff; }
  .biz-filters .f-sec-title {
    padding: 20px;
    font-size: 24px; }
  .biz-filters .f-categories {
    border-top: 1px solid #e2e2e2; }
  .biz-filters .filter-group {
    padding: 10px 20px;
    border-bottom: 1px solid #e2e2e2; }
    .biz-filters .filter-group .fg-title {
      text-transform: uppercase;
      padding-bottom: 5px; }
    .biz-filters .filter-group .f-container {
      margin: 5px 0; }

.satellite-admin {
  margin-top: 50px; }
  .satellite-admin .client-box {
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    margin-right: 1.2%;
    vertical-align: top;
    height: 95px;
    user-select: none;
    -webkit-user-select: none;
    padding-left: 20px;
    transition: .5s; }
    .satellite-admin .client-box.selected {
      border: 1px solid #3F51B5;
      color: #3F51B5; }
  .satellite-admin .client-box-for-release {
    padding: 16px 10px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: 96%; }
  .satellite-admin .up-tab-container .up-tab-header {
    background: #fafbfc; }
  .satellite-admin .up-tab-container .up-tab-contents {
    background: #fafbfc; }
  .satellite-admin .download-table .select-version .select {
    width: 250px;
    margin-left: 20px;
    padding-top: 12px;
    font-size: 16px; }
  .satellite-admin .download-table .table-cont {
    padding: 10px; }
  .satellite-admin .build-creator {
    padding: 10px;
    max-width: 500px;
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
    .satellite-admin .build-creator .version-title {
      margin: 10px 0;
      font-size: 1.25em; }
    .satellite-admin .build-creator .build-field {
      margin: 10px 0; }
      .satellite-admin .build-creator .build-field .label {
        padding: 5px 0; }
      .satellite-admin .build-creator .build-field .select {
        padding: 5px 0;
        width: 100%; }
    .satellite-admin .build-creator .create-build {
      margin: 10px 0;
      width: 150px;
      margin-left: auto;
      margin-right: auto;
      padding: 10px;
      background-color: #1f1c4a;
      color: #fff;
      border-radius: 4px;
      cursor: pointer;
      transition: .4s; }
    .satellite-admin .build-creator .build-status {
      text-align: center;
      opacity: 0;
      transition: .4s;
      white-space: normal; }
      .satellite-admin .build-creator .build-status.show {
        opacity: 1; }
      .satellite-admin .build-creator .build-status .error {
        color: #c00; }
      .satellite-admin .build-creator .build-status .success {
        color: #25b900; }
  .satellite-admin .up-tab-container {
    border-radius: 3px;
    overflow: hidden;
    border: 0px;
    background: #fafbfc; }
  .satellite-admin .satellite-list .biz-list-table-header {
    padding: 17px;
    background: #fafbfc;
    padding-left: 28px;
    height: 95px;
    border-bottom: 1px solid #ddd;
    font-size: 24px; }
  .satellite-admin .satellite-list .client-list-body {
    white-space: normal; }
  .satellite-admin .satellite-container .biz-list-table {
    box-shadow: none;
    -webkit-box-shadow: none; }

.oneline {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.scrollbar-style::-webkit-scrollbar {
  width: 6px;
  background-color: #f2f2f2; }
.scrollbar-style::-webkit-scrollbar-thumb {
  background-color: #242055;
  border-radius: 10px; }
.scrollbar-style::-webkit-scrollbar-thumb:hover {
  background-color: #1f1c4a;
  border: 1px solid #1f1c4a; }
.scrollbar-style::-webkit-scrollbar-thumb:active {
  background-color: #1f1c4a;
  border: 1px solid #1f1c4a; }
.scrollbar-style::-webkit-scrollbar-track {
  border: 1px gray #e2e2e2;
  border-radius: 10px; }

.switch {
  width: 36px;
  height: 20px;
  position: relative;
  display: inline-block;
  cursor: pointer; }
  .switch .switch-rail {
    width: 100%;
    margin: 10px 0;
    height: 10px;
    background-color: #939393;
    border-radius: 10px; }
  .switch .switch-ball {
    border-radius: 50%;
    width: 18px;
    height: 18px;
    top: 6px;
    left: 0;
    background-color: #fafafa;
    transition: 0.3s;
    box-shadow: 1px 1px 5px rgba(86, 84, 86, 0.3);
    -webkit-box-shadow: 1px 1px 5px rgba(86, 84, 86, 0.3);
    position: absolute; }
  .switch.active .switch-rail {
    background-color: #6dbeb7; }
  .switch.active .switch-ball {
    left: 18px;
    background-color: #009688; }

.release-satellite-button-container {
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  background: #fafbfc;
  border-top: 1px solid #e2e2e2; }
  .release-satellite-button-container .release-satellite-button {
    display: inline-block;
    vertical-align: middle;
    background: #27ae60;
    padding: 2px;
    float: right;
    width: 100px;
    border-radius: 3px;
    color: #fff;
    cursor: pointer; }

.live-activity-data.shimmering {
  -webkit-animation: shimmer 1s ease infinite;
  -moz-animation: shimmer 1s ease infinite;
  animation: shimmer 1s ease infinite;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: cubic-bezier;
  background: linear-gradient(to right, #27ae60 25%, #5ec762 50%, #27ae60 100%);
  background-size: 50%;
  color: #fff; }

@keyframes placeHolderShimmer {
  0% {
    background-position-x: 0%; }
  100% {
    background-position-x: 100%; } }
.release-confirm-btn > div {
  display: inline-block;
  width: 50%;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
  cursor: pointer; }
  .release-confirm-btn > div.cancel {
    background: #fff;
    color: #c0392b;
    border-top: 1px solid #c0392b; }
  .release-confirm-btn > div.release {
    background: #1f1c4a;
    border-top: 1px solid #1f1c4a; }

.how-to-use-font {
  border-top: 1px solid #ddd;
  padding: 20px;
  font-size: 12px; }
  .how-to-use-font .title {
    font-size: 16px;
    margin-bottom: 10px; }

.font-section-header {
  font-size: 24px;
  padding: 20px;
  border-bottom: 1px solid #ddd; }

.font-list-container {
  margin-top: 20px; }
  .font-list-container > div {
    padding: 10px; }
    .font-list-container > div:nth-child(odd) {
      background: #f2f2f2; }
  .font-list-container .title {
    font-size: 18px; }
  .font-list-container .link {
    font-size: 12px; }

/*# sourceMappingURL=style.css.map */