@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900&subset=latin,latin-ext);
body {
  margin: 0 auto;
}

/* ALT FONT */
h1, h2, h3, h4, h5, h6,
body > header,
a.module figcaption,
figure.module figcaption,
#floatingNavBar .nav li a,
body > nav .nav li a,
table th,
p, label, input, textarea, button,
a
.btn {
  font-family: "Lato", Arial, sans-serif;
  margin: 0 0;
  padding: 0 0;
}

input[readonly], textarea[readonly], button[readonly], select[readonly] {
  background-color: #DEDEDE;
}

h1, h2, h3, h4, h5, h6 {
  margin: 2px 0;
}

h1, h4 {
  color: #454545;
  font-size: 16px;
  font-weight: 900;
  margin: 30px 0 10px;
  text-align: left;
  text-transform: uppercase;
}

p {
  font-size: 13px;
  line-height: 1.5em;
}

.btn {
  color: #FFF;
}

.btn:focus,
.btn:active {
  color: #FFF;
}

body > header {
  padding: 9px 15px;
  height: 85px;
  background-color: #FFFFFF;
  border-bottom: 1px #aed2ec solid;
  color: #333;
}

body > header:before {
  display: none;
  position: absolute;
  content: "weboskiCMS";
  font-size: 100px;
  left: 0;
  top: -39px;
  color: rgba(255, 255, 255, 0.65);
  z-index: 1;
}

body > header aside {
  /*background:transparent url(../imgs/logo.png) no-repeat top left; background-size:cover; */
  position: relative;
  z-index: 2;
}

body > header aside h3 {
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 16px;
  margin-top: 10px;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
}

body > header aside h3 a {
  color: #676767;
  font-size: inherit;
}

body > header aside h3 a span {
  display: block;
  color: #000;
  font-weight: 900;
  margin-top: 10px;
}

body > header aside h3 a:hover {
  opacity: 0.8;
}

body header nav .btn {
  padding: 7px 20px;
  background-color: #2694fb;
  font-size: 14px;
  margin-top: 14px;
  color: #FFFFFF;
  border-radius: 20px;
}

form.googleMapsForm .left {
  float: left;
  width: 340px;
}

form.googleMapsForm .right {
  float: right;
  width: 500px;
}

form.googleMapsForm.formalize input,
form.googleMapsForm.formalize select,
form.googleMapsForm.formalize textarea {
  width: 230px;
}

#floatingNavBar {
  border-radius: 0;
  border-right: 1px #aed2ec solid;
  background-color: #2d3338;
  color: #000;
  padding: 0px 0px;
  margin: 0 -15px;
  height: calc(100vh - 120px);
  width: 200px !important;
      align-items: flex-start;
}

#main {
  margin: 15px 0 0;
}

#floatingNavBar ul {
    padding: 20px 0;
    display: block;
    width: 100%;
}

.nav > li {
  display: block;
}

#floatingNavBar .nav li a {
  color: #adadad;
  font-weight: 400;
  display: block;
  padding: 7px 25px;
  font-size: 15px;
  position: relative;
  text-align: left;
}

#floatingNavBar .nav > li.active > a,
#floatingNavBar .nav > li:hover > a {
  color: #FFF;
  padding-left: 35px;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.35), inset 5px 0px #FFF;
          box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.35), inset 5px 0px #FFF;
}

a.switchLoading, a.switch0, a.switch1, a.switch2 {
  display: inline-block;
  font-family: 'WebHostingHub-Glyphs';
  background: none;
  width: auto;
  height: auto;
  font-style: normal;
  display: inline-block;
  font-size: 24px;
  vertical-align: middle;
  margin-right: 6px;
}

a.switchLoading:before {
  content: '\f65f';
}

a.switch0:before {
  color: #e74c3c;
  content: '\f478';
  /* X sign */
}

a.switch1:before {
  color: #49B61F;
  content: '\f479';
  /* OK sign */
}

