@charset "UTF-8";
/* ** OVERRIDE BOOTSTRAP VARIABLES ** */
/* ** VARIABLES ** */
/* ** BOOTSTRAP VARS ** */
@-webkit-keyframes spinner-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* ** OVERRIDE BOOTSTRAP VARIABLES ** */
.btn-file {
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}
.btn-file > input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 23px;
  height: 100%;
  width: 100%;
  direction: ltr;
  cursor: pointer;
}

.fileinput {
  margin-bottom: 9px;
  display: inline-block;
}
.fileinput .form-control {
  padding-top: 7px;
  padding-bottom: 5px;
  display: inline-block;
  margin-bottom: 0px;
  vertical-align: middle;
  cursor: text;
}
.fileinput .thumbnail {
  overflow: hidden;
  display: inline-block;
  margin-bottom: 5px;
  vertical-align: middle;
  text-align: center;
}
.fileinput .thumbnail > img {
  max-height: 100%;
}
.fileinput .btn {
  vertical-align: middle;
}
.fileinput .close {
  font-size: 33px;
  line-height: 1.1;
  padding-left: 5px;
}

.fileinput-inline .fileinput-controls {
  display: inline;
}

.fileinput-filename {
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
  padding-left: 10px;
}

.form-control .fileinput-filename {
  vertical-align: bottom;
}

.fileinput.input-group {
  display: table;
}

.fileinput-new.input-group .btn-file,
.fileinput-new .input-group .btn-file {
  border-radius: 0 6px 6px 0;
}
.fileinput-new.input-group .btn-file.btn-xs, .fileinput-new.input-group .btn-file.btn-sm,
.fileinput-new .input-group .btn-file.btn-xs,
.fileinput-new .input-group .btn-file.btn-sm {
  border-radius: 0 6px 6px 0;
}
.fileinput-new.input-group .btn-file.btn-lg,
.fileinput-new .input-group .btn-file.btn-lg {
  border-radius: 0 6px 6px 0;
}

.form-group.has-warning .fileinput .fileinput-preview {
  color: #8a6d3b;
}
.form-group.has-warning .fileinput .thumbnail {
  border-color: rgb(249.5322580645, 234.6478494624, 203.9677419355);
}

.form-group.has-error .fileinput .fileinput-preview {
  color: rgb(152.4342857143, 1.4657142857, 19.7871428571);
}
.form-group.has-error .fileinput .thumbnail {
  border-color: rgba(147.3828571429, 1.4171428571, 19.1314285714, 0.5);
}

.form-group.has-success .fileinput .fileinput-preview {
  color: rgb(112.5, 112.5, 112.5);
}
.form-group.has-success .fileinput .thumbnail {
  border-color: rgb(213.7777777778, 232.9166666667, 197.5833333333);
}

.input-group-addon:not(:first-child) {
  border-left: 0;
}

/* ** MODULES ** */
/* ** OVERRIDE BOOTSTRAP VARIABLES ** */
.table-relative {
  position: relative;
}

.preview-btn {
  opacity: 0;
  position: absolute;
  z-index: 2;
  bottom: 3px;
  right: 3px;
  left: 3px;
  padding: 3px 9px;
  text-align: center;
  background-color: #fff;
  color: #242424;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 450;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
}

.table-responsive {
  overflow: visible;
}
.table-responsive.scroll {
  overflow-x: auto;
}
.table-responsive thead tr th:first-of-type {
  border-top-left-radius: 6px;
}
.table-responsive thead tr th:last-of-type {
  border-top-right-radius: 6px;
}

table.table {
  table-layout: fixed;
}
table.table.table-border {
  border: 1px solid #ddd;
}
table.table.table-auto {
  table-layout: auto;
}
table.table.table-hover.table-invisible td {
  border-top: 0px;
}
table.table.table-hover.table-invisible tr:hover {
  background-color: inherit;
}
table.table.table-hover th.sm-col,
table.table.table-hover td.sm-col {
  width: 110px;
}
table.table.table-hover.columns-5 td,
table.table.table-hover.columns-5 th {
  width: 20%;
}
table.table.table-hover.columns-5 th.sm-col,
table.table.table-hover.columns-5 td.sm-col {
  width: auto;
}
table.table.table-hover.columns-6 td,
table.table.table-hover.columns-6 th {
  width: 16.66%;
}
table.table.table-hover.columns-6 th.sm-col,
table.table.table-hover.columns-6 td.sm-col {
  width: 120px;
}
table.table.table-hover.columns-7 td,
table.table.table-hover.columns-7 th {
  width: 14.28%;
}
table.table.table-hover.columns-7 th.sm-col,
table.table.table-hover.columns-7 td.sm-col {
  width: 105px;
}
table.table.table-hover th.auto,
table.table.table-hover td.auto {
  width: 24%;
}
table.table.table-hover td.actions,
table.table.table-hover th.actions {
  width: 45px;
}
table.table.table-hover td.actions.actions-auto,
table.table.table-hover th.actions.actions-auto {
  width: 5%;
}
table.table.table-hover td.c-preview,
table.table.table-hover th.c-preview {
  width: 150px;
}
table.table.table-hover td.c-user,
table.table.table-hover th.c-user {
  width: 170px;
}
table.table.table-hover td.c-question,
table.table.table-hover th.c-question {
  width: 330px;
  white-space: normal;
}
table.table.table-hover td.c-question .normal-link,
table.table.table-hover th.c-question .normal-link {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow-y: hidden;
}
@media (max-width: 479px) {
  table.table.table-hover td.c-question,
  table.table.table-hover th.c-question {
    width: 100% !important;
  }
}
@media (max-width: 1199px) {
  table.table.table-hover td.c-question,
  table.table.table-hover th.c-question {
    width: 220px;
  }
}
table.table.table-hover td.flex-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8em;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
table.table.table-hover .c-user {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
  max-width: 170px;
}
table.table.table-hover .c-user .overflow-inner {
  display: block;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
table.table.table-hover .c-user.c-wide {
  width: 350px;
  min-width: 350px;
  max-width: 350px;
}
table.table.table-hover tbody {
  padding: 0 5px 5px;
}
table.table.table-hover tbody tr {
  -webkit-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}
table.table.table-hover tbody tr .row-icon {
  font-size: 19px;
  position: relative;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 1;
}
table.table.table-hover tbody tr .share-button {
  opacity: 0;
  width: 100%;
}
table.table.table-hover tbody tr .actions {
  position: relative;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0.1;
  vertical-align: middle;
}
table.table.table-hover tbody tr .actions .checkmark .fa {
  opacity: 0.7;
  cursor: pointer;
}
table.table.table-hover tbody tr .actions .checkmark .fa:hover, table.table.table-hover tbody tr .actions .checkmark .fa:focus, table.table.table-hover tbody tr .actions .checkmark .fa.fa-check-square-o {
  opacity: 1;
}
table.table.table-hover tbody tr.checked .actions .checkmark {
  padding-left: 2px;
}
table.table.table-hover tbody tr.dd-open .actions {
  opacity: 1;
}
table.table.table-hover tbody tr .more-actions-trigger .more-icon {
  color: #8c8c8c;
}
table.table.table-hover tbody tr .more-actions-trigger .more-icon .fa {
  -webkit-transition: -webkit-transform 0.15s ease;
  transition: -webkit-transform 0.15s ease;
  transition: transform 0.15s ease;
  transition: transform 0.15s ease, -webkit-transform 0.15s ease;
}
table.table.table-hover tbody tr .more-actions-trigger .more-actions {
  left: 30px;
  top: -10px;
}
table.table.table-hover tbody tr .more-actions-trigger:hover .more-icon, table.table.table-hover tbody tr .more-actions-trigger:focus .more-icon, table.table.table-hover tbody tr .more-actions-trigger.open .more-icon {
  color: #242424;
}
table.table.table-hover tbody tr .more-actions-trigger.open .more-icon .fa {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
table.table.table-hover tbody tr:hover .actions, table.table.table-hover tbody tr:focus .actions, table.table.table-hover tbody tr.checked .actions {
  opacity: 1;
}
table.table.table-hover tbody tr:hover .row-icon, table.table.table-hover tbody tr:focus .row-icon, table.table.table-hover tbody tr.checked .row-icon {
  opacity: 1;
}
table.table.table-hover tbody tr:hover .share-button, table.table.table-hover tbody tr:focus .share-button, table.table.table-hover tbody tr.checked .share-button {
  opacity: 1;
}
table.table.table-hover tbody tr:hover, table.table.table-hover tbody tr:focus {
  background-color: rgb(248.3, 252.1243362832, 255);
}
table.table.table-hover tbody tr.checked {
  background-color: rgb(233, 245.5575221239, 255);
}
table.table.table-hover thead tr th {
  font-size: 13px;
  font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  font-weight: 500;
  color: #242424;
  padding: 11px 10px;
  border-bottom: 1px solid #e8e8e8;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: color 0.15s linear;
  transition: color 0.15s linear;
  background-color: #f3f3f3;
}
table.table.table-hover thead tr th.sort {
  cursor: pointer;
}
table.table.table-hover thead tr th.sort .fa-sort {
  font-size: 14px;
  padding-left: 3px;
  color: #242424;
}
table.table.table-hover thead tr th.sort .fa-sort:hover, table.table.table-hover thead tr th.sort .fa-sort:focus {
  color: #ff3366;
}
table.table.table-hover thead tr th.sort .fa-sort:before {
  content: "\f0dc";
}
table.table.table-hover thead tr th.sort:hover, table.table.table-hover thead tr th.sort:focus, table.table.table-hover thead tr th.sort.asc, table.table.table-hover thead tr th.sort.desc {
  color: #005d7e;
}
table.table.table-hover thead tr th.sort:hover .fa-sort, table.table.table-hover thead tr th.sort:focus .fa-sort, table.table.table-hover thead tr th.sort.asc .fa-sort, table.table.table-hover thead tr th.sort.desc .fa-sort {
  color: #ff3366;
}
table.table.table-hover thead tr th.sort.asc .fa-sort:before {
  content: "\f0dd";
}
table.table.table-hover thead tr th.sort.desc .fa-sort:before {
  content: "\f0de";
}
table.table.table-hover thead tr th.no-bottom-border {
  border-bottom: 0px;
}
table.table.table-hover thead tr th.actions.check {
  font-size: 24px;
  cursor: pointer;
  padding: 1px 13px 2px 15px;
  opacity: 1;
}
table.table.table-hover thead tr th.actions.check:hover, table.table.table-hover thead tr th.actions.check:focus {
  color: #242424;
}
table.table.table-hover td {
  font-size: 14px;
  border-top: 1px solid #e8e8e8;
  padding: 12px 10px;
}
table.table.table-hover td .fa.vl-icon {
  width: 21px;
  font-size: 0.95em;
  color: #fff !important;
  background-color: #005d7e;
  height: 20px;
  border-radius: 2px;
  line-height: 20px;
  margin: 0 2px;
  text-align: center;
}
table.table.table-hover td .fa.vl-icon.text-danger {
  background-color: #d0021b;
}
table.table.table-hover td .fa.vl-icon.text-dark-gray {
  background-color: #242424;
}
table.table.table-hover td .fa.vl-icon.text-green {
  background-color: #085;
}
table.table.table-hover td .fa.vl-icon.text-black {
  background-color: #000;
}
table.table.table-hover td .fa.vl-icon.text-warning {
  background-color: #e6af2e;
}
table.table.table-hover td .fa.vl-icon.text-pink {
  background-color: #ff3366;
}
table.table.table-hover td .fa.vl-icon.text-youtube {
  background-color: #ff0000;
}
table.table.table-hover td .fa.vl-icon.text-youtube2 {
  background-color: #ddd;
}
table.table.table-hover td .fa.vl-icon.text-gray {
  background-color: #8c8c8c;
}
table.table.table-hover td .fa.vl-icon.fa-facebook {
  background-color: #3b5998;
}
table.table.table-hover td .fa.vl-icon.fa-pinterest {
  background-color: #e60023;
}
table.table.table-hover td .fa.vl-icon.fa-x-twitter {
  background-color: #000000;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 27.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="svg5" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1668.56 1221.19" style="enable-background:new 0 0 1668.56 1221.19;" xml:space="preserve"><style>svg{fill:%23ffffff}</style><g id="layer1" transform="translate(52.390088,-25.058597)"><path id="path1009" d="M283.94,167.31l386.39,516.64L281.5,1104h87.51l340.42-367.76L984.48,1104h297.8L874.15,558.3l361.92-390.99h-87.51l-313.51,338.7l-253.31-338.7H283.94z M412.63,231.77h136.81l604.13,807.76h-136.81L412.63,231.77z"/></g></svg>');
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: bottom;
}
table.table.table-hover td .fa.vl-icon.fa-linkedin {
  background-color: #0077b5;
}
table.table.table-hover td .fa.vl-icon.tiktok {
  background-color: #000;
}
table.table.table-hover td .fa.vl-icon.tiktok img {
  height: 16px;
  vertical-align: top;
  text-align: left;
  padding-top: 3px;
}
table.table.table-hover td .fa.vl-icon.instagram {
  background-color: #000;
}
table.table.table-hover td .fa.vl-icon.instagram img {
  height: 16px;
  vertical-align: top;
  text-align: left;
  padding-top: 3px;
}
table.table.table-hover td .vl-item {
  line-height: 20px;
}
table.table.table-hover td .vl-item > .fa.vl-icon:first-of-type {
  margin-left: 0;
}
table.table.table-hover td .vl-item.hidden {
  display: none;
}
table.table.table-hover td .vl-item.vl-overflow {
  white-space: normal;
  font-style: italic;
}
table.table.table-hover td .vl-item.tags {
  padding-top: 4px;
  max-height: 82px;
  overflow: hidden;
}
table.table.table-hover td .vl-item.tags .vl-icon {
  margin: 2px !important;
}
table.table.table-hover td .vl-item.email {
  font-size: 13px;
  margin-top: -1px;
  padding-bottom: 15px;
}
table.table.table-hover td .vl-item-big .fa {
  font-size: 24px;
  width: 30px;
  text-align: center;
  padding-bottom: 4px;
}
table.table.table-hover td .vl-item-big.vl-item-inset .fa {
  padding-left: 30px;
}
table.table.table-hover td.no-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
}
table.table.table-hover td.no-overflow-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}
table.table.table-hover td .word-break {
  word-break: break-all;
}
table.table.table-hover td .clip-surround {
  max-width: 130px;
  min-width: 110px;
}
table.table.table-hover td .clip-surround.big-clip {
  max-width: 290px;
  min-width: 290px;
}
table.table.table-hover td .clip-surround.small-clip {
  max-width: 80px;
  min-width: 80px;
}
table.table.table-hover td .clip-surround .embed-responsive.embed-responsive-16by9 {
  border-radius: 6px;
  padding-bottom: 57.25%;
}
table.table.table-hover td .clip-surround .embed-responsive.embed-responsive-16by9 .embed-responsive-item {
  background-color: #242424;
}
table.table.table-hover td .clip-surround .embed-responsive.embed-responsive-16by9 .embed-responsive-item img {
  height: 100%;
  width: 100%;
}
table.table.table-hover td .clip-surround .embed-responsive.embed-responsive-16by9 .embed-responsive-item.vertical img {
  height: 140%;
  width: auto;
  margin-left: 27%;
  margin-top: -10%;
}
table.table.table-hover td .clip-surround .embed-responsive.embed-responsive-16by9 .embed-responsive-item.equal img {
  height: 100%;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
table.table.table-hover td.clickable-column,
table.table.table-hover td span.clickable-column {
  cursor: pointer;
}
table.table.table-hover td.clickable-column:hover, table.table.table-hover td.clickable-column:focus,
table.table.table-hover td span.clickable-column:hover,
table.table.table-hover td span.clickable-column:focus {
  text-decoration: underline;
}
table.table.table-hover td .length-overlay {
  position: absolute;
  z-index: 2;
  right: 3px;
  background-color: rgba(255, 255, 255, 0.85);
  padding: 2px 5px;
  font-weight: 400;
  color: #242424;
  border-radius: 4px;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid rgba(255, 255, 255, 0.4);
  bottom: 3px;
}
table.table.table-hover td p.description {
  font-size: 13px;
  margin: 0 0 0;
}
table.table.table-hover td.tight {
  padding: 12px 0;
}
table.table.table-hover .vl-clip-outer {
  width: 130px;
  height: 130px;
  background-color: #e8e8e8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
}
table.table.table-hover .vl-clip-outer .vl-clip-inner {
  aspect-ratio: 14/9;
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
  -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.05);
  background-color: #242424;
}
table.table.table-hover .vl-clip-outer .vl-clip-inner.vert {
  aspect-ratio: 9/14;
}
table.table.table-hover .vl-clip-outer .vl-clip-inner img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
}
table.table.table-hover .vl-clip-outer .lock-surround {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.4);
}
table.table.table-hover .vl-clip-outer .lock-surround .fa-lock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  opacity: 0.9;
  font-size: 30px;
  color: #161616;
}
table.table.table-hover tr:not(.locked-row) .vl-clip-outer:hover .preview-btn, table.table.table-hover tr:not(.locked-row) .vl-clip-outer:focus .preview-btn {
  opacity: 0.9;
  color: #6a6a6a;
}
table.table.table-hover tr:not(.locked-row) .vl-clip-outer:hover .preview-btn:hover, table.table.table-hover tr:not(.locked-row) .vl-clip-outer:focus .preview-btn:hover {
  opacity: 1;
  color: #161616;
}
table.table.table-hover tr:not(.locked-row) .vl-clip-outer:hover .length-overlay, table.table.table-hover tr:not(.locked-row) .vl-clip-outer:focus .length-overlay {
  opacity: 0;
}
table.table.table-hover .vert .vl-clip-outer {
  -webkit-box-align: unset;
  -ms-flex-align: unset;
  align-items: unset;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
table.table.table-hover tr.inactive:not(.checked) td {
  color: #8c8c8c !important;
}
table.table.table-hover tr.demo td {
  color: #005d7e !important;
}
table.table.table-hover tr.active-c td {
  color: #085 !important;
}
table.table.table-hover tr.locked-row {
  color: #aaa;
}
table.table.table-hover tr.locked-row:hover, table.table.table-hover tr.locked-row:focus {
  background-color: #f8f8f8;
}
table.table.table-hover tr.locked-row .vl-icon {
  opacity: 0.4;
}
table.table.table-hover tr.locked-row .status-icon {
  opacity: 0.8;
}
table.table.table-hover tr.locked-row .length-overlay {
  display: none;
}
table.table.table-hover tr.open {
  background-color: rgb(233, 245.5575221239, 255) !important;
}
table.table.table-hover tr.open .preview-btn .fa {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
table.table.table-hover tr.lighten {
  color: #aaa;
}
table.table.table-hover tr.no-hover {
  background-color: #fff !important;
}
table.table.table-hover tr.no-hover:hover, table.table.table-hover tr.no-hover:focus {
  background-color: #fff !important;
}
table.table.table-hover tr.row-inset td {
  border-top: 0px;
}
table.table.table-hover tr.row-inset td.column-inset {
  padding-left: 20px;
  white-space: normal;
}
table.table.table-hover tr.row-inset td.column-inset .empty-table {
  font-size: 14px;
  margin: 10px 20px 10px 10px;
  text-align: center;
  line-height: 1.5;
}
table.table.table-hover tr.row-inset td.column-inset .empty-table.left {
  text-align: left;
}
table.table.table-hover tr.row-inset td.hidden-text {
  font-size: 0px;
}
table.table.table-hover tr.clickable-row {
  cursor: pointer;
}
table.table.table-hover tr.clickable-row:hover, table.table.table-hover tr.clickable-row:focus {
  text-decoration: underline;
}
table.table.table-hover tr.blank:hover, table.table.table-hover tr.blank:focus {
  background-color: transparent;
}
table.table.table-hover tr.blank td {
  padding: 10px 0;
}
table.table.table-hover tr.blank td .embed-responsive-16by9 {
  max-width: 97%;
}
table.table.table-stats {
  font-size: 14px;
}
table.table.table-stats tr > th,
table.table.table-stats tr > td {
  padding: 3px 0;
  border-top: 0;
}
table.table.table-stats tr > th + tr,
table.table.table-stats tr > th + th,
table.table.table-stats tr > td + tr,
table.table.table-stats tr > td + th {
  padding-left: 10px;
}
table.table.table-stats tr.bold td {
  border-top: 1px solid #ddd;
  font-weight: 500;
}
table.table.table-stats thead tr {
  font-size: 13px;
  font-weight: 400;
}
table.table.table-stats thead tr th {
  border-bottom-width: 1px;
  padding-bottom: 4px;
}
table.table.table-stats thead tr th.sort {
  cursor: pointer;
}
table.table.table-stats thead tr th.sort .fa-sort {
  font-size: 14px;
  padding-left: 3px;
  color: #242424;
}
table.table.table-stats thead tr th.sort .fa-sort:hover, table.table.table-stats thead tr th.sort .fa-sort:focus {
  color: #ff3366;
}
table.table.table-stats thead tr th.sort .fa-sort:before {
  content: "\f0dc";
}
table.table.table-stats thead tr th.sort:hover, table.table.table-stats thead tr th.sort:focus, table.table.table-stats thead tr th.sort.asc, table.table.table-stats thead tr th.sort.desc {
  color: #005d7e;
}
table.table.table-stats thead tr th.sort:hover .fa-sort, table.table.table-stats thead tr th.sort:focus .fa-sort, table.table.table-stats thead tr th.sort.asc .fa-sort, table.table.table-stats thead tr th.sort.desc .fa-sort {
  color: #ff3366;
}
table.table.table-stats thead tr th.sort.asc .fa-sort:before {
  content: "\f0dd";
}
table.table.table-stats thead tr th.sort.desc .fa-sort:before {
  content: "\f0de";
}
table.table.table-stats.table-small {
  font-size: 13px;
}
table.table.table-stats.table-small .normal-link:hover, table.table.table-stats.table-small .normal-link:focus {
  text-decoration: underline;
}
@media (max-width: 767px) {
  table.table.table-stats tr th,
  table.table.table-stats tr td {
    padding-left: 5px;
  }
}
table.table .q-row .answer-toggle .fa {
  float: left;
  padding-right: 6px;
  font-size: 14px;
  line-height: 21px;
}
table.table .q-row .answer-toggle .fa-minus {
  display: none;
}
table.table .q-row.expanded .answer-toggle .fa-minus {
  display: inline;
}
table.table .q-row.expanded .answer-toggle .fa-plus {
  display: none;
}
table.table .normal-link-hover:hover, table.table .normal-link-hover:focus {
  cursor: pointer;
  text-decoration: underline;
}

#videoList table.table.table-hover td {
  font-size: 13px;
}

.clip-view {
  display: block;
}
.clip-view .clip-list-item {
  display: grid;
  padding: 15px;
  border-radius: 8px;
  border-width: 0px;
  -webkit-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  -webkit-box-shadow: rgba(53, 53, 53, 0.2) 0px 1px 3px 0px, rgba(44, 44, 45, 0.05) 0px 1px 4px 0px;
  box-shadow: rgba(53, 53, 53, 0.2) 0px 1px 3px 0px, rgba(44, 44, 45, 0.05) 0px 1px 4px 0px;
  background-color: #fff;
  margin-bottom: 20px;
  grid-template-columns: 250px 1fr;
  gap: 10px;
  -webkit-transition: all ease 0.15s;
  transition: all ease 0.15s;
  position: relative;
}
.clip-view .clip-list-item:not(.selected, .locked):hover {
  background-color: rgb(248.3, 252.1243362832, 255);
}
.clip-view .clip-list-item.selected {
  background-color: rgb(233, 245.5575221239, 255);
}
.clip-view .clip-list-item .clip-list-info {
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.clip-view .clip-list-item .clip-list-info .video-title {
  font-size: 16px;
  font-weight: 450;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
  line-height: 1;
  max-width: 100%;
}
.clip-view .clip-list-item .clip-list-info .video-title .title-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.2em;
}
.clip-view .clip-list-item .clip-list-info .video-title .title-name:hover, .clip-view .clip-list-item .clip-list-info .video-title .title-name:focus {
  text-decoration: underline;
}
.clip-view .clip-list-item .clip-list-info .video-title .fa {
  width: 25px;
  font-size: 23px;
  cursor: pointer;
}
.clip-view .clip-list-item .clip-list-info .tag-icon {
  font-size: 13px;
  padding: 2px 8px;
  max-height: inherit;
  margin-right: 3px;
}
.clip-view .clip-list-item .clip-list-info .fa.vl-icon {
  width: 21px;
  font-size: 0.95em;
  color: #fff !important;
  background-color: #005d7e;
  height: 20px;
  border-radius: 2px;
  line-height: 20px;
  margin: 0 2px;
  text-align: center;
}
.clip-view .clip-list-item .clip-list-info .fa.vl-icon.text-danger {
  background-color: #d0021b;
}
.clip-view .clip-list-item .clip-list-info .fa.vl-icon.text-dark-gray {
  background-color: #242424;
}
.clip-view .clip-list-item .clip-list-info .fa.vl-icon.text-green {
  background-color: #085;
}
.clip-view .clip-list-item .clip-list-info .fa.vl-icon.text-black {
  background-color: #000;
}
.clip-view .clip-list-item .clip-list-info .fa.vl-icon.text-warning {
  background-color: #e6af2e;
}
.clip-view .clip-list-item .clip-list-info .fa.vl-icon.text-pink {
  background-color: #ff3366;
}
.clip-view .clip-list-item .clip-list-info .fa.vl-icon.text-youtube {
  background-color: #ff0000;
}
.clip-view .clip-list-item .clip-list-info .fa.vl-icon.text-youtube2 {
  background-color: #ddd;
}
.clip-view .clip-list-item .clip-list-info .fa.vl-icon.text-gray {
  background-color: #8c8c8c;
}
.clip-view .clip-list-item .clip-list-info .fa.vl-icon.fa-facebook {
  background-color: #3b5998;
}
.clip-view .clip-list-item .clip-list-info .fa.vl-icon.fa-pinterest {
  background-color: #e60023;
}
.clip-view .clip-list-item .clip-list-info .fa.vl-icon.fa-x-twitter {
  background-color: #000000;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 27.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="svg5" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1668.56 1221.19" style="enable-background:new 0 0 1668.56 1221.19;" xml:space="preserve"><style>svg{fill:%23ffffff}</style><g id="layer1" transform="translate(52.390088,-25.058597)"><path id="path1009" d="M283.94,167.31l386.39,516.64L281.5,1104h87.51l340.42-367.76L984.48,1104h297.8L874.15,558.3l361.92-390.99h-87.51l-313.51,338.7l-253.31-338.7H283.94z M412.63,231.77h136.81l604.13,807.76h-136.81L412.63,231.77z"/></g></svg>');
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: bottom;
}
.clip-view .clip-list-item .clip-list-info .fa.vl-icon.fa-linkedin {
  background-color: #0077b5;
}
.clip-view .clip-list-item .clip-list-info .fa.vl-icon.tiktok {
  background-color: #000;
}
.clip-view .clip-list-item .clip-list-info .fa.vl-icon.tiktok img {
  height: 16px;
  vertical-align: top;
  text-align: left;
  padding-top: 3px;
}
.clip-view .clip-list-item .clip-list-info .fa.vl-icon.instagram {
  background-color: #000;
}
.clip-view .clip-list-item .clip-list-info .fa.vl-icon.instagram img {
  height: 16px;
  vertical-align: top;
  text-align: left;
  padding-top: 3px;
}
.clip-view .clip-list-item .clip-list-info .highlights {
  font-style: italic;
}
.clip-view .clip-list-item .clip-list-info .highlights mark {
  padding: 0 1px;
  font-weight: 400;
  background-color: rgb(151.5, 227.8928571429, 255);
}
.clip-view .clip-list-item.locked {
  background-color: #f8f8f8;
  color: #aaa;
}
.clip-view .clip-list-item.locked .clip-list-info .video-title .fa {
  cursor: default;
}
.clip-view .clip-list-item .clip-list-clips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 15px;
  max-width: 100%;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}
