/*!
 * CSS Floatparts
 * https://github.com/nabeix/css-floatparts
 */
@-webkit-keyframes animation-fade-in {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@keyframes animation-fade-in {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-webkit-keyframes animation-slide-down {
  from {
    top: -20%;
  }
  to {
    top: 20%;
  }
}
@keyframes animation-slide-down {
  from {
    top: -20%;
  }
  to {
    top: 20%;
  }
}
@-webkit-keyframes animation-slide-up {
  from {
    top: 120%;
  }
  to {
    top: 20%;
  }
}
@keyframes animation-slide-up {
  from {
    top: 120%;
  }
  to {
    top: 20%;
  }
}
@-webkit-keyframes animation-slide-left-in {
  from {
    left: -20%;
  }
  to {
    left: 50%;
  }
}
@keyframes animation-slide-left-in {
  from {
    left: -20%;
  }
  to {
    left: 50%;
  }
}
@-webkit-keyframes animation-slide-right-in {
  from {
    left: 120%;
  }
  to {
    left: 50%;
  }
}
@keyframes animation-slide-right-in {
  from {
    left: 120%;
  }
  to {
    left: 50%;
  }
}
.flp-modal .content, .flp-dialog {
  position: fixed;
  background-color: #fff;
  box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.3), 0px 10px 25px 0px rgba(0, 0, 0, 0.25);
  opacity: 0;
  filter: alpha(opacity=0);
  width: 50%;
  height: auto;
  left: 50%;
  top: 20%;
  -webkit-transform: translate(-50%, -20%);
      -ms-transform: translate(-50%, -20%);
          transform: translate(-50%, -20%);
  min-width: 300px;
  max-width: 90%;
  min-height: 50px;
  z-index: 10000;
}

.flp-modal {
  display: none;
  z-index: 9999;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
}
.flp-modal .content > .header,
.flp-modal .content > .body,
.flp-modal .content > .footer {
  padding: 5px 8px;
}
.flp-modal .content > .header > h1,
.flp-modal .content > .header > h2,
.flp-modal .content > .header > h3 {
  margin: 0px;
}
.flp-modal.flp-show {
  display: block;
  -webkit-animation: animation-fade-in 0.3s ease 0s;
          animation: animation-fade-in 0.3s ease 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.flp-modal.flp-show .content {
  -webkit-animation: animation-slide-down 0.4s ease 0s;
          animation: animation-slide-down 0.4s ease 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 1;
  filter: alpha(opacity=100);
}

.flp-dialog {
  display: none;
}
.flp-dialog > .header,
.flp-dialog > .body,
.flp-dialog > .footer {
  padding: 5px 8px;
}
.flp-dialog > .header > h1,
.flp-dialog > .header > h2,
.flp-dialog > .header > h3 {
  margin: 0px;
}
.flp-dialog.flp-show {
  display: block;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-animation: animation-slide-down 0.4s ease 0s;
          animation: animation-slide-down 0.4s ease 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.flp-show.flp-animation-none.flp-dialog, .flp-show.flp-animation-none.flp-modal > .content {
  -webkit-animation-name: none;
          animation-name: none;
}
.flp-show.flp-animation-slide-left-in.flp-dialog, .flp-show.flp-animation-slide-left-in.flp-modal > .content {
  -webkit-animation-name: animation-slide-left-in;
          animation-name: animation-slide-left-in;
}
.flp-show.flp-animation-slide-right-in.flp-dialog, .flp-show.flp-animation-slide-right-in.flp-modal > .content {
  -webkit-animation-name: animation-slide-right-in;
          animation-name: animation-slide-right-in;
}
.flp-show.flp-animation-slide-up.flp-dialog, .flp-show.flp-animation-slide-up.flp-modal > .content {
  -webkit-animation-name: animation-slide-up;
          animation-name: animation-slide-up;
}
.flp-show.flp-animation-slide-down.flp-dialog, .flp-show.flp-animation-slide-down.flp-modal > .content {
  -webkit-animation-name: animation-slide-down;
          animation-name: animation-slide-down;
}

.flp-tooltip-top, .flp-tooltip-top-left, .flp-tooltip-top-right, .flp-tooltip-bottom, .flp-tooltip-bottom-left, .flp-tooltip-bottom-right, .flp-tooltip-right, .flp-tooltip-left {
  display: none;
  position: absolute;
  padding: 3px 5px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
  font-size: 16px;
  z-index: 9998;
  top: 0px;
  left: 0px;
}
.flp-inverse.flp-tooltip-top, .flp-inverse.flp-tooltip-top-left, .flp-inverse.flp-tooltip-top-right, .flp-inverse.flp-tooltip-bottom, .flp-inverse.flp-tooltip-bottom-left, .flp-inverse.flp-tooltip-bottom-right, .flp-inverse.flp-tooltip-right, .flp-inverse.flp-tooltip-left {
  background-color: rgba(255, 255, 255, 0.9);
  color: #000;
}

.flp-tooltip-top:before, .flp-tooltip-top-left:before, .flp-tooltip-top-right:before, .flp-tooltip-bottom:before, .flp-tooltip-bottom-left:before, .flp-tooltip-bottom-right:before, .flp-tooltip-right:before, .flp-tooltip-left:before {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
}

.flp-tooltip-top:before, .flp-tooltip-top-left:before, .flp-tooltip-top-right:before {
  margin-left: -8px;
  bottom: -8px;
  border-color: rgba(0, 0, 0, 0.9) transparent transparent transparent;
  border-width: 8px 8px 0 8px;
}
.flp-inverse.flp-tooltip-top:before, .flp-inverse.flp-tooltip-top-left:before, .flp-inverse.flp-tooltip-top-right:before {
  border-color: rgba(255, 255, 255, 0.9) transparent transparent transparent;
}

.flp-tooltip-bottom:before, .flp-tooltip-bottom-left:before, .flp-tooltip-bottom-right:before {
  margin-left: -8px;
  top: -8px;
  border-color: transparent transparent rgba(0, 0, 0, 0.9) transparent;
  border-width: 0 8px 8px 8px;
}
.flp-inverse.flp-tooltip-bottom:before, .flp-inverse.flp-tooltip-bottom-left:before, .flp-inverse.flp-tooltip-bottom-right:before {
  border-color: transparent transparent rgba(255, 255, 255, 0.9) transparent;
}

.flp-tooltip-right:before {
  left: -8px;
  border-color: transparent rgba(0, 0, 0, 0.9) transparent transparent;
  border-width: 8px 8px 8px 0;
}
.flp-inverse.flp-tooltip-right:before {
  border-color: transparent rgba(255, 255, 255, 0.9) transparent transparent;
}

.flp-tooltip-left:before {
  right: -8px;
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.9);
  border-width: 8px 0 8px 8px;
}
.flp-inverse.flp-tooltip-left:before {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.9);
}

.flp-tooltip-top {
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  margin-top: -8px;
  left: 50%;
}

.flp-tooltip-top-left {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  margin-top: -8px;
}

.flp-tooltip-top-right {
  -webkit-transform: translate(-100%, -100%);
      -ms-transform: translate(-100%, -100%);
          transform: translate(-100%, -100%);
  margin-top: -8px;
  left: 100%;
}

.flp-tooltip-top:before {
  left: 50%;
}

.flp-tooltip-top-left:before {
  left: 16px;
}

.flp-tooltip-top-right:before {
  right: 16px;
}

.flp-tooltip-bottom {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 100%;
  left: 50%;
  margin-top: 8px;
}

.flp-tooltip-bottom-left {
  top: 100%;
  margin-top: 8px;
}

.flp-tooltip-bottom-right {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  top: 100%;
  left: 100%;
  margin-top: 8px;
}

.flp-tooltip-bottom:before {
  left: 50%;
}

.flp-tooltip-bottom-left:before {
  left: 16px;
}

.flp-tooltip-bottom-right:before {
  right: 16px;
}

.flp-tooltip-right {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  left: 100%;
  margin-left: 8px;
}

.flp-tooltip-right:before {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
}

.flp-tooltip-left {
  -webkit-transform: translate(-100%, -50%);
      -ms-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
  top: 50%;
  left: -8px;
}

.flp-tooltip-left:before {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
}

.flp-tooltip-holder {
  position: relative;
}

.flp-tooltip-holder:hover .flp-enable-hover.flp-tooltip-top, .flp-tooltip-holder:hover .flp-enable-hover.flp-tooltip-top-left, .flp-tooltip-holder:hover .flp-enable-hover.flp-tooltip-top-right, .flp-tooltip-holder:hover .flp-enable-hover.flp-tooltip-bottom, .flp-tooltip-holder:hover .flp-enable-hover.flp-tooltip-bottom-left, .flp-tooltip-holder:hover .flp-enable-hover.flp-tooltip-bottom-right, .flp-tooltip-holder:hover .flp-enable-hover.flp-tooltip-right, .flp-tooltip-holder:hover .flp-enable-hover.flp-tooltip-left {
  display: inline-block;
}

.flp-tooltip-holder .flp-show.flp-tooltip-top, .flp-tooltip-holder .flp-show.flp-tooltip-top-left, .flp-tooltip-holder .flp-show.flp-tooltip-top-right, .flp-tooltip-holder .flp-show.flp-tooltip-bottom, .flp-tooltip-holder .flp-show.flp-tooltip-bottom-left, .flp-tooltip-holder .flp-show.flp-tooltip-bottom-right, .flp-tooltip-holder .flp-show.flp-tooltip-right, .flp-tooltip-holder .flp-show.flp-tooltip-left {
  display: inline-block;
}