a.switch2:before {
  color: #FFCC00;
  content: '\f0a3';
  /* ? sign */
}

a.switchLoading:hover, a.switch0:hover, a.switch1:hover, a.switch2:hover {
  opacity: .75;
  text-decoration: none;
}

/* Start icons */
a.module,
figure.module {
  background-color: #3498DB;
  background-position: center 25%;
  background-repeat: no-repeat;
  height: 120px;
}

a.module figcaption,
figure.module figcaption {
  padding: 10px;
  color: #FFF;
  font-size: 19px;
  text-align: center;
  display: block;
  width: 100%;
  font-weight: 200;
}

a.module:hover,
figure.module:hover {
  background-color: #F39C12;
  cursor: pointer;
}

.formalize {
  width: 100%;
  max-width: 100%;
}

.formalize fieldset {
  padding: 10px 20px;
  margin: 0 0px 12px;
  border: 1px solid #aed2ec;
  background-color: #ffffff;
  border-radius: 0px;
  -webkit-box-shadow: 7px 7px #cbdae4;
          box-shadow: 7px 7px #cbdae4;
  border-width: 1px 0 0 1px;
}

.formalize legend {
  font-family: Lato;
  padding: 5px 10px;
  width: auto;
  font-weight: 800;
  font-size: 15px;
  text-shadow: 0px 2px 0px #fff;
  background-color: #ebf5fc;
  text-transform: uppercase;
  border: 1px #aed2ec solid;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.formalize input:not([type="radio"]):not([type="checkbox"]), .formalize select, .formalize textarea {
  -webkit-box-shadow: 0 0;
          box-shadow: 0 0;
  border-radius: 0px;
  border: 1px #dfdfdf solid;
  background-color: #f5f5f5;
  color: #777;
  width: 100%;
  padding: 10px 15px;
  max-width: 500px;
}

.formalize input:not([type="radio"]):not([type="checkbox"]):active,
.formalize select:active,
.formalize textarea:active,
.formalize input:not([type="radio"]):not([type="checkbox"]):focus,
.formalize select:focus,
.formalize textarea:focus {
  border-color: #aed2ec;
  background-color: #FFF;
}

.formalize label:not(.inline) {
  display: inline-block;
  width: 300px;
  margin: 2px 5px 2px;
  font-size: 12px;
  text-align: right;
  line-height: 26px;
  vertical-align: middle;
  text-transform: uppercase;
  padding-right: 15px;
}

.formalize label.inline {
  width: auto;
  display: inline;
  text-align: left;
}

.mod-newsy,
.mod-news {
  background-image: url(ico-news.png);
}

.mod-settings {
  background-image: url(ico-settings.png);
}

.mod-pages {
  background-image: url(ico-pages.png);
}

.mod-users {
  background-image: url(ico-users.png);
}

.mod-images {
  background-image: url(ico-images.png);
}

.mod-gmaps,
.mod-map {
  background-image: url(ico-gmaps.png);
}

.mod-config {
  background-image: url(ico-advanced.png);
}

.mod-shop {
  background-image: url(ico-shop.png);
}

.mod-seo {
  background-image: url(ico-seo.png);
}

.mod-offer {
  background-image: url(ico-offer.png);
}

/* Main navigation */
.navbar-inverse {
  font-size: 15px;
}

.navbar-inverse .nav > li > a {
  font-size: 13px;
}

/* Tables */
table:not(.table) {
  border-spacing: 1px;
  border: 1px #aed2ec solid;
  border-collapse: collapse;
  -webkit-box-shadow: 5px 11px rgba(80, 103, 119, 0.17);
          box-shadow: 5px 11px rgba(80, 103, 119, 0.17);
}

table tr {
  /* border-bottom:2px #FFF solid; */
}

table thead tr {
  background-color: #FFF;
  border-bottom: 1px #aed2ec solid;
}