.clip-view .clip-list-item .clip-list-clips::-webkit-scrollbar {
  display: none;
}
.clip-view .clip-list-item .clip-list-clips .clip-list-clip {
  position: relative;
  width: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.clip-view .clip-list-item .clip-list-clips .clip-list-clip .clip-select {
  position: absolute;
  top: -1px;
  left: -1px;
  font-size: 21px;
  border-radius: 6px 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 35px;
  height: 35px;
  background-color: rgba(255, 255, 255, 0.4);
  opacity: 0.8;
  -webkit-transition: all ease 0.15s;
  transition: all ease 0.15s;
}
.clip-view .clip-list-item .clip-list-clips .clip-list-clip .clip-select:hover, .clip-view .clip-list-item .clip-list-clips .clip-list-clip .clip-select:focus {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.7);
}
.clip-view .clip-list-item .clip-list-clips .clip-list-clip .length-overlay {
  position: absolute;
  z-index: 2;
  right: 3px;
  background-color: rgba(255, 255, 255, 0.85);
  padding: 2px 5px;
  font-weight: 400;
  color: #242424;
  border-radius: 4px;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid rgba(255, 255, 255, 0.4);
  top: 114px;
}
.clip-view .clip-list-item .clip-list-clips .clip-list-clip .preview-btn {
  z-index: 3;
  top: 114px;
  bottom: auto;
}
.clip-view .clip-list-item .clip-list-clips .clip-list-clip .b-roll-overlay {
  position: absolute;
  z-index: 2;
  left: 4px;
  top: 114px;
  background-color: rgba(0, 0, 0, 0.75);
  padding: 3px;
  height: 21px;
  border-radius: 4px;
  border: 1px solid #1d9eff;
}
.clip-view .clip-list-item .clip-list-clips .clip-list-clip .clip-prompt {
  font-size: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}
.clip-view .clip-list-item .clip-list-clips .clip-list-clip .clip-thumb {
  border-radius: 6px;
  aspect-ratio: 16/9;
  cursor: pointer;
  max-width: 100%;
  min-width: 250px;
  background-color: #e8e8e8;
}
.clip-view .clip-list-item .clip-list-clips .clip-list-clip .clip-thumb.vert {
  aspect-ratio: 9/14;
  min-width: 150px;
}
.clip-view .clip-list-item .clip-list-clips .clip-list-clip .clip-thumb img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 6px;
  width: 100%;
  height: 100%;
}
.clip-view .clip-list-item .clip-list-clips .clip-list-clip.vert {
  width: 150px;
}
.clip-view .clip-list-item .clip-list-clips .clip-list-clip.vert .length-overlay {
  top: 208px;
}
.clip-view .clip-list-item .clip-list-clips .clip-list-clip.vert .preview-btn {
  top: 208px;
}
.clip-view .clip-list-item .clip-list-clips .clip-list-clip.vert .b-roll-overlay {
  top: 208px;
}
.clip-view .clip-list-item .clip-list-clips .clip-list-clip.locked .clip-thumb {
  opacity: 0.7;
  cursor: default;
}
.clip-view .clip-list-item .clip-list-clips .clip-list-clip.locked .length-overlay {
  opacity: 0.7;
}
.clip-view .clip-list-item .clip-list-clips .clip-list-clip.selected .clip-select {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.7);
}
.clip-view .clip-list-item .clip-list-clips .clip-list-clip:hover .preview-btn, .clip-view .clip-list-item .clip-list-clips .clip-list-clip:focus .preview-btn {
  opacity: 1;
  pointer-events: none;
}
.clip-view .clip-list-item .clip-list-clips .clip-list-clip.faded {
  opacity: 0.5;
}
@media (max-width: 767px) {
  .clip-view .clip-list-item {
    grid-template-columns: 140px 1fr;
  }
}

.fa.expand {
  font-size: 13px;
  color: #005d7e;
  top: -1px;
  padding: 2px 4px;
}

.small-icon {
  height: 18px;
  margin-top: -3px;
}

.search-bar.product-search {
  margin-bottom: 10px;
}
.search-bar.product-search .form-control-feedback {
  top: 9px;
}

.form-group.search-bar {
  width: 100%;
  z-index: 0;
  max-width: 97%;
  float: right;
  overflow-y: hidden;
  margin-bottom: 0px;
}
.form-group.search-bar input.search {
  height: 33px;
  font-size: 14px;
  border-color: #ddd;
}
.form-group.search-bar input.search:focus, .form-group.search-bar input.search:active {
  border: 1px solid #8c8c8c;
}
.form-group.search-bar .form-control-feedback {
  width: 33px;
  height: 33px;
  line-height: 33px;
}
.form-group.search-bar .form-control-feedback.clickable {
  cursor: pointer;
  pointer-events: all;
}
.form-group.search-bar.full-width {
  max-width: 100%;
}
.form-group.search-bar.inline-search {
  width: 100%;
  max-width: 250px;
  margin-right: 10px;
  float: none;
  display: inline-block;
}
.form-group.search-bar.inline-search.no-right-space {
  margin-right: 0;
}

.search-bar.full-width-search {
  width: 100%;
  max-width: 100%;
  float: none;
}

