.k-autocomplete.k-state-active,
.k-dropdown-wrap.k-state-default,
.k-flatcolorpicker.k-group,
.k-datetimepicker,
.k-datetimepicker .k-input,
.k-picker-wrap.k-state-default,
.k-picker-wrap.k-state-active,
.k-group,
.k-menu,
.k-button,
.k-menu .k-group,
.k-popup.k-widget.k-context-menu,
table.k-editor {
  background-color: #2c3b4c;
  border-color: #395069; }

.k-textbox,
.k-textbox:hover,
.k-textbox:focus,
.k-picker-wrap.k-state-hover .k-input,
.k-picker-wrap.k-state-focused .k-input,
.k-dropdown-wrap.k-state-hover {
  background-color: #232e3c;
  border-color: #395069; }

.k-textbox:focus {
  border-bottom-color: #a3c2e4; }

.k-state-hover,
.k-button.k-state-hover {
  background-color: #394d63; }

.k-state-selected {
  color: #3fdc52;
  background-color: #434343; }

.k-state-selected > .template-document {
  color: #3fdc52 !important;
  background-color: #434343 !important; }

.k-treeview .k-state-focused {
  background-color: #434343; }

.b-tree-item {
  position: relative; }
  .b-tree-item.template-document {
    color: #f1cb9e; }

.b-tree-item-actions {
  padding-left: 10px;
  font-size: 0.8em;
  position: absolute;
  bottom: -1px;
  display: none; }
  .b-tree-item-actions.active {
    display: inline-block; }

.k-i-insert-video:before {
  content: "\e82b";
  /* Adds a glyph using the Unicode character number */ }

.k-i-insert-snippet:before {
  content: "\e91a";
  /* Adds a glyph using the Unicode character number */ }

html, body {
  background-color: #1e262f;
  color: #bbb;
  background-position: center bottom;
  background-repeat: no-repeat;
  min-height: 100vh;
  display: flex;
  flex-direction: column; }

a {
  text-decoration: none; }

a, a:hover {
  color: #bbb; }

.content {
  padding-top: 60px; }

.navbar-brand {
  width: 30px;
  display: inline-block;
  padding-bottom: 8px; }
  .navbar-brand .home-logo {
    position: relative;
    margin-top: -8px; }

footer {
  margin-top: auto;
  background-color: rgba(0, 0, 0, 0.25); }
  footer .container {
    padding: 20px 0;
    text-align: center; }
  footer .footer-logo {
    display: inline-block;
    width: 130px; }

.home-logo:hover .cls-1, .home-logo:hover .cls-2,
.footer-logo:hover .cls-1,
.footer-logo:hover .cls-2 {
  transition: fill linear .5s;
  fill: #3fdc52; }

.list-data {
  width: 100%; }
  .list-data th, .list-data td {
    padding: 5px 7px;
    border-bottom: solid 1px #2c3b4c;
    transition: background-color 0.3s ease; }
  .list-data th {
    background-color: #2c3b4c;
    font-weight: normal;
    color: #eaeaea; }
  .list-data tr > *:first-child {
    text-align: right;
    width: 1px; }
  .list-data tr:hover > td {
    background-color: #232f3c; }
  .list-data tr.active > td {
    border-bottom-color: #57708c;
    color: #3fdc52; }
    .list-data tr.active > td a, .list-data tr.active > td a:hover {
      color: #a3c2e4;
      text-decoration: none;
      cursor: default; }
  .list-data td.no-data {
    text-align: center;
    padding: 30px; }

.list-pagination {
  padding-top: 20px;
  text-align: center; }
  .list-pagination .pages > a {
    display: inline-block;
    padding: 5px;
    border: solid 1px #395069;
    min-width: 32px;
    margin: 0 3px;
    text-decoration: none; }
    .list-pagination .pages > a:hover {
      background-color: rgba(255, 255, 255, 0.1); }
    .list-pagination .pages > a.active {
      color: #3fdc52;
      border-color: #3fdc52;
      background-color: transparent;
      cursor: default; }
    .list-pagination .pages > a:first-child:not(:last-child) {
      margin-right: 18px; }
    .list-pagination .pages > a:last-child:not(:first-child) {
      margin-left: 18px; }
  .list-pagination .page-stats {
    font-size: 0.75em;
    padding-top: 10px; }

.top-actions {
  border-bottom: solid 1px #395069; }

.form-element-wrapper-mapOptions {
  margin-top: 0.5rem !important; }

.form-element-wrapper {
  display: flex;
  flex-direction: column-reverse;
  margin-top: 1.5rem;
  position: relative; }
  .form-element-wrapper label {
    display: block;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 0.7rem; }
    .form-element-wrapper label.no-text-transform {
      text-transform: none; }
    .form-element-wrapper label > span {
      display: block; }
  .form-element-wrapper :not(label):focus + label {
    color: #a3c2e4; }
  .form-element-wrapper input, .form-element-wrapper select, .form-element-wrapper textarea {
    background-color: #2c3b4c;
    border: solid 1px #395069;
    padding: 5px;
    color: #ccc;
    outline: none;
    transition: border-color 0.3s ease; }
    .form-element-wrapper input:hover, .form-element-wrapper select:hover, .form-element-wrapper textarea:hover {
      background-color: #232e3c; }
    .form-element-wrapper input:focus, .form-element-wrapper select:focus, .form-element-wrapper textarea:focus {
      border-color: #a3c2e4; }
    .form-element-wrapper input.valid, .form-element-wrapper select.valid, .form-element-wrapper textarea.valid {
      border-bottom-color: #3fdc52; }
  .form-element-wrapper.code-editor textarea {
    font-family: 'Consolas', 'Courier New', Courier, monospace;
    font-size: 13px;
    max-height: 800px; }
  .form-element-wrapper.checkbox-wrapper {
    flex-direction: row; }
    .form-element-wrapper.checkbox-wrapper label {
      margin-left: 10px; }
  .form-element-wrapper .img-preview {
    max-width: max-content; }
  .form-element-wrapper.conditional label {
    color: #89e8e8; }
  .form-element-wrapper.conditional :not(label):focus + label {
    color: #b4f0f0; }
  .form-element-wrapper.conditional input, .form-element-wrapper.conditional select, .form-element-wrapper.conditional textarea {
    border-color: #89e8e8; }
  .form-element-wrapper.cms-title label {
    color: #3fdc52; }
  .form-element-wrapper.cms-title :not(label):focus + label {
    color: #6ae479; }
  .form-element-wrapper.cms-title input, .form-element-wrapper.cms-title select, .form-element-wrapper.cms-title textarea {
    border-color: #3fdc52; }
  .form-element-wrapper .clear-file-button {
    position: absolute;
    bottom: 65px;
    right: 25px; }

.form > .form-element-wrapper:first-child {
  margin-top: 0; }

h2 {
  border-bottom: solid 1px #3fdc52;
  margin-bottom: 1rem;
  font-size: 1.75rem; }

.btn {
  outline: none; }

.btn-primary {
  background-color: #2d7a98;
  border-color: #1d353e;
  transition: background-color 0.3s ease; }
  .btn-primary:hover {
    border-color: #1d353e;
    background-color: #3fdc52;
    color: #000; }

.modal-header {
  border-bottom-width: 2px;
  border-bottom-color: #3fdc52; }

.modal-content {
  background-color: #2f2f2f; }
  .modal-content .close {
    color: #fff;
    text-shadow: none;
    opacity: 0.75; }

.modal-footer {
  border-top-width: 2px;
  border-top-color: #3fdc52; }

.link {
  text-transform: uppercase;
  font-size: 0.75rem;
  color: #3fdc52; }

.text-highlight {
  color: #3fdc52; }

@media only screen and (max-width: 992px) {
  .row-actions {
    padding-top: 30px; } }

@media only screen and (min-width: 992px) {
  .row-actions {
    position: absolute;
    bottom: 0; } }

.home-content {
  margin-top: 180px; }
  .home-content h1 {
    color: #3fdc52;
    border-bottom: solid 1px #3fdc52;
    font-size: 2rem; }

.error {
  color: #ff0077; }

.overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.loading {
  z-index: 9999;
  background-color: rgba(25, 86, 32, 0.35);
  display: none; }
  .loading > svg {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 200px;
    height: 200px;
    margin-left: -100px;
    margin-top: -100px; }

.localization-import-overlay {
  z-index: 3000;
  background-color: rgba(0, 0, 0, 0.5); }
  .localization-import-overlay .localization-import-content {
    position: fixed;
    width: 70%;
    height: 50%;
    left: 50%;
    top: 50%;
    margin-top: -25%;
    margin-left: -35%;
    background-color: #1e262f; }
  .localization-import-overlay h4 {
    border-bottom: solid 1px #3fdc52;
    padding: 20px; }

.modal-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 50px 100px;
  display: none; }
  .modal-overlay .modal-overlay-container {
    background-color: #1e262f;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    position: relative; }
  .modal-overlay .modal-overlay-actions {
    height: 80px;
    border-bottom: solid 1px #3fdc52;
    padding: 0 30px; }
    .modal-overlay .modal-overlay-actions > h3 {
      line-height: 80px; }
  .modal-overlay .modal-overlay-bounds {
    height: calc(100% - 80px);
    overflow: auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px; }

.related-overlay {
  z-index: 2000; }

.sortable-overlay {
  z-index: 1000; }
  .sortable-overlay table.sortable-content tr > *:first-child, .sortable-overlay table.sortable-content tr > *:last-child {
    width: 70px;
    text-align: right; }
  .sortable-overlay td {
    cursor: move; }
  .sortable-overlay tr.ui-sortable-helper {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: calc(100vw - 200px);
    display: table; }
    .sortable-overlay tr.ui-sortable-helper > td {
      background-color: #105819; }

nav {
  background: #043342;
  background: -webkit-linear-gradient(to top, #043342, #000);
  background: linear-gradient(to top, #043342, #000);
  border-bottom: solid 1px #3fdc52; }

.navbar {
  padding-top: .5rem !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-bottom: 0 !important; }

.dropdown-menu {
  background: #043342;
  background: -webkit-linear-gradient(to bottom, #043342, #000);
  background: linear-gradient(to bottom, #043342, #000);
  border-bottom: solid 1px #3fdc52;
  border-radius: unset;
  border-top: none; }

.dropdown-menu > a:hover, .dropdown-menu > a:focus {
  background-color: #086685; }

.dropdown-menu > a {
  color: #B0B0B0; }

.dropdown-divider {
  border-top: solid 1px rgba(255, 255, 255, 0.25); }

.dropdown-menu > a:hover, .dropdown-menu > a:focus {
  color: #FFFFFF; }

.modal-close {
  position: absolute;
  right: 30px;
  top: 30px;
  width: 20px;
  height: 20px;
  opacity: 0.6; }
  .modal-close:hover {
    opacity: 1; }
  .modal-close:before, .modal-close:after {
    position: absolute;
    left: 9px;
    content: ' ';
    height: 20px;
    width: 2px;
    background-color: #ffffff; }
  .modal-close:before {
    transform: rotate(45deg); }
  .modal-close:after {
    transform: rotate(-45deg); }
  .modal-close:hover:before, .modal-close:hover:after {
    background-color: #3fdc52; }

.map-inner {
  min-height: 610px;
  height: auto;
  position: relative;
  overflow: hidden; }
  .map-inner .gmap {
    position: absolute;
    width: 100%;
    height: 90%; }

.localization-sections {
  position: relative; }
  .localization-sections .localization-sections-clear-wrapper {
    position: absolute;
    right: 18px;
    top: 5px;
    font-size: 0.85em; }

.localization-sections > a {
  display: block;
  padding: 8px;
  background-color: #2c3b4c;
  border-bottom: solid 1px #395069;
  text-decoration: none;
  border-left: solid 1px #2c3b4c;
  transition: all 0.25s ease-in-out; }
  .localization-sections > a:hover {
    background-color: #3f546c; }
  .localization-sections > a.active {
    border-left: solid 4px #3fdc52; }

.localization-actions {
  border-top: solid 1px #395069; }

.result-message {
  background-color: #2c3b4c; }
  .result-message.success {
    background-color: #1c992b;
    color: #fff; }
  .result-message.error {
    background-color: #cc0000;
    color: #fff; }

.form > .form-element-wrapper:first-child {
  margin-top: 0; }

.preview-frame {
  z-index: 5000;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  position: fixed;
  background-color: #fff;
  display: none; }