table thead tr th {
  padding: 7px 8px;
  color: #000;
  text-transform: uppercase;
  text-align: left;
  font-weight: 900;
  font-size: 11px;
}

table thead tr th a {
  color: inherit;
}

table thead tr th a:hover {
  opacity: .5;
  text-decoration: none;
}

table tbody tr.level-1 {
  background-color: #FFFFFF;
}

table tbody tr.level-2 {
  background-color: #f5f5f5;
  font-size: 13px;
}

table tbody tr.level-3 {
  background-color: #efefef;
  font-size: 13px;
}

table tbody tr.level-4 {
  background-color: #d5d5d5;
  font-size: 12px;
}

table tbody tr.level-5 {
  background-color: #c5c5c5;
  font-size: 12px;
}

table tbody tr td {
  line-height: 1.2em;
  font-family: "Lato", Arial;
  font-size: 14px;
}

table tbody tr td a {
  font-weight: bold;
}

table tbody tr.level-1 td {
  padding: 4px;
  border-bottom: 1px #e9e9e9 solid;
}

table tbody tr.level-2 td {
  padding: 4px;
  border-bottom: 1px #FFF solid;
}

table tbody tr.level-3 td {
  padding: 4px;
  border-bottom: 1px #FFF solid;
}

table tbody tr.level-4 td {
  padding: 4px;
  border-bottom: 1px #FFF solid;
}

table tbody tr.level-5 td {
  padding: 4px;
  border-bottom: 1px #FFF solid;
}

table tbody tr.showhover:hover {
  background-color: rgba(255, 255, 255, 0.45);
}

table tbody tr.input-toggled {
  background: #d6eaf8;
}

table tbody tr.input-toggled:hover {
  background: #a7d7f9;
}

table:not(.table) tr td:last-of-type {
  text-align: right;
}

table.filterTable {
  background-color: #FFFFFF;
  display: inline-block;
  padding: 5px 8px;
  border-spacing: 5px;
  border-collapse: separate;
}

table.filterTable thead tr {
  background-color: transparent;
}

table.filterTable thead tr th {
  color: #343434;
  padding: 2px;
}

table.filterTable input[type=number],
table.filterTable input[type=text],
table.filterTable select {
  border: 1px #aed2ec solid;
  padding: 5px 8px;
  font-size: 13px;
  background-color: #ebf5fc;
}

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

.news--table thead tr th {
  text-align: center;
}

/* Bars over tables */
#subpageContent > header > nav,
#subpageContent > footer > nav {
  display: inline-block;
  text-align: left;
  width: 80%;
}

#subpageContent > header > aside {
  display: inline-block;
  text-align: right;
  width: 19%;
}

/* Buttons
	- Default */
/*
table button.btn { display:inline-block; padding:4px 8px; background-color:#3498DB; color:#FFF; }
table button.btn:hover { cursor:pointer; background-color:#2C3E50; color:#FFF; }
*/
.btn,
.pluploadmain a.blank {
  display: inline-block;
  padding: 4px 6px;
  background-color: #3498DB;
  color: #FFF;
  font-size: 13px;
}

.btn:hover,
.pluploadmain a.blank:hover {
  cursor: pointer;
  background-color: #2C3E50;
  color: #FFF;
}

/* Color buttons */
.btn-red {
  background-color: #e74c3c !important;
}

.btn-red:hover {
  background-color: #cc0000 !important;
}

.btn-green {
  background-color: #49B61F !important;
}

.btn-yellow,
.pluploadmain a.blank {
  background-color: #ff8d00 !important;
  padding: 8px 15px;
  font-size: 12px;
  text-transform: uppercase;
  font-family: "Lato";
  font-weight: 300;
  margin: 10px 0;
}

.btn-yellow:hover,
.pluploadmain a.blank:hover {
  background-color: #D35400 !important;
  color: white;
}

/* Forms */
.formalize label {
  font-weight: 200;
}