.search-border {
  background-color: #f8f8f8;
}

#questionList .table tbody tr.missing-info {
  background-color: rgb(254.602484472, 250.7763975155, 247.397515528);
}
#questionList .table tbody tr.missing-info.checked {
  background-color: rgb(233, 245.5575221239, 255);
}
#questionList .table tbody tr.open {
  background-color: rgb(233, 245.5575221239, 255);
}
#questionList .table tbody tr.active {
  background-color: rgb(233, 245.5575221239, 255);
}

.e-question {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 5px 8px;
  margin: 10px 0;
  background-color: #fff;
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
}
.e-question .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.e-question .fa {
  vertical-align: middle;
  margin-bottom: -12px;
}
.e-question .fa.fa-big {
  font-size: 21px;
}
.e-question .fa-video-camera {
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
}
.e-question:hover, .e-question:focus, .e-question.new-assign {
  border-color: #df2c2d;
}
.e-question:hover .fa-video-camera, .e-question:focus .fa-video-camera, .e-question.new-assign .fa-video-camera {
  color: #df2c2d;
}
.e-question.answered {
  border-color: #ddd;
  color: #8c8c8c;
}
.e-question.answered:hover, .e-question.answered:focus {
  border-color: #085;
}

.styled-select:focus,
select:focus {
  font-size: 14px;
}

.no-left-padding {
  padding-left: 0px;
}

tbody.brand-list tr {
  height: 30px;
}
tbody.brand-list tr td {
  vertical-align: middle;
}
tbody.brand-list tr td .name {
  font-weight: 600;
}
tbody.brand-list tr td .btn.row-icon {
  font-size: 13px;
}
tbody.brand-list .row-img {
  max-height: 28px;
}
@media (max-width: 767px) {
  tbody.brand-list .empty-table {
    white-space: break-spaces !important;
  }
}

.multi-select {
  padding: 15px 20px;
  border-radius: 8px;
  border-width: 0px;
  -webkit-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  -webkit-box-shadow: rgba(53, 53, 53, 0.2) 0px 1px 3px 0px, rgba(44, 44, 45, 0.05) 0px 1px 4px 0px;
  box-shadow: rgba(53, 53, 53, 0.2) 0px 1px 3px 0px, rgba(44, 44, 45, 0.05) 0px 1px 4px 0px;
  z-index: 9;
  margin-bottom: 20px;
  background-color: rgb(233, 245.5575221239, 255);
  border: 1px solid rgba(0, 80.596460177, 141.2, 0.25);
  color: rgb(0, 80.596460177, 141.2);
  position: sticky;
  top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 25px;
}
.multi-select .select-count {
  color: #242424;
  font-size: 13px;
  font-weight: 450;
}
.multi-select .select-count .fa {
  cursor: pointer;
  font-size: 24px;
  vertical-align: middle;
  padding-right: 10px;
}
.multi-select .select-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.multi-select .select-actions .btn {
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.multi-select .select-actions .btn .fa:not(.fa-external-link) {
  font-size: 20px;
  margin-right: 7px;
}
.multi-select .select-actions .btn .fa-external-link {
  font-size: 13px;
  margin-left: 5px;
}
.multi-select .select-actions .btn.not-ready {
  cursor: default;
  color: #aaa !important;
}
.multi-select .select-actions .btn.not-ready .fa {
  color: #aaa !important;
}

.panel-filters div [class*=col-sm-],
.panel-filters div [class*=col-md-] {
  padding-left: 5px;
  padding-right: 5px;
}
.panel-filters select.form-control {
  display: block;
  width: 100%;
  border-width: 1px;
  margin: 0;
  font-size: 15px;
}
.panel-filters select.form-control:focus {
  border-width: 1px;
}
.panel-filters .dropdown-menu.dd-right {
  right: 5px;
}
.panel-filters .dropdown-menu.dd-right .selected {
  background-color: #ddd;
}
.panel-filters .search-bar:not(.no-button) {
  float: none;
  margin-bottom: 0;
  display: inline-block;
  width: calc(100% - 34px);
  margin-right: -1px;
}
.panel-filters .search-bar:not(.no-button) input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding-right: 29px;
}
.panel-filters .question-filters .search-bar {
  max-width: 100%;
  margin-bottom: 0;
}
.panel-filters .btn-default.dropdown-toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 33px;
  display: inline-block;
  vertical-align: top;
  padding-top: 3px;
}
.panel-filters .btn-default.dropdown-toggle .btn:hover, .panel-filters .btn-default.dropdown-toggle .btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.panel-filters .reset-row {
  position: relative;
}
@media screen and (max-width: 767px) {
  .panel-filters .reset-row {
    min-height: 30px;
  }
}
.panel-filters .small-link.reset {
  position: absolute;
  bottom: 0;
  right: 10px;
}
.panel-filters .small-link.reset.text-gray:hover, .panel-filters .small-link.reset.text-gray:focus {
  color: #aaa;
}
.panel-filters .small-link.reset:hover, .panel-filters .small-link.reset:focus {
  border-bottom: 0;
}

.dropdown-tags {
  position: relative;
}
.dropdown-tags .btn {
  width: 100%;
}
.dropdown-tags .dropdown-menu {
  padding: 10px;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  max-width: 350px;
  max-height: 350px;
  overflow-y: scroll;
  scrollbar-width: thin;
  margin-top: -10px;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.dropdown-tags .dropdown-menu .search {
  height: 34px;
  font-size: 14px;
  margin-bottom: 10px;
}
.dropdown-tags .dropdown-menu li {
  cursor: pointer;
  padding: 2px 0px;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.dropdown-tags .dropdown-menu li.checked {
  font-weight: 400;
}
.dropdown-tags .dropdown-menu li i {
  padding-right: 10px;
}
.dropdown-tags .dropdown-menu.dropdown-videos {
  margin-top: 5px;
}

.tag-select-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tag-icon.dd {
  font-size: 13px;
  padding: 2px 7px;
  margin-top: 5px;
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
  max-height: none;
  max-width: none;
}
.tag-icon.dd .fa-times {
  font-size: 11px;
  color: #8c8c8c;
  padding-bottom: 1px;
  padding-left: 2px;
  vertical-align: middle;
}
.tag-icon.dd:hover, .tag-icon.dd:focus {
  background-color: #aaa;
}
.tag-icon.dd:hover .fa-times, .tag-icon.dd:focus .fa-times {
  color: #242424;
}

/* Table within Panel Fix - Mostly for report cards */
.panel-body > .table-responsive table.table.table-hover thead tr th,
.panel-body > .table-responsive table.table.table-hover td {
  padding: 4px 0;
  background-color: transparent;
}
.panel-body > .table-responsive table.table.table-hover thead tr th + th,
.panel-body > .table-responsive table.table.table-hover thead tr th + td,
.panel-body > .table-responsive table.table.table-hover td + th,
.panel-body > .table-responsive table.table.table-hover td + td {
  padding-left: 10px;
  text-align: right;
}
.panel-body > .table-responsive table.table.table-hover thead tr th + th.text-left,
.panel-body > .table-responsive table.table.table-hover thead tr th + td.text-left,
.panel-body > .table-responsive table.table.table-hover td + th.text-left,
.panel-body > .table-responsive table.table.table-hover td + td.text-left {
  text-align: left;
}
.panel-body > .table-responsive table.table.table-hover td {
  padding: 10px 0;
}

.view-bar {
  background-color: #ff3366;
  border-radius: 2px;
  height: 4px;
  width: 0px;
}

.data-with-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}

.sentiment-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.review-outer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 10px;
}
.review-outer .review-thumb {
  aspect-ratio: 9/9;
  width: 80px;
  width: 80px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #e8e8e8;
  border-radius: 6px;
}
.review-outer .review-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 1199px) {
  table.table.table-hover td.c-user.c-wide,
  table.table.table-hover th.c-user.c-wide {
    width: 300px;
    max-width: 300px;
    min-width: 300px;
  }
}
@media (max-width: 991px) {
  table.table.table-hover td.actions,
  table.table.table-hover th.actions {
    width: 35px;
  }
  table.table.table-hover td.c-user,
  table.table.table-hover th.c-user {
    width: 140px;
  }
  table.table.table-hover td.c-user.c-wide,
  table.table.table-hover th.c-user.c-wide {
    width: 300px;
    max-width: 300px;
  }
}
@media (max-width: 767px) {
  table.table.table-hover td.c-user,
  table.table.table-hover th.c-user,
  table.table.table-hover td.c-question,
  table.table.table-hover th.c-question,
  table.table.table-hover th.c-preview,
  table.table.table-hover td.c-preview {
    width: auto;
  }
  table.table.table-hover td.c-user.c-wide,
  table.table.table-hover th.c-user.c-wide,
  table.table.table-hover td.c-question.c-wide,
  table.table.table-hover th.c-question.c-wide,
  table.table.table-hover th.c-preview.c-wide,
  table.table.table-hover td.c-preview.c-wide {
    width: 220px;
    max-width: 220px;
    min-width: 220px;
  }
  table.table.table-hover th.col-xs-auto,
  table.table.table-hover td.col-xs-auto {
    width: auto;
  }
  .panel-body.e-q-panel {
    padding-bottom: 0;
  }
  .e-question {
    margin: 10px -10px;
    padding-left: 4px;
  }
}
@media (max-width: 479px) {
  .form-group.search-bar {
    max-width: 100%;
  }
  table.table.table-hover th.c-preview,
  table.table.table-hover td.c-preview {
    width: 110px;
  }
  table.table.table-hover th.c-preview .vl-clip-outer,
  table.table.table-hover td.c-preview .vl-clip-outer {
    width: 95px;
    height: 95px;
  }
  table.table.table-hover.table-wrap-mo > tbody > tr th,
  table.table.table-hover.table-wrap-mo > tbody > tr td {
    white-space: normal;
  }
}
/* ** OVERRIDE BOOTSTRAP VARIABLES ** */
.facebook-example {
  font-family: "helvetica";
  width: 250px;
  border: 2px solid #ddd;
  background-color: #fff;
  padding: 10px;
  border-radius: 6px;
  font-weight: 400;
}
.facebook-example .post-box {
  text-align: center;
  width: 100%;
  height: auto;
  background-color: #fff;
  margin: 10px auto;
  min-height: 100px;
  -webkit-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.03);
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.03);
}
.facebook-example .post-box .example-video {
  width: 100%;
  background-color: #aaa;
}
.facebook-example .post-box .example-video img {
  width: 100%;
}
.facebook-example .post-box .facebook-text {
  padding: 4px;
  text-align: left;
  font-size: 12px;
}
.facebook-example .post-box .facebook-text .serif {
  font-family: serif;
}
@media (max-width: 767px) {
  .facebook-example {
    display: none;
  }
}

.twitter-example {
  font-family: "helvetica";
  width: 250px;
  border: 2px solid #ddd;
  background-color: #fff;
  padding: 10px;
  border-radius: 6px;
  font-weight: 400;
}
.twitter-example .twitter-profile {
  background-color: #242424;
  width: 30px;
  height: 30px;
  border-radius: 15px;
}
.twitter-example .twitter-text {
  font-size: 12px;
}
.twitter-example .twitter-text .user-name {
  font-weight: 600;
  font-size: 13px;
}
.twitter-example .example-video {
  width: 100%;
  background-color: #aaa;
}
.twitter-example .example-video img {
  width: 100%;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .twitter-example {
    display: none;
  }
}

.overlay-example {
  position: relative;
  width: 500px;
  max-width: 100%;
}
.overlay-example img {
  max-width: 100%;
  position: relative;
}
.overlay-example img.logo {
  position: absolute;
  right: 5%;
  max-height: 123px;
  max-width: 123px;
}
.overlay-example img.logo.top {
  top: 5%;
}
.overlay-example img.logo.bottom {
  bottom: 5%;
}
.overlay-example img.overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.modal-content.brand-preview .modal-body,
.modal-content.brand-preview .flex-area {
  min-height: calc(100vh - 240px);
}
.modal-content.brand-preview .modal-body .panel-modern,
.modal-content.brand-preview .flex-area .panel-modern {
  width: 700px;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 115px;
}

/* ** OVERRIDE BOOTSTRAP VARIABLES ** */
.trumbowyg-box {
  margin: 0 auto;
  border-radius: 6px;
}
.trumbowyg-box .trumbowyg-button-pane {
  background-color: #f8f8f8;
  border-color: #ddd;
  z-index: 7;
  border-radius: 6px 6px 0 0;
}
.trumbowyg-box .trumbowyg-editor {
  border-color: #aaa;
}
.trumbowyg-box.focus {
  -webkit-box-shadow: 0 0 8px 2px rgb(213.35, 213.35, 213.35);
  box-shadow: 0 0 8px 2px rgb(213.35, 213.35, 213.35);
  border-color: #8c8c8c;
  border: 2px solid #8c8c8c;
}

.form-group.has-error .trumbowyg-box,
.form-group.has-error .trumbowyg-editor {
  border-color: rgba(147.3828571429, 1.4171428571, 19.1314285714, 0.5);
}

.trumbowyg-box,
.trumbowyg-editor,
.trumbowyg-textarea {
  min-height: 110px;
  font-size: 14px;
  background-color: #fff;
}

.trumbowyg-textarea.form-control {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.trumbowyg-box .trumbowyg-editor {
  min-height: 70px;
}

.big-wysiwyg .trumbowyg-box,
.big-wysiwyg .trumbowyg-editor,
.big-wysiwyg .trumbowyg-textarea {
  min-height: 250px;
}

.trumbowyg-editor {
  padding: 6px 12px;
}

.trumbowyg-editor[contenteditable=true]:empty::before {
  content: attr(placeholder);
  color: #aaa;
}

.trumbowyg-modal-box {
  max-width: 420px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.03);
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.03);
}
.trumbowyg-modal-box label {
  font-weight: 400 !important;
}
.trumbowyg-modal-box label input {
  width: 80%;
}
.trumbowyg-modal-box label .trumbowyg-input-infos span {
  text-align: right;
  background-color: transparent;
  border: none;
  padding-right: 15px;
  color: #242424;
  width: 80px;
}
.trumbowyg-modal-box .trumbowyg-modal-title {
  display: none;
}
.trumbowyg-modal-box .trumbowyg-modal-button {
  border-width: 0px !important;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.03);
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.03);
  -webkit-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
  background-color: #005d7e;
  color: #fff;
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus {
  background-color: rgb(0, 55.3571428571, 75);
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
  border-color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  color: #005d7e;
  font-weight: normal;
  border-radius: 6px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus {
  outline: none;
}

.trumbowyg-disabled.trumbowyg-box {
  border-color: #ddd;
}
.trumbowyg-disabled .trumbowyg-editor {
  background-color: #f8f8f8;
  border-color: #ddd;
}
.trumbowyg-disabled .trumbowyg-button-pane {
  display: none;
}

.sp-container {
  border-width: 0px;
  background-color: #ddd;
  -webkit-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.03);
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.03);
}
.sp-container .sp-picker-container {
  border-left: 0px;
}
.sp-container .sp-picker-container .sp-cancel {
  color: #005d7e !important;
  font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  text-decoration: none;
  font-size: 13px;
  font-weight: 450;
}
.sp-container .sp-picker-container .sp-cancel:focus, .sp-container .sp-picker-container .sp-cancel:active, .sp-container .sp-picker-container .sp-cancel:hover {
  color: rgb(0, 55.3571428571, 75) !important;
}
.sp-container .sp-picker-container .sp-choose {
  color: #fff;
  background-color: #005d7e !important;
  font-weight: 500;
  text-transform: uppercase;
  background-image: none;
  border-width: 0px;
  text-shadow: none;
  font-size: 13px;
  padding: 6px;
}
.sp-container .sp-picker-container .sp-choose:focus, .sp-container .sp-picker-container .sp-choose:active, .sp-container .sp-picker-container .sp-choose:hover {
  background-color: rgb(0, 89.2357142857, 120.9) !important;
}

.thirds-editor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
}
.thirds-editor.horizontal {
  aspect-ratio: 16/9;
}
.thirds-editor.vertical {
  aspect-ratio: 9/16;
  max-width: 480px;
}

