/**
 * @package   ShackToolbox
 * @contact   www.joomlashack.com, help@joomlashack.com
 * @copyright 2018 Perfect Web. All rights reserved.
 * @copyright 2019-2024 Joomlashack.com. All rights reserved
 * @license   http://www.gnu.org/licenses/gpl.html GNU/GPL
 *
 * This file is part of ShackToolbox.
 *
 * ShackToolbox is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 2 of the License, or
 * (at your option) any later version.
 *
 * ShackToolbox is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with ShackToolbox.  If not, see <http://www.gnu.org/licenses/>.
 */

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: >0.3%,last 4 version,not dead
*/

.pwebbox-box {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}

div.pwebbox,
div.pwebbox *,
div.pweb-modal,
div.pweb-modal *,
.pwebbox_toggler {
  box-sizing: content-box;
}

.pwebbox-container-inset {
  overflow: hidden;
}

/****************** Positions ******************/
.pweb-left, .pweb-right, .pweb-top, .pweb-bottom {
  position: fixed;
  z-index: 1030;
}

.pweb-left {
  left: 0;
}

.pweb-right {
  right: 0;
}

.pweb-top {
  top: 0;
}

.pweb-bottom {
  bottom: 0;
}

.pweb-offset-left.pweb-top,
.pweb-offset-left.pweb-bottom {
  left: 20%;
}

.pweb-offset-right.pweb-top,
.pweb-offset-right.pweb-bottom {
  right: 20%;
}

.pweb-offset-top.pweb-left,
.pweb-offset-top.pweb-right {
  top: 20%;
}

.pweb-offset-left.pweb-slidebox-full-dimension.pweb-top,
.pweb-offset-left.pweb-slidebox-full-dimension.pweb-bottom {
  left: 0;
  right: 0;
}

.pweb-offset-right.pweb-slidebox-full-dimension.pweb-top,
.pweb-offset-right.pweb-slidebox-full-dimension.pweb-bottom {
  left: 0;
  right: 0;
}

.pweb-offset-top.pweb-slidebox-full-dimension.pweb-left,
.pweb-offset-top.pweb-slidebox-full-dimension.pweb-right {
  top: 0;
  bottom: 0;
}

/****************** Toggler ******************/
.pwebbox_toggler {
  position: relative;
  z-index: 1;
  display: block;
  white-space: nowrap;
  width: 100px;
  height: 30px;
  line-height: 30px;
  padding: 5px 10px;
  text-decoration: none;
  text-align: left;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  background-color: #fff;
  cursor: pointer;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.2) inset;
}

.pwebbox_toggler:hover {
  color: inherit;
  text-decoration: none;
  transition: all .1s ease;
}

.pweb-vertical.pweb-left .pwebbox_toggler,
.pweb-vertical.pweb-right .pwebbox_toggler {
  width: 30px;
  height: 120px;
  padding: 10px 5px;
  text-align: center;
  font-size: 1.2em;
}

/****************** Vertical Toggler CSS type ******************/
.pweb-vertical-css .pweb-text {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  -webkit-writing-mode: vertical-lr;
  writing-mode: vertical-lr;
  white-space: nowrap;
}