.formalize input, .formalize select, .formalize textarea {
  font-family: "Roboto Condensed", "Arial Narrow", Arial;
  padding: 7px 10px;
  position: relative;
  -webkit-box-shadow: inset 0px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0px 3px 0px rgba(0, 0, 0, 0.1);
  font-size: 17px;
  font-weight: 600;
}

.formalize select:focus, .formalize input:focus, .formalize textarea:focus {
  border-color: #575757;
  color: #000000;
  background: white;
  -webkit-box-shadow: 0 0;
          box-shadow: 0 0;
  border-radius: 0;
}

.formalize label span {
  font-size: 11px;
  color: #8D8D8D;
}

fieldset.summary {
  border: 0;
  background: transparent;
}

.summary.summary__fixed {
  position: fixed;
  bottom: 29px;
  right: 0;
  z-index: 999999;
  text-align: right;
  background: #fff;
  border-top: 1px #aed2ec solid;
  border-left: 1px #aed2ec solid;
  border-radius: 9px 0 0 0;
}

/* Footer */
body > footer {
  background-color: #313131;
  color: #EFEFEF;
  font-family: "Lato", Arial;
  font-size: 13px;
  border-top: 2px #dfdfdf solid;
  padding: 5px 10px;
}

body > footer a {
  color: #FFFFFF;
}

body > footer a:hover {
  color: #cdcdcd;
}

/* Checkbox replaces */
.checkbox-checked, .checkbox-unchecked {
  font-size: 24px;
}

.checkbox-checked {
  color: #49B61F;
}

.checkbox-unchecked {
  color: #e74c3c;
}

/* submit/cancel - module bottom buttons */
fieldset.summary {
  text-align: center;
  margin-top: 40px;
  position: fixed;
  bottom: 0px;
  right: 0;
  z-index: 100000;
  background: #FFF;
  border-radius: 0;
  border: solid #dfdfdf;
  border-width: 1px 0 0 1px;
  margin: 0;
}

.btnbig,
.btnbig:hover,
.btnbig:active {
  transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
}

.btnbig {
  border: none;
  vertical-align: middle;
  line-height: 35px;
  font-size: 18px;
  margin: 10px 25px;
  display: inline-block;
  vertical-align: top;
  background-color: #1C3C8F;
  color: #fff;
  padding: 5px 20px 5px;
  border-radius: 4px;
  background-color: #3498DB;
}

.btnbig:hover {
  text-decoration: none;
  background-color: #2C3E50;
}

.btnbig span {
  font-size: 20px;
  margin-right: 13px;
}

input[type=text][name^=attachment] {
  width: 600px;
  border: #ecf0f1 2px solid;
  padding: 5px;
}

.login_page button span {
  display: inline-block;
  width: 27px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("lock.png");
  position: relative;
  top: 4px;
  margin-right: 5px;
}

#subpageContent > h2 {
  padding: 5px 12px 10px;
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 200;
}

.messages {
  position: relative;
}

a.message-close {
  color: #000;
  font-size: 18px;
  font-weight: 900;
  background-color: #FFF;
  border-radius: 16px;
  width: 32px;
  height: 32px;
  display: block;
  text-align: center;
  position: absolute;
  right: -15px;
  top: -15px;
  padding-top: 2px;
}

a.message-close:hover {
  text-decoration: none;
  background-color: #000;
  color: #FFF;
}

.messages .message {
  display: block;
  background: #2c3e50;
  color: white;
  text-align: center;
  padding: 30px;
  font-size: 22px;
  margin-bottom: 3px;
  border-radius: 10px;
}

.message.error {
  background: #5F1A1A;
}

.messages .message:last-child {
  margin-bottom: 20px;
}