/* ** OVERRIDE BOOTSTRAP VARIABLES ** */
.email-preview .top-bar {
  border-top: 7px solid transparent;
  text-align: center;
  background-color: #fff;
  padding: 0 20px;
}
.email-preview .bottom-bar {
  border-bottom: 7px solid transparent;
  text-align: center;
  margin: 0 -20px;
}
.email-preview .bottom-bar .bb-inner {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.email-preview img {
  max-width: 160px;
  max-height: 80px;
  margin: 15px 0;
}
.email-preview .email-main {
  background-color: #fff;
  padding: 30px 20px;
  margin-bottom: 20px;
  font-size: 16px;
}
.email-preview .email-main a {
  text-decoration: underline;
}
.email-preview .email-main a.btn {
  padding: 10px 16px;
  font-size: 14px;
  color: #fff;
  background-color: #133347;
  font-weight: bold;
  border: 0px;
  border-radius: 6px;
  text-transform: none;
  text-decoration: none;
}
.email-preview .email-button {
  padding: 10px 16px;
  font-size: 14px;
  color: #fff;
  background-color: #133347;
  font-weight: bold;
  border: 0px;
  border-radius: 6px;
}
.email-preview .email-address {
  text-align: center;
  font-size: 13px;
  color: #8c8c8c;
}
.email-preview .email-disclaimer {
  text-align: center;
  font-size: 13px;
  color: #8c8c8c;
  padding: 30px 0 20px;
}

.modal-body.email-preview {
  background-color: #f8f8f8;
  padding-bottom: 0px;
  border-radius: 6px 6px 0 0;
}
.modal-body.email-preview .modal-title {
  background-color: #f8f8f8;
  padding: 10px 20px;
  margin: -20px -20px 10px;
  border-radius: 6px 6px 0 0;
}

/* ** OVERRIDE BOOTSTRAP VARIABLES ** */
.sidebar {
  background-color: #fff;
  width: 300px;
  height: calc(100vh - 50px);
  top: 50px;
  padding: 15px;
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  border-right: 1px solid #ddd;
}
.sidebar.narrow {
  width: 250px;
}
.sidebar.wide {
  width: 400px;
}
.sidebar.fill {
  height: 100vh;
  width: 100%;
  position: inherit;
  padding: 0px;
}
.sidebar.sidebar-dark {
  background-color: rgb(13.6166666667, 36.55, 50.8833333333);
}

@media (max-width: 991px) {
  .sidebar:not(.embed) {
    position: relative;
    width: calc(100% - 30px);
    border-radius: 6px;
    margin-bottom: 30px;
    border-radius: 8px;
    border-width: 0px;
    -webkit-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  }
  .sidebar:not(.embed).sidebar-dark {
    background-color: #fff;
  }
  .sidebar:not(.embed).narrow {
    width: auto;
    margin: 0 15px;
    height: auto;
    top: 0;
  }
}
/* ** OVERRIDE BOOTSTRAP VARIABLES ** */
.card {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 15px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.card .card-header {
  font-weight: 500;
  padding-bottom: 10px;
}
.card .card-body {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1em;
}
.card .card-body p {
  margin-bottom: 0;
}
.card .card-body button {
  width: 100%;
}
.card.card-focus {
  background-color: rgb(248.3, 252.1243362832, 255);
  border: 1px solid rgba(0, 103.8849557522, 182, 0.25);
}
.card.card-blog {
  padding: 0;
  background-color: #0f2a6a;
}
.card.card-blog .card-header {
  min-height: 6em;
  padding: 10px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  text-align: center;
}
.card.card-blog .card-body {
  height: 200px;
  cursor: pointer;
}
.card.card-blog .card-body > div {
  height: 200px;
  overflow: hidden;
  border-radius: 0 0 6px 6px;
}
.card.card-blog .card-body img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  -webkit-transition: -webkit-transform ease 0.15s;
  transition: -webkit-transform ease 0.15s;
  transition: transform ease 0.15s;
  transition: transform ease 0.15s, -webkit-transform ease 0.15s;
}
.card.card-blog:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.flex-row > .card {
  max-width: 250px;
}

/* ** OVERRIDE BOOTSTRAP VARIABLES ** */
:root {
  --sidebar-width: 350px;
  --embedbanner: 40px;
  --mini-menu: 0px;
}
@media (max-width: 991px) {
  :root {
    --sidebar-width: 300px;
  }
}
@media (max-width: 991px) {
  :root {
    --mini-menu: 0px;
  }
}

.embed-builder {
  width: 100%;
  overflow: hidden;
}
.embed-builder .embed-content {
  background-color: #fff;
  display: grid;
  grid-template-columns: var(--sidebar-width) 1fr;
  position: relative;
  height: calc(100vh - 50px);
}
.embed-builder .embed-content .embed-left {
  height: calc(100vh - 50px);
  max-height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-width: none;
  position: relative;
}
.embed-builder .embed-content .embed-left .alert-embed2 {
  position: absolute;
  bottom: var(--embedbanner);
  width: 100%;
  z-index: 9;
}
.embed-builder .embed-content .embed-left .sidebar {
  background-color: #fff;
  width: var(--sidebar-width);
  height: auto;
  padding: 0;
  position: relative;
  top: 0;
}
.embed-builder .embed-content .embed-left.disabled {
  cursor: not-allowed !important;
}
.embed-builder .embed-content .embed-left.disabled input,
.embed-builder .embed-content .embed-left.disabled select,
.embed-builder .embed-content .embed-left.disabled input[type=checkbox],
.embed-builder .embed-content .embed-left.disabled .checkbox label,
.embed-builder .embed-content .embed-left.disabled .checkbox input {
  pointer-events: none;
  cursor: not-allowed !important;
}
.embed-builder .embed-content .embed-left pre {
  max-width: 420px;
}
.embed-builder .embed-content .embed-left textarea {
  resize: vertical;
  line-height: 1.428571429;
}
.embed-builder .embed-content .embed-left textarea.web {
  font-size: 13px;
  font-family: monospace;
}
.embed-builder .embed-content .embed-left .form-control {
  font-size: 14px;
  padding: 3px 10px;
  height: 32px;
}
.embed-builder .embed-content .embed-left .checkbox input {
  margin-top: 7px;
}
.embed-builder .embed-content .embed-left label.check > span {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.embed-builder .embed-content .embed-left ul.tag-list {
  border: 1px solid #aaa;
  background-color: #fff;
  border-radius: 6px;
  padding: 10px;
  margin: 0;
  max-height: 220px;
  overflow-y: scroll;
  list-style: none;
}
.embed-builder .embed-content .embed-left ul.tag-list li {
  cursor: pointer;
  padding: 2px 0px;
  font-size: 16px;
}
.embed-builder .embed-content .embed-left ul.tag-list li.checked {
  font-weight: 400;
}
.embed-builder .embed-content .embed-left ul.tag-list li i {
  padding-right: 10px;
}
.embed-builder .embed-content .embed-left .embed-banner {
  position: fixed;
  cursor: pointer;
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
  height: var(--embedbanner);
  padding-top: 7px;
  bottom: 5px;
  left: 5px;
  width: calc(var(--sidebar-width) - 10px);
  border-radius: 6px;
  text-align: center;
  z-index: 10;
  color: #fff;
  background-color: #133347;
}
.embed-builder .embed-content .embed-left .embed-banner:hover, .embed-builder .embed-content .embed-left .embed-banner:focus {
  background-color: rgb(13.6166666667, 36.55, 50.8833333333);
}
.embed-builder .embed-content .embed-left .embed-banner.disabled {
  opacity: 0;
  z-index: -1;
  background-color: #ddd;
  cursor: default;
}
.embed-builder .embed-content .embed-left .embed-banner.disabled:hover, .embed-builder .embed-content .embed-left .embed-banner.disabled:focus {
  background-color: #ddd;
}
.embed-builder .embed-content .embed-right {
  background-color: #f8f8f8;
  height: calc(100vh - 50px);
}
.embed-builder .embed-content .embed-right .builder-warning {
  display: none;
}
@media screen and (max-width: 899px) {
  .embed-builder .embed-content .embed-right .builder-warning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 20px;
    background-color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.embed-builder .embed-content .embed-right .embed-header {
  height: 30px;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #ddd;
}
.embed-builder .embed-content .embed-right .embed-header h6 {
  font-size: 14px;
  margin: 7px 0;
}
.embed-builder .embed-content .embed-right .embed-header .toggle-full {
  padding-top: 7px;
  font-size: 16px;
}
.embed-builder .embed-content .embed-right .embed-page {
  margin: 20px;
  border: 1px solid #ddd;
  border-radius: 6px;
  scrollbar-width: none;
  -webkit-box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.05);
}
.embed-builder .embed-content .embed-right .embed-body {
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  padding: 5px;
  height: calc(100vh - 125px);
  background-color: #fff;
  border-radius: 0 0 6px 6px;
  scrollbar-width: thin;
  -webkit-transition: opacity ease 0.25s;
  transition: opacity ease 0.25s;
  max-width: calc(100vw - 42px - var(--sidebar-width) - var(--mini-menu));
}
.embed-builder .embed-content .embed-right .embed-body #example-counter {
  margin-top: 20px;
}
.embed-builder .embed-content .embed-right .embed-body .stpvp-counter {
  margin-left: 20px;
}
.embed-builder.full-embed {
  grid-template-columns: 0 1fr;
}
.embed-builder.full-embed .embed-left {
  display: none;
}
.embed-builder.full-embed .embed-right {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: calc(100vh - 50px);
  margin: auto;
}
.embed-builder.full-embed .embed-right .embed-body {
  max-width: calc(100vw - 42px - var(--mini-menu));
}
.embed-builder .draggable-list {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 14px;
  padding-left: 9px;
  margin: 5px 0;
  max-width: 300px;
  -webkit-transition: background-color ease 0.25s;
  transition: background-color ease 0.25s;
}
.embed-builder .draggable-list.dragging {
  background-color: #ddd;
}

/* ** OVERRIDE BOOTSTRAP VARIABLES ** */
/* Storyline builder */
.builder-outer {
  --leftWidth: 400px;
  width: 100dvw;
  height: 100dvh;
  overflow: hidden;
  display: grid;
  grid-template-columns: var(--leftWidth) 1fr;
}
.builder-outer.has-header {
  height: calc(100dvh - 50px);
}
.builder-outer.has-header .builder-left {
  height: calc(100dvh - 50px);
}
.builder-outer .builder-left {
  -webkit-transition: -webkit-transform 0.7s ease-in-out;
  transition: -webkit-transform 0.7s ease-in-out;
  transition: transform 0.7s ease-in-out;
  transition: transform 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
  background-color: #fff;
  border-right: 1px solid #e8e8e8;
  overflow: hidden;
  position: relative;
}
.builder-outer .builder-left input,
.builder-outer .builder-left textarea {
  font-size: 14px;
}
.builder-outer .builder-left .builder-header {
  padding: 10px 15px;
}
.builder-outer .builder-left .builder-left-inner {
  padding: 20px;
  overflow-y: auto;
  scrollbar-width: thin;
  height: 100%;
}
.builder-outer .builder-left .builder-bottom {
  position: absolute;
  bottom: 0;
  z-index: 10;
  width: calc(var(--leftWidth) - 0px);
  padding: 20px;
  left: 0;
  background-color: #fff;
  -webkit-box-shadow: -4px -1px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: -4px -1px 5px 0px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 400px) {
  .builder-outer .builder-left .builder-bottom {
    width: 100%;
  }
}
.builder-outer .builder-left .btn-builder-outer {
  position: absolute;
  bottom: 0px;
  right: -1px;
  left: 0px;
  z-index: 11;
  margin: 20px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 6px;
}
.builder-outer .builder-left .btn-builder {
  width: 100%;
  border: 1px solid #133347;
  padding: 9px 21px;
}
.builder-outer .builder-left .form-ai-padding {
  padding-bottom: 70px;
}
.builder-outer .builder-left .form-group.inactive-prompt .control-label,
.builder-outer .builder-left .form-group.inactive-prompt textarea {
  color: #aaa;
}
@media screen and (max-width: 1079px) {
  .builder-outer:not(.always-show) .builder-left {
    -webkit-transition: -webkit-transform 0.7s ease-in-out;
    transition: -webkit-transform 0.7s ease-in-out;
    transition: transform 0.7s ease-in-out;
    transition: transform 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
    -webkit-transform: translateX(calc(-1 * var(--leftWidth)));
    -ms-transform: translateX(calc(-1 * var(--leftWidth)));
    transform: translateX(calc(-1 * var(--leftWidth)));
    z-index: 100;
    position: absolute;
    width: var(--leftWidth);
  }
  .builder-outer:not(.always-show) .builder-left.show {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@media screen and (max-width: 400px) {
  .builder-outer:not(.always-show) .builder-left {
    width: 100%;
    border-right: none;
  }
}
.builder-outer .builder-right {
  width: calc(100vw - var(--leftWidth));
}
.builder-outer .builder-right.gradient {
  background-color: #ff3366;
  background: linear-gradient(140deg, #0f2a6a 0%, #00132e 50%, #ff3366 100%);
}
@media screen and (max-width: 1079px) {
  .builder-outer .builder-right {
    opacity: 1;
    -webkit-transition: opacity ease 0.25s;
    transition: opacity ease 0.25s;
  }
  .builder-outer .builder-right.show {
    opacity: 0.3;
  }
}
@media screen and (max-width: 479px) {
  .builder-outer .builder-right {
    width: 100dvh;
  }
}
.builder-outer .builder-right .builder-iframe-main,
.builder-outer .builder-right .builder-iframe-welcome {
  width: 100%;
  height: 100%;
  border: none;
}
@media screen and (max-width: 1079px) {
  .builder-outer .builder-right .builder-iframe-main,
  .builder-outer .builder-right .builder-iframe-welcome {
    width: 100dvw;
  }
}
.builder-outer.builder-email .builder-right {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.builder-outer.builder-email .builder-right .modal-content {
  -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.builder-outer.builder-caption .caption-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.builder-outer.builder-caption .caption-buttons .caption-button {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 8px 10px;
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  border-radius: 6px;
  color: #242424;
  text-transform: capitalize;
  -webkit-transition: all ease 0.15s;
  transition: all ease 0.15s;
}
.builder-outer.builder-caption .caption-buttons .caption-button.small {
  font-size: 13px;
  font-weight: 400;
}
.builder-outer.builder-caption .caption-buttons .caption-button.medium {
  font-size: 14px;
  font-weight: 500;
}
.builder-outer.builder-caption .caption-buttons .caption-button.large {
  font-size: 16px;
  font-weight: 600;
}
.builder-outer.builder-caption .caption-buttons .caption-button.x-large {
  font-size: 18px;
  font-weight: 600;
}
.builder-outer.builder-caption .caption-buttons .caption-button:hover {
  border-color: #133347;
}
.builder-outer.builder-caption .caption-buttons .caption-button.active {
  border-color: rgb(13.6166666667, 36.55, 50.8833333333);
  background: #e8e8e8;
}
.builder-outer.builder-caption .caption-buttons .caption-button .caption-button-preset {
  font-weight: 500;
  padding: 5px;
  border-radius: 4px;
}
.builder-outer.builder-caption .caption-buttons .caption-button .caption-button-preset.white-black {
  background: #fff;
}
.builder-outer.builder-caption .caption-buttons .caption-button .caption-button-preset.black-white {
  background: #242424;
  color: #fff;
}
.builder-outer.builder-caption .caption-buttons .caption-button .caption-button-preset.white-black-square {
  background: #fff;
  border-radius: 0;
}
.builder-outer.builder-caption .caption-buttons .caption-button .caption-button-preset.black-white-square {
  background: #242424;
  color: #fff;
  border-radius: 0;
}
.builder-outer.builder-caption .caption-buttons .caption-button .caption-button-preset.color-shadow {
  background: transparent;
  text-shadow: 1px 1px 1px #f36;
}
.builder-outer.builder-caption .caption-buttons .caption-button .caption-button-preset.color-glow {
  background: transparent;
  text-shadow: 0 0 10px #f36;
}
.builder-outer.builder-caption .caption-buttons .caption-button .caption-button-preset.color-outline {
  background: transparent;
  -webkit-text-stroke: 0.5px #242424;
  color: #fff;
}
.builder-outer.builder-caption .builder-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.builder-outer.builder-caption .builder-right .caption-preview {
  -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.15);
  height: auto;
  width: calc(95dvw - var(--leftWidth));
  max-width: 700px;
  background-color: #ddd;
  border-radius: 4px;
}
.builder-outer.builder-caption .builder-right .caption-preview.vertical {
  aspect-ratio: 9/16;
  height: 75dvh;
  width: auto;
}
.builder-outer.builder-caption .builder-right .caption-preview.vertical .embed-responsive-16by9 {
  padding-bottom: 55.55%;
}
.builder-outer.builder-caption .builder-right .caption-preview video {
  border-radius: 4px;
}
.builder-outer.builder-caption .builder-right .caption-preview .caption-preview-caption {
  position: relative;
}
.builder-outer.builder-caption .builder-right .caption-preview .caption-preview-text {
  position: absolute;
  bottom: 30px;
  width: auto;
  padding: 0 40px;
  font-weight: 600;
  background-color: rgba(0, 0, 0, 0.5);
  margin: 0 20px;
  border-radius: 20px;
}
.builder-outer.builder-editor {
  --leftWidth: 320px;
  --clip-preview-height: 170px;
  --vid-preview-height: 110px;
  --editor-padding: 40px;
  --section-radius: 4px;
  --section-border: 1px solid #ddd;
  grid-template-columns: var(--leftWidth) 1fr;
}
.builder-outer.builder-editor .builder-left {
  overflow-x: hidden;
}
.builder-outer.builder-editor .builder-left .orientation-select {
  margin-top: 5px;
}
.builder-outer.builder-editor .builder-right {
  width: calc(100vw - var(--leftWidth));
  height: calc(100dvh - 50px);
  display: grid;
  grid-template-rows: 1fr var(--clip-preview-height);
}
.builder-outer.builder-editor .builder-right .editor-surround {
  display: grid;
  padding: var(--editor-padding);
  grid-template-rows: 1fr 50px;
  row-gap: calc(var(--editor-padding) * 0.5);
  height: calc(100dvh - 50px - var(--clip-preview-height));
  max-width: 1200px;
  margin: 0 auto;
}
.builder-outer.builder-editor .builder-right .editor-surround .editor-inner {
  display: grid;
  height: calc(100dvh - 50px - var(--clip-preview-height) - 2 * var(--editor-padding) - 50px - 0.5 * var(--editor-padding));
  grid-template-columns: minmax(300px, 600px) 350px;
  -webkit-column-gap: calc(var(--editor-padding) * 0.5);
  -moz-column-gap: calc(var(--editor-padding) * 0.5);
  column-gap: calc(var(--editor-padding) * 0.5);
}
.builder-outer.builder-editor .builder-right .editor-surround .editor-inner.vertical {
  grid-template-columns: calc((100dvh - 50px - 50px - var(--clip-preview-height) - var(--editor-padding) - var(--editor-padding) - 12px) * 0.5625) minmax(300px, 350px);
}
.builder-outer.builder-editor .builder-right .section-title {
  font-size: 14px;
  color: #8c8c8c;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.builder-outer.builder-editor .builder-right .section-title.transcript {
  position: absolute;
  top: 10px;
  left: 10px;
}
.builder-outer.builder-editor .builder-right .crop-icon {
  position: absolute;
  font-size: 18px;
  left: -30px;
  color: #aaa;
  top: 16px;
}
.builder-outer.builder-editor .builder-right .crop-bar-container {
  margin-left: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  gap: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.builder-outer.builder-editor .builder-right .crop-bar-container .slider__loading {
  position: absolute;
  pointer-events: none;
  z-index: 6;
  top: -6px;
  left: -24px;
  right: -2px;
  bottom: -6px;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.builder-outer.builder-editor .builder-right .crop-bar-container .crop-bar-center {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.builder-outer.builder-editor .builder-right .crop-bar-container .crop-bar {
  position: relative;
  width: calc(100% - 18px);
  height: 50px;
  /* Removing the default appearance */
  /* For Chrome browsers */
  /* For Firefox browsers */
}
.builder-outer.builder-editor .builder-right .crop-bar-container .crop-bar .crop-slider {
  position: relative;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.builder-outer.builder-editor .builder-right .crop-bar-container .crop-bar .crop-slider .slider__track,
.builder-outer.builder-editor .builder-right .crop-bar-container .crop-bar .crop-slider .slider__range {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 4px;
  height: 50px;
}
.builder-outer.builder-editor .builder-right .crop-bar-container .crop-bar .crop-slider .slider__track {
  background-color: #8c8c8c;
  width: 100%;
  z-index: 1;
}
.builder-outer.builder-editor .builder-right .crop-bar-container .crop-bar .crop-slider .slider__range {
  cursor: pointer !important;
  height: 58px;
  background-color: #133347;
  margin-top: -4px;
  z-index: 2;
  border-top: 4px solid #f36;
  border-bottom: 4px solid #f36;
  border-radius: 0;
}
.builder-outer.builder-editor .builder-right .crop-bar-container .crop-bar .thumb,
.builder-outer.builder-editor .builder-right .crop-bar-container .crop-bar .thumb::-webkit-slider-thumb {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}
.builder-outer.builder-editor .builder-right .crop-bar-container .crop-bar .thumb {
  opacity: 1;
  pointer-events: none;
  position: absolute;
  height: 0;
  width: 100%;
  outline: none;
  margin-top: 23px;
}
@-moz-document url-prefix() {
  .builder-outer.builder-editor .builder-right .crop-bar-container .crop-bar .thumb {
    margin-top: 25px;
  }
}
.builder-outer.builder-editor .builder-right .crop-bar-container .crop-bar .thumb--left {
  z-index: 3;
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
}
.builder-outer.builder-editor .builder-right .crop-bar-container .crop-bar .thumb--left::after {
  content: "";
  position: absolute;
  top: 50%;
}
.builder-outer.builder-editor .builder-right .crop-bar-container .crop-bar .thumb--right {
  z-index: 4;
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
}
.builder-outer.builder-editor .builder-right .crop-bar-container .crop-bar .thumb--time {
  z-index: 5;
  padding: 0px;
}
.builder-outer.builder-editor .builder-right .crop-bar-container .crop-bar .thumb--right::-webkit-slider-thumb {
  -webkit-transform-origin: right;
  transform-origin: right;
}
.builder-outer.builder-editor .builder-right .crop-bar-container .crop-bar .thumb--left::-webkit-slider-thumb {
  -webkit-transform-origin: left;
  transform-origin: left;
}
.builder-outer.builder-editor .builder-right .crop-bar-container .crop-bar .thumb--time::-webkit-slider-thumb {
  background-color: #fff;
  height: 52px;
  width: 4px;
  border-radius: 1px;
  border: 0;
  cursor: default !important;
}
.builder-outer.builder-editor .builder-right .crop-bar-container .crop-bar .thumb--time::-moz-range-thumb {
  background-color: #fff;
  height: 52px;
  width: 4px;
  border-radius: 1px;
  border: 0;
  cursor: ew-resize !important;
}
.builder-outer.builder-editor .builder-right .crop-bar-container .crop-bar .thumb--right::-webkit-slider-thumb,
.builder-outer.builder-editor .builder-right .crop-bar-container .crop-bar .thumb--left::-webkit-slider-thumb {
  height: 58px;
  width: 18px;
  background-color: #f36;
  border-radius: 4px 0 0 4px;
  border: 0;
}
.builder-outer.builder-editor .builder-right .crop-bar-container .crop-bar .thumb--right::-moz-range-thumb,
.builder-outer.builder-editor .builder-right .crop-bar-container .crop-bar .thumb--left::-moz-range-thumb {
  height: 58px;
  width: 18px;
  background-color: #f36;
  border-radius: 4px 0 0 4px;
  border: 0;
}
.builder-outer.builder-editor .builder-right .crop-bar-container .crop-bar .thumb--right::-webkit-slider-thumb {
  border-radius: 0 4px 4px 0;
}
.builder-outer.builder-editor .builder-right .crop-bar-container .crop-bar .thumb--right::-moz-range-thumb {
  border-radius: 0 4px 4px 0;
}
.builder-outer.builder-editor .builder-right .crop-bar-container .crop-bar .thumb::-webkit-slider-thumb {
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: ew-resize;
  margin-top: 4px;
  pointer-events: all;
  position: relative;
}
.builder-outer.builder-editor .builder-right .crop-bar-container .crop-bar .thumb::-moz-range-thumb {
  box-shadow: none;
  cursor: ew-resize;
  margin-top: 3px;
  pointer-events: all;
  position: relative;
}
.builder-outer.builder-editor .builder-right .crop-bar-container .crop-wave {
  position: absolute;
  pointer-events: none;
  z-index: 3;
  top: 4px;
  left: 0;
  right: 0;
  bottom: 4px;
  opacity: 1;
  -webkit-transition: all ease 0.15s;
  transition: all ease 0.15s;
}
.builder-outer.builder-editor .builder-right .crop-bar-container .crop-wave canvas {
  width: 100%;
  height: 42px;
}
.builder-outer.builder-editor .builder-right .crop-bar-container.loading .crop-wave,
.builder-outer.builder-editor .builder-right .crop-bar-container.loading .thumb,
.builder-outer.builder-editor .builder-right .crop-bar-container.loading .crop-slider .slider__range {
  opacity: 0;
}
.builder-outer.builder-editor .builder-right .prompt-preview {
  height: auto;
  width: auto;
  background-color: #ddd;
  border-radius: var(--section-radius);
  border: var(--section-border);
  padding: calc(var(--editor-padding) * 0.5);
}
.builder-outer.builder-editor .builder-right .video-preview,
.builder-outer.builder-editor .builder-right .clip-trim {
  position: relative;
}
.builder-outer.builder-editor .builder-right .video-preview {
  height: 100%;
  border-radius: var(--section-radius);
  border: var(--section-border);
  padding: 0;
}
.builder-outer.builder-editor .builder-right .video-preview.hd {
  min-width: 300px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #e8e8e8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px 5px;
}
.builder-outer.builder-editor .builder-right .video-preview.hd .embed-responsive {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.builder-outer.builder-editor .builder-right .video-preview.vertical.src-vertical video, .builder-outer.builder-editor .builder-right .video-preview.vertical.src-vfhd video, .builder-outer.builder-editor .builder-right .video-preview.hd.src-hd video {
  -o-object-fit: cover;
  object-fit: cover;
}
.builder-outer.builder-editor .builder-right .video-preview .embed-responsive {
  height: 100%;
  padding-bottom: 0;
}
.builder-outer.builder-editor .builder-right .video-preview video {
  border-radius: var(--section-radius);
  -o-object-fit: contain;
  object-fit: contain;
}
.builder-outer.builder-editor .builder-right .video-preview .caption-preview-caption {
  position: relative;
}
.builder-outer.builder-editor .builder-right .video-preview .caption-preview-text {
  position: absolute;
  bottom: 30px;
  width: auto;
  padding: 0 40px;
  font-weight: 600;
  background-color: rgba(0, 0, 0, 0.5);
  margin: 0 20px;
  border-radius: 20px;
}
.builder-outer.builder-editor .builder-right .clip-preview {
  height: var(--clip-preview-height);
  padding: 10px 20px 10px 20px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: calc(100vw - var(--leftWidth));
  background-color: #fff;
  border-top: 1px solid #e8e8e8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.builder-outer.builder-editor .builder-right .clip-preview .clip-preview-inner {
  height: calc(var(--vid-preview-height) + 10px);
  padding: 0px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  gap: 15px;
}
.builder-outer.builder-editor .builder-right .clip-preview .clip-preview-inner .latest-video .thumb-surround {
  border-radius: 6px;
  aspect-ratio: 14/9;
  width: 110px;
  border: 2px solid transparent;
  position: relative;
}
.builder-outer.builder-editor .builder-right .clip-preview .clip-preview-inner .latest-video .thumb-surround .copy-clip {
  z-index: 50;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px 5px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 0 5px;
  opacity: 0;
  -webkit-transition: all ease 0.15s;
  transition: all ease 0.15s;
}
.builder-outer.builder-editor .builder-right .clip-preview .clip-preview-inner .latest-video .thumb-surround .delete-clip {
  z-index: 50;
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 5px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 0 5px;
  opacity: 0;
  -webkit-transition: all ease 0.15s;
  transition: all ease 0.15s;
}
.builder-outer.builder-editor .builder-right .clip-preview .clip-preview-inner .latest-video .thumb-surround img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 4px;
}
.builder-outer.builder-editor .builder-right .clip-preview .clip-preview-inner .latest-video .thumb-surround.vertical {
  aspect-ratio: 9/14;
  width: auto;
  height: var(--vid-preview-height);
}
.builder-outer.builder-editor .builder-right .clip-preview .clip-preview-inner .latest-video.active .thumb-surround {
  border: 2px solid #ff3366;
}
.builder-outer.builder-editor .builder-right .clip-preview .clip-preview-inner .latest-video:hover .thumb-surround .delete-clip,
.builder-outer.builder-editor .builder-right .clip-preview .clip-preview-inner .latest-video:hover .thumb-surround .copy-clip {
  opacity: 1;
}
.builder-outer.builder-editor .editor-trim {
  display: grid;
  padding: 40px 50px;
  grid-template-columns: 300px 1fr;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  row-gap: 40px;
}
.builder-outer.builder-editor .editor-trim .editor-trim-video {
  aspect-ratio: 9/16;
}
.builder-outer.builder-editor .editor-trim .editor-trim-video .trim-video-placeholder {
  background-color: #ddd;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.builder-outer.builder-editor .editor-trim .editor-trim-captions {
  background-color: #e8e8e8;
  border-radius: 10px;
}
.builder-outer.builder-editor .editor-trim .editor-trim-captions .trim-captions {
  padding: 20px;
  font-size: 20px;
  font-weight: 350;
}
.builder-outer.builder-editor .editor-trim .editor-trim-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 10px;
  background-color: rgb(182, 223.6681415929, 255);
  height: 60px;
  grid-column: span 2;
  grid-column: span 2;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.builder-outer.builder-editor .editor-trim .editor-trim-controls .trim-start,
.builder-outer.builder-editor .editor-trim .editor-trim-controls .trim-end {
  cursor: pointer;
  width: 20px;
  height: 100%;
  background-color: rgb(80, 179.889380531, 255);
}
.builder-outer.builder-editor .editor-trim .editor-trim-controls .trim-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-radius: 10px 0 0 10px;
}
.builder-outer.builder-editor .editor-trim .editor-trim-controls .trim-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-radius: 0 10px 10px 0;
}

.builder-toggle {
  display: none;
}

@media screen and (max-width: 1079px) {
  .builder-toggle {
    display: block;
  }
  .builder-toggle .btn {
    width: 100px;
  }
  .builder-toggle .toggle-med {
    display: inline;
  }
  .builder-toggle .toggle-small {
    display: none;
  }
}
@media screen and (max-width: 1079px) and (max-width: 400px) {
  .builder-toggle .toggle-med {
    display: none;
  }
  .builder-toggle .toggle-small {
    display: inline;
  }
}
.loader {
  min-height: 120px;
  position: relative;
}
.loader .loader-inner {
  bottom: 0;
  height: 60px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
}
.loader .loader-inner .loader-line-wrap {
  -webkit-animation: spinload 2000ms cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;
  animation: spinload 2000ms cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 50px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  width: 100px;
}
.loader .loader-inner .loader-line-wrap .loader-line {
  border: 4px solid transparent;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  border-color: #f36;
}
.loader .loader-inner .loader-line-wrap:nth-child(1) {
  -webkit-animation-delay: -50ms;
  animation-delay: -50ms;
}
.loader .loader-inner .loader-line-wrap:nth-child(1) .loader-line {
  height: 90px;
  width: 90px;
  top: 7px;
}
.loader .loader-inner .loader-line-wrap:nth-child(2) {
  -webkit-animation-delay: -100ms;
  animation-delay: -100ms;
}
.loader .loader-inner .loader-line-wrap:nth-child(2) .loader-line {
  height: 76px;
  width: 76px;
  top: 14px;
}
.loader .loader-inner .loader-line-wrap:nth-child(3) {
  -webkit-animation-delay: -150ms;
  animation-delay: -150ms;
}
.loader .loader-inner .loader-line-wrap:nth-child(3) .loader-line {
  height: 62px;
  width: 62px;
  top: 21px;
}
.loader .loader-inner .loader-line-wrap:nth-child(4) {
  -webkit-animation-delay: -200ms;
  animation-delay: -200ms;
}
.loader .loader-inner .loader-line-wrap:nth-child(4) .loader-line {
  height: 48px;
  width: 48px;
  top: 28px;
}
.loader .loader-inner .loader-line-wrap:nth-child(5) {
  -webkit-animation-delay: -250ms;
  animation-delay: -250ms;
}
.loader .loader-inner .loader-line-wrap:nth-child(5) .loader-line {
  height: 34px;
  width: 34px;
  top: 35px;
}
.loader .loader-inner .loader-text {
  color: #ff3366;
  font-size: 14px;
  margin-top: 105px;
  width: 160px;
  margin-left: -30px;
  text-align: center;
}
@media (min-width: 480px) {
  .loader.flex-grow-1 {
    margin-top: -100px;
  }
}
.loader.short-loader {
  min-height: 70px;
}
.loader.short-loader .loader-inner {
  height: 80px;
}
.loader.short-loader.vertical .loader-inner {
  height: 100px;
}

@-webkit-keyframes spinload {
  0%, 15% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinload {
  0%, 15% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* ** OVERRIDE BOOTSTRAP VARIABLES ** */
.transcript-preview {
  height: auto;
  width: auto;
  background-color: #fff;
  border-radius: 4px;
  border: var(--section-border);
  overflow: hidden;
}
.transcript-preview .transcript-inner {
  padding: 35px 10px 30px 10px;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  position: relative;
}
.transcript-preview .transcript-inner .section-title {
  font-size: 14px;
  color: #8c8c8c;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.transcript-preview .transcript-inner .section-title.transcript {
  position: absolute;
  top: 10px;
  left: 10px;
}
.transcript-preview .transcript-inner .transcript-edit {
  position: absolute;
  line-height: 1;
  top: 10px;
  right: 13px;
  font-size: 13px;
  color: #8c8c8c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}
.transcript-preview .transcript-inner .transcript-edit i {
  cursor: pointer;
  font-size: 20px;
}
.transcript-preview .transcript-inner .transcript-edit i.fa-toggle-on {
  color: #ff3366;
}
.transcript-preview .transcript-inner.hide-padding {
  padding: 35px 0 30px 0;
}
.transcript-preview .transcript-inner.hide-padding .section-title {
  left: 0;
}
.transcript-preview .t-word {
  font-size: 16px;
  line-height: 1.3;
  margin-right: 0.3ch;
  margin-top: 1px;
  margin-bottom: 1px;
  padding: 1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 2px;
}
.transcript-preview .t-word[contenteditable=true] {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.transcript-preview .t-word::after {
  content: "";
}
.transcript-preview .t-word:focus-visible {
  outline: 1px solid #ff3366 !important;
}
.transcript-preview .word-container {
  position: relative;
  display: inline-block;
}
.transcript-preview .word-container .toggle-word {
  cursor: pointer;
  position: absolute;
  visibility: hidden;
  top: -15px;
  right: -10px;
  font-size: 12px;
  padding: 3px;
  z-index: 2;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 3px;
  opacity: 0.9;
}
.transcript-preview .word-container .toggle-word:hover {
  background-color: #ddd;
}
.transcript-preview .word-container:hover .toggle-word {
  visibility: visible;
}
.transcript-preview .word-container.editable:not(.active):hover .t-word {
  background-color: rgb(255, 239.7, 243.525);
}
.transcript-preview .word-container:not(.editable):hover .t-word:not(.inactive) {
  background-color: rgb(255, 239.7, 243.525);
}
.transcript-preview .active-caption {
  background-color: rgb(255, 224.4, 232.05);
}
.transcript-preview .active-caption:active, .transcript-preview .active-caption:focus {
  background-color: transparent;
}
.transcript-preview .strike {
  color: #aaa;
  text-decoration: line-through;
}
.transcript-preview .inactive {
  color: #ddd;
}

/* ** OVERRIDE BOOTSTRAP VARIABLES ** */
.plan-area {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  grid-gap: 1em;
}
.plan-area.two-col {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.plan-area .plan-box {
  border-radius: 8px;
  border-width: 0px;
  -webkit-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  -webkit-transition: all ease 0.15s;
  transition: all ease 0.15s;
  background-color: #fff;
  border: 1px solid transparent;
}
.plan-area .plan-box:not(.current-plan):hover {
  background: linear-gradient(white, white) padding-box, linear-gradient(140deg, #0f2a6a 0%, #00132e 30%, #ff3366 80%) border-box;
  border: 1px solid transparent;
}
.plan-area .plan-box.plan-full {
  grid-column: span 3;
}
.plan-area .plan-box.plan-full .plan-header p {
  min-height: auto;
}
.plan-area .plan-box.plan-full .plan-features ul {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
.plan-area .plan-box .plan-header {
  padding: 15px;
  border-radius: 6px 6px 0 0;
}
.plan-area .plan-box .plan-header h3 {
  margin-top: 0;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.plan-area .plan-box .plan-header h3 .plan-tag {
  margin-left: 7px;
  border-radius: 6px;
  background-color: #aaa;
  font-size: 14px;
  padding: 5px 10px;
  color: #fff;
}
.plan-area .plan-box .plan-header p {
  min-height: 5em;
  font-size: 14px;
  color: #6a6a6a;
}
.plan-area .plan-box .plan-header .plan-price {
  font-size: 22px;
  font-weight: 500;
  color: #242424;
}
.plan-area .plan-box .plan-header .plan-price span {
  font-size: 14px;
  color: #8c8c8c;
  padding-left: 4px;
}
.plan-area .plan-box .plan-header button {
  margin: 15px 0 5px;
}
.plan-area .plan-box .plan-features {
  padding: 0 15px 15px 15px;
}
.plan-area .plan-box .plan-features ul {
  padding-left: 0px;
  list-style: none;
  margin-bottom: 0;
}
.plan-area .plan-box .plan-features ul li {
  list-style: none;
  font-size: 14px;
  color: #6a6a6a;
  padding: 3px 0;
}
@media (max-width: 767px) {
  .plan-area {
    display: block;
  }
  .plan-area .plan-box {
    width: 100%;
    margin-bottom: 20px;
  }
  .plan-area .plan-box.plan-full {
    grid-column: span 1;
  }
}

.orientation-select {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 1em;
  width: 100%;
}
.orientation-select .orientation-option {
  border: 1px solid #ddd;
  border-radius: 6px;
  width: 100%;
  height: auto;
  aspect-ratio: 1.8/1;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.orientation-select .orientation-option img {
  -o-object-fit: contain;
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}
.orientation-select .orientation-option img.landscape {
  padding: 10px 0;
}
.orientation-select .orientation-option.active {
  border-color: #ff3366;
}
.orientation-select .orientation-option p {
  margin: 5px 0 0 0;
  font-size: 13px !important;
  color: #6a6a6a;
  text-align: center;
}

.verify-input {
  max-width: 6em;
  letter-spacing: 0.1em;
}

.verify-form .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  gap: 10px;
}
.verify-form .form-group .verify-input {
  height: 41px;
  font-size: 16px !important;
}

.holiday-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.holiday-area .btn-ai[disabled] {
  opacity: 0.4;
  pointer-events: none;
}
.holiday-area .holiday-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 40px;
  padding: 20px 0;
}
.holiday-area .holiday-extra {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
}
.holiday-area .holiday-info {
  width: 350px;
  background-color: #fff;
  border-radius: 8px;
  border-width: 0px;
  -webkit-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  background-color: rgb(233, 245.5575221239, 255);
  border: 1px solid rgba(0, 80.596460177, 141.2, 0.25);
  color: rgb(0, 80.596460177, 141.2);
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 20px;
  font-size: 14px;
}
.holiday-area .holiday-info p {
  font-size: 15px;
}
.holiday-area .holiday-info ul {
  padding-left: 15px;
  margin-bottom: 0;
}
.holiday-area .holiday-info ul li {
  margin-bottom: 7px;
}
.holiday-area .holiday-panel {
  width: 550px;
  background-color: #fff;
  border-radius: 8px;
  border-width: 0px;
  -webkit-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  padding: 0px;
}
.holiday-area .holiday-panel .holiday-title {
  margin-left: 20px;
}
.holiday-area .holiday-panel h1 {
  margin-top: 15px;
  margin-bottom: 4px;
}
.holiday-area .holiday-panel p {
  font-size: 14px;
  margin-bottom: 15px;
}
.holiday-area .holiday-panel .title-row i {
  display: none;
}
.holiday-area .holiday-list {
  max-height: calc(100dvh - 50px - 310px);
  overflow: auto;
  scrollbar-width: thin;
  display: grid;
  grid-template-columns: 1fr;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  padding: 10px 20px calc(100dvh - 50px - 310px - 100px);
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.holiday-area .holiday-list .month h2 {
  font-size: 26px;
  position: sticky;
  top: -10px;
  z-index: 10;
  background: rgba(255, 255, 255, 0.95);
  padding: 10px 0 10px;
  margin-top: 0;
  margin-bottom: 0;
}
.holiday-area .holiday-list .month + .month {
  margin-top: 40px;
}
.holiday-area .holiday-list .holiday-list-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
.holiday-area .holiday-list .holiday {
  display: grid;
  grid-template-columns: 40px 1fr 40px;
  grid-gap: 5px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px 5px;
  border-radius: 6px;
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
}
.holiday-area .holiday-list .holiday .fa-check-square-o {
  color: #ff3366;
}
.holiday-area .holiday-list .holiday .icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
}
.holiday-area .holiday-list .holiday i {
  justify-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  font-size: 20px;
  width: 20px;
}
.holiday-area .holiday-list .holiday .remove {
  opacity: 0;
  pointer-events: none;
  color: #aaa;
}
.holiday-area .holiday-list .holiday .remove:hover {
  color: #d0021b;
}
.holiday-area .holiday-list .holiday .story {
  opacity: 0;
  pointer-events: none;
  color: #aaa;
}
.holiday-area .holiday-list .holiday .story:hover {
  color: #ff3366;
}
.holiday-area .holiday-list .holiday .title {
  font-size: 14px;
  font-weight: 500;
}
.holiday-area .holiday-list .holiday .date {
  font-size: 13px;
}
.holiday-area .holiday-list .holiday .description {
  font-size: 12px;
  font-weight: 400;
}
.holiday-area .holiday-list .holiday textarea {
  font-size: 13px;
  font-weight: 400;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 6px;
  width: 95%;
  resize: vertical;
  margin-top: 10px;
}
.holiday-area .holiday-list .holiday:hover {
  background-color: #f8f8f8;
}
.holiday-area .holiday-list .holiday:hover .remove {
  opacity: 1;
  pointer-events: all;
}
.holiday-area .holiday-list .holiday:hover .story {
  opacity: 1;
  pointer-events: all;
}
.holiday-area .holiday-list .holiday.selected {
  background-color: #f8f8f8;
}
.holiday-area .holiday-list .holiday.selected .title {
  color: #ff3366;
}
.holiday-area .holiday-actions {
  padding: 20px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.holiday-calendar {
  width: 350px;
  background-color: #fff;
  border-radius: 8px;
  border-width: 0px;
  -webkit-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  padding: 5px;
}
.holiday-calendar .calendar-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 15px;
  border-bottom: 1px solid #e8e8e8;
  background-color: #242424;
  border-radius: 6px;
}
.holiday-calendar .calendar-header h2 {
  margin-top: 0;
  margin-bottom: 0;
  color: #fff;
  padding-bottom: 4px;
  line-height: 1;
}
.holiday-calendar .calendar-header .fa {
  color: #fff;
}
.holiday-calendar .calendar-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  padding: 10px 0;
}
.holiday-calendar .calendar-days .day {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2px;
  font-size: 15px;
  color: #6a6a6a;
  padding: 5px;
  height: 45px;
}
.holiday-calendar .calendar-days .day .holiday-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 2px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.holiday-calendar .calendar-days .day .active-holiday,
.holiday-calendar .calendar-days .day .inactive-holiday {
  height: 6px;
  width: 6px;
  border-radius: 2px;
}
.holiday-calendar .calendar-days .day .inactive-holiday {
  background-color: #aaa;
}
.holiday-calendar .calendar-days .day .active-holiday {
  background-color: #ff3366;
}

.holiday-calendar-widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 40px;
}
.holiday-calendar-widget .holiday-calendar-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: -2px;
  font-size: 14px;
}
.holiday-calendar-widget .holiday-calendar-list ul {
  list-style: none;
  padding-left: 0;
  margin-top: 10px;
}
.holiday-calendar-widget .holiday-calendar-list ul li {
  padding: 5px 10px;
  background-color: #f8f8f8;
  border-radius: 6px;
  margin: 8px 0;
  font-weight: 400;
}
.holiday-calendar-widget .holiday-calendar-list ul li.more {
  background-color: #fff;
}
.holiday-calendar-widget .holiday-calendar-list ul li.past {
  text-decoration: line-through;
  color: #8c8c8c;
}
.holiday-calendar-widget .holiday-calendar {
  width: 320px;
  margin-top: -35px;
}
.holiday-calendar-widget .holiday-calendar .calendar-header h2 {
  font-size: 22px;
}

@media (max-width: 950px) {
  .holiday-area .holiday-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .holiday-area .holiday-extra {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 20px;
  }
  .holiday-area .holiday-info {
    width: 180px;
  }
}
@media (max-width: 600px) {
  .holiday-calendar-widget {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .holiday-calendar-widget .holiday-calendar {
    margin-top: 0;
  }
  .holiday-calendar-widget .holiday-calendar-list {
    margin-bottom: 0;
    gap: 5px;
  }
  .flex-area.has-fullscreen {
    background-color: #fff;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .holiday-area .holiday-inner {
    padding: 10px 0 0 0;
  }
  .holiday-area .holiday-calendar {
    display: none;
  }
  .holiday-area .holiday-extra {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
  }
  .holiday-area .holiday-info {
    position: absolute;
    top: 150px;
    right: 20px;
    z-index: 20;
    width: calc(100% - 30px);
    display: none;
  }
  .holiday-area .holiday-info.show {
    display: block;
    cursor: pointer;
  }
  .holiday-area .holiday-panel {
    width: 100%;
    max-height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .holiday-area .holiday-panel h1 {
    margin-top: 5px;
  }
  .holiday-area .holiday-panel .holiday-list {
    max-height: calc(100dvh - 50px - 203px);
  }
  .holiday-area .holiday-panel .title-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .holiday-area .holiday-panel .title-row i {
    display: block;
    font-size: 22px;
    padding: 10px 10px 5px 10px;
    margin-top: 7px;
    cursor: pointer;
  }
  .holiday-area .holiday-actions {
    padding: 15px;
  }
  #footer.holiday-footer {
    display: none;
  }
}
/* ** OVERRIDE BOOTSTRAP VARIABLES ** */
.report-area {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.report-item {
  border-radius: 8px;
  border-width: 0px;
  -webkit-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  background-color: #fff;
  padding: 15px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  margin-bottom: 20px;
}
.report-item:not(.report-inner) {
  -webkit-box-shadow: rgba(53, 53, 53, 0.2) 0px 1px 3px 0px, rgba(44, 44, 45, 0.05) 0px 1px 4px 0px;
  box-shadow: rgba(53, 53, 53, 0.2) 0px 1px 3px 0px, rgba(44, 44, 45, 0.05) 0px 1px 4px 0px;
}
.report-item.no-space {
  margin-bottom: 0;
}
.report-item.report-clickable {
  cursor: pointer;
  -webkit-transition: border ease 0.25s;
  transition: border ease 0.25s;
}
.report-item.report-clickable:hover {
  border-radius: 8px;
  border-width: 0px;
  -webkit-box-shadow: 0 0 0px 1px #aaa;
  box-shadow: 0 0 0px 1px #aaa;
}
.report-item .report-name {
  font-size: 14px;
  font-weight: 500;
}
.report-item .report-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
.report-item .report-count .report-number {
  font-size: 34px;
  font-weight: 600;
  padding: 10px 0 5px 0;
  line-height: 1;
}
.report-item .report-count .report-trend {
  font-size: 16px;
}
.report-item .report-subtitle {
  font-size: 12px;
  color: #6a6a6a;
}

/* ** PAGE MODULES ** */
/* ** OVERRIDE BOOTSTRAP VARIABLES ** */
.gray-box {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 10px;
}

.month-notes {
  margin-bottom: 40px;
}
.month-notes h4 {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 18px;
  color: #242424;
  padding-bottom: 5px;
  border-bottom: 1px solid #e8e8e8;
}
.month-notes .note-outer {
  margin: 15px 0 30px;
  padding: 0;
}
.month-notes .note-outer .note-body {
  font-size: 14px;
  white-space: preserve;
}
.month-notes .note-outer .note-meta {
  margin-top: 5px;
  font-size: 14px;
  color: #8c8c8c;
}
.month-notes .note-outer.clickable {
  cursor: pointer;
}

.pb-logo {
  max-width: 90px;
}

.print-only {
  display: none;
}

/* For guide type & selections - add guide */
.guide-type-img {
  height: 50px;
}

.guide-type-img-icon {
  height: 20px;
}

.guide-type-select {
  padding: 10px;
  margin: 0 auto 10px;
  border-radius: 6px;
  border-width: 0px;
  -webkit-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  -webkit-transition: -webkit-box-shadow 0.15s ease;
  transition: -webkit-box-shadow 0.15s ease;
  transition: box-shadow 0.15s ease;
  transition: box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.guide-type-select:hover, .guide-type-select:focus {
  -webkit-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.25);
}
.guide-type-select h5 {
  cursor: pointer;
  -webkit-transition: color 0.25s linear;
  transition: color 0.25s linear;
}
.guide-type-select .guide-type-img {
  -webkit-transition: -webkit-filter 0.25s linear;
  transition: -webkit-filter 0.25s linear;
  transition: filter 0.25s linear;
  transition: filter 0.25s linear, -webkit-filter 0.25s linear;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.guide-type-select:hover h5, .guide-type-select:focus h5 {
  color: #005d7e;
}
.guide-type-select:hover .guide-type-img, .guide-type-select:focus .guide-type-img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

/* Image for Google Analtyics */
.img-screen {
  width: 800px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  border-radius: 6px;
}

.admin-home .step {
  border: 1px solid #e8e8e8;
  border-radius: 6px;
  color: #8c8c8c;
  margin: 10px 0;
  padding: 9px 10px;
  -webkit-transition: all ease 0.6s;
  transition: all ease 0.6s;
}
.admin-home .step:first-of-type {
  margin-top: 20px;
}
.admin-home .step .step-header {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
}
.admin-home .step .step-header .check-icon {
  margin-right: 10px;
  font-size: 20px;
}
.admin-home .step .step-header .check-icon.check-hooray {
  font-size: 16px;
}
.admin-home .step .step-details {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height ease 0.6s;
  transition: max-height ease 0.6s;
  margin: 0 5px 0 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
.admin-home .step .step-details video {
  width: 380px;
  max-width: 100%;
  border-radius: 6px;
  background-color: #000;
  margin: 10px 0 5px;
}
.admin-home .step .step-details .step-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: top;
  -ms-flex-align: top;
  align-items: top;
  padding: 10px 0;
  gap: 1em;
}
.admin-home .step .step-details .step-inner p {
  margin-bottom: 0;
  font-size: 15px;
}
.admin-home .step .step-details .step-inner button .fa-chevron-right {
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
}
.admin-home .step .step-details .step-inner button:hover .fa-chevron-right {
  -webkit-transform: translateX(3px);
  -ms-transform: translateX(3px);
  transform: translateX(3px);
}
@media screen and (max-width: 767px) {
  .admin-home .step .step-details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .admin-home .step .step-details video {
    width: 100%;
  }
}
.admin-home .step:hover, .admin-home .step:focus {
  color: #242424;
  border-color: #ccc;
  background-color: #f8f8f8;
}
.admin-home .step:hover .arrows .fa, .admin-home .step:focus .arrows .fa {
  color: #ff3366;
}
.admin-home .step.active {
  color: #242424;
  background-color: #f8f8f8;
}
.admin-home .step.active .step-details {
  max-height: 630px;
}
.admin-home .step.active .step-details video,
.admin-home .step.active .step-details .step-inner {
  visibility: visible;
}
.admin-home .step.standalone {
  background-color: #fff;
  border-radius: 8px;
  border-width: 0px;
  -webkit-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  padding: 15px 20px;
}
.admin-home .step.standalone .step-details {
  margin-left: 0;
}

.recent-preview {
  margin: 10px 0;
  padding: 0;
  border-radius: 6px;
  border-width: 0px;
  -webkit-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  -webkit-transition: -webkit-box-shadow 0.15s ease;
  transition: -webkit-box-shadow 0.15s ease;
  transition: box-shadow 0.15s ease;
  transition: box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.recent-preview .embed-responsive {
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
.recent-preview .embed-responsive.embed-responsive-9by16 {
  padding-bottom: 140%;
}
.recent-preview .embed-responsive.embed-responsive-9by16 .embed-responsive-item {
  background-size: cover;
}
.recent-preview:hover, .recent-preview:focus {
  -webkit-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.25);
}
.recent-preview .recent-info {
  background-color: #fff;
  padding: 6px;
  border-radius: 0 0 6px 6px;
}
.recent-preview .recent-info h6 {
  color: #242424;
  margin-top: 0px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  overflow-y: hidden;
  height: 19px;
}
.recent-preview .recent-info .text-name {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recent-preview .recent-info .views {
  float: right;
  color: #242424;
}
.recent-preview .embed-responsive-item {
  border-radius: 6px 6px 0 0;
  background-size: contain;
  background-repeat: no-repeat;
}
.recent-preview .embed-responsive-item.cover {
  background-size: cover;
}
.recent-preview.disabled .embed-responsive {
  background-color: #ddd;
}
.recent-preview.disabled .embed-responsive .embed-responsive-item {
  opacity: 0.7;
}
.recent-preview.disabled .recent-info {
  background-color: #ddd;
}
.recent-preview.disabled .recent-info h6 {
  color: #8c8c8c;
}
.recent-preview .big-play {
  font-size: 2.5px;
  padding-bottom: 25px;
  opacity: 0;
}
.recent-preview:hover .big-play, .recent-preview:focus .big-play {
  opacity: 1;
}
.recent-preview:hover .recent-info h5, .recent-preview:focus .recent-info h5 {
  color: #ff3366;
}

.storyline-preview {
  max-width: 400px;
  margin: 0 auto;
  cursor: pointer;
  border-radius: 8px;
  border-width: 0px;
  -webkit-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.storyline-preview:hover {
  border-radius: 8px;
  border-width: 0px;
  -webkit-box-shadow: 0 0 0px 1px #ff3366;
  box-shadow: 0 0 0px 1px #ff3366;
}
.storyline-preview .storyline-header img {
  width: 90px;
  padding: 20px;
  -webkit-filter: saturate(0) contrast(2);
  filter: saturate(0) contrast(2);
}
.storyline-preview .storyline-info {
  padding: 15px 10px;
  padding: 6px;
  border-radius: 0 0 6px 6px;
}
.storyline-preview .storyline-info h5 {
  cursor: pointer;
  color: #242424;
}
.storyline-preview + .storyline-preview {
  margin-top: 20px;
}

.hidden-canvas {
  opacity: 0;
  height: 60px !important;
}

.canvas-inner {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}

.dropdown.inline {
  display: inline;
}

.dropdown-menu {
  font-size: 14px;
  margin-top: 5px;
}
.dropdown-menu li a {
  color: #242424;
  padding: 5px 18px;
}
.dropdown-menu li a .fa {
  width: 19px;
  text-align: center;
  padding-right: 5px;
}
.dropdown-menu li.dropdown-header {
  color: #242424;
  font-size: 14px;
  padding: 5px 18px;
}
.dropdown-menu li.dropdown-header .smaller {
  font-size: 13px;
}
.dropdown-menu li.divider {
  margin: 6px 0;
}
.dropdown-menu li.display a {
  cursor: default;
  color: inherit;
  background-color: inherit;
}
.dropdown-menu.dd-right {
  right: 0;
  left: auto;
}
.dropdown-menu.dd-min {
  min-width: 210px;
}

.status-icon {
  background-color: #aaa;
  color: #fff;
  font-size: 12px;
  padding: 3px 7px;
  border-radius: 4px;
}
.status-icon.s-locked, .status-icon.text-gray-darker, .status-icon.text-black {
  background-color: #242424;
}
.status-icon.s-public, .status-icon.text-green {
  background-color: #085;
}
.status-icon.s-private, .status-icon.text-danger {
  background-color: #d0021b;
}
.status-icon.s-unlisted, .status-icon.text-blue {
  background-color: #005d7e;
}
.status-icon.text-dark-gray {
  background-color: #8c8c8c;
}
.status-icon.text-brand-light-blue {
  background-color: #1d9eff;
}
.status-icon.text-warning {
  background-color: #e6af2e;
}
.status-icon.text-default {
  background-color: #fff;
  color: #aaa;
  border: 1px solid #aaa;
}
.status-icon.status-icon-block {
  display: inline-block;
  margin-bottom: 3px;
  margin-right: 3px;
}

.status-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 15px;
  margin-bottom: 15px;
  cursor: pointer;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 10px 15px;
}
.status-row .status-icon {
  margin-top: 5px;
  min-width: 80px;
  text-align: center;
}
.status-row:hover {
  border-color: #aaa;
}
.status-row.active {
  border-color: #6a6a6a;
  background-color: #f8f8f8;
  pointer-events: none;
  cursor: default;
}

.tag-area .tag-icon {
  cursor: pointer;
  -webkit-transition: background-color 0.15s linear;
  transition: background-color 0.15s linear;
}
.tag-area .tag-icon:hover, .tag-area .tag-icon:active {
  background-color: rgb(203.15, 203.15, 203.15);
}

.tag-icon {
  background-color: #ddd;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #242424;
  font-size: 12px;
  text-align: left;
  padding: 0px 7px;
  border-radius: 4px;
  margin: 1px 2px 1px 0;
  display: inline-block;
  max-width: 84px;
  overflow: hidden;
  max-height: 19px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tag-icon:after {
  content: "";
}
.tag-icon.tag-big {
  font-size: 13px;
  padding: 3px 10px;
  margin: 5px 5px 0;
  max-width: none;
  max-height: none;
}
.tag-icon.tag-drag:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.tag-icon.active {
  font-weight: 450;
  background-color: rgb(182.75, 182.75, 182.75);
}
.tag-icon.active:after {
  content: " ✓";
}
.tag-icon:first-of-type {
  margin-left: 0px;
}

.overflow-70 {
  max-width: 70%;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

/* Styling for captions moderation */
.caption-header {
  width: 100%;
  background-color: #fff;
  color: #242424;
  padding: 2px 10px;
  margin-top: 15px;
  font-weight: 400;
  height: 36px;
  border: 1px solid #ddd;
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
  position: relative;
}
.caption-header span.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 2px;
  font-size: 14px;
  line-height: 32px;
}
.caption-header span.right {
  position: absolute;
  top: 6px;
  right: 7px;
}

.captions-area {
  margin: 0 0 10px;
  border: 1px solid #ddd;
  border-top: 0px;
  border-radius: 0 0 6px 6px;
  padding: 10px 5px;
  max-height: 300px;
  overflow-y: auto;
  background-color: #fff;
}
.captions-area textarea {
  width: 100%;
  font-size: 13px;
  resize: none;
  border: none;
  overflow: scroll;
  padding: 3px 62px 3px 4px;
  background-color: #fff;
  font-family: monospace;
  margin: 2px 0;
  height: 23px;
  overflow: hidden;
}
.captions-area textarea.active {
  background-color: rgba(255, 255, 0, 0.2);
}
.captions-area textarea:focus {
  outline: none;
  background-color: rgb(240.35, 240.35, 240.35);
}
.captions-area .caption-outer {
  position: relative;
  height: auto;
}
.captions-area .caption-outer .fa {
  display: none;
}
.captions-area .caption-outer.edit:hover .fa, .captions-area .caption-outer.edit:active .fa, .captions-area .caption-outer.edit:focus .fa {
  display: block;
  position: absolute;
  z-index: 100;
  top: 5px;
  cursor: pointer;
}
.captions-area .caption-outer.edit:hover .fa-clock-o, .captions-area .caption-outer.edit:active .fa-clock-o, .captions-area .caption-outer.edit:focus .fa-clock-o {
  right: 44px;
  color: #005d7e;
}
.captions-area .caption-outer.edit:hover .fa-trash, .captions-area .caption-outer.edit:active .fa-trash, .captions-area .caption-outer.edit:focus .fa-trash {
  right: 3px;
}
.captions-area .caption-outer.edit:hover .fa-plus, .captions-area .caption-outer.edit:active .fa-plus, .captions-area .caption-outer.edit:focus .fa-plus {
  right: 24px;
  color: #005d7e;
}
.captions-area.hide-caption {
  height: 10px;
  padding: 0;
}

.guide-modal-heading {
  padding-left: 15px;
}

.integration-area {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1em;
}
.integration-area .integration-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 10px;
  border-radius: 8px;
  border-width: 0px;
  -webkit-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  background-color: #fff;
}
.integration-area .integration-card .integration-icon {
  text-align: center;
}
.integration-area .integration-card img {
  width: 100%;
  max-width: 150px;
  padding: 20px;
}
.integration-area .integration-card img.integration-small {
  max-width: 60px;
  padding: 5px;
}
.integration-area .integration-card h4 {
  color: #242424;
  font-size: 16px;
}
.integration-area .integration-card p {
  font-size: 14px;
}

.actions-area {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media screen and (max-width: 1199px) {
  .actions-area {
    grid-template-columns: 1fr;
  }
}
.actions-area .action-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
  padding: 15px 10px;
  cursor: pointer;
  border-radius: 8px;
  border-width: 0px;
  -webkit-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  background: #fafafa;
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
}
.actions-area .action-card .action-icon img {
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
}
.actions-area .action-card .action-items,
.actions-area .action-card .action-items h4 {
  cursor: pointer;
}
.actions-area .action-card:hover {
  border-radius: 8px;
  border-width: 0px;
  -webkit-box-shadow: 0 0 0px 1px #aaa;
  box-shadow: 0 0 0px 1px #aaa;
}
.actions-area .action-card:hover .btn {
  border-color: #005d7e;
  color: #005d7e;
}
.actions-area .action-card:hover .btn:hover {
  background-color: rgb(237.4866666667, 245.38, 250.3133333333);
}
.actions-area .action-card:hover .action-icon img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.actions-area .action-card .action-icon {
  text-align: center;
}
.actions-area .action-card .action-items {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.actions-area .action-card .action-items .action-description {
  font-size: 13px;
}
.actions-area .action-card .action-items .btn {
  width: 200px;
}
.actions-area .action-card h4 {
  font-size: 18px;
  color: #242424;
  margin-top: 0;
  font-weight: 500;
}
.actions-area .action-card .action-icon {
  min-width: 45px;
}
.actions-area .action-card img {
  height: 45px;
  width: auto;
}
.actions-area .action-card p {
  font-size: 14px;
  margin-bottom: 0;
}

.count-badge {
  background-color: #242424;
  border-radius: 20px;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  vertical-align: bottom;
  padding-right: 2px;
}
.count-badge.danger {
  background-color: rgb(152.4342857143, 1.4657142857, 19.7871428571);
}
.count-badge.warning {
  background-color: #e6af2e;
}
.count-badge.focus {
  background-color: rgb(0, 80.596460177, 141.2);
}
.count-badge .count-inner {
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  font-weight: 600;
}

.step-indicator {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 30px;
  gap: 2em;
}
.step-indicator .step-line {
  position: absolute;
  width: 40%;
  height: 3px;
  background-color: #aaa;
  top: 18px;
  left: 10%;
  z-index: 1;
}
.step-indicator .step-line + .step-line {
  left: 50%;
}
.step-indicator .step-line.line-fill {
  background-color: #1d9eff;
}
.step-indicator .step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  z-index: 2;
}
.step-indicator .step .circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f8f8f8;
  border: 3px solid #aaa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  color: #242424;
  line-height: 1;
  font-size: 16px;
  font-weight: 500;
}
.step-indicator .step p {
  color: #f8f8f8;
  font-size: 13px;
}
.step-indicator .step.active .circle, .step-indicator .step.completed .circle {
  background-color: #1d9eff;
  border-color: rgb(0, 103.8849557522, 182);
  color: #fff;
}
.step-indicator .step.completed .circle {
  background-color: #1d9eff;
}
@media screen and (max-width: 479px) {
  .step-indicator {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .step-indicator .step p {
    color: #133347;
    text-align: center;
  }
}

.badge-counter {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  margin-left: 6px;
  background-color: #242424;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.badge-counter .badge-counter-inner {
  font-size: 13px;
  color: #fff;
  font-weight: 600;
}

.item-scrolls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 5px;
}

.btn-overlay {
  border-radius: 5px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
  border: 1px solid #ddd;
  height: 30px;
  width: 30px;
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all ease 0.15s;
  transition: all ease 0.15s;
  color: #6a6a6a;
}
.btn-overlay.scrollable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.btn-overlay.disabled {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: default;
  pointer-events: none;
  background-color: #e8e8e8;
  color: #aaa;
}
.btn-overlay:hover:not(.disabled) {
  border-color: #6a6a6a;
  color: #242424;
}
.btn-overlay:active:not(.disabled) {
  border-color: #8c8c8c;
  color: #8c8c8c;
}

.item-scrolls.pink .btn-overlay {
  color: #ff3366;
}
.item-scrolls.pink .btn-overlay:hover:not(.disabled), .item-scrolls.pink .btn-overlay:active:not(.disabled) {
  color: rgb(153, 0, 38.25);
}

.scroll-overlay {
  display: none;
  position: absolute;
  height: 100%;
  width: 25px;
  right: 0;
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(#fff));
  background: linear-gradient(90deg, transparent 0%, #fff 100%);
  margin-right: 15px;
  z-index: 2;
}
.scroll-overlay.left {
  left: 155px;
  right: auto;
  background: -webkit-gradient(linear, right top, left top, from(transparent), to(#fff));
  background: linear-gradient(270deg, transparent 0%, #fff 100%);
}
.scroll-overlay.scrollable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.clip-list-item .scroll-overlay.left {
  left: 165px;
}
@media screen and (min-width: 768px) {
  .clip-list-item .scroll-overlay.left {
    left: 275px;
  }
}
.clip-list-item:not(.selected, .locked):hover .scroll-overlay {
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgb(248.3, 252.1243362832, 255)));
  background: linear-gradient(90deg, transparent 0%, rgb(248.3, 252.1243362832, 255) 100%);
}
.clip-list-item:not(.selected, .locked):hover .scroll-overlay.left {
  background: -webkit-gradient(linear, right top, left top, from(transparent), to(rgb(248.3, 252.1243362832, 255)));
  background: linear-gradient(270deg, transparent 0%, rgb(248.3, 252.1243362832, 255) 100%);
}
.clip-list-item.selected .scroll-overlay {
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgb(233, 245.5575221239, 255)));
  background: linear-gradient(90deg, transparent 0%, rgb(233, 245.5575221239, 255) 100%);
}
.clip-list-item.selected .scroll-overlay.left {
  background: -webkit-gradient(linear, right top, left top, from(transparent), to(rgb(233, 245.5575221239, 255)));
  background: linear-gradient(270deg, transparent 0%, rgb(233, 245.5575221239, 255) 100%);
}

/* Scrollable area */
.latest-videos-outer {
  position: relative;
}

.latest-videos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 20px;
  max-width: 100%;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}
.latest-videos::-webkit-scrollbar {
  display: none;
}
.latest-videos .latest-video {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.latest-videos .latest-video p {
  font-size: 12px;
  margin-bottom: 0;
  margin-top: -5px;
  color: #8c8c8c;
}
.latest-videos .latest-video img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  cursor: pointer;
  -o-object-fit: cover;
  object-fit: cover;
}
.latest-videos .latest-video .thumb-surround {
  border-radius: 6px;
  aspect-ratio: 16/9;
  background-color: #e8e8e8;
  width: 300px;
}
.latest-videos .latest-video .thumb-surround.a-9by9 {
  aspect-ratio: 9/9;
  width: 200px;
  height: 100%;
}
.latest-videos .latest-video .thumb-surround.a-9by9 img {
  -o-object-fit: contain;
  object-fit: contain;
}
.latest-videos .latest-video .thumb-surround.a-9by16 {
  aspect-ratio: 9/16;
  width: 150px;
}
.latest-videos .latest-video .big-play {
  position: absolute;
  font-size: 2px;
  padding-bottom: 20px;
  opacity: 0.6;
  -webkit-transition: all ease 0.15s;
  transition: all ease 0.15s;
}
.latest-videos .latest-video .lock-surround {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.4);
}
.latest-videos .latest-video .lock-surround .fa-lock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  opacity: 0.9;
  font-size: 30px;
  color: #161616;
}
.latest-videos .latest-video:hover .big-play {
  opacity: 1;
}

/* ** OVERRIDE BOOTSTRAP VARIABLES ** */
.side-slider {
  display: block;
  position: absolute;
  width: 400px;
  right: -400px;
  top: 50px;
  background-color: #fff;
  bottom: 0;
  -webkit-transition: -webkit-transform 0.7s ease-in-out;
  transition: -webkit-transform 0.7s ease-in-out;
  transition: transform 0.7s ease-in-out;
  transition: transform 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  z-index: 100;
  border-radius: 0px;
  border-width: 0px;
  -webkit-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  -webkit-box-shadow: -3px 0 8px 0 rgba(157, 157, 157, 0.21);
  box-shadow: -3px 0 8px 0 rgba(157, 157, 157, 0.21);
}
.side-slider .slider-sticky-header {
  padding-left: 15px;
  border-bottom: 1px solid #ddd;
}
.side-slider .slide-close {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 100;
  text-align: right;
  font-size: 24px;
  line-height: 1.2;
  opacity: 0.9;
  height: 45px;
  width: 45px;
  border-radius: 30px;
  padding: 5px 10px;
}
.side-slider .video-slider .slide-close {
  top: 15px;
  right: 15px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 0 6px;
  padding: 6px 12px;
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
  cursor: pointer;
}
.side-slider .video-slider .slide-close .fa {
  color: #fff;
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
}
.side-slider .video-slider .slide-close:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.side-slider .video-slider .slide-close:hover .fa {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.side-slider.show {
  -webkit-transform: translateX(-400px);
  -ms-transform: translateX(-400px);
  transform: translateX(-400px);
}
.side-slider.slide-wide {
  width: 550px;
  right: -550px;
}
.side-slider.slide-wide.show {
  -webkit-transform: translateX(-550px);
  -ms-transform: translateX(-550px);
  transform: translateX(-550px);
}
@media (max-width: 550px) {
  .side-slider.slide-wide {
    width: 100vw;
    right: -100vw;
  }
  .side-slider.slide-wide.show {
    -webkit-transform: translateX(-100vw);
    -ms-transform: translateX(-100vw);
    transform: translateX(-100vw);
  }
}
.side-slider .close-button {
  font-size: 25px;
}
.side-slider .clip-section {
  border-top: 1px solid #f8f8f8;
  line-height: 23px;
  margin-top: 5px;
  padding-top: 5px;
}
.side-slider .slider-inner {
  padding: 15px;
  height: 100%;
  overflow-y: auto;
  position: relative;
}
.side-slider .slider-inner.bottom {
  height: calc(100% - 148px);
  padding-bottom: 0px;
}
.side-slider .slider-inner .video-info {
  margin-top: 15px;
}
.side-slider .slider-inner .video-info p > span {
  line-height: 23px;
}
@media (max-width: 479px) {
  .side-slider .slider-inner .video-info p > span {
    line-height: 26px;
  }
}
.side-slider .slider-inner .video-info .label-header {
  font-weight: 400;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.side-slider .slider-inner .video-info .prompt-row {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.side-slider .slider-inner .video-info .prompt-row .label-info {
  min-width: 100px;
}
.side-slider .slider-inner .video-info .label-info {
  font-weight: 500;
  width: 100px;
  display: inline-block;
  margin-bottom: 3px;
}
.side-slider .slider-inner .video-info .row-info {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.side-slider .slider-inner .video-info .fixed-width {
  width: 85px;
  display: inline-block;
  text-align: right;
}
.side-slider .slider-inner .video-info div.divider {
  border-top: 1px solid #f8f8f8;
  margin-bottom: 5px;
  display: block;
}
.side-slider .slider-inner .admin-action {
  padding: 2px 0;
}
.side-slider .slider-inner .embed-responsive-16by9 {
  border-radius: 6px;
}
.side-slider .bottom-buttons {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  border-top: 1px solid #ddd;
  padding: 20px 15px 20px;
  height: 80px;
}
.side-slider .fileinput .fileinput-filename {
  font-size: 13px;
  padding-left: 10px;
}
.side-slider .fileinput .close {
  padding-left: 5px;
}
@media (max-width: 500px) {
  .side-slider {
    width: 100%;
    right: -100%;
  }
  .side-slider.show {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .side-slider .slider-inner .fa-close {
    padding: 5px 0 5px;
    font-size: 25px;
  }
}

.short-status {
  font-size: 13px;
  color: #fff;
  border-radius: 5px;
  background-color: #242424;
  padding: 4px 9px;
}
.short-status.short-submitted {
  background-color: #33fcdc;
  color: #242424;
}
.short-status.short-approved, .short-status.short-published {
  background-color: #005d7e;
}
.short-status.short-ammend, .short-status.short-uploaded {
  background-color: #ff3366;
}
.short-status.short-small {
  padding: 1px 9px;
  font-size: 12px;
  width: 70px;
  text-align: center;
}

/* ** OVERRIDE BOOTSTRAP VARIABLES ** */
.video-page .panel .video-page-tooltip {
  position: relative;
  margin: 0 5px;
}
.video-page .panel .video-page-tooltip:hover .video-page-tooltip__text {
  display: block;
  position: absolute;
  z-index: 1;
  min-width: 200px;
  max-width: 300px;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 20px 1px rgba(207, 102, 102, 0.07);
  box-shadow: 1px 1px 20px 1px rgba(207, 102, 102, 0.07);
  background-color: #fff;
  padding: 10px;
  -webkit-transform: translate(-50%, 5px);
  -ms-transform: translate(-50%, 5px);
  transform: translate(-50%, 5px);
}
.video-page .panel .video-page-tooltip__icon {
  width: 20px;
  height: 20px;
}
.video-page .panel .video-page-tooltip__text {
  display: none;
}
.video-page .panel .youtube-stats-card-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.video-page .panel .single-data-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px;
}
.video-page .panel .single-data-group__data {
  font-size: 34px;
  font-weight: 500;
}
.video-page .video-player-card {
  margin-bottom: 30px;
}
.video-page .video-player-card video {
  max-width: 100%;
  border-radius: 6px;
}
.video-page .video-player-card.placeholder {
  border-radius: 6px;
}
.video-page .video-player-card.embed-responsive-9by9 {
  padding-bottom: 80%;
}
.video-page .captions-area {
  margin: 0;
  border: 0;
  padding: 0;
  overflow-y: auto;
  background-color: transparent;
  scrollbar-width: narrow;
  scrollbar-gutter: stable;
}
.video-page .captions-area.translations {
  max-height: 500px;
}
.video-page .captions-area .translation-area .translation-title {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
  padding-left: 4px;
}
.video-page .captions-area .translation-area ~ .translation-area {
  border-top: 1px solid #ddd;
  margin-top: 10px;
  padding-top: 10px;
}
.video-page .captions-area .caption-outer.edit:hover .fa, .video-page .captions-area .caption-outer.edit:active .fa, .video-page .captions-area .caption-outer.edit:focus .fa {
  top: 8px;
}
.video-page .captions-area .caption-outer.active {
  background-color: rgba(255, 255, 0, 0.2);
}
.video-page .captions-area .caption-outer textarea {
  border-radius: 6px;
  background-color: transparent;
  height: auto;
  padding: 4px 55px 4px 4px;
}
.video-page .captions-area .caption-outer textarea:focus {
  border: 1px solid #aaa;
  background-color: #fff;
}
.video-page .captions-area .fa-thumbs-o-up {
  background-color: #242424;
  color: #fff;
  font-size: 12px;
  padding: 3px 4px;
  border-radius: 3px;
}
.video-page .save-captions-banner {
  position: absolute;
  top: 10px;
  right: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.video-page .save-captions-banner .styled-select {
  height: 28px;
  margin-left: 0px;
}
.video-page .thumb-selector .thumb-inner {
  max-width: 800px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.video-page .thumb-selector .thumb-inner h3 {
  display: none;
}
.video-page .thumb-selector .thumb-inner p {
  font-size: 14px;
  width: 100%;
  text-align: left;
}
.video-page .thumb-selector .thumb-inner .thumb-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 10px;
  grid-column-gap: 10px;
}
.video-page .thumb-selector .thumb-inner .thumb-list img {
  width: 100%;
  border: 2px solid rgb(13.6166666667, 36.55, 50.8833333333);
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
}
.video-page .thumb-selector .thumb-inner .thumb-list img:hover, .video-page .thumb-selector .thumb-inner .thumb-list img:active {
  border-color: #ff3366;
}
@media (max-width: 500px) {
  .video-page .thumb-selector .thumb-inner .thumb-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 500px) {
  .video-page .thumb-selector.vertical .thumb-inner .thumb-list {
    grid-template-columns: repeat(4, 1fr);
  }
  .video-page .thumb-selector.vertical .thumb-inner .thumb-list img:last-of-type {
    display: none;
  }
}

.info-line {
  margin-bottom: 6px;
}
.info-line label.control-label {
  font-size: 13px;
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 0;
}
.info-line .info-value {
  font-size: 13px;
  text-transform: capitalize;
}
.info-line .info-value.no-transform {
  text-transform: none;
}
.info-line .info-value .text-blue {
  cursor: pointer;
}
.info-line .start-edit {
  padding-right: 5px;
  color: #005d7e;
  cursor: pointer;
}
.info-line .text-field {
  position: relative;
}
.info-line .text-field .form-control {
  width: 100%;
  font-size: 14px;
  height: 30px;
  padding: 6px;
}
.info-line .text-field .cancel-edit {
  color: #d0021b;
  position: absolute;
  top: 0px;
  right: -2px;
  font-size: 20px;
  padding: 5px 8px 5px 0;
  cursor: pointer;
}

.checkbox.checkbox-flag {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 13px;
  margin: 2px 0;
}
.checkbox.checkbox-flag input {
  margin-left: 0;
}
.checkbox.checkbox-flag label {
  text-transform: capitalize;
  padding-left: 25px;
}

.text-field__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  padding: 2px;
  margin: 2px;
}
.text-field__label--label {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.text-field__label--limit {
  color: grey;
}
.text-field__input {
  padding: 2px;
  margin: 2px;
}
.text-field__error {
  color: red;
}
.text-field__description {
  color: grey;
}

/* ** OVERRIDE BOOTSTRAP VARIABLES ** */
.fs-header {
  height: 50px;
  width: 100%;
  padding: 0 15px;
  background-color: #133347;
  display: grid;
  grid-template-columns: 1fr 350px 1fr;
  background-color: #ff3366;
  background: linear-gradient(140deg, rgb(13.6166666667, 36.55, 50.8833333333) 20%, #0f2a6a 60%, #ff3366 100%);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.fs-header h3 {
  margin-top: 0;
  margin-bottom: 0;
  color: #fff;
  font-size: 18px;
}
.fs-header .back-link a {
  color: #fff;
}
.fs-header .back-link .fa-chevron-left {
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
}
.fs-header .back-link:hover .fa-chevron-left {
  -webkit-transform: translateX(-3px);
  -ms-transform: translateX(-3px);
  transform: translateX(-3px);
}
.fs-header .fs-header-left {
  text-align: left;
  font-size: 14px;
}
.fs-header .fs-header-center h3 {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fs-header .fs-header-right {
  text-align: right;
}
.fs-header.transparent {
  background: transparent;
}
@media (max-width: 479px) {
  .fs-header {
    grid-template-columns: 1fr 180px 1fr;
  }
  .fs-header.header-preview {
    grid-template-columns: 18px 1fr 110px;
  }
  .fs-header.header-preview.header-preview-full {
    grid-template-columns: 1px 1fr 110px;
  }
  .fs-header.header-preview .fs-header-center h3 {
    text-align: left;
  }
}

/* ** OVERRIDE BOOTSTRAP VARIABLES ** */
.edits-area {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  margin-bottom: 20px;
}
@media screen and (min-width: 800px) {
  .edits-area {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .edits-area .two-grid {
    grid-column: span 2;
  }
}
@media screen and (min-width: 1300px) {
  .edits-area {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .edits-area .two-grid {
    grid-column: span 3;
  }
}

.edit-row {
  border-radius: 8px;
  border-width: 0px;
  -webkit-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.09);
  -webkit-box-shadow: rgba(53, 53, 53, 0.2) 0px 1px 3px 0px, rgba(44, 44, 45, 0.05) 0px 1px 4px 0px;
  box-shadow: rgba(53, 53, 53, 0.2) 0px 1px 3px 0px, rgba(44, 44, 45, 0.05) 0px 1px 4px 0px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  background-color: #fff;
  -webkit-transition: all ease 0.15s;
  transition: all ease 0.15s;
  position: relative;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.edit-row .meta {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 5px;
}
.edit-row .meta .meta-left {
  max-width: 100%;
  overflow: hidden;
}
.edit-row .meta .meta-right {
  font-size: 12px;
  line-height: 1.5;
}
.edit-row .meta .meta-right .draft {
  color: rgb(232.7243589744, 183.7179487179, 68.7756410256);
}
.edit-row .meta .meta-right .ready {
  color: rgb(54.5, 168.9446902655, 255);
}
.edit-row .meta .meta-right .processing {
  color: #aaa;
}
.edit-row .meta .title {
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 3px;
  margin-top: 0px;
  font-weight: 500;
  overflow: hidden;
  cursor: pointer;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.edit-row .meta .title:hover {
  text-decoration: underline;
}
.edit-row .clips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 7px;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow: scroll;
  scrollbar-width: none;
  max-width: 100%;
}
.edit-row .clips::-webkit-scrollbar {
  display: none;
}
.edit-row .clips .clip-placeholder {
  background-color: #e8e8e8;
  border-radius: 6px;
  height: 70px;
  aspect-ratio: 12/9;
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
}
.edit-row .clips .clip-placeholder.vertical {
  aspect-ratio: 9/13;
}
.edit-row .clips .clip-placeholder.more-clips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
}
.edit-row .clips .clip-placeholder img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 6px;
}
.edit-row .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 5px;
  height: 32px;
}