.pweb-vertical-css.pweb-rotate .pweb-text {
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/************************************************************************/
.pweb-toggler-hidden .pwebbox_toggler.pweb-closed {

}

.pweb-accordion .pwebbox_toggler {
  width: auto;
}

.pwebbox-toggler-link,
.pwebbox-toggler-link:hover,
.pwebbox-toggler-link:focus {
  text-decoration: none;
}

.pweb-toggler-img img {
  max-width: 100%;
  max-height: 100%;
}

/****************** Toggler Gradient active ******************/
.pwebbox_toggler.pweb-gradient:hover,
.pwebbox_toggler.pweb-gradient.pweb-opened {
  background-image: none;
}

/****************** Toggler Rounded ******************/
.pwebbox_toggler.pweb-radius {
  border-radius: 10px;
}

.pweb-left .pwebbox_toggler.pweb-radius {
  border-radius: 0 10px 10px 0;
}

.pweb-right .pwebbox_toggler.pweb-radius {
  border-radius: 10px 0 0 10px;
}

.pweb-top .pwebbox_toggler.pweb-radius {
  border-radius: 0 0 10px 10px;
}

.pweb-bottom .pwebbox_toggler.pweb-radius {
  border-radius: 10px 10px 0 0;
}

/****************** Vertical Toggler text ******************/
.pweb-vertical.pweb-left .pwebbox_toggler .pweb-text,
.pweb-vertical.pweb-right .pwebbox_toggler .pweb-text {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: left top;
}

.pweb-vertical.pweb-left .pwebbox_toggler.pweb-opened .pweb-text,
.pweb-vertical.pweb-right .pwebbox_toggler.pweb-opened .pweb-text {
  background-position: right top;
}

.pweb-vertical.pweb-left .pwebbox_toggler.pweb-rotate .pweb-text,
.pweb-vertical.pweb-right .pwebbox_toggler.pweb-rotate .pweb-text {
  background-position: left bottom;
}

.pweb-vertical.pweb-left .pwebbox_toggler.pweb-rotate.pweb-opened .pweb-text,
.pweb-vertical.pweb-right .pwebbox_toggler.pweb-rotate.pweb-opened .pweb-text {
  background-position: right bottom;
}

.pweb-vertical.pweb-left .pwebbox_toggler.pweb-no-rotate .pweb-text,
.pweb-vertical.pweb-right .pwebbox_toggler.pweb-no-rotate .pweb-text {
  text-align: center;
}

/****************** Toggler Icon ******************/
.pwebbox_toggler.pweb-icon {
  padding: 5px 40px 5px 10px;
  font-size: 16px;
}

.pweb-horizontal.pweb-right .pwebbox_toggler.pweb-icon {
  padding: 5px 10px 5px 40px;
}

.pweb-vertical.pweb-left .pwebbox_toggler.pweb-icon,
.pweb-vertical.pweb-right .pwebbox_toggler.pweb-icon {
  padding: 40px 5px 10px 5px;
}

.pwebbox_toggler.pweb-icon .pweb-icon {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 18px;
  background-repeat: no-repeat;
  background-position: center top;
}

.pwebbox_toggler.pweb-icon-gallery.pweb-opened .pweb-icon {
  background-position: center bottom;
}

.pweb-horizontal.pweb-right .pwebbox_toggler.pweb-icon .pweb-icon {
  left: 5px;
  right: auto;
}

/****************** Toggler - Slide in box ******************/
.pwebbox.pweb-slidebox .pwebbox_toggler {
  position: absolute;
  z-index: 1;
}

.pwebbox.pweb-slidebox.pweb-horizontal.pweb-left .pwebbox_toggler {
  top: 0;
  left: 0;
}

.pwebbox.pweb-slidebox.pweb-horizontal.pweb-right .pwebbox_toggler {
  top: 0;
  right: 0;
}

.pwebbox.pweb-slidebox.pweb-vertical.pweb-left .pwebbox_toggler {
  top: 10px;
  left: 0;
}

.pwebbox.pweb-slidebox.pweb-vertical.pweb-right .pwebbox_toggler {
  top: 10px;
  right: 0;
}

.pwebbox.pweb-slidebox.pweb-top .pwebbox_toggler {
  top: 0;
}

.pwebbox.pweb-slidebox.pweb-bottom .pwebbox_toggler {
  bottom: 0;
}

.pwebbox.pweb-slidebox.pweb-offset-left.pweb-top .pwebbox_toggler,
.pwebbox.pweb-slidebox.pweb-offset-left.pweb-bottom .pwebbox_toggler {
  left: 10px;
}

.pwebbox.pweb-slidebox.pweb-offset-right.pweb-top .pwebbox_toggler,
.pwebbox.pweb-slidebox.pweb-offset-right.pweb-bottom .pwebbox_toggler {
  right: 10px;
}

/****************** Slide Toggler - Slide in box ******************/
.pwebbox.pweb-slidebox.pweb-toggler-slide.pweb-vertical.pweb-left .pwebbox_toggler {
  top: 0;
  left: auto;
  right: -42px;
}

.pwebbox.pweb-slidebox.pweb-toggler-slide.pweb-vertical.pweb-right .pwebbox_toggler {
  top: 0;
  left: -42px;
  right: auto;
}

.pwebbox.pweb-slidebox.pweb-toggler-slide.pweb-top .pwebbox_toggler {
  top: auto;
  bottom: -42px;
}

.pwebbox.pweb-slidebox.pweb-toggler-slide.pweb-bottom .pwebbox_toggler {
  top: -42px;
  bottom: auto;
}

.pwebbox.pweb-slidebox.pweb-toggler-slide.pweb-offset-left.pweb-top .pwebbox_toggler,
.pwebbox.pweb-slidebox.pweb-toggler-slide.pweb-offset-left.pweb-bottom .pwebbox_toggler {
  left: 0;
}

.pwebbox.pweb-slidebox.pweb-toggler-slide.pweb-offset-right.pweb-top .pwebbox_toggler,
.pwebbox.pweb-slidebox.pweb-toggler-slide.pweb-offset-right.pweb-bottom .pwebbox_toggler {
  right: 0;
}

/****************** BottomBar Toggler - close notification ******************/
.pwebbox.pweb-bottombar .pwebbox_toggler {
  width: 50px;
  height: 50px;
  padding: 0;
  text-align: center;
  line-height: 50px;
  position: absolute;
  bottom: 0;
  right: 0;
}

/****************** Little fix for themes in Bottom Bar ******************/
.pweb-theme-grey.pwebbox_bottombar_toggler {
  background-color: #FFB137;
  background-image: -moz-linear-gradient(left center, #FFB137, #FFCF55);
  border-color: #FFB137;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  color: #000;
}

.pweb-theme-night.pwebbox_bottombar_toggler {
  background-color: #EACB00;
  background-image: none;
  border-color: #CCAD00;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
  color: #000;
}

/****************** Container ******************/
.pwebbox-container {
  background-repeat: no-repeat;
  text-align: left;
  pointer-events: all;
}

.pweb-slidebox .pwebbox-container,
.pweb-modal .pwebbox-container,
.pweb-accordion-boxed .pwebbox-container {
  border: 1px solid #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.pweb-static .pwebbox-container {
  padding: 20px 10px;
}

.pweb-bottombar .pwebbox-container {
  position: fixed;
  z-index: 1001;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  box-shadow: 0 -1px 6px rgba(0, 0, 0, 0.1) !important;
  text-align: center;
  border: 0 !important;
  padding: 10px 0 !important;
}

.pweb-bottombar .pwebbox-container .pwebbox-content {
  margin: 0 auto;
  padding: 0 80px 0 0;
  min-height: 30px;
  position: relative;
}

.pweb-bottombar .pwebbox-container-outset:before,
.pweb-bottombar .pwebbox-container-outset:after {
  display: none !important;
}

/****************** Container - Slide in box ******************/
.pwebbox.pweb-slidebox .pwebbox-container {
  padding: 10px 10px 5px;
}

.pwebbox.pweb-slidebox.pweb-left.pweb-horizontal .pwebbox-container,
.pwebbox.pweb-slidebox.pweb-right.pweb-horizontal .pwebbox-container {
  padding-top: 30px;
}

.pwebbox.pweb-slidebox.pweb-left.pweb-vertical .pwebbox-container {
  padding-left: 50px;
}

.pwebbox.pweb-slidebox.pweb-right.pweb-vertical .pwebbox-container {
  padding-right: 50px;
}

.pwebbox.pweb-slidebox.pweb-top .pwebbox-container {
  padding-top: 50px;
}

.pwebbox.pweb-slidebox.pweb-bottom .pwebbox-container {
  padding-bottom: 50px;
}

/****************** Box ******************/
.pwebbox-box {
  position: relative;
  z-index: 0;
}

.pwebbox-box.pweb-bottombar {
  z-index: 1040;
}

.pwebbox.pweb-modal .pwebbox-box {
  display: none;
}

.pwebbox.pweb-slidebox .pwebbox-box {
  position: absolute;
  max-width: 500px;
}

.pwebbox.pweb-slidebox.pweb-left.pweb-horizontal .pwebbox-box {
  top: 20px;
  left: 0;
}

.pwebbox.pweb-slidebox.pweb-right.pweb-horizontal .pwebbox-box {
  top: 20px;
  right: 0;
}

.pwebbox.pweb-slidebox.pweb-left.pweb-vertical .pwebbox-box {
  top: 0;
  left: 0;
}

.pwebbox.pweb-slidebox.pweb-right.pweb-vertical .pwebbox-box {
  top: 0;
  right: 0;
}

.pwebbox.pweb-slidebox.pweb-top .pwebbox-box {
  top: 0;
}

.pwebbox.pweb-slidebox.pweb-bottom .pwebbox-box {
  bottom: 0;
}

.pwebbox.pweb-slidebox.pweb-top.pweb-offset-left .pwebbox-box,
.pwebbox.pweb-slidebox.pweb-bottom.pweb-offset-left .pwebbox-box {
  left: 0;
}

.pwebbox.pweb-slidebox.pweb-top.pweb-offset-right .pwebbox-box,
.pwebbox.pweb-slidebox.pweb-bottom.pweb-offset-right .pwebbox-box {
  right: 0;
}

/****************** Toggler - Slide in box with full dimension. ******************/
.pwebbox.pweb-slidebox.pweb-slidebox-full-dimension.pweb-horizontal.pweb-left .pwebbox_toggler {
  top: 150px;
}

.pwebbox.pweb-slidebox.pweb-slidebox-full-dimension.pweb-horizontal.pweb-right .pwebbox_toggler {
  top: 150px;
}

.pwebbox.pweb-slidebox.pweb-slidebox-full-dimension.pweb-vertical.pweb-left .pwebbox_toggler {
  top: 150px;
}

.pwebbox.pweb-slidebox.pweb-slidebox-full-dimension.pweb-vertical.pweb-right .pwebbox_toggler {
  top: 150px;
}

.pwebbox.pweb-slidebox.pweb-top .pwebbox_toggler {
  top: 0;
}

.pwebbox.pweb-slidebox.pweb-bottom .pwebbox_toggler {
  bottom: 0;
}

.pwebbox.pweb-slidebox.pweb-slidebox-full-dimension.pweb-offset-left.pweb-top .pwebbox_toggler,
.pwebbox.pweb-slidebox.pweb-slidebox-full-dimension.pweb-offset-left.pweb-bottom .pwebbox_toggler {
  left: 150px;
}

.pwebbox.pweb-slidebox.pweb-slidebox-full-dimension.pweb-offset-right.pweb-top .pwebbox_toggler,
.pwebbox.pweb-slidebox.pweb-slidebox-full-dimension.pweb-offset-right.pweb-bottom .pwebbox_toggler {
  right: 150px;
}

/****************** Container - slide with full dimension ******************/
.pwebbox.pweb-slidebox.pweb-slidebox-full-dimension.pweb-left .pwebbox-container,
.pwebbox.pweb-slidebox.pweb-slidebox-full-dimension.pweb-right .pwebbox-container {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pwebbox.pweb-slidebox.pweb-slidebox-full-dimension.pweb-left.pweb-horizontal .pwebbox-container,
.pwebbox.pweb-slidebox.pweb-slidebox-full-dimension.pweb-right.pweb-horizontal .pwebbox-container {
  padding-top: 10px;
}

.pwebbox.pweb-slidebox.pweb-slidebox-full-dimension.pweb-left.pweb-vertical .pwebbox-container {
  padding-left: 10px;
}

.pwebbox.pweb-slidebox.pweb-slidebox-full-dimension.pweb-right.pweb-vertical .pwebbox-container {
  padding-right: 10px;
}

.pwebbox.pweb-slidebox.pweb-slidebox-full-dimension.pweb-top .pwebbox-container {
  padding-top: 10px;
}

.pwebbox.pweb-slidebox.pweb-slidebox-full-dimension.pweb-bottom .pwebbox-container {
  padding-bottom: 10px;
}

/****************** Box - slide with full dimension ******************/
.pwebbox.pweb-slidebox.pweb-slidebox-full-dimension.pweb-left .pwebbox-container-outset,
.pwebbox.pweb-slidebox.pweb-slidebox-full-dimension.pweb-left .pwebbox-container,
.pwebbox.pweb-slidebox.pweb-slidebox-full-dimension.pweb-right .pwebbox-container-outset,
.pwebbox.pweb-slidebox.pweb-slidebox-full-dimension.pweb-right .pwebbox-container {
  height: 99vh !important;
  max-height: 99vh !important;
}

.pwebbox.pweb-slidebox.pweb-slidebox-full-dimension.pweb-top .pwebbox-container-outset,
.pwebbox.pweb-slidebox.pweb-slidebox-full-dimension.pweb-top .pwebbox-container,
.pwebbox.pweb-slidebox.pweb-slidebox-full-dimension.pweb-bottom .pwebbox-container-outset,
.pwebbox.pweb-slidebox.pweb-slidebox-full-dimension.pweb-bottom .pwebbox-container {
  width: 99vw !important;
  max-width: 99vw !important;
}

.pwebbox.pweb-slidebox.pweb-slidebox-full-dimension.pweb-left .pwebbox-box,
.pwebbox.pweb-slidebox.pweb-slidebox-full-dimension.pweb-right .pwebbox-box {
  top: 0;
  bottom: 0;
}

.pwebbox.pweb-slidebox.pweb-slidebox-full-dimension.pweb-top .pwebbox-box,
.pwebbox.pweb-slidebox.pweb-slidebox-full-dimension.pweb-bottom .pwebbox-box {
  left: 0;
  right: 0;
}

/****************** Container - Accordion ******************/
.pweb-accordion .pwebbox-container {
  padding-top: 30px;
}

.pweb-accordion.pweb-accordion-boxed .pwebbox-container {
  margin-top: 15px;
  padding: 30px 10px 10px;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
}

.pweb-accordion.pweb-accordion-boxed .pweb-arrow {
  position: absolute;
  left: 25%;
  top: 5px;
  width: 0;
  height: 0;
  border-style: dashed;
  border-width: 0 9px 10px 9px;
  border-color: transparent;
  border-bottom-color: #7F7F7F;
  border-bottom-color: rgba(0, 0, 0, 0.5);
  border-bottom-style: solid;
}

/****************** Container with slide Toggler - Slide in box ******************/
.pwebbox.pweb-slidebox.pweb-toggler-slide.pweb-left.pweb-vertical .pwebbox-container {
  padding-left: 10px;
}

.pwebbox.pweb-slidebox.pweb-toggler-slide.pweb-right.pweb-vertical .pwebbox-container {
  padding-right: 10px;
}

.pwebbox.pweb-slidebox.pweb-toggler-slide.pweb-top .pwebbox-container {
  padding-top: 10px;
}

.pwebbox.pweb-slidebox.pweb-toggler-slide.pweb-bottom .pwebbox-container {
  padding-bottom: 5px;
}

/****************** Container Rounded - Slide in box ******************/
.pwebbox.pweb-slidebox.pweb-left.pweb-radius .pwebbox-container {
  border-radius: 0 10px 10px 0;
}

.pwebbox.pweb-slidebox.pweb-right.pweb-radius .pwebbox-container {
  border-radius: 10px 0 0 10px;
}

.pwebbox.pweb-slidebox.pweb-left.pweb-toggler-slide.pweb-radius .pwebbox-container {
  border-radius: 0 0 10px 0;
}

.pwebbox.pweb-slidebox.pweb-right.pweb-toggler-slide.pweb-radius .pwebbox-container {
  border-radius: 0 0 0 10px;
}

.pwebbox.pweb-slidebox.pweb-top.pweb-radius .pwebbox-container {
  border-radius: 0 0 10px 10px;
}

.pwebbox.pweb-slidebox.pweb-bottom.pweb-radius .pwebbox-container {
  border-radius: 10px 10px 0 0;
}

.pwebbox.pweb-slidebox.pweb-top.pweb-toggler-slide.pweb-offset-left.pweb-radius .pwebbox-container {
  border-radius: 0 0 10px 0;
}

.pwebbox.pweb-slidebox.pweb-top.pweb-toggler-slide.pweb-offset-right.pweb-radius .pwebbox-container {
  border-radius: 0 0 0 10px;
}

.pwebbox.pweb-slidebox.pweb-bottom.pweb-toggler-slide.pweb-offset-left.pweb-radius .pwebbox-container {
  border-radius: 0 10px 0 0;
}

.pwebbox.pweb-slidebox.pweb-bottom.pweb-toggler-slide.pweb-offset-right.pweb-radius .pwebbox-container {
  border-radius: 10px 0 0 0;
}

/****************** Container Rounded - Accordion ******************/
.pwebbox.pweb-accordion.pweb-radius .pwebbox-container {
  border-radius: 10px;
}

/****************** Shadow ******************/
.pwebbox.pweb-slidebox.pweb-shadow .pwebbox-container {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

.pwebbox_toggler.pweb-shadow {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(255, 255, 255, 0.2) inset;
}

.pwebbox.pweb-offset-left.pweb-top .pwebbox_toggler.pweb-shadow {
  box-shadow: -1px 3px 3px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(255, 255, 255, 0.2) inset;
}

.pwebbox.pweb-offset-left.pweb-bottom .pwebbox_toggler.pweb-shadow {
  box-shadow: -1px -3px 3px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(255, 255, 255, 0.2) inset;
}

.pwebbox.pweb-offset-right.pweb-top .pwebbox_toggler.pweb-shadow {
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(255, 255, 255, 0.2) inset;
}

.pwebbox.pweb-offset-right.pweb-bottom .pwebbox_toggler.pweb-shadow {
  box-shadow: 1px -3px 3px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(255, 255, 255, 0.2) inset;
}

.pwebbox.pweb-vertical.pweb-left .pwebbox_toggler.pweb-shadow {
  box-shadow: 3px -1px 3px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(255, 255, 255, 0.2) inset;
}

.pwebbox.pweb-vertical.pweb-right .pwebbox_toggler.pweb-shadow {
  box-shadow: -3px -1px 3px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(255, 255, 255, 0.2) inset;
}

.pwebbox.pweb-accordion.pweb-shadow .pwebbox-container {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

.pwebbox.pweb-accordion.pweb-accordion-boxed.pweb-shadow .pwebbox-container {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5), inset 0 0 4px rgba(0, 0, 0, 0.3);
}

/****************** Lightbox Window ******************/
.pweb-modal.modal {
  overflow: visible;
  overflow-y: initial;
  bottom: initial;
}

.pwebbox-modal.modal {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 0 !important;
  background: none !important;
  overflow-x: auto;
  overflow-y: scroll;
  box-shadow: none !important;
}

body.pweb-modal-open {
  overflow: hidden;
}

.pwebbox-box.pweb-modal {
  margin: 30px auto !important;
  width: auto !important;
  min-width: 200px;
  max-width: 600px;
  height: auto !important;
  min-height: 200px;
  padding: 0;
}

.pwebbox-box.pweb-modal .pwebbox-container {
  padding: 15px;
}

.pweb-modal.modal {
  padding: 10px;
}

.pweb-modal.modal .modal-body {
  min-height: 400px;
}

.pweb-modal.modal .modal-body.pweb-progress {
  background-position: center center;
}

/****************** Lightbox - Container Rounded ******************/
.pwebbox-box.pweb-modal.pweb-radius .pwebbox-container,
.ui-effects-transfer.pweb-genie.pweb-radius {
  border-radius: 10px;
}

/****************** Lightbox - Shadow ******************/
.pwebbox-box.pweb-modal.pweb-shadow .pwebbox-container,
.ui-effects-transfer.pweb-genie.pweb-shadow {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

/****************** Lightbox - close button ******************/
.pweb-button-close {
  position: absolute;
  right: 5px;
  top: 5px;
  display: block;
  width: 20px !important;
  height: 20px !important;
  line-height: 20px !important;
  padding: 0 !important;
  border: none !important;
  cursor: pointer;
  background: none !important;
  overflow: hidden !important;
  box-shadow: none !important;
  text-align: center;
  font-size: 20px !important;
  z-index: 1;
}

.pweb-modal .pweb-button-close {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAQAAACROWYpAAAEEElEQVQ4y32Va2yTVRzGf23fd10vUNqxsY1dGIyba7BsTgiwhcRkgxHkFkJAuQzIggY0IXGYkKA4DeAQMQTIiIB+MyRAJn7hAxJRJKIRiJgQIhESZxYFEuja9f74oe1aoPh/vrx5z3nO/3qeA0+aBSvW+UaT2VBUb+91HXY3FDUUNZnzDaxYsfBcs2DDpHjqqC1ln07YU79t0oGX+mY1V3dWv1/VWVrqphgTW+EDLBjYS91tZZ/5v+34d1/sijIWv/bw2IXFy2urfKVu7BjP0q0YOCaMWVlzfF7wdJY2mLybzH4/+mpq3cxKrwcHBtanvTqrfK/X97+avCvFUn2xtjDBNJpDn8SGU1Ls+oXVTTUeL8587xYMHKN97fWnlikqnU/UDmWJWUwL/ZKQpPOvTZvg8eLI0W3Y8cyo+3hB4p50MmYLUgC24EdRSTq6rLIaD/Z06SyYuMdWvjnv4TfS+URhahpHYlLwR16gHDcmVrBSPNrXOv2LTimUrMoE3BiaO5Jz2dCmiDNIkGBRcCAuffde1WR8FGMDKy5n5cp5f34pHYqlt/tDkrQ7SpDgxNBASurLrHRFpPsXmUEFbgyw4fFM7FgQvi7NznirHQorTZ8cGkhJUm80vVIylJA0ppU6xlAEBiXj/EvWSI+TuewWhdP0xylJOhPPVeJGVNqxbdQ0xlIMprusoXnzW9LtRH5xFoUjmfHIpxL8Oiod3ed6kXE4wHRW+Od0dku/J57s7P1UmvxBNP//2ah0+CCNVOICk8qyOS3bpAeJfOpgSpISypUujZ+GpXd6HC8zPkM2Z9Vtiv0jZRvlGRrM5Lo4k/vWSHZUHsWlGW+YI+QKs7lh/Z1L0tuZLbPDuVzTpTsVT6+0haXB31hNUzbsMjMwZdWBz6XBuDOY7efWiG3kYuyOZmO6FJLOnWM5mYIZlDDd3lHVPXAt18/C2DAsBf8u2cECpqdbZcNDndHi27S5T5I2DD+POjccT0qHz9JJS3ZIrLioIGBbNu7dI6claVdB72uHI0np8lW6WUIgO55WivFRT6ttvffDQ/2SdCuyatiZR2wLXwlL0uVf6WEdrdRnL4YFEzfl+Gm3dXn2bun/67YkRZI3oscjxyM/Rx7FJenBwP6L7KWLdvy5K5kRA6qZSYety9nDiYM//HFLeXbvzsmr5kl66KKDmeSJQUaG8FJDgHbW0e3YzwnPmVe+33lz582Oy+P7OcF+ullHOwFqeEKGMgKIl2r8tLCUjWxnl7HH6KXX2GPdxXY2spQW/FTzlACOSC8eyplEgBYWsoI1rGUta1jBQloIMIlyCkhv9r2w48JLObVMwU+ARhoJ4GcKtZTjxZXL9Vm6BSsGJnYcOHFl4MSBHRMDK5b/e69yxzyNAvYf9TCL+HAwka4AAAAASUVORK5CYII%3D) no-repeat center !important;
  width: 0 !important;
  height: 0 !important;
  right: -15px;
  top: -15px;
  padding: 30px 0 0 30px !important;
}

/****************** Accordion - close button ******************/
.pweb-accordion.pweb-accordion-boxed .pweb-button-close {
  top: 20px;
}

/****************** Global box declarations ******************/
.pwebbox-content {
  margin: 0;
}

/****************** Tooltip ******************/
.tooltip {
  z-index: 9999;
}

/****************** Rounded fields and buttons ******************/
.pweb-radius .pwebbox-content input.pweb-input,
.pweb-radius .pwebbox-content select,
.pweb-radius .pwebbox-content textarea,
.pweb-radius .pwebbox-content .pweb-field-shadow {
  border-radius: 3px;
}

.pweb-radius .pwebbox-content button,
.pweb-radius .pwebbox-content .btn {
  border-radius: 4px;
}

/****************** Shadow fields and buttons ******************/
.pweb-shadow .pwebbox-content .pweb-field-shadow {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

.pweb-shadow .pwebbox-content button,
.pweb-shadow .pwebbox-content .btn {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(255, 255, 255, 0.2) inset;
}

/****************** Columns ******************/
.pweb-column {
  float: left;
  margin-right: 2.8%;
}

.pweb-column:last-child {
  margin-right: 0;
}

.pweb-width-50 {
  width: 47%;
}

.pweb-width-50:last-child {
  width: 50%;
}

.pweb-width-33 {
  width: 30%;
}

.pweb-width-33:last-child {
  width: 33%;
}

.pweb-width-25 {
  width: 22%;
}

.pweb-width-25:last-child {
  width: 25%;
}

.pweb-width-20 {
  width: 17%;
}

.pweb-width-20:last-child {
  width: 20%;
}

/****************** phone ******************/
@media (max-width: 480px) {
  /* disable columns */
  .pweb-column,
  .pweb-column:last-child {
    float: none;
    width: auto !important;
    margin-right: 0;
  }

  /* disable fields inline */
  .pweb-labels-inline .pwebbox-content .pweb-label {
    margin-bottom: 3px;
  }

  .pweb-labels-inline .pwebbox-content .pweb-label,
  .pweb-labels-inline .pwebbox-content .pweb-field {
    float: none;
    width: auto;
  }
}

/****************** phone landscape ******************/
@media (min-width: 481px) and (max-width: 767px) {
  /* change 3, 4 and 5 columns into 2 */
  .pweb-width-33,
  .pweb-width-25,
  .pweb-width-20 {
    width: 47%;
  }

  .pweb-width-33:nth-child(even),
  .pweb-width-25:nth-child(even),
  .pweb-width-25:last-child,
  .pweb-width-20:nth-child(even) {
    width: 49.9%;
  }

  .pweb-width-33:last-child,
  .pweb-width-20:last-child {
    width: 100%;
  }

  /* disable fields inline only in columns */
  .pweb-labels-inline .pwebbox-content .pweb-column .pweb-label {
    margin-bottom: 3px;
  }

  .pweb-labels-inline .pwebbox-content .pweb-column .pweb-label,
  .pweb-labels-inline .pwebbox-content .pweb-column .pweb-field {
    float: none;
    width: auto;
  }
}

/****************** tablet and phone ******************/
@media (min-width: 768px) and (max-width: 979px) {
  /* disable fields inline only in 4 and 5 columns */
  .pweb-labels-inline .pwebbox-content .pweb-column.pweb-width-25 .pweb-label,
  .pweb-labels-inline .pwebbox-content .pweb-column.pweb-width-20 .pweb-label {
    margin-bottom: 3px;
  }

  .pweb-labels-inline .pwebbox-content .pweb-column.pweb-width-25 .pweb-label,
  .pweb-labels-inline .pwebbox-content .pweb-column.pweb-width-20 .pweb-label,
  .pweb-labels-inline .pwebbox-content .pweb-column.pweb-width-25 .pweb-field,
  .pweb-labels-inline .pwebbox-content .pweb-column.pweb-width-20 .pweb-field {
    float: none;
    width: auto;
  }
}

/****************** Hide User data ******************/
.pweb-hide-user .pwebbox-content .pweb-field-name,
.pweb-hide-user .pwebbox-content .pweb-field-email {
  display: none !important;
}

/****************** Errors ******************/
.pweb-alert {
  position: fixed;
  z-index: 1060;
  top: 50%;
  left: 50%;
  width: 560px;
  max-height: 400px;
  margin: -200px 0 0 -280px;
  overflow: auto;
  background-color: #fcf8e3;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

/****************** Animations ******************/
.fade {
  transition: opacity 0.15s linear;
}

.fade.in,
.face.show {
  opacity: 1;
}

.modal-backdrop.in,
.modal-backdrop.show {
  opacity: 0.5;
}

.pweb-init.pweb-slidebox {
  visibility: hidden;
}

.pweb-init.pweb-accordion {
  display: none;
}

/****************** Clearfix ******************/
.pwebbox-box:before, .pwebbox-box:after,
.pweb-fields:before, .pweb-fields:after,
.pweb-fields-group:before, .pweb-fields-group:after,
.pweb-field-container:before, .pweb-field-container:after,
.pweb-row:before, .pweb-row:after,
.pweb-uploader .files > div:before, .pweb-uploader .files > div:after {
  content: "";
  display: table;
  line-height: 0;
}

.pwebbox-box:after,
.pweb-fields, .pweb-fields:after,
.pweb-fields-group:after,
.pweb-field-container:after,
.pweb-row:after,
.pweb-uploader .files > div:after {
  clear: both;
}

/* iOS js click events fix. */
@media only screen and (max-device-width: 480px) {
  [class^="pweb"] {
    cursor: pointer;
  }
}

/* iOS IFrame scrolling fix */
.pwebbox-iframe-container {
  overflow-y: scroll;
}

.pwebbox-iframe-container {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

.pwebbox-iframe-container iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}