/*

To get this list of colors inject jQuery at http://www.google.com/design/spec/style/color.html#color-color-palette

Then, run this script to get the list.


(function() {
  var colors = {}, main = {};
  $(".color-group").each(function() {
    var color = $(this).find(".name").text().trim().toLowerCase().replace(" ", "-");
    colors[color] = {};

    $(this).find(".color").not(".main-color").each(function() {
      var shade = $(this).find(".shade").text().trim(),
          hex   = $(this).find(".hex").text().trim();

      colors[color][shade] = hex;
    });
    main[color] = color + "-" + $(this).find(".main-color .shade").text().trim();

  });
  var LESS = "";
  $.each(colors, function(name, shades) {
    LESS += "\n\n";
    $.each(shades, function(shade, hex) {
      LESS += "@" + name + "-" + shade + ": " + hex + ";\n";
    });
    if (main[name]) {
      LESS += "@" + name + ": " + main[name] + ";\n";
    }
  });
  console.log(LESS);
})();


*/
/* Social */
/* ANIMATION */
/* SHADOWS */
/* Dark Background */
/* Shadows (from mdl http://www.getmdl.io/) */
:root {
  --brand-primary: #03a9f4;
  --brand-secondary: #e91e63;
  --brand-success: #4caf50;
  --brand-danger: #f44336;
  --brand-warning: #ff5722;
  --brand-info: #00bcd4;
  --brand-default: #bdbdbd;
  --border-radius-standard: 8px;
}
body {
  background-color: #f2f2f2;
}
body.inverse {
  background: #333333;
}
body.inverse,
body.inverse .form-control {
  color: rgba(255,255,255, 0.99);
}
body.inverse .modal,
body.inverse .panel-default,
body.inverse .card,
body.inverse .modal .form-control,
body.inverse .panel-default .form-control,
body.inverse .card .form-control {
  background-color: initial;
  color: initial;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4 {
  font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
  font-weight: normal;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
}
h5,
h6 {
  font-weight: 400;
}
a,
a:hover,
a:focus {
  color: #03a9f4;
}
a .material-icons,
a:hover .material-icons,
a:focus .material-icons {
  vertical-align: middle;
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 0;
}
.form-horizontal .radio {
  margin-bottom: 10px;
}
.form-horizontal label {
  text-align: right;
}
.form-horizontal label.control-label {
  margin: 0;
}
.form-group .number-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.form-group .number-group .input-group-btn {
  width: auto;
}
.form-group .number-group .input-group-btn button.btn {
  margin: 0;
  padding: 8px 20px;
}
.form-group .number-group input.form-control {
  margin: 0 10px;
}
body .container .well.well-sm,
body .container-fluid .well.well-sm {
  padding: 10px;
}
body .container .well.well-lg,
body .container-fluid .well.well-lg {
  padding: 26px;
}
body .container .well,
body .container-fluid .well,
body .container .jumbotron,
body .container-fluid .jumbotron {
  background-color: #fff;
  padding: 19px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 2px;
  border: 0;
}
body .container .well p,
body .container-fluid .well p,
body .container .jumbotron p,
body .container-fluid .jumbotron p {
  font-weight: 300;
}
body .container .well,
body .container-fluid .well,
body .container .jumbotron,
body .container-fluid .jumbotron,
body .container .well-default,
body .container-fluid .well-default,
body .container .jumbotron-default,
body .container-fluid .jumbotron-default {
  background-color: #ffffff;
}
body .container .well-inverse,
body .container-fluid .well-inverse,
body .container .jumbotron-inverse,
body .container-fluid .jumbotron-inverse {
  background-color: #3f51b5;
}
body .container .well-primary,
body .container-fluid .well-primary,
body .container .jumbotron-primary,
body .container-fluid .jumbotron-primary {
  background-color: #03a9f4;
}
body .container .well-secondary,
body .container-fluid .well-secondary,
body .container .jumbotron-secondary,
body .container-fluid .jumbotron-secondary {
  background-color: #e91e63;
}
body .container .well-success,
body .container-fluid .well-success,
body .container .jumbotron-success,
body .container-fluid .jumbotron-success {
  background-color: #4caf50;
}
body .container .well-info,
body .container-fluid .well-info,
body .container .jumbotron-info,
body .container-fluid .jumbotron-info {
  background-color: #00bcd4;
}
body .container .well-warning,
body .container-fluid .well-warning,
body .container .jumbotron-warning,
body .container-fluid .jumbotron-warning {
  background-color: #ff5722;
}
body .container .well-danger,
body .container-fluid .well-danger,
body .container .jumbotron-danger,
body .container-fluid .jumbotron-danger {
  background-color: #f44336;
}
body .container .well-facebook,
body .container-fluid .well-facebook,
body .container .jumbotron-facebook,
body .container-fluid .jumbotron-facebook {
  background-color: #3b5998;
}
body .container .well-twitter,
body .container-fluid .well-twitter,
body .container .jumbotron-twitter,
body .container-fluid .jumbotron-twitter {
  background-color: #000;
}
body .container .well-instagram,
body .container-fluid .well-instagram,
body .container .jumbotron-instagram,
body .container-fluid .jumbotron-instagram {
  background-color: #3f729b;
}
body .container .well-youtube,
body .container-fluid .well-youtube,
body .container .jumbotron-youtube,
body .container-fluid .jumbotron-youtube {
  background-color: #cd201f;
}
body .container .well-pinterest,
body .container-fluid .well-pinterest,
body .container .jumbotron-pinterest,
body .container-fluid .jumbotron-pinterest {
  background-color: #cc2127;
}
body .container .well-linkedin,
body .container-fluid .well-linkedin,
body .container .jumbotron-linkedin,
body .container-fluid .jumbotron-linkedin {
  background-color: #0077b5;
}
body .container .well-google,
body .container-fluid .well-google,
body .container .jumbotron-google,
body .container-fluid .jumbotron-google {
  background-color: #d34836;
}
body .container .well-yahoo,
body .container-fluid .well-yahoo,
body .container .jumbotron-yahoo,
body .container-fluid .jumbotron-yahoo {
  background-color: #400191;
}
body .container .well-whatsapp,
body .container-fluid .well-whatsapp,
body .container .jumbotron-whatsapp,
body .container-fluid .jumbotron-whatsapp {
  background-color: #25d366;
}
.btn,
.input-group-btn .btn {
  border: none;
  border-radius: 4px;
  position: relative;
  padding: 8px 30px;
  margin: 10px 1px;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0;
  will-change: box-shadow, transform;
  -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
       -o-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
          transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  outline: 0;
  cursor: pointer;
  text-decoration: none;
  background: transparent;
}
.btn::-moz-focus-inner,
.input-group-btn .btn::-moz-focus-inner {
  border: 0;
}
.btn:not(.btn-raised),
.input-group-btn .btn:not(.btn-raised) {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn:not(.btn-raised),
.input-group-btn .btn:not(.btn-raised),
.btn:not(.btn-raised).btn-default,
.input-group-btn .btn:not(.btn-raised).btn-default {
  color: rgba(0,0,0, 0.87);
}
.btn:not(.btn-raised).btn-inverse,
.input-group-btn .btn:not(.btn-raised).btn-inverse {
  color: #3f51b5;
}
.btn:not(.btn-raised).btn-primary,
.input-group-btn .btn:not(.btn-raised).btn-primary {
  color: #03a9f4;
}
.btn:not(.btn-raised).btn-secondary,
.input-group-btn .btn:not(.btn-raised).btn-secondary {
  color: #e91e63;
}
.btn:not(.btn-raised).btn-success,
.input-group-btn .btn:not(.btn-raised).btn-success {
  color: #4caf50;
}
.btn:not(.btn-raised).btn-info,
.input-group-btn .btn:not(.btn-raised).btn-info {
  color: #00bcd4;
}
.btn:not(.btn-raised).btn-warning,
.input-group-btn .btn:not(.btn-raised).btn-warning {
  color: #ff5722;
}
.btn:not(.btn-raised).btn-danger,
.input-group-btn .btn:not(.btn-raised).btn-danger {
  color: #f44336;
}
.btn:not(.btn-raised).btn-facebook,
.input-group-btn .btn:not(.btn-raised).btn-facebook {
  color: #3b5998;
}
.btn:not(.btn-raised).btn-twitter,
.input-group-btn .btn:not(.btn-raised).btn-twitter {
  color: #000;
}
.btn:not(.btn-raised).btn-instagram,
.input-group-btn .btn:not(.btn-raised).btn-instagram {
  color: #3f729b;
}
.btn:not(.btn-raised).btn-youtube,
.input-group-btn .btn:not(.btn-raised).btn-youtube {
  color: #cd201f;
}
.btn:not(.btn-raised).btn-pinterest,
.input-group-btn .btn:not(.btn-raised).btn-pinterest {
  color: #cc2127;
}
.btn:not(.btn-raised).btn-linkedin,
.input-group-btn .btn:not(.btn-raised).btn-linkedin {
  color: #0077b5;
}
.btn:not(.btn-raised).btn-google,
.input-group-btn .btn:not(.btn-raised).btn-google {
  color: #d34836;
}
.btn:not(.btn-raised).btn-yahoo,
.input-group-btn .btn:not(.btn-raised).btn-yahoo {
  color: #400191;
}
.btn:not(.btn-raised).btn-whatsapp,
.input-group-btn .btn:not(.btn-raised).btn-whatsapp {
  color: #25d366;
}
.btn:not(.btn-raised):not(.btn-link):hover,
.input-group-btn .btn:not(.btn-raised):not(.btn-link):hover,
.btn:not(.btn-raised):not(.btn-link):focus,
.input-group-btn .btn:not(.btn-raised):not(.btn-link):focus {
  background-color: rgba(153, 153, 153, 0.2);
}
.btn:not(.btn-raised):not(.btn-link).btn-primary-outline,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-primary-outline {
  color: var(--brand-primary);
  border: 1px solid var(--brand-primary);
  background-color: transparent;
}
.btn:not(.btn-raised):not(.btn-link).btn-primary-outline.active,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-primary-outline.active,
.btn:not(.btn-raised):not(.btn-link).btn-primary-outline:hover,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-primary-outline:hover,
.btn:not(.btn-raised):not(.btn-link).btn-primary-outline:focus,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-primary-outline:focus {
  color: rgba(255,255,255, 0.99);
  border-color: transparent;
  background-color: var(--brand-primary);
}
.btn:not(.btn-raised):not(.btn-link).btn-secondary-outline,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-secondary-outline {
  color: var(--brand-secondary);
  border: 1px solid var(--brand-secondary);
  background-color: transparent;
}
.btn:not(.btn-raised):not(.btn-link).btn-secondary-outline.active,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-secondary-outline.active,
.btn:not(.btn-raised):not(.btn-link).btn-secondary-outline:hover,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-secondary-outline:hover,
.btn:not(.btn-raised):not(.btn-link).btn-secondary-outline:focus,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-secondary-outline:focus {
  color: rgba(255,255,255, 0.99);
  border-color: transparent;
  background-color: var(--brand-secondary);
}
.btn:not(.btn-raised):not(.btn-link).btn-success-outline,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-success-outline {
  color: var(--brand-success);
  border: 1px solid var(--brand-success);
  background-color: transparent;
}
.btn:not(.btn-raised):not(.btn-link).btn-success-outline.active,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-success-outline.active,
.btn:not(.btn-raised):not(.btn-link).btn-success-outline:hover,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-success-outline:hover,
.btn:not(.btn-raised):not(.btn-link).btn-success-outline:focus,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-success-outline:focus {
  color: rgba(255,255,255, 0.99);
  border-color: transparent;
  background-color: var(--brand-success);
}
.btn:not(.btn-raised):not(.btn-link).btn-danger-outline,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-danger-outline {
  color: var(--brand-danger);
  border: 1px solid var(--brand-danger);
  background-color: transparent;
}
.btn:not(.btn-raised):not(.btn-link).btn-danger-outline.active,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-danger-outline.active,
.btn:not(.btn-raised):not(.btn-link).btn-danger-outline:hover,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-danger-outline:hover,
.btn:not(.btn-raised):not(.btn-link).btn-danger-outline:focus,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-danger-outline:focus {
  color: rgba(255,255,255, 0.99);
  border-color: transparent;
  background-color: var(--brand-danger);
}
.btn:not(.btn-raised):not(.btn-link).btn-warning-outline,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-warning-outline {
  color: var(--brand-warning);
  border: 1px solid var(--brand-warning);
  background-color: transparent;
}
.btn:not(.btn-raised):not(.btn-link).btn-warning-outline.active,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-warning-outline.active,
.btn:not(.btn-raised):not(.btn-link).btn-warning-outline:hover,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-warning-outline:hover,
.btn:not(.btn-raised):not(.btn-link).btn-warning-outline:focus,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-warning-outline:focus {
  color: rgba(255,255,255, 0.99);
  border-color: transparent;
  background-color: var(--brand-warning);
}
.btn:not(.btn-raised):not(.btn-link).btn-info-outline,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-info-outline {
  color: var(--brand-info);
  border: 1px solid var(--brand-info);
  background-color: transparent;
}
.btn:not(.btn-raised):not(.btn-link).btn-info-outline.active,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-info-outline.active,
.btn:not(.btn-raised):not(.btn-link).btn-info-outline:hover,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-info-outline:hover,
.btn:not(.btn-raised):not(.btn-link).btn-info-outline:focus,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-info-outline:focus {
  color: rgba(255,255,255, 0.99);
  border-color: transparent;
  background-color: var(--brand-info);
}
.btn:not(.btn-raised):not(.btn-link).btn-default-outline,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-default-outline {
  color: var(--brand-default);
  border: 1px solid var(--brand-default);
  background-color: transparent;
}
.btn:not(.btn-raised):not(.btn-link).btn-default-outline.active,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-default-outline.active,
.btn:not(.btn-raised):not(.btn-link).btn-default-outline:hover,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-default-outline:hover,
.btn:not(.btn-raised):not(.btn-link).btn-default-outline:focus,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-default-outline:focus {
  color: rgba(255,255,255, 0.99);
  border-color: transparent;
  background-color: var(--brand-default);
}
.btn:not(.btn-raised):not(.btn-link).btn-default-outline,
.input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-default-outline {
  color: rgba(0,0,0, 0.87);
}
.btn.btn-raised,
.input-group-btn .btn.btn-raised,
.btn.btn-fab,
.input-group-btn .btn.btn-fab,
.btn-group-raised .btn,
.btn-group-raised .input-group-btn .btn,
.btn.btn-raised.btn-default,
.input-group-btn .btn.btn-raised.btn-default,
.btn.btn-fab.btn-default,
.input-group-btn .btn.btn-fab.btn-default,
.btn-group-raised .btn.btn-default,
.btn-group-raised .input-group-btn .btn.btn-default {
  background-color: #f2f2f2;
  color: rgba(0,0,0, 0.87);
}
.btn.btn-raised.btn-inverse,
.input-group-btn .btn.btn-raised.btn-inverse,
.btn.btn-fab.btn-inverse,
.input-group-btn .btn.btn-fab.btn-inverse,
.btn-group-raised .btn.btn-inverse,
.btn-group-raised .input-group-btn .btn.btn-inverse {
  background-color: #3f51b5;
  color: #ffffff;
}
.btn.btn-raised.btn-primary,
.input-group-btn .btn.btn-raised.btn-primary,
.btn.btn-fab.btn-primary,
.input-group-btn .btn.btn-fab.btn-primary,
.btn-group-raised .btn.btn-primary,
.btn-group-raised .input-group-btn .btn.btn-primary {
  background-color: #03a9f4;
  color: rgba(255,255,255, 0.99);
}
.btn.btn-raised.btn-secondary,
.input-group-btn .btn.btn-raised.btn-secondary,
.btn.btn-fab.btn-secondary,
.input-group-btn .btn.btn-fab.btn-secondary,
.btn-group-raised .btn.btn-secondary,
.btn-group-raised .input-group-btn .btn.btn-secondary {
  background-color: #e91e63;
  color: rgba(255,255,255, 0.99);
}
.btn.btn-raised.btn-success,
.input-group-btn .btn.btn-raised.btn-success,
.btn.btn-fab.btn-success,
.input-group-btn .btn.btn-fab.btn-success,
.btn-group-raised .btn.btn-success,
.btn-group-raised .input-group-btn .btn.btn-success {
  background-color: #4caf50;
  color: rgba(255,255,255, 0.99);
}
.btn.btn-raised.btn-info,
.input-group-btn .btn.btn-raised.btn-info,
.btn.btn-fab.btn-info,
.input-group-btn .btn.btn-fab.btn-info,
.btn-group-raised .btn.btn-info,
.btn-group-raised .input-group-btn .btn.btn-info {
  background-color: #00bcd4;
  color: rgba(255,255,255, 0.99);
}
.btn.btn-raised.btn-warning,
.input-group-btn .btn.btn-raised.btn-warning,
.btn.btn-fab.btn-warning,
.input-group-btn .btn.btn-fab.btn-warning,
.btn-group-raised .btn.btn-warning,
.btn-group-raised .input-group-btn .btn.btn-warning {
  background-color: #ff5722;
  color: rgba(255,255,255, 0.99);
}
.btn.btn-raised.btn-danger,
.input-group-btn .btn.btn-raised.btn-danger,
.btn.btn-fab.btn-danger,
.input-group-btn .btn.btn-fab.btn-danger,
.btn-group-raised .btn.btn-danger,
.btn-group-raised .input-group-btn .btn.btn-danger {
  background-color: #f44336;
  color: rgba(255,255,255, 0.99);
}
.btn.btn-raised.btn-facebook,
.input-group-btn .btn.btn-raised.btn-facebook,
.btn.btn-fab.btn-facebook,
.input-group-btn .btn.btn-fab.btn-facebook,
.btn-group-raised .btn.btn-facebook,
.btn-group-raised .input-group-btn .btn.btn-facebook {
  background-color: #3b5998;
  color: rgba(255,255,255, 0.99);
}
.btn.btn-raised.btn-twitter,
.input-group-btn .btn.btn-raised.btn-twitter,
.btn.btn-fab.btn-twitter,
.input-group-btn .btn.btn-fab.btn-twitter,
.btn-group-raised .btn.btn-twitter,
.btn-group-raised .input-group-btn .btn.btn-twitter {
  background-color: #000;
  color: rgba(255,255,255, 0.99);
}
.btn.btn-raised.btn-instagram,
.input-group-btn .btn.btn-raised.btn-instagram,
.btn.btn-fab.btn-instagram,
.input-group-btn .btn.btn-fab.btn-instagram,
.btn-group-raised .btn.btn-instagram,
.btn-group-raised .input-group-btn .btn.btn-instagram {
  background-color: #3f729b;
  color: rgba(255,255,255, 0.99);
}
.btn.btn-raised.btn-youtube,
.input-group-btn .btn.btn-raised.btn-youtube,
.btn.btn-fab.btn-youtube,
.input-group-btn .btn.btn-fab.btn-youtube,
.btn-group-raised .btn.btn-youtube,
.btn-group-raised .input-group-btn .btn.btn-youtube {
  background-color: #cd201f;
  color: rgba(255,255,255, 0.99);
}
.btn.btn-raised.btn-pinterest,
.input-group-btn .btn.btn-raised.btn-pinterest,
.btn.btn-fab.btn-pinterest,
.input-group-btn .btn.btn-fab.btn-pinterest,
.btn-group-raised .btn.btn-pinterest,
.btn-group-raised .input-group-btn .btn.btn-pinterest {
  background-color: #cc2127;
  color: rgba(255,255,255, 0.99);
}
.btn.btn-raised.btn-linkedin,
.input-group-btn .btn.btn-raised.btn-linkedin,
.btn.btn-fab.btn-linkedin,
.input-group-btn .btn.btn-fab.btn-linkedin,
.btn-group-raised .btn.btn-linkedin,
.btn-group-raised .input-group-btn .btn.btn-linkedin {
  background-color: #0077b5;
  color: rgba(255,255,255, 0.99);
}
.btn.btn-raised.btn-google,
.input-group-btn .btn.btn-raised.btn-google,
.btn.btn-fab.btn-google,
.input-group-btn .btn.btn-fab.btn-google,
.btn-group-raised .btn.btn-google,
.btn-group-raised .input-group-btn .btn.btn-google {
  background-color: #d34836;
  color: rgba(255,255,255, 0.99);
}
.btn.btn-raised.btn-yahoo,
.input-group-btn .btn.btn-raised.btn-yahoo,
.btn.btn-fab.btn-yahoo,
.input-group-btn .btn.btn-fab.btn-yahoo,
.btn-group-raised .btn.btn-yahoo,
.btn-group-raised .input-group-btn .btn.btn-yahoo {
  background-color: #400191;
  color: rgba(255,255,255, 0.99);
}
.btn.btn-raised.btn-whatsapp,
.input-group-btn .btn.btn-raised.btn-whatsapp,
.btn.btn-fab.btn-whatsapp,
.input-group-btn .btn.btn-fab.btn-whatsapp,
.btn-group-raised .btn.btn-whatsapp,
.btn-group-raised .input-group-btn .btn.btn-whatsapp {
  background-color: #25d366;
  color: rgba(255,255,255, 0.99);
}
.btn.btn-raised:not(.btn-link):hover,
.input-group-btn .btn.btn-raised:not(.btn-link):hover,
.btn-group-raised .btn:not(.btn-link):hover,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover,
.btn.btn-raised:not(.btn-link):focus,
.input-group-btn .btn.btn-raised:not(.btn-link):focus,
.btn-group-raised .btn:not(.btn-link):focus,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus,
.btn.btn-raised:not(.btn-link).active,
.input-group-btn .btn.btn-raised:not(.btn-link).active,
.btn-group-raised .btn:not(.btn-link).active,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active,
.btn.btn-raised:not(.btn-link):active,
.input-group-btn .btn.btn-raised:not(.btn-link):active,
.btn-group-raised .btn:not(.btn-link):active,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active {
  outline: 0;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.btn.btn-raised:not(.btn-link):hover,
.input-group-btn .btn.btn-raised:not(.btn-link):hover,
.btn-group-raised .btn:not(.btn-link):hover,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover,
.btn.btn-raised:not(.btn-link):focus,
.input-group-btn .btn.btn-raised:not(.btn-link):focus,
.btn-group-raised .btn:not(.btn-link):focus,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus,
.btn.btn-raised:not(.btn-link).active,
.input-group-btn .btn.btn-raised:not(.btn-link).active,
.btn-group-raised .btn:not(.btn-link).active,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active,
.btn.btn-raised:not(.btn-link):active,
.input-group-btn .btn.btn-raised:not(.btn-link):active,
.btn-group-raised .btn:not(.btn-link):active,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active,
.btn.btn-raised:not(.btn-link):hover.btn-default,
.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-default,
.btn-group-raised .btn:not(.btn-link):hover.btn-default,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-default,
.btn.btn-raised:not(.btn-link):focus.btn-default,
.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-default,
.btn-group-raised .btn:not(.btn-link):focus.btn-default,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-default,
.btn.btn-raised:not(.btn-link).active.btn-default,
.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-default,
.btn-group-raised .btn:not(.btn-link).active.btn-default,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-default,
.btn.btn-raised:not(.btn-link):active.btn-default,
.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-default,
.btn-group-raised .btn:not(.btn-link):active.btn-default,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-default {
  background-color: #e8e8e8;
}
.btn.btn-raised:not(.btn-link):hover.btn-inverse,
.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-inverse,
.btn-group-raised .btn:not(.btn-link):hover.btn-inverse,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-inverse,
.btn.btn-raised:not(.btn-link):focus.btn-inverse,
.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-inverse,
.btn-group-raised .btn:not(.btn-link):focus.btn-inverse,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-inverse,
.btn.btn-raised:not(.btn-link).active.btn-inverse,
.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-inverse,
.btn-group-raised .btn:not(.btn-link).active.btn-inverse,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-inverse,
.btn.btn-raised:not(.btn-link):active.btn-inverse,
.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-inverse,
.btn-group-raised .btn:not(.btn-link):active.btn-inverse,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-inverse {
  background-color: #495bc0;
}
.btn.btn-raised:not(.btn-link):hover.btn-primary,
.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-primary,
.btn-group-raised .btn:not(.btn-link):hover.btn-primary,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-primary,
.btn.btn-raised:not(.btn-link):focus.btn-primary,
.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-primary,
.btn-group-raised .btn:not(.btn-link):focus.btn-primary,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-primary,
.btn.btn-raised:not(.btn-link).active.btn-primary,
.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-primary,
.btn-group-raised .btn:not(.btn-link).active.btn-primary,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-primary,
.btn.btn-raised:not(.btn-link):active.btn-primary,
.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-primary,
.btn-group-raised .btn:not(.btn-link):active.btn-primary,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-primary {
  background-color: #0fb2fc;
}
.btn.btn-raised:not(.btn-link):hover.btn-secondary,
.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-secondary,
.btn-group-raised .btn:not(.btn-link):hover.btn-secondary,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-secondary,
.btn.btn-raised:not(.btn-link):focus.btn-secondary,
.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-secondary,
.btn-group-raised .btn:not(.btn-link):focus.btn-secondary,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-secondary,
.btn.btn-raised:not(.btn-link).active.btn-secondary,
.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-secondary,
.btn-group-raised .btn:not(.btn-link).active.btn-secondary,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-secondary,
.btn.btn-raised:not(.btn-link):active.btn-secondary,
.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-secondary,
.btn-group-raised .btn:not(.btn-link):active.btn-secondary,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-secondary {
  background-color: #eb3170;
}
.btn.btn-raised:not(.btn-link):hover.btn-success,
.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-success,
.btn-group-raised .btn:not(.btn-link):hover.btn-success,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-success,
.btn.btn-raised:not(.btn-link):focus.btn-success,
.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-success,
.btn-group-raised .btn:not(.btn-link):focus.btn-success,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-success,
.btn.btn-raised:not(.btn-link).active.btn-success,
.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-success,
.btn-group-raised .btn:not(.btn-link).active.btn-success,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-success,
.btn.btn-raised:not(.btn-link):active.btn-success,
.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-success,
.btn-group-raised .btn:not(.btn-link):active.btn-success,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-success {
  background-color: #59b75c;
}
.btn.btn-raised:not(.btn-link):hover.btn-info,
.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-info,
.btn-group-raised .btn:not(.btn-link):hover.btn-info,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-info,
.btn.btn-raised:not(.btn-link):focus.btn-info,
.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-info,
.btn-group-raised .btn:not(.btn-link):focus.btn-info,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-info,
.btn.btn-raised:not(.btn-link).active.btn-info,
.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-info,
.btn-group-raised .btn:not(.btn-link).active.btn-info,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-info,
.btn.btn-raised:not(.btn-link):active.btn-info,
.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-info,
.btn-group-raised .btn:not(.btn-link):active.btn-info,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-info {
  background-color: #00aac0;
}
.btn.btn-raised:not(.btn-link):hover.btn-warning,
.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-warning,
.btn-group-raised .btn:not(.btn-link):hover.btn-warning,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-warning,
.btn.btn-raised:not(.btn-link):focus.btn-warning,
.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-warning,
.btn-group-raised .btn:not(.btn-link):focus.btn-warning,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-warning,
.btn.btn-raised:not(.btn-link).active.btn-warning,
.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-warning,
.btn-group-raised .btn:not(.btn-link).active.btn-warning,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-warning,
.btn.btn-raised:not(.btn-link):active.btn-warning,
.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-warning,
.btn-group-raised .btn:not(.btn-link):active.btn-warning,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-warning {
  background-color: #ff6736;
}
.btn.btn-raised:not(.btn-link):hover.btn-danger,
.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-danger,
.btn-group-raised .btn:not(.btn-link):hover.btn-danger,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-danger,
.btn.btn-raised:not(.btn-link):focus.btn-danger,
.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-danger,
.btn-group-raised .btn:not(.btn-link):focus.btn-danger,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-danger,
.btn.btn-raised:not(.btn-link).active.btn-danger,
.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-danger,
.btn-group-raised .btn:not(.btn-link).active.btn-danger,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-danger,
.btn.btn-raised:not(.btn-link):active.btn-danger,
.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-danger,
.btn-group-raised .btn:not(.btn-link):active.btn-danger,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-danger {
  background-color: #f55549;
}
.btn.btn-raised:not(.btn-link):hover.btn-facebook,
.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-facebook,
.btn-group-raised .btn:not(.btn-link):hover.btn-facebook,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-facebook,
.btn.btn-raised:not(.btn-link):focus.btn-facebook,
.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-facebook,
.btn-group-raised .btn:not(.btn-link):focus.btn-facebook,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-facebook,
.btn.btn-raised:not(.btn-link).active.btn-facebook,
.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-facebook,
.btn-group-raised .btn:not(.btn-link).active.btn-facebook,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-facebook,
.btn.btn-raised:not(.btn-link):active.btn-facebook,
.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-facebook,
.btn-group-raised .btn:not(.btn-link):active.btn-facebook,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-facebook {
  background-color: #4162a7;
}
.btn.btn-raised:not(.btn-link):hover.btn-twitter,
.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-twitter,
.btn-group-raised .btn:not(.btn-link):hover.btn-twitter,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-twitter,
.btn.btn-raised:not(.btn-link):focus.btn-twitter,
.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-twitter,
.btn-group-raised .btn:not(.btn-link):focus.btn-twitter,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-twitter,
.btn.btn-raised:not(.btn-link).active.btn-twitter,
.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-twitter,
.btn-group-raised .btn:not(.btn-link).active.btn-twitter,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-twitter,
.btn.btn-raised:not(.btn-link):active.btn-twitter,
.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-twitter,
.btn-group-raised .btn:not(.btn-link):active.btn-twitter,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-twitter {
  background-color: #0a0a0a;
}
.btn.btn-raised:not(.btn-link):hover.btn-instagram,
.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-instagram,
.btn-group-raised .btn:not(.btn-link):hover.btn-instagram,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-instagram,
.btn.btn-raised:not(.btn-link):focus.btn-instagram,
.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-instagram,
.btn-group-raised .btn:not(.btn-link):focus.btn-instagram,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-instagram,
.btn.btn-raised:not(.btn-link).active.btn-instagram,
.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-instagram,
.btn-group-raised .btn:not(.btn-link).active.btn-instagram,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-instagram,
.btn.btn-raised:not(.btn-link):active.btn-instagram,
.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-instagram,
.btn-group-raised .btn:not(.btn-link):active.btn-instagram,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-instagram {
  background-color: #457daa;
}
.btn.btn-raised:not(.btn-link):hover.btn-youtube,
.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-youtube,
.btn-group-raised .btn:not(.btn-link):hover.btn-youtube,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-youtube,
.btn.btn-raised:not(.btn-link):focus.btn-youtube,
.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-youtube,
.btn-group-raised .btn:not(.btn-link):focus.btn-youtube,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-youtube,
.btn.btn-raised:not(.btn-link).active.btn-youtube,
.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-youtube,
.btn-group-raised .btn:not(.btn-link).active.btn-youtube,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-youtube,
.btn.btn-raised:not(.btn-link):active.btn-youtube,
.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-youtube,
.btn-group-raised .btn:not(.btn-link):active.btn-youtube,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-youtube {
  background-color: #de2423;
}
.btn.btn-raised:not(.btn-link):hover.btn-pinterest,
.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-pinterest,
.btn-group-raised .btn:not(.btn-link):hover.btn-pinterest,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-pinterest,
.btn.btn-raised:not(.btn-link):focus.btn-pinterest,
.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-pinterest,
.btn-group-raised .btn:not(.btn-link):focus.btn-pinterest,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-pinterest,
.btn.btn-raised:not(.btn-link).active.btn-pinterest,
.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-pinterest,
.btn-group-raised .btn:not(.btn-link).active.btn-pinterest,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-pinterest,
.btn.btn-raised:not(.btn-link):active.btn-pinterest,
.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-pinterest,
.btn-group-raised .btn:not(.btn-link):active.btn-pinterest,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-pinterest {
  background-color: #dc262c;
}
.btn.btn-raised:not(.btn-link):hover.btn-linkedin,
.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-linkedin,
.btn-group-raised .btn:not(.btn-link):hover.btn-linkedin,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-linkedin,
.btn.btn-raised:not(.btn-link):focus.btn-linkedin,
.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-linkedin,
.btn-group-raised .btn:not(.btn-link):focus.btn-linkedin,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-linkedin,
.btn.btn-raised:not(.btn-link).active.btn-linkedin,
.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-linkedin,
.btn-group-raised .btn:not(.btn-link).active.btn-linkedin,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-linkedin,
.btn.btn-raised:not(.btn-link):active.btn-linkedin,
.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-linkedin,
.btn-group-raised .btn:not(.btn-link):active.btn-linkedin,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-linkedin {
  background-color: #0084c9;
}
.btn.btn-raised:not(.btn-link):hover.btn-google,
.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-google,
.btn-group-raised .btn:not(.btn-link):hover.btn-google,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-google,
.btn.btn-raised:not(.btn-link):focus.btn-google,
.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-google,
.btn-group-raised .btn:not(.btn-link):focus.btn-google,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-google,
.btn.btn-raised:not(.btn-link).active.btn-google,
.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-google,
.btn-group-raised .btn:not(.btn-link).active.btn-google,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-google,
.btn.btn-raised:not(.btn-link):active.btn-google,
.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-google,
.btn-group-raised .btn:not(.btn-link):active.btn-google,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-google {
  background-color: #d75747;
}
.btn.btn-raised:not(.btn-link):hover.btn-yahoo,
.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-yahoo,
.btn-group-raised .btn:not(.btn-link):hover.btn-yahoo,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-yahoo,
.btn.btn-raised:not(.btn-link):focus.btn-yahoo,
.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-yahoo,
.btn-group-raised .btn:not(.btn-link):focus.btn-yahoo,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-yahoo,
.btn.btn-raised:not(.btn-link).active.btn-yahoo,
.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-yahoo,
.btn-group-raised .btn:not(.btn-link).active.btn-yahoo,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-yahoo,
.btn.btn-raised:not(.btn-link):active.btn-yahoo,
.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-yahoo,
.btn-group-raised .btn:not(.btn-link):active.btn-yahoo,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-yahoo {
  background-color: #4901a5;
}
.btn.btn-raised:not(.btn-link):hover.btn-whatsapp,
.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-whatsapp,
.btn-group-raised .btn:not(.btn-link):hover.btn-whatsapp,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-whatsapp,
.btn.btn-raised:not(.btn-link):focus.btn-whatsapp,
.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-whatsapp,
.btn-group-raised .btn:not(.btn-link):focus.btn-whatsapp,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-whatsapp,
.btn.btn-raised:not(.btn-link).active.btn-whatsapp,
.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-whatsapp,
.btn-group-raised .btn:not(.btn-link).active.btn-whatsapp,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-whatsapp,
.btn.btn-raised:not(.btn-link):active.btn-whatsapp,
.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-whatsapp,
.btn-group-raised .btn:not(.btn-link):active.btn-whatsapp,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-whatsapp {
  background-color: #22c25e;
}
.btn.btn-fab,
.input-group-btn .btn.btn-fab {
  border-radius: 50%;
  font-size: 24px;
  height: 56px;
  margin: auto;
  min-width: 56px;
  width: 56px;
  padding: 0;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
          box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
  position: relative;
  line-height: normal;
}
.btn.btn-fab .ripple-container,
.input-group-btn .btn.btn-fab .ripple-container {
  border-radius: 50%;
}
.btn.btn-fab.btn-fab-mini,
.input-group-btn .btn.btn-fab.btn-fab-mini,
.btn-group-sm .btn.btn-fab,
.btn-group-sm .input-group-btn .btn.btn-fab {
  height: 40px;
  min-width: 40px;
  width: 40px;
  padding: 0;
  font-size: 17px;
}
.btn.btn-fab.btn-fab-mini.material-icons,
.input-group-btn .btn.btn-fab.btn-fab-mini.material-icons,
.btn-group-sm .btn.btn-fab.material-icons,
.btn-group-sm .input-group-btn .btn.btn-fab.material-icons {
  top: 0px;
  left: 0px;
}
.btn.btn-fab.btn-fab-xs,
.input-group-btn .btn.btn-fab.btn-fab-xs {
  min-width: 14px;
  width: 14px;
  height: 14px;
  padding: 7px;
  font-size: 15px;
  line-height: 1;
}
.btn.btn-fab.btn-fab-xs.material-icons,
.input-group-btn .btn.btn-fab.btn-fab-xs.material-icons {
  top: 7.5px;
  left: 7.5px;
}
.btn.btn-fab.btn-fab-48,
.input-group-btn .btn.btn-fab.btn-fab-48 {
  min-width: 48px;
  width: 48px;
  height: 48px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}
.btn.btn-fab.btn-fab-48.material-icons,
.input-group-btn .btn.btn-fab.btn-fab-48.material-icons {
  top: 50%;
  left: 50%;
}
.btn.btn-fab.btn-fab-sm,
.input-group-btn .btn.btn-fab.btn-fab-sm {
  min-width: 20px;
  width: 20px;
  height: 20px;
  padding: 15px;
  font-size: 24px;
  line-height: 24px;
}
.btn.btn-fab.btn-fab-sm.material-icons,
.input-group-btn .btn.btn-fab.btn-fab-sm.material-icons {
  top: 50%;
  left: 50%;
}
.btn.btn-fab i.material-icons,
.input-group-btn .btn.btn-fab i.material-icons,
.btn.btn-fab i.fa,
.input-group-btn .btn.btn-fab i.fa,
.btn.btn-fab i.icon,
.input-group-btn .btn.btn-fab i.icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-12px, -12px);
      -ms-transform: translate(-12px, -12px);
       -o-transform: translate(-12px, -12px);
          transform: translate(-12px, -12px);
  line-height: 24px;
  width: 24px;
}
.btn i.material-icons,
.input-group-btn .btn i.material-icons,
.btn i.fa,
.input-group-btn .btn i.fa,
.btn i.icon,
.input-group-btn .btn i.icon {
  vertical-align: middle;
  font-size: 1em;
  top: -1px;
  position: relative;
}
.btn i.icon-left,
.input-group-btn .btn i.icon-left {
  margin-right: 10px;
}
.btn i.icon-right,
.input-group-btn .btn i.icon-right {
  margin-left: 10px;
}
.btn.btn,
.input-group-btn .btn.btn,
.btnbtn-group .btn,
.btnbtn-group .input-group-btn .btn,
.input-group-btn .btnbtn-group .btn,
.input-group-btn .btnbtn-group .input-group-btn .btn {
  padding: 10px 28px;
}
.btn.btn-xl,
.input-group-btn .btn.btn-xl,
.btn-group-xl .btn,
.btn-group-xl .input-group-btn .btn {
  padding: 24px 54px;
  font-size: 20px;
}
.btn.btn-lg,
.input-group-btn .btn.btn-lg,
.btn-group-lg .btn,
.btn-group-lg .input-group-btn .btn {
  padding: 16px 36px;
  font-size: 16px;
}
.btn.btn-sm,
.input-group-btn .btn.btn-sm,
.btn-group-sm .btn,
.btn-group-sm .input-group-btn .btn {
  padding: 5px 20px;
  font-size: 12px;
}
.btn.btn-xs,
.input-group-btn .btn.btn-xs,
.btn-group-xs .btn,
.btn-group-xs .input-group-btn .btn {
  padding: 4px 15px;
  font-size: 10px;
}
.btn-group.btn-group-raised.btn-splitter .btn {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
}
.btn-group.btn-group-raised.btn-splitter .btn:hover,
.btn-group.btn-group-raised.btn-splitter .btn:active,
.btn-group.btn-group-raised.btn-splitter .btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
}
.btn-group.btn-group-raised.btn-splitter .btn-more {
  padding: 10px 7px;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}
.btn-group-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  border: 1px solid #eee;
  border-radius: 8px;
}
.btn-group-flex .btn {
  margin: 0;
}
.btn-group-flex button {
  border-left: 1px solid #eee;
}
.btn-group-flex button:hover {
  border-color: transparent;
}
.btn.more-btn {
  padding: 6px !important;
  margin: -6px 0 !important;
  font-size: 20px !important;
  line-height: 1em !important;
  border-radius: 50% !important;
}
fieldset[disabled][disabled] .input-group-btn .btn,
fieldset[disabled][disabled] .btn-group,
fieldset[disabled][disabled] .btn-group-vertical,
.input-group-btn .btn.disabled,
.btn-group.disabled,
.btn-group-vertical.disabled,
.input-group-btn .btn:disabled,
.btn-group:disabled,
.btn-group-vertical:disabled,
.input-group-btn .btn[disabled][disabled],
.btn-group[disabled][disabled],
.btn-group-vertical[disabled][disabled] {
  color: rgba(0, 0, 0, 0.26);
  background: transparent;
}
.theme-dark fieldset[disabled][disabled] .input-group-btn .btn,
.theme-dark fieldset[disabled][disabled] .btn-group,
.theme-dark fieldset[disabled][disabled] .btn-group-vertical,
.theme-dark .input-group-btn .btn.disabled,
.theme-dark .btn-group.disabled,
.theme-dark .btn-group-vertical.disabled,
.theme-dark .input-group-btn .btn:disabled,
.theme-dark .btn-group:disabled,
.theme-dark .btn-group-vertical:disabled,
.theme-dark .input-group-btn .btn[disabled][disabled],
.theme-dark .btn-group[disabled][disabled],
.theme-dark .btn-group-vertical[disabled][disabled] {
  color: rgba(255, 255, 255, 0.3);
}
fieldset[disabled][disabled] .input-group-btn .btn.btn-raised,
fieldset[disabled][disabled] .btn-group.btn-raised,
fieldset[disabled][disabled] .btn-group-vertical.btn-raised,
.input-group-btn .btn.disabled.btn-raised,
.btn-group.disabled.btn-raised,
.btn-group-vertical.disabled.btn-raised,
.input-group-btn .btn:disabled.btn-raised,
.btn-group:disabled.btn-raised,
.btn-group-vertical:disabled.btn-raised,
.input-group-btn .btn[disabled][disabled].btn-raised,
.btn-group[disabled][disabled].btn-raised,
.btn-group-vertical[disabled][disabled].btn-raised,
fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised,
fieldset[disabled][disabled] .btn-group.btn-group-raised,
fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised,
.input-group-btn .btn.disabled.btn-group-raised,
.btn-group.disabled.btn-group-raised,
.btn-group-vertical.disabled.btn-group-raised,
.input-group-btn .btn:disabled.btn-group-raised,
.btn-group:disabled.btn-group-raised,
.btn-group-vertical:disabled.btn-group-raised,
.input-group-btn .btn[disabled][disabled].btn-group-raised,
.btn-group[disabled][disabled].btn-group-raised,
.btn-group-vertical[disabled][disabled].btn-group-raised,
fieldset[disabled][disabled] .input-group-btn .btn.btn-raised.active,
fieldset[disabled][disabled] .btn-group.btn-raised.active,
fieldset[disabled][disabled] .btn-group-vertical.btn-raised.active,
.input-group-btn .btn.disabled.btn-raised.active,
.btn-group.disabled.btn-raised.active,
.btn-group-vertical.disabled.btn-raised.active,
.input-group-btn .btn:disabled.btn-raised.active,
.btn-group:disabled.btn-raised.active,
.btn-group-vertical:disabled.btn-raised.active,
.input-group-btn .btn[disabled][disabled].btn-raised.active,
.btn-group[disabled][disabled].btn-raised.active,
.btn-group-vertical[disabled][disabled].btn-raised.active,
fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised.active,
fieldset[disabled][disabled] .btn-group.btn-group-raised.active,
fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised.active,
.input-group-btn .btn.disabled.btn-group-raised.active,
.btn-group.disabled.btn-group-raised.active,
.btn-group-vertical.disabled.btn-group-raised.active,
.input-group-btn .btn:disabled.btn-group-raised.active,
.btn-group:disabled.btn-group-raised.active,
.btn-group-vertical:disabled.btn-group-raised.active,
.input-group-btn .btn[disabled][disabled].btn-group-raised.active,
.btn-group[disabled][disabled].btn-group-raised.active,
.btn-group-vertical[disabled][disabled].btn-group-raised.active,
fieldset[disabled][disabled] .input-group-btn .btn.btn-raised:active,
fieldset[disabled][disabled] .btn-group.btn-raised:active,
fieldset[disabled][disabled] .btn-group-vertical.btn-raised:active,
.input-group-btn .btn.disabled.btn-raised:active,
.btn-group.disabled.btn-raised:active,
.btn-group-vertical.disabled.btn-raised:active,
.input-group-btn .btn:disabled.btn-raised:active,
.btn-group:disabled.btn-raised:active,
.btn-group-vertical:disabled.btn-raised:active,
.input-group-btn .btn[disabled][disabled].btn-raised:active,
.btn-group[disabled][disabled].btn-raised:active,
.btn-group-vertical[disabled][disabled].btn-raised:active,
fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised:active,
fieldset[disabled][disabled] .btn-group.btn-group-raised:active,
fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised:active,
.input-group-btn .btn.disabled.btn-group-raised:active,
.btn-group.disabled.btn-group-raised:active,
.btn-group-vertical.disabled.btn-group-raised:active,
.input-group-btn .btn:disabled.btn-group-raised:active,
.btn-group:disabled.btn-group-raised:active,
.btn-group-vertical:disabled.btn-group-raised:active,
.input-group-btn .btn[disabled][disabled].btn-group-raised:active,
.btn-group[disabled][disabled].btn-group-raised:active,
.btn-group-vertical[disabled][disabled].btn-group-raised:active,
fieldset[disabled][disabled] .input-group-btn .btn.btn-raised:focus:not(:active),
fieldset[disabled][disabled] .btn-group.btn-raised:focus:not(:active),
fieldset[disabled][disabled] .btn-group-vertical.btn-raised:focus:not(:active),
.input-group-btn .btn.disabled.btn-raised:focus:not(:active),
.btn-group.disabled.btn-raised:focus:not(:active),
.btn-group-vertical.disabled.btn-raised:focus:not(:active),
.input-group-btn .btn:disabled.btn-raised:focus:not(:active),
.btn-group:disabled.btn-raised:focus:not(:active),
.btn-group-vertical:disabled.btn-raised:focus:not(:active),
.input-group-btn .btn[disabled][disabled].btn-raised:focus:not(:active),
.btn-group[disabled][disabled].btn-raised:focus:not(:active),
.btn-group-vertical[disabled][disabled].btn-raised:focus:not(:active),
fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised:focus:not(:active),
fieldset[disabled][disabled] .btn-group.btn-group-raised:focus:not(:active),
fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised:focus:not(:active),
.input-group-btn .btn.disabled.btn-group-raised:focus:not(:active),
.btn-group.disabled.btn-group-raised:focus:not(:active),
.btn-group-vertical.disabled.btn-group-raised:focus:not(:active),
.input-group-btn .btn:disabled.btn-group-raised:focus:not(:active),
.btn-group:disabled.btn-group-raised:focus:not(:active),
.btn-group-vertical:disabled.btn-group-raised:focus:not(:active),
.input-group-btn .btn[disabled][disabled].btn-group-raised:focus:not(:active),
.btn-group[disabled][disabled].btn-group-raised:focus:not(:active),
.btn-group-vertical[disabled][disabled].btn-group-raised:focus:not(:active) {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  margin: 10px 1px;
  /* &.btn-group-raised {
    & > .btn-raised:hover {
      .shadow-2dp();
    }
  } */
}
.btn-group.copy,
.btn-group-vertical.copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1px solid #efefef;
}
.btn-group.open,
.btn-group-vertical.open {
  /* .dropdown-toggle {
      box-shadow: none;
    } */
}
.btn-group.open > .dropdown-toggle.btn,
.btn-group-vertical.open > .dropdown-toggle.btn,
.btn-group.open > .dropdown-toggle.btn.btn-default,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-default {
  background-color: #f2f2f2;
}
.btn-group.open > .dropdown-toggle.btn.btn-inverse,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-inverse {
  background-color: #3f51b5;
}
.btn-group.open > .dropdown-toggle.btn.btn-primary,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-primary {
  background-color: #03a9f4;
}
.btn-group.open > .dropdown-toggle.btn.btn-secondary,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-secondary {
  background-color: #e91e63;
}
.btn-group.open > .dropdown-toggle.btn.btn-success,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-success {
  background-color: #4caf50;
}
.btn-group.open > .dropdown-toggle.btn.btn-info,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-info {
  background-color: #00bcd4;
}
.btn-group.open > .dropdown-toggle.btn.btn-warning,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-warning {
  background-color: #ff5722;
}
.btn-group.open > .dropdown-toggle.btn.btn-danger,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-danger {
  background-color: #f44336;
}
.btn-group.open > .dropdown-toggle.btn.btn-facebook,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-facebook {
  background-color: #3b5998;
}
.btn-group.open > .dropdown-toggle.btn.btn-twitter,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-twitter {
  background-color: #000;
}
.btn-group.open > .dropdown-toggle.btn.btn-instagram,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-instagram {
  background-color: #3f729b;
}
.btn-group.open > .dropdown-toggle.btn.btn-youtube,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-youtube {
  background-color: #cd201f;
}
.btn-group.open > .dropdown-toggle.btn.btn-pinterest,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-pinterest {
  background-color: #cc2127;
}
.btn-group.open > .dropdown-toggle.btn.btn-linkedin,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-linkedin {
  background-color: #0077b5;
}
.btn-group.open > .dropdown-toggle.btn.btn-google,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-google {
  background-color: #d34836;
}
.btn-group.open > .dropdown-toggle.btn.btn-yahoo,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-yahoo {
  background-color: #400191;
}
.btn-group.open > .dropdown-toggle.btn.btn-whatsapp,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-whatsapp {
  background-color: #25d366;
}
.btn-group .dropdown-menu,
.btn-group-vertical .dropdown-menu {
  border-radius: 0 0 2px 2px;
}
.btn-group .btn + .btn,
.btn-group-vertical .btn + .btn,
.btn-group .btn,
.btn-group-vertical .btn,
.btn-group .btn:active,
.btn-group-vertical .btn:active,
.btn-group .btn-group,
.btn-group-vertical .btn-group {
  margin: 0;
}
.btn.btn-round,
.navbar .navbar-nav > li > a.btn.btn-round {
  border-radius: 30px;
}
button.close {
  font-size: inherit;
  color: #FFFFFF;
  opacity: .9;
  text-shadow: none;
}
button.close i {
  font-size: 20px;
}
button.close:hover,
button.close:focus {
  color: #FFFFFF;
  opacity: 1;
}
.btn.btn-just-icon {
  font-size: 20px;
  padding: 12px 12px;
  line-height: 1em;
}
.btn:not(.btn-raised).btn-primary,
.input-group-btn .btn:not(.btn-raised).btn-primary {
  color: #03a9f4;
}
.fab-btn-bar .btn-circle {
  border-radius: 50%;
  padding: 20px;
  width: 20px;
  height: 20px;
  line-height: 1em;
  margin: auto;
  position: relative;
  border: 1px solid var(--brand-default);
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000;
  cursor: pointer;
}
.fab-btn-bar .btn-circle:hover {
  background-color: #e4e4e4;
  text-decoration: none;
  color: #000;
}
.fab-btn-bar .btn-circle > .icon-sm {
  font-size: 18px;
  font-weight: normal;
}
.theme-dark .fab-btn-bar .btn-circle,
.panel-popup.panel-dark .fab-btn-bar .btn-circle {
  color: #e4e4e4;
  background-color: transparent;
}
.theme-dark .fab-btn-bar .btn-circle:hover,
.panel-popup.panel-dark .fab-btn-bar .btn-circle:hover {
  background-color: #e4e4e4;
  text-decoration: none;
  color: #000;
}
@media (max-width: 767px) {
  .btn.block-phone {
    display: block;
    width: 100%;
    padding: 16px 36px !important;
  }
}
.checkbox label,
label.checkbox-inline {
  cursor: pointer;
  padding-left: 0;
  color: rgba(0,0,0, 0.26);
}
.form-group.is-focused .checkbox label,
.form-group.is-focused label.checkbox-inline {
  color: rgba(0,0,0, 0.26);
}
.form-group.is-focused .checkbox label:hover,
.form-group.is-focused label.checkbox-inline:hover,
.form-group.is-focused .checkbox label:focus,
.form-group.is-focused label.checkbox-inline:focus {
  color: rgba(0,0,0, .54);
}
fieldset[disabled] .form-group.is-focused .checkbox label,
fieldset[disabled] .form-group.is-focused label.checkbox-inline {
  color: rgba(0,0,0, 0.26);
}
.checkbox input[type=checkbox],
label.checkbox-inline input[type=checkbox] {
  opacity: 0;
  position: absolute;
  margin: 0;
  z-index: -1;
  width: 0;
  height: 0;
  overflow: hidden;
  left: 0;
  pointer-events: none;
}
.checkbox .checkbox-material,
label.checkbox-inline .checkbox-material {
  padding-right: 5px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.checkbox .checkbox-material:before,
label.checkbox-inline .checkbox-material:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.84);
  height: 20px;
  width: 20px;
  border-radius: 100%;
  z-index: 1;
  opacity: 0;
  margin: 0;
  -webkit-transform: scale3d(2.3, 2.3, 1);
          transform: scale3d(2.3, 2.3, 1);
}
.checkbox .checkbox-material .check,
label.checkbox-inline .checkbox-material .check {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(0,0,0, .54);
  border-radius: 2px;
  overflow: hidden;
  z-index: 1;
}
.checkbox .checkbox-material .check:before,
label.checkbox-inline .checkbox-material .check:before {
  position: absolute;
  content: "";
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  display: block;
  margin-top: -3px;
  margin-left: 7px;
  width: 1px;
  height: 1px;
  -webkit-box-shadow: 0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0 0 0 0 inset;
          box-shadow: 0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0 0 0 0 inset;
  /* @include animation(checkbox-off $mdb-checkbox-animation-check forwards); */
}
.checkbox input[type=checkbox]:focus + .checkbox-material .check:after,
label.checkbox-inline input[type=checkbox]:focus + .checkbox-material .check:after {
  opacity: 0.2;
}
.checkbox input[type=checkbox]:focus:checked + .checkbox-material:before,
label.checkbox-inline input[type=checkbox]:focus:checked + .checkbox-material:before {
  -webkit-animation: rippleOn 500ms;
       -o-animation: rippleOn 500ms;
          animation: rippleOn 500ms;
}
.checkbox input[type=checkbox]:focus:checked + .checkbox-material .check:before,
label.checkbox-inline input[type=checkbox]:focus:checked + .checkbox-material .check:before {
  -webkit-animation: checkbox-on 0.3s forwards;
       -o-animation: checkbox-on 0.3s forwards;
          animation: checkbox-on 0.3s forwards;
}
.checkbox input[type=checkbox]:focus:checked + .checkbox-material .check:after,
label.checkbox-inline input[type=checkbox]:focus:checked + .checkbox-material .check:after {
  -webkit-animation: rippleOn 500ms forwards;
       -o-animation: rippleOn 500ms forwards;
          animation: rippleOn 500ms forwards;
}
.checkbox input[type=checkbox]:focus:not(:checked) + .checkbox-material:before,
label.checkbox-inline input[type=checkbox]:focus:not(:checked) + .checkbox-material:before {
  -webkit-animation: rippleOff 500ms;
       -o-animation: rippleOff 500ms;
          animation: rippleOff 500ms;
}
.checkbox input[type=checkbox]:focus:not(:checked) + .checkbox-material .check:before,
label.checkbox-inline input[type=checkbox]:focus:not(:checked) + .checkbox-material .check:before {
  -webkit-animation: checkbox-off 0.3s forwards;
       -o-animation: checkbox-off 0.3s forwards;
          animation: checkbox-off 0.3s forwards;
}
.checkbox input[type=checkbox]:focus:not(:checked) + .checkbox-material .check:after,
label.checkbox-inline input[type=checkbox]:focus:not(:checked) + .checkbox-material .check:after {
  -webkit-animation: rippleOff 500ms forwards;
       -o-animation: rippleOff 500ms forwards;
          animation: rippleOff 500ms forwards;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check,
label.checkbox-inline input[type=checkbox]:checked + .checkbox-material .check {
  color: #03a9f4;
  border-color: #03a9f4;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:before,
label.checkbox-inline input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #03a9f4;
  -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
          box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
}
fieldset[disabled] .checkbox,
fieldset[disabled] label.checkbox-inline,
fieldset[disabled] .checkbox input[type=checkbox],
fieldset[disabled] label.checkbox-inline input[type=checkbox],
.checkbox input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check:before,
label.checkbox-inline input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check:before,
.checkbox input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check,
label.checkbox-inline input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check,
.checkbox input[type=checkbox][disabled] + .circle,
label.checkbox-inline input[type=checkbox][disabled] + .circle {
  opacity: 0.5;
}
.checkbox input[type=checkbox][disabled] + .checkbox-material .check:after,
label.checkbox-inline input[type=checkbox][disabled] + .checkbox-material .check:after {
  background-color: rgba(0,0,0, 0.87);
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@-webkit-keyframes checkbox-on {
  0% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
            box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
  }
  50% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
            box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
            box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  }
}
@-o-keyframes checkbox-on {
  0% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
  }
  50% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
  }
  100% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  }
}
@keyframes checkbox-on {
  0% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
            box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
  }
  50% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
            box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
            box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  }
}
@-webkit-keyframes checkbox-off {
  0% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
            box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }
  25% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
            box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }
  50% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    margin-top: -4px;
    margin-left: 6px;
    width: 0;
    height: 0;
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
            box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
  }
  51% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    margin-top: -2px;
    margin-left: -2px;
    width: 20px;
    height: 20px;
    -webkit-box-shadow: 0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0px 0 0 10px inset;
            box-shadow: 0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0px 0 0 10px inset;
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    margin-top: -2px;
    margin-left: -2px;
    width: 20px;
    height: 20px;
    -webkit-box-shadow: 0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0px 0 0 0 inset;
            box-shadow: 0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0px 0 0 0 inset;
  }
}
@-o-keyframes checkbox-off {
  0% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }
  25% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }
  50% {
    -o-transform: rotate(45deg);
       transform: rotate(45deg);
    margin-top: -4px;
    margin-left: 6px;
    width: 0;
    height: 0;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
  }
  51% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
    margin-top: -2px;
    margin-left: -2px;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0px 0 0 10px inset;
  }
  100% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
    margin-top: -2px;
    margin-left: -2px;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0px 0 0 0 inset;
  }
}
@keyframes checkbox-off {
  0% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
            box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }
  25% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
            box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }
  50% {
    -webkit-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    margin-top: -4px;
    margin-left: 6px;
    width: 0;
    height: 0;
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
            box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
  }
  51% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    margin-top: -2px;
    margin-left: -2px;
    width: 20px;
    height: 20px;
    -webkit-box-shadow: 0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0px 0 0 10px inset;
            box-shadow: 0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0px 0 0 10px inset;
  }
  100% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    margin-top: -2px;
    margin-left: -2px;
    width: 20px;
    height: 20px;
    -webkit-box-shadow: 0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0px 0 0 0 inset;
            box-shadow: 0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0px 0 0 0 inset;
  }
}
@-webkit-keyframes rippleOn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes rippleOn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rippleOn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes rippleOff {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes rippleOff {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rippleOff {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
.togglebutton {
  vertical-align: middle;
}
.togglebutton,
.togglebutton label,
.togglebutton input,
.togglebutton .toggle {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.togglebutton label {
  cursor: pointer;
  color: rgba(0,0,0, 0.26);
}
.form-group.is-focused .togglebutton label {
  color: rgba(0,0,0, 0.26);
}
.form-group.is-focused .togglebutton label:hover,
.form-group.is-focused .togglebutton label:focus {
  color: rgba(0,0,0, .54);
}
fieldset[disabled] .form-group.is-focused .togglebutton label {
  color: rgba(0,0,0, 0.26);
}
.togglebutton label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}
.togglebutton label .toggle {
  text-align: left;
}
.togglebutton label .toggle,
.togglebutton label input[type=checkbox][disabled] + .toggle {
  content: "";
  display: inline-block;
  width: 30px;
  height: 15px;
  background-color: rgba(80, 80, 80, 0.7);
  border-radius: 15px;
  margin-right: 15px;
  -webkit-transition: background 0.3s ease;
       -o-transition: background 0.3s ease;
          transition: background 0.3s ease;
  vertical-align: middle;
}
.togglebutton label .toggle:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #F1F1F1;
  border-radius: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  left: -5px;
  top: -2px;
  -webkit-transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 0.1s ease;
       -o-transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
          transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
}
.togglebutton label input[type=checkbox][disabled] + .toggle:after,
.togglebutton label input[type=checkbox][disabled]:checked + .toggle:after {
  background-color: #BDBDBD;
}
.togglebutton label input[type=checkbox] + .toggle:active:after,
.togglebutton label input[type=checkbox][disabled] + .toggle:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
}
.togglebutton label input[type=checkbox]:checked + .toggle:after {
  left: 15px;
}
.togglebutton label input[type=checkbox]:checked + .toggle {
  background-color: rgba(3, 169, 244, 0.5);
}
.togglebutton label input[type=checkbox]:checked + .toggle:after {
  background-color: #03a9f4;
}
.togglebutton label input[type=checkbox]:checked + .toggle:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(3, 169, 244, 0.1);
          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(3, 169, 244, 0.1);
}
.radio label,
label.radio-inline {
  cursor: pointer;
  padding-left: 35px;
  position: relative;
  color: rgba(0,0,0, 0.26);
}
.form-group.is-focused .radio label,
.form-group.is-focused label.radio-inline {
  color: rgba(0,0,0, 0.26);
}
.form-group.is-focused .radio label:hover,
.form-group.is-focused label.radio-inline:hover,
.form-group.is-focused .radio label:focus,
.form-group.is-focused label.radio-inline:focus {
  color: rgba(0,0,0, .54);
}
fieldset[disabled] .form-group.is-focused .radio label,
fieldset[disabled] .form-group.is-focused label.radio-inline {
  color: rgba(0,0,0, 0.26);
}
.radio span,
label.radio-inline span {
  display: block;
  position: absolute;
  left: 10px;
  top: 2px;
  -webkit-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
}
.radio .circle,
label.radio-inline .circle {
  border: 1px solid rgba(0,0,0, .54);
  height: 15px;
  width: 15px;
  border-radius: 100%;
}
.radio .check,
label.radio-inline .check {
  height: 15px;
  width: 15px;
  border-radius: 100%;
  background-color: #03a9f4;
  -webkit-transform: scale3d(0, 0, 0);
          transform: scale3d(0, 0, 0);
}
.radio .check:after,
label.radio-inline .check:after {
  display: block;
  position: absolute;
  content: "";
  background-color: rgba(0,0,0, 0.87);
  left: -18px;
  top: -18px;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  z-index: 1;
  opacity: 0;
  margin: 0;
  -webkit-transform: scale3d(1.5, 1.5, 1);
          transform: scale3d(1.5, 1.5, 1);
}
.radio input[type=radio]:focus:not(:checked) ~ .check:after,
label.radio-inline input[type=radio]:focus:not(:checked) ~ .check:after {
  -webkit-animation: rippleOff 500ms;
       -o-animation: rippleOff 500ms;
          animation: rippleOff 500ms;
}
.radio input[type=radio]:focus:checked ~ .check:after,
label.radio-inline input[type=radio]:focus:checked ~ .check:after {
  -webkit-animation: rippleOn 500ms;
       -o-animation: rippleOn 500ms;
          animation: rippleOn 500ms;
}
.radio input[type=radio],
label.radio-inline input[type=radio] {
  opacity: 0;
  height: 0;
  width: 0;
  overflow: hidden;
}
.radio input[type=radio]:checked ~ .check,
label.radio-inline input[type=radio]:checked ~ .check,
.radio input[type=radio]:checked ~ .circle,
label.radio-inline input[type=radio]:checked ~ .circle {
  opacity: 1;
}
.radio input[type=radio]:checked ~ .check,
label.radio-inline input[type=radio]:checked ~ .check {
  background-color: #03a9f4;
}
.radio input[type=radio]:checked ~ .circle,
label.radio-inline input[type=radio]:checked ~ .circle {
  border-color: #03a9f4;
}
.radio input[type=radio]:checked ~ .check,
label.radio-inline input[type=radio]:checked ~ .check {
  -webkit-transform: scale3d(0.65, 0.65, 1);
          transform: scale3d(0.65, 0.65, 1);
}
.radio input[type=radio][disabled] ~ .check,
label.radio-inline input[type=radio][disabled] ~ .check,
.radio input[type=radio][disabled] ~ .circle,
label.radio-inline input[type=radio][disabled] ~ .circle {
  opacity: 0.26;
}
.radio input[type=radio][disabled] ~ .check,
label.radio-inline input[type=radio][disabled] ~ .check {
  background-color: #000000;
}
.radio input[type=radio][disabled] ~ .circle,
label.radio-inline input[type=radio][disabled] ~ .circle {
  border-color: #000000;
}
.theme-dark .radio input[type=radio][disabled] ~ .check,
.theme-dark label.radio-inline input[type=radio][disabled] ~ .check,
.theme-dark .radio input[type=radio][disabled] ~ .circle,
.theme-dark label.radio-inline input[type=radio][disabled] ~ .circle {
  opacity: 0.3;
}
.theme-dark .radio input[type=radio][disabled] ~ .check,
.theme-dark label.radio-inline input[type=radio][disabled] ~ .check {
  background-color: #ffffff;
}
.theme-dark .radio input[type=radio][disabled] ~ .circle,
.theme-dark label.radio-inline input[type=radio][disabled] ~ .circle {
  border-color: #ffffff;
}
/* block not inline */
.radio.radio-md {
  padding: 10px 0;
}
.radio.radio-md .circle,
.radio.radio-md .check {
  height: 20px;
  width: 20px;
}
.radio.radio-md .check:after {
  height: 55px;
  width: 55px;
}
.radio.radio-md label {
  padding-left: 40px;
  font-size: 16px !important;
  color: rgba(0, 0, 0, 0.54) !important;
}
.radio.radio-md span {
  top: 1px;
}
.radio.radio-md + .radio.radio-md {
  margin-top: 10px;
}
@keyframes rippleOn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rippleOff {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
legend {
  margin-bottom: 22px;
  font-size: 24px;
}
output {
  padding-top: 8px;
  font-size: 16px;
  line-height: 1.42857143;
}
.form-control {
  height: 38px;
  padding: 7px 0;
  font-size: 16px;
  line-height: 1.42857143;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 38px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 24px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 44px;
  }
}
.radio label,
.checkbox label {
  min-height: 22px;
}
.form-control-static {
  padding-top: 8px;
  padding-bottom: 8px;
  min-height: 38px;
}
.input-sm .input-sm {
  height: 24px;
  padding: 3px 0;
  font-size: 11px;
  line-height: 1.5;
  border-radius: 0;
}
.input-sm select.input-sm {
  height: 24px;
  line-height: 24px;
}
.input-sm textarea.input-sm,
.input-sm select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 24px;
  padding: 3px 0;
  font-size: 11px;
  line-height: 1.5;
}
.form-group-sm select.form-control {
  height: 24px;
  line-height: 24px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 24px;
  min-height: 33px;
  padding: 4px 0;
  font-size: 11px;
  line-height: 1.5;
}
.input-lg .input-lg {
  height: 44px;
  padding: 9px 0;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 0;
}
.input-lg select.input-lg {
  height: 44px;
  line-height: 44px;
}
.input-lg textarea.input-lg,
.input-lg select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 44px;
  padding: 9px 0;
  font-size: 18px;
  line-height: 1.3333333;
}
.form-group-lg select.form-control {
  height: 44px;
  line-height: 44px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 44px;
  min-height: 40px;
  padding: 10px 0;
  font-size: 18px;
  line-height: 1.3333333;
}
.checkbox,
.radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.checkbox > label,
.radio > label {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 8px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 30px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 8px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 12.9999997px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 4px;
    font-size: 11px;
  }
}
.label {
  border-radius: -webkit-calc(var(--border-radius-standard) / 2);
  border-radius: calc(var(--border-radius-standard) / 2);
  padding: .3em .6em;
  line-height: normal;
}
.label,
.label.label-default {
  background-color: #9e9e9e;
}
.label.label-inverse {
  background-color: #3f51b5;
}
.label.label-primary {
  background-color: #03a9f4;
}
.label.label-secondary {
  background-color: #e91e63;
}
.label.label-success {
  background-color: #4caf50;
}
.label.label-info {
  background-color: #00bcd4;
}
.label.label-warning {
  background-color: #ff5722;
}
.label.label-danger {
  background-color: #f44336;
}
.label.label-facebook {
  background-color: #3b5998;
}
.label.label-twitter {
  background-color: #000;
}
.label.label-instagram {
  background-color: #3f729b;
}
.label.label-youtube {
  background-color: #cd201f;
}
.label.label-pinterest {
  background-color: #cc2127;
}
.label.label-linkedin {
  background-color: #0077b5;
}
.label.label-google {
  background-color: #d34836;
}
.label.label-yahoo {
  background-color: #400191;
}
.label.label-whatsapp {
  background-color: #25d366;
}
.label-outline {
  border-radius: -webkit-calc(var(--border-radius-standard) / 2);
  border-radius: calc(var(--border-radius-standard) / 2);
  padding: .3em .6em;
  line-height: normal;
  border-width: 1px;
  border-style: solid;
  font-size: 75%;
}
.label-outline,
.label-outline.label-outline-default {
  border-color: #9e9e9e;
}
.label-outline.label-outline-inverse {
  border-color: #3f51b5;
}
.label-outline.label-outline-primary {
  border-color: #03a9f4;
}
.label-outline.label-outline-secondary {
  border-color: #e91e63;
}
.label-outline.label-outline-success {
  border-color: #4caf50;
}
.label-outline.label-outline-info {
  border-color: #00bcd4;
}
.label-outline.label-outline-warning {
  border-color: #ff5722;
}
.label-outline.label-outline-danger {
  border-color: #f44336;
}
.label-outline.label-outline-facebook {
  border-color: #3b5998;
}
.label-outline.label-outline-twitter {
  border-color: #000;
}
.label-outline.label-outline-instagram {
  border-color: #3f729b;
}
.label-outline.label-outline-youtube {
  border-color: #cd201f;
}
.label-outline.label-outline-pinterest {
  border-color: #cc2127;
}
.label-outline.label-outline-linkedin {
  border-color: #0077b5;
}
.label-outline.label-outline-google {
  border-color: #d34836;
}
.label-outline.label-outline-yahoo {
  border-color: #400191;
}
.label-outline.label-outline-whatsapp {
  border-color: #25d366;
}
.label-outline,
.label-outline.label-outline-default {
  color: #9e9e9e;
}
.label-outline.label-outline-inverse {
  color: #3f51b5;
}
.label-outline.label-outline-primary {
  color: #03a9f4;
}
.label-outline.label-outline-secondary {
  color: #e91e63;
}
.label-outline.label-outline-success {
  color: #4caf50;
}
.label-outline.label-outline-info {
  color: #00bcd4;
}
.label-outline.label-outline-warning {
  color: #ff5722;
}
.label-outline.label-outline-danger {
  color: #f44336;
}
.label-outline.label-outline-facebook {
  color: #3b5998;
}
.label-outline.label-outline-twitter {
  color: #000;
}
.label-outline.label-outline-instagram {
  color: #3f729b;
}
.label-outline.label-outline-youtube {
  color: #cd201f;
}
.label-outline.label-outline-pinterest {
  color: #cc2127;
}
.label-outline.label-outline-linkedin {
  color: #0077b5;
}
.label-outline.label-outline-google {
  color: #d34836;
}
.label-outline.label-outline-yahoo {
  color: #400191;
}
.label-outline.label-outline-whatsapp {
  color: #25d366;
}
.form-control,
.form-group .form-control {
  border: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#03a9f4), to(#03a9f4)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
  background-image: -webkit-linear-gradient(#03a9f4, #03a9f4), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: -o-linear-gradient(#03a9f4, #03a9f4), -o-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#D2D2D2, #D2D2D2);
  -webkit-background-size: 0 2px, 100% 1px;
          background-size: 0 2px, 100% 1px;
  background-repeat: no-repeat;
  background-position: center bottom, center -webkit-calc(100% - 1px);
  background-position: center bottom, center calc(100% - 1px);
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: background 0s ease-out;
       -o-transition: background 0s ease-out;
          transition: background 0s ease-out;
  float: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  /*padding: 7px .15em;*/
  padding: 7px 5px;
}
.form-control::-moz-placeholder,
.form-group .form-control::-moz-placeholder {
  color: #BDBDBD;
  font-weight: 400;
}
.form-control:-ms-input-placeholder,
.form-group .form-control:-ms-input-placeholder {
  color: #BDBDBD;
  font-weight: 400;
}
.form-control::-webkit-input-placeholder,
.form-group .form-control::-webkit-input-placeholder {
  color: #BDBDBD;
  font-weight: 400;
}
.form-control[readonly],
.form-group .form-control[readonly],
.form-control[disabled],
.form-group .form-control[disabled],
fieldset[disabled] .form-control,
fieldset[disabled] .form-group .form-control {
  background-color: rgba(0, 0, 0, 0.02);
}
.form-control[disabled],
.form-group .form-control[disabled],
fieldset[disabled] .form-control,
fieldset[disabled] .form-group .form-control {
  background-image: none;
  border-bottom: 1px dotted #D2D2D2;
}
.form-control:not(.selectize-dropdown),
.form-group .form-control:not(.selectize-dropdown) {
  background-color: rgba(0, 0, 0, 0.04);
  padding: 10px;
  border-top-right-radius: var(--border-radius-standard);
  border-top-left-radius: var(--border-radius-standard);
  height: auto;
}
select.form-control,
.form-group select.form-control {
  background-image: -webkit-linear-gradient(45deg, transparent 50%, #808080 50%), -webkit-linear-gradient(315deg, #808080 50%, transparent 50%);
  background-image: -o-linear-gradient(45deg, transparent 50%, #808080 50%), -o-linear-gradient(315deg, #808080 50%, transparent 50%);
  background-image: linear-gradient(45deg, transparent 50%, #808080 50%), linear-gradient(135deg, #808080 50%, transparent 50%);
  background-position: -webkit-calc(100% - 10px) -webkit-calc(1em + 2px), -webkit-calc(100% - 5px) -webkit-calc(1em + 2px);
  background-position: calc(100% - 10px) calc(1em + 2px), calc(100% - 5px) calc(1em + 2px);
  -webkit-background-size: 5px 5px, 5px 5px;
          background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  border-bottom: 1px solid #D2D2D2;
}
.form-group {
  position: relative;
}
.form-group.label-static label.control-label,
.form-group.label-placeholder label.control-label,
.form-group.label-floating label.control-label {
  position: absolute;
  pointer-events: none;
  -webkit-transition: 0.3s ease all;
       -o-transition: 0.3s ease all;
          transition: 0.3s ease all;
}
.form-group.label-floating label.control-label {
  will-change: left, top, contents;
}
.form-group.label-placeholder:not(.is-empty) label.control-label {
  display: none;
}
.form-group .help-block {
  position: absolute;
  display: none;
  right: 0;
}
.form-group.is-focused .form-control {
  outline: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#03a9f4), to(#03a9f4)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
  background-image: -webkit-linear-gradient(#03a9f4, #03a9f4), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: -o-linear-gradient(#03a9f4, #03a9f4), -o-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#D2D2D2, #D2D2D2);
  -webkit-background-size: 100% 2px, 100% 1px;
          background-size: 100% 2px, 100% 1px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.form-group.is-focused .form-control .material-input:after {
  background-color: #03a9f4;
}
.form-group.is-focused select.form-control {
  background-image: -webkit-linear-gradient(45deg, transparent 50%, #808080 50%), -webkit-linear-gradient(315deg, #808080 50%, transparent 50%);
  background-image: -o-linear-gradient(45deg, transparent 50%, #808080 50%), -o-linear-gradient(315deg, #808080 50%, transparent 50%);
  background-image: linear-gradient(45deg, transparent 50%, #808080 50%), linear-gradient(135deg, #808080 50%, transparent 50%);
  background-position: -webkit-calc(100% - 10px) -webkit-calc(1em + 2px), -webkit-calc(100% - 5px) -webkit-calc(1em + 2px);
  background-position: calc(100% - 10px) calc(1em + 2px), calc(100% - 5px) calc(1em + 2px);
  -webkit-background-size: 5px 5px, 5px 5px;
          background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}
.form-group.is-focused label,
.form-group.is-focused label.control-label {
  color: #03a9f4;
}
.form-group.is-focused.label-placeholder label,
.form-group.is-focused.label-placeholder label.control-label {
  color: #BDBDBD;
}
.form-group.is-focused .help-block {
  display: block;
}
.form-group.has-warning .form-control {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.form-group.has-warning.is-focused .form-control {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5722), to(#ff5722)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
  background-image: -webkit-linear-gradient(#ff5722, #ff5722), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: -o-linear-gradient(#ff5722, #ff5722), -o-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: linear-gradient(#ff5722, #ff5722), linear-gradient(#D2D2D2, #D2D2D2);
}
.form-group.has-warning label.control-label,
.form-group.has-warning .help-block,
.form-group.has-warning .form-control-feedback {
  color: #ff5722;
}
.form-group.has-error .form-control {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.form-group.has-error.is-focused .form-control {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f44336), to(#f44336)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
  background-image: -webkit-linear-gradient(#f44336, #f44336), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: -o-linear-gradient(#f44336, #f44336), -o-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2);
}
.form-group.has-error label.control-label,
.form-group.has-error .help-block,
.form-group.has-error .form-control-feedback {
  color: #f44336;
}
.form-group.has-success .form-control {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.form-group.has-success.is-focused .form-control {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4caf50), to(#4caf50)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
  background-image: -webkit-linear-gradient(#4caf50, #4caf50), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: -o-linear-gradient(#4caf50, #4caf50), -o-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2);
}
.form-group.has-success label.control-label,
.form-group.has-success .help-block,
.form-group.has-success .form-control-feedback {
  color: #4caf50;
}
.form-group.has-info .form-control {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.form-group.has-info.is-focused .form-control {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#00bcd4), to(#00bcd4)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
  background-image: -webkit-linear-gradient(#00bcd4, #00bcd4), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: -o-linear-gradient(#00bcd4, #00bcd4), -o-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#D2D2D2, #D2D2D2);
}
.form-group.has-info label.control-label,
.form-group.has-info .help-block,
.form-group.has-info .form-control-feedback {
  color: #00bcd4;
}
.form-group textarea {
  resize: none;
}
.form-group textarea ~ .form-control-highlight {
  margin-top: -11px;
}
.form-group select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.form-group select ~ .material-input:after {
  display: none;
}
.form-control {
  margin-bottom: 7px;
}
.form-control::-moz-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #BDBDBD;
  font-weight: 400;
}
.form-control:-ms-input-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #BDBDBD;
  font-weight: 400;
}
.form-control::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #BDBDBD;
  font-weight: 400;
}
.checkbox label,
.radio label,
label {
  font-size: 14px;
  line-height: 1.42857143;
  color: #424242;
  font-weight: 400;
}
.checkbox label.radio-title,
.radio label.radio-title,
label.radio-title {
  color: rgba(0,0,0, 0.87);
}
label.control-label {
  font-size: 12px;
  line-height: 1.07142857;
  font-weight: 400;
  margin: 16px 0 5px 0;
}
.help-block {
  margin: 0;
  font-size: 12px;
  bottom: -12px;
}
.form-group {
  padding-bottom: 7px;
  margin: 28px 0 0 0;
}
.form-group .form-control {
  margin-bottom: 7px;
}
.form-group .form-control::-moz-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #BDBDBD;
  font-weight: 400;
}
.form-group .form-control:-ms-input-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #BDBDBD;
  font-weight: 400;
}
.form-group .form-control::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #BDBDBD;
  font-weight: 400;
}
.form-group .checkbox label,
.form-group .radio label,
.form-group label {
  font-size: 14px;
  line-height: 1.42857143;
  color: #424242;
  font-weight: 400;
}
.form-group .checkbox label.radio-title,
.form-group .radio label.radio-title,
.form-group label.radio-title {
  color: rgba(0,0,0, 0.87);
}
.form-group label.control-label {
  font-size: 12px;
  line-height: 1.07142857;
  font-weight: 400;
  margin: 16px 0 5px 0;
}
.form-group .help-block {
  margin: 0;
  font-size: 12px;
  bottom: -12px;
}
.form-group.label-floating label.control-label,
.form-group.label-placeholder label.control-label {
  top: -7px;
  font-size: 16px;
  line-height: 1.42857143;
}
.form-group.label-static label.control-label,
.form-group.label-floating.is-focused label.control-label,
.form-group.label-floating:not(.is-empty) label.control-label {
  top: -35px;
  left: 0;
  font-size: 12px;
  line-height: 1.07142857;
}
.form-group.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label {
  top: -35px;
  left: 0;
  font-size: 12px;
  line-height: 1.07142857;
}
.form-group.form-group-sm {
  padding-bottom: 3px;
  margin: 21px 0 0 0;
}
.form-group.form-group-sm .form-control {
  margin-bottom: 3px;
}
.form-group.form-group-sm .form-control::-moz-placeholder {
  font-size: 11px;
  line-height: 1.5;
  color: #BDBDBD;
  font-weight: 400;
}
.form-group.form-group-sm .form-control:-ms-input-placeholder {
  font-size: 11px;
  line-height: 1.5;
  color: #BDBDBD;
  font-weight: 400;
}
.form-group.form-group-sm .form-control::-webkit-input-placeholder {
  font-size: 11px;
  line-height: 1.5;
  color: #BDBDBD;
  font-weight: 400;
}
.form-group.form-group-sm .checkbox label,
.form-group.form-group-sm .radio label,
.form-group.form-group-sm label {
  font-size: 14px;
  line-height: 1.5;
  color: #424242;
  font-weight: 400;
}
.form-group.form-group-sm .checkbox label.radio-title,
.form-group.form-group-sm .radio label.radio-title,
.form-group.form-group-sm label.radio-title {
  color: rgba(0,0,0, 0.87);
}
.form-group.form-group-sm label.control-label {
  font-size: 9px;
  line-height: 1.125;
  font-weight: 400;
  margin: 16px 0 5px 0;
}
.form-group.form-group-sm .help-block {
  margin: 0;
  font-size: 9px;
  bottom: -9px;
}
.form-group.form-group-sm.label-floating label.control-label,
.form-group.form-group-sm.label-placeholder label.control-label {
  top: -11px;
  font-size: 11px;
  line-height: 1.5;
}
.form-group.form-group-sm.label-static label.control-label,
.form-group.form-group-sm.label-floating.is-focused label.control-label,
.form-group.form-group-sm.label-floating:not(.is-empty) label.control-label {
  top: -30px;
  left: 0;
  font-size: 9px;
  line-height: 1.125;
}
.form-group.form-group-sm.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label {
  top: -30px;
  left: 0;
  font-size: 9px;
  line-height: 1.125;
}
.form-group.form-group-lg {
  padding-bottom: 9px;
  margin: 30px 0 0 0;
}
.form-group.form-group-lg .form-control {
  margin-bottom: 9px;
}
.form-group.form-group-lg .form-control::-moz-placeholder {
  font-size: 18px;
  line-height: 1.3333333;
  color: #BDBDBD;
  font-weight: 400;
}
.form-group.form-group-lg .form-control:-ms-input-placeholder {
  font-size: 18px;
  line-height: 1.3333333;
  color: #BDBDBD;
  font-weight: 400;
}
.form-group.form-group-lg .form-control::-webkit-input-placeholder {
  font-size: 18px;
  line-height: 1.3333333;
  color: #BDBDBD;
  font-weight: 400;
}
.form-group.form-group-lg .checkbox label,
.form-group.form-group-lg .radio label,
.form-group.form-group-lg label {
  font-size: 14px;
  line-height: 1.3333333;
  color: #424242;
  font-weight: 400;
}
.form-group.form-group-lg .checkbox label.radio-title,
.form-group.form-group-lg .radio label.radio-title,
.form-group.form-group-lg label.radio-title {
  color: rgba(0,0,0, 0.87);
}
.form-group.form-group-lg label.control-label {
  font-size: 14px;
  line-height: 0.99999998;
  font-weight: 400;
  margin: 16px 0 5px 0;
}
.form-group.form-group-lg .help-block {
  margin: 0;
  font-size: 14px;
  bottom: -14px;
}
.form-group.form-group-lg.label-floating label.control-label,
.form-group.form-group-lg.label-placeholder label.control-label {
  top: -5px;
  font-size: 18px;
  line-height: 1.3333333;
}
.form-group.form-group-lg.label-static label.control-label,
.form-group.form-group-lg.label-floating.is-focused label.control-label,
.form-group.form-group-lg.label-floating:not(.is-empty) label.control-label {
  top: -37px;
  left: 0;
  font-size: 14px;
  line-height: 0.99999998;
}
.form-group.form-group-lg.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label {
  top: -37px;
  left: 0;
  font-size: 14px;
  line-height: 0.99999998;
}
select.form-control {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}
.form-group.is-focused select.form-control {
  -webkit-box-shadow: 0 1px 0 #03a9f4;
          box-shadow: 0 1px 0 #03a9f4;
  border-color: var(--brand-primary);
}
select.form-control[multiple],
.form-group.is-focused select.form-control[multiple] {
  height: 85px;
}
.input-group-btn .btn {
  margin: 0 0 7px 0;
}
.form-group.form-group-sm .input-group-btn .btn {
  margin: 0 0 3px 0;
}
.form-group.form-group-lg .input-group-btn .btn {
  margin: 0 0 9px 0;
}
.input-group .input-group-btn {
  padding: 0 12px;
}
.input-group .input-group-addon {
  border: 0;
  background: transparent;
  padding: 12px 15px 0px;
}
.input-group .input-group-addon > i {
  cursor: pointer;
}
.form-group input[type=file] {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
textarea.auto-resize {
  overflow: hidden;
}
.form-group.label-floating label,
.form-group.label-floating label.control-label {
  margin: 0!important;
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
       -o-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: translate(12px, 16px) scale(1);
      -ms-transform: translate(12px, 16px) scale(1);
       -o-transform: translate(12px, 16px) scale(1);
          transform: translate(12px, 16px) scale(1);
  font-size: 16px!important;
  top: auto!important;
  left: auto!important;
  line-height: normal!important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  display: block;
}
.form-group.label-floating.is-focused label.control-label,
.form-group.label-floating:not(.is-empty) label.control-label {
  -webkit-transform: translate(12px, 7px) scale(0.75);
      -ms-transform: translate(12px, 7px) scale(0.75);
       -o-transform: translate(12px, 7px) scale(0.75);
          transform: translate(12px, 7px) scale(0.75);
}
.form-group.label-floating.is-empty:not(.is-focused) label.control-label {
  max-width: -webkit-calc(100% - 20px);
  max-width: calc(100% - 20px);
}
.form-group.label-floating.selectize-single.is-empty:not(.is-focused) label.control-label {
  max-width: -webkit-calc(100% - 34.9px);
  max-width: calc(100% - 34.9px);
}
.form-group.label-floating .form-control:not(.selectize-control):not(.selectize-dropdown),
.form-group.label-floating .form-control > .selectize-input {
  padding-top: 25px!important;
  padding-bottom: 8px!important;
  padding-left: 12px;
  padding-right: 12px;
  /*padding-left: 25px 12px 8px!important;*/
  margin-bottom: 0;
}
.form-group.label-floating .form-control.selectize-control.multi .selectize-input.has-items {
  padding: 6px 10px 3px;
  font-size: 14px;
  line-height: normal;
}
.form-group.label-floating .form-control > .selectize-input:after {
  right: 15px;
}
.form-group.label-floating .control-label + .form-control::-webkit-input-placeholder {
  opacity: 0.5;
  -webkit-transition: opacity 0.4s ease-out;
          transition: opacity 0.4s ease-out;
}
.form-group.label-floating .control-label + .form-control::-moz-placeholder {
  opacity: 0.5;
  transition: opacity 0.4s ease-out;
}
.form-group.label-floating .control-label + .form-control::placeholder {
  opacity: 0.5;
  -webkit-transition: opacity 0.4s ease-out;
       -o-transition: opacity 0.4s ease-out;
          transition: opacity 0.4s ease-out;
}
.form-group.label-floating.is-focused .control-label + .form-control::-webkit-input-placeholder {
  opacity: 1;
}
.form-group.label-floating.is-focused .control-label + .form-control::-moz-placeholder {
  opacity: 1;
}
.form-group.label-floating.is-focused .control-label + .form-control::placeholder {
  opacity: 1;
}
.form-group.label-floating .selectize-control.single .selectize-input > .item {
  max-width: -webkit-calc(100% - 12px);
  max-width: calc(100% - 12px);
}
.form-group.label-floating .selectize-input .item {
  min-height: 22.84px;
  border-radius: var(--border-radius-standard);
}
.form-group.label-floating .input-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-group.label-floating .input-group .input-group-addon.currency-sign {
  font-size: 16px;
}
.form-group.label-floating .input-group .input-group-addon.pos-left {
  padding: 0;
  position: absolute;
  bottom: 12px;
  left: 10px;
}
.form-group.label-floating .input-group .input-group-addon.pos-left + .form-control {
  padding-left: 25px!important;
}
.form-group.label-floating .input-group .input-group-addon.pos-right {
  padding: 0;
  position: absolute;
  bottom: 12px;
  right: 25px;
}
.form-group.label-floating .input-group .input-group-addon.pos-right.text-sign {
  bottom: 20px;
}
.form-group.label-floating .input-group .input-group-addon.pos-right .material-icons {
  color: #aaa;
  margin-left: -5px;
}
.form-group.label-floating .input-group .form-control[type="number"]:hover + .input-group-addon.pos-right,
.form-group.label-floating.is-focused .input-group .form-control[type="number"] + .input-group-addon.pos-right {
  padding-right: 25px!important;
}
.form-group.search-field {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0;
}
.form-group.search-field:before {
  content: "search";
  font-family: 'Material Icons';
  font-size: 24px;
  position: absolute;
  top: 12px;
  left: 12px;
  bottom: 12px;
  right: 12px;
  pointer-events: none;
}
.form-group.search-field input[type="text"] {
  padding: 16.5px 12px 16.5px 45px;
}
.pagination > li > a,
.pagination > li > span {
  color: rgba(0,0,0, 0.87);
  border: 0;
  border-radius: 30px !important;
  -webkit-transition: all .3s;
       -o-transition: all .3s;
          transition: all .3s;
  padding: 0px 11px;
  margin: 0 3px;
  font-weight: 400;
  background: transparent;
  text-align: center;
  min-width: 27.5px;
  height: 27.5px;
  line-height: 27.5px;
  font-size: 11px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #03a9f4;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  min-width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}
.table > thead > tr > th {
  font-weight: normal;
  border-bottom-width: 1px;
}
.table.with-header-padding > thead > tr > th {
  padding: 20px 8px;
  vertical-align: middle;
}
.table-bordered > tbody > tr > th {
  white-space: nowrap;
}
.table > tbody > tr > td {
  border-top: none;
  border-bottom: none;
}
.table.vcenter > tbody > tr > td {
  vertical-align: middle;
}
.notifications-container {
  position: relative;
  /*float: right;*/
}
.notifications-container .dropdown-menu {
  right: 0;
  left: auto;
}
/*.notifications-container .dropdown-menu ul {
    li:nth-child(odd)>a {
        &:hover, &:focus, &:active {
            background-color: #eee;
        }
    }
    li:nth-child(even)>a {
        &:hover, &:focus, &:active {
            background-color: transparent;
        }
    }
}*/
/* NOTIFICATION BOX */
.notification-box {
  width: 452px;
}
.notification-box .box-header {
  border-bottom: 1px solid #dddfe2;
  font-size: 14px;
  padding: 10px 8px;
}
.notification-box .box-header h6 {
  margin: 0;
  line-height: 20px;
}
.notification-box .box-body {
  max-height: 540px;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.notification-box ul {
  list-style-type: none;
  padding: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}
.notification-box li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.notification-box li:last-child {
  border-bottom: none;
}
.notification-box li a {
  display: block;
  padding: 0 !important;
  color: inherit;
  text-decoration: none;
}
.notification-box li a:active,
.notification-box li a:focus,
.notification-box li a:hover {
  color: inherit !important;
  text-decoration: none !important;
}
.notif-container {
  position: relative;
  color: #444;
  display: block;
  font-size: 14px;
  text-decoration: none;
}
.notif-container-inner {
  padding: 15px 20px;
}
.notif-container-unread .notify-title {
  font-weight: bold;
}
.notif-container-unread .notif-content-inner:before {
  background-color: #03a9f4;
}
.notif-content-inner:before {
  border-radius: 50%;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  background: #9e9e9e;
  content: '';
  padding: 5px;
  vertical-align: middle;
  display: block;
  /*margin-right: 10px;*/
}
.notif-content-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 15px;
}
.notifiy-date {
  font-size: .85em;
  margin-top: 3px;
  color: #9e9e9e;
}
.notification-box .close-notifications {
  display: none;
}
.notification-box .close-notifications a {
  color: white;
}
.notif_link {
  color: #444;
  cursor: pointer;
}
.notif_link:hover {
  text-decoration: underline;
}
.no-new-notif {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
  text-align: center;
  padding: 30px 0;
}
.notif-actionable {
  cursor: pointer;
}
.notif-delete {
  /*position: absolute;
    top: 50%;
    right: 10px;
    height: 20px;
    margin-top: -10px;
    display: none;
    line-height: 20px;*/
  /*width: 32px;*/
  text-align: center;
  font-size: 24px;
  width: 24px;
  color: #9e9e9e;
  cursor: pointer;
}
.notif-delete i {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  display: none;
}
.notif-container-inner:hover .notif-delete i {
  display: block;
}
.notification-bell {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 24px;
  cursor: pointer;
  position: relative;
}
.notification-bell,
.notification-bell:hover {
  color: inherit;
}
.notification-bell .badge {
  display: inline-block;
  position: absolute;
  bottom: 6px;
  right: 0;
  height: 20px;
  line-height: 15px;
  background-color: #f44336;
  font-size: 10px;
}
.box-body {
  max-width: 450px;
}
@media (max-width: 767px) {
  .notifications-container {
    /*position: absolute;
    top: 0;
    right: 55px;*/
  }
  .notifications-container > a {
    padding: 0 10px;
    display: inline-block;
    line-height: 48px;
    font-size: 20px;
  }
  .notif-content-box:before {
    content: none;
  }
  .notif-container-inner {
    padding: 20px 0;
  }
  .notifications-container .dropdown-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border-radius: 0;
    z-index: 1100;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
         -o-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
         -o-transform-origin: center center;
            transform-origin: center center;
    display: none;
  }
  .notification-container .open > .dropdown-menu {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
  .notification-box .box-body {
    max-height: 100%;
    padding-bottom: 50px;
  }
  .notification-box .notif_link {
    display: none;
  }
  .notification-box .close-notifications {
    display: block;
  }
  .notification-box .box-header {
    padding: 12px;
    background-color: #03a9f4;
    color: white;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  }
  .notification-box .box-header h6 {
    line-height: 24px;
  }
  .notification-bell .badge {
    top: 2px;
    right: 2px;
  }
  .notif-delete i {
    display: block;
  }
  .notification-box ul li:first-child .notif-container-inner {
    padding-top: 0;
  }
  /*.notify-title {
    width: ~"calc(100% - 50px)";
  }*/
}
legend {
  border-bottom: 0;
}
.well {
  background: #fbfbfb;
  border: 1px solid #ccc;
  border-radius: var(--border-radius-standard);
}
.list-group {
  border-radius: 0;
}
.list-group .list-group-item {
  background-color: rgba(153, 153, 153, 0.1);
  overflow: hidden;
  border: 0;
  border-radius: 0;
  padding: 7px 15px;
  margin-bottom: 7px;
}
.list-group .list-group-item.baseline {
  border-bottom: 1px solid #cecece;
}
.list-group .list-group-item.baseline:last-child {
  border-bottom: none;
}
.list-group .list-group-item .row-picture,
.list-group .list-group-item .row-action-primary {
  display: inline-block;
  padding-right: 16px;
}
.list-group .list-group-item .row-picture img,
.list-group .list-group-item .row-action-primary img,
.list-group .list-group-item .row-picture i,
.list-group .list-group-item .row-action-primary i,
.list-group .list-group-item .row-picture label,
.list-group .list-group-item .row-action-primary label {
  display: block;
  width: 56px;
  height: 56px;
}
.list-group .list-group-item .row-picture img,
.list-group .list-group-item .row-action-primary img {
  background: rgba(0, 0, 0, 0.1);
  padding: 1px;
}
.list-group .list-group-item .row-picture img.circle,
.list-group .list-group-item .row-action-primary img.circle {
  border-radius: 100%;
}
.list-group .list-group-item .row-picture i,
.list-group .list-group-item .row-action-primary i {
  background: rgba(0, 0, 0, 0.25);
  border-radius: 100%;
  text-align: center;
  line-height: 56px;
  font-size: 20px;
  color: white;
}
.list-group .list-group-item .row-picture label,
.list-group .list-group-item .row-action-primary label {
  margin-left: 7px;
  margin-right: -7px;
  margin-top: 5px;
  margin-bottom: -5px;
}
.list-group .list-group-item .row-picture label .checkbox-material,
.list-group .list-group-item .row-action-primary label .checkbox-material {
  left: -10px;
}
.list-group .list-group-item .row-content {
  display: inline-block;
  width: -webkit-calc(100% - 92px);
  width: calc(100% - 92px);
  min-height: 66px;
}
.list-group .list-group-item .row-content .action-secondary {
  position: absolute;
  right: 16px;
  top: 16px;
}
.list-group .list-group-item .row-content .action-secondary i {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.list-group .list-group-item .row-content .action-secondary ~ * {
  max-width: -webkit-calc(100% - 30px);
  max-width: calc(100% - 30px);
}
.list-group .list-group-item .row-content .least-content {
  position: absolute;
  right: 16px;
  top: 0;
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
}
.list-group .list-group-item .list-group-item-heading {
  color: rgba(0, 0, 0, 0.77);
  font-size: 20px;
  line-height: 29px;
}
.list-group .list-group-item.active:hover,
.list-group .list-group-item.active:focus {
  background: rgba(0, 0, 0, 0.15);
  outline: 10px solid rgba(0, 0, 0, 0.15);
}
.list-group .list-group-item.active .list-group-item-heading,
.list-group .list-group-item.active .list-group-item-text {
  color: rgba(0,0,0, 0.87);
}
.list-group .list-group-separator {
  clear: both;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 10px;
}
.list-group .list-group-separator:before {
  content: "";
  width: -webkit-calc(100% - 90px);
  width: calc(100% - 90px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  float: right;
}
.list-group.list-group-no-icon .list-group-item .row-content {
  width: 100%;
}
.list-group.list-group-no-icon .list-group-separator:before {
  width: 100%;
}
.list-group.border {
  border: 1px solid rgba(153, 153, 153, 0.15);
  padding: 2px;
}
.navbar {
  background-color: #03a9f4;
  border: 0;
  border-radius: 0;
}
.navbar .navbar-brand {
  position: relative;
  height: 60px;
  line-height: 30px;
  color: inherit;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: inherit;
  background-color: transparent;
}
.navbar .navbar-brand.with-text {
  height: auto;
  line-height: inherit;
}
.navbar .navbar-text {
  color: inherit;
  margin-top: 20px;
  margin-bottom: 20px;
}
.navbar .navbar-nav > li > a {
  color: inherit;
  padding-top: 20px;
  padding-bottom: 20px;
}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
  color: inherit;
  background-color: rgba(255, 255, 255, 0.05);
}
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus {
  color: inherit;
  background-color: rgba(255, 255, 255, 0.1);
}
.navbar .navbar-nav > .disabled > a,
.navbar .navbar-nav > .disabled > a:hover,
.navbar .navbar-nav > .disabled > a:focus {
  color: inherit;
  background-color: transparent;
  opacity: 0.9;
}
.navbar .nav-stacked {
  font-size: 16px;
}
.navbar .nav-stacked > li > a {
  padding-top: 14px;
  padding-bottom: 14px;
}
.navbar .navbar-toggle {
  border: 0;
  margin: 0;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: transparent;
}
.navbar .navbar-toggle .icon-bar {
  background-color: inherit;
  border: 1px solid;
}
.navbar .navbar-default .navbar-toggle,
.navbar .navbar-inverse .navbar-toggle {
  border-color: transparent;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus {
  background-color: transparent;
  color: inherit;
}
@media (max-width: 767px) {
  .navbar .navbar-nav .navbar-text {
    color: inherit;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .navbar .navbar-nav .dropdown .dropdown-toggle .caret {
    display: none;
  }
  .navbar .navbar-nav .dropdown .dropdown-toggle:after {
    content: 'keyboard_arrow_right';
    font-family: 'Material Icons';
    font-size: 1.5em;
    float: right;
    -webkit-font-feature-settings: 'liga';
       -moz-font-feature-settings: 'liga';
            font-feature-settings: 'liga';
    /* Support for IE. */
  }
  .navbar .navbar-nav .dropdown .dropdown-menu {
    margin-left: 20px;
  }
  .navbar .navbar-nav .dropdown.open .dropdown-toggle:after {
    content: 'keyboard_arrow_down';
  }
  .navbar .navbar-nav .dropdown.open .dropdown-menu > .dropdown-header {
    border: 0;
    color: inherit;
  }
  .navbar .navbar-nav .dropdown.open .dropdown-menu .divider {
    border-bottom: 1px solid;
    opacity: 0.08;
  }
  .navbar .navbar-nav .dropdown.open .dropdown-menu > li > a {
    color: inherit;
    font-size: inherit;
  }
  .navbar .navbar-nav .dropdown.open .dropdown-menu > li > a:hover,
  .navbar .navbar-nav .dropdown.open .dropdown-menu > li > a:focus {
    color: inherit;
    background-color: transparent;
  }
  .navbar .navbar-nav .dropdown.open .dropdown-menu > .active > a,
  .navbar .navbar-nav .dropdown.open .dropdown-menu > .active > a:hover,
  .navbar .navbar-nav .dropdown.open .dropdown-menu > .active > a:focus {
    color: inherit;
    background-color: transparent;
  }
  .navbar .navbar-nav .dropdown.open .dropdown-menu > .disabled > a,
  .navbar .navbar-nav .dropdown.open .dropdown-menu > .disabled > a:hover,
  .navbar .navbar-nav .dropdown.open .dropdown-menu > .disabled > a:focus {
    color: inherit;
    background-color: transparent;
  }
}
.navbar .navbar-link {
  color: inherit;
}
.navbar .navbar-link:hover {
  color: inherit;
}
.navbar .btn-link {
  color: inherit;
}
.navbar .btn-link:hover,
.navbar .btn-link:focus {
  color: inherit;
}
.navbar .btn-link[disabled]:hover,
fieldset[disabled] .navbar .btn-link:hover,
.navbar .btn-link[disabled]:focus,
fieldset[disabled] .navbar .btn-link:focus {
  color: inherit;
}
.navbar .navbar-form {
  margin-top: 16px;
}
.navbar .navbar-form .form-group {
  margin: 0;
  padding: 0;
}
.navbar .navbar-form .form-group .material-input:before,
.navbar .navbar-form .form-group.is-focused .material-input:after {
  background-color: inherit;
}
.navbar .navbar-form .form-group .form-control,
.navbar .navbar-form .form-control {
  border-color: inherit;
  color: inherit;
  padding: 0;
  margin: 0;
  height: 28px;
  font-size: 14px;
  line-height: 1.42857143;
}
.navbar,
.navbar.navbar-default {
  background-color: #03a9f4;
  color: rgba(255,255,255, 0.99);
}
.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-default .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar .navbar-form input.form-control::-moz-placeholder,
.navbar.navbar-default .navbar-form input.form-control::-moz-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-default .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar .navbar-form input.form-control:-ms-input-placeholder,
.navbar.navbar-default .navbar-form input.form-control:-ms-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-default .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar .navbar-form input.form-control::-webkit-input-placeholder,
.navbar.navbar-default .navbar-form input.form-control::-webkit-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar .dropdown-menu,
.navbar.navbar-default .dropdown-menu {
  border-radius: var(--border-radius-standard);
}
@media (max-width: 767px) {
  .navbar .dropdown-menu .dropdown-header,
  .navbar.navbar-default .dropdown-menu .dropdown-header {
    background-color: #14b4fc;
  }
}
.navbar .dropdown-menu li > a,
.navbar.navbar-default .dropdown-menu li > a {
  font-size: 14px;
  /*padding: 5px 20px;*/
}
.navbar .dropdown-menu li > a:hover,
.navbar.navbar-default .dropdown-menu li > a:hover,
.navbar .dropdown-menu li > a:focus,
.navbar.navbar-default .dropdown-menu li > a:focus {
  color: #03a9f4;
  background-color: #eeeeee;
}
.navbar .dropdown-menu .active > a,
.navbar.navbar-default .dropdown-menu .active > a {
  background-color: #03a9f4;
  color: rgba(255,255,255, 0.99);
}
.navbar .dropdown-menu .active > a:hover,
.navbar.navbar-default .dropdown-menu .active > a:hover,
.navbar .dropdown-menu .active > a:focus,
.navbar.navbar-default .dropdown-menu .active > a:focus {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-inverse {
  background-color: #3f51b5;
  color: #ffffff;
}
.navbar.navbar-inverse .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-inverse .navbar-form input.form-control::-moz-placeholder {
  color: #ffffff;
}
.navbar.navbar-inverse .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-inverse .navbar-form input.form-control:-ms-input-placeholder {
  color: #ffffff;
}
.navbar.navbar-inverse .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-inverse .navbar-form input.form-control::-webkit-input-placeholder {
  color: #ffffff;
}
.navbar.navbar-inverse .dropdown-menu {
  border-radius: var(--border-radius-standard);
}
@media (max-width: 767px) {
  .navbar.navbar-inverse .dropdown-menu .dropdown-header {
    background-color: #4d5ec1;
  }
}
.navbar.navbar-inverse .dropdown-menu li > a {
  font-size: 14px;
  /*padding: 5px 20px;*/
}
.navbar.navbar-inverse .dropdown-menu li > a:hover,
.navbar.navbar-inverse .dropdown-menu li > a:focus {
  color: #3f51b5;
  background-color: #eeeeee;
}
.navbar.navbar-inverse .dropdown-menu .active > a {
  background-color: #3f51b5;
  color: #ffffff;
}
.navbar.navbar-inverse .dropdown-menu .active > a:hover,
.navbar.navbar-inverse .dropdown-menu .active > a:focus {
  color: #ffffff;
}
.navbar.navbar-primary {
  background-color: #03a9f4;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-primary .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-primary .navbar-form input.form-control::-moz-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-primary .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-primary .navbar-form input.form-control:-ms-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-primary .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-primary .navbar-form input.form-control::-webkit-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-primary .dropdown-menu {
  border-radius: var(--border-radius-standard);
}
@media (max-width: 767px) {
  .navbar.navbar-primary .dropdown-menu .dropdown-header {
    background-color: #14b4fc;
  }
}
.navbar.navbar-primary .dropdown-menu li > a {
  font-size: 14px;
  /*padding: 5px 20px;*/
}
.navbar.navbar-primary .dropdown-menu li > a:hover,
.navbar.navbar-primary .dropdown-menu li > a:focus {
  color: #03a9f4;
  background-color: #eeeeee;
}
.navbar.navbar-primary .dropdown-menu .active > a {
  background-color: #03a9f4;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-primary .dropdown-menu .active > a:hover,
.navbar.navbar-primary .dropdown-menu .active > a:focus {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-secondary {
  background-color: #e91e63;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-secondary .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-secondary .navbar-form input.form-control::-moz-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-secondary .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-secondary .navbar-form input.form-control:-ms-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-secondary .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-secondary .navbar-form input.form-control::-webkit-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-secondary .dropdown-menu {
  border-radius: var(--border-radius-standard);
}
@media (max-width: 767px) {
  .navbar.navbar-secondary .dropdown-menu .dropdown-header {
    background-color: #eb3573;
  }
}
.navbar.navbar-secondary .dropdown-menu li > a {
  font-size: 14px;
  /*padding: 5px 20px;*/
}
.navbar.navbar-secondary .dropdown-menu li > a:hover,
.navbar.navbar-secondary .dropdown-menu li > a:focus {
  color: #e91e63;
  background-color: #eeeeee;
}
.navbar.navbar-secondary .dropdown-menu .active > a {
  background-color: #e91e63;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-secondary .dropdown-menu .active > a:hover,
.navbar.navbar-secondary .dropdown-menu .active > a:focus {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-success {
  background-color: #4caf50;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-success .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-success .navbar-form input.form-control::-moz-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-success .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-success .navbar-form input.form-control:-ms-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-success .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-success .navbar-form input.form-control::-webkit-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-success .dropdown-menu {
  border-radius: var(--border-radius-standard);
}
@media (max-width: 767px) {
  .navbar.navbar-success .dropdown-menu .dropdown-header {
    background-color: #5cb860;
  }
}
.navbar.navbar-success .dropdown-menu li > a {
  font-size: 14px;
  /*padding: 5px 20px;*/
}
.navbar.navbar-success .dropdown-menu li > a:hover,
.navbar.navbar-success .dropdown-menu li > a:focus {
  color: #4caf50;
  background-color: #eeeeee;
}
.navbar.navbar-success .dropdown-menu .active > a {
  background-color: #4caf50;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-success .dropdown-menu .active > a:hover,
.navbar.navbar-success .dropdown-menu .active > a:focus {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-info {
  background-color: #00bcd4;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-info .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-info .navbar-form input.form-control::-moz-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-info .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-info .navbar-form input.form-control:-ms-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-info .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-info .navbar-form input.form-control::-webkit-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-info .dropdown-menu {
  border-radius: var(--border-radius-standard);
}
@media (max-width: 767px) {
  .navbar.navbar-info .dropdown-menu .dropdown-header {
    background-color: #00d3ee;
  }
}
.navbar.navbar-info .dropdown-menu li > a {
  font-size: 14px;
  /*padding: 5px 20px;*/
}
.navbar.navbar-info .dropdown-menu li > a:hover,
.navbar.navbar-info .dropdown-menu li > a:focus {
  color: #00bcd4;
  background-color: #eeeeee;
}
.navbar.navbar-info .dropdown-menu .active > a {
  background-color: #00bcd4;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-info .dropdown-menu .active > a:hover,
.navbar.navbar-info .dropdown-menu .active > a:focus {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-warning {
  background-color: #ff5722;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-warning .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-warning .navbar-form input.form-control::-moz-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-warning .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-warning .navbar-form input.form-control:-ms-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-warning .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-warning .navbar-form input.form-control::-webkit-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-warning .dropdown-menu {
  border-radius: var(--border-radius-standard);
}
@media (max-width: 767px) {
  .navbar.navbar-warning .dropdown-menu .dropdown-header {
    background-color: #ff6a3c;
  }
}
.navbar.navbar-warning .dropdown-menu li > a {
  font-size: 14px;
  /*padding: 5px 20px;*/
}
.navbar.navbar-warning .dropdown-menu li > a:hover,
.navbar.navbar-warning .dropdown-menu li > a:focus {
  color: #ff5722;
  background-color: #eeeeee;
}
.navbar.navbar-warning .dropdown-menu .active > a {
  background-color: #ff5722;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-warning .dropdown-menu .active > a:hover,
.navbar.navbar-warning .dropdown-menu .active > a:focus {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-danger {
  background-color: #f44336;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-danger .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-danger .navbar-form input.form-control::-moz-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-danger .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-danger .navbar-form input.form-control:-ms-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-danger .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-danger .navbar-form input.form-control::-webkit-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-danger .dropdown-menu {
  border-radius: var(--border-radius-standard);
}
@media (max-width: 767px) {
  .navbar.navbar-danger .dropdown-menu .dropdown-header {
    background-color: #f55a4e;
  }
}
.navbar.navbar-danger .dropdown-menu li > a {
  font-size: 14px;
  /*padding: 5px 20px;*/
}
.navbar.navbar-danger .dropdown-menu li > a:hover,
.navbar.navbar-danger .dropdown-menu li > a:focus {
  color: #f44336;
  background-color: #eeeeee;
}
.navbar.navbar-danger .dropdown-menu .active > a {
  background-color: #f44336;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-danger .dropdown-menu .active > a:hover,
.navbar.navbar-danger .dropdown-menu .active > a:focus {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-facebook {
  background-color: #3b5998;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-facebook .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-facebook .navbar-form input.form-control::-moz-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-facebook .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-facebook .navbar-form input.form-control:-ms-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-facebook .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-facebook .navbar-form input.form-control::-webkit-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-facebook .dropdown-menu {
  border-radius: var(--border-radius-standard);
}
@media (max-width: 767px) {
  .navbar.navbar-facebook .dropdown-menu .dropdown-header {
    background-color: #4264aa;
  }
}
.navbar.navbar-facebook .dropdown-menu li > a {
  font-size: 14px;
  /*padding: 5px 20px;*/
}
.navbar.navbar-facebook .dropdown-menu li > a:hover,
.navbar.navbar-facebook .dropdown-menu li > a:focus {
  color: #3b5998;
  background-color: #eeeeee;
}
.navbar.navbar-facebook .dropdown-menu .active > a {
  background-color: #3b5998;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-facebook .dropdown-menu .active > a:hover,
.navbar.navbar-facebook .dropdown-menu .active > a:focus {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-twitter {
  background-color: #000;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-twitter .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-twitter .navbar-form input.form-control::-moz-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-twitter .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-twitter .navbar-form input.form-control:-ms-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-twitter .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-twitter .navbar-form input.form-control::-webkit-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-twitter .dropdown-menu {
  border-radius: var(--border-radius-standard);
}
@media (max-width: 767px) {
  .navbar.navbar-twitter .dropdown-menu .dropdown-header {
    background-color: #0d0d0d;
  }
}
.navbar.navbar-twitter .dropdown-menu li > a {
  font-size: 14px;
  /*padding: 5px 20px;*/
}
.navbar.navbar-twitter .dropdown-menu li > a:hover,
.navbar.navbar-twitter .dropdown-menu li > a:focus {
  color: #000;
  background-color: #eeeeee;
}
.navbar.navbar-twitter .dropdown-menu .active > a {
  background-color: #000;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-twitter .dropdown-menu .active > a:hover,
.navbar.navbar-twitter .dropdown-menu .active > a:focus {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-instagram {
  background-color: #3f729b;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-instagram .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-instagram .navbar-form input.form-control::-moz-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-instagram .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-instagram .navbar-form input.form-control:-ms-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-instagram .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-instagram .navbar-form input.form-control::-webkit-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-instagram .dropdown-menu {
  border-radius: var(--border-radius-standard);
}
@media (max-width: 767px) {
  .navbar.navbar-instagram .dropdown-menu .dropdown-header {
    background-color: #467fad;
  }
}
.navbar.navbar-instagram .dropdown-menu li > a {
  font-size: 14px;
  /*padding: 5px 20px;*/
}
.navbar.navbar-instagram .dropdown-menu li > a:hover,
.navbar.navbar-instagram .dropdown-menu li > a:focus {
  color: #3f729b;
  background-color: #eeeeee;
}
.navbar.navbar-instagram .dropdown-menu .active > a {
  background-color: #3f729b;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-instagram .dropdown-menu .active > a:hover,
.navbar.navbar-instagram .dropdown-menu .active > a:focus {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-youtube {
  background-color: #cd201f;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-youtube .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-youtube .navbar-form input.form-control::-moz-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-youtube .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-youtube .navbar-form input.form-control:-ms-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-youtube .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-youtube .navbar-form input.form-control::-webkit-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-youtube .dropdown-menu {
  border-radius: var(--border-radius-standard);
}
@media (max-width: 767px) {
  .navbar.navbar-youtube .dropdown-menu .dropdown-header {
    background-color: #de2827;
  }
}
.navbar.navbar-youtube .dropdown-menu li > a {
  font-size: 14px;
  /*padding: 5px 20px;*/
}
.navbar.navbar-youtube .dropdown-menu li > a:hover,
.navbar.navbar-youtube .dropdown-menu li > a:focus {
  color: #cd201f;
  background-color: #eeeeee;
}
.navbar.navbar-youtube .dropdown-menu .active > a {
  background-color: #cd201f;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-youtube .dropdown-menu .active > a:hover,
.navbar.navbar-youtube .dropdown-menu .active > a:focus {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-pinterest {
  background-color: #cc2127;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-pinterest .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-pinterest .navbar-form input.form-control::-moz-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-pinterest .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-pinterest .navbar-form input.form-control:-ms-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-pinterest .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-pinterest .navbar-form input.form-control::-webkit-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-pinterest .dropdown-menu {
  border-radius: var(--border-radius-standard);
}
@media (max-width: 767px) {
  .navbar.navbar-pinterest .dropdown-menu .dropdown-header {
    background-color: #dd2a30;
  }
}
.navbar.navbar-pinterest .dropdown-menu li > a {
  font-size: 14px;
  /*padding: 5px 20px;*/
}
.navbar.navbar-pinterest .dropdown-menu li > a:hover,
.navbar.navbar-pinterest .dropdown-menu li > a:focus {
  color: #cc2127;
  background-color: #eeeeee;
}
.navbar.navbar-pinterest .dropdown-menu .active > a {
  background-color: #cc2127;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-pinterest .dropdown-menu .active > a:hover,
.navbar.navbar-pinterest .dropdown-menu .active > a:focus {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-linkedin {
  background-color: #0077b5;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-linkedin .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-linkedin .navbar-form input.form-control::-moz-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-linkedin .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-linkedin .navbar-form input.form-control:-ms-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-linkedin .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-linkedin .navbar-form input.form-control::-webkit-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-linkedin .dropdown-menu {
  border-radius: var(--border-radius-standard);
}
@media (max-width: 767px) {
  .navbar.navbar-linkedin .dropdown-menu .dropdown-header {
    background-color: #0088cf;
  }
}
.navbar.navbar-linkedin .dropdown-menu li > a {
  font-size: 14px;
  /*padding: 5px 20px;*/
}
.navbar.navbar-linkedin .dropdown-menu li > a:hover,
.navbar.navbar-linkedin .dropdown-menu li > a:focus {
  color: #0077b5;
  background-color: #eeeeee;
}
.navbar.navbar-linkedin .dropdown-menu .active > a {
  background-color: #0077b5;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-linkedin .dropdown-menu .active > a:hover,
.navbar.navbar-linkedin .dropdown-menu .active > a:focus {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-google {
  background-color: #d34836;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-google .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-google .navbar-form input.form-control::-moz-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-google .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-google .navbar-form input.form-control:-ms-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-google .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-google .navbar-form input.form-control::-webkit-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-google .dropdown-menu {
  border-radius: var(--border-radius-standard);
}
@media (max-width: 767px) {
  .navbar.navbar-google .dropdown-menu .dropdown-header {
    background-color: #d85b4b;
  }
}
.navbar.navbar-google .dropdown-menu li > a {
  font-size: 14px;
  /*padding: 5px 20px;*/
}
.navbar.navbar-google .dropdown-menu li > a:hover,
.navbar.navbar-google .dropdown-menu li > a:focus {
  color: #d34836;
  background-color: #eeeeee;
}
.navbar.navbar-google .dropdown-menu .active > a {
  background-color: #d34836;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-google .dropdown-menu .active > a:hover,
.navbar.navbar-google .dropdown-menu .active > a:focus {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-yahoo {
  background-color: #400191;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-yahoo .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-yahoo .navbar-form input.form-control::-moz-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-yahoo .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-yahoo .navbar-form input.form-control:-ms-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-yahoo .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-yahoo .navbar-form input.form-control::-webkit-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-yahoo .dropdown-menu {
  border-radius: var(--border-radius-standard);
}
@media (max-width: 767px) {
  .navbar.navbar-yahoo .dropdown-menu .dropdown-header {
    background-color: #4b01aa;
  }
}
.navbar.navbar-yahoo .dropdown-menu li > a {
  font-size: 14px;
  /*padding: 5px 20px;*/
}
.navbar.navbar-yahoo .dropdown-menu li > a:hover,
.navbar.navbar-yahoo .dropdown-menu li > a:focus {
  color: #400191;
  background-color: #eeeeee;
}
.navbar.navbar-yahoo .dropdown-menu .active > a {
  background-color: #400191;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-yahoo .dropdown-menu .active > a:hover,
.navbar.navbar-yahoo .dropdown-menu .active > a:focus {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-whatsapp {
  background-color: #25d366;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-whatsapp .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-whatsapp .navbar-form input.form-control::-moz-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-whatsapp .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-whatsapp .navbar-form input.form-control:-ms-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-whatsapp .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-whatsapp .navbar-form input.form-control::-webkit-input-placeholder {
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-whatsapp .dropdown-menu {
  border-radius: var(--border-radius-standard);
}
@media (max-width: 767px) {
  .navbar.navbar-whatsapp .dropdown-menu .dropdown-header {
    background-color: #36dc74;
  }
}
.navbar.navbar-whatsapp .dropdown-menu li > a {
  font-size: 14px;
  /*padding: 5px 20px;*/
}
.navbar.navbar-whatsapp .dropdown-menu li > a:hover,
.navbar.navbar-whatsapp .dropdown-menu li > a:focus {
  color: #25d366;
  background-color: #eeeeee;
}
.navbar.navbar-whatsapp .dropdown-menu .active > a {
  background-color: #25d366;
  color: rgba(255,255,255, 0.99);
}
.navbar.navbar-whatsapp .dropdown-menu .active > a:hover,
.navbar.navbar-whatsapp .dropdown-menu .active > a:focus {
  color: rgba(255,255,255, 0.99);
}
.navbar-inverse {
  background-color: #3f51b5;
}
.navbar-transparent {
  background-color: transparent;
  color: rgba(0,0,0, 0.87);
}
@media (max-width: 767px) {
  .navbar-transparent .dropdown-menu .dropdown-header {
    background-color: #f2f2f2;
  }
}
.navbar-transparent .dropdown-menu li > a:hover,
.navbar-transparent .dropdown-menu li > a:focus {
  color: rgba(0,0,0, 0.87);
}
.navbar .avatar {
  margin-top: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1199px) {
  .navbar .navbar-brand {
    height: 50px;
    padding: 10px 15px;
  }
  .navbar .navbar-form {
    margin-top: 10px;
  }
  .navbar .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-sidebar .sidebar-header .sidebar-toggle {
  display: none;
}
.navbar-sidebar .pages-container .btn-group > .btn {
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .navbar-sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -8px;
    /* This allows the box-shadow to be hidden */
    -webkit-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.35);
            box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.35);
    -webkit-transform: translate3d(280px, 0, 0);
            transform: translate3d(280px, 0, 0);
    z-index: 1035;
    display: block;
    min-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    border: none;
    -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
         -o-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
            transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    min-width: 280px;
    width: 280px;
    background-color: #fff;
  }
  .navbar-sidebar.open {
    -webkit-transform: translate3d(-8px, 0, 0);
            transform: translate3d(-8px, 0, 0);
  }
  .sidebar-overlay {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: #000;
    z-index: 1034;
    -webkit-transition: visibility linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
         -o-transition: visibility linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            transition: visibility linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  .navbar-sidebar.open + .sidebar-overlay {
    opacity: 0.5;
    visibility: visible;
    -webkit-transition-delay: 0;
         -o-transition-delay: 0;
            transition-delay: 0;
  }
  .navbar-sidebar .nav {
    margin: 0;
    padding: 0;
  }
  .navbar-sidebar .nav li {
    position: relative;
    list-style-type: none;
  }
  .navbar-sidebar .nav li a,
  .navbar-sidebar .open .dropdown-menu > li > a {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    display: block;
    height: 48px;
    line-height: 48px;
    padding: 0;
    padding-left: 16px;
    padding-right: 56px;
    text-decoration: none;
    clear: both;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
  }
  .navbar-sidebar .nav li a:hover,
  .navbar-sidebar .nav li a:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
    outline: none;
  }
  .navbar-sidebar .nav li a .caret {
    position: absolute;
    right: 24px;
    top: 24px;
  }
  .navbar-sidebar .nav li a .sidebar-badge {
    position: absolute;
    right: 16px;
    top: 12px;
  }
  .navbar-sidebar .nav li a:hover {
    background: transparent;
  }
  .navbar-sidebar .sidebar-header {
    position: relative;
    background-color: #f2f2f2;
    height: auto;
    margin-bottom: 8px;
    -webkit-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
  }
  .navbar-sidebar .nav .avatar-container a {
    height: auto !important;
    padding: 0 !important;
    float: left;
  }
  .navbar-sidebar .sidebar-header .sidebar-toggle {
    display: block;
    float: right;
    border: none;
    background-color: transparent;
    padding: 0;
    height: 30px;
    width: 30px;
    margin: 10px;
  }
  .navbar-sidebar .sidebar-header .sidebar-toggle i {
    line-height: 30px;
    font-size: 30px;
  }
  .navbar-sidebar .nav .avatar-container .avatar {
    margin: 10px;
  }
  .navbar-sidebar .sidebar-header .avatar-container .sidebar-toggle {
    margin: 16px 10px;
  }
  .navbar-sidebar .nav .pages-container > div {
    margin: 0;
    width: 100%;
  }
  .navbar-sidebar .nav .pages-container .btn {
    width: 100%;
    text-align: left;
  }
}
.alert {
  border: 0;
  border-radius: -webkit-calc(var(--border-radius-standard) / 2);
  border-radius: calc(var(--border-radius-standard) / 2);
}
.alert .alert-icon {
  display: block;
  float: left;
  margin-right: 15px;
}
.alert .alert-icon i {
  margin-top: -7px;
  top: 5px;
  position: relative;
}
.alert,
.alert.alert-default {
  background-color: rgba(255,255,255, 0.99);
  border-color: rgba(255,255,255, 0.99);
  color: rgba(255,255,255, 0.99);
}
.alert a,
.alert.alert-default a,
.alert .alert-link,
.alert.alert-default .alert-link {
  color: rgba(255,255,255, 0.99);
}
.alert.alert-inverse {
  background-color: #3f51b5;
  border-color: #3f51b5;
  color: #ffffff;
}
.alert.alert-inverse a,
.alert.alert-inverse .alert-link {
  color: #ffffff;
}
.alert.alert-primary {
  background-color: #03a9f4;
  border-color: #03a9f4;
  color: rgba(255,255,255, 0.99);
}
.alert.alert-primary a,
.alert.alert-primary .alert-link {
  color: rgba(255,255,255, 0.99);
}
.alert.alert-secondary {
  background-color: #e91e63;
  border-color: #e91e63;
  color: rgba(255,255,255, 0.99);
}
.alert.alert-secondary a,
.alert.alert-secondary .alert-link {
  color: rgba(255,255,255, 0.99);
}
.alert.alert-success {
  background-color: #4caf50;
  border-color: #4caf50;
  color: rgba(255,255,255, 0.99);
}
.alert.alert-success a,
.alert.alert-success .alert-link {
  color: rgba(255,255,255, 0.99);
}
.alert.alert-info {
  background-color: #00bcd4;
  border-color: #00bcd4;
  color: rgba(255,255,255, 0.99);
}
.alert.alert-info a,
.alert.alert-info .alert-link {
  color: rgba(255,255,255, 0.99);
}
.alert.alert-warning {
  background-color: #ff5722;
  border-color: #ff5722;
  color: rgba(255,255,255, 0.99);
}
.alert.alert-warning a,
.alert.alert-warning .alert-link {
  color: rgba(255,255,255, 0.99);
}
.alert.alert-danger {
  background-color: #f44336;
  border-color: #f44336;
  color: rgba(255,255,255, 0.99);
}
.alert.alert-danger a,
.alert.alert-danger .alert-link {
  color: rgba(255,255,255, 0.99);
}
.alert.alert-facebook {
  background-color: #3b5998;
  border-color: #3b5998;
  color: rgba(255,255,255, 0.99);
}
.alert.alert-facebook a,
.alert.alert-facebook .alert-link {
  color: rgba(255,255,255, 0.99);
}
.alert.alert-twitter {
  background-color: #000;
  border-color: #000;
  color: rgba(255,255,255, 0.99);
}
.alert.alert-twitter a,
.alert.alert-twitter .alert-link {
  color: rgba(255,255,255, 0.99);
}
.alert.alert-instagram {
  background-color: #3f729b;
  border-color: #3f729b;
  color: rgba(255,255,255, 0.99);
}
.alert.alert-instagram a,
.alert.alert-instagram .alert-link {
  color: rgba(255,255,255, 0.99);
}
.alert.alert-youtube {
  background-color: #cd201f;
  border-color: #cd201f;
  color: rgba(255,255,255, 0.99);
}
.alert.alert-youtube a,
.alert.alert-youtube .alert-link {
  color: rgba(255,255,255, 0.99);
}
.alert.alert-pinterest {
  background-color: #cc2127;
  border-color: #cc2127;
  color: rgba(255,255,255, 0.99);
}
.alert.alert-pinterest a,
.alert.alert-pinterest .alert-link {
  color: rgba(255,255,255, 0.99);
}
.alert.alert-linkedin {
  background-color: #0077b5;
  border-color: #0077b5;
  color: rgba(255,255,255, 0.99);
}
.alert.alert-linkedin a,
.alert.alert-linkedin .alert-link {
  color: rgba(255,255,255, 0.99);
}
.alert.alert-google {
  background-color: #d34836;
  border-color: #d34836;
  color: rgba(255,255,255, 0.99);
}
.alert.alert-google a,
.alert.alert-google .alert-link {
  color: rgba(255,255,255, 0.99);
}
.alert.alert-yahoo {
  background-color: #400191;
  border-color: #400191;
  color: rgba(255,255,255, 0.99);
}
.alert.alert-yahoo a,
.alert.alert-yahoo .alert-link {
  color: rgba(255,255,255, 0.99);
}
.alert.alert-whatsapp {
  background-color: #25d366;
  border-color: #25d366;
  color: rgba(255,255,255, 0.99);
}
.alert.alert-whatsapp a,
.alert.alert-whatsapp .alert-link {
  color: rgba(255,255,255, 0.99);
}
.alert-info,
.alert-danger,
.alert-warning,
.alert-success {
  color: rgba(255,255,255, 0.99);
}
.alert-snakbar {
  background-color: #444;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: -webkit-calc(var(--border-radius-standard) / 2);
  border-radius: calc(var(--border-radius-standard) / 2);
}
.alert-float {
  position: absolute;
  z-index: 5000;
}
.alert-float + .alert-float.alert-bottom {
  bottom: 72px;
}
.alert-float + .alert-float.alert-bottom + .alert-float.alert-bottom {
  bottom: 144px;
}
.alert-fixed {
  position: fixed;
  z-index: 5000;
}
.alert-fixed + .alert-fixed.alert-bottom {
  bottom: 72px;
}
.alert-fixed + .alert-fixed.alert-bottom + .alert-fixed.alert-bottom {
  bottom: 144px;
}
.alert-bottom {
  bottom: 0;
}
.alert-arrow-left:after {
  content: "";
  position: absolute;
  top: 10px;
  left: -20px;
  border-left: 10px solid transparent;
  border-top: 10px solid transparent;
  border-right: 10px solid #000;
  border-right-color: inherit;
  border-bottom: 10px solid transparent;
}
.alert .close {
  margin-left: 10px;
}
.alert button.close {
  right: -5px;
}
.alert-default a,
.alert-default .alert-link {
  color: rgba(0,0,0, 0.87);
}
.progress {
  height: 4px;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #c8c8c8;
}
.progress .progress-bar {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.progress .progress-bar,
.progress .progress-bar.progress-bar-default {
  background-color: #03a9f4;
}
.progress .progress-bar.progress-bar-inverse {
  background-color: #3f51b5;
}
.progress .progress-bar.progress-bar-primary {
  background-color: #03a9f4;
}
.progress .progress-bar.progress-bar-secondary {
  background-color: #e91e63;
}
.progress .progress-bar.progress-bar-success {
  background-color: #4caf50;
}
.progress .progress-bar.progress-bar-info {
  background-color: #00bcd4;
}
.progress .progress-bar.progress-bar-warning {
  background-color: #ff5722;
}
.progress .progress-bar.progress-bar-danger {
  background-color: #f44336;
}
.progress .progress-bar.progress-bar-facebook {
  background-color: #3b5998;
}
.progress .progress-bar.progress-bar-twitter {
  background-color: #000;
}
.progress .progress-bar.progress-bar-instagram {
  background-color: #3f729b;
}
.progress .progress-bar.progress-bar-youtube {
  background-color: #cd201f;
}
.progress .progress-bar.progress-bar-pinterest {
  background-color: #cc2127;
}
.progress .progress-bar.progress-bar-linkedin {
  background-color: #0077b5;
}
.progress .progress-bar.progress-bar-google {
  background-color: #d34836;
}
.progress .progress-bar.progress-bar-yahoo {
  background-color: #400191;
}
.progress .progress-bar.progress-bar-whatsapp {
  background-color: #25d366;
}
.progress-material {
  height: 5px;
  border-radius: 0;
  background: rgba(3, 169, 244, 0.15);
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
}
.progress-material .progress-bar {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.progress-material .progress-bar,
.progress-material .progress-bar.progress-bar-default {
  background-color: #03a9f4;
}
.progress-material .progress-bar.progress-bar-inverse {
  background-color: #3f51b5;
}
.progress-material .progress-bar.progress-bar-primary {
  background-color: #03a9f4;
}
.progress-material .progress-bar.progress-bar-secondary {
  background-color: #e91e63;
}
.progress-material .progress-bar.progress-bar-success {
  background-color: #4caf50;
}
.progress-material .progress-bar.progress-bar-info {
  background-color: #00bcd4;
}
.progress-material .progress-bar.progress-bar-warning {
  background-color: #ff5722;
}
.progress-material .progress-bar.progress-bar-danger {
  background-color: #f44336;
}
.progress-material .progress-bar.progress-bar-facebook {
  background-color: #3b5998;
}
.progress-material .progress-bar.progress-bar-twitter {
  background-color: #000;
}
.progress-material .progress-bar.progress-bar-instagram {
  background-color: #3f729b;
}
.progress-material .progress-bar.progress-bar-youtube {
  background-color: #cd201f;
}
.progress-material .progress-bar.progress-bar-pinterest {
  background-color: #cc2127;
}
.progress-material .progress-bar.progress-bar-linkedin {
  background-color: #0077b5;
}
.progress-material .progress-bar.progress-bar-google {
  background-color: #d34836;
}
.progress-material .progress-bar.progress-bar-yahoo {
  background-color: #400191;
}
.progress-material .progress-bar.progress-bar-whatsapp {
  background-color: #25d366;
}
.indeterminate-loader .indeterminate-progress,
.indeterminate-loader .message {
  float: left;
}
.indeterminate-loader .indeterminate-progress {
  position: relative;
  width: 100px;
}
.indeterminate-loader .indeterminate-progress.center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.indeterminate-loader .indeterminate-progress:before {
  content: '';
  display: block;
  padding-top: 100%;
}
.indeterminate-loader .indeterminate-progress .circular {
  -webkit-animation: rotate 2s linear infinite;
       -o-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
       -o-transform-origin: center center;
          transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.indeterminate-loader .indeterminate-progress .path {
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
       -o-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
  stroke: #000;
}
.indeterminate-loader .message {
  height: 100px;
  line-height: 100px;
}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  100% {
    -o-transform: rotate(360deg);
       transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124;
  }
}
@-o-keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124;
  }
}
.image-loader {
  padding: 12.5px 0;
}
.image-loader .rect {
  position: relative;
  height: 80px;
  width: 80px;
  -webkit-animation: rotating 1.7s linear infinite;
       -o-animation: rotating 1.7s linear infinite;
          animation: rotating 1.7s linear infinite;
}
.rotate-infinite {
  -webkit-animation: rotating 1.7s linear infinite;
       -o-animation: rotating 1.7s linear infinite;
          animation: rotating 1.7s linear infinite;
}
@-webkit-keyframes rotating {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-o-keyframes rotating {
  0% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
       transform: rotate(360deg);
  }
}
@keyframes rotating {
  0% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.image-loader .rect .dot {
  position: absolute;
  left: 28px;
  top: 28px;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  background-color: #03a9f4;
}
.image-loader .rect .dot.d_i {
  -webkit-animation: dot_i 1.5s ease-in-out infinite;
       -o-animation: dot_i 1.5s ease-in-out infinite;
          animation: dot_i 1.5s ease-in-out infinite;
}
.image-loader .rect .dot.d_ii {
  -webkit-animation: dot_ii 1.5s ease-in-out infinite;
       -o-animation: dot_ii 1.5s ease-in-out infinite;
          animation: dot_ii 1.5s ease-in-out infinite;
}
@-webkit-keyframes dot_i {
  0%,
  100% {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
  50% {
    -webkit-transform: translateY(20px) scale(0.8);
            transform: translateY(20px) scale(0.8);
  }
}
@-o-keyframes dot_i {
  0%,
  100% {
    -o-transform: translateY(0) scale(1);
       transform: translateY(0) scale(1);
  }
  50% {
    -o-transform: translateY(20px) scale(0.8);
       transform: translateY(20px) scale(0.8);
  }
}
@keyframes dot_i {
  0%,
  100% {
    -webkit-transform: translateY(0) scale(1);
         -o-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
  50% {
    -webkit-transform: translateY(20px) scale(0.8);
         -o-transform: translateY(20px) scale(0.8);
            transform: translateY(20px) scale(0.8);
  }
}
@-webkit-keyframes dot_ii {
  0%,
  100% {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
  50% {
    -webkit-transform: translateY(-20px) scale(0.8);
            transform: translateY(-20px) scale(0.8);
  }
}
@-o-keyframes dot_ii {
  0%,
  100% {
    -o-transform: translateY(0) scale(1);
       transform: translateY(0) scale(1);
  }
  50% {
    -o-transform: translateY(-20px) scale(0.8);
       transform: translateY(-20px) scale(0.8);
  }
}
@keyframes dot_ii {
  0%,
  100% {
    -webkit-transform: translateY(0) scale(1);
         -o-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
  50% {
    -webkit-transform: translateY(-20px) scale(0.8);
         -o-transform: translateY(-20px) scale(0.8);
            transform: translateY(-20px) scale(0.8);
  }
}
.text-warning {
  color: #ff5722;
}
a.text-warning:focus,
a.text-warning:hover {
  color: #bb2d00;
}
.text-default {
  color: #9e9e9e;
}
a.text-default:focus,
a.text-default:hover {
  color: #6b6b6b;
}
.text-primary {
  color: #03a9f4;
}
a.text-primary:focus,
a.text-primary:hover {
  color: #02638f;
}
.text-secondary {
  color: #e91e63;
}
a.text-secondary:focus,
a.text-secondary:hover {
  color: #930e3b;
}
.text-danger {
  color: #f44336;
}
a.text-danger:focus,
a.text-danger:hover {
  color: #ba160a;
}
.text-success {
  color: #4caf50;
}
a.text-success:focus,
a.text-success:hover {
  color: #2d682f;
}
.text-info {
  color: #00bcd4;
}
a.text-info:focus,
a.text-info:hover {
  color: #00626e;
}
@media (min-width: 992px) {
  h1,
  .h1 {
    font-size: 48px;
  }
  h2,
  .h2 {
    font-size: 36px;
  }
  h3,
  .h3 {
    font-size: 24px;
  }
  h4,
  .h4 {
    font-size: 18px;
  }
  h5,
  .h5 {
    font-size: 16px;
  }
  h6,
  .h6 {
    font-size: 14px;
  }
}
.nav-tabs {
  background: transparent;
  border: 0;
}
.nav-tabs > li {
  border-width: 0 0 2px;
  border-style: solid;
  border-color: transparent;
  /*& > a:hover {
            background-color: @grey-200 !important;
        }*/
}
.nav-tabs > li.active {
  /* border-color: @mdb-text-color-primary; */
  border-color: var(--brand-primary);
  background-color: rgba(0, 0, 0, 0.05);
}
.nav-tabs > li > a {
  cursor: pointer;
  color: rgba(0,0,0, 0.87);
  border: 0;
  margin: 0;
  border-radius: 0;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
       -o-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
          transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.nav-tabs > li > a:hover {
  background-color: transparent;
  border: 0;
}
.nav-tabs > li > a > i + span,
.nav-tabs > li > a > span + i {
  margin-left: 5px;
}
.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  background-color: transparent !important;
  border: 0 !important;
  color: rgba(0,0,0, 0.87) !important;
  font-weight: 500;
}
.nav-tabs > li.disabled > a,
.nav-tabs > li.disabled > a:hover {
  color: rgba(0, 0, 0, 0.5) !important;
}
.nav-tabs:not(.nav-stacked) li:first-of-type {
  border-radius: var(--border-radius-standard) 0 0 0;
}
.nav-tabs:not(.nav-stacked) li:last-of-type {
  border-radius: 0 var(--border-radius-standard) 0 0;
}
.nav-tabs.underline {
  border-bottom: 1px solid #e0e0e0 !important;
}
.nav-tabs.nav-stacked {
  float: none;
}
.nav-tabs.nav-stacked > li {
  float: none;
  border-width: 0;
  border-color: rgba(0,0,0, 0.87);
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
       -o-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
          transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.nav-tabs.nav-stacked > li.active {
  border-width: 0 0 0 5px;
}
.nav-tabs.nav-stacked > li.active > a {
  padding-left: 10px;
}
.nav-tabs.nav-stacked > li:hover,
.nav-tabs.nav-stacked > li:focus {
  background-color: rgba(0, 0, 0, 0.03);
}
.nav-tabs.nav-stacked > li > a {
  padding-left: 15px;
}
.nav-tabs.nav-horizontal {
  float: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.nav-tabs.nav-horizontal > li {
  float: none;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}
.nav-tabs.nav-horizontal > li > a {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.nav-tabs.tabs-2 {
  float: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
.nav-tabs.tabs-2 > li {
  float: none;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
}
.nav-tabs.tabs-2 > li > a {
  height: 100%;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-weight: 600;
  padding: 15px 0;
}
.nav-tabs.tabs-2:before,
.nav-tabs.tabs-2:after {
  display: none;
}
.nav-tabs.tabs-2.tabs-2.with-help-tip > li a:before {
  content: "";
  display: block;
  -webkit-flex-basis: 20%;
      -ms-flex-preferred-size: 20%;
          flex-basis: 20%;
}
.nav-tabs.tabs-2.tabs-2.with-help-tip > li span {
  -webkit-flex-basis: 60%;
      -ms-flex-preferred-size: 60%;
          flex-basis: 60%;
}
.nav-tabs.tabs-2.tabs-2.with-help-tip > li .info-tip {
  -webkit-flex-basis: 20%;
      -ms-flex-preferred-size: 20%;
          flex-basis: 20%;
  text-align: center;
}
.nav-tabs.tabs-2.tabs-2.with-help-tip > li .info-tip i {
  margin: 0!important;
  line-height: 1;
}
@media (max-width: 767px) {
  .nav-tabs.tabs-2 {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    gap: 1px;
  }
  .nav-tabs.tabs-2.with-help-tip a:before,
  .nav-tabs.tabs-2.with-help-tip .info-tip {
    display: none!important;
  }
  .nav-tabs.tabs-2.with-help-tip span {
    -webkit-flex-basis: 100%!important;
        -ms-flex-preferred-size: 100%!important;
            flex-basis: 100%!important;
  }
}
.nav-pills {
  background: transparent;
  border: 0;
}
.nav-pills > li {
  border-width: 0 0 2px;
  border-style: solid;
  border-color: transparent;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: rgba(255,255,255, 0.99);
  background-color: #03a9f4;
}
.nav-pills > li > a {
  color: rgba(0,0,0, 0.87);
  border: 0;
  margin: 0;
  border-radius: 0;
}
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
  background-color: transparent;
  color: #03a9f4;
  border: 0;
}
.nav-pills > li.disabled > a,
.nav-pills > li.disabled > a:hover {
  color: rgba(0, 0, 0, 0.5);
}
.nav-pills.with-arrows > li > a:before {
  float: right;
  content: "\f054";
  font-family: FontAwesome;
  font-size: .85em;
  line-height: 2em;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
       -o-transform: translateX(-10px);
          transform: translateX(-10px);
  -webkit-transition: all 0.1s linear;
       -o-transition: all 0.1s linear;
          transition: all 0.1s linear;
}
.nav-pills.with-arrows > li:hover > a:before,
.nav-pills.with-arrows > li:focus > a:before,
.nav-pills.with-arrows > li.active > a:before {
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
       -o-transform: translateX(0px);
          transform: translateX(0px);
  opacity: 1;
  visibility: visible;
}
.popover,
.tooltip-inner {
  color: #ececec;
  line-height: 1.3em;
  background: rgba(101, 101, 101, 0.98);
  border: none;
  border-radius: -webkit-calc(var(--border-radius-standard) / 2);
  border-radius: calc(var(--border-radius-standard) / 2);
  text-align: left;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}
.tooltip-inner {
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  padding: 16px;
}
.tooltip,
.tooltip.in {
  opacity: 1;
}
.popover,
.tooltip {
  font-family: inherit;
}
.popover .arrow,
.tooltip .arrow,
.popover .tooltip-arrow,
.tooltip .tooltip-arrow {
  /* display: none; */
}
.tooltip.top .tooltip-arrow {
  border-top-color: rgba(101, 101, 101, 0.98);
}
.tour-tour.popover {
  max-width: 278px;
  line-height: 1.3;
}
.tour-tour.popover .popover-title-div {
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px;
}
.tour-tour.popover .popover-title-div .popover-title {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  font-weight: 400;
}
.tour-tour.popover .popover-title-div i {
  cursor: pointer;
}
.tour-tour.popover .popover-navigation {
  padding: 0 14px;
}
.tour-tour.popover .popover-content {
  font-weight: 300;
}
.tour-tour.popover .arrow {
  display: block;
}
/* Mixin defined in _mixin.less */
.tour-tour.popover {
  background-color: #fff;
}
.tour-tour.popover .popover-title-div {
  border-bottom: 1px solid #e2e2e2;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.87);
}
.tour-tour.popover .popover-title-div i {
  color: #8a8a8a;
}
.tour-tour.popover .popover-content {
  color: rgba(0, 0, 0, 0.87);
}
.tour-tour.popover.left > .arrow {
  border-left-color: #fff;
}
.tour-tour.popover.left > .arrow:after {
  border-left-color: #fff;
}
.tour-tour.popover.right > .arrow {
  border-right-color: #fff;
}
.tour-tour.popover.right > .arrow:after {
  border-right-color: #fff;
}
.tour-tour.popover.bottom > .arrow {
  border-bottom-color: #fff;
}
.tour-tour.popover.bottom > .arrow:after {
  border-bottom-color: #fff;
}
.tour-tour.popover.top > .arrow {
  border-top-color: #fff;
}
.tour-tour.popover.top > .arrow:after {
  border-top-color: #fff;
}
.theme-dark .tour-tour.popover {
  background-color: #262626;
}
.theme-dark .tour-tour.popover .popover-title-div {
  border-bottom: 1px solid transparent;
  background-color: #111;
  color: #fff;
}
.theme-dark .tour-tour.popover .popover-title-div i {
  color: #fff;
}
.theme-dark .tour-tour.popover .popover-content {
  color: #fff;
}
.theme-dark .tour-tour.popover.left > .arrow {
  border-left-color: #262626;
}
.theme-dark .tour-tour.popover.left > .arrow:after {
  border-left-color: #262626;
}
.theme-dark .tour-tour.popover.right > .arrow {
  border-right-color: #262626;
}
.theme-dark .tour-tour.popover.right > .arrow:after {
  border-right-color: #262626;
}
.theme-dark .tour-tour.popover.bottom > .arrow {
  border-bottom-color: #262626;
}
.theme-dark .tour-tour.popover.bottom > .arrow:after {
  border-bottom-color: #262626;
}
.theme-dark .tour-tour.popover.top > .arrow {
  border-top-color: #262626;
}
.theme-dark .tour-tour.popover.top > .arrow:after {
  border-top-color: #262626;
}
.theme-dark .tooltip.top .tooltip-arrow {
  border-top-color: rgba(25, 25, 25, 0.98);
}
.theme-dark .tooltip .tooltip-inner {
  background: rgba(25, 25, 25, 0.98);
}
/*
.card {

    display: inline-block;
    position: relative;
    width: 100%;
    .card-height-indicator {
        margin-top: 100%;
    }
    .card-content {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    border-radius: @border-radius-base;
    color: @mdb-card-body-text;
    background: @mdb-card-body-background;

    .shadow-z-1();

    .card-image {
        height: 60%;
        position: relative;
        overflow: hidden;
        img {
            width: 100%;
            height: 100%;
            border-top-left-radius: 2px;
            border-top-right-radius: 2px;
            pointer-events: none;
        }
        .card-image-headline {
            position: absolute;
            bottom: 16px;
            left: 18px;
            color: @mdb-card-image-headline;
            font-size: 2em;
        }
    }

    .card-body {
        height: 30%;
        padding: 18px;
    }

    .card-footer {
        height: 10%;
        padding: 18px;
        button, a {
            margin: 0 !important;
            position: relative;
            bottom: 25px;
            width: auto;
            &:first-child {
                left: -15px;
            }
        }
    }
}
*/
.card {
  display: inline-block;
  position: relative;
  width: 100%;
  margin: 25px 0;
  border-radius: 8px;
  /*.shadow-z-1(); border-radius: @border-radius-base;*/
  color: rgba(0,0,0, 0.87);
  background: #fff;
}
.card .card-height-indicator {
  margin-top: 100%;
}
.card h3 {
  margin-top: 0;
}
.card .title {
  margin-top: 0;
  margin-bottom: 5px;
}
.card .card-image {
  height: 60%;
  position: relative;
  overflow: hidden;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: -30px;
  border-radius: 6px;
}
.card .card-image img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  pointer-events: none;
}
.card .card-image .card-title {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: #fff;
  font-size: 1.3em;
  text-shadow: 0 2px 5px rgba(33, 33, 33, 0.5);
}
.card .category:not([class*="text-"]) {
  color: #999;
}
.card .category .material-icons {
  position: relative;
  top: 6px;
  line-height: 0;
}
.card .card-content {
  padding: 40px;
}
.card .card-content .category {
  margin-bottom: 0;
}
.card .card-header {
  -webkit-box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  margin: -30px 15px 0;
  border-radius: 3px;
  padding: 15px;
  background-color: #999;
}
.card .card-header .title {
  color: #FFF;
}
.card .card-header .category {
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.62);
}
.card .card-header .ct-label {
  color: rgba(255, 255, 255, 0.7);
}
.card .card-header .ct-grid {
  stroke: rgba(255, 255, 255, 0.2);
}
.card .card-header .ct-series-a .ct-point {
  stroke: rgba(255, 255, 255, 0.8);
}
.card .card-header .ct-series-a .ct-line {
  stroke: rgba(255, 255, 255, 0.8);
}
.card .card-header .ct-series-a .ct-bar {
  stroke: rgba(255, 255, 255, 0.8);
}
.card .card-header .ct-series-a .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.8);
}
.card .card-header .ct-series-a .ct-slice-pie {
  fill: rgba(255, 255, 255, 0.4);
}
.card .card-header .ct-series-a .ct-area {
  fill: rgba(255, 255, 255, 0.4);
}
.card .card-header.card-chart {
  padding: 0;
  min-height: 160px;
}
.card .card-header.card-chart + .content h4 {
  margin-top: 0;
}
.card .chart-title {
  position: absolute;
  top: 25px;
  width: 100%;
  text-align: center;
}
.card .chart-title h3 {
  margin: 0;
  color: #FFF;
}
.card .chart-title h6 {
  margin: 0;
  color: rgba(255, 255, 255, 0.4);
}
.card .card-footer {
  margin: 0 20px 10px;
  padding-top: 10px;
  border-top: 1px solid #eeeeee;
}
.card .card-footer .content {
  display: block;
}
.card .card-footer div {
  display: inline-block;
}
.card .card-footer .author {
  color: #999;
}
.card .card-footer .stats {
  line-height: 22px;
  color: #999;
  font-size: 12px;
}
.card .card-footer .stats .material-icons {
  position: relative;
  top: 4px;
  font-size: 16px;
}
.card .card-footer h6 {
  color: #999;
}
.card img {
  width: 100%;
  height: auto;
}
.card .category-social .fa {
  font-size: 24px;
  position: relative;
  margin-top: -4px;
  top: 2px;
  margin-right: 5px;
}
.card .author .avatar {
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 5px;
}
.card .author a {
  color: #3C4858;
  text-decoration: none;
}
.card .author a .ripple-container {
  display: none;
}
.card [data-background-color="purple"] {
  background: -webkit-linear-gradient(30deg, #ab47bc, #8e24aa);
  background: -o-linear-gradient(30deg, #ab47bc, #8e24aa);
  background: linear-gradient(60deg, #ab47bc, #8e24aa);
  -webkit-box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
          box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
}
.card [data-background-color="blue"] {
  background: -webkit-linear-gradient(30deg, #26c6da, #00acc1);
  background: -o-linear-gradient(30deg, #26c6da, #00acc1);
  background: linear-gradient(60deg, #26c6da, #00acc1);
  -webkit-box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2);
          box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2);
}
.card [data-background-color="green"] {
  background: -webkit-linear-gradient(30deg, #66bb6a, #43a047);
  background: -o-linear-gradient(30deg, #66bb6a, #43a047);
  background: linear-gradient(60deg, #66bb6a, #43a047);
  -webkit-box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2);
          box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2);
}
.card [data-background-color="orange"] {
  background: -webkit-linear-gradient(30deg, #ffa726, #fb8c00);
  background: -o-linear-gradient(30deg, #ffa726, #fb8c00);
  background: linear-gradient(60deg, #ffa726, #fb8c00);
  -webkit-box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
          box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
}
.card [data-background-color="red"] {
  background: -webkit-linear-gradient(30deg, #ef5350, #e53935);
  background: -o-linear-gradient(30deg, #ef5350, #e53935);
  background: linear-gradient(60deg, #ef5350, #e53935);
  -webkit-box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2);
          box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2);
}
.card [data-background-color] {
  color: #FFF;
}
.card [data-background-color] a {
  color: #FFF;
}
.card-stats .title {
  margin: 0;
}
.card-stats .card-header {
  float: left;
  text-align: center;
}
.card-stats .card-header i {
  font-size: 36px;
  line-height: 56px;
  width: 56px;
  height: 56px;
}
.card-stats .card-content {
  text-align: right;
  padding-top: 10px;
}
.card-nav-tabs .header-raised {
  margin-top: -30px;
}
.card-nav-tabs .nav-tabs {
  background: transparent;
  padding: 0;
}
.card-nav-tabs .nav-tabs-title {
  float: left;
  padding: 10px 10px 10px 0;
  line-height: 24px;
}
.card-plain {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.card-plain .card-header {
  margin-left: 0;
  margin-right: 0;
}
.card-plain .content {
  padding-left: 5px;
  padding-right: 5px;
}
.card-plain .card-image {
  margin: 0;
  border-radius: 3px;
}
.card-plain .card-image img {
  border-radius: 3px;
}
.card-profile {
  margin-top: 30px;
  text-align: center;
}
.card-profile .btn-just-icon.btn-raised {
  margin-left: 6px;
  margin-right: 6px;
}
.card-profile .card-avatar {
  max-width: 130px;
  max-height: 130px;
  margin: -50px auto 0;
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.card-profile .card-avatar + .content {
  margin-top: 15px;
}
.card-testimonial {
  margin-top: 30px;
  text-align: center;
}
.card-testimonial .btn-just-icon.btn-raised {
  margin-left: 6px;
  margin-right: 6px;
}
.card-testimonial .card-avatar {
  max-width: 130px;
  max-height: 130px;
  margin: -50px auto 0;
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.card-testimonial .card-avatar + .content {
  margin-top: 15px;
}
.card-profile.card-plain .card-avatar {
  margin-top: 0;
}
.card-testimonial.card-plain .card-avatar {
  margin-top: 0;
}
.card + .card {
  margin-top: 0;
}
@media (max-width: 767px) {
  .card.inflate {
    display: block;
    margin: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    /* border-radius: 0; */
    background: transparent;
  }
  .card.inflate .card-content {
    padding: 0;
  }
  .card.inflate + .card.inflate {
    margin-top: 20px;
  }
}
.modal-content {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
          box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  border-radius: 2px;
  border: none;
}
.modal-content .modal-header {
  border-bottom: none;
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 0;
  padding-left: 24px;
}
.modal-content .modal-body {
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-left: 24px;
}
.modal-content .modal-footer {
  border-top: none;
  padding: 7px;
}
.modal-content .modal-footer button {
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
  width: auto;
}
.modal-content .modal-footer button.pull-left {
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  left: -5px;
}
.modal-content .modal-footer button + button {
  margin-bottom: 16px;
}
.modal-content .modal-footer .btn-group {
  margin: 0;
}
.modal-content .modal-body + .modal-footer {
  padding-top: 0;
}
.modal-backdrop {
  background: rgba(0, 0, 0, 0.3);
}
.panel {
  border-radius: var(--border-radius-standard);
  border: 0;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}
.panel > .panel-heading,
.panel.panel-default > .panel-heading {
  background-color: #eeeeee;
}
.panel.panel-inverse > .panel-heading {
  background-color: #3f51b5;
}
.panel.panel-primary > .panel-heading {
  background-color: #03a9f4;
}
.panel.panel-secondary > .panel-heading {
  background-color: #e91e63;
}
.panel.panel-success > .panel-heading {
  background-color: #4caf50;
}
.panel.panel-info > .panel-heading {
  background-color: #00bcd4;
}
.panel.panel-warning > .panel-heading {
  background-color: #ff5722;
}
.panel.panel-danger > .panel-heading {
  background-color: #f44336;
}
.panel.panel-facebook > .panel-heading {
  background-color: #3b5998;
}
.panel.panel-twitter > .panel-heading {
  background-color: #000;
}
.panel.panel-instagram > .panel-heading {
  background-color: #3f729b;
}
.panel.panel-youtube > .panel-heading {
  background-color: #cd201f;
}
.panel.panel-pinterest > .panel-heading {
  background-color: #cc2127;
}
.panel.panel-linkedin > .panel-heading {
  background-color: #0077b5;
}
.panel.panel-google > .panel-heading {
  background-color: #d34836;
}
.panel.panel-yahoo > .panel-heading {
  background-color: #400191;
}
.panel.panel-whatsapp > .panel-heading {
  background-color: #25d366;
}
.panel.panel-lite {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  border: 1px solid #d2d2d2;
}
[class*="panel-"] > .panel-heading {
  color: rgba(255,255,255, 0.99);
  border: 0;
}
.panel-default > .panel-heading,
.panel:not([class*="panel-"]) > .panel-heading {
  color: rgba(0,0,0, 0.87);
}
.panel-footer {
  background-color: #eeeeee;
}
.panel .panel-body .title {
  font-size: 13px !important;
  margin: 0 !important;
  font-weight: inherit;
  color: var(--brand-primary);
}
hr {
  border-color: #dddddd;
  color: #9e9e9e;
}
hr.on-dark {
  color: #1a1a1a;
}
hr.on-light {
  color: #ffffff;
}
hr[data-divider-text] {
  position: relative;
}
hr[data-divider-text]:before {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: attr(data-divider-text);
  background-color: #ffffff;
  padding: 0 10px;
}
@media (-webkit-min-device-pixel-ratio: 0.75), (min--moz-device-pixel-ratio: 0.75), (-o-device-pixel-ratio: 3/4), (min-device-pixel-ratio: 0.75), (-o-min-device-pixel-ratio: 3/4), (min-resolution: 0.75dppx), (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5/4), (min-resolution: 120dpi) {
  hr {
    height: 0.75px;
  }
}
@media (-webkit-min-device-pixel-ratio: 1), (min--moz-device-pixel-ratio: 1), (-o-device-pixel-ratio: 1), (min-device-pixel-ratio: 1), (-o-min-device-pixel-ratio: 1/1), (min-resolution: 1dppx), (-webkit-min-device-pixel-ratio: 1.6666666666666667), (-o-min-device-pixel-ratio: 5/3), (min-resolution: 160dpi) {
  hr {
    height: 1px;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.33), (min--moz-device-pixel-ratio: 1.33), (-o-device-pixel-ratio: 133/100), (min-device-pixel-ratio: 1.33), (-o-min-device-pixel-ratio: 133/100), (min-resolution: 1.33dppx), (-webkit-min-device-pixel-ratio: 2.21875), (-o-min-device-pixel-ratio: 71/32), (min-resolution: 213dpi) {
  hr {
    height: 1.333px;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 2.5), (-o-min-device-pixel-ratio: 5/2), (min-resolution: 240dpi) {
  hr {
    height: 1.5px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 3.9583333333333335), (-o-min-device-pixel-ratio: 95/24), (min-resolution: 380dpi) {
  hr {
    height: 2px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min--moz-device-pixel-ratio: 3), (-o-device-pixel-ratio: 3/1), (min-device-pixel-ratio: 3), (-o-min-device-pixel-ratio: 3/1), (min-resolution: 3dppx), (-webkit-min-device-pixel-ratio: 5), (-o-min-device-pixel-ratio: 5/1), (min-resolution: 480dpi) {
  hr {
    height: 3px;
  }
}
@media (-webkit-min-device-pixel-ratio: 4), (min--moz-device-pixel-ratio: 4), (-o-device-pixel-ratio: 4/1), (min-device-pixel-ratio: 3), (-o-min-device-pixel-ratio: 4/1), (min-resolution: 4dppx), (-webkit-min-device-pixel-ratio: 6.666666666666667), (-o-min-device-pixel-ratio: 20/3), (min-resolution: 640dpi) {
  hr {
    height: 4px;
  }
}
.dropdown-menu {
  border: 0;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.dropdown-menu .divider {
  background-color: rgba(0, 0, 0, 0.12);
  margin: 5px 0;
}
.dropdown-menu li {
  overflow: hidden;
  position: relative;
}
.dropdown-menu li a {
  padding: 8px 20px;
}
.dropdown-menu li a:hover {
  background-color: transparent;
  color: var(--brand-primary);
}
.dropdown-menu {
  display: block;
  /* visibility: hidden; */
  -webkit-transition: -webkit-transform 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms, opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
       -o-transition: -o-transform 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms, opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
          transition: transform 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms, opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  opacity: 0;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
       -o-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: left top 0px;
      -ms-transform-origin: left top 0px;
       -o-transform-origin: left top 0px;
          transform-origin: left top 0px;
  /*border-radius: @border-radius-standard;*/
  border-radius: var(--border-radius-standard);
  padding: 5px 0!important;
}
.open > .dropdown-menu,
.has-submenu:hover > .dropdown-menu {
  display: block;
  /* visibility: visible; */
  opacity: 1;
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
       -o-transform: scaleY(1);
          transform: scaleY(1);
}
.dropdown-menu .has-submenu {
  position: relative;
  overflow: visible;
}
.has-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}
.has-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}
* {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
}
*:focus {
  outline: 0;
}
.theme-dark {
  /*.phone-footer-nav-bar {
		background-color: transparent;
	}*/
}
.theme-dark .panel-backdrop {
  background-color: #646464;
}
.theme-dark .dtp-buttons button.btn {
  color: #fff;
}
.theme-dark .dtp table.dtp-picker-days tr > td > a,
.theme-dark .dtp .dtp-picker-time > a {
  color: #f1f1f1;
}
.theme-dark .dtp > .dtp-content {
  background: #222;
}
.theme-dark .dtp-picker-month {
  color: #eee;
}
.theme-dark .navbar .navbar-toggle .icon-bar {
  border-color: #fff;
}
.theme-dark .content-wrapper.responsive-sidebar .window-sidebar {
  background-color: #262626;
}
.theme-dark .ai-text-popup .chat-window .chat-bubble.bubble-ai {
  background-color: #2c2c2c;
  border-color: #2a2a2a;
}
.theme-dark .ai-text-popup .chat-window .chat-bubble.bubble-user {
  background-color: #3c3c3c;
  border-color: #3a3a3a;
}
.body-dark {
  color: #fff;
  background-color: #262626;
}
.body-dark .side-nav,
.body-dark .navbar-sidebar {
  border-color: #111;
  background-color: #262626;
}
.body-dark .side-nav .sidebar-header,
.body-dark .navbar-sidebar .sidebar-header {
  background-color: #333;
  color: #fff;
}
/* Panel Dark */
.panel-popup.panel-dark .panel-window .panel-window-content .window-header,
.panel-popup.panel-dark.panel-default .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#262626), to(#000000));
  background-image: -webkit-linear-gradient(top, #262626, #000000);
  background-image: -o-linear-gradient(top, #262626, #000000);
  background-image: linear-gradient(to bottom, #262626, #000000);
}
.panel-popup.panel-dark.panel-inverse .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3f51b5), to(#252f69));
  background-image: -webkit-linear-gradient(top, #3f51b5, #252f69);
  background-image: -o-linear-gradient(top, #3f51b5, #252f69);
  background-image: linear-gradient(to bottom, #3f51b5, #252f69);
}
.panel-popup.panel-dark.panel-primary .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#03a9f4), to(#02638f));
  background-image: -webkit-linear-gradient(top, #03a9f4, #02638f);
  background-image: -o-linear-gradient(top, #03a9f4, #02638f);
  background-image: linear-gradient(to bottom, #03a9f4, #02638f);
}
.panel-popup.panel-dark.panel-secondary .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e91e63), to(#930e3b));
  background-image: -webkit-linear-gradient(top, #e91e63, #930e3b);
  background-image: -o-linear-gradient(top, #e91e63, #930e3b);
  background-image: linear-gradient(to bottom, #e91e63, #930e3b);
}
.panel-popup.panel-dark.panel-success .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4caf50), to(#2d682f));
  background-image: -webkit-linear-gradient(top, #4caf50, #2d682f);
  background-image: -o-linear-gradient(top, #4caf50, #2d682f);
  background-image: linear-gradient(to bottom, #4caf50, #2d682f);
}
.panel-popup.panel-dark.panel-info .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#00bcd4), to(#00626e));
  background-image: -webkit-linear-gradient(top, #00bcd4, #00626e);
  background-image: -o-linear-gradient(top, #00bcd4, #00626e);
  background-image: linear-gradient(to bottom, #00bcd4, #00626e);
}
.panel-popup.panel-dark.panel-warning .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5722), to(#bb2d00));
  background-image: -webkit-linear-gradient(top, #ff5722, #bb2d00);
  background-image: -o-linear-gradient(top, #ff5722, #bb2d00);
  background-image: linear-gradient(to bottom, #ff5722, #bb2d00);
}
.panel-popup.panel-dark.panel-danger .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f44336), to(#ba160a));
  background-image: -webkit-linear-gradient(top, #f44336, #ba160a);
  background-image: -o-linear-gradient(top, #f44336, #ba160a);
  background-image: linear-gradient(to bottom, #f44336, #ba160a);
}
.panel-popup.panel-dark.panel-facebook .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3b5998), to(#1e2e4f));
  background-image: -webkit-linear-gradient(top, #3b5998, #1e2e4f);
  background-image: -o-linear-gradient(top, #3b5998, #1e2e4f);
  background-image: linear-gradient(to bottom, #3b5998, #1e2e4f);
}
.panel-popup.panel-dark.panel-twitter .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000000));
  background-image: -webkit-linear-gradient(top, #000, #000000);
  background-image: -o-linear-gradient(top, #000, #000000);
  background-image: linear-gradient(to bottom, #000, #000000);
}
.panel-popup.panel-dark.panel-instagram .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3f729b), to(#223d52));
  background-image: -webkit-linear-gradient(top, #3f729b, #223d52);
  background-image: -o-linear-gradient(top, #3f729b, #223d52);
  background-image: linear-gradient(to bottom, #3f729b, #223d52);
}
.panel-popup.panel-dark.panel-youtube .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cd201f), to(#741212));
  background-image: -webkit-linear-gradient(top, #cd201f, #741212);
  background-image: -o-linear-gradient(top, #cd201f, #741212);
  background-image: linear-gradient(to bottom, #cd201f, #741212);
}
.panel-popup.panel-dark.panel-pinterest .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cc2127), to(#741316));
  background-image: -webkit-linear-gradient(top, #cc2127, #741316);
  background-image: -o-linear-gradient(top, #cc2127, #741316);
  background-image: linear-gradient(to bottom, #cc2127, #741316);
}
.panel-popup.panel-dark.panel-linkedin .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0077b5), to(#00344f));
  background-image: -webkit-linear-gradient(top, #0077b5, #00344f);
  background-image: -o-linear-gradient(top, #0077b5, #00344f);
  background-image: linear-gradient(to bottom, #0077b5, #00344f);
}
.panel-popup.panel-dark.panel-google .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d34836), to(#86291d));
  background-image: -webkit-linear-gradient(top, #d34836, #86291d);
  background-image: -o-linear-gradient(top, #d34836, #86291d);
  background-image: linear-gradient(to bottom, #d34836, #86291d);
}
.panel-popup.panel-dark.panel-yahoo .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#400191), to(#13002c));
  background-image: -webkit-linear-gradient(top, #400191, #13002c);
  background-image: -o-linear-gradient(top, #400191, #13002c);
  background-image: linear-gradient(to bottom, #400191, #13002c);
}
.panel-popup.panel-dark.panel-whatsapp .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#25d366), to(#167c3c));
  background-image: -webkit-linear-gradient(top, #25d366, #167c3c);
  background-image: -o-linear-gradient(top, #25d366, #167c3c);
  background-image: linear-gradient(to bottom, #25d366, #167c3c);
}
.panel-popup.panel-dark .panel-window .panel-window-content {
  background-color: #262626;
  border-color: #262626;
  color: #fff;
}
.panel-popup.panel-dark .panel-window .panel-window-content .window-header {
  border-bottom: 1px solid #000;
  background-color: #111;
  background-image: none;
}
.panel-popup.panel-dark .panel-window .panel-window-content .window-header .window-header-buttons,
.panel-popup.panel-dark .panel-window .panel-window-content .window-header .title {
  color: #fff;
}
.panel-popup.panel-dark .panel-window .panel-window-content .window-footer {
  border-top: 1px solid #111;
}
.panel-popup.panel-dark .panel-window .panel-window-content .window-footer.with-sidebar {
  border-color: #111;
}
/* Panel Dark */
.theme-dark,
.panel-popup.panel-dark {
  /* .panel-window-content .fab-close-btn a {
        background-color: #333!important;
    } */
}
.theme-dark .panel-popup.popup-iframe.popup-minimal .panel-window-content,
.panel-popup.panel-dark .panel-popup.popup-iframe.popup-minimal .panel-window-content {
  background-color: #262626;
}
.theme-dark .form-group .selectize-dropdown.form-control,
.panel-popup.panel-dark .form-group .selectize-dropdown.form-control,
.theme-dark .selectize-dropdown,
.panel-popup.panel-dark .selectize-dropdown,
.theme-dark .selectize-dropdown.form-control,
.panel-popup.panel-dark .selectize-dropdown.form-control {
  background-color: #333;
  color: #fff;
}
.theme-dark .form-group .selectize-dropdown.form-control .active,
.panel-popup.panel-dark .form-group .selectize-dropdown.form-control .active,
.theme-dark .selectize-dropdown .active,
.panel-popup.panel-dark .selectize-dropdown .active,
.theme-dark .selectize-dropdown.form-control .active,
.panel-popup.panel-dark .selectize-dropdown.form-control .active {
  color: #03a9f4;
  background-color: #393939;
}
.theme-dark .form-group .selectize-dropdown.form-control .optgroup-header,
.panel-popup.panel-dark .form-group .selectize-dropdown.form-control .optgroup-header,
.theme-dark .selectize-dropdown .optgroup-header,
.panel-popup.panel-dark .selectize-dropdown .optgroup-header,
.theme-dark .selectize-dropdown.form-control .optgroup-header,
.panel-popup.panel-dark .selectize-dropdown.form-control .optgroup-header {
  color: #fff;
  background: transparent;
}
.theme-dark .dropdown-menu,
.panel-popup.panel-dark .dropdown-menu {
  background-color: #333;
  border: 1px solid #2d2d2d;
}
.theme-dark .dropdown-menu li a,
.panel-popup.panel-dark .dropdown-menu li a {
  color: #fff;
}
.theme-dark .dropdown-menu li a:hover,
.panel-popup.panel-dark .dropdown-menu li a:hover,
.theme-dark .dropdown-menu li a.active,
.panel-popup.panel-dark .dropdown-menu li a.active {
  color: #03a9f4;
  background-color: #393939;
}
.theme-dark .dropdown-menu .divider,
.panel-popup.panel-dark .dropdown-menu .divider {
  background-color: #222;
}
.theme-dark .table > tbody > tr > td,
.panel-popup.panel-dark .table > tbody > tr > td,
.theme-dark .table > tbody > tr > th,
.panel-popup.panel-dark .table > tbody > tr > th,
.theme-dark .table > tfoot > tr > td,
.panel-popup.panel-dark .table > tfoot > tr > td,
.theme-dark .table > tfoot > tr > th,
.panel-popup.panel-dark .table > tfoot > tr > th,
.theme-dark .table > thead > tr > td,
.panel-popup.panel-dark .table > thead > tr > td,
.theme-dark .table > thead > tr > th,
.panel-popup.panel-dark .table > thead > tr > th {
  border-color: #333;
}
.theme-dark .table-bordered > tbody > tr > td,
.panel-popup.panel-dark .table-bordered > tbody > tr > td,
.theme-dark .table-bordered > tbody > tr > th,
.panel-popup.panel-dark .table-bordered > tbody > tr > th,
.theme-dark .table-bordered > tfoot > tr > td,
.panel-popup.panel-dark .table-bordered > tfoot > tr > td,
.theme-dark .table-bordered > tfoot > tr > th,
.panel-popup.panel-dark .table-bordered > tfoot > tr > th,
.theme-dark .table-bordered > thead > tr > td,
.panel-popup.panel-dark .table-bordered > thead > tr > td,
.theme-dark .table-bordered > thead > tr > th,
.panel-popup.panel-dark .table-bordered > thead > tr > th {
  border-color: #333;
}
.theme-dark .table-striped > tbody > tr:nth-of-type(odd),
.panel-popup.panel-dark .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.03);
}
.theme-dark .table-hover > tbody > tr:hover,
.panel-popup.panel-dark .table-hover > tbody > tr:hover {
  background-color: #232323;
}
.theme-dark pre,
.panel-popup.panel-dark pre {
  background-color: rgba(255, 255, 255, 0.04);
  border-color: #232323;
  color: #fff;
}
.theme-dark .panel,
.panel-popup.panel-dark .panel {
  background-color: rgba(255, 255, 255, 0.03);
}
.theme-dark .panel.panel-lite,
.panel-popup.panel-dark .panel.panel-lite {
  border-color: #444 #444 #333 #333;
}
.theme-dark .panel .panel-heading,
.panel-popup.panel-dark .panel .panel-heading {
  background-color: #222;
  color: #fff;
}
.theme-dark .radio .circle,
.panel-popup.panel-dark .radio .circle,
.theme-dark label.radio-inline .circle,
.panel-popup.panel-dark label.radio-inline .circle {
  border: 1px solid rgba(255, 255, 255, 0.75);
}
.theme-dark .input-group-addon,
.panel-popup.panel-dark .input-group-addon {
  color: rgba(255, 255, 255, 0.75);
}
.theme-dark hr,
.panel-popup.panel-dark hr {
  border-color: #111;
}
.theme-dark label,
.panel-popup.panel-dark label,
.theme-dark .sub-title,
.panel-popup.panel-dark .sub-title,
.theme-dark .title,
.panel-popup.panel-dark .title,
.theme-dark .caret,
.panel-popup.panel-dark .caret {
  color: #fff;
}
.theme-dark .form-group.is-focused .radio label,
.panel-popup.panel-dark .form-group.is-focused .radio label,
.theme-dark .form-group.is-focused label.radio-inline,
.panel-popup.panel-dark .form-group.is-focused label.radio-inline {
  color: rgba(255, 255, 255, 0.26);
}
.theme-dark .list-group .list-group-item,
.panel-popup.panel-dark .list-group .list-group-item {
  border-radius: 2px;
}
.theme-dark .text-muted,
.panel-popup.panel-dark .text-muted {
  color: #555;
}
.theme-dark .nav-tabs > li > a,
.panel-popup.panel-dark .nav-tabs > li > a {
  border-radius: 0;
}
.theme-dark .nav-tabs > li > a,
.panel-popup.panel-dark .nav-tabs > li > a,
.theme-dark .nav-tabs > li > a:hover,
.panel-popup.panel-dark .nav-tabs > li > a:hover,
.theme-dark .nav-tabs > li > a:focus,
.panel-popup.panel-dark .nav-tabs > li > a:focus {
  color: rgba(255,255,255, 0.99) !important;
}
.theme-dark .nav-tabs > li > a:hover,
.panel-popup.panel-dark .nav-tabs > li > a:hover,
.theme-dark .nav-tabs > li.active > a,
.panel-popup.panel-dark .nav-tabs > li.active > a {
  background-color: rgba(255, 255, 255, 0.03) !important;
}
.theme-dark .nav-tabs > li.active,
.panel-popup.panel-dark .nav-tabs > li.active {
  border-color: #03a9f4 !important;
}
.theme-dark .nav-tabs > li.active > a,
.panel-popup.panel-dark .nav-tabs > li.active > a {
  color: #03a9f4 !important;
}
.theme-dark .nav-tabs > li.disable,
.panel-popup.panel-dark .nav-tabs > li.disable {
  pointer-events: none;
  border-bottom-color: rgba(20, 20, 20, 0.65);
  background-color: rgba(15, 15, 15, 0.45);
}
.theme-dark .nav-tabs > li.disable i,
.panel-popup.panel-dark .nav-tabs > li.disable i {
  color: rgba(65, 65, 65, 0.65);
}
.theme-dark .nav-tabs > li.disable span,
.panel-popup.panel-dark .nav-tabs > li.disable span {
  color: rgba(75, 75, 75, 0.65);
}
.theme-dark:not(.panel-light) .btn:not(.btn-raised).btn-default,
.panel-popup.panel-dark:not(.panel-light) .btn:not(.btn-raised).btn-default,
.theme-dark:not(.panel-light) .dropdown-menu > li > a,
.panel-popup.panel-dark:not(.panel-light) .dropdown-menu > li > a,
.theme-dark:not(.panel-light) .btn.dropdown-toggle,
.panel-popup.panel-dark:not(.panel-light) .btn.dropdown-toggle {
  color: #fff;
}
.theme-dark .btn-default.active,
.panel-popup.panel-dark .btn-default.active,
.theme-dark .btn-default:active,
.panel-popup.panel-dark .btn-default:active,
.theme-dark .open > .dropdown-toggle.btn-default,
.panel-popup.panel-dark .open > .dropdown-toggle.btn-default {
  background-color: rgba(153, 153, 153, 0.2);
  border-color: transparent;
  color: rgba(255,255,255, 0.99);
}
.theme-dark .hlink-file-container-flex .btn.btn-fab,
.panel-popup.panel-dark .hlink-file-container-flex .btn.btn-fab,
.theme-dark .hlink-file-container .btn.btn-fab,
.panel-popup.panel-dark .hlink-file-container .btn.btn-fab,
.theme-dark .btn:not(.btn-raised).btn-default-outline,
.panel-popup.panel-dark .btn:not(.btn-raised).btn-default-outline,
.theme-dark .btn:not(.btn-raised).btn-default.outline,
.panel-popup.panel-dark .btn:not(.btn-raised).btn-default.outline {
  border: 1px solid rgba(153, 153, 153, 0.2);
  color: #fff;
  background-color: transparent;
}
.theme-dark .hlink-file-container-flex .btn.btn-fab.active,
.panel-popup.panel-dark .hlink-file-container-flex .btn.btn-fab.active,
.theme-dark .hlink-file-container .btn.btn-fab.active,
.panel-popup.panel-dark .hlink-file-container .btn.btn-fab.active,
.theme-dark .btn:not(.btn-raised).btn-default-outline.active,
.panel-popup.panel-dark .btn:not(.btn-raised).btn-default-outline.active,
.theme-dark .btn:not(.btn-raised).btn-default.outline.active,
.panel-popup.panel-dark .btn:not(.btn-raised).btn-default.outline.active,
.theme-dark .hlink-file-container-flex .btn.btn-fab:hover,
.panel-popup.panel-dark .hlink-file-container-flex .btn.btn-fab:hover,
.theme-dark .hlink-file-container .btn.btn-fab:hover,
.panel-popup.panel-dark .hlink-file-container .btn.btn-fab:hover,
.theme-dark .btn:not(.btn-raised).btn-default-outline:hover,
.panel-popup.panel-dark .btn:not(.btn-raised).btn-default-outline:hover,
.theme-dark .btn:not(.btn-raised).btn-default.outline:hover,
.panel-popup.panel-dark .btn:not(.btn-raised).btn-default.outline:hover,
.theme-dark .hlink-file-container-flex .btn.btn-fab:focus,
.panel-popup.panel-dark .hlink-file-container-flex .btn.btn-fab:focus,
.theme-dark .hlink-file-container .btn.btn-fab:focus,
.panel-popup.panel-dark .hlink-file-container .btn.btn-fab:focus,
.theme-dark .btn:not(.btn-raised).btn-default-outline:focus,
.panel-popup.panel-dark .btn:not(.btn-raised).btn-default-outline:focus,
.theme-dark .btn:not(.btn-raised).btn-default.outline:focus,
.panel-popup.panel-dark .btn:not(.btn-raised).btn-default.outline:focus {
  background-color: rgba(153, 153, 153, 0.2);
  border-color: transparent;
  color: rgba(255,255,255, 0.99);
}
.theme-dark .btn-cutout.active,
.panel-popup.panel-dark .btn-cutout.active,
.theme-dark .btn-cutout.hover,
.panel-popup.panel-dark .btn-cutout.hover,
.theme-dark .btn-cutout:active,
.panel-popup.panel-dark .btn-cutout:active,
.theme-dark .btn-cutout:hover,
.panel-popup.panel-dark .btn-cutout:hover {
  border-color: #eee;
  color: #eee;
}
.theme-dark .noUi-tooltip,
.panel-popup.panel-dark .noUi-tooltip {
  background-color: rgba(60, 60, 60, 0.9);
  color: #fff;
}
.theme-dark .form-control:not(.selectize-dropdown),
.panel-popup.panel-dark .form-control:not(.selectize-dropdown),
.theme-dark .form-group .form-control:not(.selectize-dropdown),
.panel-popup.panel-dark .form-group .form-control:not(.selectize-dropdown) {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}
.theme-dark .selectize-control.single .selectize-input:after,
.panel-popup.panel-dark .selectize-control.single .selectize-input:after {
  border-color: #fff transparent transparent transparent;
}
.theme-dark .selectize-control.single .selectize-input.dropdown-active:after,
.panel-popup.panel-dark .selectize-control.single .selectize-input.dropdown-active:after {
  border-color: transparent transparent #fff transparent;
}
.theme-dark .checkbox .checkbox-material .check,
.panel-popup.panel-dark .checkbox .checkbox-material .check,
.theme-dark .radio .circle,
.panel-popup.panel-dark .radio .circle {
  border-color: #fff;
}
.theme-dark .window-sidebar,
.panel-popup.panel-dark .window-sidebar {
  border-color: #000;
}
.theme-dark .well,
.panel-popup.panel-dark .well {
  background-color: rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0.8);
}
.theme-dark hr[data-divider-text]:before,
.panel-popup.panel-dark hr[data-divider-text]:before {
  background-color: #222;
}
.theme-dark .indeterminate-progress .circular circle,
.panel-popup.panel-dark .indeterminate-progress .circular circle {
  stroke: #fff;
}
.theme-dark .card,
.panel-popup.panel-dark .card {
  color: inherit;
}
@media (min-width: 767px) {
  .theme-dark .card,
  .panel-popup.panel-dark .card {
    background-color: rgba(255, 255, 255, 0.01);
    border: 1px solid rgba(255, 255, 255, 0.03);
  }
}
.theme-dark .text-gray-950,
.panel-popup.panel-dark .text-gray-950 {
  color: #f5f5f5;
}
.theme-dark .border-gray-950,
.panel-popup.panel-dark .border-gray-950 {
  border-color: #f5f5f5;
}
.theme-dark .text-gray-900,
.panel-popup.panel-dark .text-gray-900 {
  color: #eeeeee;
}
.theme-dark .border-gray-900,
.panel-popup.panel-dark .border-gray-900 {
  border-color: #eeeeee;
}
.theme-dark .text-gray-800,
.panel-popup.panel-dark .text-gray-800 {
  color: #e0e0e0;
}
.theme-dark .border-gray-800,
.panel-popup.panel-dark .border-gray-800 {
  border-color: #e0e0e0;
}
.theme-dark .text-gray-700,
.panel-popup.panel-dark .text-gray-700 {
  color: #bdbdbd;
}
.theme-dark .border-gray-700,
.panel-popup.panel-dark .border-gray-700 {
  border-color: #bdbdbd;
}
.theme-dark .text-gray-600,
.panel-popup.panel-dark .text-gray-600 {
  color: #9e9e9e;
}
.theme-dark .border-gray-600,
.panel-popup.panel-dark .border-gray-600 {
  border-color: #9e9e9e;
}
.theme-dark .text-gray-500,
.panel-popup.panel-dark .text-gray-500 {
  color: #757575;
}
.theme-dark .border-gray-500,
.panel-popup.panel-dark .border-gray-500 {
  border-color: #757575;
}
.theme-dark .text-gray-400,
.panel-popup.panel-dark .text-gray-400 {
  color: #616161;
}
.theme-dark .border-gray-400,
.panel-popup.panel-dark .border-gray-400 {
  border-color: #616161;
}
.theme-dark .text-gray-300,
.panel-popup.panel-dark .text-gray-300 {
  color: #424242;
}
.theme-dark .border-gray-300,
.panel-popup.panel-dark .border-gray-300 {
  border-color: #424242;
}
.theme-dark .text-gray-200,
.panel-popup.panel-dark .text-gray-200 {
  color: #333333;
}
.theme-dark .border-gray-200,
.panel-popup.panel-dark .border-gray-200 {
  border-color: #333333;
}
.theme-dark .text-gray-100,
.panel-popup.panel-dark .text-gray-100 {
  color: #212121;
}
.theme-dark .border-gray-100,
.panel-popup.panel-dark .border-gray-100 {
  border-color: #212121;
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
       -o-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
       -o-animation-duration: 2s;
          animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
       -o-animation-duration: .75s;
          animation-duration: .75s;
}
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
  }
}
@-o-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
       animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
       animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
       animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
         -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
         -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
       -o-animation-name: bounce;
          animation-name: bounce;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
       -o-transform-origin: center bottom;
          transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-o-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
       -o-animation-name: flash;
          animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@-o-keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
       -o-animation-name: pulse;
          animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@-o-keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
       -o-animation-name: rubberBand;
          animation-name: rubberBand;
}
@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}
@-o-keyframes shake {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
       -o-animation-name: shake;
          animation-name: shake;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
            transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
            transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
            transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
            transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-o-keyframes headShake {
  0% {
    -o-transform: translateX(0);
       transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -o-transform: translateX(0);
       transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
            transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
            transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
            transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
            transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
       -o-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
       -o-animation-name: headShake;
          animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-o-keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
       -o-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: swing;
       -o-animation-name: swing;
          animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@-o-keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
       -o-animation-name: tada;
          animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
            transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@-o-keyframes wobble {
  from {
    -o-transform: none;
       transform: none;
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -o-transform: none;
       transform: none;
  }
}
@keyframes wobble {
  from {
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
       -o-animation-name: wobble;
          animation-name: wobble;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: none;
            transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@-o-keyframes jello {
  from,
  11.1%,
  to {
    -o-transform: none;
       transform: none;
  }
  22.2% {
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
       transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -o-transform: skewX(6.25deg) skewY(6.25deg);
       transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
       transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
       transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
       transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -o-transform: skewX(0.390625deg) skewY(0.390625deg);
       transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -o-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
       transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
         -o-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
         -o-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
         -o-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
         -o-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
         -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
         -o-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
         -o-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
       -o-animation-name: jello;
          animation-name: jello;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
       -o-transform-origin: center;
          transform-origin: center;
}
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@-o-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
       animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
       -o-animation-name: bounceIn;
          animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 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: none;
            transform: none;
  }
}
@-o-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
       animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    -o-transform: none;
       transform: none;
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 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: none;
         -o-transform: none;
            transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
       -o-animation-name: bounceInDown;
          animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    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;
  }
}
@-o-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
       animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    -o-transform: none;
       transform: none;
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    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;
         -o-transform: none;
            transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
       -o-animation-name: bounceInLeft;
          animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  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;
  }
}
@-o-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
       animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -o-transform: none;
       transform: none;
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  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;
         -o-transform: none;
            transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
       -o-animation-name: bounceInRight;
          animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  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);
  }
}
@-o-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
       animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  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;
       -o-animation-name: bounceInUp;
          animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
}
@-o-keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
       -o-animation-name: bounceOut;
          animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}
@-o-keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
       -o-animation-name: bounceOutDown;
          animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  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);
  }
}
@-o-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  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);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
       -o-animation-name: bounceOutLeft;
          animation-name: bounceOutLeft;
}
@-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);
  }
}
@-o-keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 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;
       -o-animation-name: bounceOutRight;
          animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
@-o-keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
       -o-animation-name: bounceOutUp;
          animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
       -o-animation-name: fadeIn;
          animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-o-keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -o-transform: none;
       transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
       -o-animation-name: fadeInDown;
          animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-o-keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -o-transform: none;
       transform: none;
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
       -o-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-o-keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -o-transform: none;
       transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
       -o-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-o-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -o-transform: none;
       transform: none;
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
       -o-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-o-keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -o-transform: none;
       transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
       -o-animation-name: fadeInRight;
          animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-o-keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -o-transform: none;
       transform: none;
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
       -o-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-o-keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -o-transform: none;
       transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
       -o-animation-name: fadeInUp;
          animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-o-keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -o-transform: none;
       transform: none;
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
       -o-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
       -o-animation-name: fadeOut;
          animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@-o-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
       -o-animation-name: fadeOutDown;
          animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}
@-o-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
       -o-animation-name: fadeOutDownBig;
          animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-o-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
       -o-animation-name: fadeOutLeft;
          animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}
@-o-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
       -o-animation-name: fadeOutLeftBig;
          animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@-o-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
       -o-animation-name: fadeOutRight;
          animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}
@-o-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
       -o-animation-name: fadeOutRightBig;
          animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@-o-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 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;
       -o-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
@-o-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
       -o-animation-name: fadeOutUpBig;
          animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
            transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}
@-o-keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -o-animation-timing-function: ease-out;
       animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -o-animation-timing-function: ease-out;
       animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -o-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -o-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px);
    -o-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
            transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
       -o-animation-name: flip;
          animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
@-o-keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -o-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -o-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
       -o-animation-name: flipInX;
          animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
@-o-keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -o-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -o-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
         -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
       -o-animation-name: flipInY;
          animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutX {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
       -o-animation-name: flipOutX;
          animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutY {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
       -o-animation-name: flipOutY;
          animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@-o-keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -o-transform: skewX(20deg);
       transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -o-transform: skewX(-5deg);
       transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -o-transform: none;
       transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
         -o-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
         -o-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
       -o-animation-name: lightSpeedIn;
          animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
       -o-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@-o-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
       -o-animation-name: lightSpeedOut;
          animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
       -o-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@-o-keyframes rotateIn {
  from {
    -o-transform-origin: center;
       transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -o-transform-origin: center;
       transform-origin: center;
    -o-transform: none;
       transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
         -o-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
         -o-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
       -o-animation-name: rotateIn;
          animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@-o-keyframes rotateInDownLeft {
  from {
    -o-transform-origin: left bottom;
       transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -o-transform-origin: left bottom;
       transform-origin: left bottom;
    -o-transform: none;
       transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
         -o-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
         -o-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
       -o-animation-name: rotateInDownLeft;
          animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@-o-keyframes rotateInDownRight {
  from {
    -o-transform-origin: right bottom;
       transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -o-transform-origin: right bottom;
       transform-origin: right bottom;
    -o-transform: none;
       transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
         -o-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
         -o-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
       -o-animation-name: rotateInDownRight;
          animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@-o-keyframes rotateInUpLeft {
  from {
    -o-transform-origin: left bottom;
       transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -o-transform-origin: left bottom;
       transform-origin: left bottom;
    -o-transform: none;
       transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
         -o-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
         -o-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
       -o-animation-name: rotateInUpLeft;
          animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@-o-keyframes rotateInUpRight {
  from {
    -o-transform-origin: right bottom;
       transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -o-transform-origin: right bottom;
       transform-origin: right bottom;
    -o-transform: none;
       transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
         -o-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
         -o-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
       -o-animation-name: rotateInUpRight;
          animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOut {
  from {
    -o-transform-origin: center;
       transform-origin: center;
    opacity: 1;
  }
  to {
    -o-transform-origin: center;
       transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
         -o-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
         -o-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
       -o-animation-name: rotateOut;
          animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutDownLeft {
  from {
    -o-transform-origin: left bottom;
       transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -o-transform-origin: left bottom;
       transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
         -o-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
         -o-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
       -o-animation-name: rotateOutDownLeft;
          animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutDownRight {
  from {
    -o-transform-origin: right bottom;
       transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -o-transform-origin: right bottom;
       transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
         -o-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
         -o-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
       -o-animation-name: rotateOutDownRight;
          animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutUpLeft {
  from {
    -o-transform-origin: left bottom;
       transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -o-transform-origin: left bottom;
       transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
         -o-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
         -o-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
       -o-animation-name: rotateOutUpLeft;
          animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutUpRight {
  from {
    -o-transform-origin: right bottom;
       transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -o-transform-origin: right bottom;
       transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
         -o-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
         -o-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
       -o-animation-name: rotateOutUpRight;
          animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@-o-keyframes hinge {
  0% {
    -o-transform-origin: top left;
       transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
       animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform: rotate3d(0, 0, 1, 80deg);
    -o-transform-origin: top left;
       transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
       animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    transform: rotate3d(0, 0, 1, 60deg);
    -o-transform-origin: top left;
       transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
       animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
         -o-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
         -o-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
         -o-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
         -o-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
         -o-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
         -o-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
       -o-animation-name: hinge;
          animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
            transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-o-keyframes jackInTheBox {
  from {
    opacity: 0;
    -o-transform: scale(0.1) rotate(30deg);
       transform: scale(0.1) rotate(30deg);
    -o-transform-origin: center bottom;
       transform-origin: center bottom;
  }
  50% {
    -o-transform: rotate(-10deg);
       transform: rotate(-10deg);
  }
  70% {
    -o-transform: rotate(3deg);
       transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -o-transform: scale(1);
       transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
         -o-transform: scale(0.1) rotate(30deg);
            transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
         -o-transform-origin: center bottom;
            transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
         -o-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
         -o-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}
.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
       -o-animation-name: jackInTheBox;
          animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-o-keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -o-transform: none;
       transform: none;
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
       -o-animation-name: rollIn;
          animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@-o-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
       -o-animation-name: rollOut;
          animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-o-keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
       -o-animation-name: zoomIn;
          animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-o-keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
       animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
       animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
         -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
         -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
       -o-animation-name: zoomInDown;
          animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-o-keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
       animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
       animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
         -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
         -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
       -o-animation-name: zoomInLeft;
          animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-o-keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
       animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
       animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
         -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
         -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
       -o-animation-name: zoomInRight;
          animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-o-keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
       animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
       animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
         -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
         -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
       -o-animation-name: zoomInUp;
          animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
       -o-animation-name: zoomOut;
          animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-o-keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
       animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -o-transform-origin: center bottom;
       transform-origin: center bottom;
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
       animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
         -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
         -o-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
         -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
       -o-animation-name: zoomOutDown;
          animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
            transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}
@-o-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -o-transform-origin: left center;
       transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
            transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
         -o-transform-origin: left center;
            transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
       -o-animation-name: zoomOutLeft;
          animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
            transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}
@-o-keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -o-transform-origin: right center;
       transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
            transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
         -o-transform-origin: right center;
            transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
       -o-animation-name: zoomOutRight;
          animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-o-keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
       animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -o-transform-origin: center bottom;
       transform-origin: center bottom;
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
       animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
         -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
         -o-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
         -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
       -o-animation-name: zoomOutUp;
          animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
       -o-animation-name: slideInDown;
          animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
       -o-animation-name: slideInLeft;
          animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
       -o-animation-name: slideInRight;
          animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
       -o-animation-name: slideInUp;
          animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@-o-keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
       -o-animation-name: slideOutDown;
          animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-o-keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
       -o-animation-name: slideOutLeft;
          animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@-o-keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
       -o-animation-name: slideOutRight;
          animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@-o-keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
       -o-animation-name: slideOutUp;
          animation-name: slideOutUp;
}
.snackbar {
  background-color: #323232;
  color: rgba(255,255,255, 0.99);
  font-size: 14px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  height: 0;
  -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, padding 0s linear 0.2s, height 0s linear 0.2s;
       -o-transition: -o-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, padding 0s linear 0.2s, height 0s linear 0.2s;
          transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, padding 0s linear 0.2s, height 0s linear 0.2s;
  -webkit-transform: translateY(200%);
      -ms-transform: translateY(200%);
       -o-transform: translateY(200%);
          transform: translateY(200%);
}
.snackbar.snackbar-opened {
  padding: 14px 15px;
  margin-bottom: 20px;
  height: auto;
  -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, height 0s linear 0.2s;
       -o-transition: -o-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, height 0s linear 0.2s;
          transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, height 0s linear 0.2s;
  -webkit-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
}
.snackbar.toast {
  border-radius: 200px;
}
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -ms-touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
}
.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}
.noUi-handle {
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.noUi-stacking .noUi-handle {
  z-index: 10;
}
.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
       -o-transition: left 0.3s, top 0.3s;
          transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
.noUi-horizontal {
  height: 10px;
}
.noUi-handle {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 12px;
  height: 12px;
  left: -6px;
  top: -5px;
  cursor: ew-resize;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
  border: 1px solid;
}
.noUi-vertical .noUi-handle {
  margin-left: 5px;
  cursor: ns-resize;
}
.noUi-horizontal.noUi-extended {
  padding: 0 15px;
}
.noUi-horizontal.noUi-extended .noUi-origin {
  right: -15px;
}
.noUi-background {
  height: 2px;
  margin: 20px 0;
}
.noUi-origin {
  margin: 0;
  border-radius: 0;
  height: 2px;
  background: #c8c8c8;
}
.noUi-origin[style^="left: 0"] .noUi-handle {
  background-color: #fff;
  border: 2px solid #c8c8c8;
}
.noUi-origin[style^="left: 0"] .noUi-handle.noUi-active {
  border-width: 1px;
}
.noUi-target {
  border-radius: 2px;
}
.noUi-horizontal {
  height: 2px;
  margin: 15px 0;
}
.noUi-vertical {
  height: 100%;
  width: 2px;
  margin: 0 15px;
  display: inline-block;
}
.noUi-handle.noUi-active {
  -webkit-transform: scale3d(2.5, 2.5, 1);
          transform: scale3d(2.5, 2.5, 1);
}
[disabled].noUi-slider {
  opacity: 0.5;
}
[disabled] .noUi-handle {
  cursor: not-allowed;
}
.slider {
  background: #c8c8c8;
  padding-left: 6px;
  padding-right: 6px;
}
.slider.noUi-connect,
.slider.slider-default.noUi-connect {
  background-color: #03a9f4;
}
.slider.slider-inverse.noUi-connect {
  background-color: #3f51b5;
}
.slider.slider-primary.noUi-connect {
  background-color: #03a9f4;
}
.slider.slider-secondary.noUi-connect {
  background-color: #e91e63;
}
.slider.slider-success.noUi-connect {
  background-color: #4caf50;
}
.slider.slider-info.noUi-connect {
  background-color: #00bcd4;
}
.slider.slider-warning.noUi-connect {
  background-color: #ff5722;
}
.slider.slider-danger.noUi-connect {
  background-color: #f44336;
}
.slider.slider-facebook.noUi-connect {
  background-color: #3b5998;
}
.slider.slider-twitter.noUi-connect {
  background-color: #000;
}
.slider.slider-instagram.noUi-connect {
  background-color: #3f729b;
}
.slider.slider-youtube.noUi-connect {
  background-color: #cd201f;
}
.slider.slider-pinterest.noUi-connect {
  background-color: #cc2127;
}
.slider.slider-linkedin.noUi-connect {
  background-color: #0077b5;
}
.slider.slider-google.noUi-connect {
  background-color: #d34836;
}
.slider.slider-yahoo.noUi-connect {
  background-color: #400191;
}
.slider.slider-whatsapp.noUi-connect {
  background-color: #25d366;
}
.slider .noUi-connect,
.slider.slider-default .noUi-connect {
  background-color: #03a9f4;
}
.slider.slider-inverse .noUi-connect {
  background-color: #3f51b5;
}
.slider.slider-primary .noUi-connect {
  background-color: #03a9f4;
}
.slider.slider-secondary .noUi-connect {
  background-color: #e91e63;
}
.slider.slider-success .noUi-connect {
  background-color: #4caf50;
}
.slider.slider-info .noUi-connect {
  background-color: #00bcd4;
}
.slider.slider-warning .noUi-connect {
  background-color: #ff5722;
}
.slider.slider-danger .noUi-connect {
  background-color: #f44336;
}
.slider.slider-facebook .noUi-connect {
  background-color: #3b5998;
}
.slider.slider-twitter .noUi-connect {
  background-color: #000;
}
.slider.slider-instagram .noUi-connect {
  background-color: #3f729b;
}
.slider.slider-youtube .noUi-connect {
  background-color: #cd201f;
}
.slider.slider-pinterest .noUi-connect {
  background-color: #cc2127;
}
.slider.slider-linkedin .noUi-connect {
  background-color: #0077b5;
}
.slider.slider-google .noUi-connect {
  background-color: #d34836;
}
.slider.slider-yahoo .noUi-connect {
  background-color: #400191;
}
.slider.slider-whatsapp .noUi-connect {
  background-color: #25d366;
}
.slider .noUi-handle,
.slider.slider-default .noUi-handle {
  background-color: #03a9f4;
}
.slider.slider-inverse .noUi-handle {
  background-color: #3f51b5;
}
.slider.slider-primary .noUi-handle {
  background-color: #03a9f4;
}
.slider.slider-secondary .noUi-handle {
  background-color: #e91e63;
}
.slider.slider-success .noUi-handle {
  background-color: #4caf50;
}
.slider.slider-info .noUi-handle {
  background-color: #00bcd4;
}
.slider.slider-warning .noUi-handle {
  background-color: #ff5722;
}
.slider.slider-danger .noUi-handle {
  background-color: #f44336;
}
.slider.slider-facebook .noUi-handle {
  background-color: #3b5998;
}
.slider.slider-twitter .noUi-handle {
  background-color: #000;
}
.slider.slider-instagram .noUi-handle {
  background-color: #3f729b;
}
.slider.slider-youtube .noUi-handle {
  background-color: #cd201f;
}
.slider.slider-pinterest .noUi-handle {
  background-color: #cc2127;
}
.slider.slider-linkedin .noUi-handle {
  background-color: #0077b5;
}
.slider.slider-google .noUi-handle {
  background-color: #d34836;
}
.slider.slider-yahoo .noUi-handle {
  background-color: #400191;
}
.slider.slider-whatsapp .noUi-handle {
  background-color: #25d366;
}
.slider .noUi-handle,
.slider.slider-default .noUi-handle {
  border-color: #03a9f4;
}
.slider.slider-inverse .noUi-handle {
  border-color: #3f51b5;
}
.slider.slider-primary .noUi-handle {
  border-color: #03a9f4;
}
.slider.slider-secondary .noUi-handle {
  border-color: #e91e63;
}
.slider.slider-success .noUi-handle {
  border-color: #4caf50;
}
.slider.slider-info .noUi-handle {
  border-color: #00bcd4;
}
.slider.slider-warning .noUi-handle {
  border-color: #ff5722;
}
.slider.slider-danger .noUi-handle {
  border-color: #f44336;
}
.slider.slider-facebook .noUi-handle {
  border-color: #3b5998;
}
.slider.slider-twitter .noUi-handle {
  border-color: #000;
}
.slider.slider-instagram .noUi-handle {
  border-color: #3f729b;
}
.slider.slider-youtube .noUi-handle {
  border-color: #cd201f;
}
.slider.slider-pinterest .noUi-handle {
  border-color: #cc2127;
}
.slider.slider-linkedin .noUi-handle {
  border-color: #0077b5;
}
.slider.slider-google .noUi-handle {
  border-color: #d34836;
}
.slider.slider-yahoo .noUi-handle {
  border-color: #400191;
}
.slider.slider-whatsapp .noUi-handle {
  border-color: #25d366;
}
.noUi-tooltip {
  opacity: 0;
  position: absolute;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.noUi-active .noUi-tooltip {
  opacity: 1;
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
       -o-transform: translate(0, -50%);
          transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #fff;
          box-shadow: inset 0 0 12px 4px #fff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
  position: relative;
  padding: 10px 14px;
  border-bottom: 1px solid transparent;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 2px 2px 0 0;
}
.selectize-dropdown-header-close {
  position: absolute;
  right: 14px;
  top: 50%;
  color: #333;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
  color: #000000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: transparent;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: rgba(77, 77, 77, 0);
}
.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 28px;
  top: 6px;
  font-size: 23px;
}
.selectize-control,
.selectize-control.form-control,
.form-group .selectize-control.form-control {
  position: relative;
  padding: 0;
  min-height: 42px;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
  /*background: @selectize-color-input;*/
  cursor: text;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.selectize-input {
  border: none;
  /*padding: 7px 0;*/
  padding: 10px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  /*> .item {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: auto;
      max-width: ~"calc(100% - 7px)";
    }*/
}
.selectize-control.multi .selectize-input.has-items {
  padding: 6px 5px 3px;
}
.selectize-input.full {
  background-color: transparent;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: not-allowed !important;
}
.selectize-input.focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.selectize-input.dropdown-active {
  border-radius: 2px 2px 0 0;
}
.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
}
.selectize-control.single .selectize-input > .item {
  display: inline-block;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: -webkit-calc(100% - 7px);
  max-width: calc(100% - 7px);
}
.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 0 0;
  padding: 2px 6px;
  background: var(--brand-primary);
  color: #fff;
  border: 0 solid transparent;
}
.selectize-control.multi .selectize-input > div.active {
  background: #0fb2fc;
  color: #333;
  border: 0 solid transparent;
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #ffffff;
  background: #808080;
  border: 0 solid rgba(77, 77, 77, 0);
}
.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 2px 0 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.selectize-input > input::-moz-placeholder {
  color: #BDBDBD;
  font-weight: 400;
}
.selectize-input > input:-ms-input-placeholder {
  color: #BDBDBD;
  font-weight: 400;
}
.selectize-input > input::-webkit-input-placeholder {
  color: #BDBDBD;
  font-weight: 400;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input::after {
  content: ' ';
  display: block;
  clear: left;
}
.selectize-dropdown,
.selectize-dropdown.form-control,
.form-group .selectize-dropdown.form-control {
  position: absolute;
  height: auto;
  z-index: 10000;
  border: none;
  background-image: none !important;
  background: #fff;
  margin: 5px 0 0 0;
  border-top: 0 none;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0 0 var(--border-radius-standard) var(--border-radius-standard);
}
.selectize-dropdown [data-selectable],
.selectize-dropdown.form-control [data-selectable],
.form-group .selectize-dropdown.form-control [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight,
.selectize-dropdown.form-control [data-selectable] .highlight,
.form-group .selectize-dropdown.form-control [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  border-radius: 1px;
}
.selectize-dropdown [data-selectable],
.selectize-dropdown.form-control [data-selectable],
.form-group .selectize-dropdown.form-control [data-selectable],
.selectize-dropdown .optgroup-header,
.selectize-dropdown.form-control .optgroup-header,
.form-group .selectize-dropdown.form-control .optgroup-header {
  padding: 10px 14px;
}
.selectize-dropdown .optgroup:first-child .optgroup-header,
.selectize-dropdown.form-control .optgroup:first-child .optgroup-header,
.form-group .selectize-dropdown.form-control .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header,
.selectize-dropdown.form-control .optgroup-header,
.form-group .selectize-dropdown.form-control .optgroup-header {
  color: #333;
  background: #fff;
  cursor: default;
  font-weight: 500;
  border-top: 1px solid rgba(153, 153, 153, 0.15);
}
.selectize-dropdown .active,
.selectize-dropdown.form-control .active,
.form-group .selectize-dropdown.form-control .active {
  background-color: #eee;
  color: #03a9f4;
}
.selectize-dropdown .active.create,
.selectize-dropdown.form-control .active.create,
.form-group .selectize-dropdown.form-control .active.create {
  color: #03a9f4;
}
.selectize-dropdown .create,
.selectize-dropdown.form-control .create,
.form-group .selectize-dropdown.form-control .create {
  color: rgba(51, 51, 51, 0.5);
}
.selectize-dropdown.selectize-dropdown-dark,
.selectize-dropdown.form-control.selectize-dropdown-dark,
.form-group .selectize-dropdown.form-control.selectize-dropdown-dark {
  background-color: #333;
  color: #fff;
}
.selectize-dropdown.selectize-dropdown-dark .active,
.selectize-dropdown.form-control.selectize-dropdown-dark .active,
.form-group .selectize-dropdown.form-control.selectize-dropdown-dark .active {
  color: #03a9f4;
  background-color: #393939;
}
.selectize-dropdown.selectize-dropdown-dark .optgroup-header,
.selectize-dropdown.form-control.selectize-dropdown-dark .optgroup-header,
.form-group .selectize-dropdown.form-control.selectize-dropdown-dark .optgroup-header {
  color: #fff;
  background: transparent;
}
.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
  font-size: 14px;
  position: relative;
}
.selectize-control.single .selectize-input {
  padding-right: 36px;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 10px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: transparent;
}
.dropdownjs::after {
  right: 5px;
  top: 3px;
  font-size: 25px;
  position: absolute;
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  content: "\e5c5";
  pointer-events: none;
  color: #757575;
}
/* Custom Scrollbar Plugin CSS */
.scrollable {
  position: relative;
}
.scrollable:focus {
  outline: 0;
}
.scrollable .viewport {
  position: relative;
  overflow: hidden;
  min-height: 100%;
}
.scrollable .viewport .overview {
  position: absolute;
}
.scrollable .scroll-bar {
  display: none;
}
.scrollable .scroll-bar.vertical {
  position: absolute;
  right: 0;
  height: 100%;
}
.scrollable .scroll-bar.horizontal {
  position: relative;
  width: 100%;
}
.scrollable .scroll-bar .thumb {
  position: absolute;
}
.scrollable .scroll-bar.vertical .thumb {
  width: 100%;
  min-height: 10px;
}
.scrollable .scroll-bar.horizontal .thumb {
  height: 100%;
  min-width: 10px;
  left: 0;
}
.not-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.scrollable.default-skin {
  padding-right: 10px;
  padding-bottom: 5px;
}
.scrollable.default-skin .scroll-bar.vertical {
  width: 5px;
}
.scrollable.default-skin .scroll-bar.horizontal {
  height: 5px;
}
.scrollable.default-skin .scroll-bar .thumb {
  background-color: #000;
  opacity: .4;
  border-radius: 3px;
}
.scrollable.default-skin .scroll-bar:hover .thumb {
  opacity: 0.6;
}
.scrollable.gray-skin {
  padding-right: 17px;
}
.scrollable.gray-skin .scroll-bar {
  border: 1px solid gray;
  background-color: #d3d3d3;
}
.scrollable.gray-skin .scroll-bar .thumb {
  background-color: gray;
}
.scrollable.gray-skin .scroll-bar:hover .thumb {
  background-color: #000;
}
.scrollable.gray-skin .scroll-bar.vertical {
  width: 10px;
}
.scrollable.gray-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px;
}
.scrollable.modern-skin {
  padding-right: 17px;
}
.scrollable.modern-skin .scroll-bar {
  border: 1px solid gray;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 5px #888;
          box-shadow: inset 0 0 5px #888;
}
.scrollable.modern-skin .scroll-bar .thumb {
  background-color: #95aabf;
  border-radius: 4px;
  border: 1px solid #536984;
}
.scrollable.modern-skin .scroll-bar.vertical .thumb {
  width: 8px;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #95aabf), to(#547092));
  background: -webkit-linear-gradient(left, #95aabf 0, #547092 100%);
  background: -o-linear-gradient(left, #95aabf 0, #547092 100%);
  background: linear-gradient(to right, #95aabf 0, #547092 100%);
}
.scrollable.modern-skin .scroll-bar.horizontal .thumb {
  height: 8px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#95aabf), to(#547092));
  background-image: -webkit-linear-gradient(#95aabf, #547092);
  background-image: -o-linear-gradient(#95aabf, #547092);
  background-image: linear-gradient(#95aabf, #547092);
}
.scrollable.modern-skin .scroll-bar.vertical {
  width: 10px;
}
.scrollable.modern-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px;
}
.scrollable.default-skin .scroll-bar .thumb {
  background-color: #9e9e9e;
  opacity: 1;
}
.scrollable.default-skin .scroll-bar:hover .thumb,
.scrollable.default-skin .scroll-bar:active .thumb {
  opacity: 1;
  background-color: #757575;
}
.scrollable.default-skin .scroll-bar {
  background-color: #f0f0f0;
  border-radius: 3px;
}
/* These rules fix some weird width issues, but probably break horizontal scroll */
.scrollable.default-skin {
  padding-right: 5px;
}
.scrollable .viewport .overview {
  left: 0;
  right: 0;
}
/** ws-ui.css **/
.wsui,
.wsui *,
.wsui:after,
.wsui *:after,
.wsui:before,
.wsui *:before {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
/*
.wsui .hidden {
  display: none;
}
.wsui label {
  font-weight: normal;
}
.wsui input,
.wsui textarea,
.wsui select,
.wsui .bootstrap-tagsinput {
  box-shadow: none;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.wsui input:focus,
.wsui input:active,
.wsui textarea:focus,
.wsui textarea:active,
.wsui select:focus {
  border: 1px solid #129FEA;
  outline: 0;
  box-shadow: none;
}
.wsui input.error,
.wsui textarea.error,
.wsui select.error,
.wsui .bootstrap-tagsinput.error,
.wsui .chosen-container.error > a {
  border-color: #b94a48;
}
*/
.wsui .number-group input {
  text-align: center;
  max-width: 65px;
}
/* Toggle Button */
.wsui .tgl {
  display: none;
}
.wsui .tgl::-moz-selection,
.wsui .tgl:after::-moz-selection,
.wsui .tgl:before::-moz-selection,
.wsui .tgl *::-moz-selection,
.wsui .tgl *:after::-moz-selection,
.wsui .tgl *:before::-moz-selection,
.wsui .tgl + .tgl-btn::-moz-selection {
  background: none;
}
.wsui .tgl::selection,
.wsui .tgl:after::selection,
.wsui .tgl:before::selection,
.wsui .tgl *::selection,
.wsui .tgl *:after::selection,
.wsui .tgl *:before::selection,
.wsui .tgl + .tgl-btn::selection {
  background: none;
}
.wsui .tgl + .tgl-btn {
  outline: 0;
  display: block;
  width: 4em;
  height: 2em;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.wsui .tgl + .tgl-btn:after,
.wsui .tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}
.wsui .tgl + .tgl-btn:after {
  left: 0;
}
.wsui .tgl + .tgl-btn:before {
  display: none;
}
.wsui .tgl:checked + .tgl-btn:after {
  left: 50%;
}
.wsui .tgl + .tgl-btn {
  background: #d3d3d3;
  border-radius: 2em;
  padding: 2px;
  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}
.wsui .tgl + .tgl-btn:after {
  border-radius: 50%;
  background: #fff;
  -webkit-transition: all .2s ease;
       -o-transition: all .2s ease;
          transition: all .2s ease;
}
.wsui .tgl:checked + .tgl-btn {
  background: #56BA74;
}
.wsui .btn-upload input.upload {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
}
/* Button with icon */
.wsui .btn i + span {
  margin-left: 5px;
}
/* Cutout Button */
.btn-cutout {
  -webkit-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
  border: 1px dashed #999;
  color: #999;
  border-radius: 0;
}
.btn-cutout:hover,
.btn-cutout.hover,
.btn-cutout:active,
.btn-cutout.active {
  border-color: #222;
  color: #222;
}
.btn-cutout,
.btn-cutout:hover,
.btn-cutout.hover,
.btn-cutout:active,
.btn-cutout.active {
  -webkit-box-shadow: none;
          box-shadow: none;
}
/* HLabel */
.wsui .input-row {
  text-align: left;
  margin: 10px 0;
}
.wsui .input-row .label-col,
.wsui .input-row .input-col,
.wsui .input-row .input-col .btn {
  font-size: 13px;
}
.wsui .input-row .label-col {
  float: left;
  line-height: 30px;
  height: 30px;
  color: #8a8a8a;
  margin: 0;
  width: 50%;
}
.wsui .input-row .label-col span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
.wsui .input-row .input-col {
  float: right;
  position: relative;
  height: 30px;
  width: 50%;
}
.wsui .input-row .loader {
  margin: 0 auto;
  display: block;
}
.wsui .input-row.checkbox-container .input-col {
  text-align: center;
  line-height: 30px;
  font-size: 20px;
}
.wsui .input-row .input-col .tgl-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.wsui .input-row .status {
  font-size: 20px;
  line-height: 16px;
  margin: 0 auto;
  padding: 6px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  display: block;
}
/*****
****** Gradient Buttons
*****/
.btn-default.btn-gradient {
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-default.btn-gradient:hover,
.btn-default.btn-gradient:focus,
.btn-default.btn-gradient:active,
.btn-default.btn-gradient.active,
.btn-default.btn-gradient.disabled,
.btn-default.btn-gradient[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  background-image: none;
  outline: 0;
}
.btn-default.btn-gradient.active,
.btn-default.btn-gradient:active {
  border-color: #ccc;
  background-image: none;
  outline: 0;
}
/*****
****** Helper Classes
*****/
.dragging-mask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
}
.dragging .dragging-mask {
  display: block;
}
.stretch-horizontally {
  position: absolute;
  left: 0;
  right: 0;
}
.positioned-top {
  position: absolute;
  top: 0;
}
.positioned-bottom {
  position: absolute;
  bottom: 0;
}
.positioned-bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
}
.height-normalizer {
  height: 100%;
  width: 0;
  vertical-align: middle;
  display: inline-block;
}
.vertically-centered {
  vertical-align: middle;
  display: inline-block;
}
.no-padding {
  padding: 0 !important;
}
/* edit style option container */
.edit-style-options-container {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  border: 1px solid #d2d2d2;
  padding: 20px;
  border-radius: var(--border-radius-standard);
  margin: 10px 0;
  font-size: 12px;
  line-height: 20px;
}
.edit-style-options-container .edit-style-options-container-sub + .edit-style-options-container-sub {
  margin-top: 5px;
}
.edit-style-options-container .title {
  font-size: 13px !important;
  margin: 0 !important;
  font-weight: inherit;
  color: var(--brand-primary);
}
.edit-style-options-container .title + .edit-style-options-content {
  margin-top: 5px;
  padding-top: 5px;
  /* border-top: 1px solid #ccc; */
}
/* Panels */
.panel-popup {
  position: fixed;
  z-index: 1001;
}
.panel-popup:not(.panel-dark) .panel-window .panel-window-content .window-header,
.panel-popup:not(.panel-dark).panel-default .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#262626), to(#404040));
  background-image: -webkit-linear-gradient(top, #262626, #404040);
  background-image: -o-linear-gradient(top, #262626, #404040);
  background-image: linear-gradient(to bottom, #262626, #404040);
}
.panel-popup:not(.panel-dark).panel-inverse .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3f51b5), to(#606fc7));
  background-image: -webkit-linear-gradient(top, #3f51b5, #606fc7);
  background-image: -o-linear-gradient(top, #3f51b5, #606fc7);
  background-image: linear-gradient(to bottom, #3f51b5, #606fc7);
}
.panel-popup:not(.panel-dark).panel-primary .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#03a9f4), to(#2ebcfc));
  background-image: -webkit-linear-gradient(top, #03a9f4, #2ebcfc);
  background-image: -o-linear-gradient(top, #03a9f4, #2ebcfc);
  background-image: linear-gradient(to bottom, #03a9f4, #2ebcfc);
}
.panel-popup:not(.panel-dark).panel-secondary .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e91e63), to(#ee4c83));
  background-image: -webkit-linear-gradient(top, #e91e63, #ee4c83);
  background-image: -o-linear-gradient(top, #e91e63, #ee4c83);
  background-image: linear-gradient(to bottom, #e91e63, #ee4c83);
}
.panel-popup:not(.panel-dark).panel-success .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4caf50), to(#6ec071));
  background-image: -webkit-linear-gradient(top, #4caf50, #6ec071);
  background-image: -o-linear-gradient(top, #4caf50, #6ec071);
  background-image: linear-gradient(to bottom, #4caf50, #6ec071);
}
.panel-popup:not(.panel-dark).panel-info .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#00bcd4), to(#08e3ff));
  background-image: -webkit-linear-gradient(top, #00bcd4, #08e3ff);
  background-image: -o-linear-gradient(top, #00bcd4, #08e3ff);
  background-image: linear-gradient(to bottom, #00bcd4, #08e3ff);
}
.panel-popup:not(.panel-dark).panel-warning .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5722), to(#ff7e55));
  background-image: -webkit-linear-gradient(top, #ff5722, #ff7e55);
  background-image: -o-linear-gradient(top, #ff5722, #ff7e55);
  background-image: linear-gradient(to bottom, #ff5722, #ff7e55);
}
.panel-popup:not(.panel-dark).panel-danger .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f44336), to(#f77066));
  background-image: -webkit-linear-gradient(top, #f44336, #f77066);
  background-image: -o-linear-gradient(top, #f44336, #f77066);
  background-image: linear-gradient(to bottom, #f44336, #f77066);
}
.panel-popup:not(.panel-dark).panel-facebook .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3b5998), to(#4c70ba));
  background-image: -webkit-linear-gradient(top, #3b5998, #4c70ba);
  background-image: -o-linear-gradient(top, #3b5998, #4c70ba);
  background-image: linear-gradient(to bottom, #3b5998, #4c70ba);
}
.panel-popup:not(.panel-dark).panel-twitter .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#1a1a1a));
  background-image: -webkit-linear-gradient(top, #000, #1a1a1a);
  background-image: -o-linear-gradient(top, #000, #1a1a1a);
  background-image: linear-gradient(to bottom, #000, #1a1a1a);
}
.panel-popup:not(.panel-dark).panel-instagram .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3f729b), to(#548cb9));
  background-image: -webkit-linear-gradient(top, #3f729b, #548cb9);
  background-image: -o-linear-gradient(top, #3f729b, #548cb9);
  background-image: linear-gradient(to bottom, #3f729b, #548cb9);
}
.panel-popup:not(.panel-dark).panel-youtube .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cd201f), to(#e23e3d));
  background-image: -webkit-linear-gradient(top, #cd201f, #e23e3d);
  background-image: -o-linear-gradient(top, #cd201f, #e23e3d);
  background-image: linear-gradient(to bottom, #cd201f, #e23e3d);
}
.panel-popup:not(.panel-dark).panel-pinterest .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cc2127), to(#e04046));
  background-image: -webkit-linear-gradient(top, #cc2127, #e04046);
  background-image: -o-linear-gradient(top, #cc2127, #e04046);
  background-image: linear-gradient(to bottom, #cc2127, #e04046);
}
.panel-popup:not(.panel-dark).panel-linkedin .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0077b5), to(#0099e8));
  background-image: -webkit-linear-gradient(top, #0077b5, #0099e8);
  background-image: -o-linear-gradient(top, #0077b5, #0099e8);
  background-image: linear-gradient(to bottom, #0077b5, #0099e8);
}
.panel-popup:not(.panel-dark).panel-google .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d34836), to(#dc6e60));
  background-image: -webkit-linear-gradient(top, #d34836, #dc6e60);
  background-image: -o-linear-gradient(top, #d34836, #dc6e60);
  background-image: linear-gradient(to bottom, #d34836, #dc6e60);
}
.panel-popup:not(.panel-dark).panel-yahoo .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#400191), to(#5601c4));
  background-image: -webkit-linear-gradient(top, #400191, #5601c4);
  background-image: -o-linear-gradient(top, #400191, #5601c4);
  background-image: linear-gradient(to bottom, #400191, #5601c4);
}
.panel-popup:not(.panel-dark).panel-whatsapp .panel-window .panel-window-content .window-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#25d366), to(#4be083));
  background-image: -webkit-linear-gradient(top, #25d366, #4be083);
  background-image: -o-linear-gradient(top, #25d366, #4be083);
  background-image: linear-gradient(to bottom, #25d366, #4be083);
}
.panel-popup.animated {
  -webkit-animation-duration: .3s;
       -o-animation-duration: .3s;
          animation-duration: .3s;
}
.panel-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  background-color: #000;
  opacity: 0.5;
}
.panel-popup .panel-window-content {
  background: #fff;
  border: 1px solid #fafafa;
  border-radius: 8px;
  -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25);
}
.panel-popup.popup-iframe.popup-minimal .panel-window-content {
  background-color: #f1f1f1;
}
/* .panel-popup .panel-window-content .fab-close-btn {
  position: absolute;
  top: -14px;
  right: -14px;
  cursor: pointer;
  z-index: 100;

  > a {
    background-color: #f2f2f2!important;
  }
} */
.panel-popup.popup-minimal .window-body-inner > iframe {
  border-radius: var(--border-radius-standard);
}
.panel-window {
  height: 100%;
  width: 100%;
}
.panel-popup .form-group:not(.label-floating) {
  margin-top: 10px;
}
.panel-popup .form-group:not(.label-floating) > label.control-label {
  margin: 0;
  line-height: 24px;
}
.panel-popup .form-group + .form-group {
  margin-top: 10px;
}
.panel-popup .form-group.label-floating + .form-group.label-floating {
  margin-top: 10px;
}
/*.form-group.label-floating label.control-label, .form-group.label-placeholder label.control-label {
    left: 10px;
}*/
/* Video Specific Theme */
.panel-modal.video-theme .panel-window .panel-window-content {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
  border-radius: 0;
}
.panel-modal.video-theme .panel-window .window-header {
  border-bottom: none;
  padding-bottom: 5px;
}
.panel-modal.video-theme .panel-window .window-body {
  background-color: #000000;
  -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25);
  word-wrap: break-word;
}
/* Panel Body Titles */
.panel-window .window-body .title {
  font-size: 18px;
  margin: 0 0 10px;
}
.panel-window .window-body * + .title {
  margin-top: 15px;
}
.panel-window .window-body h4.title {
  margin: 0 0 15px;
}
.panel-window .window-body * + h4.title {
  margin-top: 25px;
}
/* For Sidebar */
.panel-window .window-sidebar,
.panel-window .window-sidebar + .window-body {
  float: left;
}
.panel-window .window-sidebar {
  border-right: 1px solid #e2e2e2;
  width: 33%;
}
/* responsive sidebar */
.content-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.content-wrapper.responsive-sidebar .sidebar-header {
  position: relative;
  background-color: #f2f2f2;
  height: auto;
  margin-bottom: 8px;
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  display: none;
}
.content-wrapper.responsive-sidebar .sidebar-header .nav {
  margin: 0;
  padding: 0;
}
.content-wrapper.responsive-sidebar .sidebar-header .sidebar-toggle {
  display: block;
  float: right;
  border: none;
  background-color: transparent;
  padding: 0;
  height: 30px;
  width: 30px;
  margin: 10px;
}
@media (max-width: 767px) {
  .content-wrapper.responsive-sidebar {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    position: relative;
    overflow: hidden;
  }
  .content-wrapper.responsive-sidebar .window-sidebar {
    position: absolute;
    z-index: 1035;
    overflow-x: hidden;
    right: -8px;
    top: 0;
    -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.35);
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.35);
    width: 280px!important;
    -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
         -o-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
            transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    background-color: #fff;
    -webkit-transform: translate3d(280px, 0, 0);
            transform: translate3d(280px, 0, 0);
  }
  .content-wrapper.responsive-sidebar .window-sidebar.open {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  .content-wrapper.responsive-sidebar .window-sidebar.open + .sidebar-overlay {
    visibility: visible;
    opacity: .5;
  }
  .content-wrapper.responsive-sidebar .window-sidebar .sidebar-header {
    display: block;
  }
  .content-wrapper.responsive-sidebar .sidebar-overlay {
    position: absolute;
  }
}
/* responsive sidebar */
.panel-window .window-sidebar + .window-body {
  width: 67%;
}
.panel-window .panel-window-content {
  height: 100%;
  width: 100%;
}
.panel-window .window-body .window-body-inner,
.panel-window .window-sidebar .window-sidebar-inner,
.panel-window .window-footer .window-footer-inner {
  position: relative;
  height: 100%;
  width: 100%;
}
.panel-window .window-body .window-body-scrollable,
.panel-window .window-body .window-body-not-scrollable,
.panel-window .window-sidebar .window-sidebar-scrollable,
.panel-window .window-sidebar .window-sidebar-not-scrollable {
  position: relative;
  height: 100%;
  width: 100%;
}
.panel-window .window-sidebar .nav-tabs > li > a {
  font-size: 16px;
}
.panel-window .window-sidebar .nav-tabs > li:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.panel-window .results-tab {
  width: 100%;
  height: 100%;
}
.panel-window .results-tab .result {
  display: none;
}
.panel-window .results-tab .hlink-label {
  font-weight: normal;
}
.panel-window .results-tab input + .hlink-label {
  margin-top: 10px;
}
.panel-window .results-tab .hlink-new-tab {
  font-weight: normal;
  margin: 10px 0;
}
/* Panel Header */
.panel-draggable .window-header {
  cursor: move;
}
.panel-window .window-header {
  text-align: left;
  border-bottom: 1px solid #e2e2e2;
}
.panel-window .window-body .window-body-fixed-header .window-body-inner {
  border-bottom: 1px solid #e2e2e2;
  width: auto;
}
.panel-window .window-footer {
  border-top: 1px solid #e2e2e2;
}
.panel-window .window-header .title {
  font-size: 16px;
  font-weight: normal;
  color: #3e3e3e;
  float: left;
  line-height: 24px;
  height: 24px;
  width: 85%;
  width: -webkit-calc(100% - 34px);
  width: calc(100% - 34px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.panel-window .window-header .heading {
  font-size: 13px;
  color: #8a8a8a;
  font-weight: inherit;
  line-height: 26px;
  height: 26px;
}
.panel-window .window-header .window-header-buttons {
  float: right;
  margin: 0 0 0 10px;
  color: #8a8a8a;
}
.panel-window .window-header .window-navigation-back {
  float: left;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: 600;
  color: #8a8a8a;
  cursor: pointer;
}
.panel-window .window-header .window-navigation-back i {
  margin-right: 10px;
}
.panel-window .window-header .window-close-button {
  cursor: pointer;
  display: block;
  height: 24px;
}
/* Panel Footer */
.panel-window .window-footer .window-footer-inner .btn {
  margin-top: 0;
  margin-bottom: 0;
}
.panel-window .window-footer .window-footer-inner .btn.pull-right + .btn.pull-right {
  margin-right: 10px;
}
.panel-window .window-footer .window-footer-inner .btn.pull-left + .btn.pull-left {
  margin-left: 10px;
}
/* Vertical button list */
.panel-window .panel-button {
  font-size: 16px;
  font-weight: normal;
  padding: 10px;
  cursor: pointer;
}
.panel-window .panel-button,
.panel-window .panel-button i {
  color: #4a4f5b;
}
.panel-window .panel-button:hover,
.panel-window .panel-button:hover i {
  color: #03a9f4;
}
.panel-window .panel-button i {
  margin-right: 15px;
  font-size: 24px;
  width: 32px;
  text-align: center;
}
.panel-window .panel-button i.icon-right {
  margin-right: 0;
  margin-left: 15px;
}
.panel-window .panel-button.small {
  font-size: 13px;
  padding: 3px;
}
.panel-window .panel-button.small i {
  width: 20px;
  font-size: 18px;
  margin-right: 10px;
}
.panel-window .panel-button.text-button {
  color: #428bca;
}
.panel-window .panel-button.text-button:hover {
  color: #428bca;
  text-decoration: underline;
}
/* Panel Modal Specific */
.panel-modal .panel-window .panel-window-content {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
/*****
****** Panel Contexts
*****/
.panel-popup.panel-primary .window-header {
  background-color: #03a9f4;
  margin: -1px;
  padding: 1px;
  border-radius: 8px 8px 0 0;
}
.panel-popup.panel-primary .window-header .title,
.panel-popup.panel-primary .window-header .window-header-buttons {
  color: rgba(255,255,255, 0.99);
}
.panel-popup.panel-secondary .window-header {
  background-color: #e91e63;
  margin: -1px;
  padding: 1px;
  border-radius: 8px 8px 0 0;
}
.panel-popup.panel-secondary .window-header .title,
.panel-popup.panel-secondary .window-header .window-header-buttons {
  color: rgba(255,255,255, 0.99);
}
.panel-popup.panel-success .window-header {
  background-color: #4caf50;
  margin: -1px;
  padding: 1px;
  border-radius: 8px 8px 0 0;
}
.panel-popup.panel-success .window-header .title,
.panel-popup.panel-success .window-header .window-header-buttons {
  color: rgba(255,255,255, 0.99);
}
.panel-popup.panel-danger .window-header {
  background-color: #f44336;
  margin: -1px;
  padding: 1px;
  border-radius: 8px 8px 0 0;
}
.panel-popup.panel-danger .window-header .title,
.panel-popup.panel-danger .window-header .window-header-buttons {
  color: rgba(255,255,255, 0.99);
}
.panel-popup.panel-warning .window-header {
  background-color: #ff5722;
  margin: -1px;
  padding: 1px;
  border-radius: 8px 8px 0 0;
}
.panel-popup.panel-warning .window-header .title,
.panel-popup.panel-warning .window-header .window-header-buttons {
  color: rgba(255,255,255, 0.99);
}
.panel-popup.panel-info .window-header {
  background-color: #00bcd4;
  margin: -1px;
  padding: 1px;
  border-radius: 8px 8px 0 0;
}
.panel-popup.panel-info .window-header .title,
.panel-popup.panel-info .window-header .window-header-buttons {
  color: rgba(255,255,255, 0.99);
}
/*****
****** Panel Sizes
*****/
/* Panel Large */
.panel-sz-lg .panel-window .window-header .window-header-inner {
  padding: 15px;
  padding-left: 20px;
}
.panel-sz-lg .panel-window .window-body .window-body-inner,
.panel-sz-lg .panel-window .window-sidebar .window-sidebar-inner,
.panel-sz-lg .panel-window .window-footer .window-footer-inner {
  padding: 20px;
}
.panel-sz-lg .panel-window .window-sidebar + .window-body .window-body-inner {
  padding-left: 25px;
}
/* Panel Medium */
.panel-sz-md .panel-window .window-header .window-header-inner {
  padding: 15px;
}
.panel-sz-md .panel-window .window-body .window-body-inner,
.panel-sz-md .panel-window .window-sidebar .window-sidebar-inner,
.panel-sz-md .panel-window .window-footer .window-footer-inner {
  padding: 15px;
}
.panel-sz-md .panel-window .window-sidebar + .window-body .window-body-inner {
  padding-left: 20px;
}
/* Panel Small */
.panel-sz-sm .panel-window .window-header .window-header-inner {
  padding: 15px 24px 9px;
}
.panel-sz-sm .panel-window .window-body .window-body-inner {
  padding: 20px 24px;
}
.panel-sz-sm .panel-window .window-sidebar .window-sidebar-inner,
.panel-sz-sm .panel-window .window-footer .window-footer-inner {
  padding: 20px 24px;
}
.panel-sz-sm .panel-window .content-wrapper .content-body-wrapper {
  margin-bottom: -10px;
}
/****
***** Loader
****/
@-webkit-keyframes load1 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-o-keyframes load1 {
  0% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
       transform: rotate(360deg);
  }
}
@keyframes load1 {
  0% {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.loader {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  vertical-align: middle;
}
.loader-default:after,
.loader-quart:after {
  content: '';
  position: absolute;
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  border-radius: 50%;
  border: 6px solid transparent;
  border-top-color: #fff;
  -webkit-animation: load1 1s linear infinite;
       -o-animation: load1 1s linear infinite;
          animation: load1 1s linear infinite;
}
.loader-default,
.loader-quart {
  border-radius: 50%;
  border: 6px solid rgba(255, 255, 255, 0.4);
}
/* Pulse Loader */
@keyframes pulse {
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
         -o-transform: scale(2);
            transform: scale(2);
  }
}
.loader-pulse {
  border-radius: 50% 50%;
}
.loader-pulse:before,
.loader-pulse:after {
  position: absolute;
  content: '';
  z-index: -1;
  border-radius: 100% 100%;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-animation: pulse 1500ms infinite;
       -o-animation: pulse 1500ms infinite;
          animation: pulse 1500ms infinite;
}
.loader-pulse:before {
  -webkit-animation-delay: 300ms;
       -o-animation-delay: 300ms;
          animation-delay: 300ms;
}
/* Loader Colors */
.loader-default.loader-dark:after,
.loader-quart.loader-dark:after {
  border-top-color: #888;
  border-top-color: rgba(0, 0, 0, 0.5);
}
.loader-default.loader-dark,
.loader-quart.loader-dark {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.25);
}
/* Pulse Loader */
.loader-pulse,
.loader-pulse:before,
.loader-pulse:after {
  opacity: 0.75;
  background-color: #fff;
}
.loader-pulse.loader-dark,
.loader-pulse.loader-dark:before,
.loader-pulse.loader-dark:after {
  background-color: #222;
}
.loader-pulse.loader-green,
.loader-pulse.loader-green:before,
.loader-pulse.loader-green:after {
  background-color: #4EBA6F;
}
/* Loader Sizing */
/* loader-sm = 67.5% of standard */
.loader-sm {
  width: 34px;
  height: 34px;
}
.loader-default.loader-sm,
.loader-quart.loader-sm {
  border-width: 4px;
}
.loader-default.loader-sm:after,
.loader-quart.loader-sm:after {
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  border-width: 4px;
}
/* loader-xs = 50% of standard */
.loader-xs {
  width: 25px;
  height: 25px;
}
.loader-default.loader-xs,
.loader-quart.loader-xs {
  border-width: 4px;
}
.loader-default.loader-xs:after,
.loader-quart.loader-xs:after {
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  border-width: 4px;
}
/* Loader Position */
.loader-center {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -31px;
  margin-top: -31px;
}
.loader-center.loader-xs {
  margin-left: -12.5px;
  margin-top: -12.5px;
}
.loader-center.loader-sm {
  margin-left: -21px;
  margin-top: -21px;
}
/* Hovertip */
.hovertip {
  cursor: pointer;
  color: #428bca;
  font-weight: bold;
}
.hovertip:hover {
  color: #2a6496;
}
.hovertip-container {
  min-height: 10px;
  min-width: 10px;
  max-width: 300px;
  background: #fffedf;
  position: absolute;
  z-index: 3000;
  padding: 5px;
  font-size: 12px;
  line-height: 16px;
  background-color: #444;
  border-radius: 5px;
  -webkit-box-shadow: 1px 3px 5px rgba(128, 128, 128, 0.7);
          box-shadow: 1px 3px 5px rgba(128, 128, 128, 0.7);
  color: #fff;
}
.hovertip-container .hovertip-title {
  white-space: nowrap;
}
/* Share site popup on save congratulations message */
.site-share-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.site-share {
  /*display: inline-block;
    width: 175px;*/
  text-align: center;
  font-size: 16px;
  margin: 10px auto;
  cursor: pointer;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 20%;
      -ms-flex: 1 1 20%;
          flex: 1 1 20%;
}
.site-share:first-child {
  margin-left: 0;
}
.site-share:last-child {
  margin-right: 0;
}
.site-share .icon-container {
  color: #ffffff;
  font-size: 32px;
  line-height: 2.5em;
  width: 2.5em;
  height: 2.5em;
  margin: 0 auto;
  border: 2px solid;
  border-radius: 50%;
}
.site-share .share-title {
  line-height: 2.5em;
}
.site-share.site-share-facebook .share-title,
.site-share.site-share-facebook .icon-container {
  color: #3b5998;
  border-color: #3b5998;
}
.site-share.site-share-facebook:hover .icon-container {
  color: #fff;
  background-color: #3b5998;
}
.site-share.site-share-twitter .share-title,
.site-share.site-share-twitter .icon-container {
  color: #000;
  border-color: #000;
}
.site-share.site-share-twitter:hover .icon-container {
  color: #fff;
  background-color: #000;
}
.site-share.site-share-email .share-title,
.site-share.site-share-email .icon-container {
  color: #9e9e9e;
  border-color: #9e9e9e;
}
.site-share.site-share-email:hover .icon-container {
  color: #fff;
  background-color: #9e9e9e;
}
.site-share.site-share-copy .share-title,
.site-share.site-share-copy .icon-container {
  color: #03a9f4;
  border-color: #03a9f4;
}
.site-share.site-share-copy:hover .icon-container {
  color: #fff;
  background-color: #03a9f4;
}
.site-share.site-share-sms .share-title,
.site-share.site-share-sms .icon-container {
  color: #e91e63;
  border-color: #e91e63;
}
.site-share.site-share-sms:hover .icon-container {
  color: #fff;
  background-color: #e91e63;
}
.site-share.site-share-whatsapp .share-title,
.site-share.site-share-whatsapp .icon-container {
  color: #25d366;
  border-color: #25d366;
}
.site-share.site-share-whatsapp:hover .icon-container {
  color: #fff;
  background-color: #25d366;
}
.mobile-view .site-share {
  margin: 0;
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid #000;
  padding: 0.8em;
  cursor: pointer;
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 100% !important;
      -ms-flex: 1 1 100% !important;
          flex: 1 1 100% !important;
  border-radius: -webkit-calc(var(--border-radius-standard) / 2);
  border-radius: calc(var(--border-radius-standard) / 2);
}
.mobile-view .site-share:last-child {
  margin-bottom: 0;
}
.mobile-view .site-share .icon-container {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.5em;
  margin-right: 0.5em;
  width: auto;
  height: auto;
  line-height: initial;
  color: inherit !important;
  border: none !important;
  background-color: transparent !important;
}
.mobile-view .site-share .share-title {
  color: inherit !important;
}
.mobile-view .site-share.site-share-twitter {
  border-color: #000;
  background-color: #000;
  color: #ffffff;
}
.mobile-view .site-share.site-share-facebook {
  border-color: #3b5998;
  background-color: #3b5998;
  color: #ffffff;
}
.mobile-view .site-share.site-share-email {
  border-color: #9e9e9e;
  background-color: #9e9e9e;
  color: #ffffff;
}
.mobile-view .site-share.site-share-copy {
  border-color: #03a9f4;
  background-color: #03a9f4;
  color: #ffffff;
}
.mobile-view .site-share.site-share-sms {
  border-color: #e91e63;
  background-color: #e91e63;
  color: #ffffff;
}
.mobile-view .site-share.site-share-whatsapp {
  border-color: #25d366;
  background-color: #25d366;
  color: #ffffff;
}
@media (max-width: 767px) {
  .site-share {
    margin: 0;
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #000;
    padding: 0.8em;
    cursor: pointer;
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 100% !important;
        -ms-flex: 1 1 100% !important;
            flex: 1 1 100% !important;
    border-radius: -webkit-calc(var(--border-radius-standard) / 2);
    border-radius: calc(var(--border-radius-standard) / 2);
  }
  .site-share:last-child {
    margin-bottom: 0;
  }
  .site-share .icon-container {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.5em;
    margin-right: 0.5em;
    width: auto;
    height: auto;
    line-height: initial;
    color: inherit !important;
    border: none !important;
    background-color: transparent !important;
  }
  .site-share .share-title {
    color: inherit !important;
  }
  .site-share.site-share-twitter {
    border-color: #000;
    background-color: #000;
    color: #ffffff;
  }
  .site-share.site-share-facebook {
    border-color: #3b5998;
    background-color: #3b5998;
    color: #ffffff;
  }
  .site-share.site-share-email {
    border-color: #9e9e9e;
    background-color: #9e9e9e;
    color: #ffffff;
  }
  .site-share.site-share-copy {
    border-color: #03a9f4;
    background-color: #03a9f4;
    color: #ffffff;
  }
  .site-share.site-share-sms {
    border-color: #e91e63;
    background-color: #e91e63;
    color: #ffffff;
  }
  .site-share.site-share-whatsapp {
    border-color: #25d366;
    background-color: #25d366;
    color: #ffffff;
  }
}
#dont-show-again {
  margin: 7px 0;
}
.transparent-bg {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  border: 1px solid #cacaca;
  background-color: #fff;
  background-image: -webkit-linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc), -webkit-linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc);
  background-image: -o-linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc), -o-linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc);
  background-image: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc), linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc);
  -webkit-background-size: 20px 20px;
          background-size: 20px 20px;
  background-position: 5px 5px, 15px 15px;
}
.transparent-bg.light {
  background-image: -webkit-linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee), -webkit-linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee);
  background-image: -o-linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee), -o-linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee);
  background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee), linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee);
}
.transparent-bg-sm {
  background-color: #fff;
  background-image: -webkit-linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%), -webkit-linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%);
  background-image: -o-linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%), -o-linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%);
  background-image: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%), linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%);
  -webkit-background-size: 14px 14px;
          background-size: 14px 14px;
  background-position: 0 0, 7px 7px;
}
.transparent-bg-sm.light {
  background-image: -webkit-linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee), -webkit-linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee);
  background-image: -o-linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee), -o-linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee);
  background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee), linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee);
}
ul.unlist,
ol.unlist {
  padding: 0;
  margin: 0;
  list-style: none;
}
.blank-add-message {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  z-index: 10;
}
.blank-add-message h2 {
  margin: 0;
}
.material-icons {
  /* Rules for sizing the icon. */
  /* Rules for using icons as black on a light background. */
  /* Rules for using icons as white on a dark background. */
}
.material-icons.md-18 {
  font-size: 18px!important;
}
.material-icons.md-24 {
  font-size: 24px!important;
}
.material-icons.md-36 {
  font-size: 36px!important;
}
.material-icons.md-48 {
  font-size: 48px!important;
}
.material-icons.md-dark {
  color: rgba(0, 0, 0, 0.54);
}
.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26);
}
.material-icons.md-light {
  color: #ffffff;
}
.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3);
}
.material-icons.help-tip {
  margin-left: 5px;
  vertical-align: middle;
  color: #aaa;
  margin-top: -3px;
  cursor: pointer;
  margin-bottom: -3px;
  line-height: 1.4;
}
.side-nav {
  height: 100%;
  padding: 0px;
  border-right: 1px solid #e0e0e0;
  background-color: #fff;
}
.dtp-buttons button.btn {
  margin-top: 0;
  margin-bottom: 0;
}
*[class*=wseft-] {
  line-height: 1;
  vertical-align: middle;
}
.ai-text-popup .window-body {
  background-color: rgba(0, 0, 0, 0.04);
}
.ai-text-popup .chat-window .chat-bubble {
  border-radius: var(--border-radius-standard);
  border-width: 1px;
  border-style: solid;
}
.ai-text-popup .chat-window .chat-bubble.bubble-ai {
  background-color: #fff;
  border-color: #eee;
}
.ai-text-popup .chat-window .chat-bubble.bubble-user {
  background-color: #eee;
  border-color: #ddd;
}
#beacon-container .Beacon > div {
  z-index: 999!important;
}
.page-loader,
.loading-mask {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
}
.page-loader.absolute,
.loading-mask.absolute {
  position: absolute;
}
.page-loader.no-bg,
.loading-mask.no-bg {
  background-color: transparent;
}
/* Loader */
.ws-loader-mask,
#loading-mask.ws-loader-mask {
  position: absolute;
  top: 0;
  left: 0;
  zoom: 1;
  z-index: 20000;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.5;
}
.ws-loader-message,
#loading.ws-loader-message {
  position: absolute;
  z-index: 20001;
  top: 50%;
  left: 50%;
  background-color: var(--brand-primary) /* green: #4caf50 */;
  background-image: none;
  border: none;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 15px;
  border-radius: 3px;
  width: auto;
  height: auto;
  white-space: nowrap;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.ws-loader-message .indeterminate-loader + span {
  line-height: 50px;
  margin-left: 15px;
  margin-right: 10px;
}
.ws-loader-message a,
.ws-loader-message a:hover,
.ws-loader-message a:active,
.ws-loader-message a:focus {
  color: #ffffff;
}
.skeleton-box {
  display: inline-block;
  height: 1em;
  position: relative;
  overflow: hidden;
  background-color: #DDDBDD;
}
.skeleton-box::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
       -o-transform: translateX(-100%);
          transform: translateX(-100%);
  background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  -webkit-animation: shimmer 2s infinite;
       -o-animation: shimmer 2s infinite;
          animation: shimmer 2s infinite;
  content: "";
}
.icon-black {
  color: rgba(0,0,0, 0.87);
}
.icon-black:hover {
  color: #03a9f4;
}
@-webkit-keyframes shimmer {
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@-o-keyframes shimmer {
  100% {
    -o-transform: translateX(100%);
       transform: translateX(100%);
  }
}
@keyframes shimmer {
  100% {
    -webkit-transform: translateX(100%);
         -o-transform: translateX(100%);
            transform: translateX(100%);
  }
}
/* Loader */
body {
  word-wrap: break-word;
}
.navbar + .page-header {
  margin-top: -20px;
}
.page-header {
  position: relative;
  max-height: initial;
  height: auto;
  min-height: 100vh;
  background-position: center center;
  -webkit-background-size: cover;
          background-size: cover;
  margin: 0;
  padding: 0;
  border: 0;
}
.page-header .container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.page-header.with-scroller .container {
  padding-bottom: 130px;
}
.page-header .scroller {
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 76px;
  height: 100px;
  line-height: 100px;
  width: 100px;
  text-align: center;
  color: #9e9e9e;
  z-index: 10;
}
.page-header.header-filter .scroller {
  color: rgba(255,255,255, 0.99);
}
@media (min-width: 992px) {
  .page-header {
    min-height: initial;
    height: 100vh;
    max-height: 800px;
  }
}
.header-filter {
  position: relative;
}
.header-filter .container {
  z-index: 2;
  position: relative;
  color: rgba(255,255,255, 0.99);
}
.header-filter::before {
  background-color: rgba(0, 0, 0, 0.5);
}
.header-filter:before,
.header-filter:after {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
  content: "";
}
.iframe-container iframe {
  width: 100%;
  -webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.page-title {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 40px;
}
/* Footer */
footer {
  padding: 30px 0;
}
footer ul {
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}
footer ul.links-vertical li {
  display: block;
  margin-left: -5px;
  margin-right: -5px;
}
footer ul li {
  display: inline-block;
}
footer ul li a {
  color: inherit;
  padding: 15px;
  font-weight: 500;
  font-size: 12px;
  border-radius: 3px;
  text-decoration: none;
  position: relative;
  display: block;
}
footer ul li a:hover {
  text-decoration: none;
}
footer ul.links-vertical li a {
  padding: 5px;
}
.info {
  max-width: 360px;
  margin: 0 auto;
  padding: 70px 0 30px;
  text-align: center;
}
.info .info-title {
  margin: 30px 0 15px;
}
.info .icon > i {
  color: #9e9e9e;
  font-size: 4.4em;
}
.info.info-lg {
  font-size: 16px;
}
.info.info-lg .info-title {
  font-size: 21px;
}
.info.info-lg .icon > i {
  font-size: 5.5em;
}
.info.info-lg .icon > i.number-icon {
  font-size: 4em;
  font-style: normal;
  border: 2px solid;
  border-radius: 50%;
  width: 106px;
  height: 106px;
  display: inline-block;
  line-height: 102px;
  color: inherit;
}
.aligner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.aligner.vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.aligner.left-center {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.aligner.right-center {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.aligner > .container {
  margin-left: 0;
  margin-right: 0;
}
.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  z-index: 1;
}
.z-index-1 {
  z-index: 1;
}
.no-underline {
  text-decoration: none;
}
.no-underline:hover {
  text-decoration: none;
}
.height-70px {
  height: 70px;
}
.fluid-width {
  position: relative;
  padding-bottom: 100%;
  padding-top: 0;
  height: 0;
}
.fluid-width .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fluid-width iframe,
.fluid-width embed,
.fluid-width object {
  border: none;
  width: 100%;
  height: 100%;
}
.fluid-width.ratio-1-1 {
  padding-bottom: 100%;
}
.fluid-width.ratio-4-3 {
  padding-bottom: 75%;
}
.fluid-width.ratio-16-9 {
  padding-bottom: 56.25%;
}
.review-stars i.fa,
.review-stars i.material-icons {
  color: #ffd600;
}
.section-grey-100 {
  background-color: #f5f5f5;
}
.section-white {
  background-color: #fff;
}
.strike {
  position: relative;
}
.strike:after {
  content: " ";
  border-bottom: 2px solid rgba(204, 0, 0, 0.7);
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
  -webkit-transform: rotateZ(-4deg);
          transform: rotateZ(-4deg);
}
/****
***** Browser Frame
****/
.browser {
  /* This is for shadow */
  border-radius: 8px;
  overflow: hidden;
  text-align: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}
/****
***** Browser Bar
****/
.browser-bar {
  border-radius: 3px 3px 0 0;
  height: 21px;
  font-size: 1px;
  background-color: #e0e0e0;
  line-height: 26px;
}
.browser-btn:first-child {
  margin-left: 8px;
}
.browser-btn {
  display: inline-block;
  height: 21px;
  font-size: inherit;
  margin-left: 6px;
}
.browser-btn:before {
  content: "\25cf";
  font-size: 9px;
  line-height: 20px;
  color: #7f7f7f;
}
/****
***** Browser Content
****/
.browser-bar + .browser-content > a {
  height: -webkit-calc(100% - 21px);
  height: calc(100% - 21px);
}
.browser-content {
  position: relative;
  width: 100%;
  height: auto;
  background-color: #fff;
}
.browser-content > a {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}
.browser-content .bottom-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.98);
  /* height: 10vh; */
  padding: 20px 30px;
  border-top: 1px solid rgba(153, 153, 153, 0.1);
}
.browser-content .bottom-content .btn {
  margin: 0;
  padding: 0 5px;
  outline: none;
  font-size: 24px;
}
.browser-content .bottom-content .btn:hover {
  color: #03a9f4;
}
.browser .main-btn {
  -webkit-transition: -webkit-transform 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
       -o-transition: -o-transform 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
          transition: transform 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
}
.browser:hover .main-btn {
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
       -o-transform: translateY(-20px);
          transform: translateY(-20px);
}
/****
***** Browser Sizes
****/
.browser-sm .browser-bar {
  height: 11px;
  line-height: 11px;
}
.browser-sm .browser-btn {
  height: 11px;
  margin-left: 5px;
}
.browser-sm .browser-btn:before {
  line-height: 11px;
  font-size: 5px;
}
.browser-sm .browser-btn:first-child {
  margin-left: 7px;
}
/****
***** Browser Add-Ons
****/
.browser-shadow {
  -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0px 3px 10px;
          box-shadow: rgba(0, 0, 0, 0.06) 0px 3px 10px;
}
.browser-content .browser-image {
  width: 100%;
}
.fluid-width .browser,
.fluid-width .browser-content {
  height: 100%;
}
.shw-dark {
  -webkit-box-shadow: 0 2px 5px 0 #000000, 0 2px 10px 0 #000000;
          box-shadow: 0 2px 5px 0 #000000, 0 2px 10px 0 #000000;
}
.shw-light {
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
}
.avatar-text {
  border-radius: 50%;
  font-size: 12px;
  width: 35px;
  height: 35px;
  color: #fff;
}
.avatar-text-primary {
  background-color: #03a9f4;
}
.avatar-text-secondary {
  background-color: #e91e63;
}
.avatar-text-success {
  background-color: #4caf50;
}
.avatar-text-info {
  background-color: #00bcd4;
}
.avatar-text-warning {
  background-color: #ff5722;
}
.avatar-text-danger {
  background-color: #f44336;
}
.avatar {
  border-radius: 50%;
  width: 44px;
  height: 44px;
}
.phone-footer-nav-bar {
  display: none;
}
@media (max-width: 767px) {
  .phone-footer-nav-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 0 -5px 5px 0 rgba(50, 50, 50, 0.2);
            box-shadow: 0 -5px 5px 0 rgba(50, 50, 50, 0.2);
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    margin: 0 -1px;
  }
  .phone-footer-nav-bar .btn {
    margin: 0;
    padding: 0;
  }
  .phone-footer-nav-bar .btn-fab {
    margin-top: -28px;
  }
  .phone-footer-nav-bar .btn-default {
    padding: 10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
            flex: 1 1 0;
  }
  .phone-footer-nav-bar .btn-default:hover,
  .phone-footer-nav-bar .btn-default:active,
  .phone-footer-nav-bar .btn-default:focus {
    background-color: transparent;
    border-radius: 0;
    border: 0;
    outline: 0;
  }
  .w-sm-100 {
    width: 100%;
  }
}
/** Utils **/
.drag-handle {
  cursor: move;
}
.drag-handle.vert {
  cursor: ns-resize;
}
.hlink-file-container {
  position: relative;
}
.hlink-file-container .filename-selected {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: -webkit-calc(100% - 54px);
  max-width: calc(100% - 54px);
}
.hlink-file-container-flex {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: 0;
  max-width: var(--window-body-width);
  gap: 10px;
}
.hlink-file-container-flex .filename-selected {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hlink-file-container-flex .btn {
  margin: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.flex-video-launch {
  position: relative;
  height: 235px;
  cursor: pointer;
}
.flex-video-launch .absolute-stretch {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.flex-video-launch .absolute-stretch > div {
  height: 100%;
}
.flex-video-launch .absolute-stretch.video-img {
  background: no-repeat center center;
  -webkit-background-size: cover;
          background-size: cover;
  z-index: 1;
}
.flex-video-launch .absolute-stretch .play-icon {
  color: rgba(255, 255, 255, 0.6);
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 60px;
  -webkit-filter: drop-shadow(2px 4px 6px black);
          filter: drop-shadow(2px 4px 6px black);
}
.grid-list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}
hr.hr-border {
  margin: -1px 0 0 0;
  height: 0.01px;
}
.border-box {
  /*box-shadow: 0 1px 1px rgba(0,0,0,.05);*/
  border: 1px solid rgba(150, 150, 150, 0.6);
  padding: 8px;
  border-radius: 8px;
}
.absolute-top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.absolute-stretch {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-default {
  cursor: default;
}
.text-nowrap,
.text-truncate {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.vertical-align-middle {
  vertical-align: middle;
}
.min-width-0 {
  min-width: 0;
}
.text-weight-400 {
  font-weight: 400;
}
.text-weight-500 {
  font-weight: 500;
}
.text-size-16 {
  font-size: 16px;
}
.text-black {
  color: #000;
}
.alternate-bg > *:nth-child(odd) {
  background-color: #f9f9f9;
}
.row-border-between + .row-border-between {
  border-top: 1px solid #eee;
}
.row-hover:hover {
  background-color: rgba(153, 153, 153, 0.1);
}
/* border border-solid border-gray-200 */
.border-primary {
  border-color: #03a9f4;
}
.border-solid {
  border-style: solid;
}
.border-0 {
  border-width: 0;
}
.border {
  border-width: 1px;
}
.border-t-1 {
  border-width: 0;
  border-top-width: 1px;
}
.border-b-1 {
  border-top-width: 1px;
}
/** Utils **/
/* Bootstrap 4 flex basics & display */
.text-gray-950 {
  color: #212121;
}
.border-gray-950 {
  border-color: #212121;
}
.text-gray-900 {
  color: #333333;
}
.border-gray-900 {
  border-color: #333333;
}
.text-gray-800 {
  color: #424242;
}
.border-gray-800 {
  border-color: #424242;
}
.text-gray-700 {
  color: #616161;
}
.border-gray-700 {
  border-color: #616161;
}
.text-gray-600 {
  color: #757575;
}
.border-gray-600 {
  border-color: #757575;
}
.text-gray-500 {
  color: #9e9e9e;
}
.border-gray-500 {
  border-color: #9e9e9e;
}
.text-gray-400 {
  color: #bdbdbd;
}
.border-gray-400 {
  border-color: #bdbdbd;
}
.text-gray-300 {
  color: #e0e0e0;
}
.border-gray-300 {
  border-color: #e0e0e0;
}
.text-gray-200 {
  color: #eeeeee;
}
.border-gray-200 {
  border-color: #eeeeee;
}
.text-gray-100 {
  color: #f5f5f5;
}
.border-gray-100 {
  border-color: #f5f5f5;
}
.m-0 {
  margin: 0px !important;
}
.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.mt-0 {
  margin-top: 0px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.ml-0 {
  margin-left: 0px !important;
}
.mr-0 {
  margin-right: 0px !important;
}
.p-0 {
  padding: 0px !important;
}
.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.pt-0 {
  padding-top: 0px !important;
}
.pb-0 {
  padding-bottom: 0px !important;
}
.pl-0 {
  padding-left: 0px !important;
}
.pr-0 {
  padding-right: 0px !important;
}
.gap-0 {
  gap: 0px !important;
}
.m-5 {
  margin: 5px !important;
}
.mx-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.my-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.p-5 {
  padding: 5px !important;
}
.px-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.py-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pb-5 {
  padding-bottom: 5px !important;
}
.pl-5 {
  padding-left: 5px !important;
}
.pr-5 {
  padding-right: 5px !important;
}
.gap-5 {
  gap: 5px !important;
}
.m-10 {
  margin: 10px !important;
}
.mx-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.my-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.p-10 {
  padding: 10px !important;
}
.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.gap-10 {
  gap: 10px !important;
}
.m-15 {
  margin: 15px !important;
}
.mx-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.my-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.p-15 {
  padding: 15px !important;
}
.px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.py-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.pl-15 {
  padding-left: 15px !important;
}
.pr-15 {
  padding-right: 15px !important;
}
.gap-15 {
  gap: 15px !important;
}
.m-20 {
  margin: 20px !important;
}
.mx-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.p-20 {
  padding: 20px !important;
}
.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pl-20 {
  padding-left: 20px !important;
}
.pr-20 {
  padding-right: 20px !important;
}
.gap-20 {
  gap: 20px !important;
}
.m-50 {
  margin: 50px !important;
}
.mx-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
.my-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.ml-50 {
  margin-left: 50px !important;
}
.mr-50 {
  margin-right: 50px !important;
}
.p-50 {
  padding: 50px !important;
}
.px-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}
.py-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.pt-50 {
  padding-top: 50px !important;
}
.pb-50 {
  padding-bottom: 50px !important;
}
.pl-50 {
  padding-left: 50px !important;
}
.pr-50 {
  padding-right: 50px !important;
}
.gap-50 {
  gap: 50px !important;
}
@media (max-width: 767px) {
  .m-sm-0 {
    margin: 0px !important;
  }
  .mx-sm-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .my-sm-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mt-sm-0 {
    margin-top: 0px !important;
  }
  .mb-sm-0 {
    margin-bottom: 0px !important;
  }
  .ml-sm-0 {
    margin-left: 0px !important;
  }
  .mr-sm-0 {
    margin-right: 0px !important;
  }
  .p-sm-0 {
    padding: 0px !important;
  }
  .px-sm-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .py-sm-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .pt-sm-0 {
    padding-top: 0px !important;
  }
  .pb-sm-0 {
    padding-bottom: 0px !important;
  }
  .pl-sm-0 {
    padding-left: 0px !important;
  }
  .pr-sm-0 {
    padding-right: 0px !important;
  }
  .gap-sm-0 {
    gap: 0px !important;
  }
  .m-sm-5 {
    margin: 5px !important;
  }
  .mx-sm-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .my-sm-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .mt-sm-5 {
    margin-top: 5px !important;
  }
  .mb-sm-5 {
    margin-bottom: 5px !important;
  }
  .ml-sm-5 {
    margin-left: 5px !important;
  }
  .mr-sm-5 {
    margin-right: 5px !important;
  }
  .p-sm-5 {
    padding: 5px !important;
  }
  .px-sm-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .py-sm-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .pt-sm-5 {
    padding-top: 5px !important;
  }
  .pb-sm-5 {
    padding-bottom: 5px !important;
  }
  .pl-sm-5 {
    padding-left: 5px !important;
  }
  .pr-sm-5 {
    padding-right: 5px !important;
  }
  .gap-sm-5 {
    gap: 5px !important;
  }
  .m-sm-10 {
    margin: 10px !important;
  }
  .mx-sm-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .my-sm-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .mt-sm-10 {
    margin-top: 10px !important;
  }
  .mb-sm-10 {
    margin-bottom: 10px !important;
  }
  .ml-sm-10 {
    margin-left: 10px !important;
  }
  .mr-sm-10 {
    margin-right: 10px !important;
  }
  .p-sm-10 {
    padding: 10px !important;
  }
  .px-sm-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .py-sm-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .pt-sm-10 {
    padding-top: 10px !important;
  }
  .pb-sm-10 {
    padding-bottom: 10px !important;
  }
  .pl-sm-10 {
    padding-left: 10px !important;
  }
  .pr-sm-10 {
    padding-right: 10px !important;
  }
  .gap-sm-10 {
    gap: 10px !important;
  }
  .m-sm-15 {
    margin: 15px !important;
  }
  .mx-sm-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .my-sm-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .mt-sm-15 {
    margin-top: 15px !important;
  }
  .mb-sm-15 {
    margin-bottom: 15px !important;
  }
  .ml-sm-15 {
    margin-left: 15px !important;
  }
  .mr-sm-15 {
    margin-right: 15px !important;
  }
  .p-sm-15 {
    padding: 15px !important;
  }
  .px-sm-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .py-sm-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .pt-sm-15 {
    padding-top: 15px !important;
  }
  .pb-sm-15 {
    padding-bottom: 15px !important;
  }
  .pl-sm-15 {
    padding-left: 15px !important;
  }
  .pr-sm-15 {
    padding-right: 15px !important;
  }
  .gap-sm-15 {
    gap: 15px !important;
  }
  .m-sm-20 {
    margin: 20px !important;
  }
  .mx-sm-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .my-sm-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mt-sm-20 {
    margin-top: 20px !important;
  }
  .mb-sm-20 {
    margin-bottom: 20px !important;
  }
  .ml-sm-20 {
    margin-left: 20px !important;
  }
  .mr-sm-20 {
    margin-right: 20px !important;
  }
  .p-sm-20 {
    padding: 20px !important;
  }
  .px-sm-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .py-sm-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .pt-sm-20 {
    padding-top: 20px !important;
  }
  .pb-sm-20 {
    padding-bottom: 20px !important;
  }
  .pl-sm-20 {
    padding-left: 20px !important;
  }
  .pr-sm-20 {
    padding-right: 20px !important;
  }
  .gap-sm-20 {
    gap: 20px !important;
  }
  .m-sm-50 {
    margin: 50px !important;
  }
  .mx-sm-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .my-sm-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .mt-sm-50 {
    margin-top: 50px !important;
  }
  .mb-sm-50 {
    margin-bottom: 50px !important;
  }
  .ml-sm-50 {
    margin-left: 50px !important;
  }
  .mr-sm-50 {
    margin-right: 50px !important;
  }
  .p-sm-50 {
    padding: 50px !important;
  }
  .px-sm-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .py-sm-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .pt-sm-50 {
    padding-top: 50px !important;
  }
  .pb-sm-50 {
    padding-bottom: 50px !important;
  }
  .pl-sm-50 {
    padding-left: 50px !important;
  }
  .pr-sm-50 {
    padding-right: 50px !important;
  }
  .gap-sm-50 {
    gap: 50px !important;
  }
}
/* Flex Cols */
/* Width */
/* Height */
/*
.loop-single(@prefix, @i) when (@i > -1) {
    @colNum: @i * @step;
    @className: ~"@{initial}@{prefix}@{colNum}";
    @{className} {
        @{prop}: ~"@{colNum}@{unit}";
    }
    .loop-single(@prefix, @i - 1);
}
@step: 5;
@unit: px;
@prop: column-gap;
@initial: .col-gap-;
.loop-single('sm-', 4);

// This will output:
.col-gap-sm-20 {
  column-gap: 20px;
}
*/
.fs-12 {
  font-size: 12px;
}
.fs-14 {
  font-size: 14px;
}
.fs-16 {
  font-size: 16px;
}
.fs-18 {
  font-size: 18px;
}
.fs-20 {
  font-size: 20px;
}
.fs-24 {
  font-size: 24px;
}
.fs-26 {
  font-size: 26px;
}
.fs-28 {
  font-size: 28px;
}
.fs-30 {
  font-size: 30px;
}
.fs-32 {
  font-size: 32px;
}
.fs-34 {
  font-size: 34px;
}
.fs-36 {
  font-size: 36px;
}
.fs-48 {
  font-size: 48px;
}
@media (max-width: 767px) {
  .fs-sm-12 {
    font-size: 12px !important;
  }
  .fs-sm-14 {
    font-size: 14px !important;
  }
  .fs-sm-16 {
    font-size: 16px !important;
  }
  .fs-sm-18 {
    font-size: 18px !important;
  }
  .fs-sm-20 {
    font-size: 20px !important;
  }
  .fs-sm-24 {
    font-size: 24px !important;
  }
  .fs-sm-26 {
    font-size: 26px !important;
  }
  .fs-sm-28 {
    font-size: 28px !important;
  }
  .fs-sm-30 {
    font-size: 30px !important;
  }
  .fs-sm-32 {
    font-size: 32px !important;
  }
  .fs-sm-34 {
    font-size: 34px !important;
  }
  .fs-sm-36 {
    font-size: 36px !important;
  }
  .fs-sm-48 {
    font-size: 48px !important;
  }
}
.ml-auto {
  margin-left: auto;
}
.mr-auto {
  margin-right: auto;
}
.m-auto {
  margin: auto;
}
.shadow-none {
  -webkit-box-shadow: none!important;
          box-shadow: none!important;
}
.shadow-none:hover {
  -webkit-box-shadow: none!important;
          box-shadow: none!important;
}
.d-table {
  display: table!important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-block {
  display: block!important;
}
@media (max-width: 767px) {
  .d-sm-block {
    display: block!important;
  }
}
@media (max-width: 767px) {
  .d-sm-inline {
    display: inline!important;
  }
}
.d-inline {
  display: inline!important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.d-grid {
  display: grid!important;
}
.d-flex {
  display: -webkit-box!important;
  display: -webkit-flex!important;
  display: -ms-flexbox!important;
  display: flex!important;
}
.d-flex .col-100 {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}
.d-flex .col-95 {
  -webkit-flex-basis: 95%;
      -ms-flex-preferred-size: 95%;
          flex-basis: 95%;
}
.d-flex .col-90 {
  -webkit-flex-basis: 90%;
      -ms-flex-preferred-size: 90%;
          flex-basis: 90%;
}
.d-flex .col-85 {
  -webkit-flex-basis: 85%;
      -ms-flex-preferred-size: 85%;
          flex-basis: 85%;
}
.d-flex .col-80 {
  -webkit-flex-basis: 80%;
      -ms-flex-preferred-size: 80%;
          flex-basis: 80%;
}
.d-flex .col-75 {
  -webkit-flex-basis: 75%;
      -ms-flex-preferred-size: 75%;
          flex-basis: 75%;
}
.d-flex .col-70 {
  -webkit-flex-basis: 70%;
      -ms-flex-preferred-size: 70%;
          flex-basis: 70%;
}
.d-flex .col-65 {
  -webkit-flex-basis: 65%;
      -ms-flex-preferred-size: 65%;
          flex-basis: 65%;
}
.d-flex .col-60 {
  -webkit-flex-basis: 60%;
      -ms-flex-preferred-size: 60%;
          flex-basis: 60%;
}
.d-flex .col-55 {
  -webkit-flex-basis: 55%;
      -ms-flex-preferred-size: 55%;
          flex-basis: 55%;
}
.d-flex .col-50 {
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
}
.d-flex .col-45 {
  -webkit-flex-basis: 45%;
      -ms-flex-preferred-size: 45%;
          flex-basis: 45%;
}
.d-flex .col-40 {
  -webkit-flex-basis: 40%;
      -ms-flex-preferred-size: 40%;
          flex-basis: 40%;
}
.d-flex .col-35 {
  -webkit-flex-basis: 35%;
      -ms-flex-preferred-size: 35%;
          flex-basis: 35%;
}
.d-flex .col-30 {
  -webkit-flex-basis: 30%;
      -ms-flex-preferred-size: 30%;
          flex-basis: 30%;
}
.d-flex .col-25 {
  -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
}
.d-flex .col-20 {
  -webkit-flex-basis: 20%;
      -ms-flex-preferred-size: 20%;
          flex-basis: 20%;
}
.d-flex .col-15 {
  -webkit-flex-basis: 15%;
      -ms-flex-preferred-size: 15%;
          flex-basis: 15%;
}
.d-flex .col-10 {
  -webkit-flex-basis: 10%;
      -ms-flex-preferred-size: 10%;
          flex-basis: 10%;
}
.d-flex .col-5 {
  -webkit-flex-basis: 5%;
      -ms-flex-preferred-size: 5%;
          flex-basis: 5%;
}
.d-flex > .col-md-5 {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: auto;
}
.d-flex > .col-md-10 {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: auto;
}
.d-flex > .col-sm-5 {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: auto;
}
.d-flex > .col-sm-10 {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: auto;
}
.d-flex.hide {
  display: none!important;
}
.d-none {
  display: none!important;
}
.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex-grow {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
/* justify-content */
.justify-content-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.justify-content-around {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.justify-content-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.justify-content-evenly {
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.justify-content-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.justify-content-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.justify-content-stretch {
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}
/* align-items */
.align-items-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.align-items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.align-items-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.align-items-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
/* align-self */
.align-self-start {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}
.align-self-center {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.align-self-stretch {
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
.align-self-end {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}
.flex-nowrap {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.flex-wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.flex-fill {
  -webkit-box-flex: 1!important;
  -webkit-flex: 1 1 auto!important;
      -ms-flex: 1 1 auto!important;
          flex: 1 1 auto!important;
}
.w-fit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.w-auto {
  width: auto;
}
.w-100 {
  width: 100%;
}
.w-95 {
  width: 95%;
}
.w-90 {
  width: 90%;
}
.w-85 {
  width: 85%;
}
.w-80 {
  width: 80%;
}
.w-75 {
  width: 75%;
}
.w-70 {
  width: 70%;
}
.w-65 {
  width: 65%;
}
.w-60 {
  width: 60%;
}
.w-55 {
  width: 55%;
}
.w-50 {
  width: 50%;
}
.w-45 {
  width: 45%;
}
.w-40 {
  width: 40%;
}
.w-35 {
  width: 35%;
}
.w-30 {
  width: 30%;
}
.w-25 {
  width: 25%;
}
.w-20 {
  width: 20%;
}
.w-15 {
  width: 15%;
}
.w-10 {
  width: 10%;
}
.w-5 {
  width: 5%;
}
.h-fit {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.h-auto {
  height: auto;
}
.h-100 {
  height: 100%;
}
.h-95 {
  height: 95%;
}
.h-90 {
  height: 90%;
}
.h-85 {
  height: 85%;
}
.h-80 {
  height: 80%;
}
.h-75 {
  height: 75%;
}
.h-70 {
  height: 70%;
}
.h-65 {
  height: 65%;
}
.h-60 {
  height: 60%;
}
.h-55 {
  height: 55%;
}
.h-50 {
  height: 50%;
}
.h-45 {
  height: 45%;
}
.h-40 {
  height: 40%;
}
.h-35 {
  height: 35%;
}
.h-30 {
  height: 30%;
}
.h-25 {
  height: 25%;
}
.h-20 {
  height: 20%;
}
.h-15 {
  height: 15%;
}
.h-10 {
  height: 10%;
}
.h-5 {
  height: 5%;
}
.brd-0 {
  border: 0;
}
.absolute {
  position: absolute;
}
.absolute.top {
  top: 0;
}
.absolute.bottom {
  bottom: 0;
}
.absolute.left {
  left: 0;
}
.absolute.right {
  right: 0;
}
.relative {
  position: relative;
}
.static {
  position: static;
}
.min-width-fit-content {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.font-normal {
  font-weight: 400;
}
.white-link,
.white-link:active,
.white-link:focus,
.white-link:hover {
  color: #fff!important;
}
@media (max-width: 992px) {
  .flex-md-wrap {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .flex-md-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* justify-content */
  .justify-content-md-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .justify-content-md-around {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .justify-content-md-evenly {
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
  .justify-content-md-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .justify-content-md-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .justify-content-md-stretch {
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
  }
  /* align-items */
  .align-items-md-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .align-items-md-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .align-items-md-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  /* align-self */
  .align-self-md-start {
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
  }
  .align-self-md-center {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
  }
  .align-self-md-stretch {
    -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
            align-self: stretch;
  }
  .align-self-md-end {
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end;
  }
  .d-flex .col-md-100 {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
  .d-flex .col-md-95 {
    -webkit-flex-basis: 95%;
        -ms-flex-preferred-size: 95%;
            flex-basis: 95%;
  }
  .d-flex .col-md-90 {
    -webkit-flex-basis: 90%;
        -ms-flex-preferred-size: 90%;
            flex-basis: 90%;
  }
  .d-flex .col-md-85 {
    -webkit-flex-basis: 85%;
        -ms-flex-preferred-size: 85%;
            flex-basis: 85%;
  }
  .d-flex .col-md-80 {
    -webkit-flex-basis: 80%;
        -ms-flex-preferred-size: 80%;
            flex-basis: 80%;
  }
  .d-flex .col-md-75 {
    -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
  }
  .d-flex .col-md-70 {
    -webkit-flex-basis: 70%;
        -ms-flex-preferred-size: 70%;
            flex-basis: 70%;
  }
  .d-flex .col-md-65 {
    -webkit-flex-basis: 65%;
        -ms-flex-preferred-size: 65%;
            flex-basis: 65%;
  }
  .d-flex .col-md-60 {
    -webkit-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
            flex-basis: 60%;
  }
  .d-flex .col-md-55 {
    -webkit-flex-basis: 55%;
        -ms-flex-preferred-size: 55%;
            flex-basis: 55%;
  }
  .d-flex .col-md-50 {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
  }
  .d-flex .col-md-45 {
    -webkit-flex-basis: 45%;
        -ms-flex-preferred-size: 45%;
            flex-basis: 45%;
  }
  .d-flex .col-md-40 {
    -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
            flex-basis: 40%;
  }
  .d-flex .col-md-35 {
    -webkit-flex-basis: 35%;
        -ms-flex-preferred-size: 35%;
            flex-basis: 35%;
  }
  .d-flex .col-md-30 {
    -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
            flex-basis: 30%;
  }
  .d-flex .col-md-25 {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
  }
  .d-flex .col-md-20 {
    -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
            flex-basis: 20%;
  }
  .d-flex .col-md-15 {
    -webkit-flex-basis: 15%;
        -ms-flex-preferred-size: 15%;
            flex-basis: 15%;
  }
  .d-flex .col-md-10 {
    -webkit-flex-basis: 10%;
        -ms-flex-preferred-size: 10%;
            flex-basis: 10%;
  }
  .d-flex .col-md-5 {
    -webkit-flex-basis: 5%;
        -ms-flex-preferred-size: 5%;
            flex-basis: 5%;
  }
  .h-md-100 {
    height: 100%;
  }
  .h-md-95 {
    height: 95%;
  }
  .h-md-90 {
    height: 90%;
  }
  .h-md-85 {
    height: 85%;
  }
  .h-md-80 {
    height: 80%;
  }
  .h-md-75 {
    height: 75%;
  }
  .h-md-70 {
    height: 70%;
  }
  .h-md-65 {
    height: 65%;
  }
  .h-md-60 {
    height: 60%;
  }
  .h-md-55 {
    height: 55%;
  }
  .h-md-50 {
    height: 50%;
  }
  .h-md-45 {
    height: 45%;
  }
  .h-md-40 {
    height: 40%;
  }
  .h-md-35 {
    height: 35%;
  }
  .h-md-30 {
    height: 30%;
  }
  .h-md-25 {
    height: 25%;
  }
  .h-md-20 {
    height: 20%;
  }
  .h-md-15 {
    height: 15%;
  }
  .h-md-10 {
    height: 10%;
  }
  .h-md-5 {
    height: 5%;
  }
  .w-md-100 {
    width: 100%;
  }
  .w-md-95 {
    width: 95%;
  }
  .w-md-90 {
    width: 90%;
  }
  .w-md-85 {
    width: 85%;
  }
  .w-md-80 {
    width: 80%;
  }
  .w-md-75 {
    width: 75%;
  }
  .w-md-70 {
    width: 70%;
  }
  .w-md-65 {
    width: 65%;
  }
  .w-md-60 {
    width: 60%;
  }
  .w-md-55 {
    width: 55%;
  }
  .w-md-50 {
    width: 50%;
  }
  .w-md-45 {
    width: 45%;
  }
  .w-md-40 {
    width: 40%;
  }
  .w-md-35 {
    width: 35%;
  }
  .w-md-30 {
    width: 30%;
  }
  .w-md-25 {
    width: 25%;
  }
  .w-md-20 {
    width: 20%;
  }
  .w-md-15 {
    width: 15%;
  }
  .w-md-10 {
    width: 10%;
  }
  .w-md-5 {
    width: 5%;
  }
}
@media (max-width: 767px) {
  /* justify-content */
  .justify-content-sm-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .justify-content-sm-around {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .justify-content-sm-evenly {
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
  .justify-content-sm-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .justify-content-sm-stretch {
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
  }
  /* align-items */
  .align-items-sm-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .align-items-sm-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .align-items-sm-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  /* align-self */
  .align-self-sm-start {
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
  }
  .align-self-sm-center {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
  }
  .align-self-sm-stretch {
    -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
            align-self: stretch;
  }
  .align-self-sm-end {
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end;
  }
  .flex-sm-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .flex-sm-wrap {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .flex-sm-fill {
    -webkit-box-flex: 1!important;
    -webkit-flex: 1 1 auto!important;
        -ms-flex: 1 1 auto!important;
            flex: 1 1 auto!important;
  }
  .d-flex .col-sm-100 {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
  .d-flex .col-sm-95 {
    -webkit-flex-basis: 95%;
        -ms-flex-preferred-size: 95%;
            flex-basis: 95%;
  }
  .d-flex .col-sm-90 {
    -webkit-flex-basis: 90%;
        -ms-flex-preferred-size: 90%;
            flex-basis: 90%;
  }
  .d-flex .col-sm-85 {
    -webkit-flex-basis: 85%;
        -ms-flex-preferred-size: 85%;
            flex-basis: 85%;
  }
  .d-flex .col-sm-80 {
    -webkit-flex-basis: 80%;
        -ms-flex-preferred-size: 80%;
            flex-basis: 80%;
  }
  .d-flex .col-sm-75 {
    -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
  }
  .d-flex .col-sm-70 {
    -webkit-flex-basis: 70%;
        -ms-flex-preferred-size: 70%;
            flex-basis: 70%;
  }
  .d-flex .col-sm-65 {
    -webkit-flex-basis: 65%;
        -ms-flex-preferred-size: 65%;
            flex-basis: 65%;
  }
  .d-flex .col-sm-60 {
    -webkit-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
            flex-basis: 60%;
  }
  .d-flex .col-sm-55 {
    -webkit-flex-basis: 55%;
        -ms-flex-preferred-size: 55%;
            flex-basis: 55%;
  }
  .d-flex .col-sm-50 {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
  }
  .d-flex .col-sm-45 {
    -webkit-flex-basis: 45%;
        -ms-flex-preferred-size: 45%;
            flex-basis: 45%;
  }
  .d-flex .col-sm-40 {
    -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
            flex-basis: 40%;
  }
  .d-flex .col-sm-35 {
    -webkit-flex-basis: 35%;
        -ms-flex-preferred-size: 35%;
            flex-basis: 35%;
  }
  .d-flex .col-sm-30 {
    -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
            flex-basis: 30%;
  }
  .d-flex .col-sm-25 {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
  }
  .d-flex .col-sm-20 {
    -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
            flex-basis: 20%;
  }
  .d-flex .col-sm-15 {
    -webkit-flex-basis: 15%;
        -ms-flex-preferred-size: 15%;
            flex-basis: 15%;
  }
  .d-flex .col-sm-10 {
    -webkit-flex-basis: 10%;
        -ms-flex-preferred-size: 10%;
            flex-basis: 10%;
  }
  .d-flex .col-sm-5 {
    -webkit-flex-basis: 5%;
        -ms-flex-preferred-size: 5%;
            flex-basis: 5%;
  }
  .text-sm-center {
    text-align: center;
  }
  .text-sm-right {
    text-align: right;
  }
  .text-sm-left {
    text-align: left;
  }
  .grid-row.even-col1-sm {
    grid-template-columns: repeat(1, 1fr)!important;
  }
  .h-sm-100 {
    height: 100%;
  }
  .h-sm-95 {
    height: 95%;
  }
  .h-sm-90 {
    height: 90%;
  }
  .h-sm-85 {
    height: 85%;
  }
  .h-sm-80 {
    height: 80%;
  }
  .h-sm-75 {
    height: 75%;
  }
  .h-sm-70 {
    height: 70%;
  }
  .h-sm-65 {
    height: 65%;
  }
  .h-sm-60 {
    height: 60%;
  }
  .h-sm-55 {
    height: 55%;
  }
  .h-sm-50 {
    height: 50%;
  }
  .h-sm-45 {
    height: 45%;
  }
  .h-sm-40 {
    height: 40%;
  }
  .h-sm-35 {
    height: 35%;
  }
  .h-sm-30 {
    height: 30%;
  }
  .h-sm-25 {
    height: 25%;
  }
  .h-sm-20 {
    height: 20%;
  }
  .h-sm-15 {
    height: 15%;
  }
  .h-sm-10 {
    height: 10%;
  }
  .h-sm-5 {
    height: 5%;
  }
  .w-sm-100 {
    width: 100%;
  }
  .w-sm-95 {
    width: 95%;
  }
  .w-sm-90 {
    width: 90%;
  }
  .w-sm-85 {
    width: 85%;
  }
  .w-sm-80 {
    width: 80%;
  }
  .w-sm-75 {
    width: 75%;
  }
  .w-sm-70 {
    width: 70%;
  }
  .w-sm-65 {
    width: 65%;
  }
  .w-sm-60 {
    width: 60%;
  }
  .w-sm-55 {
    width: 55%;
  }
  .w-sm-50 {
    width: 50%;
  }
  .w-sm-45 {
    width: 45%;
  }
  .w-sm-40 {
    width: 40%;
  }
  .w-sm-35 {
    width: 35%;
  }
  .w-sm-30 {
    width: 30%;
  }
  .w-sm-25 {
    width: 25%;
  }
  .w-sm-20 {
    width: 20%;
  }
  .w-sm-15 {
    width: 15%;
  }
  .w-sm-10 {
    width: 10%;
  }
  .w-sm-5 {
    width: 5%;
  }
}
.grid-row {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  justify-items: start;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
}
.grid-row.even-col2 {
  grid-template-columns: repeat(2, 1fr);
}
.grid-row.even-col3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid-row.even-col4 {
  grid-template-columns: repeat(4, 1fr);
}
.grid-row.auto-col2 {
  grid-template-columns: repeat(2, auto);
}
.grid-row.auto-col3 {
  grid-template-columns: repeat(3, auto);
}
.grid-row.auto-col4 {
  grid-template-columns: repeat(4, auto);
}
.position-absolute {
  position: absolute;
}
.position-absolute.bottom-0 {
  bottom: 0;
}
.position-absolute.bottom-10 {
  bottom: 10px;
}
.position-absolute.top-0 {
  top: 0;
}
.position-absolute.top-10 {
  top: 10px;
}
.position-absolute.left-0 {
  left: 0;
}
.position-absolute.left-10 {
  left: 10px;
}
.position-absolute.right-0 {
  right: 0;
}
.position-absolute.right-10 {
  right: 10px;
}
/* Bootstrap 4 flex basics */
.testimonial {
  text-align: left;
  margin: 20px 0;
}
.testimonial .avatar {
  float: left;
  width: 100px;
}
.testimonial .avatar img {
  width: 100%;
  border-radius: 50%;
}
.testimonial .content {
  margin-left: 100px;
  padding-left: 20px;
  padding-right: 20px;
}
.testimonial .content .title {
  font-size: 21px;
}
.pricing-grid {
  position: relative;
  margin-top: 20px;
  text-align: center;
}
.pricing-grid ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pricing-grid ul li {
  position: relative;
  padding: 15px 0;
}
.pricing-grid ul li .checkmark {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 24px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-left: -12px;
  margin-top: -12px;
}
.pricing-grid .btn {
  max-width: 100%;
}
.pricing-grid .pricing-card-container ul li:nth-child(odd) {
  background-color: #efefef;
}
.pricing-grid .icon-set {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px;
  width: 100%;
}
.pricing-grid .icon-set i {
  display: inline-block;
  background-color: #333;
  color: #fff;
  margin: 0 2px;
  font-size: 16px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
}
.pricing-grid .icon-set i.fa-facebook {
  background-color: #3b5998;
}
.pricing-grid .icon-set i.fa-twitter {
  background-color: #000;
}
.pricing-grid .icon-set i.fa-instagram {
  background-color: #3f729b;
}
.pricing-grid .icon-set i.fa-pinterest {
  background-color: #cc2127;
}
.pricing-grid .pricing-card-info {
  position: absolute;
  top: 322px;
  left: 20px;
  right: 20px;
  text-align: left;
}
.pricing-grid .pricing-card-info + .pricing-card-container {
  margin-left: 20%;
}
.pricing-grid .pricing-card-container {
  padding: 5px;
  width: 20%;
  float: left;
}
.pricing-grid .pricing-card-container .pricing-header {
  /*height: 360px;*/
  padding: 20px 10px;
}
.pricing-grid .pricing-card-container .pricing-header .btn-flat {
  margin-top: -15px !important;
}
.pricing-grid .pricing-card-container .pricing-footer {
  padding: 20px 10px;
}
.pricing-grid .pricing-card-container .pricing-footer .btn-flat {
  margin-bottom: -15px !important;
}
.pricing-grid .pricing-card-container .pricing-footer .btn {
  margin-bottom: 20px;
}
.pricing-grid .pricing-card-container .card {
  margin-top: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #d9d9d9;
}
.pricing-grid .pricing-card-container .card .btn-flat {
  -webkit-box-shadow: none!important;
          box-shadow: none!important;
  color: #fff!important;
  font-size: 1em;
  margin-left: -5px !important;
  margin-right: -5px !important;
  position: relative;
  padding: 15px;
  min-width: -webkit-calc(100% + 10px);
  min-width: calc(100% + 10px);
  /*&:nth-child(1) {
					margin-bottom: 5px!important;
				}*/
  /*&:last-child {
					margin-top: 0;
				}*/
}
.pricing-grid .pricing-card-container .card .btn-flat .label-primary {
  padding: 5px 10px;
  position: absolute;
  right: 1%;
  top: 15px;
}
.pricing-grid .pricing-card-container .plan-sub {
  /*height: 5em;*/
}
.pricing-grid .pricing-card-container .se-bg {
  -webkit-background-size: 125px auto;
          background-size: 125px auto;
  width: 125px;
  height: 16px;
  margin-top: -8px;
  margin-left: -62.5px;
  position: absolute;
  top: 50%;
  left: 50%;
  background-image: url(https://static.secure.website/img2/googleyahoobing.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.pricing-grid .pricing-card-container .se-bg.google-only {
  width: 39px;
  margin-left: -19.5px;
}
.pricing-grid .pricing-card-container.disabled {
  opacity: 0.65;
}
.pricing-grid.num-cards-2 .pricing-card-container {
  width: 25%;
}
.pricing-grid.num-cards-2 .pricing-card-info + .pricing-card-container {
  margin-left: 50%;
}
.pricing-grid.num-cards-2.num-cards-lg .pricing-card-container {
  width: 38%;
}
.pricing-grid.num-cards-2.num-cards-lg .pricing-card-info + .pricing-card-container {
  margin-left: 24%;
}
.pricing-grid.num-cards-2.num-cards-lg .plan-sub {
  padding: 10px;
  margin: 0;
}
.pricing-grid.num-cards-3 .pricing-card-container {
  width: 25%;
}
.pricing-grid.num-cards-3 .pricing-card-info + .pricing-card-container {
  margin-left: 25%;
}
.pricing-grid.phone-view {
  margin: 0;
  font-size: 16px;
}
.pricing-grid.phone-view .nav-tabs {
  border-bottom: 1px solid #e0e0e0;
}
.pricing-grid.phone-view .nav-tabs .nav-link h4 {
  font-weight: 500;
  margin: 6px 0px;
}
.pricing-grid.phone-view .nav-tabs li {
  float: left;
  width: 50%;
  padding: 0;
}
.pricing-grid.phone-view .nav-tabs li a {
  color: #000000;
}
.pricing-grid.phone-view ul.key-features {
  padding: 0;
}
.pricing-grid.phone-view ul.key-features li {
  padding: 8px 0 8px 10px;
}
.pricing-grid.phone-view ul.key-features li i {
  margin-right: 10px;
}
.pricing-grid.phone-view ul.key-features li img {
  width: 55px;
}
.pricing-grid .red-strike {
  position: relative;
}
.pricing-grid .red-strike:after {
  content: '';
  border-bottom: 2px solid red;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
}
.tool-grid .pricing-card-container .pricing-header {
  height: 70px !important;
}
.tool-grid .pricing-card-info {
  top: 76px !important;
}
.price-div {
  margin: 15px 0;
  font-size: 170%;
  text-align: center;
}
.price-div .sign {
  vertical-align: top;
}
.price-div .amount {
  font-weight: 900;
  font-size: 300%;
  line-height: 1;
}
.price-div .period {
  vertical-align: bottom;
}
.price-div .annual {
  vertical-align: bottom;
  font-size: initial;
}
@media (min-width: 768px) {
  .pricing-grid .pricing-card-info li {
    font-size: 13px;
    line-height: 1.75em;
  }
  .pricing-grid.pricing-offer .pricing-card-info {
    top: 339px;
  }
}
@media (min-width: 992px) {
  .pricing-grid .pricing-card-container {
    /*.pricing-header {
				height: 345px;
			}*/
  }
  .pricing-grid .pricing-card-container .se-bg {
    width: 170px;
    height: 20px;
    margin-top: -10px;
    margin-left: -85px;
    -webkit-background-size: 170px auto;
            background-size: 170px auto;
  }
  .pricing-grid .pricing-card-container .se-bg.google-only {
    width: 54px;
    margin-left: -27px;
  }
  .pricing-grid .pricing-card-container .plan-sub {
    height: 4em;
  }
  .pricing-grid .pricing-card-info li {
    font-size: inherit;
    line-height: inherit;
  }
  .pricing-grid:not(.pricing-offer) .pricing-card-info {
    top: 305px;
  }
  .pricing-grid.pricing-offer .pricing-card-info {
    top: 335px;
  }
}
@media (min-width: 1200px) {
  .pricing-grid:not(.pricing-offer) .pricing-card-info {
    top: 290px;
  }
  .pricing-grid.pricing-offer .pricing-card-info {
    top: 322px;
  }
  .pricing-grid .pricing-card-container {
    /*.pricing-header {
				height: 265px;
			}*/
  }
  .pricing-grid .pricing-card-container .plan-sub {
    height: 3em;
  }
}
.pricing-page {
  --spacing: 0.25rem;
}
@media (max-width: 767px) {
  .pricing-page {
    --spacing: 0.5rem;
  }
}
.pricing-page .tab-area {
  width: 100%;
  max-width: 400px;
  /* @media (max-width: @grid-float-breakpoint-max) {
            width: 100%;
        } */
}
.pricing-page .pricing-grid2 {
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-template-columns: repeat(2, minmax(320px, 1fr));
}
@media (max-width: 767px) {
  .pricing-page .pricing-grid2 {
    grid-template-columns: repeat(1, minmax(300px, 500px));
    margin-top: 20px;
  }
}
.pricing-page .pricing-grid2 ul {
  list-style: none;
  padding: 0;
}
.pricing-page .table-caption {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pricing-page .tbl-col-feature {
  width: -webkit-calc(2 / 5* 100%);
  width: calc(2 / 5* 100%);
}
.pricing-page .tbl-col-data {
  width: -webkit-calc(1/5 * 100%);
  width: calc(1/5 * 100%);
}
.pricing-page .tp-space {
  padding-top: -webkit-calc(var(--spacing) * 2);
  padding-top: calc(var(--spacing) * 2);
}
.pricing-page .pad-block-line {
  padding-block: -webkit-calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 4);
}
.pricing-page .pad-block-head {
  padding-block: -webkit-calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 4);
}
.pricing-page .pricing-table tbody tr:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
.pricing-page .nav-tabs {
  border-bottom: 1px solid #e0e0e0;
}
.theme-dark .pricing-page .nav-tabs,
.panel-popup.panel-dark .pricing-page .nav-tabs {
  border-color: #444;
}
.theme-dark .pricing-page .pricing-table tbody tr:not(:last-child),
.panel-popup.panel-dark .pricing-page .pricing-table tbody tr:not(:last-child) {
  border-bottom: 1px solid #323232;
}
.categories-container,
.categories-container > .card {
  margin-top: 0;
}
.categories-container > .form-group {
  margin-top: 0;
  margin-bottom: 20px;
}
.responsive-design-outer {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 20px;
}
.responsive-design-container .design-options {
  position: absolute;
  width: 50%;
  left: 25%;
  top: 50%;
  margin-top: -55px;
  opacity: 0;
  -webkit-transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
       -o-transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
          transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.responsive-design-container .browser-content:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
       -o-transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
          transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.responsive-design-container .browser:hover .design-options {
  opacity: 1;
}
.responsive-design-container .browser:hover .browser-content:before {
  opacity: 1;
}
@media (max-width: 767px) {
  .responsive-design-outer {
    grid-template-columns: 1fr;
  }
}
.site-example {
  margin-bottom: 30px;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.secure-logo-div {
  margin-top: 20px;
  margin-bottom: 20px;
}
.secure-logo-div div:first-child img {
  max-width: 100px;
}
.secure-logo-div div:last-child img {
  max-width: 130px;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .secure-logo-div img {
    display: block;
    margin: 0 auto;
  }
  .secure-logo-div div:last-child img {
    margin-top: 15px;
    max-width: 180px;
  }
}
.StripeElement:not(#payment-element) {
  position: relative;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 12px 10px;
  margin: 5px 0 20px 0;
  border-radius: 3px 3px 0 0;
  border: 0;
  border-bottom: 1px solid #d2d2d2;
}
.StripeElement:not(#payment-element):after {
  position: absolute;
  bottom: -1px;
  left: 0;
  content: ' ';
  width: 100%;
  height: 1px;
  border-style: solid;
  border-width: 0px;
  border-bottom-width: 2px;
  display: block;
  -webkit-transition: all 0.2s ease-in-out 0s;
       -o-transition: all 0.2s ease-in-out 0s;
          transition: all 0.2s ease-in-out 0s;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
       -o-transform: scaleX(0);
          transform: scaleX(0);
  border-color: #03a9f4;
}
.StripeElement--focus:not(#payment-element):after {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
       -o-transform: scaleX(1);
          transform: scaleX(1);
}
.StripeElement--invalid:not(#payment-element) {
  border-bottom: 1px solid #f44336;
}
.StripeElement--webkit-autofill:not(#payment-element) {
  background-color: #fefde5 !important;
}
.domain-form-group {
  position: relative;
  display: table;
  border-collapse: separate;
  margin: 28px 0 0 0;
}
.domain-form-group .form-group {
  display: table-cell;
  margin: 0;
}
.domain-form-group .domain-group-addon {
  width: 1%;
  white-space: nowrap;
  vertical-align: top;
}
.domain-form-group .domain-group-addon .tld {
  width: 5em;
}
.dashboard-grid {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(auto-fill, minmax(262px, 1fr));
  margin-top: 30px;
}
.dashboard-grid > div {
  margin: 0 auto;
  min-width: 262px;
  width: 100%;
}
.dashboard-grid .dashboard-app {
  margin: 0;
}
.dashboard-app {
  cursor: pointer;
  background-color: #2196f3;
  color: #fff;
  display: block;
  /*max-width: 320px;*/
  border-radius: 8px;
  margin: 30px auto 0 auto;
  -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
       -o-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
          transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/
}
.dashboard-app:hover {
  background-color: #42a5f5;
  /*box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);*/
}
.dashboard-app.inactive {
  background-color: #777;
}
.dashboard-app.inactive:hover {
  background-color: #999;
}
.dashboard-app .info {
  padding: 50px 10px 20px;
}
.dashboard-app .info .icon > i {
  color: rgba(255,255,255, 0.99);
}
.dashboard-app .info .icon > i[class*=wseft-] {
  font-size: 3.96em;
}
.dashboard-app .info > p {
  line-height: 1.5em;
  height: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}
.dashboard-app .label {
  position: absolute;
}
.dashboard-app .label.position-top-left {
  top: 10px;
  left: 10px;
}
.dashboard-app .label.position-top-center {
  top: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}
.dashboard-app .label.position-top-right {
  top: 10px;
  right: 10px;
}
.dashboard-app .label.position-bottom-left {
  bottom: 10px;
  left: 10px;
}
.dashboard-app .label.position-bottom-center {
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}
.dashboard-app .label.position-bottom-right {
  bottom: 10px;
  right: 10px;
}
.dashboard-app .contrib-role-tag {
  border: 1px solid #03a9f4;
  margin-top: -20px;
  background-color: #03a9f4;
  color: white;
  padding: 0px 5px 0px 5px;
  border-radius: 0px 0px 0px 0px;
}
.navbar.navbar-dashboard {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #f2f2f2;
}
.navbar.navbar-dashboard ul.dropdown-menu li a {
  /*padding: 5px 20px;*/
}
.navbar.navbar-dashboard ul.dropdown-menu li a:hover {
  background-color: transparent;
  color: var(--brand-primary);
}
.navbar.navbar-dashboard .navbar-header {
  float: none;
}
.site-selector {
  padding: 7px 0px;
  margin: 0;
  list-style: none;
}
.site-selector .btn-group > a {
  width: 110px;
  padding-left: 15px;
  padding-right: 15px;
}
.site-selector .dropdown-menu {
  min-width: 280px;
  padding: 0!important;
}
.site-selector .header {
  padding: 10px 25px 12.5px;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
}
.site-selector .footer {
  padding: 0;
  margin: 0;
  border-top: 1px solid #eee;
}
.site-selector .header a,
.site-selector .footer a {
  vertical-align: middle;
  font-size: 14px;
}
.site-selector .thumb-row {
  gap: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12.5px 25px;
  text-decoration: none;
  color: #333;
}
.site-selector .thumb-row .site-thumb {
  width: 90px;
  height: 50px;
  overflow: hidden;
  border: 2px solid #eee;
}
.site-selector .thumb-row .site-thumb img {
  width: 100%;
}
.site-selector .thumb-row .site-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .site-selector .thumb-row .site-title {
    max-width: 125px;
  }
}
.site-selector .thumb-row:hover,
.site-selector .thumb-row.active {
  background-color: #eee;
  cursor: pointer;
}
.site-selector .thumb-row:hover .site-title,
.site-selector .thumb-row.active .site-title {
  color: #03a9f4;
}
.dashboard-site-thumbnail {
  /* margin: 25px auto 35px;
	max-width: 480px;
	height: auto;

	&.with-task {
		max-width:none;
		margin:0;
	} */
}
.dashboard-site-thumbnail .site-options {
  opacity: 0;
  -webkit-transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
       -o-transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
          transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.dashboard-site-thumbnail .site-options .btn {
  margin: -20px 0 0 0;
}
.dashboard-site-thumbnail .btn.dropdown-toggle {
  padding: 0 15px;
  margin: 0;
  color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 35px;
  font-size: 16px;
  font-weight: normal;
}
.dashboard-site-thumbnail .btn.dropdown-toggle > i {
  font-size: 20px;
}
.dashboard-site-thumbnail .browser-content .edit_site:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  opacity: 0;
  -webkit-transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
       -o-transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
          transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  pointer-events: none;
}
.dashboard-site-thumbnail .browser:hover .site-options {
  opacity: 1;
}
.dashboard-site-thumbnail .browser:hover .browser-content .edit_site:before {
  opacity: 1;
}
.btn.btn-link.settings {
  margin: 0;
  padding: 0 5px;
  outline: 0;
}
.btn.btn-link.settings:hover {
  color: #03a9f4;
}
.btn.btn-link.settings *[class*=wseft-] {
  font-size: 20px;
}
.btn.pho-upload-big {
  padding: 0;
  width: 200px;
  height: 200px;
  border: 1px solid rgba(153, 153, 153, 0.2);
}
.btn.pho-upload-big:hover {
  background-color: rgba(153, 153, 153, 0.2);
  border: none;
}
.btn.pho-upload-big .material-icons {
  font-size: 100px;
}
.update-title-action i {
  font-size: 20px;
}
.free-banner {
  background-color: #e91e63;
  color: #fff;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
       -o-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: -webkit-transform 1s ease-out;
       -o-transition: -o-transform 1s ease-out;
          transition: transform 1s ease-out;
}
.free-banner .aligner {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.free-banner .banner-col-left {
  font-size: 96%;
  padding: 10px 0;
  -webkit-box-flex: 78%;
  -webkit-flex: 78%;
      -ms-flex: 78%;
          flex: 78%;
}
.free-banner .banner-col-right {
  text-align: center;
  -webkit-box-flex: 10%;
  -webkit-flex: 10%;
      -ms-flex: 10%;
          flex: 10%;
}
.free-banner .text {
  font-size: 1em;
  padding: 10px 10px 10px 0;
}
.free-banner.animate {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
}
.contrib-role-tag {
  border: 1px solid #03a9f4;
  margin-top: -20px;
  background-color: #03a9f4;
  color: white;
  padding: 0px 5px 0px 5px;
  border-radius: 0px 0px 0px 0px;
}
@media (max-width: 767px) {
  #dashboard-page .container-button .btn {
    display: block;
    margin: 12px auto;
    padding: 16px 36px;
    font-size: 16px;
  }
  #dashboard-page .link-to-site {
    font-size: 85%;
  }
  .free-banner .btn {
    padding: 16px 36px;
    font-size: 16px;
  }
  .dashboard-grid {
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
  }
  .dashboard-grid > div {
    min-width: 100%;
  }
}
.site-container {
  margin-bottom: 30px;
}
.existing-site .site-options {
  opacity: 0;
  -webkit-transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
       -o-transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
          transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  /*.btn {
	    	margin: -20px 0 0 0;
	    }*/
}
.existing-site .browser-content:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  opacity: 0;
  -webkit-transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
       -o-transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
          transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  pointer-events: none;
}
.existing-site .browser:hover .site-options,
.existing-site .browser.hover .site-options {
  opacity: 1;
}
.existing-site .browser.hover .browser-content:before,
.existing-site .browser:hover .browser-content:before {
  opacity: 1;
}
.existing-site .dropdown-toggle {
  padding: 0 15px;
  margin: 0;
  color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 35px;
  font-size: 16px;
}
.existing-site .dropdown-toggle > i {
  font-size: 20px;
}
.existing-site:hover .dropdown-toggle {
  color: #fff;
}
#manage-members-page .all-member-checkbox,
#manage-members-page .member-checkbox {
  margin: 0;
}
#background-uploader {
  display: none;
}
span.tag {
  border: 1px solid #ccc;
  padding: 2px 5px;
  font-size: 80%;
  margin: 3px 0;
  display: inline-block;
}
span.tag.split {
  border-left: 0;
}
span.space {
  margin: 0 5px;
}
.stack {
  position: relative;
  z-index: 10;
  height: 100%;
  width: 100%;
}
.stack img {
  position: relative !important;
  width: 100%;
  padding: 9px 5px;
}
.stack .img-thumb-container {
  border-radius: var(--border-radius-standard);
  overflow: hidden;
  position: absolute;
  top: 9px;
  left: 5px;
  right: 5px;
  bottom: 0px;
  width: auto;
  height: auto;
}
.stack .stack-container {
  position: relative;
  width: 100%;
  height: 115px;
  overflow: hidden;
  text-align: center;
}
.stack:before {
  content: "";
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  border: 10px solid #fff;
  left: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.3s all ease-out;
       -o-transition: 0.3s all ease-out;
          transition: 0.3s all ease-out;
  top: 4px;
  z-index: -10;
}
.stack:after {
  content: "";
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  border: 10px solid #fff;
  left: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.3s all ease-out;
       -o-transition: 0.3s all ease-out;
          transition: 0.3s all ease-out;
  top: 8px;
  z-index: -20;
}
.stack:hover:before {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
       -o-transform: rotate(0deg);
          transform: rotate(0deg);
}
.stack:hover:after {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
       -o-transform: rotate(0deg);
          transform: rotate(0deg);
}
.stack.rotated:before {
  -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
       -o-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: rotate(2deg);
      -ms-transform: rotate(2deg);
       -o-transform: rotate(2deg);
          transform: rotate(2deg);
}
.stack.rotated:after {
  -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
       -o-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: rotate(4deg);
      -ms-transform: rotate(4deg);
       -o-transform: rotate(4deg);
          transform: rotate(4deg);
}
.stack.twisted:before {
  -webkit-transform: rotate(4deg);
      -ms-transform: rotate(4deg);
       -o-transform: rotate(4deg);
          transform: rotate(4deg);
}
.stack.twisted:after {
  -webkit-transform: rotate(-4deg);
      -ms-transform: rotate(-4deg);
       -o-transform: rotate(-4deg);
          transform: rotate(-4deg);
}
.stack.rotated-left:before {
  -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
       -o-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
       -o-transform: rotate(-3deg);
          transform: rotate(-3deg);
}
.stack.rotated-left:after {
  -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
       -o-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: rotate(-6deg);
      -ms-transform: rotate(-6deg);
       -o-transform: rotate(-6deg);
          transform: rotate(-6deg);
}
.file-manager {
  position: relative;
  width: 100%;
  height: 100%;
}
.file-manager ul.youtube-videos li .video-container {
  padding: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.file-manager ul.youtube-videos li .fluid-width.ratio-16-9 {
  margin-bottom: 60px;
}
.file-manager ul.youtube-videos li .video-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.file-manager ul.youtube-videos li .video-author {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline;
  z-index: 11;
}
.file-manager ul.youtube-videos li .video-author span {
  display: inline;
  z-index: 11;
}
.file-manager ul.youtube-videos li .video-author a {
  display: inline;
  z-index: 11;
  cursor: pointer;
}
.file-manager ul.youtube-videos li .video-age {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-manager ul.youtube-videos li .bgImg {
  -webkit-background-size: cover;
          background-size: cover;
  background-position: 50% 50%;
  width: 100%;
  height: 100%;
}
.file-manager ul.youtube-videos li .video-content {
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: left;
  padding: 10px;
}
.file-manager ul.youtube-videos li .video-content .video-meta {
  font-size: 80%;
  list-style: none;
  padding: 0;
  margin: 0;
}
.file-manager ul.youtube-videos li .video-content .video-meta li {
  width: auto;
  height: auto;
  display: inline;
  list-style: none;
  margin: 0;
}
.file-manager ul.youtube-videos li .video-content .video-meta li:before {
  content: '\002022';
  color: #999;
  margin: 0 5px;
}
.file-manager ul.youtube-videos li .video-content .video-meta li:first-child:before {
  display: none;
}
.file-manager ul.youtube-videos li .video-time {
  position: absolute;
  z-index: 9;
  bottom: 2px;
  right: 2px;
  padding: 0 4px;
  font-weight: bold;
  font-size: 11px;
  background-color: #000;
  color: #fff !important;
  height: 14px;
  line-height: 14px;
  opacity: 0.75;
  vertical-align: top;
  zoom: 1;
  display: inline-block;
  border-radius: 3px;
}
.file-manager ul.youtube-videos li .video-views {
  display: inline;
  margin-left: 5px;
}
.file-manager ul.youtube-videos li .video-views span {
  display: inline !important;
}
.file-manager .file-manager-plugin {
  width: 100%;
  height: 100%;
}
.file-manager .file-manager-header {
  width: 100%;
  height: 90px;
  padding: 15px;
  border-bottom: 1px solid #e2e2e2;
}
.file-manager .file-manager-header .btn {
  margin-top: 0;
  margin-bottom: 0;
}
.file-manager .file-manager-header .btn-sm {
  margin-top: 6px;
  margin-bottom: 6px;
}
.file-manager .file-manager-content {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
.file-manager .file-manager-header + .file-manager-content {
  position: absolute;
  top: 90px;
  bottom: 0;
  height: auto;
}
.file-manager ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.file-manager .file-list-container {
  height: 100%;
  width: 100%;
  overflow-y: scroll;
}
.file-manager .empty-file-upload-message {
  color: inherit;
  text-decoration: none;
}
.file-manager .empty-file-upload-message:hover {
  text-decoration: underline;
}
.file-manager input.rename-file {
  border-radius: 0;
  width: 100%;
  border-color: #428bca;
  color: #333;
  border-style: solid;
  border-width: 1px;
  padding: 14px 15px;
}
.file-manager input.rename-folder {
  border-radius: 0;
  width: 100%;
  border-color: #428bca;
  color: #333;
  border-style: solid;
  border-width: 1px;
  padding: 14px 15px;
}
.file-manager .img-thumb-container {
  -webkit-background-size: cover;
          background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #eee;
  border-radius: var(--border-radius-standard);
}
.file-manager .img-thumb-container.bg-size-auto {
  -webkit-background-size: auto auto;
          background-size: auto;
}
.file-manager .img-thumb-container.bg-size-contain {
  -webkit-background-size: contain;
          background-size: contain;
}
.file-manager .img-thumb-container.loaded {
  background-color: transparent;
}
.file-manager .list-view .file {
  border-top: 1px solid rgba(100, 100, 100, 0.07);
  background-color: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.file-manager .list-view .file:first-child {
  border-top: 0;
}
.file-manager .list-view .file:nth-child(odd) {
  background-color: rgba(100, 100, 100, 0.07);
}
.file-manager .list-view .file:hover:not(.active) {
  background-color: rgba(100, 100, 100, 0.1);
}
.file-manager .list-view .file:before {
  display: table;
  content: " ";
}
.file-manager .list-view .file:after {
  display: table;
  content: " ";
  clear: both;
}
.file-manager .list-view .file.active {
  background-color: #2196f3;
  color: #ffffff;
}
.file-manager .list-view .file.active .fa {
  color: #ffffff;
}
.file-manager .list-view .file .leaf {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.file-manager .list-view .file-header {
  background-color: #fafafa;
  border-bottom: 1px solid #ccc;
  font-weight: 500;
  position: absolute;
  top: 0;
  left: 0;
  right: 17px;
  height: auto;
  z-index: 1;
  padding: 5px 0;
}
.file-manager .list-view .file-header + .file-list {
  margin-top: 31px;
}
.file-manager .list-view .file-header .column {
  cursor: default;
}
.file-manager .list-view .file-header .column .resize-x-handle {
  position: absolute;
  right: 0;
  top: 2px;
  bottom: 2px;
  width: 3px;
  border-left: 1px solid #fafafa;
  border-right: 1px solid #fafafa;
  background-color: #ddd;
}
.file-manager .list-view .file-header .column[data-column-key="empty"] {
  pointer-events: none;
}
.file-manager .list-view .file-header .column-inner:active {
  background-color: #eee;
}
.file-manager .list-view .file-header .column-inner .sort-icon {
  position: absolute;
  right: .7em;
  line-height: .7em;
  height: .7em;
  font-size: .7em;
  margin: auto;
  top: 0;
  bottom: 0;
}
.file-manager .list-view .file-header .column-inner .sort-icon + .column-title {
  padding-right: 1em;
}
.file-manager .list-view .img-thumb-container {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 5px auto;
}
.file-manager .list-view .icon-container {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 5px auto;
}
.file-manager .list-view .icon-container .icon {
  font-size: 24px;
}
.file-manager .list-view .column .column-inner {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.file-manager .list-view .column .column-inner .title {
  font-size: inherit;
  margin: 0;
}
.file-manager .grid-view .file {
  position: relative;
  float: left;
  text-align: center;
  min-width: 25%;
  height: auto;
  padding: 4px;
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.file-manager .grid-view .file .leaf {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: var(--border-radius-standard);
}
.file-manager .grid-view .file .file-name {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 400;
  height: 54px;
  color: #000;
  padding: 8px;
  text-align: left;
  border-radius: var(--border-radius-standard) var(--border-radius-standard) 0 0;
}
.file-manager .grid-view .file .file-name .rename-file {
  text-align: left;
  padding: 5px;
}
.file-manager .grid-view .file .icon-container + .file-name {
  display: block;
}
.file-manager .grid-view .file .file-actions {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30px;
  background-color: rgba(51, 51, 51, 0.7);
  color: #fff;
  list-style: none;
  margin: 0;
  padding: 4px 0 0 0;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0 0 var(--border-radius-standard) var(--border-radius-standard);
}
.file-manager .grid-view .file .file-actions > li {
  text-align: center;
}
.file-manager .grid-view .file .file-actions > li i {
  padding: 2px;
  cursor: pointer;
}
.file-manager .grid-view .file .video-preview-snapshots li {
  display: none;
  -webkit-background-size: contain;
          background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.file-manager .grid-view .file .title {
  display: block;
  overflow: hidden;
  height: 1.8em;
}
.file-manager .grid-view .file .title .title-inner {
  padding: 0 5px;
  border-radius: 5px;
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.4em;
}
.file-manager .grid-view .file.file-drop-zone .upload-icon .material-icons {
  font-size: 55px;
}
@media (max-width: 767px) {
  .file-manager .grid-view .file.file-drop-zone .upload-icon .material-icons {
    font-size: 40px;
  }
}
.file-manager .grid-view .file.file-drop-zone .leaf {
  background-color: #03a9f4;
  cursor: pointer;
}
.file-manager .grid-view .file.file-drop-zone .leaf .upload-icon {
  color: #fff;
}
.file-manager .grid-view .file.file-drop-zone .leaf .upload-icon h4 {
  margin: 0;
  font-size: 18px;
}
@media (max-width: 767px) {
  .file-manager .grid-view .file.file-drop-zone .leaf .upload-icon h4 {
    font-size: 15px;
  }
}
.file-manager .grid-view.grid-col-2 .file {
  min-width: 50%;
}
.file-manager .grid-view.grid-col-3 .file {
  min-width: 33.33%;
}
.file-manager .grid-view .file.state-active:hover:not(.active) .file-name {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(51, 51, 51, 0.7)), to(rgba(51, 51, 51, 0)));
  background: -webkit-linear-gradient(top, rgba(51, 51, 51, 0.7), rgba(51, 51, 51, 0));
  background: -o-linear-gradient(top, rgba(51, 51, 51, 0.7), rgba(51, 51, 51, 0));
  background: linear-gradient(to bottom, rgba(51, 51, 51, 0.7), rgba(51, 51, 51, 0));
  color: #fff;
  display: block;
}
.file-manager .grid-view .file.state-active:hover:not(.active) .file-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.file-manager .grid-view .file.state-renaming .file-name {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(51, 51, 51, 0.7)), to(rgba(51, 51, 51, 0)));
  background: -webkit-linear-gradient(top, rgba(51, 51, 51, 0.7), rgba(51, 51, 51, 0));
  background: -o-linear-gradient(top, rgba(51, 51, 51, 0.7), rgba(51, 51, 51, 0));
  background: linear-gradient(to bottom, rgba(51, 51, 51, 0.7), rgba(51, 51, 51, 0));
  color: #fff;
  display: block;
}
.file-manager .grid-view .file.show-title .file-name {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(51, 51, 51, 0.7)), to(rgba(51, 51, 51, 0)));
  background: -webkit-linear-gradient(top, rgba(51, 51, 51, 0.7), rgba(51, 51, 51, 0));
  background: -o-linear-gradient(top, rgba(51, 51, 51, 0.7), rgba(51, 51, 51, 0));
  background: linear-gradient(to bottom, rgba(51, 51, 51, 0.7), rgba(51, 51, 51, 0));
  color: #fff;
  display: block;
}
.file-manager .grid-view .file.active {
  background-color: transparent;
}
.file-manager .grid-view .file.active .file-name {
  padding-right: 3em !important;
}
.file-manager .grid-view .file.active .screen.select {
  display: block;
}
.file-manager .grid-view .img-thumb-container {
  width: 100%;
  height: 100%;
}
.file-manager .grid-view .icon-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  font-size: 4em;
  line-height: 1em;
  height: 1em;
}
.file-manager .grid-view .file.state-updating {
  opacity: 0.5;
}
.file-manager .grid-view .file.state-moving {
  opacity: 0.5;
}
.file-manager .grid-view .file.state-deleting {
  opacity: 0.5;
}
.file-manager .grid-view .file.state-restoring {
  opacity: 0.5;
}
.file-manager .grid-view .screen.select {
  display: none;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: var(--border-radius-standard);
}
.file-manager .grid-view .screen.select i {
  position: absolute;
  top: 5px;
  color: #ffffff;
  text-align: center;
  right: 5px;
  font-size: 32px;
  z-index: 1;
}
.file-manager .grid-view input.rename-file {
  text-align: center;
}
.file-manager .grid-view input.rename-folder {
  text-align: center;
}
.file-manager .grid-view ul.youtube-videos .file {
  margin-bottom: 40px;
  width: 33.333%;
}
.file-manager .grid-view ul.youtube-videos .screen.select {
  top: 0;
  bottom: -35px;
  height: auto;
}
.file-manager .font-view li.file + li.file {
  padding-top: 10px;
}
.file-manager .font-view .leaf {
  border-radius: var(--border-radius-standard);
  background-color: rgba(150, 150, 150, 0.1);
  position: relative;
}
.file-manager .font-view .screen.select {
  display: none;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: var(--border-radius-standard);
}
.file-manager .font-view .active .leaf {
  background-color: rgba(150, 150, 150, 0.2);
}
.file-manager .font-view .active .screen.select {
  display: block;
}
.file-manager li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.file-manager .file-list {
  padding: 10px;
}
.file-manager .goto-albums {
  margin-bottom: 10px;
  margin-left: 2px;
}
.file-manager ul.facebook-albums li {
  float: left;
  cursor: pointer;
  width: 25%;
  height: 135px;
  margin: 0 0 20px;
  padding: 0 8px;
  overflow: visible;
  background: #ffffff;
}
.file-manager ul.facebook-albums .album-title {
  position: absolute;
  left: 5px;
  bottom: 0px;
  font-size: 12px;
  width: 134px;
  color: #337ab7;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.file-manager ul.facebook-albums .label {
  position: absolute;
  right: 5px;
  bottom: 0;
  background: #e5e5e5;
  color: rgba(51, 51, 51, 0.88);
}
.file-manager .facebook-connect {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -140px;
  margin-top: -22.5px;
  width: 280px;
  height: 45px;
  padding-left: 33px;
  background: #2b4b90;
}
.file-manager .facebook-connect:hover {
  background: #133783;
}
.file-manager .facebook-connect i {
  font-size: 24px;
  position: absolute;
  height: 45px;
  line-height: 45px;
  top: 0px;
  left: 15px;
  padding-right: 15px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.file-manager .facebook-deauthorize {
  display: none;
  background: #2b4b90;
  color: #FFF;
}
.file-manager .facebook-deauthorize:hover {
  background: #133783;
  color: #FFF;
}
.file-manager ul.facebook-videos li {
  height: 175px;
}
.file-manager ul.facebook-videos li .video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 144px;
}
.file-manager ul.facebook-videos li .video-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}
.file-manager ul.facebook-videos li .video-content {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 36px;
  text-align: center;
}
.file-manager ul.facebook-videos li .video-time {
  position: absolute;
  z-index: 9;
  bottom: 2px;
  right: 2px;
  padding: 0 4px;
  font-weight: bold;
  font-size: 11px;
  background-color: #000;
  color: #fff !important;
  height: 14px;
  line-height: 14px;
  opacity: 0.75;
  filter: alpha(opacity=75);
  display: -moz-inline-stack;
  vertical-align: top;
  zoom: 1;
  display: inline-block;
  border-radius: 3px;
}
.file-manager ul.facebook-videos li.selectable img {
  max-height: 100%;
  max-width: 100%;
  border: 5px solid transparent;
}
.file-manager ul.facebook-videos li.selected img {
  border-radius: 10px;
  border: 5px solid #cccccc;
}
.file-manager ul.facebook-videos li.selected .video-title {
  background: #428bca;
  color: #ffffff;
  padding: 0px 10px;
  border-radius: 10px;
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.file-manager ul.thumbnail-view li .facebook-photo {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.file-manager ul.thumbnail-view li .instagram-photo {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.file-manager .pexel-search-container {
  margin-bottom: 10px;
}
.file-manager .pexel-search-container .pexel-search {
  height: 34px;
}
.file-manager .pexel-search-container > .pull-left {
  width: 82%;
}
.file-manager .pexel-search-container > .pull-right {
  width: 18%;
  padding-left: 10px;
}
.file-manager .pexel-result-container {
  height: -webkit-calc(100% - 30px);
  height: calc(100% - 30px);
  overflow-y: auto;
}
.file-manager .pexel-no-results {
  position: absolute;
  top: 50%;
  text-align: center;
  width: 100%;
  font-size: 16px;
}
.file-manager .pexel-loading-container {
  height: 150px;
}
.file-manager .flash-list {
  margin-bottom: 10px !important;
}
.file-manager .youtube-search {
  height: 34px;
}
.file-manager .flash-loading-container {
  display: none;
}
.file-manager .flash-loading-container .loading-gif {
  display: block;
  text-align: center;
}
.file-manager .flash-loading-container .loading-gif img {
  width: 32px;
  height: 32px;
}
.file-manager .youtube-loading-container {
  display: none;
}
.file-manager .youtube-loading-container .loading-gif {
  display: block;
  text-align: center;
}
.file-manager .youtube-loading-container .loading-gif img {
  width: 32px;
  height: 32px;
}
.file-manager .youtube-placeholder {
  text-align: center;
  font-size: 16px;
  margin-top: 20px;
}
.file-manager .youtube-placeholder .placeholder-text {
  margin-top: 5px;
}
.file-manager .youtube-no-results {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  font-size: 16px;
}
.file-manager .youtube-no-more-results {
  text-align: center;
  font-size: 16px;
  margin-top: 15px;
}
.file-manager .more-youtube-videos {
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
}
.file-manager-topbar {
  padding: 20px;
  border-bottom: 1px solid #eee;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.file-manager-topbar h2 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
  font-size: 24px;
  line-height: 1.5;
  font-weight: 500;
  text-shadow: none;
  letter-spacing: initial;
}
.file-manager-topbar :not(.btn-splitter) .btn,
.file-manager-topbar .btn-splitter {
  margin-top: -2px;
  margin-bottom: -2px;
}
.file-manager-topbar .sidebar-toggle .icon-bar {
  background-color: inherit;
  border: 1px solid;
}
.file-manager-topbar .btn-raised + .btn-raised {
  margin-left: 8px;
}
@media (max-width: 767px) {
  .file-manager-topbar .btn-raised + .btn-raised {
    margin-left: 0px;
  }
}
.file-manager-topbar .dropdown > .btn {
  padding: 10px 15px;
  margin-left: 5px;
  outline: none;
}
.file-manager-topbar .dropdown > .btn i {
  font-size: 20px;
}
.file-viewer {
  width: 100%;
  height: 100%;
}
.file-viewer .file-list li {
  font-size: inherit;
  position: relative;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.file-viewer .folder-list li {
  font-size: inherit;
  position: relative;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.file-viewer .fa-folder {
  color: #709fbe;
}
.file-viewer .fa-folder-o {
  color: #709fbe;
}
.file-viewer .fa-file-o {
  color: #709fbe;
}
.file-viewer .fa-file-image-o {
  color: #d76956;
}
.file-viewer .plupload-progress {
  display: none;
  float: left;
}
.file-viewer .plupload-progress .progress {
  display: inline-block;
  width: 100px;
  margin: 0;
  height: 8px;
}
.file-viewer .plupload-progress .progress-text {
  display: inline;
  margin-right: 10px;
  margin-left: 5px;
}
.file-viewer-panel .image-container iframe {
  width: 100%;
  height: 100%;
  border: 0 solid transparent;
}
.file-viewer-panel .video-container iframe {
  width: 100%;
  height: 100%;
  border: 0 solid transparent;
}
.file-viewer-panel .audio-container iframe {
  width: 100%;
  height: 100%;
  border: 0 solid transparent;
}
.file-command-bar {
  border-bottom: 1px solid #ccc;
  height: 54px;
  overflow: hidden;
}
.file-command-bar .file-command-bar-inner {
  padding: 10px;
  height: 100%;
}
.file-command-bar .file-command-bar-inner > * {
  max-height: 34px;
}
.file-command-bar .breadcrumb {
  margin: 0;
  background-color: transparent;
}
.file-command-bar .breadcrumb > li {
  color: #666;
  cursor: pointer;
}
.file-command-bar .breadcrumb > li + li:before {
  font-family: FontAwesome;
  content: "\f105";
  color: #666;
}
.file-command-bar .breadcrumb .active {
  color: #666;
}
.file-command-bar .btn-default {
  color: #666;
}
.file-command-bar .btn-circle {
  height: 34px;
  width: 34px;
  text-align: center;
  border-radius: 50%;
}
.file-command-bar .btn-history-group {
  margin-left: 20px;
}
.file-command-bar .btn-history-group .btn + .btn {
  margin-left: 5px;
}
.file-command-bar .file-search-container {
  position: relative;
  margin-right: 20px;
}
.file-command-bar .file-search-container input {
  padding-right: 2em;
}
.file-command-bar .file-search-container .fa-search {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 2em;
  line-height: 2em;
  width: 2em;
  text-align: center;
  cursor: pointer;
  color: #666;
}
.file-viewer-sidebar {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.file-viewer-sidebar .sidebar-toggle {
  position: absolute;
  top: 50%;
  right: -20px;
  z-index: 2;
  height: 33px;
  margin-top: -18px;
  text-align: center;
  width: 20px;
  border-radius: 0 2px 2px 0;
  background-color: #fff;
  -webkit-box-shadow: 4px 2px 3px 0 rgba(0, 0, 0, 0.16), 4px 2px 6px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 4px 2px 3px 0 rgba(0, 0, 0, 0.16), 4px 2px 6px 0 rgba(0, 0, 0, 0.12);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.file-viewer-sidebar .sidebar-toggle i {
  line-height: 32px;
  font-size: 20px;
}
.file-viewer-sidebar > ul {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.file-viewer-sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  font-size: inherit;
}
.file-viewer-sidebar ul ul {
  text-indent: .5em;
}
.file-viewer-sidebar ul > li > a > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
  vertical-align: middle;
}
.file-viewer-sidebar .folder-list {
  position: relative;
  height: 100%;
  overflow-y: auto;
}
.file-viewer-sidebar .folder .folder-actions {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 8px;
  right: 0;
  width: auto;
}
.file-viewer-sidebar .folder .folder-actions > li {
  width: auto;
  margin: 0;
  display: block;
  float: left;
  text-align: center;
  margin-right: 5px;
}
.file-viewer-sidebar .folder .folder-actions > li:last-child {
  margin-right: 10px;
}
.file-viewer-sidebar .folder .folder-actions > li i {
  display: inline;
  line-height: 26px;
}
.file-viewer-sidebar .folder.state-active .leaf:hover .folder-actions {
  display: block;
}
.file-viewer-sidebar .add-folder {
  width: 100%;
  text-align: left;
  padding: 10px 15px;
  margin: 0;
}
.file-viewer-sidebar li.disabled > .leaf {
  opacity: 0.6;
}
.file-viewer-sidebar li.dropzone > .leaf {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
.file-viewer-sidebar li.folder.state-active.dropzone > .leaf:hover > ul.folder-actions {
  display: none;
}
.nav-tabs:not(.hide) + .file-viewer-sidebar {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #eee;
}
.file-viewer-sidebar.closed {
  width: 0;
  border: none;
}
.file-viewer-sidebar.closed .add-folder {
  display: none;
}
.file-viewer-sidebar.closed .indeterminate-loader {
  display: none;
}
.file-viewer-sidebar.closed + .file-viewer-main {
  width: 100%;
}
.file-viewer-main {
  position: relative;
  height: 100%;
}
.file-viewer-main .file-results {
  width: 100%;
  height: 100%;
}
.file-viewer-main > .alert {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  z-index: 1044;
}
.file-viewer-main > .alert .close-alert {
  cursor: pointer;
}
.file-viewer-main > .alert + .alert {
  bottom: 72px;
}
.file-viewer-main > .alert + .alert + .alert {
  bottom: 144px;
}
.change-view-btn-group .btn-group {
  margin: 0 0 0 10px;
}
.change-view-btn-group button {
  padding: 7px 15px !important;
  outline: none !important;
}
.change-view-btn-group button i {
  font-size: 24px !important;
}
.tmp-file-handle {
  position: absolute;
  background: #ffffff;
  color: #333333;
  padding: 2px;
  border: 1px solid #eee;
  opacity: 0.9;
}
.tmp-file-handle .icon-container {
  padding-right: 5px;
}
.uploader-progress-popup {
  text-align: center;
  font-size: 16px;
}
.uploader-progress-popup .plupload-progress-con.without-bar {
  height: 20px;
}
.uploader-progress-popup .plupload-progress {
  display: none;
}
.uploader-progress-popup .plupload-progress .progress {
  display: inline-block;
  width: 90%;
  margin: 0;
  height: 12px;
  margin-top: 10px;
}
.uploader-progress-popup .plupload-progress .progress-text {
  display: inline;
  margin-right: 10px;
  margin-left: 5px;
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width .6s ease;
       -o-transition: width .6s ease;
          transition: width .6s ease;
}
.progress-striped .progress-bar {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
          background-size: 40px 40px;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
          background-size: 40px 40px;
}
.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-bar-danger {
  background-color: #d9534f;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert > ul {
  margin-bottom: 0;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@media (max-width: 767px) {
  .file-manager-topbar {
    padding: 10px 20px;
  }
  body .file-viewer-sidebar .folder .folder-actions {
    display: block;
  }
  .file-manager {
    width: 100%;
  }
  .file-manager .grid-view .file .file-actions {
    display: none !important;
  }
  .file-manager .grid-view .file.state-active:hover .file-name {
    display: none;
  }
  .file-viewer .file-viewer-sidebar {
    display: none;
  }
}
@media (max-width: 600px) {
  .file-manager .grid-view .file {
    width: 33%;
  }
}
@media (max-width: 450px) {
  .file-manager .grid-view .file {
    width: 50%;
  }
  .file-manager .grid-view.one-col .file {
    width: 100%;
  }
  .file-manager .grid-view.one-col .file .file-actions {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
.panel-popup.panel-dark .nav-tabs:not(.hide) + .file-viewer-sidebar {
  border-top-color: #000;
}
.panel-popup.panel-dark .file-viewer-sidebar .folder .folder-actions {
  color: #fff;
}
.panel-popup.panel-dark .file-manager-topbar {
  border-bottom-color: #000;
}
.panel-popup.panel-dark .file-manager .list-view .file:hover:not(.active) {
  background-color: rgba(100, 100, 100, 0.2);
}
.panel-popup.panel-dark .file-manager .list-view .file-header {
  background-color: #1a1a1a;
  border-color: #000;
}
.panel-popup.panel-dark .file-manager .list-view .file-header .column .resize-x-handle {
  border-left: 0;
  background-color: #000;
  border-right-color: #2d2d2d;
}
.panel-popup.panel-dark .file-manager .grid-view .file .file-name {
  color: rgba(255, 255, 255, 0.7);
}
.panel-popup.panel-dark .file-manager .grid-view .file.state-active.active .file-name {
  color: #fff;
}
.panel-popup.panel-dark .file-manager .grid-view .file.state-active:not(.active):hover .file-name {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#464646), to(rgba(50, 50, 50, 0)));
  background-image: -webkit-linear-gradient(top, #464646, rgba(50, 50, 50, 0));
  background-image: -o-linear-gradient(top, #464646, rgba(50, 50, 50, 0));
  background-image: linear-gradient(to bottom, #464646, rgba(50, 50, 50, 0));
  color: #ffffff;
}
.panel-popup.panel-dark .file-manager .grid-view .screen.select {
  background-color: rgba(70, 70, 70, 0.5);
}
.panel-popup.panel-dark .file-manager .file-manager-header {
  border-bottom-color: #000;
}
.theme-dark .tmp-file-handle {
  background: #2d2d2d;
  border-color: #111;
  color: #fff;
}
/*# sourceMappingURL=bootstrap-material-design.css.map */