/* Able to transition effect */
.btn,
.fx-ease {
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

.formalize input.select2-search__field:not([type="radio"]):not([type="checkbox"]),
.formalize select.select2-search__field,
.formalize textarea.select2-search__field {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  border: none;
  border-radius: 0;
}

.formalize .select2-container {
  width: 100% !important;
}

.tooltip {
  width: 200px;
}

.panel.panel-primary .panel-title .badge {
  color: #337ab7;
  background-color: #fff;
}

.wrapper.edit .onedit-hide {
  display: none;
}

.wrapper:not(.edit) .onedit-show {
  display: none;
}

.small-form {
  line-height: 32px;
}

.small-form label {
  width: 33%;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  line-height: 14px;
  padding: 3px 5px;
}

.small-form input:not([type="radio"]):not([type="checkbox"]),
.small-form select,
.small-form textarea,
.small-form .right {
  width: 63%;
  display: inline-block;
  vertical-align: top;
  padding: 5px 10px;
  line-height: 20px;
  margin-bottom: 5px;
}

.small-form label,
.small-form input:not([type="radio"]):not([type="checkbox"]),
.small-form select,
.small-form textarea,
.small-form .right {
  margin-bottom: 5px;
}

.small-form br + br {
  display: none;
}

.filterTable {
  background-color: #FFFFFF;
  display: block;
  padding: 5px 12px;
  -webkit-box-shadow: 5px 11px rgba(80, 103, 119, 0.17);
          box-shadow: 5px 11px rgba(80, 103, 119, 0.17);
  border: 1px #aed2ec solid;
}

.filterTableItem {
  display: inline-block;
  vertical-align: top;
  width: 160px;
}

.filterTableItem.summary {
  width: auto;
  white-space: nowrap;
}

.filterTableItem .title {
  text-transform: uppercase;
  text-align: left;
  font-weight: 700;
  font-size: 11px;
  color: #343434;
  padding: 2px;
}

.filterTableItem .field {
  line-height: 58px;
  font-family: "Lato", Arial;
  font-size: 14px;
}

.filterTable input[type=number],
.filterTable input[type=text],
.filterTable select {
  border: 1px #aed2ec solid;
  padding: 5px 8px;
  font-size: 13px;
  background-color: #ebf5fc;
  line-height: 1.3em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 30px;
  margin: 14px 0;
}

.filterTableAlt {
  display: none;
}

.filterTableAlt.active {
  display: block;
}

.formalize .el-select label {
  display: block;
  margin: 0 12px 0 0;
  font-size: 12px;
  line-height: 17px;
  text-align: left;
  vertical-align: baseline;
  text-transform: none;
}

.sub-text {
  font-size: 0.8em;
  opacity: 0.6;
  font-weight: 400;
}

.comment-app {
  width: 450px;
}

.comment-app-comment {
  width: 100%;
  height: 100px;
}

.comment-app-buttons {
  text-align: right;
  margin-top: 10px;
}

.dropzone, .dropzone * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*
.dropzone-target {  }
.dropzone-target.dz-clickable { cursor: pointer; }
.dropzone-target.dz-clickable * { cursor: default; }
.dropzone-target.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { cursor: pointer; }
.dropzone-target.dz-started .dz-message { display: none; }
.dropzone-target.dz-drag-hover { border-style: solid; }
.dropzone-target.dz-drag-hover .dz-message { opacity: 0.5; }
.dropzone-target .dz-message { text-align: center; margin: 2em 0; }
.dropzone-target .dz-preview { position: relative; display: inline-block; vertical-align: top; min-height: 100px; }
.dropzone-target .dz-preview:hover { z-index: 1000; }
.dropzone-target .dz-preview:hover .dz-details { opacity: 1; }
.dropzone-target .dz-preview.dz-file-preview .dz-image { background: #999; background: linear-gradient(to bottom, #eee, #ddd); }
.dropzone-target .dz-preview.dz-file-preview .dz-details { opacity: 1; }
.dropzone-target .dz-preview.dz-image-preview { background: white; }
.dropzone-target .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.dropzone-target .dz-preview:hover .dz-details { opacity: 1; }
.dropzone-target .dz-preview .dz-details { z-index: 20; position: absolute; top: 0; left: 0; opacity: 0; font-size: 13px; min-width: 100%; max-width: 100%; padding: 2em 1em; text-align: center; color: rgba(0, 0, 0, 0.9); line-height: 150%; }
.dropzone-target .dz-preview .dz-details .dz-size { margin-bottom: 1em; font-size: 16px; }
.dropzone-target .dz-preview .dz-details .dz-size span { border: 1px solid rgba(200, 200, 200, 0.8); background-color: rgba(255, 255, 255, 0.8); }
.dropzone-target .dz-preview .dz-details .dz-filename { white-space: nowrap; }
.dropzone-target .dz-preview .dz-details .dz-filename:hover span { border: 1px solid rgba(200, 200, 200, 0.8); background-color: rgba(255, 255, 255, 0.8); }
.dropzone-target .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis; }
.dropzone-target .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; }
.dropzone-target .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { background-color: rgba(255, 255, 255, 0.4); padding: 0 0.4em; border-radius: 3px; }
.dropzone-target .dz-preview:hover .dz-image img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: blur(8px); filter: blur(8px); }
.dropzone-target .dz-preview .dz-image { position: relative; display: block; z-index: 10; width: 100%; height: 100%; }
.dropzone-target .dz-preview .dz-image img { display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; max-width: 100%; }
.dropzone-target .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone-target .dz-preview.dz-error .dz-error-mark { opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone-target .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; }
.dropzone-target .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { display: block; width: 54px; height: 54px; }
.dropzone-target .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.dropzone-target .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; }
.dropzone-target .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; }
.dropzone-target .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 16px; left: 50%; top: 50%; margin-top: -8px; width: 80px; margin-left: -40px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; }
.dropzone-target .dz-preview .dz-progress .dz-upload { background: #333; background: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; }
.dropzone-target .dz-preview.dz-error .dz-error-message { display: block; }
.dropzone-target .dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto; }
.dropzone-target .dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 8px; font-size: 13px; top: 130px; left: -10px; width: 140px; background: #be2626; background: linear-gradient(to bottom, #be2626, #a92222); padding: 0.5em 1.2em; color: white; }
.dropzone-target .dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626; }
*/
.dropzone-target.dz-clickable {
  cursor: pointer;
}

