@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}


@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}


@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

/* Noty styles */
#noty_topRight_layout_container{
  right: 0px !important; 
}

.noty_bar{
  margin-bottom: 5px;
  border-radius: 8px 0px 0px 8px;
  font-size: 16px;
  font-weight: bold;
  opacity: 0.95;
}

.noty_bar span.noty_text{
  display: block;
  padding: 15px 15px 15px 60px;
}


.noty_bar.noty_type_success span.noty_text{
  background: url(../images/noty_success.svg) left 10px center no-repeat;
  background-size: 40px;
}

.noty_bar.noty_type_success{
  background: rgba(190,218,167,1);
  background: -moz-linear-gradient(left, rgba(190,218,167,1) 0%, rgba(241,252,226,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(190,218,167,1)), color-stop(100%, rgba(241,252,226,1)));
  background: -webkit-linear-gradient(left, rgba(190,218,167,1) 0%, rgba(241,252,226,1) 100%);
  background: -o-linear-gradient(left, rgba(190,218,167,1) 0%, rgba(241,252,226,1) 100%);
  background: -ms-linear-gradient(left, rgba(190,218,167,1) 0%, rgba(241,252,226,1) 100%);
  background: linear-gradient(to right, rgba(190,218,167,1) 0%, rgba(241,252,226,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bedaa7', endColorstr='#f1fce2', GradientType=1 );
  color: #1F8800;
  border: 1px #1F8800 solid;
  border-right: 0px;

}

.noty_bar.noty_type_error span.noty_text{
  background: url(../images/noty_error.svg) left 10px center no-repeat;
  background-size: 40px;
}

.noty_bar.noty_type_error{
  background: rgba(221,175,175,1);
  background: -moz-linear-gradient(left, rgba(221,175,175,1) 0%, rgba(251,228,228,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(221,175,175,1)), color-stop(100%, rgba(251,228,228,1)));
  background: -webkit-linear-gradient(left, rgba(221,175,175,1) 0%, rgba(251,228,228,1) 100%);
  background: -o-linear-gradient(left, rgba(221,175,175,1) 0%, rgba(251,228,228,1) 100%);
  background: -ms-linear-gradient(left, rgba(221,175,175,1) 0%, rgba(251,228,228,1) 100%);
  background: linear-gradient(to right, rgba(221,175,175,1) 0%, rgba(251,228,228,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddafaf', endColorstr='#fbe4e4', GradientType=1 );
  color: #AD0E0E;
  border: 1px #AD0E0E solid;
  border-right: 0px;

}

.noty_bar.noty_type_warning span.noty_text{
  background: url(../images/noty_warning.svg) left 10px center no-repeat;
  background-size: 40px;
}

.noty_bar.noty_type_warning{
  background: rgba(245,226,185,1);
  background: -moz-linear-gradient(left, rgba(245,226,185,1) 0%, rgba(254,248,230,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(245,226,185,1)), color-stop(100%, rgba(254,248,230,1)));
  background: -webkit-linear-gradient(left, rgba(245,226,185,1) 0%, rgba(254,248,230,1) 100%);
  background: -o-linear-gradient(left, rgba(245,226,185,1) 0%, rgba(254,248,230,1) 100%);
  background: -ms-linear-gradient(left, rgba(245,226,185,1) 0%, rgba(254,248,230,1) 100%);
  background: linear-gradient(to right, rgba(245,226,185,1) 0%, rgba(254,248,230,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5e2b9', endColorstr='#fef8e6', GradientType=1 );
  color: #FFA400;
  border: 1px #FFA400 solid;
  border-right: 0px;

}



/* Messages on center */
#noty_topCenter_layout_container{
  width: 600px !important;
}

#noty_topCenter_layout_container li{
  width: 600px !important;
}

#noty_topCenter_layout_container .noty_bar{
  border-radius: 5px;
}

#noty_topCenter_layout_container .noty_bar.noty_type_success{
  background: #bedaa7;
  border: 1px #1F8800 solid;
}
#noty_topCenter_layout_container .noty_bar.noty_type_error{
  background: #ddb0b0;
  border: 1px #AD0E0E solid;
}
#noty_topCenter_layout_container .noty_bar.noty_type_warning{
  background: #f6e3b9;
  border: 1px #FFA400 solid;
}

@media (max-width: 480px) {
  #noty_topCenter_layout_container{
    width: 100% !important;
    padding: 0px 10px !important;
  }

  #noty_topCenter_layout_container li{
    width: 100% !important;
  }
}