.dropzone-target.dz-clickable * {
  cursor: default;
}

.dropzone-target.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}

.dropzone-target.dz-started .dz-message {
  display: none;
}

.dropzone-target.dz-drag-hover {
  border-style: solid;
}

.dropzone-target.dz-drag-hover .dz-message {
  opacity: 0.5;
}

.dropzone-target .dz-message {
  text-align: center;
  margin: 2em 0;
}

.dropzone-target .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  min-height: 100px;
}

.dropzone-target .dz-preview:hover {
  z-index: 1000;
}

.dropzone-target .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone-target .dz-preview.dz-file-preview .dz-image {
  background: #999;
  background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
  background: linear-gradient(to bottom, #eee, #ddd);
}

.dropzone-target .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}

.dropzone-target .dz-preview.dz-image-preview {
  background: white;
}

.dropzone-target .dz-preview.dz-image-preview .dz-details {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.dropzone-target .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone-target .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}

.dropzone-target .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}

.dropzone-target .dz-preview .dz-details .dz-size span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}

.dropzone-target .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}

.dropzone-target .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}

.dropzone-target .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropzone-target .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}

.dropzone-target .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}

.dropzone-target .dz-preview:hover .dz-image img {
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -webkit-filter: blur(8px);
  filter: blur(8px);
}

.dropzone-target .dz-preview .dz-image {
  position: relative;
  display: block;
  z-index: 10;
  width: 100%;
}

.dropzone-target .dz-preview .dz-image img {
  display: block;
  width: 100%;
}

.dropzone-target .dz-preview.dz-success .dz-success-mark {
  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone-target .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone-target .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}

.dropzone-target .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}

.dropzone-target .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.dropzone-target .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
}

.dropzone-target .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse 6s ease infinite;
  animation: pulse 6s ease infinite;
}

.dropzone-target .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 30px;
  left: 0;
  bottom: 0;
  margin-top: -8px;
  width: 100%;
  margin-left: 0;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 0;
  overflow: hidden;
}

.dropzone-target .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: -webkit-gradient(linear, left top, left bottom, from(#28cac4), to(#28cac4));
  background: linear-gradient(to bottom, #28cac4, #28cac4);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  -webkit-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
}

.dropzone-target .dz-preview.dz-error .dz-error-message {
  display: block;
}

.dropzone-target .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}

.dropzone-target .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: -webkit-gradient(linear, left top, left bottom, from(#be2626), to(#a92222));
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: white;
}

.dropzone-target .dz-preview .dz-error-message:after {
  content: '';
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}

.dropzone-target .dz-error-mark {
  display: none;
}

/*.dropzone-target .dz-preview .dz-remove { font-size: 14px; text-align: center; display: block; cursor: pointer; border: none; }
.dropzone-target .dz-preview .dz-remove:hover { text-decoration: underline; }*/
.dropzone-target .dz-preview .dz-remove {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
  background: #f00;
  color: #fff;
  text-align: center;
  line-height: 27px;
  width: 30px;
  height: 30px;
  font-size: 0;
  font-family: monospace;
  font-weight: 700;
}

.dropzone-target .dz-preview .dz-remove:hover {
  background-color: #000;
  text-decoration: none;
}

.dropzone-target .dz-preview .dz-remove::before {
  content: 'x';
  font-size: 28px;
}

/*
#adding-panel {  }
#adding-panel .blog-item-horizontal,
#adding-panel .blog-item-vertical { float: left; padding: 3px; }
#adding-panel .blog-item-horizontal { height: 150px; }
#adding-panel .blog-item-vertical { height: 300px; }
#adding-panel .blog-row { position: relative; }
#adding-panel .blog-row::before,
#adding-panel .blog-row::after { content: ''; display: block; clear: both; }
#adding-panel .blog-row-1 {  }
#adding-panel .blog-row-1 .blog-item-horizontal { width: 100%; }
#adding-panel .blog-row-1 .blog-item-vertical { width: 100%; }
#adding-panel .blog-row-2 {  }
#adding-panel .blog-row-2 .blog-item-horizontal,
#adding-panel .blog-row-2 .blog-item-vertical { width: 50%; }
#adding-panel .blog-row-2.blog-arrangement-21 {  }
#adding-panel .blog-row-2.blog-arrangement-21 .blog-item-horizontal { width: 66.666%; height: 300px; }
#adding-panel .blog-row-2.blog-arrangement-21 .blog-item-vertical { width: 33.333%; }
#adding-panel .blog-row-2.blog-arrangement-12 {  }
#adding-panel .blog-row-2.blog-arrangement-12 .blog-item-horizontal { width: 66.666%; height: 300px; }
#adding-panel .blog-row-2.blog-arrangement-12 .blog-item-vertical { width: 33.333%; }
*/
#adding-panel .blog-item-horizontal,
#adding-panel .blog-item-vertical {
  float: left;
  padding: 3px;
}

#adding-panel .blog-row {
  position: relative;
}

#adding-panel .blog-row::before,
#adding-panel .blog-row::after {
  content: '';
  display: block;
  clear: both;
}

#adding-panel .blog-row-1 .blog-item-horizontal {
  width: 100%;
}

#adding-panel .blog-row-1 .blog-item-vertical {
  width: 100%;
}

#adding-panel .blog-row-2 .blog-item-horizontal,
#adding-panel .blog-row-2 .blog-item-vertical {
  width: 50%;
}

#adding-panel .blog-row-2.blog-arrangement-21 .blog-item-horizontal {
  width: 68.5819071%;
}

#adding-panel .blog-row-2.blog-arrangement-21 .blog-item-vertical {
  width: 31.4180929%;
}

#adding-panel .blog-row-2.blog-arrangement-12 .blog-item-horizontal {
  width: 68.5819071%;
}

#adding-panel .blog-row-2.blog-arrangement-12 .blog-item-vertical {
  width: 31.4180929%;
}

#adding-panel .blog-row-remove {
  cursor: pointer;
  position: absolute;
  right: -120px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #f00;
  color: #fff;
  font-weight: 700;
}

#adding-panel .blog-row-remove:hover {
  background: #000;
}

#adding-panel .blog-row-remove::before {
  content: 'usuń rząd';
}

#adding-panel .blog-row-3 .blog-item-horizontal,
#adding-panel .blog-row-3 .blog-item-vertical {
  width: 33.333%;
}

#adding-panel .blog-item-inner {
  width: 100%;
  position: relative;
  background: url("camera3.png") no-repeat scroll center center transparent;
  border: 1px solid #2d3338;
  position: relative;
}

#adding-panel .dropzone-target {
  width: 100%;
  min-height: 150px;
}

/*#adding-panel .dz-preview { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }*/
#adding-panel .dz-preview {
  overflow: hidden;
  width: 100%;
}

/*#adding-panel .dz-details { position: absolute; bottom: 0; left: 0; padding: 5px 15px; background: rgba(255, 255, 255, 0.78); }
#adding-panel .dz-size,
#adding-panel .dz-filename { display: inline-block; vertical-align: top; }
#adding-panel .dz-size {  }
#adding-panel .dz-filename {  }
#adding-panel .dz-progress {  }*/
#adding-panel .blog-row-add-new {
  cursor: pointer;
  position: absolute;
  right: -180px;
  top: 80px;
  bottom: 0;
  margin: auto 0;
  width: 160px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #00f;
  color: #fff;
  font-weight: 700;
}

#adding-panel .blog-row-add-new::before {
  content: 'dodaj rząd poniżej';
}

#adding-panel .blog-row-add-new .inner {
  display: none;
  width: 220px;
  background: #fff;
  padding: 7px 8px;
  cursor: default;
  z-index: 999;
  position: relative;
}

#adding-panel .blog-row-add-new:hover .inner {
  display: block;
}

#adding-panel .blog-row-add-new .btn {
  margin-bottom: 7px;
}

#adding-panel.resize .blog-row {
  border: 4px dashed #3d3d3d;
}

#adding-panel .blog-row {
  position: relative;
}

#adding-panel .blog-row .blognav {
  opacity: 1;
}

#adding-panel .blog-item {
  margin: 5px;
  max-width: 100%;
  text-align: center;
}

#adding-panel .blog-item:hover {
  cursor: -webkit-grab;
}

#adding-panel .blog-item:focus {
  cursor: -webkit-grabbing;
}

#adding-panel .blog-item img {
  height: auto;
  max-width: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 750px;
}

#adding-panel .blog-row.resized .blog-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#adding-panel .blog-row.resized .blog-item img {
  -o-object-fit: cover;
     object-fit: cover;
}

.blognav {
  float: right;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 9999;
  opacity: 0;
  -webkit-transition: all .15s ease;
  transition: all .15s ease;
}

.blognav .fa {
  background-color: #efefef;
  color: #000;
  padding: 10px;
  margin: 3px 0;
  display: block;
}

.blognav .fa:hover {
  cursor: pointer;
  background-color: #cccccc;
}

.blognav .fa.fa-check {
  background-color: #7ae524;
}

.blognav .fa-times:hover {
  background-color: #f10;
  color: #fff;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 1 !important;
}