@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);
.gradient-black-top-left {
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #000000), color-stop(1, #000000));
  background-image: -webkit-linear-gradient(top left, rgba(0, 0, 0, 0.9) 0, transparent 100%);
  background-image: linear-gradient(to bottom right, rgba(0, 0, 0, 0.9) 0, transparent 100%);
}
.gradient-black-left {
  width: 100%;
  height: 100%;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(0, 0, 0, 0.9)), color-stop(40%, rgba(0, 0, 0, 0.6)), color-stop(65%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0) 100%);
  /* IE10+ */
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6000000', endColorstr='#00000000', GradientType=1);
  /* IE6-8 fallback on horizontal gradient */
}
.gradient-black-bottom-left {
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #000000), color-stop(1, #000000));
  background-image: -webkit-linear-gradient(bottom left, rgba(0, 0, 0, 0.9) 0, transparent 100%);
  background-image: linear-gradient(to top right, rgba(0, 0, 0, 0.9) 0, transparent 100%);
}
.gradient-black-bottom {
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #000000), color-stop(1, #000000));
  background-image: -webkit-linear-gradient(bottom left, rgba(0, 0, 0, 0.9) 0, transparent 100%);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0, transparent 100%);
}
.pattern-80 {
  content: "";
  /* position: absolute; */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('../images/bg-pixel-80.png');
}
.pattern-50 {
  content: "";
  /* position: absolute; */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('../images/bg-pixel-50.png');
}
.pattern-40 {
  content: "";
  /* position: absolute; */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('../images/bg-pixel-40.png');
}
.pattern-20 {
  content: "";
  /* position: absolute; */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('../images/bg-pixel-20.png');
}
.pattern {
  content: "";
  /* position: absolute; */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('../images/bg-pixel.png');
}
/* styles from flat-ui-free2.0.0-fix.less files */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  color: #747c83;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 15.988px;
  /* 16px */
  line-height: 1.231;
}
input,
button,
select,
textarea {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
a {
  color: #29a8e0;
  text-decoration: none;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
a:hover {
  color: #4db3a5;
  text-decoration: none;
}
h1,
.h1 {
  font-size: 54px;
}
h2,
.h2 {
  font-size: 39px;
}
h3,
.h3 {
  font-size: 30px;
}
h4,
.h4 {
  font-size: 23px;
}
h5,
.h5 {
  font-size: 19px;
}
h6,
.h6 {
  font-size: 16px;
}
@media (max-width: 767px) {
  h1,
  .h1 {
    font-size: 43.2px;
  }
}
@media (max-width: 479px) {
  h1,
  .h1 {
    font-size: 32.4px;
  }
}
@media (max-width: 322px) {
  h1,
  .h1 {
    font-size: 27px;
  }
}
@media (max-width: 767px) {
  h2,
  .h2 {
    font-size: 31.2px;
  }
}
@media (max-width: 479px) {
  h2,
  .h2 {
    font-size: 27.3px;
  }
}
@media (max-width: 767px) {
  h3,
  .h3 {
    font-size: 24px;
  }
}
@media (max-width: 479px) {
  h3,
  .h3 {
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  h4,
  .h4 {
    font-size: 18.4px;
  }
}
@media (max-width: 479px) {
  h4,
  .h4 {
    font-size: 16.1px;
  }
}
@media (max-width: 767px) {
  h5,
  .h5 {
    font-size: 15.2px;
  }
}
@media (max-width: 479px) {
  h5,
  .h5 {
    font-size: 15.2px;
  }
}
@media (max-width: 767px) {
  h6,
  .h6 {
    font-size: 12.8px;
  }
}
@media (max-width: 479px) {
  h6,
  .h6 {
    font-size: 12.8px;
  }
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  line-height: 1.2em;
  color: #323a45;
}
h1 {
  letter-spacing: -2px;
}
h2 {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  h2 {
    margin-bottom: 20px;
  }
}
h3 {
  margin-bottom: 30px;
  margin-top: 2px;
}
h4 {
  margin-top: 4px;
  margin-bottom: 5px;
}
h6 .fa-ul li {
  padding-bottom: 10px;
}
p {
  font-size: 19.6px;
  /* 16px */
  line-height: 1.6003;
  /* 31px */
}
@media (max-width: 767px) {
  p {
    font-size: 16.8px;
  }
}
.lead {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-size: 23.8px;
  /* 28px */
  line-height: 1.4642745;
  /* 41px */
  font-weight: 400;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .lead {
    font-size: 17.5px;
  }
}
small {
  font-size: 84%;
  /* 15px */
  line-height: 2.050846;
  /* 31px */
}
blockquote {
  position: relative;
  border-left: none;
  padding-left: 19px;
}
blockquote p {
  font-size: 20.006px;
  line-height: 1.549829;
  font-weight: normal;
  margin-bottom: .4em;
}
blockquote small {
  font-size: 18.004px;
  line-height: 1.722169;
  font-style: italic;
  color: #747c83;
}
blockquote small:before {
  content: "";
}
blockquote:before {
  position: absolute;
  left: 0;
  width: 3px;
  height: 100%;
  top: 0;
  bottom: 0;
  background-color: #ebedee;
  content: "";
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.img-rounded {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.img-comment {
  font-size: 14.994px;
  line-height: 1.231;
  font-style: italic;
  margin: 24px 0;
}
.text-primary {
  color: #4db3a5;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #3e8f84;
}
.text-success {
  color: #4caf50;
}
a.text-success:hover,
a.text-success:focus {
  color: #3d8c40;
}
.text-danger {
  color: #f3565d;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #c2454a;
}
.text-warning {
  color: #f1c40f;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #c19d0c;
}
.text-info {
  color: #3498db;
}
a.text-info:hover,
a.text-info:focus {
  color: #2a7aaf;
}
.text-inverse {
  color: white;
}
a.text-inverse:hover,
a.text-inverse:focus {
  color: #cccccc;
}
.muted {
  color: #e5e5e5;
}
a.muted:hover,
a.muted:focus {
  color: #b7b7b7;
}
footer {
  background-color: transparent;
}
.input-append input {
  -webkit-border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  border-radius: 6px 0 0 6px;
}
.bg-white {
  background-color: #ffffff;
}
.bg-black {
  background-color: #000000 !important;
}
.bg-black2 {
  background-color: #242424 !important;
}
.bg-black3 {
  background-color: #222222 !important;
}
.bg-turquoise {
  background-color: #1abc9c;
}
.bg-green-sea {
  background-color: #16a085;
}
.bg-emerland {
  background-color: #2ecc71;
}
.bg-nephritis {
  background-color: #27ae60;
}
.bg-peter-river {
  background-color: #3498db;
}
.bg-belize-hole {
  background-color: #2980b9;
}
.bg-amethyst {
  background-color: #9b59b6;
}
.bg-wisteria {
  background-color: #8e44ad;
}
.bg-wet-asphalt {
  background-color: #34495e;
}
.bg-midnight-blue {
  background-color: #2c3e50;
}
.bg-sun-flower {
  background-color: #f1c40f;
}
.bg-orange {
  background-color: #f89406;
}
.bg-carrot {
  background-color: #e67e22;
}
.bg-pumpkin {
  background-color: #d35400;
}
.bg-alizarin {
  background-color: #e74c3c;
}
.bg-pomegranate {
  background-color: #c0392b;
}
.bg-clouds {
  background-color: rgba(236, 240, 241, 0.48);
}
.bg-clouds-gradient {
  background-color: rgba(236, 240, 241, 0.48);
  background: linear-gradient(90deg, #ffffff 0, #f1f7f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f7f9', GradientType=1);
}
.bg-silver {
  background-color: #bdc3c7;
}
.bg-concrete {
  background-color: #95a5a6;
}
.bg-asbestos {
  background-color: #7f8c8d;
}
.bg-brand-primary {
  background-color: #29a8e0 !important;
}
.bg-brand-secondary {
  background-color: #4db3a5 !important;
}
.bg-brand-primary-dark {
  background-color: #fbc02d !important;
}
.bg-brand-secondary-dark {
  background-color: #0288d1 !important;
}
.bg-brand-dark-gray {
  background-color: #2c2c2d !important;
}
.bg-base {
  background-color: #34495e;
}
.bg-firm {
  background-color: #1abc9c;
}
.bg-success {
  background-color: #2ecc71;
}
.bg-danger {
  background-color: #e74c3c;
}
.bg-warning {
  background-color: #f1c40f;
}
.bg-info {
  background-color: #3498db;
}
.bg-secondary {
  background-color: #4db3a5 !important;
}
.bg-success {
  background-color: #4caf50 !important;
}
.bg-danger {
  background-color: #f3565d !important;
}
.bg-warning {
  background-color: #f1c40f !important;
}
.bg-info {
  background-color: #3498db !important;
}
.bg-gray {
  background-color: #eaeced;
}
.bordered {
  border-style: solid;
}
.bordered.bg-turquoise {
  border-color: #16a085;
}
.bordered.bg-emerland {
  border-color: #27ae60;
}
.bordered.bg-peter-river {
  border-color: #2980b9;
}
.bordered.bg-amethyst {
  border-color: #8e44ad;
}
.bordered.bg-wet-asphalt {
  border-color: #2c3e50;
}
.bordered.bg-sun-flower {
  border-color: #f89406;
}
.bordered.bg-carrot {
  border-color: #d35400;
}
.bordered.bg-alizarin {
  border-color: #c0392b;
}
.bordered.bg-clouds {
  border-color: #bdc3c7;
}
.bordered.bg-concrete {
  border-color: #7f8c8d;
}
.btn {
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  text-transform: uppercase;
}
.btn > [class^="fui-"] {
  margin-left: 4px;
  margin-right: 4px;
  line-height: inherit;
  display: inline-block;
  vertical-align: top;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  outline: none;
}
.form-group {
  margin-bottom: 20px;
}
label {
  line-height: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.2em;
  color: #323a45;
}
@media (max-width: 767px) {
  label {
    font-size: 12.8px;
  }
}
@media (max-width: 479px) {
  label {
    font-size: 12.8px;
  }
}
@media (max-width: 991px) {
  label {
    font-size: 14.4px;
  }
}
@media (max-width: 767px) {
  label {
    font-size: 12.8px;
  }
}
@media (max-width: 479px) {
  label {
    font-size: 12.8px;
  }
}
.carousel {
  line-height: 1;
}
h4,
h5,
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
p {
  margin-bottom: 10px;
}
.page-wrapper {
  position: relative;
  z-index: 2;
  background: #fff;
}
.header-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.page-wrapper header .header-background,
.header-antiflicker header .header-background,
body header .header-background {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  -moz-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  -o-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  -ms-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}
.nav-visible .page-wrapper header .header-background,
.nav-visible .navbar.navbar-fixed-top header .header-background,
.nav-visible .header-antiflicker header .header-background,
.nav-visible body header .header-background {
  -webkit-transform: translate3d(-230px, 0, 0);
  -moz-transform: translate3d(-230px, 0, 0);
  -ms-transform: translate3d(-230px, 0, 0);
  -o-transform: translate3d(-230px, 0, 0);
  transform: translate3d(-230px, 0, 0);
}
.no-csstransitions .page-wrapper,
.no-csstransitions .header-antiflicker {
  left: 0;
}
.no-csstransitions.nav-visible .page-wrapper,
.no-csstransitions.nav-visible .navbar.navbar-fixed-top,
.no-csstransitions.nav-visible .header-antiflicker {
  left: -230px !important;
  right: auto;
}
.carousel-indicators {
  width: 100%;
}
[class^="fui-"] {
  display: inline-block;
  vertical-align: middle;
}
body section,
body header,
body footer {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
img {
  width: auto;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
img {
  -webkit-backface-visibility: hidden;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  font-size: 16px;
}
@media (max-width: 1199px) {
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"],
  .uneditable-input {
    font-size: 14.4px;
  }
}
@media (max-width: 991px) {
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"],
  .uneditable-input {
    font-size: 12.8px;
  }
}
@media (max-width: 767px) {
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"],
  .uneditable-input {
    font-size: 11.2px;
  }
}
@media (max-width: 479px) {
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"],
  .uneditable-input {
    font-size: 9.6px;
  }
}
a:hover,
button:hover,
a:focus,
button:focus,
a:active,
button:active {
  outline: none;
}
.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  border-radius: 3px;
}
.bs-callout + .bs-callout {
  margin-top: -5px;
}
.bs-callout-default {
  border-left-color: #777;
}
.bs-callout-default h4 {
  color: #777;
}
.bs-callout-primary {
  border-left-color: #29a8e0;
}
.bs-callout-primary h1,
.bs-callout-primary h2,
.bs-callout-primary h3,
.bs-callout-primary h4,
.bs-callout-primary h5,
.bs-callout-primary h6 {
  color: #29a8e0;
}
.bs-callout-secondary {
  border-left-color: #4db3a5;
}
.bs-callout-secondary h1,
.bs-callout-secondary h2,
.bs-callout-secondary h3,
.bs-callout-secondary h4,
.bs-callout-secondary h5,
.bs-callout-secondary h6 {
  color: #4db3a5;
}
.bs-callout-success {
  border-left-color: #4caf50;
}
.bs-callout-success h1,
.bs-callout-success h2,
.bs-callout-success h3,
.bs-callout-success h4,
.bs-callout-success h5,
.bs-callout-success h6 {
  color: #4caf50;
}
.bs-callout-danger {
  border-left-color: #f3565d;
}
.bs-callout-danger h1,
.bs-callout-danger h2,
.bs-callout-danger h3,
.bs-callout-danger h4,
.bs-callout-danger h5,
.bs-callout-danger h6 {
  color: #f3565d;
}
.bs-callout-warning {
  border-left-color: #f1c40f;
}
.bs-callout-warning h1,
.bs-callout-warning h2,
.bs-callout-warning h3,
.bs-callout-warning h4,
.bs-callout-warning h5,
.bs-callout-warning h6 {
  color: #f1c40f;
}
.bs-callout-info {
  border-left-color: #3498db;
}
.bs-callout-info h1,
.bs-callout-info h2,
.bs-callout-info h3,
.bs-callout-info h4,
.bs-callout-info h5,
.bs-callout-info h6 {
  color: #3498db;
}
.fa-ul {
  margin-left: 1.7em;
  margin-top: 17px;
}
@media (max-width: 767px) {
  .fa-ul {
    margin-top: 7px;
  }
}
.fa-ul li {
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .fa-ul li {
    margin-bottom: 3px;
  }
}
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white ul,
.text-white li,
.text-white input,
.text-white label {
  color: white !important;
}
.text-white h2:after {
  background: white;
}
.text-white a.link-more {
  color: white;
}
.text-white a.link-more:hover {
  color: #4db3a5;
}
.left-padding-sm {
  padding-left: 15px;
}
.bg-cover {
  background-position: 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
}
.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%;
}
.separator {
  background-color: #29a8e0;
  height: 2px;
  width: 80px;
  display: inline-block;
}
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(52, 73, 94, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index: 9999;
}
.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #29a8e0;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 90px;
  }
}
.anchor:before {
  content: '';
  display: block;
  position: relative;
  width: 0;
  height: 170px;
  margin-top: -170px;
}
p a {
  font-weight: bold;
}
.img-margin-top {
  margin-top: 40px;
}
.v-wrapper {
  display: table;
  height: 100%;
  width: 100%;
}
.v-wrapper .v-inner {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}
.btn {
  border-width: 2px;
  border-style: solid;
}
@media (min-width: 480px) {
  .btns .btn + .btn {
    margin-left: 20px;
  }
}
@media (max-width: 479px) {
  .btns .btn:first-child {
    margin-bottom: 20px;
  }
}
.btn-lg {
  letter-spacing: 1px;
}
.btn-primary {
  border-color: #29a8e0;
}
.btn-primary:hover {
  border-color: #4db3a5;
}
.btn-secondary {
  border-color: #4db3a5;
}
.btn-secondary:hover {
  border-color: #0288d1;
}
.btn-info {
  border-color: #3498db;
}
.btn-info:hover {
  border-color: #5dade2;
}
.btn-success {
  border-color: #4caf50;
}
.btn-success:hover {
  border-color: #70bf73;
}
.btn-danger {
  border-color: #f3565d;
}
.btn-danger:hover {
  border-color: #f5787d;
}
.btn-warning {
  border-color: #f1c40f;
}
.btn-warning:hover {
  border-color: #f4d313;
}
.btn-white {
  border: 2px solid #fff;
  color: #fff;
  background: none;
}
.btn-brand-line {
  border-color: #29a8e0 !important;
  color: #29a8e0;
  background: none;
}
.btn-brand-line:hover {
  background: #29a8e0;
}
.btn-secondary-line {
  border-color: #4db3a5 !important;
  color: #4db3a5;
  background: none;
}
.btn-secondary-line:hover {
  background: #4db3a5;
}
.btn-info-line {
  border-color: #3498db !important;
  color: #3498db;
  background: none;
}
.btn-info-line:hover {
  background: #3498db;
}
.btn-success-line {
  border-color: #4caf50 !important;
  color: #4caf50;
  background: none;
}
.btn-success-line:hover {
  background: #4caf50;
}
.btn-danger-line {
  border-color: #f3565d !important;
  color: #f3565d;
  background: none;
}
.btn-danger-line:hover {
  background: #f3565d;
}
.btn-warning-line {
  border-color: #f1c40f !important;
  color: #f1c40f;
  background: none;
}
.btn-warning-line:hover {
  background: #f1c40f;
}
.btn-white-line {
  border: 2px solid white;
  color: white;
  background: rgba(255, 255, 255, 0);
}
.btn-white-line-secondary {
  border: 2px solid white;
  color: white;
  background: rgba(255, 255, 255, 0);
}
.btn-white-line-secondary:hover {
  border-color: #4db3a5;
  background-color: #4db3a5;
}
.btn-text-line {
  border: 2px solid #747c83;
  color: #747c83;
  background: rgba(255, 255, 255, 0);
}
.btn-heading-line {
  border: 2px solid #323a45;
  color: #323a45;
  background: rgba(255, 255, 255, 0);
}
.btn-grey-line {
  border: 2px solid #cccccc;
  color: white;
  background: rgba(255, 255, 255, 0);
}
.btn-gray-line {
  border: 2px solid #eaeced;
  color: #eaeced;
  background: rgba(255, 255, 255, 0);
}
.btn-noborder {
  border: none;
  background: none;
  color: #29a8e0;
}
.btn-noborder:hover {
  border: none;
  background: none;
  color: #4db3a5;
}
.btn-noborder-white {
  border: none;
  background: none;
  color: #29a8e0;
}
.btn-noborder-white:hover {
  border: none;
  background: none;
  color: #4db3a5;
}
.btn-border-none {
  border-width: 0;
}
.btn-animate {
  position: relative;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.rounded {
  border-radius: 40px;
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
@media (min-width: 480px) {
  .col-xs-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}
.link-more,
.link-more-secondary {
  text-transform: uppercase;
  font-weight: 600;
}
.link-more:after,
.link-more-secondary:after {
  content: "\f105";
  font-family: fontawesome;
  padding-left: 5px;
}
a.link-more {
  color: #29a8e0;
}
a.link-more:hover {
  color: #4db3a5;
}
a.link-more-secondary {
  color: #4db3a5;
}
a.link-more-secondary:hover {
  color: #4db3a5;
}
a.link-more-success {
  color: #4caf50;
}
a.link-more-success:hover {
  color: #4db3a5;
}
.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}
@media only screen and (max-width: 779px) {
  .link-more,
  .link-more-secondary {
    display: inline-block;
  }
}
.white-font h1,
.white-font h2,
.white-font h3,
.white-font h4,
.white-font h5,
.white-font h6,
.white-font p,
.white-font body,
.white-font span {
  color: white;
}
.btn-play {
  display: inline-block;
  text-indent: -9999px;
  vertical-align: middle;
  overflow: hidden;
  width: 67px;
  height: 67px;
  margin-bottom: 20px;
  opacity: .4;
  cursor: pointer;
  background: url("../images/btn-play.png") no-repeat;
  transition: all 1s ease;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
}
.btn-play:hover {
  opacity: 1;
  transform: translate(0, -15px);
  -webkit-transform: translate(0, -15px);
  -o-transform: translate(0, -15px);
  -moz-transform: translate(0, -15px);
}
@media (max-width: 991px) {
  .btn-play {
    margin: 35px 0;
  }
}
.btn-play.btn-play-lg {
  width: 150px;
  height: 150px;
  opacity: .7;
  background: url("../images/btn-play-150.png") no-repeat;
}
.btn-play.btn-play-lg:hover {
  opacity: 1;
}
@media (max-width: 991px) {
  .btn-play.btn-play-lg {
    margin: 35px 0;
  }
}
@media (max-width: 479px) {
  .btns.btns-xs .btn + .btn {
    margin-left: 0px;
  }
}
.brand-primary {
  color: #29a8e0 !important;
}
[class*="border-top-"] {
  border-top-width: 4px;
  border-top-style: solid;
}
.bg-primary-dark {
  background: #fbc02d !important;
}
.bg-secondary-dark {
  background: #0288d1 !important;
}
.bg-success-dark {
  background: #c2185b !important;
}
.bg-warning-dark {
  background: #e64a19 !important;
}
.bg-danger-dark {
  background: #d32f2f !important;
}
.bg-info-dark {
  background: #0097a7 !important;
}
.border-top-primary-dark {
  border-color: #fbc02d;
}
.border-top-secondary-dark {
  border-color: #0288d1;
}
.border-top-success-dark {
  border-color: #c2185b;
}
.border-top-warning-dark {
  border-color: #e64a19;
}
.border-top-danger-dark {
  border-color: #d32f2f;
}
.border-top-info-dark {
  border-color: #0097a7;
}
.border-top-primary {
  border-color: #29a8e0;
}
.border-top-secondary {
  border-color: #4db3a5;
}
.border-top-success {
  border-color: #4caf50;
}
.border-top-warning {
  border-color: #f1c40f;
}
.border-top-danger {
  border-color: #f3565d;
}
.border-top-info {
  border-color: #3498db;
}
@-webkit-keyframes loadFromAbove {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes loadFromAbove {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes loadFromBelow {
  from {
    opacity: 0;
    -webkit-transform: translateY(300px);
    transform: translateY(300px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes loadFromBelow {
  from {
    opacity: 0;
    -webkit-transform: translateY(300px);
    -ms-transform: translateY(300px);
    transform: translateY(300px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes loadFromBelowContact {
  from {
    opacity: 0;
    top: 300px;
  }
  to {
    opacity: 1;
    top: 0;
  }
}
@keyframes loadFromBelowContact {
  from {
    opacity: 0;
    top: 300px;
  }
  to {
    opacity: 1;
    top: 0;
  }
}
@-webkit-keyframes loadFromAboveDelayed {
  from {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes loadFromAboveDelayed {
  from {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes loadFromAboveDelayedSmall {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes loadFromAboveDelayedSmall {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes loadFromBelowDelayedSmall {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes loadFromBelowDelayedSmall {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes loadFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes loadFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.load-animation-from-above {
  -webkit-animation-name: loadFromAbove;
  animation-name: loadFromAbove;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
  opacity: 0;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.load-animation-from-below-1,
.load-animation-from-below-1-contact,
.load-animation-from-below-2,
.load-animation-from-below-2-contact,
.load-animation-from-below-3,
.load-animation-from-below-4,
.load-animation-from-below-5,
.load-animation-from-below-6 {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.load-animation-from-below-1-contact,
.load-animation-from-below-2-contact {
  position: relative;
  -webkit-animation-name: loadFromBelowContact;
  animation-name: loadFromBelowContact;
  top: 300px;
}
.load-animation-from-below-1,
.load-animation-from-below-2,
.load-animation-from-below-3,
.load-animation-from-below-4,
.load-animation-from-below-5,
.load-animation-from-below-6 {
  -webkit-animation-name: loadFromBelow;
  animation-name: loadFromBelow;
  -webkit-transform: translateY(300px);
  -ms-transform: translateY(300px);
  transform: translateY(300px);
}
.load-animation-from-below-1,
.load-animation-from-below-1-contact {
  -webkit-animation-delay: 750ms;
  animation-delay: 750ms;
}
.load-animation-from-below-2,
.load-animation-from-below-2-contact {
  -webkit-animation-delay: 875ms;
  animation-delay: 875ms;
}
.load-animation-from-below-3 {
  -webkit-animation-delay: 1000ms;
  animation-delay: 1000ms;
}
.load-animation-from-below-4 {
  -webkit-animation-delay: 1125ms;
  animation-delay: 1125ms;
}
.load-animation-from-below-5 {
  -webkit-animation-delay: 1250ms;
  animation-delay: 1250ms;
}
.load-animation-from-below-6 {
  -webkit-animation-delay: 1375ms;
  animation-delay: 1375ms;
}
.load-animation-fade-in {
  -webkit-animation-name: loadFadeIn;
  animation-name: loadFadeIn;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.load-animation-from-above-delayed {
  -webkit-animation-name: loadFromAboveDelayed;
  animation-name: loadFromAboveDelayed;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 750ms;
  animation-delay: 750ms;
  opacity: 0;
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
}
.load-animation-from-above-delayed-1,
.load-animation-from-above-delayed-2,
.load-animation-from-above-delayed-3,
.load-animation-from-above-delayed-4 {
  -webkit-animation-name: loadFromAboveDelayedSmall;
  animation-name: loadFromAboveDelayedSmall;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
}
.load-animation-from-above-delayed-1 {
  -webkit-animation-delay: 875ms;
  animation-delay: 875ms;
}
.load-animation-from-above-delayed-2 {
  -webkit-animation-delay: 1000ms;
  animation-delay: 1000ms;
}
.load-animation-from-above-delayed-3,
.load-animation-from-above-delayed-4 {
  -webkit-animation-delay: 1125ms;
  animation-delay: 1125ms;
}
.load-animation-from-below-delayed-1,
.load-animation-from-below-delayed-2,
.load-animation-from-below-delayed-3,
.load-animation-from-below-delayed-4 {
  -webkit-animation-name: loadFromBelowDelayedSmall;
  animation-name: loadFromBelowDelayedSmall;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
}
.load-animation-from-below-delayed-1 {
  -webkit-animation-delay: 1125ms;
  animation-delay: 1125ms;
}
.load-animation-from-below-delayed-2 {
  -webkit-animation-delay: 1250ms;
  animation-delay: 1250ms;
}
.load-animation-from-below-delayed-3 {
  -webkit-animation-delay: 1375ms;
  animation-delay: 1375ms;
}
.load-animation-from-below-delayed-4 {
  -webkit-animation-delay: 1500ms;
  animation-delay: 1500ms;
}
@media (max-width: 991px) {
  .grid-photo .pull-right,
  .grid-photo .pull-left {
    float: inherit !important;
  }
}
.grid-photo .grid-img {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  padding-bottom: 60%;
}
@media (min-width: 992px) {
  .grid-photo .grid1x1 {
    width: 35%;
    height: 35%;
  }
  .grid-photo .grid1x1 .grid-img {
    padding-bottom: 60.8%;
  }
  .grid-photo .grid2x1 {
    width: 50%;
    height: 25%;
  }
  .grid-photo .grid2x1 .grid-img {
    padding-bottom: 50%;
  }
  .grid-photo .grid2x2 {
    width: 50%;
    height: 50%;
  }
  .grid-photo .grid3x2 {
    width: 65%;
    height: 50%;
  }
  .grid-photo .grid3x2 .grid-img {
    padding-bottom: 65.5%;
  }
}
.btn.btn-fab,
.btn.btn-fab .ripple-wrapper {
  border-radius: 100%;
}
.btn.btn-fab {
  margin: 0;
  padding: 15px;
  font-size: 26px;
  width: 72px;
  height: 72px;
  text-align: center;
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
}
.btn.btn-fab:hover {
  -webkit-transform: scale(1.2) rotate(360deg) !important;
  -ms-transform: scale(1.2) rotate(360deg) !important;
  transform: scale(1.2) rotate(360deg) !important;
}
.btn.btn-fab i.fa {
  color: white;
}
.delimiter {
  margin-top: 200px;
}
.delimiter.line {
  margin-top: 150px;
  margin-bottom: 150px;
  border-top: 2px solid #ebedee;
}
header {
  padding-top: 100px;
  padding-bottom: 70px;
  z-index: 100;
}
header .brand {
  font-size: 25px;
  font-weight: 800;
  letter-spacing: -1px;
  color: #2c3e50;
}
@media (max-width: 1199px) {
  header .brand {
    font-size: 22.5px;
  }
}
@media (max-width: 991px) {
  header .brand {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  header .brand {
    font-size: 17.5px;
  }
}
@media (max-width: 479px) {
  header .brand {
    font-size: 15px;
  }
}
header .brand img:first-child {
  float: left;
  margin: -10px 15px 0 0;
}
section * {
  z-index: 2;
}
.background {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: 50% 50% no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity: 0.2;
  filter: alpha(opacity=20);
  opacity: 20;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=2000);
  filter: alpha(opacity=2000);
}
.container {
  position: relative;
}
@media (max-width: 767px) {
  header {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.animated.d2 {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
}
.animated.d3 {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
.animated.d4 {
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
}
.animated.d5 {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}
.animated.d6 {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}
.animated.d7 {
  -webkit-animation-delay: .7s;
  animation-delay: .7s;
}
.animated.d8 {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}
.animated.d8 {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}
.animated.d9 {
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
}
/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-genderless:before,
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
/* http://graphicburger.com/simple-line-icons-webfont/ */
@font-face {
  font-family: 'Simple-Line-Icons';
  src: url('../fonts/Simple-Line-Icons.eot');
  src: url('../fonts/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'), url('../fonts/Simple-Line-Icons.woff') format('woff'), url('../fonts/Simple-Line-Icons.ttf') format('truetype'), url('../fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'Simple-Line-Icons';
    src: url('../fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg');
  }
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'Simple-Line-Icons';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-user-female,
.icon-user-follow,
.icon-user-following,
.icon-user-unfollow,
.icon-trophy,
.icon-screen-smartphone,
.icon-screen-desktop,
.icon-plane,
.icon-notebook,
.icon-moustache,
.icon-mouse,
.icon-magnet,
.icon-energy,
.icon-emoticon-smile,
.icon-disc,
.icon-cursor-move,
.icon-crop,
.icon-credit-card,
.icon-chemistry,
.icon-user,
.icon-speedometer,
.icon-social-youtube,
.icon-social-twitter,
.icon-social-tumblr,
.icon-social-facebook,
.icon-social-dropbox,
.icon-social-dribbble,
.icon-shield,
.icon-screen-tablet,
.icon-magic-wand,
.icon-hourglass,
.icon-graduation,
.icon-ghost,
.icon-game-controller,
.icon-fire,
.icon-eyeglasses,
.icon-envelope-open,
.icon-envelope-letter,
.icon-bell,
.icon-badge,
.icon-anchor,
.icon-wallet,
.icon-vector,
.icon-speech,
.icon-puzzle,
.icon-printer,
.icon-present,
.icon-playlist,
.icon-pin,
.icon-picture,
.icon-map,
.icon-layers,
.icon-handbag,
.icon-globe-alt,
.icon-globe,
.icon-frame,
.icon-folder-alt,
.icon-film,
.icon-feed,
.icon-earphones-alt,
.icon-earphones,
.icon-drop,
.icon-drawer,
.icon-docs,
.icon-directions,
.icon-direction,
.icon-diamond,
.icon-cup,
.icon-compass,
.icon-call-out,
.icon-call-in,
.icon-call-end,
.icon-calculator,
.icon-bubbles,
.icon-briefcase,
.icon-book-open,
.icon-basket-loaded,
.icon-basket,
.icon-bag,
.icon-action-undo,
.icon-action-redo,
.icon-wrench,
.icon-umbrella,
.icon-trash,
.icon-tag,
.icon-support,
.icon-size-fullscreen,
.icon-size-actual,
.icon-shuffle,
.icon-share-alt,
.icon-share,
.icon-rocket,
.icon-question,
.icon-pie-chart,
.icon-pencil,
.icon-note,
.icon-music-tone-alt,
.icon-music-tone,
.icon-microphone,
.icon-loop,
.icon-logout,
.icon-login,
.icon-list,
.icon-like,
.icon-home,
.icon-grid,
.icon-graph,
.icon-equalizer,
.icon-dislike,
.icon-cursor,
.icon-control-start,
.icon-control-rewind,
.icon-control-play,
.icon-control-pause,
.icon-control-forward,
.icon-control-end,
.icon-calendar,
.icon-bulb,
.icon-bar-chart,
.icon-arrow-up,
.icon-arrow-right,
.icon-arrow-left,
.icon-arrow-down,
.icon-ban,
.icon-bubble,
.icon-camcorder,
.icon-camera,
.icon-check,
.icon-clock,
.icon-close,
.icon-cloud-download,
.icon-cloud-upload,
.icon-doc,
.icon-envelope,
.icon-eye,
.icon-flag,
.icon-folder,
.icon-heart,
.icon-info,
.icon-key,
.icon-link,
.icon-lock,
.icon-lock-open,
.icon-magnifier,
.icon-magnifier-add,
.icon-magnifier-remove,
.icon-paper-clip,
.icon-paper-plane,
.icon-plus,
.icon-pointer,
.icon-power,
.icon-refresh,
.icon-reload,
.icon-settings,
.icon-star,
.icon-symbol-female,
.icon-symbol-male,
.icon-target,
.icon-volume-1,
.icon-volume-2,
.icon-volume-off,
.icon-users {
  font-family: 'Simple-Line-Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.icon-user-female:before {
  content: "\e000";
}
.icon-user-follow:before {
  content: "\e002";
}
.icon-user-following:before {
  content: "\e003";
}
.icon-user-unfollow:before {
  content: "\e004";
}
.icon-trophy:before {
  content: "\e006";
}
.icon-screen-smartphone:before {
  content: "\e010";
}
.icon-screen-desktop:before {
  content: "\e011";
}
.icon-plane:before {
  content: "\e012";
}
.icon-notebook:before {
  content: "\e013";
}
.icon-moustache:before {
  content: "\e014";
}
.icon-mouse:before {
  content: "\e015";
}
.icon-magnet:before {
  content: "\e016";
}
.icon-energy:before {
  content: "\e020";
}
.icon-emoticon-smile:before {
  content: "\e021";
}
.icon-disc:before {
  content: "\e022";
}
.icon-cursor-move:before {
  content: "\e023";
}
.icon-crop:before {
  content: "\e024";
}
.icon-credit-card:before {
  content: "\e025";
}
.icon-chemistry:before {
  content: "\e026";
}
.icon-user:before {
  content: "\e005";
}
.icon-speedometer:before {
  content: "\e007";
}
.icon-social-youtube:before {
  content: "\e008";
}
.icon-social-twitter:before {
  content: "\e009";
}
.icon-social-tumblr:before {
  content: "\e00a";
}
.icon-social-facebook:before {
  content: "\e00b";
}
.icon-social-dropbox:before {
  content: "\e00c";
}
.icon-social-dribbble:before {
  content: "\e00d";
}
.icon-shield:before {
  content: "\e00e";
}
.icon-screen-tablet:before {
  content: "\e00f";
}
.icon-magic-wand:before {
  content: "\e017";
}
.icon-hourglass:before {
  content: "\e018";
}
.icon-graduation:before {
  content: "\e019";
}
.icon-ghost:before {
  content: "\e01a";
}
.icon-game-controller:before {
  content: "\e01b";
}
.icon-fire:before {
  content: "\e01c";
}
.icon-eyeglasses:before {
  content: "\e01d";
}
.icon-envelope-open:before {
  content: "\e01e";
}
.icon-envelope-letter:before {
  content: "\e01f";
}
.icon-bell:before {
  content: "\e027";
}
.icon-badge:before {
  content: "\e028";
}
.icon-anchor:before {
  content: "\e029";
}
.icon-wallet:before {
  content: "\e02a";
}
.icon-vector:before {
  content: "\e02b";
}
.icon-speech:before {
  content: "\e02c";
}
.icon-puzzle:before {
  content: "\e02d";
}
.icon-printer:before {
  content: "\e02e";
}
.icon-present:before {
  content: "\e02f";
}
.icon-playlist:before {
  content: "\e030";
}
.icon-pin:before {
  content: "\e031";
}
.icon-picture:before {
  content: "\e032";
}
.icon-map:before {
  content: "\e033";
}
.icon-layers:before {
  content: "\e034";
}
.icon-handbag:before {
  content: "\e035";
}
.icon-globe-alt:before {
  content: "\e036";
}
.icon-globe:before {
  content: "\e037";
}
.icon-frame:before {
  content: "\e038";
}
.icon-folder-alt:before {
  content: "\e039";
}
.icon-film:before {
  content: "\e03a";
}
.icon-feed:before {
  content: "\e03b";
}
.icon-earphones-alt:before {
  content: "\e03c";
}
.icon-earphones:before {
  content: "\e03d";
}
.icon-drop:before {
  content: "\e03e";
}
.icon-drawer:before {
  content: "\e03f";
}
.icon-docs:before {
  content: "\e040";
}
.icon-directions:before {
  content: "\e041";
}
.icon-direction:before {
  content: "\e042";
}
.icon-diamond:before {
  content: "\e043";
}
.icon-cup:before {
  content: "\e044";
}
.icon-compass:before {
  content: "\e045";
}
.icon-call-out:before {
  content: "\e046";
}
.icon-call-in:before {
  content: "\e047";
}
.icon-call-end:before {
  content: "\e048";
}
.icon-calculator:before {
  content: "\e049";
}
.icon-bubbles:before {
  content: "\e04a";
}
.icon-briefcase:before {
  content: "\e04b";
}
.icon-book-open:before {
  content: "\e04c";
}
.icon-basket-loaded:before {
  content: "\e04d";
}
.icon-basket:before {
  content: "\e04e";
}
.icon-bag:before {
  content: "\e04f";
}
.icon-action-undo:before {
  content: "\e050";
}
.icon-action-redo:before {
  content: "\e051";
}
.icon-wrench:before {
  content: "\e052";
}
.icon-umbrella:before {
  content: "\e053";
}
.icon-trash:before {
  content: "\e054";
}
.icon-tag:before {
  content: "\e055";
}
.icon-support:before {
  content: "\e056";
}
.icon-size-fullscreen:before {
  content: "\e057";
}
.icon-size-actual:before {
  content: "\e058";
}
.icon-shuffle:before {
  content: "\e059";
}
.icon-share-alt:before {
  content: "\e05a";
}
.icon-share:before {
  content: "\e05b";
}
.icon-rocket:before {
  content: "\e05c";
}
.icon-question:before {
  content: "\e05d";
}
.icon-pie-chart:before {
  content: "\e05e";
}
.icon-pencil:before {
  content: "\e05f";
}
.icon-note:before {
  content: "\e060";
}
.icon-music-tone-alt:before {
  content: "\e061";
}
.icon-music-tone:before {
  content: "\e062";
}
.icon-microphone:before {
  content: "\e063";
}
.icon-loop:before {
  content: "\e064";
}
.icon-logout:before {
  content: "\e065";
}
.icon-login:before {
  content: "\e066";
}
.icon-list:before {
  content: "\e067";
}
.icon-like:before {
  content: "\e068";
}
.icon-home:before {
  content: "\e069";
}
.icon-grid:before {
  content: "\e06a";
}
.icon-graph:before {
  content: "\e06b";
}
.icon-equalizer:before {
  content: "\e06c";
}
.icon-dislike:before {
  content: "\e06d";
}
.icon-cursor:before {
  content: "\e06e";
}
.icon-control-start:before {
  content: "\e06f";
}
.icon-control-rewind:before {
  content: "\e070";
}
.icon-control-play:before {
  content: "\e071";
}
.icon-control-pause:before {
  content: "\e072";
}
.icon-control-forward:before {
  content: "\e073";
}
.icon-control-end:before {
  content: "\e074";
}
.icon-calendar:before {
  content: "\e075";
}
.icon-bulb:before {
  content: "\e076";
}
.icon-bar-chart:before {
  content: "\e077";
}
.icon-arrow-up:before {
  content: "\e078";
}
.icon-arrow-right:before {
  content: "\e079";
}
.icon-arrow-left:before {
  content: "\e07a";
}
.icon-arrow-down:before {
  content: "\e07b";
}
.icon-ban:before {
  content: "\e07c";
}
.icon-bubble:before {
  content: "\e07d";
}
.icon-camcorder:before {
  content: "\e07e";
}
.icon-camera:before {
  content: "\e07f";
}
.icon-check:before {
  content: "\e080";
}
.icon-clock:before {
  content: "\e081";
}
.icon-close:before {
  content: "\e082";
}
.icon-cloud-download:before {
  content: "\e083";
}
.icon-cloud-upload:before {
  content: "\e084";
}
.icon-doc:before {
  content: "\e085";
}
.icon-envelope:before {
  content: "\e086";
}
.icon-eye:before {
  content: "\e087";
}
.icon-flag:before {
  content: "\e088";
}
.icon-folder:before {
  content: "\e089";
}
.icon-heart:before {
  content: "\e08a";
}
.icon-info:before {
  content: "\e08b";
}
.icon-key:before {
  content: "\e08c";
}
.icon-link:before {
  content: "\e08d";
}
.icon-lock:before {
  content: "\e08e";
}
.icon-lock-open:before {
  content: "\e08f";
}
.icon-magnifier:before {
  content: "\e090";
}
.icon-magnifier-add:before {
  content: "\e091";
}
.icon-magnifier-remove:before {
  content: "\e092";
}
.icon-paper-clip:before {
  content: "\e093";
}
.icon-paper-plane:before {
  content: "\e094";
}
.icon-plus:before {
  content: "\e095";
}
.icon-pointer:before {
  content: "\e096";
}
.icon-power:before {
  content: "\e097";
}
.icon-refresh:before {
  content: "\e098";
}
.icon-reload:before {
  content: "\e099";
}
.icon-settings:before {
  content: "\e09a";
}
.icon-star:before {
  content: "\e09b";
}
.icon-symbol-female:before {
  content: "\e09c";
}
.icon-symbol-male:before {
  content: "\e09d";
}
.icon-target:before {
  content: "\e09e";
}
.icon-volume-1:before {
  content: "\e09f";
}
.icon-volume-2:before {
  content: "\e0a0";
}
.icon-volume-off:before {
  content: "\e0a1";
}
.icon-users:before {
  content: "\e001";
}
/***
New Timeline
***/
.timeline {
  margin: 0;
  padding: 0;
  position: relative;
  margin-bottom: 30px;
}
.timeline:before {
  content: '';
  position: absolute;
  display: block;
  width: 4px;
  background: #f5f6fa;
  top: 0px;
  bottom: 0px;
  margin-left: 38px;
}
.timeline-item {
  margin: 0;
  padding: 0;
}
.timeline-badge {
  float: left;
  position: relative;
  padding-right: 30px;
  height: 80px;
  width: 80px;
}
.timeline-badge-userpic {
  width: 80px;
  border: 4px #f5f6fa solid;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}
.timeline-badge-userpic img {
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
  vertical-align: middle !important;
}
.timeline-icon {
  width: 80px;
  height: 80px;
  background-color: #f5f6fa;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
  padding-top: 30px;
  padding-left: 22px;
}
.timeline-icon i {
  font-size: 34px;
}
.timeline-body {
  position: relative;
  padding: 20px;
  margin-top: 20px;
  margin-left: 110px;
  background-color: #f5f6fa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.timeline-body:before,
.timeline-body:after {
  content: " ";
  display: table;
}
.timeline-body:after {
  clear: both;
}
.timeline-body-arrow {
  position: absolute;
  top: 30px;
  left: -14px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 14px 14px 0;
  border-color: transparent #f5f6fa transparent transparent;
}
.timeline-body-head {
  margin-bottom: 10px;
}
.timeline-body-head-caption {
  float: left;
}
.timeline-body-title {
  font-size: 16px;
  font-weight: 600;
}
.timeline-body-alerttitle {
  font-size: 16px;
  font-weight: 600;
}
.timeline-body-time {
  font-size: 14px;
  margin-left: 10px;
}
.timeline-body-head-actions {
  float: right;
}
.timeline-body-head-actions .btn-group {
  margin-top: -2px;
}
.timeline-body-content {
  font-size: 14px;
  margin-top: 35px;
}
.timeline-body-img {
  width: 100px;
  height: 100px;
  margin: 5px 20px 0 0px;
}
.page-container-bg-solid .timeline:before {
  background: #fff;
}
.page-container-bg-solid .timeline-badge-userpic {
  border-color: #fff;
}
.page-container-bg-solid .timeline-icon {
  background-color: #fff;
}
.page-container-bg-solid .timeline-body {
  background-color: #fff;
}
.page-container-bg-solid .timeline-body-arrow {
  border-color: transparent #fff transparent transparent;
}
@media (max-width: 768px) {
  .timeline-body-head-caption {
    width: 100%;
  }
  .timeline-body-head-actions {
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .timeline:before {
    margin-left: 28px;
  }
  .timeline-badge {
    padding-right: 40px;
    width: 60px;
    height: 60px;
  }
  .timeline-badge-userpic {
    width: 60px;
  }
  .timeline-icon {
    width: 60px;
    height: 60px;
    padding-top: 23px;
    padding-left: 18px;
  }
  .timeline-icon i {
    font-size: 25px;
  }
  .timeline-body {
    margin-left: 80px;
  }
  .timeline-body-arrow {
    top: 17px;
  }
}
/*!
 * Jasny Bootstrap v3.1.3 (http://jasny.github.io/bootstrap)
 * Copyright 2012-2014 Arnold Daniels
 * Licensed under Apache-2.0 (https://github.com/jasny/bootstrap/blob/master/LICENSE)
 */
.btn-file {
  position: relative;
  overflow: hidden;
  vertical-align: middle;
}
.btn-file > input {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 23px;
  cursor: pointer;
  filter: alpha(opacity=0);
  opacity: 0;
  direction: ltr;
}
.fileinput {
  display: inline-block;
  margin-bottom: 9px;
}
.fileinput .form-control,
.fileinput .select2-search input[type="text"] {
  display: inline-block;
  padding-top: 7px;
  padding-bottom: 5px;
  margin-bottom: 0;
  vertical-align: middle;
  cursor: text;
}
.fileinput .thumbnail {
  display: inline-block;
  margin-bottom: 5px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}
.fileinput .thumbnail > img {
  max-height: 100%;
}
.fileinput .btn {
  vertical-align: middle;
}
.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists {
  display: none;
}
.fileinput-inline .fileinput-controls {
  display: inline;
}
.fileinput-filename {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.form-control .fileinput-filename,
.select2-search input[type="text"] .fileinput-filename {
  vertical-align: bottom;
}
.fileinput.input-group {
  display: table;
}
.fileinput.input-group > * {
  position: relative;
  z-index: 2;
}
.fileinput.input-group > .btn-file {
  z-index: 1;
}
.fileinput-new.input-group .btn-file,
.fileinput-new .input-group .btn-file {
  border-radius: 0 4px 4px 0;
}
.fileinput-new.input-group .btn-file.btn-xs,
.fileinput-new .input-group .btn-file.btn-xs,
.fileinput-new.input-group .btn-file.btn-sm,
.fileinput-new .input-group .btn-file.btn-sm {
  border-radius: 0 3px 3px 0;
}
.fileinput-new.input-group .btn-file.btn-lg,
.fileinput-new .input-group .btn-file.btn-lg {
  border-radius: 0 6px 6px 0;
}
.form-group.has-warning .fileinput .fileinput-preview {
  color: #8a6d3b;
}
.form-group.has-warning .fileinput .thumbnail {
  border-color: #faebcc;
}
.form-group.has-error .fileinput .fileinput-preview {
  color: #a94442;
}
.form-group.has-error .fileinput .thumbnail {
  border-color: #ebccd1;
}
.form-group.has-success .fileinput .fileinput-preview {
  color: #3c763d;
}
.form-group.has-success .fileinput .thumbnail {
  border-color: #d6e9c6;
}
.input-group-addon:not(:first-child) {
  border-left: 0;
}
/***
New Profile Page
***/
.profile-sidebar {
  float: left;
  width: 300px;
  margin-right: 20px;
}
.profile-content {
  overflow: hidden;
}
/* PROFILE SIDEBAR */
.profile-sidebar-portlet {
  padding: 30px 0 0 0 !important;
}
.profile-userpic img {
  float: none;
  margin: 0 auto;
  width: 50%;
  height: 50%;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}
.profile-usertitle {
  text-align: center;
  margin-top: 20px;
}
.profile-usertitle-name {
  color: #5a7391;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 7px;
}
.profile-usertitle-job {
  text-transform: uppercase;
  color: #5b9bd1;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 7px;
}
.profile-userbuttons {
  text-align: center;
  margin-top: 10px;
}
.profile-userbuttons .btn {
  margin-right: 5px;
}
.profile-userbuttons .btn:last-child {
  margin-right: 0;
}
.profile-userbuttons button {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  padding: 6px 15px;
}
.profile-usermenu {
  margin-top: 30px;
  padding-bottom: 20px;
}
.profile-usermenu ul li {
  border-bottom: 1px solid #f0f4f7;
}
.profile-usermenu ul li:last-child {
  border-bottom: none;
}
.profile-usermenu ul li a {
  color: #93a3b5;
  font-size: 16px;
  font-weight: 400;
}
.profile-usermenu ul li a i {
  margin-right: 8px;
  font-size: 16px;
}
.profile-usermenu ul li a:hover {
  background-color: #fafcfd;
  color: #5b9bd1;
}
.profile-usermenu ul li.active a {
  color: #5b9bd1;
  background-color: #f6f9fb;
  border-left: 2px solid #5b9bd1;
  margin-left: -2px;
}
.profile-stat {
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f4f7;
}
.profile-stat-title {
  color: #7f90a4;
  font-size: 25px;
  text-align: center;
}
.profile-stat-text {
  color: #5b9bd1;
  font-size: 11px;
  font-weight: 800;
  text-align: center;
}
.profile-desc-title {
  color: #7f90a4;
  font-size: 17px;
  font-weight: 600;
}
.profile-desc-text {
  color: #7e8c9e;
  font-size: 14px;
}
.profile-desc-link i {
  width: 22px;
  font-size: 19px;
  color: #abb6c4;
  margin-right: 5px;
}
.profile-desc-link a {
  font-size: 14px;
  font-weight: 600;
  color: #5b9bd1;
}
/* END PROFILE SIDEBAR */
/* RESPONSIVE MODE */
@media (max-width: 991px) {
  /* 991px */
  /* 991px */
  .profile-sidebar {
    float: none;
    width: 100% !important;
    margin: 0;
  }
  .profile-sidebar > .portlet {
    margin-bottom: 20px;
  }
  .profile-content {
    overflow: visible;
  }
}
/***
Tasks Widget
***/
.tasks-widget:after {
  clear: both;
}
.tasks-widget .task-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.tasks-widget .task-list > li {
  position: relative;
  padding: 10px 0;
  border-bottom: 1px solid #F4F6F9;
}
.tasks-widget .task-list > li:hover {
  background: #F4F6F9;
}
.tasks-widget .task-list > li.last-line {
  border-bottom: none;
}
.tasks-widget .task-list > li.task-done {
  background: #f6f6f6;
}
.tasks-widget .task-list > li.task-done:hover {
  background: #f4f4f4;
}
.tasks-widget .task-list > li.task-done .task-title-sp {
  text-decoration: line-through;
}
.tasks-widget .task-list > li > .task-bell {
  margin-left: 10px;
}
.tasks-widget .task-list > li > .task-checkbox {
  float: left;
  width: 30px;
}
.tasks-widget .task-list > li > .task-checkbox input[type="checkbox"] {
  cursor: pointer;
}
.tasks-widget .task-list > li > .task-title {
  color: #838FA1;
  margin-right: 10px;
}
.tasks-widget .task-list > li > .task-title .task-title-sp {
  margin-right: 5px;
}
.tasks-widget .task-list > li .task-config-btn {
  margin-top: -1px;
}
.tasks-widget .task-list > li > .task-config {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
}
.tasks-widget .task-list > li:hover > .task-config {
  display: block;
  margin-bottom: 0 !important;
}
.tasks-widget .task-footer {
  margin-top: 5px;
}
.tasks-widget .task-footer:before,
.tasks-widget .task-footer:after {
  content: " ";
  display: table;
}
.tasks-widget .task-footer:after {
  clear: both;
}
@media only screen and (max-width: 480px) {
  .tasks-widget .task-config-btn {
    float: inherit;
    display: block;
  }
  .tasks-widget .task-list-projects li > .label {
    margin-bottom: 5px;
  }
}
.bootstrap-select {
  width: 220px \0;
  /*IE9 and below*/
}
.bootstrap-select > .dropdown-toggle {
  width: 100%;
  padding-right: 25px;
}
.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px;
}
.bootstrap-select .dropdown-toggle:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}
.bootstrap-select.form-control,
.bootstrap-select.select2-search input[type="text"] {
  margin-bottom: 0;
  padding: 0;
  border: none;
}
.bootstrap-select.form-control:not([class*="col-"]),
.bootstrap-select.select2-search input[type="text"]:not([class*="col-"]) {
  width: 100%;
}
.bootstrap-select.form-control.input-group-btn,
.bootstrap-select.select2-search input[type="text"].input-group-btn {
  z-index: auto;
}
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right;
}
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
  margin-bottom: 0;
}
.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control,
.form-group-lg .bootstrap-select.btn-group.select2-search input[type="text"],
.form-group-sm .bootstrap-select.btn-group.select2-search input[type="text"] {
  padding: 0;
}
.form-inline .bootstrap-select.btn-group .form-control,
.form-inline .bootstrap-select.btn-group .select2-search input[type="text"] {
  width: 100%;
}
.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed;
}
.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
  width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  z-index: 1035;
  box-sizing: border-box;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-menu li {
  position: relative;
}
.bootstrap-select.btn-group .dropdown-menu li.active small {
  color: #fff;
}
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select.btn-group .dropdown-menu li a {
  cursor: pointer;
}
.bootstrap-select.btn-group .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
  display: none;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em;
}
.bootstrap-select.btn-group .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  box-sizing: border-box;
}
.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
  position: static;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
  z-index: 1036;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block;
}
.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px;
}
.bs-actionsbox {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
  width: 50%;
}
.bs-donebutton {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.bs-donebutton .btn-group button {
  width: 100%;
}
.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.bs-searchbox .form-control,
.bs-searchbox .select2-search input[type="text"] {
  margin-bottom: 0;
  width: 100%;
}
select.bs-select-hidden,
select.selectpicker {
  display: none !important;
}
select.mobile-device {
  position: absolute !important;
  top: 0;
  left: 0;
  display: block !important;
  width: 100%;
  height: 100% !important;
  opacity: 0;
}
/*********************************
 METRONIC ROUNDED STYLE COMPONENTS 
*********************************/
/***
General reset
***/
/* Set default body */
body {
  color: #333333;
  font-family: "Open Sans", sans-serif;
  padding: 0px !important;
  margin: 0px !important;
  font-size: 13px;
  direction: ltr;
}
/*
 Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't 
 properly apply the media queries in Bootstrap's CSS. To address this, 
 you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix.
*/
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
/*
 Internet Explorer 10 doesn't differentiate device width from viewport width, 
 and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied 
*/
@-ms-viewport {
  width: auto !important;
}
.md-shadow-z-1,
.alert,
.badge,
.btn,
.btn-group > .btn,
.btn.btn-link:hover,
.icon-btn,
.label,
.list-group1,
.note,
.social-icons li > a,
.social-icons.social-icons-color > li > a,
.well {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);
}
.md-shadow-z-1-i {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18) !important;
}
.md-shadow-z-1-hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14), 0 1px 2px rgba(0, 0, 0, 0.22);
}
.md-shadow-z-2,
.ver-inline-menu,
.panel,
.popover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22);
}
.md-shadow-z-2-i,
.dropdown-menu,
.btn-group > .dropdown-menu,
.select2-drop {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22) !important;
}
.md-shadow-z-2-hover,
.btn:hover,
.icon-btn:hover,
.social-icons li:hover > a,
.social-icons.social-icons-color > li > a:hover,
.portlet.box.blue > .portlet-title > .actions .btn-default:hover,
.portlet.box.blue-madison > .portlet-title > .actions .btn-default:hover,
.portlet.box.blue-chambray > .portlet-title > .actions .btn-default:hover,
.portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:hover,
.portlet.box.blue-hoki > .portlet-title > .actions .btn-default:hover,
.portlet.box.blue-steel > .portlet-title > .actions .btn-default:hover,
.portlet.box.blue-soft > .portlet-title > .actions .btn-default:hover,
.portlet.box.blue-dark > .portlet-title > .actions .btn-default:hover,
.portlet.box.blue-sharp > .portlet-title > .actions .btn-default:hover,
.portlet.box.green > .portlet-title > .actions .btn-default:hover,
.portlet.box.green-meadow > .portlet-title > .actions .btn-default:hover,
.portlet.box.green-seagreen > .portlet-title > .actions .btn-default:hover,
.portlet.box.green-turquoise > .portlet-title > .actions .btn-default:hover,
.portlet.box.green-haze > .portlet-title > .actions .btn-default:hover,
.portlet.box.green-jungle > .portlet-title > .actions .btn-default:hover,
.portlet.box.green-sharp > .portlet-title > .actions .btn-default:hover,
.portlet.box.green-soft > .portlet-title > .actions .btn-default:hover,
.portlet.box.grey > .portlet-title > .actions .btn-default:hover,
.portlet.box.grey-steel > .portlet-title > .actions .btn-default:hover,
.portlet.box.grey-cararra > .portlet-title > .actions .btn-default:hover,
.portlet.box.grey-gallery > .portlet-title > .actions .btn-default:hover,
.portlet.box.grey-cascade > .portlet-title > .actions .btn-default:hover,
.portlet.box.grey-silver > .portlet-title > .actions .btn-default:hover,
.portlet.box.grey-salsa > .portlet-title > .actions .btn-default:hover,
.portlet.box.grey-salt > .portlet-title > .actions .btn-default:hover,
.portlet.box.grey-mint > .portlet-title > .actions .btn-default:hover,
.portlet.box.red > .portlet-title > .actions .btn-default:hover,
.portlet.box.red-pink > .portlet-title > .actions .btn-default:hover,
.portlet.box.red-sunglo > .portlet-title > .actions .btn-default:hover,
.portlet.box.red-intense > .portlet-title > .actions .btn-default:hover,
.portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:hover,
.portlet.box.red-flamingo > .portlet-title > .actions .btn-default:hover,
.portlet.box.red-soft > .portlet-title > .actions .btn-default:hover,
.portlet.box.red-haze > .portlet-title > .actions .btn-default:hover,
.portlet.box.yellow > .portlet-title > .actions .btn-default:hover,
.portlet.box.yellow-gold > .portlet-title > .actions .btn-default:hover,
.portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:hover,
.portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:hover,
.portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:hover,
.portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:hover,
.portlet.box.purple > .portlet-title > .actions .btn-default:hover,
.portlet.box.purple-plum > .portlet-title > .actions .btn-default:hover,
.portlet.box.purple-medium > .portlet-title > .actions .btn-default:hover,
.portlet.box.purple-studio > .portlet-title > .actions .btn-default:hover,
.portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:hover,
.portlet.box.purple-seance > .portlet-title > .actions .btn-default:hover,
.portlet.box.purple-intense > .portlet-title > .actions .btn-default:hover,
.portlet.box.purple-sharp > .portlet-title > .actions .btn-default:hover,
.portlet.box.purple-soft > .portlet-title > .actions .btn-default:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.26);
}
.md-shadow-z-3,
.modal .modal-content {
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.md-shadow-z-3-i {
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18), 0 6px 6px rgba(0, 0, 0, 0.24) !important;
}
.md-shadow-z-3-hover,
.btn:active,
.portlet.box.blue > .portlet-title > .actions .btn-default:active,
.portlet.box.blue-madison > .portlet-title > .actions .btn-default:active,
.portlet.box.blue-chambray > .portlet-title > .actions .btn-default:active,
.portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:active,
.portlet.box.blue-hoki > .portlet-title > .actions .btn-default:active,
.portlet.box.blue-steel > .portlet-title > .actions .btn-default:active,
.portlet.box.blue-soft > .portlet-title > .actions .btn-default:active,
.portlet.box.blue-dark > .portlet-title > .actions .btn-default:active,
.portlet.box.blue-sharp > .portlet-title > .actions .btn-default:active,
.portlet.box.green > .portlet-title > .actions .btn-default:active,
.portlet.box.green-meadow > .portlet-title > .actions .btn-default:active,
.portlet.box.green-seagreen > .portlet-title > .actions .btn-default:active,
.portlet.box.green-turquoise > .portlet-title > .actions .btn-default:active,
.portlet.box.green-haze > .portlet-title > .actions .btn-default:active,
.portlet.box.green-jungle > .portlet-title > .actions .btn-default:active,
.portlet.box.green-sharp > .portlet-title > .actions .btn-default:active,
.portlet.box.green-soft > .portlet-title > .actions .btn-default:active,
.portlet.box.grey > .portlet-title > .actions .btn-default:active,
.portlet.box.grey-steel > .portlet-title > .actions .btn-default:active,
.portlet.box.grey-cararra > .portlet-title > .actions .btn-default:active,
.portlet.box.grey-gallery > .portlet-title > .actions .btn-default:active,
.portlet.box.grey-cascade > .portlet-title > .actions .btn-default:active,
.portlet.box.grey-silver > .portlet-title > .actions .btn-default:active,
.portlet.box.grey-salsa > .portlet-title > .actions .btn-default:active,
.portlet.box.grey-salt > .portlet-title > .actions .btn-default:active,
.portlet.box.grey-mint > .portlet-title > .actions .btn-default:active,
.portlet.box.red > .portlet-title > .actions .btn-default:active,
.portlet.box.red-pink > .portlet-title > .actions .btn-default:active,
.portlet.box.red-sunglo > .portlet-title > .actions .btn-default:active,
.portlet.box.red-intense > .portlet-title > .actions .btn-default:active,
.portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:active,
.portlet.box.red-flamingo > .portlet-title > .actions .btn-default:active,
.portlet.box.red-soft > .portlet-title > .actions .btn-default:active,
.portlet.box.red-haze > .portlet-title > .actions .btn-default:active,
.portlet.box.yellow > .portlet-title > .actions .btn-default:active,
.portlet.box.yellow-gold > .portlet-title > .actions .btn-default:active,
.portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:active,
.portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:active,
.portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:active,
.portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:active,
.portlet.box.purple > .portlet-title > .actions .btn-default:active,
.portlet.box.purple-plum > .portlet-title > .actions .btn-default:active,
.portlet.box.purple-medium > .portlet-title > .actions .btn-default:active,
.portlet.box.purple-studio > .portlet-title > .actions .btn-default:active,
.portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:active,
.portlet.box.purple-seance > .portlet-title > .actions .btn-default:active,
.portlet.box.purple-intense > .portlet-title > .actions .btn-default:active,
.portlet.box.purple-sharp > .portlet-title > .actions .btn-default:active,
.portlet.box.purple-soft > .portlet-title > .actions .btn-default:active {
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22), 0 6px 6px rgba(0, 0, 0, 0.26);
}
.md-shadow-z-4 {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.26), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.md-shadow-z-4-i {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.26), 0 10px 10px rgba(0, 0, 0, 0.22) !important;
}
.md-shadow-z-5 {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.28), 0 15px 12px rgba(0, 0, 0, 0.22);
}
.md-shadow-z-5-i {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.28), 0 15px 12px rgba(0, 0, 0, 0.22) !important;
}
.md-shadow-none {
  box-shadow: none !important;
}
.md-click-circle {
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  -webkit-animation: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
}
.md-click-circle.md-click-animate {
  -webkit-animation: mdClickEffect 0.55s linear;
  -moz-animation: mdClickEffect 0.55s linear;
  animation: mdClickEffect 0.55s linear;
}
@-webkit-keyframes mdClickEffect {
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes mdClickEffect {
  100% {
    opacity: 0;
    -moz-transform: scale(2.5);
  }
}
@keyframes mdClickEffect {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
.form-group.form-md-line-input {
  position: relative;
  margin: 0 0 35px 0;
  padding-top: 20px;
}
.form-horizontal .form-group.form-md-line-input {
  padding-top: 10px;
  margin-bottom: 20px;
  margin: 0 -15px 20px -15px;
}
.form-horizontal .form-group.form-md-line-input > label {
  padding-top: 5px;
  font-size: 13px;
  color: #888888;
  opacity: 1 ;
  filter: alpha(opacity=100);
}
.form-group.form-md-line-input .form-control,
.form-group.form-md-line-input .select2-search input[type="text"] {
  background: none;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  color: #333;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
}
.form-group.form-md-line-input .form-control::-moz-placeholder,
.form-group.form-md-line-input .select2-search input[type="text"]::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-group.form-md-line-input .form-control:-ms-input-placeholder,
.form-group.form-md-line-input .select2-search input[type="text"]:-ms-input-placeholder {
  color: #999;
}
.form-group.form-md-line-input .form-control::-webkit-input-placeholder,
.form-group.form-md-line-input .select2-search input[type="text"]::-webkit-input-placeholder {
  color: #999;
}
.form-group.form-md-line-input .form-control.form-control-static,
.form-group.form-md-line-input .select2-search input[type="text"].form-control-static {
  border-bottom: 0;
}
.form-group.form-md-line-input .form-control.input-sm,
.form-group.form-md-line-input .select2-search input[type="text"].input-sm,
.form-group.form-md-line-input .form-control.select2-search input[type="text"] {
  font-size: 14px;
  padding: 6px 0;
}
.form-group.form-md-line-input .form-control.input-lg,
.form-group.form-md-line-input .select2-search input[type="text"].input-lg {
  font-size: 20px;
  padding: 14px 0;
}
.form-group.form-md-line-input .form-control ~ label,
.form-group.form-md-line-input .form-control ~ .form-control-focus,
.form-group.form-md-line-input .select2-search input[type="text"] ~ label,
.form-group.form-md-line-input .select2-search input[type="text"] ~ .form-control-focus {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  pointer-events: none;
}
.form-horizontal .form-group.form-md-line-input .form-control ~ label,
.form-horizontal .form-group.form-md-line-input .form-control ~ .form-control-focus,
.form-horizontal .form-group.form-md-line-input .select2-search input[type="text"] ~ label,
.form-horizontal .form-group.form-md-line-input .select2-search input[type="text"] ~ .form-control-focus {
  width: auto;
  left: 15px;
  right: 15px;
}
.form-group.form-md-line-input .form-control ~ label:after,
.form-group.form-md-line-input .form-control ~ .form-control-focus:after,
.form-group.form-md-line-input .select2-search input[type="text"] ~ label:after,
.form-group.form-md-line-input .select2-search input[type="text"] ~ .form-control-focus:after {
  content: '';
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: 50%;
  height: 2px;
  width: 0;
  visibility: hidden;
  transition: 0.2s ease all;
}
.form-group.form-md-line-input .form-control ~ label,
.form-group.form-md-line-input .select2-search input[type="text"] ~ label {
  top: 0;
  margin-bottom: 0;
  font-size: 13px;
  color: #888888;
  opacity: 1 ;
  filter: alpha(opacity=100);
}
.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label,
.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .form-control-focus,
.form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label,
.form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus,
.form-group.form-md-line-input .form-control.focus:not([readonly]) ~ label,
.form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .form-control-focus,
.form-group.form-md-line-input .select2-search input[type="text"].edited:not([readonly]) ~ label,
.form-group.form-md-line-input .select2-search input[type="text"].edited:not([readonly]) ~ .form-control-focus,
.form-group.form-md-line-input .select2-search input[type="text"]:focus:not([readonly]) ~ label,
.form-group.form-md-line-input .select2-search input[type="text"]:focus:not([readonly]) ~ .form-control-focus,
.form-group.form-md-line-input .select2-search input[type="text"].focus:not([readonly]) ~ label,
.form-group.form-md-line-input .select2-search input[type="text"].focus:not([readonly]) ~ .form-control-focus {
  color: #888888;
}
.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input .form-control.focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input .select2-search input[type="text"].edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input .select2-search input[type="text"].edited:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input .select2-search input[type="text"]:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input .select2-search input[type="text"]:focus:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input .select2-search input[type="text"].focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input .select2-search input[type="text"].focus:not([readonly]) ~ .form-control-focus:after {
  visibility: visible;
  left: 0;
  width: 100%;
  background: #26A69A;
}
.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label,
.form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label,
.form-group.form-md-line-input .form-control.focus:not([readonly]) ~ label,
.form-group.form-md-line-input .select2-search input[type="text"].edited:not([readonly]) ~ label,
.form-group.form-md-line-input .select2-search input[type="text"]:focus:not([readonly]) ~ label,
.form-group.form-md-line-input .select2-search input[type="text"].focus:not([readonly]) ~ label {
  opacity: 1 ;
  filter: alpha(opacity=100);
}
.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .help-block,
.form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .help-block,
.form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .help-block,
.form-group.form-md-line-input .select2-search input[type="text"].edited:not([readonly]) ~ .help-block,
.form-group.form-md-line-input .select2-search input[type="text"]:focus:not([readonly]) ~ .help-block,
.form-group.form-md-line-input .select2-search input[type="text"].focus:not([readonly]) ~ .help-block {
  color: #26A69A;
  opacity: 1 ;
  filter: alpha(opacity=100);
}
.form-group.form-md-line-input .form-control[readonly],
.form-group.form-md-line-input .form-control[disabled],
fieldset[disabled] .form-group.form-md-line-input .form-control,
.form-group.form-md-line-input .select2-search input[type="text"][readonly],
.form-group.form-md-line-input .select2-search input[type="text"][disabled],
fieldset[disabled] .form-group.form-md-line-input .select2-search input[type="text"] {
  background: none;
  cursor: not-allowed;
  border-bottom: 1px dashed #e5e5e5;
}
.form-group.form-md-line-input.form-md-floating-label .form-control ~ label,
.form-group.form-md-line-input.form-md-floating-label .select2-search input[type="text"] ~ label {
  font-size: 16px;
  top: 25px;
  transition: 0.2s ease all;
  color: #999;
}
.form-group.form-md-line-input.form-md-floating-label .form-control[readonly] ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.edited ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.form-control-static ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control:focus:not([readonly]) ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.focus:not([readonly]) ~ label,
.form-group.form-md-line-input.form-md-floating-label .select2-search input[type="text"][readonly] ~ label,
.form-group.form-md-line-input.form-md-floating-label .select2-search input[type="text"].edited ~ label,
.form-group.form-md-line-input.form-md-floating-label .select2-search input[type="text"].form-control-static ~ label,
.form-group.form-md-line-input.form-md-floating-label .select2-search input[type="text"]:focus:not([readonly]) ~ label,
.form-group.form-md-line-input.form-md-floating-label .select2-search input[type="text"].focus:not([readonly]) ~ label {
  top: 0;
  font-size: 13px;
}
.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm ~ label,
.form-group.form-md-line-input.form-md-floating-label .select2-search input[type="text"].input-sm ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.select2-search input[type="text"] ~ label {
  font-size: 14px;
  top: 24px;
}
.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm[readonly] ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.form-control-static ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.edited ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm:focus:not([readonly]) ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.focus:not([readonly]) ~ label,
.form-group.form-md-line-input.form-md-floating-label .select2-search input[type="text"].input-sm[readonly] ~ label,
.form-group.form-md-line-input.form-md-floating-label .select2-search input[type="text"].input-sm.form-control-static ~ label,
.form-group.form-md-line-input.form-md-floating-label .select2-search input[type="text"].input-sm.edited ~ label,
.form-group.form-md-line-input.form-md-floating-label .select2-search input[type="text"].input-sm:focus:not([readonly]) ~ label,
.form-group.form-md-line-input.form-md-floating-label .select2-search input[type="text"].input-sm.focus:not([readonly]) ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.select2-search input[type="text"][readonly] ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.select2-search input[type="text"].form-control-static ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.select2-search input[type="text"].edited ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.select2-search input[type="text"]:focus:not([readonly]) ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.select2-search input[type="text"].focus:not([readonly]) ~ label {
  top: 0;
  font-size: 13px;
}
.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg ~ label,
.form-group.form-md-line-input.form-md-floating-label .select2-search input[type="text"].input-lg ~ label {
  font-size: 20px;
  top: 30px;
}
.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg[readonly] ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.edited ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.form-control-static ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg:focus:not([readonly]) ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.focus:not([readonly]) ~ label,
.form-group.form-md-line-input.form-md-floating-label .select2-search input[type="text"].input-lg[readonly] ~ label,
.form-group.form-md-line-input.form-md-floating-label .select2-search input[type="text"].input-lg.edited ~ label,
.form-group.form-md-line-input.form-md-floating-label .select2-search input[type="text"].input-lg.form-control-static ~ label,
.form-group.form-md-line-input.form-md-floating-label .select2-search input[type="text"].input-lg:focus:not([readonly]) ~ label,
.form-group.form-md-line-input.form-md-floating-label .select2-search input[type="text"].input-lg.focus:not([readonly]) ~ label {
  top: 0;
  font-size: 13px;
}
.form-group.form-md-line-input.form-md-floating-label .input-icon > label {
  padding-left: 34px;
}
.form-group.form-md-line-input.form-md-floating-label .input-icon.right > label {
  padding-left: 0;
  padding-right: 34px;
}
.form-group.form-md-line-input.form-md-floating-label .input-group.left-addon label {
  padding-left: 34px;
}
.form-group.form-md-line-input.form-md-floating-label .input-group.right-addon label {
  padding-right: 34px;
}
.form-group.form-md-line-input + .input-icon {
  padding-top: 0;
}
.form-group.form-md-line-input .help-block {
  position: absolute;
  margin: 2px 0 0 0;
  opacity: 0 ;
  filter: alpha(opacity=0);
  font-size: 13px;
}
.form-group.form-md-line-input > .input-icon > i {
  left: 0;
  bottom: 0;
  margin: 9px 2px 10px 10px;
  color: #888888;
}
.form-group.form-md-line-input > .input-icon.input-icon-lg > i {
  top: 6px;
}
.form-group.form-md-line-input > .input-icon.input-icon-sm > i {
  top: -1px;
}
.form-group.form-md-line-input > .input-icon .form-control,
.form-group.form-md-line-input > .input-icon .select2-search input[type="text"] {
  padding-left: 34px;
}
.form-group.form-md-line-input > .input-icon > label {
  margin-top: -20px;
}
.form-group.form-md-line-input > .input-icon.right .form-control,
.form-group.form-md-line-input > .input-icon.right .select2-search input[type="text"] {
  padding-left: 0;
  padding-right: 34px;
}
.form-group.form-md-line-input > .input-icon.right > i {
  left: auto;
  right: 8px;
  margin: 11px 2px 10px 10px;
}
.form-group.form-md-line-input + .input-group {
  padding-top: 0;
}
.form-group.form-md-line-input .input-group {
  padding-top: 0;
}
.form-group.form-md-line-input .input-group > label {
  margin-top: -20px;
}
.form-group.form-md-line-input .input-group .input-group-addon {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: none;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
.form-group.form-md-line-input .input-group + .input-group-control {
  padding-top: 0;
}
.form-group.form-md-line-input .input-group .input-group-control {
  padding-top: 0;
  position: relative;
  display: table-cell;
  vertical-align: bottom;
}
.form-group.form-md-line-input .input-group .input-group-control > label {
  margin-top: -20px;
}
.form-group.form-md-line-input .input-group .input-group-btn .btn {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.form-group.form-md-line-input .input-group .input-group-btn.btn-left .btn {
  margin-right: 10px;
}
.form-group.form-md-line-input .input-group .input-group-btn.btn-right .btn {
  margin-left: 10px;
}
.form-group.form-md-line-input .input-group .help-block {
  margin-top: 35px;
}
.form-group.form-md-line-input .input-group.input-group-sm .help-block {
  margin-top: 30px;
}
.form-group.form-md-line-input .input-group.input-group-lg .help-block {
  margin-top: 47px;
}
.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-success .form-control.form-control-static ~ label:after,
.form-group.form-md-line-input.has-success .form-control.form-control-static ~ .form-control-focus:after,
.form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-success .select2-search input[type="text"].edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-success .select2-search input[type="text"].edited:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-success .select2-search input[type="text"].form-control-static ~ label:after,
.form-group.form-md-line-input.has-success .select2-search input[type="text"].form-control-static ~ .form-control-focus:after,
.form-group.form-md-line-input.has-success .select2-search input[type="text"]:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-success .select2-search input[type="text"]:focus:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-success .select2-search input[type="text"].focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-success .select2-search input[type="text"].focus:not([readonly]) ~ .form-control-focus:after {
  background: #26A69A;
}
.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ label,
.form-group.form-md-line-input.has-success .form-control.form-control-static ~ label,
.form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ label,
.form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ label,
.form-group.form-md-line-input.has-success .select2-search input[type="text"].edited:not([readonly]) ~ label,
.form-group.form-md-line-input.has-success .select2-search input[type="text"].form-control-static ~ label,
.form-group.form-md-line-input.has-success .select2-search input[type="text"]:focus:not([readonly]) ~ label,
.form-group.form-md-line-input.has-success .select2-search input[type="text"].focus:not([readonly]) ~ label {
  color: #26A69A;
}
.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ i,
.form-group.form-md-line-input.has-success .form-control.form-control-static ~ i,
.form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ i,
.form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ i,
.form-group.form-md-line-input.has-success .select2-search input[type="text"].edited:not([readonly]) ~ i,
.form-group.form-md-line-input.has-success .select2-search input[type="text"].form-control-static ~ i,
.form-group.form-md-line-input.has-success .select2-search input[type="text"]:focus:not([readonly]) ~ i,
.form-group.form-md-line-input.has-success .select2-search input[type="text"].focus:not([readonly]) ~ i {
  color: #26A69A;
}
.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-success .form-control.form-control-static ~ .help-block,
.form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-success .select2-search input[type="text"].edited:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-success .select2-search input[type="text"].form-control-static ~ .help-block,
.form-group.form-md-line-input.has-success .select2-search input[type="text"]:focus:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-success .select2-search input[type="text"].focus:not([readonly]) ~ .help-block {
  color: #26A69A;
}
.form-group.form-md-line-input.has-success .input-group-addon {
  color: #26A69A;
}
.form-horizontal .form-group.form-md-line-input.has-success > label {
  color: #26A69A;
}
.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-warning .form-control.form-control-static ~ label:after,
.form-group.form-md-line-input.has-warning .form-control.form-control-static ~ .form-control-focus:after,
.form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-warning .select2-search input[type="text"].edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-warning .select2-search input[type="text"].edited:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-warning .select2-search input[type="text"].form-control-static ~ label:after,
.form-group.form-md-line-input.has-warning .select2-search input[type="text"].form-control-static ~ .form-control-focus:after,
.form-group.form-md-line-input.has-warning .select2-search input[type="text"]:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-warning .select2-search input[type="text"]:focus:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-warning .select2-search input[type="text"].focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-warning .select2-search input[type="text"].focus:not([readonly]) ~ .form-control-focus:after {
  background: #ff5722;
}
.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ label,
.form-group.form-md-line-input.has-warning .form-control.form-control-static ~ label,
.form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ label,
.form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ label,
.form-group.form-md-line-input.has-warning .select2-search input[type="text"].edited:not([readonly]) ~ label,
.form-group.form-md-line-input.has-warning .select2-search input[type="text"].form-control-static ~ label,
.form-group.form-md-line-input.has-warning .select2-search input[type="text"]:focus:not([readonly]) ~ label,
.form-group.form-md-line-input.has-warning .select2-search input[type="text"].focus:not([readonly]) ~ label {
  color: #ff5722;
}
.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ i,
.form-group.form-md-line-input.has-warning .form-control.form-control-static ~ i,
.form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ i,
.form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ i,
.form-group.form-md-line-input.has-warning .select2-search input[type="text"].edited:not([readonly]) ~ i,
.form-group.form-md-line-input.has-warning .select2-search input[type="text"].form-control-static ~ i,
.form-group.form-md-line-input.has-warning .select2-search input[type="text"]:focus:not([readonly]) ~ i,
.form-group.form-md-line-input.has-warning .select2-search input[type="text"].focus:not([readonly]) ~ i {
  color: #ff5722;
}
.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-warning .form-control.form-control-static ~ .help-block,
.form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-warning .select2-search input[type="text"].edited:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-warning .select2-search input[type="text"].form-control-static ~ .help-block,
.form-group.form-md-line-input.has-warning .select2-search input[type="text"]:focus:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-warning .select2-search input[type="text"].focus:not([readonly]) ~ .help-block {
  color: #ff5722;
}
.form-group.form-md-line-input.has-warning .input-group-addon {
  color: #ff5722;
}
.form-horizontal .form-group.form-md-line-input.has-warning > label {
  color: #ff5722;
}
.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-error .form-control.form-control-static ~ label:after,
.form-group.form-md-line-input.has-error .form-control.form-control-static ~ .form-control-focus:after,
.form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-error .select2-search input[type="text"].edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-error .select2-search input[type="text"].edited:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-error .select2-search input[type="text"].form-control-static ~ label:after,
.form-group.form-md-line-input.has-error .select2-search input[type="text"].form-control-static ~ .form-control-focus:after,
.form-group.form-md-line-input.has-error .select2-search input[type="text"]:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-error .select2-search input[type="text"]:focus:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-error .select2-search input[type="text"].focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-error .select2-search input[type="text"].focus:not([readonly]) ~ .form-control-focus:after {
  background: #F3565D;
}
.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ label,
.form-group.form-md-line-input.has-error .form-control.form-control-static ~ label,
.form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ label,
.form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ label,
.form-group.form-md-line-input.has-error .select2-search input[type="text"].edited:not([readonly]) ~ label,
.form-group.form-md-line-input.has-error .select2-search input[type="text"].form-control-static ~ label,
.form-group.form-md-line-input.has-error .select2-search input[type="text"]:focus:not([readonly]) ~ label,
.form-group.form-md-line-input.has-error .select2-search input[type="text"].focus:not([readonly]) ~ label {
  color: #F3565D;
}
.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ i,
.form-group.form-md-line-input.has-error .form-control.form-control-static ~ i,
.form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ i,
.form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ i,
.form-group.form-md-line-input.has-error .select2-search input[type="text"].edited:not([readonly]) ~ i,
.form-group.form-md-line-input.has-error .select2-search input[type="text"].form-control-static ~ i,
.form-group.form-md-line-input.has-error .select2-search input[type="text"]:focus:not([readonly]) ~ i,
.form-group.form-md-line-input.has-error .select2-search input[type="text"].focus:not([readonly]) ~ i {
  color: #F3565D;
}
.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-error .form-control.form-control-static ~ .help-block,
.form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-error .select2-search input[type="text"].edited:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-error .select2-search input[type="text"].form-control-static ~ .help-block,
.form-group.form-md-line-input.has-error .select2-search input[type="text"]:focus:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-error .select2-search input[type="text"].focus:not([readonly]) ~ .help-block {
  color: #F3565D;
}
.form-group.form-md-line-input.has-error .input-group-addon {
  color: #F3565D;
}
.form-horizontal .form-group.form-md-line-input.has-error > label {
  color: #F3565D;
}
.form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-info .form-control.form-control-static ~ label:after,
.form-group.form-md-line-input.has-info .form-control.form-control-static ~ .form-control-focus:after,
.form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-info .select2-search input[type="text"].edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-info .select2-search input[type="text"].edited:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-info .select2-search input[type="text"].form-control-static ~ label:after,
.form-group.form-md-line-input.has-info .select2-search input[type="text"].form-control-static ~ .form-control-focus:after,
.form-group.form-md-line-input.has-info .select2-search input[type="text"]:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-info .select2-search input[type="text"]:focus:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-info .select2-search input[type="text"].focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-info .select2-search input[type="text"].focus:not([readonly]) ~ .form-control-focus:after {
  background: #89C4F4;
}
.form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ label,
.form-group.form-md-line-input.has-info .form-control.form-control-static ~ label,
.form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ label,
.form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ label,
.form-group.form-md-line-input.has-info .select2-search input[type="text"].edited:not([readonly]) ~ label,
.form-group.form-md-line-input.has-info .select2-search input[type="text"].form-control-static ~ label,
.form-group.form-md-line-input.has-info .select2-search input[type="text"]:focus:not([readonly]) ~ label,
.form-group.form-md-line-input.has-info .select2-search input[type="text"].focus:not([readonly]) ~ label {
  color: #89C4F4;
}
.form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ i,
.form-group.form-md-line-input.has-info .form-control.form-control-static ~ i,
.form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ i,
.form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ i,
.form-group.form-md-line-input.has-info .select2-search input[type="text"].edited:not([readonly]) ~ i,
.form-group.form-md-line-input.has-info .select2-search input[type="text"].form-control-static ~ i,
.form-group.form-md-line-input.has-info .select2-search input[type="text"]:focus:not([readonly]) ~ i,
.form-group.form-md-line-input.has-info .select2-search input[type="text"].focus:not([readonly]) ~ i {
  color: #89C4F4;
}
.form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-info .form-control.form-control-static ~ .help-block,
.form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-info .select2-search input[type="text"].edited:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-info .select2-search input[type="text"].form-control-static ~ .help-block,
.form-group.form-md-line-input.has-info .select2-search input[type="text"]:focus:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-info .select2-search input[type="text"].focus:not([readonly]) ~ .help-block {
  color: #89C4F4;
}
.form-group.form-md-line-input.has-info .input-group-addon {
  color: #89C4F4;
}
.form-horizontal .form-group.form-md-line-input.has-info > label {
  color: #89C4F4;
}
.form-inline .form-md-line-input {
  margin: 0;
  padding-top: 0;
  margin-right: 20px;
}
.form-inline .form-md-line-input > .input-icon {
  padding: 0;
}
.form-horizontal .form-group.form-md-line-input .input-icon .form-control,
.form-horizontal .form-group.form-md-line-input .input-icon .select2-search input[type="text"] {
  padding-left: 33px;
}
.form-horizontal .form-group.form-md-line-input .input-icon > i {
  top: 0;
}
.form-horizontal .form-group.form-md-line-input .input-icon.right .form-control,
.form-horizontal .form-group.form-md-line-input .input-icon.right .select2-search input[type="text"] {
  padding-left: 0;
  padding-right: 33px;
}
.form-horizontal .form-group.form-md-line-input .input-icon > .form-control-focus {
  left: 0 !important;
  right: 0 !important;
}
.form-horizontal .form-group.form-md-line-input .input-group {
  padding-top: 0;
}
.form-horizontal .form-group.form-md-line-input .input-group > .input-group-btn .btn {
  margin-bottom: 0 !important;
}
.form-horizontal .form-group.form-md-line-input .input-group > .input-group-control {
  padding-top: 0;
}
.form-horizontal .form-group.form-md-line-input .input-group > .input-group-control > .form-control-focus {
  left: 0 !important;
  right: 0 !important;
}
.form-horizontal .form-group.form-md-line-input .input-group > .form-control-focus {
  left: 0 !important;
  right: 0 !important;
}
.md-checkbox {
  position: relative;
  /* handling click events */
  /* when checkbox is checked */
}
.md-checkbox.md-checkbox-inline {
  display: inline-block;
}
.form-inline .md-checkbox.md-checkbox-inline {
  margin-right: 20px;
  top: 3px;
}
.md-checkbox input[type=checkbox] {
  visibility: hidden;
  position: absolute;
}
.md-checkbox label {
  cursor: pointer;
  padding-left: 30px;
}
.md-checkbox label > span {
  display: block;
  position: absolute;
  left: 0;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.md-checkbox label > span.inc {
  background: #fff;
  left: -20px;
  top: -20px;
  height: 60px;
  width: 60px;
  opacity: 0;
  border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
}
.md-checkbox label > .box {
  top: 0px;
  border: 2px solid #666;
  height: 20px;
  width: 20px;
  z-index: 5;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.md-checkbox label > .check {
  top: -4px;
  left: 6px;
  width: 10px;
  height: 20px;
  border: 2px solid #26A69A;
  border-top: none;
  border-left: none;
  opacity: 0;
  z-index: 5;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.md-checkbox label > span.inc {
  -webkit-animation: growCircle 0.3s ease;
  -moz-animation: growCircle 0.3s ease;
  animation: growCircle 0.3s ease;
}
.md-checkbox input[type=checkbox]:checked ~ label > .box {
  opacity: 0;
  -webkit-transform: scale(0) rotate(-180deg);
  -moz-transform: scale(0) rotate(-180deg);
  transform: scale(0) rotate(-180deg);
}
.md-checkbox input[type=checkbox]:checked ~ label > .check {
  opacity: 1;
  -webkit-transform: scale(1) rotate(45deg);
  -moz-transform: scale(1) rotate(45deg);
  transform: scale(1) rotate(45deg);
}
.md-checkbox input[type=checkbox]:disabled ~ label,
.md-checkbox input[type=checkbox][disabled] ~ label {
  cursor: not-allowed;
  opacity: 0.7 ;
  filter: alpha(opacity=70);
}
.md-checkbox input[type=checkbox]:disabled ~ label > .box,
.md-checkbox input[type=checkbox][disabled] ~ label > .box {
  cursor: not-allowed;
  opacity: 0.7 ;
  filter: alpha(opacity=70);
}
.md-checkbox input[type=checkbox]:disabled:checked ~ label > .check,
.md-checkbox input[type=checkbox][disabled]:checked ~ label > .check {
  cursor: not-allowed;
  opacity: 0.7 ;
  filter: alpha(opacity=70);
}
.md-checkbox.has-error label {
  color: #F3565D;
}
.md-checkbox.has-error label > .box {
  border-color: #f13e64;
}
.md-checkbox.has-error label > .check {
  border-color: #F3565D;
}
.md-checkbox.has-info label {
  color: #89C4F4;
}
.md-checkbox.has-info label > .box {
  border-color: #68caf1;
}
.md-checkbox.has-info label > .check {
  border-color: #89C4F4;
}
.md-checkbox.has-success label {
  color: #26A69A;
}
.md-checkbox.has-success label > .box {
  border-color: #219174;
}
.md-checkbox.has-success label > .check {
  border-color: #26A69A;
}
.md-checkbox.has-warning label {
  color: #ff5722;
}
.md-checkbox.has-warning label > .box {
  border-color: #ff1b08;
}
.md-checkbox.has-warning label > .check {
  border-color: #ff5722;
}
.form-md-checkboxes > label {
  font-size: 13px;
  color: #888888;
  opacity: 1 ;
  filter: alpha(opacity=100);
}
.form-md-checkboxes.has-error > label {
  color: #F3565D;
}
.form-md-checkboxes.has-info > label {
  color: #89C4F4;
}
.form-md-checkboxes.has-success > label {
  color: #26A69A;
}
.form-md-checkboxes.has-warning > label {
  color: #ff5722;
}
.md-checkbox-list {
  margin: 10px 0;
}
.form-horizontal .md-checkbox-list {
  margin-top: 0px;
}
.md-checkbox-list .md-checkbox {
  display: block;
  margin-bottom: 10px;
}
.md-checkbox-inline {
  margin: 10px 0;
}
.form-horizontal .md-checkbox-inline {
  margin-top: 5px;
}
.md-checkbox-inline .md-checkbox {
  display: inline-block;
  margin-right: 20px;
}
.md-checkbox-inline .md-checkbox:last-child {
  margin-right: 0;
}
/* bubble animation */
@-webkit-keyframes growCircle {
  0%,
  100% {
    -webkit-transform: scale(0);
    opacity: 1;
  }
  70% {
    background: #eee;
    -webkit-transform: scale(1.25);
  }
}
@-moz-keyframes growCircle {
  0%,
  100% {
    -moz-transform: scale(0);
    opacity: 1;
  }
  70% {
    background: #eee;
    -moz-transform: scale(1.25);
  }
}
@keyframes growCircle {
  0%,
  100% {
    transform: scale(0);
    opacity: 1;
  }
  70% {
    background: #eee;
    transform: scale(1.25);
  }
}
.md-radio {
  position: relative;
  /* handling click events */
  /* when radio is checked */
}
.md-radio input[type=radio] {
  visibility: hidden;
  position: absolute;
}
.md-radio label {
  cursor: pointer;
  padding-left: 30px;
}
.md-radio label > span {
  display: block;
  position: absolute;
  left: 0;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.md-radio label > span.inc {
  background: #fff;
  left: -20px;
  top: -20px;
  height: 60px;
  width: 60px;
  opacity: 0;
  border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
}
.md-radio label > .box {
  top: 0px;
  border: 2px solid #666;
  height: 20px;
  width: 20px;
  border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  z-index: 5;
}
.md-radio label > .check {
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  background: #26A69A;
  opacity: 0;
  z-index: 6;
  border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
}
.md-radio label > span.inc {
  -webkit-animation: growCircleRadio 0.3s ease;
  -moz-animation: growCircleRadio 0.3s ease;
  animation: growCircleRadio 0.3s ease;
}
.md-radio input[type=radio]:checked ~ label > .check {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}
.md-radio input[type=radio]:disabled ~ label,
.md-radio input[type=radio][disabled] ~ label {
  cursor: not-allowed;
  opacity: 0.7 ;
  filter: alpha(opacity=70);
}
.md-radio input[type=radio]:disabled ~ label > .box,
.md-radio input[type=radio][disabled] ~ label > .box {
  cursor: not-allowed;
  opacity: 0.7 ;
  filter: alpha(opacity=70);
}
.md-radio input[type=radio]:disabled:checked ~ label > .check,
.md-radio input[type=radio][disabled]:checked ~ label > .check {
  cursor: not-allowed;
  opacity: 0.7 ;
  filter: alpha(opacity=70);
}
.md-radio.has-error label {
  color: #F3565D;
}
.md-radio.has-error label > .box {
  border-color: #f13e64;
}
.md-radio.has-error label > .check {
  background: #F3565D;
}
.md-radio.has-info label {
  color: #89C4F4;
}
.md-radio.has-info label > .box {
  border-color: #68caf1;
}
.md-radio.has-info label > .check {
  background: #89C4F4;
}
.md-radio.has-success label {
  color: #26A69A;
}
.md-radio.has-success label > .box {
  border-color: #219174;
}
.md-radio.has-success label > .check {
  background: #26A69A;
}
.md-radio.has-warning label {
  color: #ff5722;
}
.md-radio.has-warning label > .box {
  border-color: #ff1b08;
}
.md-radio.has-warning label > .check {
  background: #ff5722;
}
.form-md-radios > label {
  font-size: 13px;
  color: #888888;
  opacity: 1 ;
  filter: alpha(opacity=100);
}
.form-md-radios.has-error > label {
  color: #F3565D;
}
.form-md-radios.has-info > label {
  color: #89C4F4;
}
.form-md-radios.has-success > label {
  color: #26A69A;
}
.form-md-radios.has-warning > label {
  color: #ff5722;
}
.md-radio-list {
  margin: 10px 0;
}
.form-horizontal .md-radio-list {
  margin-top: 0px;
}
.md-radio-list .md-radio {
  display: block;
  margin-bottom: 10px;
}
.md-radio-inline {
  margin: 10px 0;
}
.form-horizontal .md-radio-inline {
  margin-top: 5px;
}
.md-radio-inline .md-radio {
  display: inline-block;
  margin-right: 20px;
}
.md-radio-inline .md-radio:last-child {
  margin-right: 0;
}
/* bubble animation */
@-webkit-keyframes growCircleRadio {
  0%,
  100% {
    -webkit-transform: scale(0);
    opacity: 1;
  }
  70% {
    background: #eee;
    -webkit-transform: scale(1.25);
  }
}
@-moz-keyframes growCircleRadio {
  0%,
  100% {
    -moz-transform: scale(0);
    opacity: 1;
  }
  70% {
    background: #eee;
    -moz-transform: scale(1.25);
  }
}
@keyframes growCircleRadio {
  0%,
  100% {
    transform: scale(0);
    opacity: 1;
  }
  70% {
    background: #eee;
    transform: scale(1.25);
  }
}
/***
General typography
***/
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
h1 {
  font-size: 33px;
}
h2 {
  font-size: 27px;
}
h3 {
  font-size: 23px;
}
h4 {
  font-size: 17px;
}
h5 {
  font-size: 13px;
}
h6 {
  font-size: 12px;
}
/* Headings helper text */
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  color: #444444;
}
/* Block headings */
h1.block,
h2.block,
h3.block,
h4.block,
h5.block,
h6.block {
  padding-top: 10px;
  padding-bottom: 10px;
}
/* Links */
a {
  text-shadow: none;
  color: #444444;
}
a:hover {
  color: #1e1e1e;
}
a:focus,
a:hover,
a:active {
  outline: 0;
}
/* Horizontal break */
hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eee;
  border-bottom: 0;
}
/* Unstyled List */
.list-unstyled li > .list-unstyled {
  margin-left: 25px;
}
/* Code */
code {
  border: 1px solid #e1e1e1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
/* Disabled Navigation Link */
.disabled-link .disable-target {
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
}
.disabled-link .disable-target:hover {
  cursor: not-allowed !important;
}
.disabled-link:hover {
  cursor: not-allowed !important;
}
/***
Utilities
***/
/* Links */
a:hover {
  cursor: pointer;
}
/* Primary Link */
.primary-link {
  color: #65A0D0;
  font-weight: 600;
}
.primary-link:hover {
  color: #5194ca;
}
/* Rounded Element */
.rounded-2 {
  border-radius: 2px !important;
}
.rounded-3 {
  border-radius: 3px !important;
}
.rounded-4 {
  border-radius: 4px !important;
}
/* Circle Element */
.circle {
  border-radius: 25px !important;
}
.circle-right {
  border-radius: 0 25px 25px 0 !important;
}
.circle-left {
  border-radius: 25px 0 0 25px !important;
}
.circle-bottom {
  border-radius: 0 0 25px 25px !important;
}
.circle-top {
  border-radius: 25px 25px 0 0 !important;
}
/* General utilities */
.display-none,
.display-hide {
  display: none;
}
.hidden {
  display: none !important;
}
.primary-font {
  font-family: "Open Sans", sans-serif !important;
}
.bold {
  font-weight: 700 !important;
}
.thin {
  font-weight: 500 !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.fix-margin {
  margin-left: 0px !important;
}
.border {
  border: 1px solid red;
}
.font-hg {
  font-size: 23px;
}
.font-lg {
  font-size: 18px;
}
.font-md {
  font-size: 14px;
}
.font-sm {
  font-size: 13px;
}
.font-xs {
  font-size: 11px;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.text-align-reverse {
  text-align: right;
}
/* Margin and padding utilities */
.no-space {
  margin: 0px !important;
  padding: 0px !important;
}
.no-margin {
  margin: 0;
}
.margin-bottom-5 {
  margin-bottom: 5px;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.margin-top-10 {
  margin-top: 10px !important;
}
.margin-top-15 {
  margin-top: 15px !important;
}
.margin-bottom-15 {
  margin-bottom: 15px !important;
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
.margin-top-20 {
  margin-top: 20px !important;
}
.margin-bottom-25 {
  margin-bottom: 25px !important;
}
.margin-bottom-30 {
  margin-bottom: 30px !important;
}
.margin-bottom-40 {
  margin-bottom: 40px !important;
}
.margin-right-10 {
  margin-right: 10px !important;
}
/* IE8 & IE9 mode utilities */
.visible-ie8 {
  display: none;
}
.ie8 .visible-ie8 {
  display: inherit !important;
}
.visible-ie9 {
  display: none;
}
.ie9 .visible-ie9 {
  display: inherit !important;
}
.hidden-ie8 {
  display: inherit;
}
.ie8 .hidden-ie8 {
  display: none !important;
}
.hidden-ie9 {
  display: inherit;
}
.ie9 .hidden-ie9 {
  display: none !important;
}
/***
Responsive Utils
***/
@media (max-width: 1024px) {
  .hidden-1024 {
    display: none;
  }
}
@media (max-width: 480px) {
  .hidden-480 {
    display: none;
  }
}
@media (max-width: 320px) {
  .hidden-320 {
    display: none;
  }
}
/***
Demo Utils
***/
.scrollspy-example {
  position: relative;
  height: 200px;
  margin-top: 10px;
  overflow: auto;
}
.util-btn-margin-bottom-5 .btn {
  margin-bottom: 5px !important;
}
.util-btn-group-margin-bottom-5 .btn-group {
  margin-bottom: 5px !important;
}
/***
Users
***/
.user-info {
  margin-bottom: 10px !important;
}
.user-info img {
  float: left;
  margin-right: 5px;
}
.user-info .details {
  display: inline-block;
}
.user-info .label {
  font-weight: 300;
  font-size: 11px;
}
/***
Top News Blocks(new in v1.2.2) 
***/
.top-news {
  color: #fff;
  margin: 8px 0;
}
.top-news em {
  font-size: 13px;
  margin-bottom: 8px;
  margin-bottom: 0;
  font-style: normal;
  display: block;
}
.top-news em i {
  font-size: 14px;
}
.top-news span {
  font-size: 18px;
  margin-bottom: 5px;
  display: block;
  text-align: left;
}
.top-news a {
  display: block;
  text-align: left;
  padding: 10px;
  position: relative;
  margin-bottom: 10px;
}
.top-news a .top-news-icon {
  right: 8px;
  bottom: 15px;
  opacity: 0.3;
  font-size: 35px;
  position: absolute;
  filter: alpha(opacity=30);
  /*For IE8*/
}
.top-news .btn + .btn {
  margin-left: 0;
}
/***
Block Images(new in v1.2.2)
***/
.blog-images {
  margin-bottom: 0;
}
.blog-images li {
  padding: 0;
  margin: 0;
  display: inline;
}
.blog-images li a:hover {
  text-decoration: none;
}
.blog-images li img {
  width: 50px;
  height: 50px;
  opacity: 0.6;
  margin: 0 2px 8px;
}
.blog-images li img:hover {
  opacity: 1;
  box-shadow: 0 0 0 4px #72c02c;
  transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
}
/***
Sidebar Tags
***/
.sidebar-tags li {
  padding: 0;
}
.sidebar-tags li a {
  color: #555;
  font-size: 12px;
  padding: 3px 5px;
  background: #f7f7f7;
  margin: 0 2px 5px 0;
  display: inline-block;
}
.sidebar-tags li a:hover,
.sidebar-tags li a:hover i {
  background: #EEE;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sidebar-tags li a i {
  color: #777;
}
/***
Custom vertical inline menu
***/
.ver-inline-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}
.ver-inline-menu li {
  position: relative;
  margin-bottom: 1px;
}
.ver-inline-menu li i {
  width: 37px;
  height: 37px;
  display: inline-block;
  color: #b9cbd5;
  font-size: 15px;
  padding: 12px 10px 10px 8px;
  margin: 0 8px 0 0;
  text-align: center;
  background: #e0eaf0 !important;
}
.ver-inline-menu li a {
  font-size: 14px;
  font-weight: 300;
  color: #557386;
  display: block;
  background: #f0f6fa;
  border-left: solid 2px #c4d5df;
}
.ver-inline-menu li:hover a {
  background: #e0eaf0;
  text-decoration: none;
}
.ver-inline-menu li:hover i {
  color: #fff;
  background: #c4d5df !important;
}
.ver-inline-menu li.active a {
  border-left: solid 2px #0c91e5;
}
.ver-inline-menu li.active i {
  background: #0c91e5 !important;
}
.ver-inline-menu li.active a,
.ver-inline-menu li.active i {
  color: #fff;
  background: #169ef4;
  text-decoration: none;
}
.ver-inline-menu li.active a,
.ver-inline-menu li:hover a {
  font-size: 14px;
}
.ver-inline-menu li.active:after {
  content: '';
  display: inline-block;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  border-left: 6px solid #169ef4;
  position: absolute;
  top: 12px;
  right: -5px;
}
.ver-inline-menu {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
@media (max-width: 767px) {
  .ver-inline-menu > li.active:after {
    display: none;
  }
}
/***
Separated List
***/
.list-separated {
  margin-top: 10px;
  margin-bottom: 15px;
}
.list-separated > div:last-child {
  border-right: 0;
}
@media (max-width: 767px) {
  .list-separated {
    /* 767px */
  }
  .list-separated > div {
    margin-bottom: 20px;
  }
}
/***
Number & Chart Stats
***/
.number-stats {
  margin: 10px 0;
}
.number-stats .stat-number {
  display: inline-block;
  margin: 0 5px;
}
.number-stats .stat-number .title {
  font-size: 13px;
  margin-bottom: 3px;
  color: #B8C3C7;
}
.number-stats .stat-number .number {
  font-size: 27px;
  line-height: 27px;
  color: #7D8C9D;
}
.number-stats .stat-chart {
  display: inline-block;
  margin: 0 5px;
}
.number-stats > div {
  border-right: 1px solid #f5f5f5;
}
.number-stats > div:last-child {
  border-right: 0;
}
.number-stats .stat-left {
  float: right;
}
.number-stats .stat-left .stat-number {
  float: right;
  text-align: right;
}
.number-stats .stat-left .stat-chart {
  float: right;
}
.number-stats .stat-right {
  float: left !important;
}
.number-stats .stat-right .stat-number {
  float: left;
  text-align: left;
}
.number-stats .stat-right .stat-chart {
  float: left;
}
.number-stats .stat-number {
  float: left;
  text-align: left;
}
.number-stats .stat-chart {
  float: left;
}
/***
General User Record Listing
***/
.general-item-list > .item {
  padding: 10px 0;
  border-bottom: 1px solid #F1F4F7;
}
.general-item-list > .item:last-child {
  border-bottom: 0;
}
.general-item-list > .item > .item-head {
  margin-bottom: 5px;
}
.general-item-list > .item > .item-head:before,
.general-item-list > .item > .item-head:after {
  content: " ";
  display: table;
}
.general-item-list > .item > .item-head:after {
  clear: both;
}
.general-item-list > .item > .item-head > .item-details {
  display: inline-block;
  float: left;
}
.general-item-list > .item > .item-head > .item-details > .item-pic {
  height: 35px;
  margin-right: 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.general-item-list > .item > .item-head > .item-details > .item-name {
  display: inline-block;
  margin-right: 10px;
}
.general-item-list > .item > .item-head > .item-details > .item-label {
  color: #C0C9CC;
}
.general-item-list > .item > .item-head > .item-status {
  color: #C0C9CC;
  top: 10px;
  position: relative;
  display: inline-block;
  float: right;
}
.general-item-list > .item > .item-head > .item-status > .badge {
  margin-top: -2px;
}
.general-item-list > .item > .item-body {
  color: #96a5aa;
}
/***
File dropzone
***/
.file-drop-zone {
  border: 2px dashed #ddd;
  padding: 30px;
  text-align: center;
}
.file-drop-zone.file-drop-zone-over {
  border-color: #aaa;
}
/***
Fontawesome Icons
***/
[class^="fa-"]:not(.fa-stack),
[class^="glyphicon-"],
[class^="icon-"],
[class*=" fa-"]:not(.fa-stack),
[class*=" glyphicon-"],
[class*=" icon-"] {
  display: inline-block;
  font-size: 14px;
  *margin-right: .3em;
  line-height: 14px;
  -webkit-font-smoothing: antialiased;
}
/* Make font awesome icons fixed width */
li [class^="fa-"],
li [class^="glyphicon-"],
li [class^="icon-"],
li [class*=" fa-"],
li [class*=" glyphicon-"],
li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li [class^="glyphicon-"],
li [class*=" glyphicon-"] {
  top: 2px;
}
li [class^="icon-"],
li [class*=" icon-"] {
  top: 1px;
  position: relative;
}
li [class^="fa-"].icon-large,
li [class^="glyphicon-"].icon-large,
li [class^="icon-"].icon-large,
li [class*=" fa-"].icon-large,
li [class*=" glyphicon-"].icon-large,
li [class*=" icon-"].icon-large {
  /* increased font size for icon-large */
  width: 1.5625em;
}
/* Icon sizing */
.fa-sm:not(.fa-stack),
.icon-sm {
  font-size: 12px;
}
.fa-lg:not(.fa-stack),
.icon-lg {
  font-size: 16px !important;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
/* Icon coloring */
.icon-state-default {
  color: #c6c6c6;
}
.icon-state-success {
  color: #26A69A;
}
.icon-state-info {
  color: #89C4F4;
}
.icon-state-warning {
  color: #ff5722;
}
.icon-state-danger {
  color: #F3565D;
}
/***
Font Awesome 4.x Demo
***/
.fa-item {
  font-size: 14px;
  padding: 10px 10px 10px 20px;
}
.fa-item i {
  font-size: 16px;
  display: inline-block;
  width: 20px;
  color: #333;
}
.fa-item:hover {
  cursor: pointer;
  background: #eee;
}
/***
Simple Line Icons Demo
***/
.simplelineicons-demo .item-box {
  display: inline-block;
  font-size: 16px;
  margin: 0 -0.22em 1em 0;
  padding-left: 1em;
  width: 100%;
}
.simplelineicons-demo .item-box .item {
  background-color: #fff;
  color: #33383e;
  border-radius: 8px;
  display: inline-block;
  padding: 10px;
  width: 100%;
}
.simplelineicons-demo .item-box .item span {
  font-size: 22px;
}
@media only screen and (min-width: 768px) {
  .simplelineicons-demo .item-box {
    width: 33.333%;
  }
}
/*** 
Glyphicons Demo
***/
.glyphicons-demo ul {
  padding-left: 0;
  padding-bottom: 1px;
  margin-bottom: 20px;
  list-style: none;
  overflow: hidden;
}
.bs-glyphicon-class {
  text-align: center;
}
.bs-glyphicons {
  padding-left: 0;
  padding-bottom: 1px;
  margin-bottom: 20px;
  list-style: none;
  overflow: hidden;
}
.glyphicons-demo ul li {
  float: left;
  width: 25%;
  height: 115px;
  padding: 10px;
  margin: 0 -1px -1px 0;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  border: 1px solid #ddd;
}
.glyphicons-demo .glyphicon {
  display: block;
  margin: 5px auto 10px;
  font-size: 24px;
  color: #444;
}
.glyphicons-demo ul li:hover {
  background-color: rgba(86, 61, 124, 0.1);
}
@media (min-width: 768px) {
  .glyphicons-demo ul li {
    width: 12.5%;
  }
}
/***
Customized Bootstrap Alerts
***/
.alert {
  border-width: 1px;
}
.alert.alert-borderless {
  border: 0;
}
/***
Bootstrap Alerts
***/
.alert-success {
  background-color: #26A69A;
  border-color: #219174;
  color: #d6f5f3;
}
.alert-success hr {
  border-top-color: #1c7d64;
}
.alert-success .alert-link {
  color: #acece6;
}
.alert-info {
  background-color: #89C4F4;
  border-color: #68caf1;
  color: white;
}
.alert-info hr {
  border-top-color: #51c2ef;
}
.alert-info .alert-link {
  color: #d0e8fb;
}
.alert-warning {
  background-color: #ff5722;
  border-color: #ff1b08;
  color: white;
}
.alert-warning hr {
  border-top-color: #ee1100;
}
.alert-warning .alert-link {
  color: #d0e8fb;
}
.alert-danger {
  background-color: #F3565D;
  border-color: #f13e64;
  color: white;
}
.alert-danger hr {
  border-top-color: #f02651;
}
.alert-danger .alert-link {
  color: #fccfd1;
}
.alert {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border-width: 0;
}
/***
Custom Bootstrap Badges
***/
.badge {
  font-size: 11px !important;
  font-weight: 300;
  height: 18px;
  padding: 3px 6px 3px 6px;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
  text-shadow: none !important;
  text-align: center;
  vertical-align: middle;
}
.badge.badge-roundless {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.badge.badge-empty {
  display: inline-block;
  padding: 0;
  min-width: 8px;
  height: 8px;
  width: 8px;
}
/* Badge variants */
.badge-default {
  background-color: #c6c6c6;
  background-image: none;
}
.badge-primary {
  background-color: #00BCD4;
  background-image: none;
}
.badge-info {
  background-color: #89C4F4;
  background-image: none;
}
.badge-success {
  background-color: #26A69A;
  background-image: none;
}
.badge-danger {
  background-color: #F3565D;
  background-image: none;
}
.badge-warning {
  background-color: #ff5722;
  background-image: none;
}
/* Fix badge position for navs */
.nav.nav-pills > li > a > .badge,
.nav.nav-stacked > li > a > .badge {
  margin-top: -2px;
}
/***
Dropdown Menu Badges
***/
.dropdown-menu > li > a > .badge {
  position: absolute;
  margin-top: 1px;
  right: 3px;
  display: inline;
  font-size: 11px;
  font-weight: 300;
  text-shadow: none;
  height: 18px;
  padding: 3px 6px 3px 6px;
  text-align: center;
  vertical-align: middle;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
  padding: 4px 6px 2px 6px;
}
.dropdown-menu.badge-roundless {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.badge {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  padding: 4px 6px 2px 6px;
}
.page-sidebar .badge {
  font-size: 10px !important;
}
/***
Customized Bootstrap Buttons
***/
/* Default buttons */
.btn {
  border-width: 0;
  padding: 7px 14px;
  font-size: 14px;
  outline: none !important;
  background-image: none !important;
  filter: none;
  text-shadow: none;
}
.btn.dropdown-toggle,
.btn-group .btn.dropdown-toggle,
.btn:hover,
.btn:disabled,
.btn[disabled],
.btn:focus,
.btn:active,
.btn.active {
  outline: none !important;
  background-image: none !important;
  filter: none;
  text-shadow: none;
}
.btn + .btn {
  margin-left: 5px;
}
.btn-default {
  border-width: 1px;
  padding: 6px 13px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
/* Bootstrap buttons */
.btn-default {
  color: #666666;
  background-color: #E6E6E6;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
  color: #666666;
  background-color: #d4d4d4;
  border-color: #b3b3b3;
}
.open .btn-default.dropdown-toggle {
  color: #666666;
  background-color: #d4d4d4;
  border-color: #b3b3b3;
}
.btn-default:active,
.btn-default.active {
  background-image: none;
  background-color: #c7c7c7;
}
.btn-default:active:hover,
.btn-default.active:hover {
  background-color: #cdcdcd;
}
.open .btn-default.dropdown-toggle {
  background-image: none;
}
.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
  background-color: #E6E6E6;
  border-color: #ccc;
}
.btn-default .badge {
  color: #E6E6E6;
  background-color: #666666;
}
.btn-default > i {
  color: #aaa;
}
.btn-default > i[class^="icon-"],
.btn-default > i[class*="icon-"] {
  color: #8c8c8c;
}
.btn-primary {
  color: #fff;
  background-color: #00BCD4;
  border-color: #00a5bb;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  color: #fff;
  background-color: #009cb0;
  border-color: #007888;
}
.open .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #009cb0;
  border-color: #007888;
}
.btn-primary:active,
.btn-primary.active {
  background-image: none;
  background-color: #008697;
}
.btn-primary:active:hover,
.btn-primary.active:hover {
  background-color: #008fa1;
}
.open .btn-primary.dropdown-toggle {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
  background-color: #00BCD4;
  border-color: #00a5bb;
}
.btn-primary .badge {
  color: #00BCD4;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #26A69A;
  border-color: #219187;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
  color: #fff;
  background-color: #1f897f;
  border-color: #186860;
}
.open .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1f897f;
  border-color: #186860;
}
.btn-success:active,
.btn-success.active {
  background-image: none;
  background-color: #1b746c;
}
.btn-success:active:hover,
.btn-success.active:hover {
  background-color: #1c7d74;
}
.open .btn-success.dropdown-toggle {
  background-image: none;
}
.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
  background-color: #26A69A;
  border-color: #219187;
}
.btn-success .badge {
  color: #26A69A;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #89C4F4;
  border-color: #72b8f2;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
  color: #fff;
  background-color: #68b4f1;
  border-color: #43a1ed;
}
.open .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #68b4f1;
  border-color: #43a1ed;
}
.btn-info:active,
.btn-info.active {
  background-image: none;
  background-color: #51a8ef;
}
.btn-info:active:hover,
.btn-info.active:hover {
  background-color: #5aadf0;
}
.open .btn-info.dropdown-toggle {
  background-image: none;
}
.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
  background-color: #89C4F4;
  border-color: #72b8f2;
}
.btn-info .badge {
  color: #89C4F4;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #ff5722;
  border-color: #ff4408;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active {
  color: #fff;
  background-color: #fd3d00;
  border-color: #d43300;
}
.open .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #fd3d00;
  border-color: #d43300;
}
.btn-warning:active,
.btn-warning.active {
  background-image: none;
  background-color: #e43700;
}
.btn-warning:active:hover,
.btn-warning.active:hover {
  background-color: #ee3900;
}
.open .btn-warning.dropdown-toggle {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
  background-color: #ff5722;
  border-color: #ff4408;
}
.btn-warning .badge {
  color: #ff5722;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #F3565D;
  border-color: #f13e46;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active {
  color: #fff;
  background-color: #f1353d;
  border-color: #ec111b;
}
.open .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #f1353d;
  border-color: #ec111b;
}
.btn-danger:active,
.btn-danger.active {
  background-image: none;
  background-color: #ef1d26;
}
.btn-danger:active:hover,
.btn-danger.active:hover {
  background-color: #f0262f;
}
.open .btn-danger.dropdown-toggle {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
  background-color: #F3565D;
  border-color: #f13e46;
}
.btn-danger .badge {
  color: #F3565D;
  background-color: #fff;
}
/* Button sizes */
.btn > i {
  font-size: 14px;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  vertical-align: middle;
}
.btn-lg > i {
  font-size: 18px;
}
.btn-sm,
.btn-xs {
  padding: 4px 10px 5px 10px;
  font-size: 13px;
  line-height: 1.5;
}
.btn-sm > i,
.btn-xs > i {
  font-size: 13px;
}
.btn-xs {
  padding: 1px 5px;
}
.btn-xs > i {
  font-size: 12px;
}
/* Small button in button group */
.btn-group .input-sm .btn-default,
.btn-group .select2-search input[type="text"] .btn-default {
  padding-top: 3px;
  padding-bottom: 3px;
}
/* Arrow link */
.btn-arrow-link {
  vertical-align: middle;
  display: inline-block;
  font-size: 13px;
}
.btn-arrow-link > i {
  font-size: 14px;
  line-height: 14px;
  vertical-align: top;
  margin: 2px 3px 2px 3px;
  color: #999;
}
.btn-arrow-link.btn-arrow-link-lg {
  font-size: 14px;
}
.btn-arrow-link.btn-arrow-link-lg > i {
  font-size: 16px;
  line-height: 16px;
  margin: 2px 3px 1px 3px;
}
/* Circle Buttons */
.btn-circle {
  border-radius: 25px !important;
}
.btn-circle-right {
  border-radius: 0 25px 25px 0 !important;
}
.btn-circle-left {
  border-radius: 25px 0 0 25px !important;
}
.btn-circle-bottom {
  border-radius: 0 0 25px 25px !important;
}
.btn-circle-top {
  border-radius: 25px 25px 0 0 !important;
}
.btn-icon-only {
  height: 34px;
  width: 34px;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
.btn-icon-only > [class^="icon-"],
.btn-icon-only > i {
  text-align: center;
  margin-top: 2px;
}
.btn-sm > [class^="glyphicon-"],
.btn-sm > [class*=" glyphicon-"],
.btn-sm > i {
  font-size: 13px;
}
.btn-xs > [class^="glyphicon-"],
.btn-xs > [class*=" glyphicon-"],
.btn-xs > i {
  font-size: 11px;
}
.btn-group.btn-group-circle > .btn:first-child {
  border-radius: 25px 0 0 25px !important;
}
.btn-group.btn-group-circle > .btn:last-child {
  border-radius: 0 25px 25px 0 !important;
}
.btn-group.btn-group-devided > .btn {
  margin-right: 5px;
}
.btn-group.btn-group-devided > .btn:last-child {
  margin-right: 0;
}
.btn-group-vertical.btn-group-vertical-circle > .btn:first-child {
  border-radius: 25px 25px 0 0 !important;
}
.btn-group-vertical.btn-group-vertical-circle > .btn:last-child {
  border-radius: 0 0 25px 25px !important;
}
.btn {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border-width: 0 !important;
  overflow: hidden;
  position: relative;
  padding: 9px 14px 8px 14px;
}
.search-form .btn,
.btn-theme-panel .btn {
  box-shadow: none !important;
  overflow: visible;
}
.btn.btn-link {
  box-shadow: none;
  color: #444444;
}
.btn.btn-link:hover {
  text-decoration: none;
}
.btn > i {
  margin-top: 0;
  margin-left: 3px;
  margin-right: 3px;
}
.btn.btn-sm {
  font-size: 11px;
  padding: 6px 18px 6px 18px;
}
.btn.btn-xs {
  font-size: 11px;
  padding: 3px 8px 3px 8px;
}
.btn.btn-lg {
  font-size: 16px;
  padding: 12px 26px 10px 26px;
}
.btn.btn-icon-only {
  padding-left: 0;
  padding-right: 0;
}
.btn.btn-icon-only > i {
  margin-left: 0;
  margin-right: 0;
}
/***
Image Carousel
***/
.carousel.image-carousel .carousel-inner {
  padding-top: 0;
  padding-bottom: 0;
}
.carousel.image-carousel .carousel-control i {
  position: absolute;
  top: 40%;
}
.carousel.image-carousel.image-carousel-hoverable .carousel-control i {
  display: none;
}
.carousel.image-carousel.image-carousel-hoverable:hover .carousel-control i {
  display: inline-block;
}
.carousel.image-carousel .carousel-control.left i {
  left: 10px;
}
.carousel.image-carousel .carousel-control.right i {
  right: 10px;
}
.carousel.image-carousel .carousel-indicators {
  margin-top: 10px;
  bottom: -7px;
}
.carousel.image-carousel .carousel-indicators li {
  background-color: #666;
}
.carousel.image-carousel .carousel-indicators li.active {
  background-color: #666;
}
.carousel.image-carousel .carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 15px 15px 25px 15px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
}
.carousel.image-carousel .carousel-caption h4,
.carousel.image-carousel .carousel-caption h3,
.carousel.image-carousel .carousel-caption h2,
.carousel.image-carousel .carousel-caption p {
  text-align: left;
  line-height: 20px;
  color: #ffffff;
}
.carousel.image-carousel .carousel-caption h4,
.carousel.image-carousel .carousel-caption h3,
.carousel.image-carousel .carousel-caption h2 {
  margin: 0 0 5px;
}
.carousel.image-carousel .carousel-caption h4 a,
.carousel.image-carousel .carousel-caption h3 a,
.carousel.image-carousel .carousel-caption h2 a {
  color: #aaa;
}
.carousel.image-carousel .carousel-caption p {
  margin-bottom: 0;
}
.carousel.image-carousel .carousel-caption .item {
  margin: 0;
}
/***
Charts and statistics
***/
.chart,
.pie,
.bars {
  overflow: hidden;
  height: 300px;
  width: 100%;
  font-family: "Open Sans", sans-serif !important;
  font-size: 14px;
}
/***
Statistic lists
***/
.item-list.table .percent {
  width: 30px;
  float: right;
  margin-right: 10px;
  margin-top: 3px;
}
/***
Chart tooltips
***/
.chart-tooltip {
  clear: both;
  z-index: 100;
  background-color: #736e6e !important;
  padding: 5px !important;
  color: #fff;
}
.chart-tooltip .label {
  clear: both;
  display: block;
  margin-bottom: 2px;
}
/***
Mini chart containers
***/
.bar-chart,
.line-chart {
  display: none;
}
/***
Chats
***/
.chats {
  margin: 0;
  padding: 0;
  margin-top: -15px;
}
.chats li {
  list-style: none;
  padding: 5px 0;
  margin: 10px auto;
  font-size: 12px;
}
.chats li .body {
  display: block;
}
.chats li .avatar {
  height: 45px;
  width: 45px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}
.chats li.in .avatar {
  float: left;
  margin-right: 10px;
}
.chats li.out .avatar {
  float: right;
  margin-left: 10px;
}
.chats li .name {
  color: #3590c1;
  font-size: 13px;
  font-weight: 400;
}
.chats li .datetime {
  color: #333;
  font-size: 13px;
  font-weight: 400;
}
.chats li .message {
  display: block;
  padding: 5px;
  position: relative;
}
.chats li.in .message {
  text-align: left;
  border-left: 2px solid #1BBC9B;
  margin-left: 65px;
  background: #fafafa;
}
.chats li.in .message .arrow {
  display: block;
  position: absolute;
  top: 5px;
  left: -8px;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #1BBC9B;
}
.chats li.out .message {
  border-right: 2px solid #F3565D;
  margin-right: 65px;
  background: #fafafa;
  text-align: right;
}
.chats li.out .message .arrow {
  display: block;
  position: absolute;
  top: 5px;
  right: -8px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #F3565D;
}
.chats li.out .name,
.chats li.out .datetime {
  text-align: right;
}
.chat-form {
  margin-top: 15px;
  padding: 10px;
  background-color: #e9eff3;
  overflow: hidden;
  clear: both;
}
.chat-form .input-cont {
  margin-right: 40px;
}
.chat-form .input-cont .form-control,
.chat-form .input-cont .select2-search input[type="text"] {
  border: 1px solid #ddd;
  width: 100%  !important;
  margin-top: 0;
  background-color: #fff !important;
}
.chat-form .input-cont .form-control:focus,
.chat-form .input-cont .select2-search input[type="text"]:focus {
  border: 1px solid #4b8df9 !important;
}
.chat-form .btn-cont {
  margin-top: -42px;
  position: relative;
  float: right;
  width: 44px;
}
.chat-form .btn-cont .arrow {
  position: absolute;
  top: 17px;
  right: 43px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #4d90fe;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.chat-form .btn-cont .btn {
  margin-top: 8px;
}
.chat-form .btn-cont:hover .arrow {
  border-right-color: #0362fd;
}
.chat-form .btn-cont:hover .btn {
  background-color: #0362fd;
}
/***
Customized Bootstrap Close Icon 
***/
.close {
  display: inline-block;
  margin-top: 0px;
  margin-right: 0px;
  width: 9px;
  height: 9px;
  background-repeat: no-repeat !important;
  text-indent: -10000px;
  outline: none;
  background-image: url("../img/remove-icon-small.png") !important;
}
/***
Customized Bootstrap Dropdowns
***/
/***
Dropdowns
***/
.dropup.open > .dropdown-toggle,
.dropdown.open > .dropdown-toggle {
  border-color: #ddd;
}
/***
Dropdown Menu
***/
.dropdown-menu,
.select2-drop {
  min-width: 175px;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  list-style: none;
  text-shadow: none;
  padding: 0px;
  background-color: #ffffff;
  border: 1px solid #eee;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.dropdown-menu li.divider {
  background: #f1f3f6;
}
.dropdown-menu li.dropdown-header {
  padding: 8px 14px 2px 14px;
}
.dropdown-menu li > a {
  padding: 8px 14px;
  color: #555;
  text-decoration: none;
  display: block;
  clear: both;
  font-weight: 300;
  line-height: 18px;
  white-space: nowrap;
}
.dropdown-menu li > a > [class^="fa-"],
.dropdown-menu li > a > [class*=" fa-"] {
  color: #888;
}
.dropdown-menu li > a > [class^="icon-"],
.dropdown-menu li > a > [class*=" icon-"] {
  color: #666;
}
.dropdown-menu li > a > [class^="glyphicon-"],
.dropdown-menu li > a > [class*=" glyphicon-"] {
  color: #888;
}
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  text-decoration: none;
  background-image: none;
  background-color: #f6f6f6;
  color: #555;
  filter: none;
}
.dropdown-menu.bottom-up {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
.dropdown-menu > li:first-child:hover > a {
  border-radius: 2px 2px 0px 0px;
}
.dropdown-menu > li:last-child:hover > a {
  border-radius: 0px 0px 2px 2px;
}
.dropdown > .dropdown-menu.pull-left:before,
.dropdown-toggle > .dropdown-menu.pull-left:before,
.btn-group > .dropdown-menu.pull-left:before {
  left: auto;
  right: 9px;
}
.dropdown > .dropdown-menu.pull-left:after,
.dropdown-toggle > .dropdown-menu.pull-left:after,
.btn-group > .dropdown-menu.pull-left:after {
  left: auto;
  right: 10px;
}
.dropdown > .dropdown-menu.pull-right:before,
.dropdown-toggle > .dropdown-menu.pull-right:before,
.btn-group > .dropdown-menu.pull-right:before {
  left: auto;
  right: 9px;
}
.dropdown > .dropdown-menu.pull-right:after,
.dropdown-toggle > .dropdown-menu.pull-right:after,
.btn-group > .dropdown-menu.pull-right:after {
  left: auto;
  right: 10px;
}
.dropdown.dropup > .dropdown-menu,
.dropdown-toggle.dropup > .dropdown-menu,
.btn-group.dropup > .dropdown-menu {
  margin-top: 0px;
  margin-bottom: 10px;
}
.dropdown.dropup > .dropdown-menu:after,
.dropdown.dropup > .dropdown-menu:before,
.dropdown-toggle.dropup > .dropdown-menu:after,
.dropdown-toggle.dropup > .dropdown-menu:before,
.btn-group.dropup > .dropdown-menu:after,
.btn-group.dropup > .dropdown-menu:before {
  display: none !important;
}
/* Dropdown submenu support for Bootsrap 3 */
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 5px;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}
.dropdown-submenu > a:after {
  position: absolute;
  display: inline-block;
  font-size: 14px;
  right: 7px;
  top: 7px;
  font-family: FontAwesome;
  height: auto;
  content: "\f105";
  font-weight: 300;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}
.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
}
.nav.pull-right > li > .dropdown-menu,
.nav > li > .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.nav.pull-right > li > .dropdown-menu:before,
.nav > li > .dropdown-menu.pull-right:before {
  right: 12px;
  left: auto;
}
.nav.pull-right > li > .dropdown-menu:after,
.nav > li > .dropdown-menu.pull-right:after {
  right: 13px;
  left: auto;
}
.nav.pull-right > li > .dropdown-menu .dropdown-menu,
.nav > li > .dropdown-menu.pull-right .dropdown-menu {
  right: 100%;
  left: auto;
  margin-right: -1px;
  margin-left: 0;
}
@media (max-width: 767px) {
  /* 767px */
  .navbar-nav .open .dropdown-menu {
    position: absolute;
    float: left;
    width: auto;
    margin-top: 0;
    background-color: #ffffff;
    border: 1px solid #efefef;
    box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
  }
  .navbar-nav .open .dropdown-menu > li > a {
    padding: 6px 0 6px 13px;
    color: #333;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:active {
    background-color: #eee;
  }
}
/***
Dropdown Checkboxes
***/
.dropdown-content {
  padding: 5px;
}
.dropdown-content form {
  margin: 0;
}
.dropdown.inline .dropdown-menu {
  display: inline-block;
  position: relative;
}
.dropdown-radiobuttons,
.dropdown-checkboxes {
  padding: 5px;
}
.dropdown-radiobuttons label,
.dropdown-checkboxes label {
  display: block;
  font-weight: 300;
  color: #333;
  margin-bottom: 4px;
  margin-top: 4px;
}
.dropdown-radiobuttons label .radio,
.dropdown-checkboxes label .radio {
  margin-right: 3px;
}
.dropdown-menu,
.select2-drop {
  border: 0 !important;
  border-radius: 2px !important;
  margin: 0;
}
.dropdown-menu:before,
.dropdown-menu:after {
  display: none !important;
}
.btn-group > .dropdown-menu {
  opacity: 0 ;
  filter: alpha(opacity=0);
  margin-top: 0px;
}
.btn-group.dropup > .dropdown-menu {
  margin-top: 0px;
  margin-bottom: 0px;
}
.btn-group.open > .dropdown-menu {
  transition: opacity 1500ms cubic-bezier(0.23, 1, 0.32, 1) 0.1ms;
  opacity: 1 ;
  filter: alpha(opacity=100);
}
/***
System feeds
***/
.feeds {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.feeds li {
  background-color: #fafafa;
  color: #82949a;
  margin-bottom: 7px;
}
.feeds li:before,
.feeds li:after {
  display: table;
  line-height: 0;
  content: "";
}
.feeds li:after {
  clear: both;
}
.feeds li:last-child {
  margin-bottom: 0px;
}
.feeds li .col1 {
  float: left;
  width: 100%;
  clear: both;
}
.feeds li .col1 > .cont {
  float: left;
  margin-right: 75px;
  overflow: hidden;
}
.feeds li .col1 > .cont > .cont-col1 {
  float: left;
  margin-right: -100%;
}
.feeds li .col1 > .cont > .cont-col1 > .label {
  display: inline-block;
  padding: 5px 4px 6px 5px;
  vertical-align: middle;
  text-align: center;
}
.feeds li .col1 > .cont > .cont-col1 > .label > i {
  text-align: center;
  font-size: 14px;
}
.feeds li .col1 > .cont > .cont-col2 {
  float: left;
  width: 100%;
}
.feeds li .col1 > .cont > .cont-col2 > .desc {
  margin-left: 35px;
  padding-top: 4px;
  padding-bottom: 5px;
  overflow: hidden;
}
.feeds li .col2 {
  float: left;
  width: 75px;
  margin-left: -75px;
}
.feeds li .col2 > .date {
  padding: 4px 9px 5px 4px;
  text-align: right;
  font-style: italic;
  color: #c1cbd0;
}
/***
Form Layouts
****/
/* Static info */
.static-info {
  margin-bottom: 10px;
}
.static-info .name {
  font-size: 14px;
}
.static-info .value {
  font-size: 14px;
  font-weight: 600;
}
.static-info.align-reverse .name,
.static-info.align-reverse .value {
  text-align: right;
}
/* Help blocks */
.help-block {
  margin-top: 5px;
  margin-bottom: 5px;
}
.help-inline {
  font-size: 13px;
  color: #737373;
  display: inline-block;
  padding: 5px;
}
.form-inline input {
  margin-bottom: 0px !important;
}
/* Control Label */
.control-label {
  margin-top: 1px;
}
.control-label .required {
  color: #e02222;
  font-size: 12px;
  padding-left: 2px;
}
.form {
  padding: 0 !important;
}
.form .form-body {
  padding: 10px;
}
.portlet.light .form .form-body {
  padding-left: 0;
  padding-right: 0;
}
.form .form-actions {
  padding: 20px 10px;
  margin: 0;
  background-color: #f5f5f5;
  *zoom: 1;
}
.portlet.light .form .form-actions {
  background: none;
  padding-left: 0;
  padding-right: 0;
}
.form .form-actions.noborder {
  border-top: 0;
}
.portlet .form .form-actions {
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -ms-border-radius: 0 0 2px 2px;
  -o-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
}
.form .form-actions:before,
.form .form-actions:after {
  content: " ";
  display: table;
}
.form .form-actions:after {
  clear: both;
}
.form .form-actions.right {
  padding-left: 0;
  padding-right: 10px;
  text-align: right;
}
.portlet.light .form .form-actions.right {
  padding-right: 0;
}
.form .form-actions.left {
  padding-left: 10px;
  padding-right: 0;
  text-align: left;
}
.portlet.light .form .form-actions.left {
  padding-left: 0;
}
.form .form-actions.nobg {
  background-color: transparent;
}
.form .form-actions.top {
  margin-top: 0;
  margin-bottom: 20px;
  border-top: 0;
}
.portlet.light .form .form-actions.top {
  background: none;
}
.form .form-actions .btn-set {
  display: inline-block;
}
@media (max-width: 767px) {
  .form .form-actions {
    /* 767px */
  }
  .form .form-actions .btn-set {
    margin-bottom: 3px;
    margin-top: 3px;
    float: left !important;
  }
}
.form .form-section {
  margin: 30px 0px 25px 0px;
  padding-bottom: 5px;
}
.form .form-section:first-child {
  margin-top: 5px;
}
/* Checkboxes */
.checkbox,
.form-horizontal .checkbox {
  padding: 0;
}
.checkbox > label,
.form-horizontal .checkbox > label {
  padding-left: 0;
}
.checkbox-list > label {
  display: block;
}
.checkbox-list > label.checkbox-inline {
  display: inline-block;
}
.checkbox-list > label.checkbox-inline:first-child {
  padding-left: 0;
}
/* Radio buttons */
.radio-list > label {
  display: block;
}
.radio-list > label.radio-inline {
  display: inline-block;
}
.radio-list > label.radio-inline:first-child {
  padding-left: 0;
}
/* Radio buttons in horizontal forms */
.form-horizontal .radio-list .radio {
  padding-top: 1px;
}
.form-horizontal .radio-list > label {
  margin-bottom: 0;
}
.form-horizontal .radio > span {
  margin-top: 2px;
}
/* Rows seperated form layout */
.form .form-row-seperated .portlet-body {
  padding: 0;
}
.form .form-row-seperated .form-group {
  margin: 0;
  border-bottom: 1px solid #efefef;
  padding: 15px 0;
}
.form .form-row-seperated .form-group.last {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 13px;
}
.form .form-row-seperated .form-group .help-block {
  margin-bottom: 0;
}
.form .form-row-seperated .form-body {
  padding: 0;
}
.form .form-row-seperated .form-actions {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
/* Form bordered */
.form .form-bordered .form-group {
  margin: 0;
  border-bottom: 1px solid #efefef;
}
.form .form-bordered .form-group > div {
  padding: 15px;
  border-left: 1px solid #efefef;
}
@media (max-width: 991px) {
  .form .form-bordered .form-group > div {
    /* 991px */
    border-left: 0;
  }
}
.form .form-bordered .form-group.last {
  border-bottom: 0;
}
.form .form-bordered .form-group .control-label {
  padding-top: 20px;
}
@media (max-width: 991px) {
  .form .form-bordered .form-group .control-label {
    /* 991px */
    padding-top: 10px;
  }
}
.form .form-bordered .form-group .help-block {
  margin-bottom: 0;
}
.form .form-bordered .form-group .form-control,
.form .form-bordered .form-group .select2-search input[type="text"] {
  margin: 0;
}
.form .form-bordered .form-body {
  margin: 0;
  padding: 0;
}
.form .form-bordered .form-actions {
  margin-top: 0;
  padding-left: 16px !important;
  padding-right: 16px !important;
}
@media (max-width: 991px) {
  .form .form-bordered .form-actions {
    /* 991px */
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
/* Horizontal bordered form */
.form .form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) {
  background-color: #fcfcfc;
}
.form .form-horizontal.form-bordered.form-row-stripped .form-control,
.form .form-horizontal.form-bordered.form-row-stripped .select2-search input[type="text"] {
  background: #fff !important;
}
.form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {
  background-color: #fcfcfc;
}
.form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div {
  background-color: #ffffff;
}
.form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {
  background-color: #fcfcfc;
}
/***
Forms
***/
/* Input placeholder font color */
.form-control::-moz-placeholder,
.select2-search input[type="text"]::-moz-placeholder {
  color: #b3b3b3;
  opacity: 1;
}
.form-control:-ms-input-placeholder,
.select2-search input[type="text"]:-ms-input-placeholder {
  color: #b3b3b3;
}
.form-control::-webkit-input-placeholder,
.select2-search input[type="text"]::-webkit-input-placeholder {
  color: #b3b3b3;
}
/* Form inputs */
.form-control,
.select2-search input[type="text"] {
  font-size: 14px;
  font-weight: normal;
  color: #333;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  box-shadow: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.form-control:focus,
.select2-search input[type="text"]:focus {
  border-color: #999;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control,
.select2-search input[type="text"][disabled],
.select2-search input[type="text"][readonly],
fieldset[disabled] .select2-search input[type="text"] {
  cursor: not-allowed;
  background-color: #eeeeee;
}
.form-control.height-auto,
.select2-search input[type="text"].height-auto {
  height: auto;
}
.form-control.form-control-solid,
.select2-search input[type="text"].form-control-solid {
  background-color: #F1F3F8;
  border-color: #F1F3F8;
  color: #A6B2BA;
}
.form-control.form-control-solid:focus,
.select2-search input[type="text"].form-control-solid:focus {
  border-color: #e3e7f1;
}
.form-control.form-control-solid::-moz-placeholder,
.select2-search input[type="text"].form-control-solid::-moz-placeholder {
  color: #acb7be;
  opacity: 1;
}
.form-control.form-control-solid:-ms-input-placeholder,
.select2-search input[type="text"].form-control-solid:-ms-input-placeholder {
  color: #acb7be;
}
.form-control.form-control-solid::-webkit-input-placeholder,
.select2-search input[type="text"].form-control-solid::-webkit-input-placeholder {
  color: #acb7be;
}
/* Form uneditable input */
.uneditable-input {
  padding: 6px 12px;
  min-width: 206px;
  font-size: 14px;
  font-weight: normal;
  height: 34px;
  color: #333;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
/* Form input sizing */
.input-mini {
  width: 45px !important;
}
.input-xsmall {
  width: 80px !important;
}
.input-small {
  width: 145px !important;
}
.input-medium {
  width: 240px !important;
}
.input-large {
  width: 320px !important;
}
.input-xlarge {
  width: 420px !important;
}
.input-inline {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.input-fixed {
  overflow: hidden;
}
.form-group .input-inline {
  margin-right: 5px;
}
.input-sm,
.select2-search input[type="text"] {
  height: 28px;
  padding: 5px 10px;
  font-size: 13px;
}
select.input-sm,
select.select2-search input[type="text"] {
  height: 28px;
  line-height: 28px;
  padding: 2px 10px;
}
@media (max-width: 768px) {
  /* 768px */
  .input-large {
    width: 250px !important;
  }
  .input-xlarge {
    width: 300px !important;
  }
}
/* Input  groups */
.input-group .btn-default {
  border-color: #e5e5e5;
}
.input-group .input-group-addon {
  border-color: #e5e5e5;
  background: #e5e5e5;
  min-width: 39px;
}
.input-group .input-group-addon > i {
  color: #999;
}
/* Input spinner */
input[type="text"].spinner,
input[type="password"].spinner,
input[type="datetime"].spinner,
input[type="datetime-local"].spinner,
input[type="date"].spinner,
input[type="month"].spinner,
input[type="time"].spinner,
input[type="week"].spinner,
input[type="number"].spinner,
input[type="email"].spinner,
input[type="url"].spinner,
input[type="search"].spinner,
input[type="tel"].spinner,
input[type="color"].spinner {
  background-image: url("../img/input-spinner.gif") !important;
  background-repeat: no-repeat;
  background-position: right 8px;
}
/* Form labels */
label {
  font-weight: 400;
  font-size: 14px;
}
/* Static form control */
.form-control-static {
  margin: 2px 0;
  display: inline-block;
}
/* Feedback states */
.has-success .help-block,
.has-success .help-inline,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #26A69A;
}
.has-success .form-control,
.has-success .select2-search input[type="text"] {
  border-color: #219174;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-success .form-control:focus,
.has-success .select2-search input[type="text"]:focus {
  border-color: #186853;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-success .input-group-addon {
  color: #d6f5f3;
  border-color: #219174;
  background-color: #26A69A;
}
.has-success .input-group-addon > i {
  color: #26A69A;
}
.has-success .form-control-feedback {
  color: #d6f5f3;
}
.has-warning .help-block,
.has-warning .help-inline,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #ff5722;
}
.has-warning .form-control,
.has-warning .select2-search input[type="text"] {
  border-color: #ff1b08;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-warning .form-control:focus,
.has-warning .select2-search input[type="text"]:focus {
  border-color: #d41000;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-warning .input-group-addon {
  color: white;
  border-color: #ff1b08;
  background-color: #ff5722;
}
.has-warning .input-group-addon > i {
  color: #ff5722;
}
.has-warning .form-control-feedback {
  color: white;
}
.has-error .help-block,
.has-error .help-inline,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #F3565D;
}
.has-error .form-control,
.has-error .select2-search input[type="text"] {
  border-color: #f13e64;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-error .form-control:focus,
.has-error .select2-search input[type="text"]:focus {
  border-color: #ec113f;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-error .input-group-addon {
  color: white;
  border-color: #f13e64;
  background-color: #F3565D;
}
.has-error .input-group-addon > i {
  color: #F3565D;
}
.has-error .form-control-feedback {
  color: white;
}
/* Circle Inputs */
.input-circle {
  border-radius: 25px !important;
}
.input-circle-right {
  border-radius: 0 25px 25px 0 !important;
}
.input-circle-left {
  border-radius: 25px 0 0 25px !important;
}
.input-circle-bottom {
  border-radius: 0 0 25px 25px !important;
}
.input-circle-top {
  border-radius: 25px 25px 0 0 !important;
}
.input-group-btn .btn {
  box-shadow: none;
}
/***
Custom icon buttons
***/
.icon-btn {
  height: 60px;
  min-width: 80px;
  margin: 5px 5px 0 0;
  border: 1px solid #ddd;
  padding: 12px 0px 0px 0px;
  background-color: #fafafa;
  background-image: none;
  filter: none;
  display: inline-block;
  color: #646464;
  text-shadow: none;
  text-align: center;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.icon-btn:hover {
  text-decoration: none;
  border-color: #999;
  color: #444;
  text-shadow: 0 1px 0px white;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.icon-btn:hover > .badge {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.icon-btn > div {
  margin-top: 5px;
  margin-bottom: 20px;
  color: #000;
  font-size: 12px;
  font-weight: 300;
}
.icon-btn > .badge {
  position: absolute;
  font-size: 11px;
  font-weight: 300;
  top: -5px;
  right: -5px;
  padding: 3px 6px 3px 6px;
  color: white;
  text-shadow: none;
  border-width: 0;
  border-style: solid;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.icon-btn > i {
  font-size: 18px;
}
.ie8 .icon-btn:hover {
  filter: none;
}
.icon-btn {
  border: 0;
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.icon-btn > div {
  color: #666666;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 11px;
}
.icon-btn:hover {
  text-decoration: none;
}
/***
Input icons
***/
.input-icon {
  position: relative;
}
.input-icon > .form-control,
.input-icon > .select2-search input[type="text"] {
  padding-left: 33px;
}
.input-group .input-icon > .form-control,
.input-group .input-icon > .select2-search input[type="text"] {
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  -ms-border-radius: 2px 0 0 2px;
  -o-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
}
.input-icon > i {
  color: #ccc;
  display: block;
  position: absolute;
  margin: 11px 2px 4px 10px;
  z-index: 3;
  width: 16px;
  font-size: 16px;
  text-align: center;
}
.modal .input-icon > i {
  z-index: 10055;
}
.has-success .input-icon > i {
  color: #26A69A;
}
.has-warning .input-icon > i {
  color: #ff5722;
}
.has-info .input-icon > i {
  color: #89C4F4;
}
.has-error .input-icon > i {
  color: #F3565D;
}
.input-icon.right > .form-control,
.input-icon.right > .select2-search input[type="text"] {
  padding-right: 33px;
  padding-left: 12px;
}
.input-group .input-icon.right > .form-control,
.input-group .input-icon.right > .select2-search input[type="text"] {
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  -ms-border-radius: 0 2px 2px 0;
  -o-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}
.input-icon.right > i {
  right: 8px;
  float: right;
}
.input-icon.input-icon-lg > i {
  margin-top: 16px;
}
.input-icon.input-icon-sm > i {
  margin-top: 8px;
  font-size: 13px;
}
/***
Customized Bootstrap Labels
***/
.label {
  text-shadow: none !important;
  font-size: 13px;
  font-weight: 300;
  padding: 3px 6px 3px 6px;
  color: #fff;
  font-family: "Open Sans", sans-serif;
}
.label.label-sm {
  font-size: 12px;
  padding: 0px 4px 1px 4px;
}
h1 .label,
h2 .label,
h3 .label,
h4 .label,
h5 .label,
h6 .label {
  font-size: 75%;
}
/* Labels variants */
.label-default {
  background-color: #c6c6c6;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #adadad;
}
.label-primary {
  background-color: #00BCD4;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #008fa1;
}
.label-success {
  background-color: #26A69A;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #1c7d74;
}
.label-info {
  background-color: #89C4F4;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #5aadf0;
}
.label-warning {
  background-color: #ff5722;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ee3900;
}
.label-danger {
  background-color: #F3565D;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #f0262f;
}
/***
Iconic labels
***/
.label.label-icon {
  padding: 4px 0px 4px 4px;
  margin-right: 2px;
  text-align: center !important;
}
.label.label-icon > i {
  font-size: 12px;
  text-align: center !important;
}
.ie8 .label.label-icon,
.ie9 .label.label-icon {
  padding: 3px 0px 3px 3px;
}
/***
Text states
***/
.text-default {
  color: #c6c6c6;
}
.text-primary {
  color: #00BCD4;
}
.text-success {
  color: #26A69A;
}
.text-info {
  color: #89C4F4;
}
.text-warning {
  color: #ff5722;
}
.text-danger {
  color: #F3565D;
}
.label {
  text-transform: uppercase;
  padding: 2px 6px 4px 6px;
  font-size: 10px;
  font-weight: 600;
}
.label.label-sm {
  font-size: 10px;
  font-weight: 600;
  padding: 3px 6px 3px 6px;
}
.label.label-icon {
  padding: 4px 0px 4px 4px !important;
  font-size: 12px !important;
}
.ie8 .label.label-icon,
.ie9 .label.label-icon {
  padding: 3px 0 3px 3px !important;
}
/***
Customized List Group
***/
/* Contextual variants */
.list-group > li:first-child {
  border-radius-topleft: 2px;
  border-radius-topright: 2px;
}
.list-group > li:last-child {
  border-radius-bottomleft: 2px;
  border-radius-bottomright: 2px;
}
.list-group .list-group-item-success {
  color: #d6f5f3;
  background-color: #26A69A;
}
.list-group a.list-group-item-success {
  color: #d6f5f3;
}
.list-group a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
.list-group a.list-group-item-success:hover,
.list-group a.list-group-item-success:focus {
  color: #d6f5f3;
  background-color: #219187;
}
.list-group a.list-group-item-success.active,
.list-group a.list-group-item-success.active:hover,
.list-group a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #d6f5f3;
  border-color: #d6f5f3;
}
.list-group .list-group-item-info {
  color: white;
  background-color: #89C4F4;
}
.list-group a.list-group-item-info {
  color: white;
}
.list-group a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
.list-group a.list-group-item-info:hover,
.list-group a.list-group-item-info:focus {
  color: white;
  background-color: #72b8f2;
}
.list-group a.list-group-item-info.active,
.list-group a.list-group-item-info.active:hover,
.list-group a.list-group-item-info.active:focus {
  color: #fff;
  background-color: white;
  border-color: white;
}
.list-group .list-group-item-warning {
  color: white;
  background-color: #ff5722;
}
.list-group a.list-group-item-warning {
  color: white;
}
.list-group a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
.list-group a.list-group-item-warning:hover,
.list-group a.list-group-item-warning:focus {
  color: white;
  background-color: #ff4408;
}
.list-group a.list-group-item-warning.active,
.list-group a.list-group-item-warning.active:hover,
.list-group a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: white;
  border-color: white;
}
.list-group .list-group-item-danger {
  color: white;
  background-color: #F3565D;
}
.list-group a.list-group-item-danger {
  color: white;
}
.list-group a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
.list-group a.list-group-item-danger:hover,
.list-group a.list-group-item-danger:focus {
  color: white;
  background-color: #f13e46;
}
.list-group a.list-group-item-danger.active,
.list-group a.list-group-item-danger.active:hover,
.list-group a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: white;
  border-color: white;
}
.list-group1 {
  margin-left: 5px;
  margin-right: 5px;
  border: 0;
}
/***
UI Loading
***/
.loading-message {
  display: inline-block;
  min-width: 125px;
  margin-left: -60px;
  padding: 10px;
  margin: 0 auto;
  color: #000 !important;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
}
.loading-message.loading-message-boxed {
  border: 1px solid #ddd;
  background-color: #eee;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}
.loading-message > span {
  line-height: 20px;
  vertical-align: middle;
}
.page-loading {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 125px;
  margin-left: -60px;
  margin-top: -30px;
  padding: 7px;
  text-align: center;
  color: #333;
  font-size: 13px;
  border: 1px solid #ddd;
  background-color: #eee;
  vertical-align: middle;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}
.page-loading > span {
  line-height: 20px;
  vertical-align: middle;
}
.page-spinner-bar {
  position: fixed;
  z-index: 10051;
  width: 100px;
  top: 40%;
  left: 50%;
  margin-left: -55px;
  text-align: center;
}
.page-spinner-bar > div {
  margin: 0 5px;
  width: 18px;
  height: 18px;
  background: #eee;
  border-radius: 100% !important;
  display: inline-block;
  -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
  animation: bounceDelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.page-spinner-bar .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.page-spinner-bar .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.block-spinner-bar {
  display: inline-block;
  width: 80px;
  text-align: center;
}
.block-spinner-bar > div {
  margin: 0 2px;
  width: 15px;
  height: 15px;
  background: #eee;
  border-radius: 100% !important;
  display: inline-block;
  -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
  animation: bounceDelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.block-spinner-bar .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.block-spinner-bar .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
/***
Metro icons
***/
[class^="m-icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  line-height: 14px;
  vertical-align: top;
  background-image: url(../img/syncfusion-icons.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}
[class^="m-icon-big-"] {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 6px;
  vertical-align: middle;
  background-image: url(../img/syncfusion-icons.png);
  background-position: 0 0px;
  background-repeat: no-repeat;
}
/* large icons */
.btn.m-icon-big {
  padding: 9px 16px 8px 16px;
}
.btn.m-icon-big.m-icon-only {
  padding: 9px 8px 8px 0px;
}
.btn.m-icon-big [class^="m-icon-big-"] {
  margin: 0 0 0 10px;
}
.btn.m-icon-ony > i {
  margin-left: 0px;
}
/* default icons */
.btn.m-icon {
  padding: 7px 14px 7px 14px;
}
.btn.m-icon [class^="m-icon-"] {
  margin: 4px 0 0 5px;
}
.btn.m-icon.m-icon-only {
  padding: 7px 10px 7px 6px;
}
/* white icon */
.m-icon-white {
  background-image: url(../img/syncfusion-icons-white.png);
}
/*  Misc */
.m-icon-swapright {
  background-position: -27px -10px;
}
.m-icon-swapdown {
  background-position: -68px -10px;
}
.m-icon-swapleft {
  background-position: -8px -10px;
}
.m-icon-swapup {
  background-position: -46px -10px;
}
.m-icon-big-swapright {
  background-position: -42px -28px;
}
.m-icon-big-swapdown {
  background-position: -115px -28px;
}
.m-icon-big-swapleft {
  background-position: -6px -28px;
}
.m-icon-big-swapup {
  background-position: -78px -28px;
}
/***
Customized Bootstrap Modal 
***/
.modal {
  z-index: 10050;
  outline: none;
  overflow-y: auto !important;
  /* Fix content shifting to the right on modal open due to scrollbar closed */
}
.page-portlet-fullscreen .modal {
  z-index: 10060;
}
.modal .modal-header {
  border-bottom: 1px solid #EFEFEF;
}
.modal .modal-header h3 {
  font-weight: 300;
}
.modal .modal-header .close {
  margin-top: 0px !important;
}
.modal.draggable-modal .modal-header {
  cursor: move;
}
.modal .modal-dialog {
  z-index: 10051;
}
.modal > .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
}
.modal.in .page-loading {
  display: none;
}
.modal-open {
  overflow-y: auto !important;
}
.modal-open-noscroll {
  overflow-y: hidden !important;
}
.modal-backdrop {
  border: 0;
  outline: none;
  z-index: 10049;
}
.page-portlet-fullscreen .modal-backdrop {
  z-index: 10059;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  background-color: #333 !important;
}
/* Full width modal */
.modal-full.modal-dialog {
  width: 99%;
}
@media (max-width: 768px) {
  .modal-full.modal-dialog {
    width: auto;
  }
}
.modal .modal-content {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border: 0;
}
.modal .modal-content .modal-title {
  font-weight: 400;
}
.modal .modal-content .modal-footer {
  border: 0;
}
.modal-backdrop.in {
  opacity: 0.2 ;
  filter: alpha(opacity=20);
}
/***
Notes
***/
.note {
  margin: 0 0 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  -ms-border-radius: 0 2px 2px 0;
  -o-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}
.note h1,
.note h2,
.note h3,
.note h4,
.note h5,
.note h6 {
  margin-top: 0;
}
.note h1 .close,
.note h2 .close,
.note h3 .close,
.note h4 .close,
.note h5 .close,
.note h6 .close {
  margin-right: -10px;
}
.note p {
  font-size: 13px;
}
.note p:last-child {
  margin-bottom: 0;
}
.note code,
.note .highlight {
  background-color: #fff;
}
.note.note-default {
  background-color: lightgray;
  border-color: #adadad;
  color: #666666;
}
.note.note-default.note-bordered {
  background-color: #c3c3c3;
  border-color: #a0a0a0;
}
.note.note-default.note-shadow {
  background-color: #c6c6c6;
  border-color: #a0a0a0;
  box-shadow: 5px 5px rgba(162, 162, 162, 0.2);
}
.note.note-primary {
  background-color: #00d3ee;
  border-color: #00a198;
  color: #d4faff;
}
.note.note-primary.note-bordered {
  background-color: #00b7cf;
  border-color: #008880;
}
.note.note-primary.note-shadow {
  background-color: #00bcd4;
  border-color: #008880;
  box-shadow: 5px 5px rgba(0, 141, 133, 0.2);
}
.note.note-success {
  background-color: #2bbbad;
  border-color: #1c7d64;
  color: #d6f5f3;
}
.note.note-success.note-bordered {
  background-color: #25a296;
  border-color: #186853;
}
.note.note-success.note-shadow {
  background-color: #26a69a;
  border-color: #186853;
  box-shadow: 5px 5px rgba(25, 108, 86, 0.2);
}
.note.note-info {
  background-color: #a0d0f6;
  border-color: #51c2ef;
  color: white;
}
.note.note-info.note-bordered {
  background-color: #84c2f4;
  border-color: #3abaed;
}
.note.note-info.note-shadow {
  background-color: #89c4f4;
  border-color: #3abaed;
  box-shadow: 5px 5px rgba(62, 188, 237, 0.2);
}
.note.note-warning {
  background-color: #ff5722;
  border-color: #d41000;
  color: white;
}
.note.note-warning.note-bordered {
  background-color: #ff4003;
  border-color: #bb0e00;
}
.note.note-warning.note-shadow {
  background-color: #ff4408;
  border-color: #bb0e00;
  box-shadow: 5px 5px rgba(192, 14, 0, 0.2);
}
.note.note-danger {
  background-color: #f56e74;
  border-color: #f02651;
  color: white;
}
.note.note-danger.note-bordered {
  background-color: #f35158;
  border-color: #ec113f;
}
.note.note-danger.note-shadow {
  background-color: #f3565d;
  border-color: #ec113f;
  box-shadow: 5px 5px rgba(238, 19, 66, 0.2);
}
.note {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border: 0;
}
/***
Customized Bootstrap Pagination
***/
.pagination {
  margin: 10px 0;
}
.pagination.pagination-circle > li:first-child > a {
  border-radius: 25px 0 0 25px !important;
}
.pagination.pagination-circle > li:last-child > a {
  border-radius: 0 25px 25px 0 !important;
}
.pagination .active > a,
.pagination .active > a:hover {
  background: #eee;
  border-color: #dddddd;
  color: #333;
}
/***
Customized Bootstrap Panels
***/
.panel-group .panel {
  overflow: visible;
}
.panel .panel-body {
  font-size: 13px;
}
.panel .panel-title > a:hover {
  text-decoration: none;
}
.accordion .panel .panel-heading {
  padding: 0;
}
.accordion .panel .panel-title {
  padding: 0;
}
.accordion .panel .panel-title .accordion-toggle {
  display: block;
  padding: 10px 15px;
}
.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled {
  background: url("../img/accordion-plusminus.png") no-repeat;
  background-position: right -19px;
  margin-right: 15px;
}
.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed {
  background-position: right 12px;
}
.panel-default {
  border-color: #e0e0e0;
}
.panel-default > .panel-heading {
  color: #666666;
  background-color: #f9f9f9;
  border-color: #e0e0e0;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #e0e0e0;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #e0e0e0;
}
.panel-primary {
  border-color: #00bbb1;
}
.panel-primary > .panel-heading {
  color: #d4faff;
  background-color: #00BCD4;
  border-color: #00bbb1;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #00bbb1;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #00bbb1;
}
.panel-success {
  border-color: #219174;
}
.panel-success > .panel-heading {
  color: #d6f5f3;
  background-color: #26A69A;
  border-color: #219174;
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #219174;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #219174;
}
.panel-info {
  border-color: #68caf1;
}
.panel-info > .panel-heading {
  color: white;
  background-color: #89C4F4;
  border-color: #68caf1;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #68caf1;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #68caf1;
}
.panel-warning {
  border-color: #ff1b08;
}
.panel-warning > .panel-heading {
  color: white;
  background-color: #ff5722;
  border-color: #ff1b08;
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ff1b08;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ff1b08;
}
.panel-danger {
  border-color: #f13e64;
}
.panel-danger > .panel-heading {
  color: white;
  background-color: #F3565D;
  border-color: #f13e64;
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #f13e64;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #f13e64;
}
/***
Accordions
***/
.accordion-heading {
  background: #eee;
}
.accordion-heading a {
  text-decoration: none;
}
.accordion-heading a:hover {
  text-decoration: none;
}
.panel {
  border: 0;
}
/***
Customized Bootstrap Popover
***/
.popover {
  padding: 0;
}
.popover .popover-title {
  margin: 0 !important;
}
.popover.name .popover-title,
name .popover .popover-content,
.popover.name .popover-content {
  color: #89C4F4;
}
.popover.name .popover-title,
name .popover .popover-content,
.popover.name .popover-content {
  color: #00BCD4;
}
.popover.name .popover-title,
name .popover .popover-content,
.popover.name .popover-content {
  color: #26A69A;
}
.popover.name .popover-title,
name .popover .popover-content,
.popover.name .popover-content {
  color: #ff5722;
}
.popover.name .popover-title,
name .popover .popover-content,
.popover.name .popover-content {
  color: #F3565D;
}
.popover {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border: 0;
  background: #fff;
}
.popover > .popover-title {
  background: #fff;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  padding: 10px 14px 6px 14px;
  border: 0;
}
.popover .arrow,
.popover .arrow:after {
  display: none !important;
}
/***
Portlets
***/
/* Full Screen portlet mode */
.page-portlet-fullscreen {
  overflow: hidden;
}
/* Basic portlet */
.portlet {
  margin-top: 0px;
  margin-bottom: 25px;
  padding: 0px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.portlet.portlet-fullscreen {
  z-index: 10060;
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}
.portlet.portlet-fullscreen > .portlet-body {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 10px;
}
.portlet.portlet-fullscreen > .portlet-title {
  padding: 0 10px;
}
.portlet > .portlet-title {
  border-bottom: 1px solid #eee;
  padding: 0;
  margin-bottom: 10px;
  min-height: 41px;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -ms-border-radius: 2px 2px 0 0;
  -o-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}
.portlet > .portlet-title:before,
.portlet > .portlet-title:after {
  content: " ";
  display: table;
}
.portlet > .portlet-title:after {
  clear: both;
}
.portlet > .portlet-title > .caption {
  float: left;
  display: inline-block;
  font-size: 18px;
  line-height: 18px;
  padding: 10px 0;
}
.portlet > .portlet-title > .caption.bold {
  font-weight: 400;
}
.portlet > .portlet-title > .caption > i {
  float: left;
  margin-top: 4px;
  display: inline-block;
  font-size: 13px;
  margin-right: 5px;
  color: #666;
}
.portlet > .portlet-title > .caption > i.glyphicon {
  margin-top: 2px;
}
.portlet > .portlet-title > .caption > .caption-helper {
  padding: 0;
  margin: 0;
  line-height: 13px;
  color: #9eacb4;
  font-size: 13px;
  font-weight: 400;
}
.portlet > .portlet-title > .actions {
  float: right;
  display: inline-block;
  padding: 6px 0;
}
.portlet > .portlet-title > .actions > .dropdown-menu i {
  color: #555555;
}
.portlet > .portlet-title > .actions > .btn,
.portlet > .portlet-title > .actions > .btn.btn-sm,
.portlet > .portlet-title > .actions > .btn-group > .btn,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm {
  padding: 4px 10px;
  font-size: 13px;
  line-height: 1.5;
}
.portlet > .portlet-title > .actions > .btn.btn-default,
.portlet > .portlet-title > .actions > .btn.btn-sm.btn-default,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-default,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm.btn-default {
  padding: 3px 9px;
}
.portlet > .portlet-title > .actions > .btn > i,
.portlet > .portlet-title > .actions > .btn.btn-sm > i,
.portlet > .portlet-title > .actions > .btn-group > .btn > i,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm > i {
  font-size: 13px;
}
.portlet > .portlet-title > .actions .btn-icon-only {
  padding: 5px 7px 3px 7px;
}
.portlet > .portlet-title > .actions .btn-icon-only.btn-default {
  padding: 4px 6px 2px 6px;
}
.portlet > .portlet-title > .actions .btn-icon-only.btn-default > i {
  font-size: 14px;
}
.portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen {
  font-family: FontAwesome;
  color: #a0a0a0;
  padding-top: 4px;
}
.portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.btn-sm {
  padding: 3px 3px !important;
  height: 27px;
  width: 27px;
}
.portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen:before {
  content: "\f065";
}
.portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.on:before {
  content: "\f066";
}
.portlet > .portlet-title > .tools {
  float: right;
  display: inline-block;
  padding: 12px 0 8px 0;
}
.portlet > .portlet-title > .tools > a {
  display: inline-block;
  height: 16px;
  margin-left: 5px;
  opacity: 1 ;
  filter: alpha(opacity=100);
}
.portlet > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon.png);
  background-repeat: no-repeat;
  width: 11px;
}
.portlet > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon.png);
  background-repeat: no-repeat;
  width: 12px;
}
.portlet > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon.png);
  width: 13px;
}
.portlet > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon.png);
  width: 14px;
  visibility: visible;
}
.portlet > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon.png);
  width: 14px;
  visibility: visible;
}
.portlet > .portlet-title > .tools > a.fullscreen {
  display: inline-block;
  top: -3px;
  position: relative;
  font-size: 13px;
  font-family: FontAwesome;
  color: #ACACAC;
}
.portlet > .portlet-title > .tools > a.fullscreen:before {
  content: "\f065";
}
.portlet > .portlet-title > .tools > a.fullscreen.on:before {
  content: "\f066";
}
.portlet > .portlet-title > .tools > a:hover {
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  opacity: 0.8 ;
  filter: alpha(opacity=80);
}
.portlet > .portlet-title > .pagination {
  float: right;
  display: inline-block;
  margin: 2px 0 0 0;
  border: 0;
  padding: 4px 0;
}
.portlet > .portlet-title > .nav-tabs {
  background: none;
  margin: 0;
  float: right;
  display: inline-block;
  border: 0;
}
.portlet > .portlet-title > .nav-tabs > li {
  background: none;
  margin: 0;
  border: 0;
}
.portlet > .portlet-title > .nav-tabs > li > a {
  background: none;
  margin: 5px 0 0 1px;
  border: 0;
  padding: 8px 10px;
  color: #fff;
}
.portlet > .portlet-title > .nav-tabs > li.active > a,
.portlet > .portlet-title > .nav-tabs > li:hover > a {
  color: #333;
  background: #fff;
  border: 0;
}
.portlet > .portlet-body {
  clear: both;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -ms-border-radius: 0 0 2px 2px;
  -o-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
}
.portlet > .portlet-empty {
  min-height: 125px;
}
.portlet.full-height-content {
  margin-bottom: 0;
}
/* Portlet background colors */
/* Side bordered portlet */
.portlet.bordered > .portlet-title {
  border-bottom: 0;
}
/* Solid colored portlet */
.portlet.solid {
  padding: 0 10px 10px 10px;
  border: 0px;
}
.portlet.solid > .portlet-title {
  border-bottom: 0;
  margin-bottom: 10px;
}
.portlet.solid > .portlet-title > .caption {
  padding: 16px 0 2px 0;
}
.portlet.solid > .portlet-title > .actions {
  padding: 12px 0 6px 0;
}
.portlet.solid > .portlet-title > .tools {
  padding: 14px 0 6px 0;
}
/* Solid bordered portlet */
.portlet.solid.bordered > .portlet-title {
  margin-bottom: 10px;
}
/* Box portlet */
.portlet.box {
  padding: 0px !important;
}
.portlet.box > .portlet-title {
  border-bottom: 0;
  padding: 0 10px;
  margin-bottom: 0;
  color: #fff;
}
.portlet.box > .portlet-title > .caption {
  padding: 11px 0 9px 0;
}
.portlet.box > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.box > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.box > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.box > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.box > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.box > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box > .portlet-title > .actions {
  padding: 7px 0 5px 0;
}
.portlet.box > .portlet-body {
  background-color: #fff;
  padding: 10px;
}
.portlet.box.portlet-fullscreen > .portlet-body {
  padding: 10px;
}
/* Light Portlet */
.portlet.light {
  padding: 12px 20px 15px 20px;
  background-color: #fff;
}
.portlet.light.bordered {
  border: 1px solid #e1e1e1 !important;
}
.portlet.light.bordered > .portlet-title {
  border-bottom: 1px solid #eee;
}
.portlet.light.bg-inverse {
  background: #F7F7F7;
}
.portlet.light > .portlet-title {
  padding: 0;
  min-height: 48px;
}
.portlet.light > .portlet-title > .caption {
  color: #666;
  padding: 10px 0;
}
.portlet.light > .portlet-title > .caption > .caption-subject {
  font-size: 16px;
}
.portlet.light > .portlet-title > .caption > i {
  color: #777;
  font-size: 15px;
  font-weight: 300;
  margin-top: 3px;
}
.portlet.light > .portlet-title > .caption.caption-md > .caption-subject {
  font-size: 15px;
}
.portlet.light > .portlet-title > .caption.caption-md > i {
  font-size: 14px;
}
.portlet.light > .portlet-title > .actions {
  padding: 6px 0 14px 0;
}
.portlet.light > .portlet-title > .actions .btn-default {
  color: #666;
}
.portlet.light > .portlet-title > .actions .btn-icon-only {
  height: 27px;
  width: 27px;
}
.portlet.light > .portlet-title > .actions .dropdown-menu li > a {
  color: #555;
}
.portlet.light > .portlet-title > .inputs {
  float: right;
  display: inline-block;
  padding: 4px 0;
}
.portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > i {
  font-size: 14px;
  margin-top: 9px;
}
.portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > .form-control,
.portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > .select2-search input[type="text"] {
  height: 30px;
  padding: 2px 26px 3px 10px;
  font-size: 13px;
}
.portlet.light > .portlet-title > .inputs > .portlet-input > .form-control,
.portlet.light > .portlet-title > .inputs > .portlet-input > .select2-search input[type="text"] {
  height: 30px;
  padding: 3px 10px;
  font-size: 13px;
}
.portlet.light > .portlet-title > .pagination {
  padding: 2px 0 13px 0;
}
.portlet.light > .portlet-title > .tools {
  padding: 10px 0 13px 0;
  margin-top: 2px;
}
.portlet.light > .portlet-title > .nav-tabs > li {
  margin: 0;
  padding: 0;
}
.portlet.light > .portlet-title > .nav-tabs > li > a {
  margin: 0;
  padding: 12px 13px 13px 13px;
  font-size: 13px;
  color: #666;
}
.portlet.light > .portlet-title > .nav-tabs > li.active > a,
.portlet.light > .portlet-title > .nav-tabs > li:hover > a {
  margin: 0;
  background: none;
  color: #333;
}
.portlet.light.form-fit {
  padding: 0;
}
.portlet.light.form-fit > .portlet-title {
  padding: 17px 20px 10px 20px;
  margin-bottom: 0;
}
.portlet.light .portlet-body {
  padding-top: 8px;
}
.portlet.light.portlet-fullscreen > .portlet-body {
  padding: 8px 0;
}
.tab-pane > p:last-child {
  margin-bottom: 0px;
}
/* Reverse aligned tabs */
.tabs-reversed > li {
  float: right;
  margin-right: 0;
}
.tabs-reversed > li > a {
  margin-right: 0;
}
/* jQuery UI Draggable Portlets */
.portlet-sortable:not(.portlet-fullscreen) > .portlet-title {
  cursor: move;
}
.portlet-sortable-placeholder {
  border: 2px dashed #eee;
  margin-bottom: 25px;
}
.portlet-sortable-empty {
  box-shadow: none !important;
  height: 45px;
}
.portlet {
  box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.1);
  border: 0 !important;
  padding: 10px;
}
.portlet > .portlet-title {
  border: 0 !important;
  margin-bottom: 0;
}
.portlet.light.bordered.form-fit > .portlet-title {
  border-bottom: 1px solid #eee !important;
}
.portlet > .portlet-body {
  border: 0 !important;
}
.portlet:not(.light):not(.box):not(.solid) {
  padding: 0 10px 10px 10px;
}
.portlet.box > .portlet-title > .actions {
  padding: 7px 0 4px 0;
}
.portlet.light .portlet-body {
  padding-top: 5px;
}
/***
Customized Progress Bars
***/
.progress {
  border: 0;
  background-image: none;
  filter: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.progress.progress-sm {
  height: 12px;
}
.progress > .progress-bar-default {
  background-color: #c6c6c6;
}
.progress-striped .progress > .progress-bar-default {
  background-image: none;
}
.progress > .progress-bar-success {
  background-color: #26A69A;
}
.progress-striped .progress > .progress-bar-success {
  background-image: none;
}
.progress > .progress-bar-info {
  background-color: #89C4F4;
}
.progress-striped .progress > .progress-bar-info {
  background-image: none;
}
.progress > .progress-bar-danger {
  background-color: #F3565D;
}
.progress-striped .progress > .progress-bar-danger {
  background-image: none;
}
.progress > .progress-bar-warning {
  background-color: #ff5722;
}
.progress-striped .progress > .progress-bar-warning {
  background-image: none;
}
.progress {
  height: 8px;
  border-radius: 0 !important;
}
.progress.progress-sm {
  height: 6px;
}
/***
Dashboard Stats
***/
.dashboard-stat {
  display: block;
  margin-bottom: 25px;
  overflow: hidden;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.dashboard-stat:before,
.dashboard-stat:after {
  content: " ";
  display: table;
}
.dashboard-stat:after {
  clear: both;
}
.portlet .dashboard-stat:last-child {
  margin-bottom: 0;
}
.dashboard-stat .visual {
  width: 80px;
  height: 80px;
  display: block;
  float: left;
  padding-top: 10px;
  padding-left: 15px;
  margin-bottom: 15px;
  font-size: 35px;
  line-height: 35px;
}
.dashboard-stat .visual > i {
  margin-left: -35px;
  font-size: 110px;
  line-height: 110px;
}
.dashboard-stat .details {
  position: absolute;
  right: 15px;
  padding-right: 15px;
}
.dashboard-stat .details .number {
  padding-top: 25px;
  text-align: right;
  font-size: 34px;
  line-height: 36px;
  letter-spacing: -1px;
  margin-bottom: 0px;
  font-weight: 300;
}
.dashboard-stat .details .desc {
  text-align: right;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 300;
}
.dashboard-stat .more {
  clear: both;
  display: block;
  padding: 6px 10px 6px 10px;
  position: relative;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 11px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.dashboard-stat .more:hover {
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.dashboard-stat .more > i {
  display: inline-block;
  margin-top: 1px;
  float: right;
}
.dashboard-stat-light {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.dashboard-stat-light .details {
  margin-bottom: 5px;
}
.dashboard-stat-light .details .number {
  font-weight: 300;
  margin-bottom: 0px;
}
/***
Dashboard Stats 2
***/
.dashboard-stat2 {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background: #fff;
  padding: 15px 15px 30px 15px;
  margin-bottom: 20px;
}
.dashboard-stat2 .display {
  margin-bottom: 20px;
}
.dashboard-stat2 .display:before,
.dashboard-stat2 .display:after {
  content: " ";
  display: table;
}
.dashboard-stat2 .display:after {
  clear: both;
}
.dashboard-stat2 .display .number {
  float: left;
  display: inline-block;
}
.dashboard-stat2 .display .number h3 {
  margin: 0 0 2px 0;
  padding: 0;
  font-size: 30px;
  font-weight: 400;
}
.dashboard-stat2 .display .number h3 > small {
  font-size: 23px;
}
.dashboard-stat2 .display .number small {
  font-size: 14px;
  color: #AAB5BC;
  font-weight: 600;
  text-transform: uppercase;
}
.dashboard-stat2 .display .icon {
  display: inline-block;
  float: right;
  padding: 7px 0 0 0;
}
.dashboard-stat2 .display .icon > i {
  color: #cbd4e0;
  font-size: 26px;
}
.dashboard-stat2 .progress-info {
  clear: both;
}
.dashboard-stat2 .progress-info .progress {
  margin: 0;
  height: 4px;
  clear: both;
  display: block;
}
.dashboard-stat2 .progress-info .status {
  margin-top: 5px;
  font-size: 11px;
  color: #AAB5BC;
  font-weight: 600;
  text-transform: uppercase;
}
.dashboard-stat2 .progress-info .status .status-title {
  float: left;
  display: inline-block;
}
.dashboard-stat2 .progress-info .status .status-number {
  float: right;
  display: inline-block;
}
/***
Text Stats
***/
.text-stat h3 {
  margin-top: 5px;
  margin-bottom: 0px;
  font-size: 18px;
}
.text-stat span {
  font-size: 13px !important;
}
@media (max-width: 767px) {
  /* 767px */
  .text-stat {
    margin-top: 20px;
  }
}
/***
Social Icons
***/
.social-icons {
  padding: 0;
  margin: 0;
}
.social-icons:before,
.social-icons:after {
  content: " ";
  display: table;
}
.social-icons:after {
  clear: both;
}
.social-icons li {
  float: left;
  display: inline;
  list-style: none;
  margin-right: 5px;
  margin-bottom: 5px;
  text-indent: -9999px;
}
.social-icons li > a {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  width: 28px;
  height: 28px;
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.social-icons li:hover > a {
  background-position: 0 -38px;
}
.social-icons li .amazon {
  background: url(../img/social/amazon.png) no-repeat;
}
.social-icons li .behance {
  background: url(../img/social/behance.png) no-repeat;
}
.social-icons li .blogger {
  background: url(../img/social/blogger.png) no-repeat;
}
.social-icons li .deviantart {
  background: url(../img/social/deviantart.png) no-repeat;
}
.social-icons li .dribbble {
  background: url(../img/social/dribbble.png) no-repeat;
}
.social-icons li .dropbox {
  background: url(../img/social/dropbox.png) no-repeat;
}
.social-icons li .evernote {
  background: url(../img/social/evernote.png) no-repeat;
}
.social-icons li .facebook {
  background: url(../img/social/facebook.png) no-repeat;
}
.social-icons li .forrst {
  background: url(../img/social/forrst.png) no-repeat;
}
.social-icons li .github {
  background: url(../img/social/github.png) no-repeat;
}
.social-icons li .googleplus {
  background: url(../img/social/googleplus.png) no-repeat;
}
.social-icons li .jolicloud {
  background: url(../img/social/jolicloud.png) no-repeat;
}
.social-icons li .last-fm {
  background: url(../img/social/last-fm.png) no-repeat;
}
.social-icons li .linkedin {
  background: url(../img/social/linkedin.png) no-repeat;
}
.social-icons li .picasa {
  background: url(../img/social/picasa.png) no-repeat;
}
.social-icons li .pintrest {
  background: url(../img/social/pintrest.png) no-repeat;
}
.social-icons li .rss {
  background: url(../img/social/rss.png) no-repeat;
}
.social-icons li .skype {
  background: url(../img/social/skype.png) no-repeat;
}
.social-icons li .spotify {
  background: url(../img/social/spotify.png) no-repeat;
}
.social-icons li .stumbleupon {
  background: url(../img/social/stumbleupon.png) no-repeat;
}
.social-icons li .tumblr {
  background: url(../img/social/tumblr.png) no-repeat;
}
.social-icons li .twitter {
  background: url(../img/social/twitter.png) no-repeat;
}
.social-icons li .vimeo {
  background: url(../img/social/vimeo.png) no-repeat;
}
.social-icons li .wordpress {
  background: url(../img/social/wordpress.png) no-repeat;
}
.social-icons li .xing {
  background: url(../img/social/xing.png) no-repeat;
}
.social-icons li .yahoo {
  background: url(../img/social/yahoo.png) no-repeat;
}
.social-icons li .youtube {
  background: url(../img/social/youtube.png) no-repeat;
}
.social-icons li .vk {
  background: url(../img/social/vk.png) no-repeat;
}
.social-icons li .instagram {
  background: url(../img/social/instagram.png) no-repeat;
}
.social-icons li .reddit {
  background: url(../img/social/reddit.png) no-repeat;
}
.social-icons li .aboutme {
  background: url(../img/social/aboutme.png) no-repeat;
}
.social-icons li .flickr {
  background: url(../img/social/flickr.png) no-repeat;
}
.social-icons li .foursquare {
  background: url(../img/social/foursquare.png) no-repeat;
}
.social-icons li .gravatar {
  background: url(../img/social/gravatar.png) no-repeat;
}
.social-icons li .klout {
  background: url(../img/social/klout.png) no-repeat;
}
.social-icons li .myspace {
  background: url(../img/social/myspace.png) no-repeat;
}
.social-icons li .quora {
  background: url(../img/social/quora.png) no-repeat;
}
.social-icons.social-icons-color > li > a {
  opacity: 0.7;
  background-position: 0 -38px !important;
}
.social-icons.social-icons-color > li > a:hover {
  opacity: 1;
}
.social-icons.social-icons-circle > li > a {
  border-radius: 25px !important;
}
/***
Inline Social Icons
***/
.social-icon {
  display: inline-block !important;
  width: 28px;
  height: 28px;
  background-position: 0 0;
  background-repeat: no-repeat;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.social-icon.social-icon-circle {
  border-radius: 25px !important;
}
.social-icon.amazon {
  background: url(../img/social/amazon.png) no-repeat;
}
.social-icon.behance {
  background: url(../img/social/behance.png) no-repeat;
}
.social-icon.blogger {
  background: url(../img/social/blogger.png) no-repeat;
}
.social-icon.deviantart {
  background: url(../img/social/deviantart.png) no-repeat;
}
.social-icon.dribbble {
  background: url(../img/social/dribbble.png) no-repeat;
}
.social-icon.dropbox {
  background: url(../img/social/dropbox.png) no-repeat;
}
.social-icon.evernote {
  background: url(../img/social/evernote.png) no-repeat;
}
.social-icon.facebook {
  background: url(../img/social/facebook.png) no-repeat;
}
.social-icon.forrst {
  background: url(../img/social/forrst.png) no-repeat;
}
.social-icon.github {
  background: url(../img/social/github.png) no-repeat;
}
.social-icon.googleplus {
  background: url(../img/social/googleplus.png) no-repeat;
}
.social-icon.jolicloud {
  background: url(../img/social/jolicloud.png) no-repeat;
}
.social-icon.last-fm {
  background: url(../img/social/last-fm.png) no-repeat;
}
.social-icon.linkedin {
  background: url(../img/social/linkedin.png) no-repeat;
}
.social-icon.picasa {
  background: url(../img/social/picasa.png) no-repeat;
}
.social-icon.pintrest {
  background: url(../img/social/pintrest.png) no-repeat;
}
.social-icon.rss {
  background: url(../img/social/rss.png) no-repeat;
}
.social-icon.skype {
  background: url(../img/social/skype.png) no-repeat;
}
.social-icon.spotify {
  background: url(../img/social/spotify.png) no-repeat;
}
.social-icon.stumbleupon {
  background: url(../img/social/stumbleupon.png) no-repeat;
}
.social-icon.tumblr {
  background: url(../img/social/tumblr.png) no-repeat;
}
.social-icon.twitter {
  background: url(../img/social/twitter.png) no-repeat;
}
.social-icon.vimeo {
  background: url(../img/social/vimeo.png) no-repeat;
}
.social-icon.wordpress {
  background: url(../img/social/wordpress.png) no-repeat;
}
.social-icon.xing {
  background: url(../img/social/xing.png) no-repeat;
}
.social-icon.yahoo {
  background: url(../img/social/yahoo.png) no-repeat;
}
.social-icon.youtube {
  background: url(../img/social/youtube.png) no-repeat;
}
.social-icon.vk {
  background: url(../img/social/vk.png) no-repeat;
}
.social-icon.instagram {
  background: url(../img/social/instagram.png) no-repeat;
}
.social-icon.reddit {
  background: url(../img/social/reddit.png) no-repeat;
}
.social-icon.aboutme {
  background: url(../img/social/aboutme.png) no-repeat;
}
.social-icon.flickr {
  background: url(../img/social/flickr.png) no-repeat;
}
.social-icon.foursquare {
  background: url(../img/social/foursquare.png) no-repeat;
}
.social-icon.gravatar {
  background: url(../img/social/gravatar.png) no-repeat;
}
.social-icon.klout {
  background: url(../img/social/klout.png) no-repeat;
}
.social-icon.myspace {
  background: url(../img/social/myspace.png) no-repeat;
}
.social-icon.quora {
  background: url(../img/social/quora.png) no-repeat;
}
.social-icon:hover {
  background-position: 0 -38px;
}
.social-icon-color {
  opacity: 0.7;
  background-position: 0 -38px !important;
}
.social-icon-color:hover {
  opacity: 1;
}
/***
Customized Bootstrap Tables
***/
/***
Default table
***/
.table.table-bordered thead > tr > th {
  border-bottom: 0;
}
.table tr.heading > th {
  background-color: #eee !important;
}
.table td .img-responsive {
  width: 100%;
}
/* Contextual table row variants */
.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background: #55ecff;
  color: #004b54;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th {
  background: #3be9ff;
}
.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background: #26A69A;
  color: #d6f5f3;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
  background: #219187;
}
.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background: #89C4F4;
  color: white;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th {
  background: #72b8f2;
}
.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background: #ff5722;
  color: white;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {
  background: #ff4408;
}
.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background: #F3565D;
  color: white;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {
  background: #f13e46;
}
/***
Responsive & Scrollable Tables
***/
.table-scrollable {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid #dddddd;
  margin: 10px 0 !important;
}
.table-scrollable.table-scrollable-borderless {
  border: 0;
}
.table-scrollable > .table {
  width: 100% !important;
  margin: 0 !important;
  margin-bottom: 0;
  background-color: #fff;
}
.table-scrollable > .table > thead > tr > th,
.table-scrollable > .table > tbody > tr > th,
.table-scrollable > .table > tfoot > tr > th,
.table-scrollable > .table > tfoot > tr > th,
.table-scrollable > .table > tfoot > tr > td {
  white-space: nowrap;
}
.table-scrollable > .table-bordered {
  border: 0;
}
.table-scrollable > .table-bordered > thead > tr > th:first-child,
.table-scrollable > .table-bordered > tbody > tr > th:first-child,
.table-scrollable > .table-bordered > tfoot > tr > th:first-child,
.table-scrollable > .table-bordered > thead > tr > td:first-child,
.table-scrollable > .table-bordered > tbody > tr > td:first-child,
.table-scrollable > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.table-scrollable > .table-bordered > thead > tr > th:last-child,
.table-scrollable > .table-bordered > tbody > tr > th:last-child,
.table-scrollable > .table-bordered > tfoot > tr > th:last-child,
.table-scrollable > .table-bordered > thead > tr > td:last-child,
.table-scrollable > .table-bordered > tbody > tr > td:last-child,
.table-scrollable > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.table-scrollable > .table-bordered > thead > tr:last-child > th,
.table-scrollable > .table-bordered > tbody > tr:last-child > th,
.table-scrollable > .table-bordered > tfoot > tr:last-child > th,
.table-scrollable > .table-bordered > thead > tr:last-child > td,
.table-scrollable > .table-bordered > tbody > tr:last-child > td,
.table-scrollable > .table-bordered > tfoot > tr:last-child > td {
  border-bottom: 0;
}
/***
Responsive Flip Scroll Tables
***/
.flip-scroll table {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  /* 768px */
  .flip-scroll .flip-content:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
  .flip-scroll * html .flip-content {
    zoom: 1;
  }
  .flip-scroll *:first-child + html .flip-content {
    zoom: 1;
  }
  .flip-scroll table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }
  .flip-scroll th,
  .flip-scroll td {
    margin: 0;
    vertical-align: top;
  }
  .flip-scroll th {
    text-align: left;
    border: 0 !important;
    border-bottom: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    font-size: 13px !important;
    padding: 5px;
    width: auto !important;
  }
  .flip-scroll table {
    display: block;
    position: relative;
    width: 100%;
  }
  .flip-scroll thead {
    display: block;
    float: left;
  }
  .flip-scroll tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
  }
  .flip-scroll thead tr {
    display: block;
  }
  .flip-scroll th {
    display: block;
    text-align: right;
  }
  .flip-scroll tbody tr {
    display: inline-block;
    vertical-align: top;
    margin-left: -5px;
  }
  .flip-scroll td {
    display: block;
    min-height: 1.25em;
    text-align: left;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
  /* sort out borders */
  .flip-scroll th {
    border-bottom: 0;
    border-left: 0;
  }
  .flip-scroll td {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
  .flip-scroll tbody tr {
    border-left: 1px solid #ddd;
  }
  .flip-scroll th:last-child,
  .flip-scroll td:last-child {
    border-bottom: 1px solid #ddd;
  }
}
/***
Custom tables
***/
.table-toolbar {
  margin-bottom: 15px;
}
.table-toolbar:before,
.table-toolbar:after {
  content: " ";
  display: table;
}
.table-toolbar:after {
  clear: both;
}
.table.table-full-width {
  width: 100% !important;
}
.table .btn {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 5px;
}
.table thead tr th {
  font-size: 14px;
  font-weight: 600;
}
.table-advance {
  margin-bottom: 10px !important;
}
.table-advance thead {
  color: #999;
}
.table-advance thead tr th {
  background-color: #DDD;
  font-size: 14px;
  font-weight: 400;
  color: #666;
}
.table-advance div.success,
.table-advance div.info,
.table-advance div.important,
.table-advance div.warning,
.table-advance div.danger {
  position: absolute;
  margin-top: -5px;
  float: left;
  width: 2px;
  height: 30px;
  margin-right: 20px !important;
}
.table-advance tr td {
  border-left-width: 0px;
}
.table-advance tr td:first-child {
  border-left-width: 1px !important;
}
.table-advance tr td.highlight:first-child a {
  margin-left: 15px;
}
.table-advance td.highlight div.primary {
  border-left: 2px solid #00BCD4;
}
.table-advance td.highlight div.success {
  border-left: 2px solid #26A69A;
}
.table-advance td.highlight div.info {
  border-left: 2px solid #89C4F4;
}
.table-advance td.highlight div.warning {
  border-left: 2px solid #ff5722;
}
.table-advance td.highlight div.danger {
  border-left: 2px solid #F3565D;
}
@media (max-width: 767px) {
  /* 767px */
  .table-advance tr > td.highlight:first-child a {
    margin-left: 8px;
  }
}
/***
Light Table
***/
.table.table-light {
  border: 0 !important;
}
.table.table-light > thead > tr:hover > th {
  background: none;
}
.table.table-light > thead > tr.uppercase {
  text-transform: uppercase;
}
.table.table-light > thead > tr > th {
  font-weight: 600;
  font-size: 13px;
  color: #93a2a9;
  font-family: "Open Sans", sans-serif;
  border: 0;
  border-bottom: 1px solid #F2F5F8;
}
.table.table-light > tbody > tr:last-child > td {
  border: 0;
}
.table.table-light > tbody > tr > td {
  border: 0;
  border-bottom: 1px solid #F2F5F8;
  color: #8896a0;
  vertical-align: middle;
}
.table.table-light > tbody > tr > td.fit {
  width: 1px;
  padding-right: 3px;
}
.table.table-light > tbody > tr > td .user-pic {
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.table.table-light.table-hover > tbody > tr > td:hover,
.table.table-light.table-hover > tbody > tr > th:hover,
.table.table-light.table-hover > tbody > tr:hover > td,
.table.table-light.table-hover > tbody > tr:hover > th {
  background: #f9fafb;
}
/***
Customized Bootstrap Tabs 
***/
/* Tabs and pills */
.nav-tabs,
.nav-pills {
  margin-bottom: 10px;
}
.nav-tabs > li > a,
.nav-pills > li > a {
  font-size: 14px;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -ms-border-radius: 2px 2px 0 0;
  -o-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}
.nav-tabs > li > a > .badge,
.nav-pills > li > a > .badge {
  margin-top: -6px;
}
.nav-tabs > li .dropdown-menu:before,
.nav-tabs > li .dropdown-menu:after,
.nav-pills > li .dropdown-menu:before,
.nav-pills > li .dropdown-menu:after {
  display: none;
}
.nav-tabs.nav-tabs-sm > li > a,
.nav-tabs.nav-pills-sm > li > a,
.nav-pills.nav-tabs-sm > li > a,
.nav-pills.nav-pills-sm > li > a {
  font-size: 13px;
}
.nav-tabs .dropdown.open > .dropdown-toggle,
.nav-pills .dropdown.open > .dropdown-toggle {
  background: #eee;
  color: #0d638f;
  border-color: transparent;
}
/* Left and right tabs */
.tabs-right.nav-tabs,
.tabs-left.nav-tabs {
  border-bottom: 0;
}
.tabs-right.nav-tabs > li,
.tabs-left.nav-tabs > li {
  float: none;
}
.tabs-right.nav-tabs > li > a,
.tabs-left.nav-tabs > li > a {
  margin-right: 0;
  margin-bottom: 3px;
}
/* Left tabs */
.tabs-left.nav-tabs {
  border-right: 1px solid #ddd;
}
.tabs-left.nav-tabs > li > a {
  display: block;
  margin-right: -1px;
}
.tabs-left.nav-tabs > li > a:hover,
.tabs-left.nav-tabs > li > a:focus {
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  -ms-border-radius: 2px 0 0 2px;
  -o-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}
.tabs-left.nav-tabs > li.active > a,
.tabs-left.nav-tabs > li.active > a:hover > li.active > a:focus {
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  -ms-border-radius: 2px 0 0 2px;
  -o-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}
/* Right tabs */
.tabs-right.nav-tabs {
  border-left: 1px solid #ddd;
}
.tabs-right.nav-tabs > li > a {
  display: block;
  margin-left: -1px;
}
.tabs-right.nav-tabs > li > a:hover,
.tabs-right.nav-tabs > li > a:focus {
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  -ms-border-radius: 0 2px 2px 0;
  -o-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}
.tabs-right.nav-tabs > li.active > a,
.tabs-right.nav-tabs > li.active > a:hover > li.active > a:focus {
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  -ms-border-radius: 0 2px 2px 0;
  -o-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}
/* Below tabs */
.tabs-below > .nav-tabs,
.tabs-below > .nav-pills {
  border-bottom: 0;
  margin-bottom: 0px;
  margin-top: 10px;
}
.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
  margin-bottom: 0;
  margin-top: 10px;
}
.tabs-below > .nav-tabs > li > a {
  margin-top: -1px;
  margin-bottom: 0;
}
.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}
.tabs-below > .nav-tabs > li > a .dropdown-menu {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.tabs-below > .nav-tabs .active a,
.tabs-below > .nav-tabs .active a:hover .active a:focus {
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -ms-border-radius: 0 0 2px 2px;
  -o-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  border-color: transparent #ddd #ddd #ddd  !important;
}
/***
Custom tabs
***/
/* In BS3.0.0 tabbable class was removed. We had to added it back */
.tabbable:before,
.tabbable:after {
  content: " ";
  display: table;
}
.tabbable:after {
  clear: both;
}
.tabbable-custom {
  margin-bottom: 15px;
  padding: 0px;
  overflow: hidden;
  /* justified tabs */
  /* boxless tabs */
  /* below justified tabs */
  /* full width tabs */
  /* below tabs */
}
.tabbable-custom > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-custom > .nav-tabs > li {
  margin-right: 2px;
  border-top: 2px solid transparent;
}
.tabbable-custom > .nav-tabs > li > a {
  margin-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.tabbable-custom > .nav-tabs > li > a:hover {
  background: none;
  border-color: transparent;
}
.tabbable-custom > .nav-tabs > li.active {
  border-top: 3px solid #F3565D;
  margin-top: 0;
  position: relative;
}
.tabbable-custom > .nav-tabs > li.active > a {
  border-top: none !important;
  font-weight: 400;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.tabbable-custom > .nav-tabs > li.active > a:hover {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border-top: none;
  background: #fff;
  border-color: #d4d4d4 #d4d4d4 transparent;
}
.tabbable-custom > .tab-content {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 10px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -ms-border-radius: 0 0 2px 2px;
  -o-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
}
.tabbable-custom.nav-justified > .tab-content {
  margin-top: -1px;
}
.tabbable-custom.boxless > .tab-content {
  padding: 15px 0;
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.tabbable-custom.tabs-below.nav-justified .tab-content {
  margin-top: 0px;
  margin-bottom: -2px;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -ms-border-radius: 2px 2px 0 0;
  -o-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}
.tabbable-custom.tabbable-full-width > .nav-tabs > li > a {
  color: #424242;
  font-size: 15px;
  padding: 9px 15px;
}
.tabbable-custom.tabbable-full-width > .tab-content {
  padding: 15px 0;
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.tabbable-custom.tabs-below .nav-tabs > li > a {
  border-top: none;
  border-bottom: 2px solid transparent;
  margin-top: -1px;
}
.tabbable-custom.tabs-below .nav-tabs > li.active {
  border-top: none;
  border-bottom: 3px solid #d12610;
  margin-bottom: 0;
  position: relative;
}
.tabbable-custom.tabs-below .nav-tabs > li.active > a {
  border-bottom: none;
}
.tabbable-custom.tabs-below .nav-tabs > li.active > a:hover {
  background: #fff;
  border-color: #d4d4d4 #d4d4d4 transparent;
}
.tabbable-custom.tabbable-noborder > .nav-tabs > li > a {
  border: 0;
}
.tabbable-custom.tabbable-noborder .tab-content {
  border: 0;
}
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open,
.tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a,
.tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333;
}
.tabbable-line > .nav-tabs > li.open > a > i,
.tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu,
.tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #F3565D;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #F3565D;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}
/***
Tiles(new in v1.1.1)
***/
.tiles {
  margin-right: -10px;
}
.tiles:before,
.tiles:after {
  display: table;
  content: " ";
}
.tiles:after {
  clear: both;
}
.tiles .tile {
  display: block;
  float: left;
  height: 135px;
  width: 135px !important;
  cursor: pointer;
  text-decoration: none;
  color: #ffffff;
  position: relative;
  font-weight: 300;
  font-size: 12px;
  letter-spacing: 0.02em;
  line-height: 20px;
  overflow: hidden;
  border: 4px solid transparent;
  margin: 0 10px 10px 0;
}
.tiles .tile:after,
.tiles .tile:before {
  content: "";
  float: left;
}
.tiles .tile.double {
  width: 280px !important;
}
.tiles .tile.double-down {
  height: 280px !important;
}
.tiles .tile.double-down i {
  margin-top: 95px;
}
.tiles .tile:hover {
  border-color: #aaa !important;
}
.tiles .tile:active,
.tiles .tile.selected {
  border-color: #ccc !important;
}
.tiles .tile.selected .corner:after {
  content: "";
  display: inline-block;
  border-left: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-right: 40px solid #ccc;
  position: absolute;
  top: -3px;
  right: -3px;
}
.tiles .tile.selected .check:after {
  content: "";
  font-family: FontAwesome;
  font-size: 13px;
  content: "\f00c";
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 2px;
}
.tiles .tile.icon {
  padding: 0;
}
.tiles .tile.image .tile-body {
  padding: 0 !important;
}
.tiles .tile.image .tile-body > img {
  width: 100%;
  height: auto;
  min-height: 100%;
  max-width: 100%;
}
.tiles .tile.image .tile-body h3 {
  display: inline-block;
}
.tiles .tile .tile-body {
  height: 100%;
  vertical-align: top;
  padding: 10px 10px;
  overflow: hidden;
  position: relative;
  font-weight: 400;
  font-size: 12px;
  color: #000000;
  color: #ffffff;
  margin-bottom: 10px;
}
.tiles .tile .tile-body p {
  font-weight: 400;
  font-size: 13px;
  color: #000000;
  color: #ffffff;
  line-height: 20px;
  overflow: hidden;
}
.tiles .tile .tile-body p:hover {
  color: rgba(0, 0, 0, 0.8);
}
.tiles .tile .tile-body p:active {
  color: rgba(0, 0, 0, 0.4);
}
.tiles .tile .tile-body p:hover {
  color: #ffffff;
}
.tiles .tile .tile-body img {
  float: left;
  margin-right: 10px;
}
.tiles .tile .tile-body img.pull-right {
  float: right !important;
  margin-left: 10px;
  margin-right: 0px;
}
.tiles .tile .tile-body > .content {
  display: inline-block;
}
.tiles .tile .tile-body > i {
  margin-top: 17px;
  display: block;
  font-size: 56px;
  line-height: 56px;
  text-align: center;
}
.tiles .tile .tile-body h1,
.tiles .tile .tile-body h2,
.tiles .tile .tile-body h3,
.tiles .tile .tile-body h4,
.tiles .tile .tile-body h5,
.tiles .tile .tile-body h6,
.tiles .tile .tile-body p {
  padding: 0;
  margin: 0;
  line-height: 14px;
}
.tiles .tile .tile-body h1:hover,
.tiles .tile .tile-body h2:hover,
.tiles .tile .tile-body h3:hover,
.tiles .tile .tile-body h4:hover,
.tiles .tile .tile-body h5:hover,
.tiles .tile .tile-body h6:hover,
.tiles .tile .tile-body p:hover {
  color: #ffffff;
}
.tiles .tile .tile-body h3,
.tiles .tile .tile-body h4 {
  margin-bottom: 5px;
}
.tiles .tile .tile-object {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 30px;
  background-color: transparent;
  *zoom: 1;
}
.tiles .tile .tile-object:before,
.tiles .tile .tile-object:after {
  display: table;
  content: "";
}
.tiles .tile .tile-object:after {
  clear: both;
}
.tiles .tile .tile-object > .name {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 15px;
  font-weight: 400;
  font-size: 13px;
  color: #ffffff;
}
.tiles .tile .tile-object > .name > i {
  vertical-align: middle;
  display: block;
  font-size: 24px;
  height: 18px;
  width: 24px;
}
.tiles .tile .tile-object > .number {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 0;
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.01em;
  line-height: 14px;
  margin-bottom: 8px;
  margin-right: 10px;
}
/***
Custimized Bootstrap Wells
***/
.well {
  background-color: #eee;
  border: 0;
}
.well {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
/***
AngularJS Basic Animations
***/
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(15px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(15px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(15px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(15px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in-up {
  -webkit-animation: fadeInUp .5s;
  animation: fadeInUp .5s;
}
@-webkit-keyframes bounceDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes bounceDelay {
  0%,
  80%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@keyframes input-focus {
  0% {
    left: 20%;
    width: 20%;
  }
  99% {
    width: 0;
    left: 0;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* Button */
.btn.default {
  color: #333333;
  background-color: #E5E5E5;
}
.btn.default:hover,
.btn.default:focus,
.btn.default:active,
.btn.default.active {
  color: #333333;
  background-color: lightgray;
}
.open .btn.default.dropdown-toggle {
  color: #333333;
  background-color: lightgray;
}
.btn.default:active,
.btn.default.active {
  background-image: none;
  background-color: #c6c6c6;
}
.btn.default:active:hover,
.btn.default.active:hover {
  background-color: #cccccc;
}
.open .btn.default.dropdown-toggle {
  background-image: none;
}
.btn.default.disabled,
.btn.default.disabled:hover,
.btn.default.disabled:focus,
.btn.default.disabled:active,
.btn.default.disabled.active,
.btn.default[disabled],
.btn.default[disabled]:hover,
.btn.default[disabled]:focus,
.btn.default[disabled]:active,
.btn.default[disabled].active,
fieldset[disabled] .btn.default,
fieldset[disabled] .btn.default:hover,
fieldset[disabled] .btn.default:focus,
fieldset[disabled] .btn.default:active,
fieldset[disabled] .btn.default.active {
  background-color: #E5E5E5;
}
.btn.default .badge {
  color: #E5E5E5;
  background-color: #333333;
}
/**********
Blue Colors
***********/
/***
Blue Default
***/
/* Button */
.blue.btn {
  color: #FFFFFF;
  background-color: #3598dc;
}
.blue.btn:hover,
.blue.btn:focus,
.blue.btn:active,
.blue.btn.active {
  color: #FFFFFF;
  background-color: #2386ca;
}
.open .blue.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #2386ca;
}
.blue.btn:active,
.blue.btn.active {
  background-image: none;
  background-color: #1f78b5;
}
.blue.btn:active:hover,
.blue.btn.active:hover {
  background-color: #217ebd;
}
.open .blue.btn.dropdown-toggle {
  background-image: none;
}
.blue.btn.disabled,
.blue.btn.disabled:hover,
.blue.btn.disabled:focus,
.blue.btn.disabled:active,
.blue.btn.disabled.active,
.blue.btn[disabled],
.blue.btn[disabled]:hover,
.blue.btn[disabled]:focus,
.blue.btn[disabled]:active,
.blue.btn[disabled].active,
fieldset[disabled] .blue.btn,
fieldset[disabled] .blue.btn:hover,
fieldset[disabled] .blue.btn:focus,
fieldset[disabled] .blue.btn:active,
fieldset[disabled] .blue.btn.active {
  background-color: #3598dc;
}
.blue.btn .badge {
  color: #3598dc;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.blue-stripe {
  border-left: 3px solid #3598dc;
}
/* Portlet */
.portlet > .portlet-body.blue,
.portlet.blue {
  background-color: #3598dc;
}
.portlet.solid.blue > .portlet-title,
.portlet.solid.blue > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.blue > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.blue > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.blue > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.blue > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.blue > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.blue > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.blue > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.blue > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.blue {
  border: 1px solid #60aee4;
  border-top: 0;
}
.portlet.box.blue > .portlet-title {
  background-color: #3598dc;
}
.portlet.box.blue > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.blue > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.blue > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #95c9ed;
  color: #aad4f0;
  box-shadow: none;
}
.portlet.box.blue > .portlet-title > .actions .btn-default > i {
  color: #b7daf3;
}
.portlet.box.blue > .portlet-title > .actions .btn-default:hover,
.portlet.box.blue > .portlet-title > .actions .btn-default:focus,
.portlet.box.blue > .portlet-title > .actions .btn-default:active,
.portlet.box.blue > .portlet-title > .actions .btn-default.active {
  border: 1px solid #c0dff4;
  color: #d6eaf8;
}
/* Statistic Block */
.dashboard-stat.blue {
  background-color: #3598dc;
}
.dashboard-stat.blue.dashboard-stat-light:hover {
  background-color: #258fd7;
}
.dashboard-stat.blue .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.blue .details .number {
  color: #FFFFFF;
}
.dashboard-stat.blue .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.blue .more {
  color: #FFFFFF;
  background-color: #258fd7;
}
/* General Element */
.bg-blue {
  border-color: #3598dc !important;
  background-image: none !important;
  background-color: #3598dc !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-blue {
  color: #3598dc !important;
}
.progress-bar.blue {
  background: #3598dc !important;
  color: #FFFFFF !important;
}
/***
Blue Madison
***/
/* Button */
.blue-madison.btn {
  color: #FFFFFF;
  background-color: #578ebe;
}
.blue-madison.btn:hover,
.blue-madison.btn:focus,
.blue-madison.btn:active,
.blue-madison.btn.active {
  color: #FFFFFF;
  background-color: #437cae;
}
.open .blue-madison.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #437cae;
}
.blue-madison.btn:active,
.blue-madison.btn.active {
  background-image: none;
  background-color: #3c6f9c;
}
.blue-madison.btn:active:hover,
.blue-madison.btn.active:hover {
  background-color: #3f74a3;
}
.open .blue-madison.btn.dropdown-toggle {
  background-image: none;
}
.blue-madison.btn.disabled,
.blue-madison.btn.disabled:hover,
.blue-madison.btn.disabled:focus,
.blue-madison.btn.disabled:active,
.blue-madison.btn.disabled.active,
.blue-madison.btn[disabled],
.blue-madison.btn[disabled]:hover,
.blue-madison.btn[disabled]:focus,
.blue-madison.btn[disabled]:active,
.blue-madison.btn[disabled].active,
fieldset[disabled] .blue-madison.btn,
fieldset[disabled] .blue-madison.btn:hover,
fieldset[disabled] .blue-madison.btn:focus,
fieldset[disabled] .blue-madison.btn:active,
fieldset[disabled] .blue-madison.btn.active {
  background-color: #578ebe;
}
.blue-madison.btn .badge {
  color: #578ebe;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.blue-madison-stripe {
  border-left: 3px solid #578ebe;
}
/* Portlet */
.portlet > .portlet-body.blue-madison,
.portlet.blue-madison {
  background-color: #578ebe;
}
.portlet.solid.blue-madison > .portlet-title,
.portlet.solid.blue-madison > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.blue-madison > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.blue-madison > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.blue-madison > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.blue-madison > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.blue-madison > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.blue-madison > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.blue-madison > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.blue-madison > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.blue-madison {
  border: 1px solid #7ca7cc;
  border-top: 0;
}
.portlet.box.blue-madison > .portlet-title {
  background-color: #578ebe;
}
.portlet.box.blue-madison > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.blue-madison > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.blue-madison > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #a8c4dd;
  color: #bad1e4;
  box-shadow: none;
}
.portlet.box.blue-madison > .portlet-title > .actions .btn-default > i {
  color: #c5d8e9;
}
.portlet.box.blue-madison > .portlet-title > .actions .btn-default:hover,
.portlet.box.blue-madison > .portlet-title > .actions .btn-default:focus,
.portlet.box.blue-madison > .portlet-title > .actions .btn-default:active,
.portlet.box.blue-madison > .portlet-title > .actions .btn-default.active {
  border: 1px solid #cdddec;
  color: #dfeaf3;
}
/* Statistic Block */
.dashboard-stat.blue-madison {
  background-color: #578ebe;
}
.dashboard-stat.blue-madison.dashboard-stat-light:hover {
  background-color: #4884b8;
}
.dashboard-stat.blue-madison .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.blue-madison .details .number {
  color: #FFFFFF;
}
.dashboard-stat.blue-madison .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.blue-madison .more {
  color: #FFFFFF;
  background-color: #4884b8;
}
/* General Element */
.bg-blue-madison {
  border-color: #578ebe !important;
  background-image: none !important;
  background-color: #578ebe !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-blue-madison {
  color: #578ebe !important;
}
.progress-bar.blue-madison {
  background: #578ebe !important;
  color: #FFFFFF !important;
}
/***
Blue Chambray
***/
/* Button */
.blue-chambray.btn {
  color: #FFFFFF;
  background-color: #2C3E50;
}
.blue-chambray.btn:hover,
.blue-chambray.btn:focus,
.blue-chambray.btn:active,
.blue-chambray.btn.active {
  color: #FFFFFF;
  background-color: #1f2c39;
}
.open .blue-chambray.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #1f2c39;
}
.blue-chambray.btn:active,
.blue-chambray.btn.active {
  background-image: none;
  background-color: #161f29;
}
.blue-chambray.btn:active:hover,
.blue-chambray.btn.active:hover {
  background-color: #1a242f;
}
.open .blue-chambray.btn.dropdown-toggle {
  background-image: none;
}
.blue-chambray.btn.disabled,
.blue-chambray.btn.disabled:hover,
.blue-chambray.btn.disabled:focus,
.blue-chambray.btn.disabled:active,
.blue-chambray.btn.disabled.active,
.blue-chambray.btn[disabled],
.blue-chambray.btn[disabled]:hover,
.blue-chambray.btn[disabled]:focus,
.blue-chambray.btn[disabled]:active,
.blue-chambray.btn[disabled].active,
fieldset[disabled] .blue-chambray.btn,
fieldset[disabled] .blue-chambray.btn:hover,
fieldset[disabled] .blue-chambray.btn:focus,
fieldset[disabled] .blue-chambray.btn:active,
fieldset[disabled] .blue-chambray.btn.active {
  background-color: #2C3E50;
}
.blue-chambray.btn .badge {
  color: #2C3E50;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.blue-chambray-stripe {
  border-left: 3px solid #2C3E50;
}
/* Portlet */
.portlet > .portlet-body.blue-chambray,
.portlet.blue-chambray {
  background-color: #2C3E50;
}
.portlet.solid.blue-chambray > .portlet-title,
.portlet.solid.blue-chambray > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.blue-chambray > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.blue-chambray > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.blue-chambray > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.blue-chambray > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.blue-chambray > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.blue-chambray > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.blue-chambray > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.blue-chambray > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.blue-chambray {
  border: 1px solid #3e5771;
  border-top: 0;
}
.portlet.box.blue-chambray > .portlet-title {
  background-color: #2C3E50;
}
.portlet.box.blue-chambray > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.blue-chambray > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.blue-chambray > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #547698;
  color: #5f83a7;
  box-shadow: none;
}
.portlet.box.blue-chambray > .portlet-title > .actions .btn-default > i {
  color: #698aac;
}
.portlet.box.blue-chambray > .portlet-title > .actions .btn-default:hover,
.portlet.box.blue-chambray > .portlet-title > .actions .btn-default:focus,
.portlet.box.blue-chambray > .portlet-title > .actions .btn-default:active,
.portlet.box.blue-chambray > .portlet-title > .actions .btn-default.active {
  border: 1px solid #6f90b0;
  color: #809cb9;
}
/* Statistic Block */
.dashboard-stat.blue-chambray {
  background-color: #2C3E50;
}
.dashboard-stat.blue-chambray.dashboard-stat-light:hover {
  background-color: #253443;
}
.dashboard-stat.blue-chambray .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.blue-chambray .details .number {
  color: #FFFFFF;
}
.dashboard-stat.blue-chambray .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.blue-chambray .more {
  color: #FFFFFF;
  background-color: #253443;
}
/* General Element */
.bg-blue-chambray {
  border-color: #2C3E50 !important;
  background-image: none !important;
  background-color: #2C3E50 !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-blue-chambray {
  color: #2C3E50 !important;
}
.progress-bar.blue-chambray {
  background: #2C3E50 !important;
  color: #FFFFFF !important;
}
/***
Blue Ebonyclay
***/
/* Button */
.blue-ebonyclay.btn {
  color: #FFFFFF;
  background-color: #22313F;
}
.blue-ebonyclay.btn:hover,
.blue-ebonyclay.btn:focus,
.blue-ebonyclay.btn:active,
.blue-ebonyclay.btn.active {
  color: #FFFFFF;
  background-color: #151f28;
}
.open .blue-ebonyclay.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #151f28;
}
.blue-ebonyclay.btn:active,
.blue-ebonyclay.btn.active {
  background-image: none;
  background-color: #0d1217;
}
.blue-ebonyclay.btn:active:hover,
.blue-ebonyclay.btn.active:hover {
  background-color: #10171e;
}
.open .blue-ebonyclay.btn.dropdown-toggle {
  background-image: none;
}
.blue-ebonyclay.btn.disabled,
.blue-ebonyclay.btn.disabled:hover,
.blue-ebonyclay.btn.disabled:focus,
.blue-ebonyclay.btn.disabled:active,
.blue-ebonyclay.btn.disabled.active,
.blue-ebonyclay.btn[disabled],
.blue-ebonyclay.btn[disabled]:hover,
.blue-ebonyclay.btn[disabled]:focus,
.blue-ebonyclay.btn[disabled]:active,
.blue-ebonyclay.btn[disabled].active,
fieldset[disabled] .blue-ebonyclay.btn,
fieldset[disabled] .blue-ebonyclay.btn:hover,
fieldset[disabled] .blue-ebonyclay.btn:focus,
fieldset[disabled] .blue-ebonyclay.btn:active,
fieldset[disabled] .blue-ebonyclay.btn.active {
  background-color: #22313F;
}
.blue-ebonyclay.btn .badge {
  color: #22313F;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.blue-ebonyclay-stripe {
  border-left: 3px solid #22313F;
}
/* Portlet */
.portlet > .portlet-body.blue-ebonyclay,
.portlet.blue-ebonyclay {
  background-color: #22313F;
}
.portlet.solid.blue-ebonyclay > .portlet-title,
.portlet.solid.blue-ebonyclay > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.blue-ebonyclay > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.blue-ebonyclay > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.blue-ebonyclay {
  border: 1px solid #344b60;
  border-top: 0;
}
.portlet.box.blue-ebonyclay > .portlet-title {
  background-color: #22313F;
}
.portlet.box.blue-ebonyclay > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.blue-ebonyclay > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #496a88;
  color: #527798;
  box-shadow: none;
}
.portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default > i {
  color: #587ea2;
}
.portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:hover,
.portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:focus,
.portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:active,
.portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default.active {
  border: 1px solid #5d83a7;
  color: #6d90b0;
}
/* Statistic Block */
.dashboard-stat.blue-ebonyclay {
  background-color: #22313F;
}
.dashboard-stat.blue-ebonyclay.dashboard-stat-light:hover {
  background-color: #1b2732;
}
.dashboard-stat.blue-ebonyclay .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.blue-ebonyclay .details .number {
  color: #FFFFFF;
}
.dashboard-stat.blue-ebonyclay .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.blue-ebonyclay .more {
  color: #FFFFFF;
  background-color: #1b2732;
}
/* General Element */
.bg-blue-ebonyclay {
  border-color: #22313F !important;
  background-image: none !important;
  background-color: #22313F !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-blue-ebonyclay {
  color: #22313F !important;
}
.progress-bar.blue-ebonyclay {
  background: #22313F !important;
  color: #FFFFFF !important;
}
/***
Blue Hoki
***/
/* Button */
.blue-hoki.btn {
  color: #FFFFFF;
  background-color: #67809F;
}
.blue-hoki.btn:hover,
.blue-hoki.btn:focus,
.blue-hoki.btn:active,
.blue-hoki.btn.active {
  color: #FFFFFF;
  background-color: #586e8b;
}
.open .blue-hoki.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #586e8b;
}
.blue-hoki.btn:active,
.blue-hoki.btn.active {
  background-image: none;
  background-color: #4e627b;
}
.blue-hoki.btn:active:hover,
.blue-hoki.btn.active:hover {
  background-color: #526781;
}
.open .blue-hoki.btn.dropdown-toggle {
  background-image: none;
}
.blue-hoki.btn.disabled,
.blue-hoki.btn.disabled:hover,
.blue-hoki.btn.disabled:focus,
.blue-hoki.btn.disabled:active,
.blue-hoki.btn.disabled.active,
.blue-hoki.btn[disabled],
.blue-hoki.btn[disabled]:hover,
.blue-hoki.btn[disabled]:focus,
.blue-hoki.btn[disabled]:active,
.blue-hoki.btn[disabled].active,
fieldset[disabled] .blue-hoki.btn,
fieldset[disabled] .blue-hoki.btn:hover,
fieldset[disabled] .blue-hoki.btn:focus,
fieldset[disabled] .blue-hoki.btn:active,
fieldset[disabled] .blue-hoki.btn.active {
  background-color: #67809F;
}
.blue-hoki.btn .badge {
  color: #67809F;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.blue-hoki-stripe {
  border-left: 3px solid #67809F;
}
/* Portlet */
.portlet > .portlet-body.blue-hoki,
.portlet.blue-hoki {
  background-color: #67809F;
}
.portlet.solid.blue-hoki > .portlet-title,
.portlet.solid.blue-hoki > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.blue-hoki > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.blue-hoki > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.blue-hoki > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.blue-hoki > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.blue-hoki > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.blue-hoki > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.blue-hoki > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.blue-hoki > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.blue-hoki {
  border: 1px solid #869ab3;
  border-top: 0;
}
.portlet.box.blue-hoki > .portlet-title {
  background-color: #67809F;
}
.portlet.box.blue-hoki > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.blue-hoki > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.blue-hoki > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #acb9ca;
  color: #bbc7d4;
  box-shadow: none;
}
.portlet.box.blue-hoki > .portlet-title > .actions .btn-default > i {
  color: #c5ceda;
}
.portlet.box.blue-hoki > .portlet-title > .actions .btn-default:hover,
.portlet.box.blue-hoki > .portlet-title > .actions .btn-default:focus,
.portlet.box.blue-hoki > .portlet-title > .actions .btn-default:active,
.portlet.box.blue-hoki > .portlet-title > .actions .btn-default.active {
  border: 1px solid #cbd4de;
  color: #dbe1e8;
}
/* Statistic Block */
.dashboard-stat.blue-hoki {
  background-color: #67809F;
}
.dashboard-stat.blue-hoki.dashboard-stat-light:hover {
  background-color: #5e7694;
}
.dashboard-stat.blue-hoki .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.blue-hoki .details .number {
  color: #FFFFFF;
}
.dashboard-stat.blue-hoki .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.blue-hoki .more {
  color: #FFFFFF;
  background-color: #5e7694;
}
/* General Element */
.bg-blue-hoki {
  border-color: #67809F !important;
  background-image: none !important;
  background-color: #67809F !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-blue-hoki {
  color: #67809F !important;
}
.progress-bar.blue-hoki {
  background: #67809F !important;
  color: #FFFFFF !important;
}
/***
Blue Stell
***/
/* Button */
.blue-steel.btn {
  color: #FFFFFF;
  background-color: #4B77BE;
}
.blue-steel.btn:hover,
.blue-steel.btn:focus,
.blue-steel.btn:active,
.blue-steel.btn.active {
  color: #FFFFFF;
  background-color: #3d66a8;
}
.open .blue-steel.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #3d66a8;
}
.blue-steel.btn:active,
.blue-steel.btn.active {
  background-image: none;
  background-color: #365b96;
}
.blue-steel.btn:active:hover,
.blue-steel.btn.active:hover {
  background-color: #395f9d;
}
.open .blue-steel.btn.dropdown-toggle {
  background-image: none;
}
.blue-steel.btn.disabled,
.blue-steel.btn.disabled:hover,
.blue-steel.btn.disabled:focus,
.blue-steel.btn.disabled:active,
.blue-steel.btn.disabled.active,
.blue-steel.btn[disabled],
.blue-steel.btn[disabled]:hover,
.blue-steel.btn[disabled]:focus,
.blue-steel.btn[disabled]:active,
.blue-steel.btn[disabled].active,
fieldset[disabled] .blue-steel.btn,
fieldset[disabled] .blue-steel.btn:hover,
fieldset[disabled] .blue-steel.btn:focus,
fieldset[disabled] .blue-steel.btn:active,
fieldset[disabled] .blue-steel.btn.active {
  background-color: #4B77BE;
}
.blue-steel.btn .badge {
  color: #4B77BE;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.blue-steel-stripe {
  border-left: 3px solid #4B77BE;
}
/* Portlet */
.portlet > .portlet-body.blue-steel,
.portlet.blue-steel {
  background-color: #4B77BE;
}
.portlet.solid.blue-steel > .portlet-title,
.portlet.solid.blue-steel > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.blue-steel > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.blue-steel > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.blue-steel > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.blue-steel > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.blue-steel > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.blue-steel > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.blue-steel > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.blue-steel > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.blue-steel {
  border: 1px solid #7093cc;
  border-top: 0;
}
.portlet.box.blue-steel > .portlet-title {
  background-color: #4B77BE;
}
.portlet.box.blue-steel > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.blue-steel > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.blue-steel > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #9db5dc;
  color: #b0c3e3;
  box-shadow: none;
}
.portlet.box.blue-steel > .portlet-title > .actions .btn-default > i {
  color: #bbcce7;
}
.portlet.box.blue-steel > .portlet-title > .actions .btn-default:hover,
.portlet.box.blue-steel > .portlet-title > .actions .btn-default:focus,
.portlet.box.blue-steel > .portlet-title > .actions .btn-default:active,
.portlet.box.blue-steel > .portlet-title > .actions .btn-default.active {
  border: 1px solid #c3d2e9;
  color: #d6e0f0;
}
/* Statistic Block */
.dashboard-stat.blue-steel {
  background-color: #4B77BE;
}
.dashboard-stat.blue-steel.dashboard-stat-light:hover {
  background-color: #416db4;
}
.dashboard-stat.blue-steel .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.blue-steel .details .number {
  color: #FFFFFF;
}
.dashboard-stat.blue-steel .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.blue-steel .more {
  color: #FFFFFF;
  background-color: #416db4;
}
/* General Element */
.bg-blue-steel {
  border-color: #4B77BE !important;
  background-image: none !important;
  background-color: #4B77BE !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-blue-steel {
  color: #4B77BE !important;
}
.progress-bar.blue-steel {
  background: #4B77BE !important;
  color: #FFFFFF !important;
}
/***
Blue Soft
***/
/* Button */
.blue-soft.btn {
  color: #FFFFFF;
  background-color: #4c87b9;
}
.blue-soft.btn:hover,
.blue-soft.btn:focus,
.blue-soft.btn:active,
.blue-soft.btn.active {
  color: #FFFFFF;
  background-color: #3f75a2;
}
.open .blue-soft.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #3f75a2;
}
.blue-soft.btn:active,
.blue-soft.btn.active {
  background-image: none;
  background-color: #386890;
}
.blue-soft.btn:active:hover,
.blue-soft.btn.active:hover {
  background-color: #3b6d97;
}
.open .blue-soft.btn.dropdown-toggle {
  background-image: none;
}
.blue-soft.btn.disabled,
.blue-soft.btn.disabled:hover,
.blue-soft.btn.disabled:focus,
.blue-soft.btn.disabled:active,
.blue-soft.btn.disabled.active,
.blue-soft.btn[disabled],
.blue-soft.btn[disabled]:hover,
.blue-soft.btn[disabled]:focus,
.blue-soft.btn[disabled]:active,
.blue-soft.btn[disabled].active,
fieldset[disabled] .blue-soft.btn,
fieldset[disabled] .blue-soft.btn:hover,
fieldset[disabled] .blue-soft.btn:focus,
fieldset[disabled] .blue-soft.btn:active,
fieldset[disabled] .blue-soft.btn.active {
  background-color: #4c87b9;
}
.blue-soft.btn .badge {
  color: #4c87b9;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.blue-soft-stripe {
  border-left: 3px solid #4c87b9;
}
/* Portlet */
.portlet > .portlet-body.blue-soft,
.portlet.blue-soft {
  background-color: #4c87b9;
}
.portlet.solid.blue-soft > .portlet-title,
.portlet.solid.blue-soft > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.blue-soft > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.blue-soft > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.blue-soft > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.blue-soft > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.blue-soft > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.blue-soft > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.blue-soft > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.blue-soft > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.blue-soft {
  border: 1px solid #71a0c7;
  border-top: 0;
}
.portlet.box.blue-soft > .portlet-title {
  background-color: #4c87b9;
}
.portlet.box.blue-soft > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.blue-soft > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.blue-soft > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #9dbdd9;
  color: #afc9e0;
  box-shadow: none;
}
.portlet.box.blue-soft > .portlet-title > .actions .btn-default > i {
  color: #bad1e4;
}
.portlet.box.blue-soft > .portlet-title > .actions .btn-default:hover,
.portlet.box.blue-soft > .portlet-title > .actions .btn-default:focus,
.portlet.box.blue-soft > .portlet-title > .actions .btn-default:active,
.portlet.box.blue-soft > .portlet-title > .actions .btn-default.active {
  border: 1px solid #c1d6e7;
  color: #d4e2ee;
}
/* Statistic Block */
.dashboard-stat.blue-soft {
  background-color: #4c87b9;
}
.dashboard-stat.blue-soft.dashboard-stat-light:hover {
  background-color: #447dad;
}
.dashboard-stat.blue-soft .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.blue-soft .details .number {
  color: #FFFFFF;
}
.dashboard-stat.blue-soft .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.blue-soft .more {
  color: #FFFFFF;
  background-color: #447dad;
}
/* General Element */
.bg-blue-soft {
  border-color: #4c87b9 !important;
  background-image: none !important;
  background-color: #4c87b9 !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-blue-soft {
  color: #4c87b9 !important;
}
.progress-bar.blue-soft {
  background: #4c87b9 !important;
  color: #FFFFFF !important;
}
/***
Blue Dark
***/
/* Button */
.blue-dark.btn {
  color: #FFFFFF;
  background-color: #5e738b;
}
.blue-dark.btn:hover,
.blue-dark.btn:focus,
.blue-dark.btn:active,
.blue-dark.btn.active {
  color: #FFFFFF;
  background-color: #506176;
}
.open .blue-dark.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #506176;
}
.blue-dark.btn:active,
.blue-dark.btn.active {
  background-image: none;
  background-color: #455566;
}
.blue-dark.btn:active:hover,
.blue-dark.btn.active:hover {
  background-color: #495a6d;
}
.open .blue-dark.btn.dropdown-toggle {
  background-image: none;
}
.blue-dark.btn.disabled,
.blue-dark.btn.disabled:hover,
.blue-dark.btn.disabled:focus,
.blue-dark.btn.disabled:active,
.blue-dark.btn.disabled.active,
.blue-dark.btn[disabled],
.blue-dark.btn[disabled]:hover,
.blue-dark.btn[disabled]:focus,
.blue-dark.btn[disabled]:active,
.blue-dark.btn[disabled].active,
fieldset[disabled] .blue-dark.btn,
fieldset[disabled] .blue-dark.btn:hover,
fieldset[disabled] .blue-dark.btn:focus,
fieldset[disabled] .blue-dark.btn:active,
fieldset[disabled] .blue-dark.btn.active {
  background-color: #5e738b;
}
.blue-dark.btn .badge {
  color: #5e738b;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.blue-dark-stripe {
  border-left: 3px solid #5e738b;
}
/* Portlet */
.portlet > .portlet-body.blue-dark,
.portlet.blue-dark {
  background-color: #5e738b;
}
.portlet.solid.blue-dark > .portlet-title,
.portlet.solid.blue-dark > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.blue-dark > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.blue-dark > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.blue-dark > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.blue-dark > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.blue-dark > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.blue-dark > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.blue-dark > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.blue-dark > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.blue-dark {
  border: 1px solid #788da4;
  border-top: 0;
}
.portlet.box.blue-dark > .portlet-title {
  background-color: #5e738b;
}
.portlet.box.blue-dark > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.blue-dark > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.blue-dark > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #9dacbd;
  color: #acb8c7;
  box-shadow: none;
}
.portlet.box.blue-dark > .portlet-title > .actions .btn-default > i {
  color: #b5c0cd;
}
.portlet.box.blue-dark > .portlet-title > .actions .btn-default:hover,
.portlet.box.blue-dark > .portlet-title > .actions .btn-default:focus,
.portlet.box.blue-dark > .portlet-title > .actions .btn-default:active,
.portlet.box.blue-dark > .portlet-title > .actions .btn-default.active {
  border: 1px solid #bbc5d1;
  color: #cad2db;
}
/* Statistic Block */
.dashboard-stat.blue-dark {
  background-color: #5e738b;
}
.dashboard-stat.blue-dark.dashboard-stat-light:hover {
  background-color: #56697f;
}
.dashboard-stat.blue-dark .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.blue-dark .details .number {
  color: #FFFFFF;
}
.dashboard-stat.blue-dark .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.blue-dark .more {
  color: #FFFFFF;
  background-color: #56697f;
}
/* General Element */
.bg-blue-dark {
  border-color: #5e738b !important;
  background-image: none !important;
  background-color: #5e738b !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-blue-dark {
  color: #5e738b !important;
}
.progress-bar.blue-dark {
  background: #5e738b !important;
  color: #FFFFFF !important;
}
/***
Blue Sharp
***/
/* Button */
.blue-sharp.btn {
  color: #FFFFFF;
  background-color: #5C9BD1;
}
.blue-sharp.btn:hover,
.blue-sharp.btn:focus,
.blue-sharp.btn:active,
.blue-sharp.btn.active {
  color: #FFFFFF;
  background-color: #408ac9;
}
.open .blue-sharp.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #408ac9;
}
.blue-sharp.btn:active,
.blue-sharp.btn.active {
  background-image: none;
  background-color: #357dbb;
}
.blue-sharp.btn:active:hover,
.blue-sharp.btn.active:hover {
  background-color: #3782c3;
}
.open .blue-sharp.btn.dropdown-toggle {
  background-image: none;
}
.blue-sharp.btn.disabled,
.blue-sharp.btn.disabled:hover,
.blue-sharp.btn.disabled:focus,
.blue-sharp.btn.disabled:active,
.blue-sharp.btn.disabled.active,
.blue-sharp.btn[disabled],
.blue-sharp.btn[disabled]:hover,
.blue-sharp.btn[disabled]:focus,
.blue-sharp.btn[disabled]:active,
.blue-sharp.btn[disabled].active,
fieldset[disabled] .blue-sharp.btn,
fieldset[disabled] .blue-sharp.btn:hover,
fieldset[disabled] .blue-sharp.btn:focus,
fieldset[disabled] .blue-sharp.btn:active,
fieldset[disabled] .blue-sharp.btn.active {
  background-color: #5C9BD1;
}
.blue-sharp.btn .badge {
  color: #5C9BD1;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.blue-sharp-stripe {
  border-left: 3px solid #5C9BD1;
}
/* Portlet */
.portlet > .portlet-body.blue-sharp,
.portlet.blue-sharp {
  background-color: #5C9BD1;
}
.portlet.solid.blue-sharp > .portlet-title,
.portlet.solid.blue-sharp > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.blue-sharp > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.blue-sharp > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.blue-sharp > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.blue-sharp > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.blue-sharp > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.blue-sharp > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.blue-sharp > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.blue-sharp > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.blue-sharp {
  border: 1px solid #84b3dc;
  border-top: 0;
}
.portlet.box.blue-sharp > .portlet-title {
  background-color: #5C9BD1;
}
.portlet.box.blue-sharp > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.blue-sharp > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.blue-sharp > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #b4d1ea;
  color: #c7ddef;
  box-shadow: none;
}
.portlet.box.blue-sharp > .portlet-title > .actions .btn-default > i {
  color: #d3e4f3;
}
.portlet.box.blue-sharp > .portlet-title > .actions .btn-default:hover,
.portlet.box.blue-sharp > .portlet-title > .actions .btn-default:focus,
.portlet.box.blue-sharp > .portlet-title > .actions .btn-default:active,
.portlet.box.blue-sharp > .portlet-title > .actions .btn-default.active {
  border: 1px solid #dbe9f5;
  color: #eff5fb;
}
/* Statistic Block */
.dashboard-stat.blue-sharp {
  background-color: #5C9BD1;
}
.dashboard-stat.blue-sharp.dashboard-stat-light:hover {
  background-color: #4c91cd;
}
.dashboard-stat.blue-sharp .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.blue-sharp .details .number {
  color: #FFFFFF;
}
.dashboard-stat.blue-sharp .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.blue-sharp .more {
  color: #FFFFFF;
  background-color: #4c91cd;
}
/* General Element */
.bg-blue-sharp {
  border-color: #5C9BD1 !important;
  background-image: none !important;
  background-color: #5C9BD1 !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-blue-sharp {
  color: #5C9BD1 !important;
}
.progress-bar.blue-sharp {
  background: #5C9BD1 !important;
  color: #FFFFFF !important;
}
/***********
Green Colors
************/
/***
Green Default
***/
/* Button */
.green.btn {
  color: #FFFFFF;
  background-color: #26a69a;
}
.green.btn:hover,
.green.btn:focus,
.green.btn:active,
.green.btn.active {
  color: #FFFFFF;
  background-color: #1f897f;
}
.open .green.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #1f897f;
}
.green.btn:active,
.green.btn.active {
  background-image: none;
  background-color: #1b746c;
}
.green.btn:active:hover,
.green.btn.active:hover {
  background-color: #1c7d74;
}
.open .green.btn.dropdown-toggle {
  background-image: none;
}
.green.btn.disabled,
.green.btn.disabled:hover,
.green.btn.disabled:focus,
.green.btn.disabled:active,
.green.btn.disabled.active,
.green.btn[disabled],
.green.btn[disabled]:hover,
.green.btn[disabled]:focus,
.green.btn[disabled]:active,
.green.btn[disabled].active,
fieldset[disabled] .green.btn,
fieldset[disabled] .green.btn:hover,
fieldset[disabled] .green.btn:focus,
fieldset[disabled] .green.btn:active,
fieldset[disabled] .green.btn.active {
  background-color: #26a69a;
}
.green.btn .badge {
  color: #26a69a;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.green-stripe {
  border-left: 3px solid #26a69a;
}
/* Portlet */
.portlet > .portlet-body.green,
.portlet.green {
  background-color: #26a69a;
}
.portlet.solid.green > .portlet-title,
.portlet.solid.green > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.green > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.green > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.green > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.green > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.green > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.green > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.green > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.green > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.green {
  border: 1px solid #30d0c1;
  border-top: 0;
}
.portlet.box.green > .portlet-title {
  background-color: #26a69a;
}
.portlet.box.green > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.green > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.green > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #61dbd0;
  color: #76e0d6;
  box-shadow: none;
}
.portlet.box.green > .portlet-title > .actions .btn-default > i {
  color: #83e3da;
}
.portlet.box.green > .portlet-title > .actions .btn-default:hover,
.portlet.box.green > .portlet-title > .actions .btn-default:focus,
.portlet.box.green > .portlet-title > .actions .btn-default:active,
.portlet.box.green > .portlet-title > .actions .btn-default.active {
  border: 1px solid #8be4dc;
  color: #a0e9e2;
}
/* Statistic Block */
.dashboard-stat.green {
  background-color: #26a69a;
}
.dashboard-stat.green.dashboard-stat-light:hover {
  background-color: #22958b;
}
.dashboard-stat.green .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.green .details .number {
  color: #FFFFFF;
}
.dashboard-stat.green .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.green .more {
  color: #FFFFFF;
  background-color: #22958b;
}
/* General Element */
.bg-green {
  border-color: #26a69a !important;
  background-image: none !important;
  background-color: #26a69a !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-green {
  color: #26a69a !important;
}
.progress-bar.green {
  background: #26a69a !important;
  color: #FFFFFF !important;
}
/***
Green Meadow
***/
/* Button */
.green-meadow.btn {
  color: #FFFFFF;
  background-color: #1BBC9B;
}
.green-meadow.btn:hover,
.green-meadow.btn:focus,
.green-meadow.btn:active,
.green-meadow.btn.active {
  color: #FFFFFF;
  background-color: #179d81;
}
.open .green-meadow.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #179d81;
}
.green-meadow.btn:active,
.green-meadow.btn.active {
  background-image: none;
  background-color: #13866f;
}
.green-meadow.btn:active:hover,
.green-meadow.btn.active:hover {
  background-color: #158f76;
}
.open .green-meadow.btn.dropdown-toggle {
  background-image: none;
}
.green-meadow.btn.disabled,
.green-meadow.btn.disabled:hover,
.green-meadow.btn.disabled:focus,
.green-meadow.btn.disabled:active,
.green-meadow.btn.disabled.active,
.green-meadow.btn[disabled],
.green-meadow.btn[disabled]:hover,
.green-meadow.btn[disabled]:focus,
.green-meadow.btn[disabled]:active,
.green-meadow.btn[disabled].active,
fieldset[disabled] .green-meadow.btn,
fieldset[disabled] .green-meadow.btn:hover,
fieldset[disabled] .green-meadow.btn:focus,
fieldset[disabled] .green-meadow.btn:active,
fieldset[disabled] .green-meadow.btn.active {
  background-color: #1BBC9B;
}
.green-meadow.btn .badge {
  color: #1BBC9B;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.green-meadow-stripe {
  border-left: 3px solid #1BBC9B;
}
/* Portlet */
.portlet > .portlet-body.green-meadow,
.portlet.green-meadow {
  background-color: #1BBC9B;
}
.portlet.solid.green-meadow > .portlet-title,
.portlet.solid.green-meadow > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.green-meadow > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.green-meadow > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.green-meadow > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.green-meadow > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.green-meadow > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.green-meadow > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.green-meadow > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.green-meadow > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.green-meadow {
  border: 1px solid #2ae0bb;
  border-top: 0;
}
.portlet.box.green-meadow > .portlet-title {
  background-color: #1BBC9B;
}
.portlet.box.green-meadow > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.green-meadow > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.green-meadow > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #5fe8cc;
  color: #75ebd3;
  box-shadow: none;
}
.portlet.box.green-meadow > .portlet-title > .actions .btn-default > i {
  color: #83edd7;
}
.portlet.box.green-meadow > .portlet-title > .actions .btn-default:hover,
.portlet.box.green-meadow > .portlet-title > .actions .btn-default:focus,
.portlet.box.green-meadow > .portlet-title > .actions .btn-default:active,
.portlet.box.green-meadow > .portlet-title > .actions .btn-default.active {
  border: 1px solid #8ceeda;
  color: #a2f2e1;
}
/* Statistic Block */
.dashboard-stat.green-meadow {
  background-color: #1BBC9B;
}
.dashboard-stat.green-meadow.dashboard-stat-light:hover {
  background-color: #18aa8c;
}
.dashboard-stat.green-meadow .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.green-meadow .details .number {
  color: #FFFFFF;
}
.dashboard-stat.green-meadow .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.green-meadow .more {
  color: #FFFFFF;
  background-color: #18aa8c;
}
/* General Element */
.bg-green-meadow {
  border-color: #1BBC9B !important;
  background-image: none !important;
  background-color: #1BBC9B !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-green-meadow {
  color: #1BBC9B !important;
}
.progress-bar.green-meadow {
  background: #1BBC9B !important;
  color: #FFFFFF !important;
}
/***
Green Seagreen
***/
/* Button */
.green-seagreen.btn {
  color: #FFFFFF;
  background-color: #1BA39C;
}
.green-seagreen.btn:hover,
.green-seagreen.btn:focus,
.green-seagreen.btn:active,
.green-seagreen.btn.active {
  color: #FFFFFF;
  background-color: #16847f;
}
.open .green-seagreen.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #16847f;
}
.green-seagreen.btn:active,
.green-seagreen.btn.active {
  background-image: none;
  background-color: #126e6a;
}
.green-seagreen.btn:active:hover,
.green-seagreen.btn.active:hover {
  background-color: #147772;
}
.open .green-seagreen.btn.dropdown-toggle {
  background-image: none;
}
.green-seagreen.btn.disabled,
.green-seagreen.btn.disabled:hover,
.green-seagreen.btn.disabled:focus,
.green-seagreen.btn.disabled:active,
.green-seagreen.btn.disabled.active,
.green-seagreen.btn[disabled],
.green-seagreen.btn[disabled]:hover,
.green-seagreen.btn[disabled]:focus,
.green-seagreen.btn[disabled]:active,
.green-seagreen.btn[disabled].active,
fieldset[disabled] .green-seagreen.btn,
fieldset[disabled] .green-seagreen.btn:hover,
fieldset[disabled] .green-seagreen.btn:focus,
fieldset[disabled] .green-seagreen.btn:active,
fieldset[disabled] .green-seagreen.btn.active {
  background-color: #1BA39C;
}
.green-seagreen.btn .badge {
  color: #1BA39C;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.green-seagreen-stripe {
  border-left: 3px solid #1BA39C;
}
/* Portlet */
.portlet > .portlet-body.green-seagreen,
.portlet.green-seagreen {
  background-color: #1BA39C;
}
.portlet.solid.green-seagreen > .portlet-title,
.portlet.solid.green-seagreen > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.green-seagreen > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.green-seagreen > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.green-seagreen > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.green-seagreen > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.green-seagreen > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.green-seagreen > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.green-seagreen > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.green-seagreen > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.green-seagreen {
  border: 1px solid #22cfc6;
  border-top: 0;
}
.portlet.box.green-seagreen > .portlet-title {
  background-color: #1BA39C;
}
.portlet.box.green-seagreen > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.green-seagreen > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.green-seagreen > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #4de1da;
  color: #63e5de;
  box-shadow: none;
}
.portlet.box.green-seagreen > .portlet-title > .actions .btn-default > i {
  color: #70e7e1;
}
.portlet.box.green-seagreen > .portlet-title > .actions .btn-default:hover,
.portlet.box.green-seagreen > .portlet-title > .actions .btn-default:focus,
.portlet.box.green-seagreen > .portlet-title > .actions .btn-default:active,
.portlet.box.green-seagreen > .portlet-title > .actions .btn-default.active {
  border: 1px solid #78e9e3;
  color: #8eece8;
}
/* Statistic Block */
.dashboard-stat.green-seagreen {
  background-color: #1BA39C;
}
.dashboard-stat.green-seagreen.dashboard-stat-light:hover {
  background-color: #18918b;
}
.dashboard-stat.green-seagreen .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.green-seagreen .details .number {
  color: #FFFFFF;
}
.dashboard-stat.green-seagreen .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.green-seagreen .more {
  color: #FFFFFF;
  background-color: #18918b;
}
/* General Element */
.bg-green-seagreen {
  border-color: #1BA39C !important;
  background-image: none !important;
  background-color: #1BA39C !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-green-seagreen {
  color: #1BA39C !important;
}
.progress-bar.green-seagreen {
  background: #1BA39C !important;
  color: #FFFFFF !important;
}
/***
Green Turquoise
***/
/* Button */
.green-turquoise.btn {
  color: #FFFFFF;
  background-color: #36D7B7;
}
.green-turquoise.btn:hover,
.green-turquoise.btn:focus,
.green-turquoise.btn:active,
.green-turquoise.btn.active {
  color: #FFFFFF;
  background-color: #27c3a4;
}
.open .green-turquoise.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #27c3a4;
}
.green-turquoise.btn:active,
.green-turquoise.btn.active {
  background-image: none;
  background-color: #22ad92;
}
.green-turquoise.btn:active:hover,
.green-turquoise.btn.active:hover {
  background-color: #24b699;
}
.open .green-turquoise.btn.dropdown-toggle {
  background-image: none;
}
.green-turquoise.btn.disabled,
.green-turquoise.btn.disabled:hover,
.green-turquoise.btn.disabled:focus,
.green-turquoise.btn.disabled:active,
.green-turquoise.btn.disabled.active,
.green-turquoise.btn[disabled],
.green-turquoise.btn[disabled]:hover,
.green-turquoise.btn[disabled]:focus,
.green-turquoise.btn[disabled]:active,
.green-turquoise.btn[disabled].active,
fieldset[disabled] .green-turquoise.btn,
fieldset[disabled] .green-turquoise.btn:hover,
fieldset[disabled] .green-turquoise.btn:focus,
fieldset[disabled] .green-turquoise.btn:active,
fieldset[disabled] .green-turquoise.btn.active {
  background-color: #36D7B7;
}
.green-turquoise.btn .badge {
  color: #36D7B7;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.green-turquoise-stripe {
  border-left: 3px solid #36D7B7;
}
/* Portlet */
.portlet > .portlet-body.green-turquoise,
.portlet.green-turquoise {
  background-color: #36D7B7;
}
.portlet.solid.green-turquoise > .portlet-title,
.portlet.solid.green-turquoise > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.green-turquoise > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.green-turquoise > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.green-turquoise > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.green-turquoise > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.green-turquoise > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.green-turquoise > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.green-turquoise > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.green-turquoise > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.green-turquoise {
  border: 1px solid #61dfc6;
  border-top: 0;
}
.portlet.box.green-turquoise > .portlet-title {
  background-color: #36D7B7;
}
.portlet.box.green-turquoise > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.green-turquoise > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.green-turquoise > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #94ead9;
  color: #a9eee0;
  box-shadow: none;
}
.portlet.box.green-turquoise > .portlet-title > .actions .btn-default > i {
  color: #b6f0e5;
}
.portlet.box.green-turquoise > .portlet-title > .actions .btn-default:hover,
.portlet.box.green-turquoise > .portlet-title > .actions .btn-default:focus,
.portlet.box.green-turquoise > .portlet-title > .actions .btn-default:active,
.portlet.box.green-turquoise > .portlet-title > .actions .btn-default.active {
  border: 1px solid #bef2e8;
  color: #d3f6ef;
}
/* Statistic Block */
.dashboard-stat.green-turquoise {
  background-color: #36D7B7;
}
.dashboard-stat.green-turquoise.dashboard-stat-light:hover {
  background-color: #29cfae;
}
.dashboard-stat.green-turquoise .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.green-turquoise .details .number {
  color: #FFFFFF;
}
.dashboard-stat.green-turquoise .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.green-turquoise .more {
  color: #FFFFFF;
  background-color: #29cfae;
}
/* General Element */
.bg-green-turquoise {
  border-color: #36D7B7 !important;
  background-image: none !important;
  background-color: #36D7B7 !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-green-turquoise {
  color: #36D7B7 !important;
}
.progress-bar.green-turquoise {
  background: #36D7B7 !important;
  color: #FFFFFF !important;
}
/***
Green Haze
***/
/* Button */
.green-haze.btn {
  color: #FFFFFF;
  background-color: #44b6ae;
}
.green-haze.btn:hover,
.green-haze.btn:focus,
.green-haze.btn:active,
.green-haze.btn.active {
  color: #FFFFFF;
  background-color: #3a9c95;
}
.open .green-haze.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #3a9c95;
}
.green-haze.btn:active,
.green-haze.btn.active {
  background-image: none;
  background-color: #338983;
}
.green-haze.btn:active:hover,
.green-haze.btn.active:hover {
  background-color: #36918b;
}
.open .green-haze.btn.dropdown-toggle {
  background-image: none;
}
.green-haze.btn.disabled,
.green-haze.btn.disabled:hover,
.green-haze.btn.disabled:focus,
.green-haze.btn.disabled:active,
.green-haze.btn.disabled.active,
.green-haze.btn[disabled],
.green-haze.btn[disabled]:hover,
.green-haze.btn[disabled]:focus,
.green-haze.btn[disabled]:active,
.green-haze.btn[disabled].active,
fieldset[disabled] .green-haze.btn,
fieldset[disabled] .green-haze.btn:hover,
fieldset[disabled] .green-haze.btn:focus,
fieldset[disabled] .green-haze.btn:active,
fieldset[disabled] .green-haze.btn.active {
  background-color: #44b6ae;
}
.green-haze.btn .badge {
  color: #44b6ae;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.green-haze-stripe {
  border-left: 3px solid #44b6ae;
}
/* Portlet */
.portlet > .portlet-body.green-haze,
.portlet.green-haze {
  background-color: #44b6ae;
}
.portlet.solid.green-haze > .portlet-title,
.portlet.solid.green-haze > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.green-haze > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.green-haze > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.green-haze > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.green-haze > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.green-haze > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.green-haze > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.green-haze > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.green-haze > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.green-haze {
  border: 1px solid #67c6bf;
  border-top: 0;
}
.portlet.box.green-haze > .portlet-title {
  background-color: #44b6ae;
}
.portlet.box.green-haze > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.green-haze > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.green-haze > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #93d7d2;
  color: #a6deda;
  box-shadow: none;
}
.portlet.box.green-haze > .portlet-title > .actions .btn-default > i {
  color: #b1e2de;
}
.portlet.box.green-haze > .portlet-title > .actions .btn-default:hover,
.portlet.box.green-haze > .portlet-title > .actions .btn-default:focus,
.portlet.box.green-haze > .portlet-title > .actions .btn-default:active,
.portlet.box.green-haze > .portlet-title > .actions .btn-default.active {
  border: 1px solid #b9e5e2;
  color: #cbece9;
}
/* Statistic Block */
.dashboard-stat.green-haze {
  background-color: #44b6ae;
}
.dashboard-stat.green-haze.dashboard-stat-light:hover {
  background-color: #3ea7a0;
}
.dashboard-stat.green-haze .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.green-haze .details .number {
  color: #FFFFFF;
}
.dashboard-stat.green-haze .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.green-haze .more {
  color: #FFFFFF;
  background-color: #3ea7a0;
}
/* General Element */
.bg-green-haze {
  border-color: #44b6ae !important;
  background-image: none !important;
  background-color: #44b6ae !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-green-haze {
  color: #44b6ae !important;
}
.progress-bar.green-haze {
  background: #44b6ae !important;
  color: #FFFFFF !important;
}
/***
Green Jungle
***/
/* Button */
.green-jungle.btn {
  color: #FFFFFF;
  background-color: #26C281;
}
.green-jungle.btn:hover,
.green-jungle.btn:focus,
.green-jungle.btn:active,
.green-jungle.btn.active {
  color: #FFFFFF;
  background-color: #20a46d;
}
.open .green-jungle.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #20a46d;
}
.green-jungle.btn:active,
.green-jungle.btn.active {
  background-image: none;
  background-color: #1c8f5f;
}
.green-jungle.btn:active:hover,
.green-jungle.btn.active:hover {
  background-color: #1e9765;
}
.open .green-jungle.btn.dropdown-toggle {
  background-image: none;
}
.green-jungle.btn.disabled,
.green-jungle.btn.disabled:hover,
.green-jungle.btn.disabled:focus,
.green-jungle.btn.disabled:active,
.green-jungle.btn.disabled.active,
.green-jungle.btn[disabled],
.green-jungle.btn[disabled]:hover,
.green-jungle.btn[disabled]:focus,
.green-jungle.btn[disabled]:active,
.green-jungle.btn[disabled].active,
fieldset[disabled] .green-jungle.btn,
fieldset[disabled] .green-jungle.btn:hover,
fieldset[disabled] .green-jungle.btn:focus,
fieldset[disabled] .green-jungle.btn:active,
fieldset[disabled] .green-jungle.btn.active {
  background-color: #26C281;
}
.green-jungle.btn .badge {
  color: #26C281;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.green-jungle-stripe {
  border-left: 3px solid #26C281;
}
/* Portlet */
.portlet > .portlet-body.green-jungle,
.portlet.green-jungle {
  background-color: #26C281;
}
.portlet.solid.green-jungle > .portlet-title,
.portlet.solid.green-jungle > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.green-jungle > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.green-jungle > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.green-jungle > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.green-jungle > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.green-jungle > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.green-jungle > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.green-jungle > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.green-jungle > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.green-jungle {
  border: 1px solid #41da9a;
  border-top: 0;
}
.portlet.box.green-jungle > .portlet-title {
  background-color: #26C281;
}
.portlet.box.green-jungle > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.green-jungle > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.green-jungle > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #74e4b5;
  color: #8ae8c1;
  box-shadow: none;
}
.portlet.box.green-jungle > .portlet-title > .actions .btn-default > i {
  color: #96ebc8;
}
.portlet.box.green-jungle > .portlet-title > .actions .btn-default:hover,
.portlet.box.green-jungle > .portlet-title > .actions .btn-default:focus,
.portlet.box.green-jungle > .portlet-title > .actions .btn-default:active,
.portlet.box.green-jungle > .portlet-title > .actions .btn-default.active {
  border: 1px solid #9feccc;
  color: #b4f0d7;
}
/* Statistic Block */
.dashboard-stat.green-jungle {
  background-color: #26C281;
}
.dashboard-stat.green-jungle.dashboard-stat-light:hover {
  background-color: #23b176;
}
.dashboard-stat.green-jungle .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.green-jungle .details .number {
  color: #FFFFFF;
}
.dashboard-stat.green-jungle .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.green-jungle .more {
  color: #FFFFFF;
  background-color: #23b176;
}
/* General Element */
.bg-green-jungle {
  border-color: #26C281 !important;
  background-image: none !important;
  background-color: #26C281 !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-green-jungle {
  color: #26C281 !important;
}
.progress-bar.green-jungle {
  background: #26C281 !important;
  color: #FFFFFF !important;
}
/***
Green Sharp
***/
/* Button */
.green-sharp.btn {
  color: #FFFFFF;
  background-color: #4DB3A2;
}
.green-sharp.btn:hover,
.green-sharp.btn:focus,
.green-sharp.btn:active,
.green-sharp.btn.active {
  color: #FFFFFF;
  background-color: #429a8c;
}
.open .green-sharp.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #429a8c;
}
.green-sharp.btn:active,
.green-sharp.btn.active {
  background-image: none;
  background-color: #3a897b;
}
.green-sharp.btn:active:hover,
.green-sharp.btn.active:hover {
  background-color: #3d9082;
}
.open .green-sharp.btn.dropdown-toggle {
  background-image: none;
}
.green-sharp.btn.disabled,
.green-sharp.btn.disabled:hover,
.green-sharp.btn.disabled:focus,
.green-sharp.btn.disabled:active,
.green-sharp.btn.disabled.active,
.green-sharp.btn[disabled],
.green-sharp.btn[disabled]:hover,
.green-sharp.btn[disabled]:focus,
.green-sharp.btn[disabled]:active,
.green-sharp.btn[disabled].active,
fieldset[disabled] .green-sharp.btn,
fieldset[disabled] .green-sharp.btn:hover,
fieldset[disabled] .green-sharp.btn:focus,
fieldset[disabled] .green-sharp.btn:active,
fieldset[disabled] .green-sharp.btn.active {
  background-color: #4DB3A2;
}
.green-sharp.btn .badge {
  color: #4DB3A2;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.green-sharp-stripe {
  border-left: 3px solid #4DB3A2;
}
/* Portlet */
.portlet > .portlet-body.green-sharp,
.portlet.green-sharp {
  background-color: #4DB3A2;
}
.portlet.solid.green-sharp > .portlet-title,
.portlet.solid.green-sharp > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.green-sharp > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.green-sharp > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.green-sharp > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.green-sharp > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.green-sharp > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.green-sharp > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.green-sharp > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.green-sharp > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.green-sharp {
  border: 1px solid #71c2b5;
  border-top: 0;
}
.portlet.box.green-sharp > .portlet-title {
  background-color: #4DB3A2;
}
.portlet.box.green-sharp > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.green-sharp > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.green-sharp > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #9cd5cb;
  color: #addcd4;
  box-shadow: none;
}
.portlet.box.green-sharp > .portlet-title > .actions .btn-default > i {
  color: #b8e1da;
}
.portlet.box.green-sharp > .portlet-title > .actions .btn-default:hover,
.portlet.box.green-sharp > .portlet-title > .actions .btn-default:focus,
.portlet.box.green-sharp > .portlet-title > .actions .btn-default:active,
.portlet.box.green-sharp > .portlet-title > .actions .btn-default.active {
  border: 1px solid #bfe4de;
  color: #d1ebe7;
}
/* Statistic Block */
.dashboard-stat.green-sharp {
  background-color: #4DB3A2;
}
.dashboard-stat.green-sharp.dashboard-stat-light:hover {
  background-color: #46a595;
}
.dashboard-stat.green-sharp .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.green-sharp .details .number {
  color: #FFFFFF;
}
.dashboard-stat.green-sharp .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.green-sharp .more {
  color: #FFFFFF;
  background-color: #46a595;
}
/* General Element */
.bg-green-sharp {
  border-color: #4DB3A2 !important;
  background-image: none !important;
  background-color: #4DB3A2 !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-green-sharp {
  color: #4DB3A2 !important;
}
.progress-bar.green-sharp {
  background: #4DB3A2 !important;
  color: #FFFFFF !important;
}
/***
Green Sharp
***/
/* Button */
.green-soft.btn {
  color: #FFFFFF;
  background-color: #3faba4;
}
.green-soft.btn:hover,
.green-soft.btn:focus,
.green-soft.btn:active,
.green-soft.btn.active {
  color: #FFFFFF;
  background-color: #35918b;
}
.open .green-soft.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #35918b;
}
.green-soft.btn:active,
.green-soft.btn.active {
  background-image: none;
  background-color: #2f7e79;
}
.green-soft.btn:active:hover,
.green-soft.btn.active:hover {
  background-color: #318680;
}
.open .green-soft.btn.dropdown-toggle {
  background-image: none;
}
.green-soft.btn.disabled,
.green-soft.btn.disabled:hover,
.green-soft.btn.disabled:focus,
.green-soft.btn.disabled:active,
.green-soft.btn.disabled.active,
.green-soft.btn[disabled],
.green-soft.btn[disabled]:hover,
.green-soft.btn[disabled]:focus,
.green-soft.btn[disabled]:active,
.green-soft.btn[disabled].active,
fieldset[disabled] .green-soft.btn,
fieldset[disabled] .green-soft.btn:hover,
fieldset[disabled] .green-soft.btn:focus,
fieldset[disabled] .green-soft.btn:active,
fieldset[disabled] .green-soft.btn.active {
  background-color: #3faba4;
}
.green-soft.btn .badge {
  color: #3faba4;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.green-soft-stripe {
  border-left: 3px solid #3faba4;
}
/* Portlet */
.portlet > .portlet-body.green-soft,
.portlet.green-soft {
  background-color: #3faba4;
}
.portlet.solid.green-soft > .portlet-title,
.portlet.solid.green-soft > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.green-soft > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.green-soft > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.green-soft > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.green-soft > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.green-soft > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.green-soft > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.green-soft > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.green-soft > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.green-soft {
  border: 1px solid #5bc2bc;
  border-top: 0;
}
.portlet.box.green-soft > .portlet-title {
  background-color: #3faba4;
}
.portlet.box.green-soft > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.green-soft > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.green-soft > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #87d3ce;
  color: #9adad6;
  box-shadow: none;
}
.portlet.box.green-soft > .portlet-title > .actions .btn-default > i {
  color: #a5deda;
}
.portlet.box.green-soft > .portlet-title > .actions .btn-default:hover,
.portlet.box.green-soft > .portlet-title > .actions .btn-default:focus,
.portlet.box.green-soft > .portlet-title > .actions .btn-default:active,
.portlet.box.green-soft > .portlet-title > .actions .btn-default.active {
  border: 1px solid #ade1dd;
  color: #bfe7e5;
}
/* Statistic Block */
.dashboard-stat.green-soft {
  background-color: #3faba4;
}
.dashboard-stat.green-soft.dashboard-stat-light:hover {
  background-color: #3a9c96;
}
.dashboard-stat.green-soft .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.green-soft .details .number {
  color: #FFFFFF;
}
.dashboard-stat.green-soft .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.green-soft .more {
  color: #FFFFFF;
  background-color: #3a9c96;
}
/* General Element */
.bg-green-soft {
  border-color: #3faba4 !important;
  background-image: none !important;
  background-color: #3faba4 !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-green-soft {
  color: #3faba4 !important;
}
.progress-bar.green-soft {
  background: #3faba4 !important;
  color: #FFFFFF !important;
}
/***********
Grey Colors
************/
/***
Grey Default
***/
/* Button */
.grey.btn {
  color: #333333;
  background-color: #E5E5E5;
}
.grey.btn:hover,
.grey.btn:focus,
.grey.btn:active,
.grey.btn.active {
  color: #333333;
  background-color: lightgray;
}
.open .grey.btn.dropdown-toggle {
  color: #333333;
  background-color: lightgray;
}
.grey.btn:active,
.grey.btn.active {
  background-image: none;
  background-color: #c6c6c6;
}
.grey.btn:active:hover,
.grey.btn.active:hover {
  background-color: #cccccc;
}
.open .grey.btn.dropdown-toggle {
  background-image: none;
}
.grey.btn.disabled,
.grey.btn.disabled:hover,
.grey.btn.disabled:focus,
.grey.btn.disabled:active,
.grey.btn.disabled.active,
.grey.btn[disabled],
.grey.btn[disabled]:hover,
.grey.btn[disabled]:focus,
.grey.btn[disabled]:active,
.grey.btn[disabled].active,
fieldset[disabled] .grey.btn,
fieldset[disabled] .grey.btn:hover,
fieldset[disabled] .grey.btn:focus,
fieldset[disabled] .grey.btn:active,
fieldset[disabled] .grey.btn.active {
  background-color: #E5E5E5;
}
.grey.btn .badge {
  color: #E5E5E5;
  background-color: #333333;
}
/* Button Strip */
.btn.grey-stripe {
  border-left: 3px solid #E5E5E5;
}
/* Portlet */
.portlet > .portlet-body.grey,
.portlet.grey {
  background-color: #E5E5E5;
}
.portlet.solid.grey > .portlet-title,
.portlet.solid.grey > .portlet-body {
  border: 0;
  color: #333333;
}
.portlet.solid.grey > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.grey > .portlet-title > .caption > i {
  color: #333333;
}
.portlet.solid.grey > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.grey > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.grey > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.grey > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.grey > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.grey > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.grey {
  border: 1px solid white;
  border-top: 0;
}
.portlet.box.grey > .portlet-title {
  background-color: #E5E5E5;
}
.portlet.box.grey > .portlet-title > .caption {
  color: #333333;
}
.portlet.box.grey > .portlet-title > .caption > i {
  color: #333333;
}
.portlet.box.grey > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid white;
  color: white;
  box-shadow: none;
}
.portlet.box.grey > .portlet-title > .actions .btn-default > i {
  color: white;
}
.portlet.box.grey > .portlet-title > .actions .btn-default:hover,
.portlet.box.grey > .portlet-title > .actions .btn-default:focus,
.portlet.box.grey > .portlet-title > .actions .btn-default:active,
.portlet.box.grey > .portlet-title > .actions .btn-default.active {
  border: 1px solid white;
  color: white;
}
/* Statistic Block */
.dashboard-stat.grey {
  background-color: #E5E5E5;
}
.dashboard-stat.grey.dashboard-stat-light:hover {
  background-color: #dbdbdb;
}
.dashboard-stat.grey .visual > i {
  color: #333333;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.grey .details .number {
  color: #333333;
}
.dashboard-stat.grey .details .desc {
  color: #333333;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.grey .more {
  color: #333333;
  background-color: #dbdbdb;
}
/* General Element */
.bg-grey {
  border-color: #E5E5E5 !important;
  background-image: none !important;
  background-color: #E5E5E5 !important;
  color: #333333 !important;
}
/* General Text & Icon Font Colors */
.font-grey {
  color: #E5E5E5 !important;
}
.progress-bar.grey {
  background: #E5E5E5 !important;
  color: #333333 !important;
}
/***
Grey Steel
***/
/* Button */
.grey-steel.btn {
  color: #80898e;
  background-color: #e9edef;
}
.grey-steel.btn:hover,
.grey-steel.btn:focus,
.grey-steel.btn:active,
.grey-steel.btn.active {
  color: #80898e;
  background-color: #d4dce0;
}
.open .grey-steel.btn.dropdown-toggle {
  color: #80898e;
  background-color: #d4dce0;
}
.grey-steel.btn:active,
.grey-steel.btn.active {
  background-image: none;
  background-color: #c6d0d5;
}
.grey-steel.btn:active:hover,
.grey-steel.btn.active:hover {
  background-color: #cbd5da;
}
.open .grey-steel.btn.dropdown-toggle {
  background-image: none;
}
.grey-steel.btn.disabled,
.grey-steel.btn.disabled:hover,
.grey-steel.btn.disabled:focus,
.grey-steel.btn.disabled:active,
.grey-steel.btn.disabled.active,
.grey-steel.btn[disabled],
.grey-steel.btn[disabled]:hover,
.grey-steel.btn[disabled]:focus,
.grey-steel.btn[disabled]:active,
.grey-steel.btn[disabled].active,
fieldset[disabled] .grey-steel.btn,
fieldset[disabled] .grey-steel.btn:hover,
fieldset[disabled] .grey-steel.btn:focus,
fieldset[disabled] .grey-steel.btn:active,
fieldset[disabled] .grey-steel.btn.active {
  background-color: #e9edef;
}
.grey-steel.btn .badge {
  color: #e9edef;
  background-color: #80898e;
}
/* Button Strip */
.btn.grey-steel-stripe {
  border-left: 3px solid #e9edef;
}
/* Portlet */
.portlet > .portlet-body.grey-steel,
.portlet.grey-steel {
  background-color: #e9edef;
}
.portlet.solid.grey-steel > .portlet-title,
.portlet.solid.grey-steel > .portlet-body {
  border: 0;
  color: #80898e;
}
.portlet.solid.grey-steel > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.grey-steel > .portlet-title > .caption > i {
  color: #80898e;
}
.portlet.solid.grey-steel > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.grey-steel > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.grey-steel > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.grey-steel > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.grey-steel > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.grey-steel > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.grey-steel {
  border: 1px solid white;
  border-top: 0;
}
.portlet.box.grey-steel > .portlet-title {
  background-color: #e9edef;
}
.portlet.box.grey-steel > .portlet-title > .caption {
  color: #80898e;
}
.portlet.box.grey-steel > .portlet-title > .caption > i {
  color: #80898e;
}
.portlet.box.grey-steel > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid white;
  color: white;
  box-shadow: none;
}
.portlet.box.grey-steel > .portlet-title > .actions .btn-default > i {
  color: white;
}
.portlet.box.grey-steel > .portlet-title > .actions .btn-default:hover,
.portlet.box.grey-steel > .portlet-title > .actions .btn-default:focus,
.portlet.box.grey-steel > .portlet-title > .actions .btn-default:active,
.portlet.box.grey-steel > .portlet-title > .actions .btn-default.active {
  border: 1px solid white;
  color: white;
}
/* Statistic Block */
.dashboard-stat.grey-steel {
  background-color: #e9edef;
}
.dashboard-stat.grey-steel.dashboard-stat-light:hover {
  background-color: #dde3e6;
}
.dashboard-stat.grey-steel .visual > i {
  color: #80898e;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.grey-steel .details .number {
  color: #80898e;
}
.dashboard-stat.grey-steel .details .desc {
  color: #80898e;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.grey-steel .more {
  color: #80898e;
  background-color: #dde3e6;
}
/* General Element */
.bg-grey-steel {
  border-color: #e9edef !important;
  background-image: none !important;
  background-color: #e9edef !important;
  color: #80898e !important;
}
/* General Text & Icon Font Colors */
.font-grey-steel {
  color: #e9edef !important;
}
.progress-bar.grey-steel {
  background: #e9edef !important;
  color: #80898e !important;
}
/***
Grey Cararra
***/
/* Button */
.grey-cararra.btn {
  color: #333333;
  background-color: #fafafa;
}
.grey-cararra.btn:hover,
.grey-cararra.btn:focus,
.grey-cararra.btn:active,
.grey-cararra.btn.active {
  color: #333333;
  background-color: #e8e8e8;
}
.open .grey-cararra.btn.dropdown-toggle {
  color: #333333;
  background-color: #e8e8e8;
}
.grey-cararra.btn:active,
.grey-cararra.btn.active {
  background-image: none;
  background-color: #dbdbdb;
}
.grey-cararra.btn:active:hover,
.grey-cararra.btn.active:hover {
  background-color: #e1e1e1;
}
.open .grey-cararra.btn.dropdown-toggle {
  background-image: none;
}
.grey-cararra.btn.disabled,
.grey-cararra.btn.disabled:hover,
.grey-cararra.btn.disabled:focus,
.grey-cararra.btn.disabled:active,
.grey-cararra.btn.disabled.active,
.grey-cararra.btn[disabled],
.grey-cararra.btn[disabled]:hover,
.grey-cararra.btn[disabled]:focus,
.grey-cararra.btn[disabled]:active,
.grey-cararra.btn[disabled].active,
fieldset[disabled] .grey-cararra.btn,
fieldset[disabled] .grey-cararra.btn:hover,
fieldset[disabled] .grey-cararra.btn:focus,
fieldset[disabled] .grey-cararra.btn:active,
fieldset[disabled] .grey-cararra.btn.active {
  background-color: #fafafa;
}
.grey-cararra.btn .badge {
  color: #fafafa;
  background-color: #333333;
}
/* Button Strip */
.btn.grey-cararra-stripe {
  border-left: 3px solid #fafafa;
}
/* Portlet */
.portlet > .portlet-body.grey-cararra,
.portlet.grey-cararra {
  background-color: #fafafa;
}
.portlet.solid.grey-cararra > .portlet-title,
.portlet.solid.grey-cararra > .portlet-body {
  border: 0;
  color: #333333;
}
.portlet.solid.grey-cararra > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.grey-cararra > .portlet-title > .caption > i {
  color: #333333;
}
.portlet.solid.grey-cararra > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.grey-cararra > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.grey-cararra > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.grey-cararra > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.grey-cararra > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.grey-cararra > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.grey-cararra {
  border: 1px solid white;
  border-top: 0;
}
.portlet.box.grey-cararra > .portlet-title {
  background-color: #fafafa;
}
.portlet.box.grey-cararra > .portlet-title > .caption {
  color: #333333;
}
.portlet.box.grey-cararra > .portlet-title > .caption > i {
  color: #333333;
}
.portlet.box.grey-cararra > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid white;
  color: white;
  box-shadow: none;
}
.portlet.box.grey-cararra > .portlet-title > .actions .btn-default > i {
  color: white;
}
.portlet.box.grey-cararra > .portlet-title > .actions .btn-default:hover,
.portlet.box.grey-cararra > .portlet-title > .actions .btn-default:focus,
.portlet.box.grey-cararra > .portlet-title > .actions .btn-default:active,
.portlet.box.grey-cararra > .portlet-title > .actions .btn-default.active {
  border: 1px solid white;
  color: white;
}
/* Statistic Block */
.dashboard-stat.grey-cararra {
  background-color: #fafafa;
}
.dashboard-stat.grey-cararra.dashboard-stat-light:hover {
  background-color: #f0f0f0;
}
.dashboard-stat.grey-cararra .visual > i {
  color: #333333;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.grey-cararra .details .number {
  color: #333333;
}
.dashboard-stat.grey-cararra .details .desc {
  color: #333333;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.grey-cararra .more {
  color: #333333;
  background-color: #f0f0f0;
}
/* General Element */
.bg-grey-cararra {
  border-color: #fafafa !important;
  background-image: none !important;
  background-color: #fafafa !important;
  color: #333333 !important;
}
/* General Text & Icon Font Colors */
.font-grey-cararra {
  color: #fafafa !important;
}
.progress-bar.grey-cararra {
  background: #fafafa !important;
  color: #333333 !important;
}
/***
Grey Gallery
***/
/* Button */
.grey-gallery.btn {
  color: #ffffff;
  background-color: #555555;
}
.grey-gallery.btn:hover,
.grey-gallery.btn:focus,
.grey-gallery.btn:active,
.grey-gallery.btn.active {
  color: #ffffff;
  background-color: #434343;
}
.open .grey-gallery.btn.dropdown-toggle {
  color: #ffffff;
  background-color: #434343;
}
.grey-gallery.btn:active,
.grey-gallery.btn.active {
  background-image: none;
  background-color: #363636;
}
.grey-gallery.btn:active:hover,
.grey-gallery.btn.active:hover {
  background-color: #3b3b3b;
}
.open .grey-gallery.btn.dropdown-toggle {
  background-image: none;
}
.grey-gallery.btn.disabled,
.grey-gallery.btn.disabled:hover,
.grey-gallery.btn.disabled:focus,
.grey-gallery.btn.disabled:active,
.grey-gallery.btn.disabled.active,
.grey-gallery.btn[disabled],
.grey-gallery.btn[disabled]:hover,
.grey-gallery.btn[disabled]:focus,
.grey-gallery.btn[disabled]:active,
.grey-gallery.btn[disabled].active,
fieldset[disabled] .grey-gallery.btn,
fieldset[disabled] .grey-gallery.btn:hover,
fieldset[disabled] .grey-gallery.btn:focus,
fieldset[disabled] .grey-gallery.btn:active,
fieldset[disabled] .grey-gallery.btn.active {
  background-color: #555555;
}
.grey-gallery.btn .badge {
  color: #555555;
  background-color: #ffffff;
}
/* Button Strip */
.btn.grey-gallery-stripe {
  border-left: 3px solid #555555;
}
/* Portlet */
.portlet > .portlet-body.grey-gallery,
.portlet.grey-gallery {
  background-color: #555555;
}
.portlet.solid.grey-gallery > .portlet-title,
.portlet.solid.grey-gallery > .portlet-body {
  border: 0;
  color: #ffffff;
}
.portlet.solid.grey-gallery > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.grey-gallery > .portlet-title > .caption > i {
  color: #ffffff;
}
.portlet.solid.grey-gallery > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.grey-gallery > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.grey-gallery > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.grey-gallery > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.grey-gallery > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.grey-gallery > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.grey-gallery {
  border: 1px solid #6e6e6e;
  border-top: 0;
}
.portlet.box.grey-gallery > .portlet-title {
  background-color: #555555;
}
.portlet.box.grey-gallery > .portlet-title > .caption {
  color: #ffffff;
}
.portlet.box.grey-gallery > .portlet-title > .caption > i {
  color: #ffffff;
}
.portlet.box.grey-gallery > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #8d8d8d;
  color: #9a9a9a;
  box-shadow: none;
}
.portlet.box.grey-gallery > .portlet-title > .actions .btn-default > i {
  color: #a2a2a2;
}
.portlet.box.grey-gallery > .portlet-title > .actions .btn-default:hover,
.portlet.box.grey-gallery > .portlet-title > .actions .btn-default:focus,
.portlet.box.grey-gallery > .portlet-title > .actions .btn-default:active,
.portlet.box.grey-gallery > .portlet-title > .actions .btn-default.active {
  border: 1px solid #a7a7a7;
  color: #b3b3b3;
}
/* Statistic Block */
.dashboard-stat.grey-gallery {
  background-color: #555555;
}
.dashboard-stat.grey-gallery.dashboard-stat-light:hover {
  background-color: #4b4b4b;
}
.dashboard-stat.grey-gallery .visual > i {
  color: #ffffff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.grey-gallery .details .number {
  color: #ffffff;
}
.dashboard-stat.grey-gallery .details .desc {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.grey-gallery .more {
  color: #ffffff;
  background-color: #4b4b4b;
}
/* General Element */
.bg-grey-gallery {
  border-color: #555555 !important;
  background-image: none !important;
  background-color: #555555 !important;
  color: #ffffff !important;
}
/* General Text & Icon Font Colors */
.font-grey-gallery {
  color: #555555 !important;
}
.progress-bar.grey-gallery {
  background: #555555 !important;
  color: #ffffff !important;
}
/***
Grey Cascade
***/
/* Button */
.grey-cascade.btn {
  color: #FFFFFF;
  background-color: #95A5A6;
}
.grey-cascade.btn:hover,
.grey-cascade.btn:focus,
.grey-cascade.btn:active,
.grey-cascade.btn.active {
  color: #FFFFFF;
  background-color: #829596;
}
.open .grey-cascade.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #829596;
}
.grey-cascade.btn:active,
.grey-cascade.btn.active {
  background-image: none;
  background-color: #74898a;
}
.grey-cascade.btn:active:hover,
.grey-cascade.btn.active:hover {
  background-color: #798d8f;
}
.open .grey-cascade.btn.dropdown-toggle {
  background-image: none;
}
.grey-cascade.btn.disabled,
.grey-cascade.btn.disabled:hover,
.grey-cascade.btn.disabled:focus,
.grey-cascade.btn.disabled:active,
.grey-cascade.btn.disabled.active,
.grey-cascade.btn[disabled],
.grey-cascade.btn[disabled]:hover,
.grey-cascade.btn[disabled]:focus,
.grey-cascade.btn[disabled]:active,
.grey-cascade.btn[disabled].active,
fieldset[disabled] .grey-cascade.btn,
fieldset[disabled] .grey-cascade.btn:hover,
fieldset[disabled] .grey-cascade.btn:focus,
fieldset[disabled] .grey-cascade.btn:active,
fieldset[disabled] .grey-cascade.btn.active {
  background-color: #95A5A6;
}
.grey-cascade.btn .badge {
  color: #95A5A6;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.grey-cascade-stripe {
  border-left: 3px solid #95A5A6;
}
/* Portlet */
.portlet > .portlet-body.grey-cascade,
.portlet.grey-cascade {
  background-color: #95A5A6;
}
.portlet.solid.grey-cascade > .portlet-title,
.portlet.solid.grey-cascade > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.grey-cascade > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.grey-cascade > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.grey-cascade > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.grey-cascade > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.grey-cascade > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.grey-cascade > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.grey-cascade > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.grey-cascade > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.grey-cascade {
  border: 1px solid #b1bdbd;
  border-top: 0;
}
.portlet.box.grey-cascade > .portlet-title {
  background-color: #95A5A6;
}
.portlet.box.grey-cascade > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.grey-cascade > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.grey-cascade > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #d2d9d9;
  color: #e0e5e5;
  box-shadow: none;
}
.portlet.box.grey-cascade > .portlet-title > .actions .btn-default > i {
  color: #e8ecec;
}
.portlet.box.grey-cascade > .portlet-title > .actions .btn-default:hover,
.portlet.box.grey-cascade > .portlet-title > .actions .btn-default:focus,
.portlet.box.grey-cascade > .portlet-title > .actions .btn-default:active,
.portlet.box.grey-cascade > .portlet-title > .actions .btn-default.active {
  border: 1px solid #eef0f0;
  color: #fcfcfc;
}
/* Statistic Block */
.dashboard-stat.grey-cascade {
  background-color: #95A5A6;
}
.dashboard-stat.grey-cascade.dashboard-stat-light:hover {
  background-color: #8a9c9d;
}
.dashboard-stat.grey-cascade .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.grey-cascade .details .number {
  color: #FFFFFF;
}
.dashboard-stat.grey-cascade .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.grey-cascade .more {
  color: #FFFFFF;
  background-color: #8a9c9d;
}
/* General Element */
.bg-grey-cascade {
  border-color: #95A5A6 !important;
  background-image: none !important;
  background-color: #95A5A6 !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-grey-cascade {
  color: #95A5A6 !important;
}
.progress-bar.grey-cascade {
  background: #95A5A6 !important;
  color: #FFFFFF !important;
}
/***
Grey Silver
***/
/* Button */
.grey-silver.btn {
  color: #FAFCFB;
  background-color: #BFBFBF;
}
.grey-silver.btn:hover,
.grey-silver.btn:focus,
.grey-silver.btn:active,
.grey-silver.btn.active {
  color: #FAFCFB;
  background-color: #adadad;
}
.open .grey-silver.btn.dropdown-toggle {
  color: #FAFCFB;
  background-color: #adadad;
}
.grey-silver.btn:active,
.grey-silver.btn.active {
  background-image: none;
  background-color: #a0a0a0;
}
.grey-silver.btn:active:hover,
.grey-silver.btn.active:hover {
  background-color: #a6a6a6;
}
.open .grey-silver.btn.dropdown-toggle {
  background-image: none;
}
.grey-silver.btn.disabled,
.grey-silver.btn.disabled:hover,
.grey-silver.btn.disabled:focus,
.grey-silver.btn.disabled:active,
.grey-silver.btn.disabled.active,
.grey-silver.btn[disabled],
.grey-silver.btn[disabled]:hover,
.grey-silver.btn[disabled]:focus,
.grey-silver.btn[disabled]:active,
.grey-silver.btn[disabled].active,
fieldset[disabled] .grey-silver.btn,
fieldset[disabled] .grey-silver.btn:hover,
fieldset[disabled] .grey-silver.btn:focus,
fieldset[disabled] .grey-silver.btn:active,
fieldset[disabled] .grey-silver.btn.active {
  background-color: #BFBFBF;
}
.grey-silver.btn .badge {
  color: #BFBFBF;
  background-color: #FAFCFB;
}
/* Button Strip */
.btn.grey-silver-stripe {
  border-left: 3px solid #BFBFBF;
}
/* Portlet */
.portlet > .portlet-body.grey-silver,
.portlet.grey-silver {
  background-color: #BFBFBF;
}
.portlet.solid.grey-silver > .portlet-title,
.portlet.solid.grey-silver > .portlet-body {
  border: 0;
  color: #FAFCFB;
}
.portlet.solid.grey-silver > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.grey-silver > .portlet-title > .caption > i {
  color: #FAFCFB;
}
.portlet.solid.grey-silver > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.grey-silver > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.grey-silver > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.grey-silver > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.grey-silver > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.grey-silver > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.grey-silver {
  border: 1px solid #d9d9d9;
  border-top: 0;
}
.portlet.box.grey-silver > .portlet-title {
  background-color: #BFBFBF;
}
.portlet.box.grey-silver > .portlet-title > .caption {
  color: #FAFCFB;
}
.portlet.box.grey-silver > .portlet-title > .caption > i {
  color: #FAFCFB;
}
.portlet.box.grey-silver > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #f7f7f7;
  color: white;
  box-shadow: none;
}
.portlet.box.grey-silver > .portlet-title > .actions .btn-default > i {
  color: white;
}
.portlet.box.grey-silver > .portlet-title > .actions .btn-default:hover,
.portlet.box.grey-silver > .portlet-title > .actions .btn-default:focus,
.portlet.box.grey-silver > .portlet-title > .actions .btn-default:active,
.portlet.box.grey-silver > .portlet-title > .actions .btn-default.active {
  border: 1px solid white;
  color: white;
}
/* Statistic Block */
.dashboard-stat.grey-silver {
  background-color: #BFBFBF;
}
.dashboard-stat.grey-silver.dashboard-stat-light:hover {
  background-color: #b5b5b5;
}
.dashboard-stat.grey-silver .visual > i {
  color: #FAFCFB;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.grey-silver .details .number {
  color: #FAFCFB;
}
.dashboard-stat.grey-silver .details .desc {
  color: #FAFCFB;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.grey-silver .more {
  color: #FAFCFB;
  background-color: #b5b5b5;
}
/* General Element */
.bg-grey-silver {
  border-color: #BFBFBF !important;
  background-image: none !important;
  background-color: #BFBFBF !important;
  color: #FAFCFB !important;
}
/* General Text & Icon Font Colors */
.font-grey-silver {
  color: #BFBFBF !important;
}
.progress-bar.grey-silver {
  background: #BFBFBF !important;
  color: #FAFCFB !important;
}
/***
Grey Salsa
***/
/* Button */
.grey-salsa.btn {
  color: #FAFCFB;
  background-color: #ACB5C3;
}
.grey-salsa.btn:hover,
.grey-salsa.btn:focus,
.grey-salsa.btn:active,
.grey-salsa.btn.active {
  color: #FAFCFB;
  background-color: #97a3b4;
}
.open .grey-salsa.btn.dropdown-toggle {
  color: #FAFCFB;
  background-color: #97a3b4;
}
.grey-salsa.btn:active,
.grey-salsa.btn.active {
  background-image: none;
  background-color: #8895a9;
}
.grey-salsa.btn:active:hover,
.grey-salsa.btn.active:hover {
  background-color: #8e9bae;
}
.open .grey-salsa.btn.dropdown-toggle {
  background-image: none;
}
.grey-salsa.btn.disabled,
.grey-salsa.btn.disabled:hover,
.grey-salsa.btn.disabled:focus,
.grey-salsa.btn.disabled:active,
.grey-salsa.btn.disabled.active,
.grey-salsa.btn[disabled],
.grey-salsa.btn[disabled]:hover,
.grey-salsa.btn[disabled]:focus,
.grey-salsa.btn[disabled]:active,
.grey-salsa.btn[disabled].active,
fieldset[disabled] .grey-salsa.btn,
fieldset[disabled] .grey-salsa.btn:hover,
fieldset[disabled] .grey-salsa.btn:focus,
fieldset[disabled] .grey-salsa.btn:active,
fieldset[disabled] .grey-salsa.btn.active {
  background-color: #ACB5C3;
}
.grey-salsa.btn .badge {
  color: #ACB5C3;
  background-color: #FAFCFB;
}
/* Button Strip */
.btn.grey-salsa-stripe {
  border-left: 3px solid #ACB5C3;
}
/* Portlet */
.portlet > .portlet-body.grey-salsa,
.portlet.grey-salsa {
  background-color: #ACB5C3;
}
.portlet.solid.grey-salsa > .portlet-title,
.portlet.solid.grey-salsa > .portlet-body {
  border: 0;
  color: #FAFCFB;
}
.portlet.solid.grey-salsa > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.grey-salsa > .portlet-title > .caption > i {
  color: #FAFCFB;
}
.portlet.solid.grey-salsa > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.grey-salsa > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.grey-salsa > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.grey-salsa > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.grey-salsa > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.grey-salsa > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.grey-salsa {
  border: 1px solid #cacfd8;
  border-top: 0;
}
.portlet.box.grey-salsa > .portlet-title {
  background-color: #ACB5C3;
}
.portlet.box.grey-salsa > .portlet-title > .caption {
  color: #FAFCFB;
}
.portlet.box.grey-salsa > .portlet-title > .caption > i {
  color: #FAFCFB;
}
.portlet.box.grey-salsa > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #edeff2;
  color: #fcfcfd;
  box-shadow: none;
}
.portlet.box.grey-salsa > .portlet-title > .actions .btn-default > i {
  color: white;
}
.portlet.box.grey-salsa > .portlet-title > .actions .btn-default:hover,
.portlet.box.grey-salsa > .portlet-title > .actions .btn-default:focus,
.portlet.box.grey-salsa > .portlet-title > .actions .btn-default:active,
.portlet.box.grey-salsa > .portlet-title > .actions .btn-default.active {
  border: 1px solid white;
  color: white;
}
/* Statistic Block */
.dashboard-stat.grey-salsa {
  background-color: #ACB5C3;
}
.dashboard-stat.grey-salsa.dashboard-stat-light:hover {
  background-color: #a0aaba;
}
.dashboard-stat.grey-salsa .visual > i {
  color: #FAFCFB;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.grey-salsa .details .number {
  color: #FAFCFB;
}
.dashboard-stat.grey-salsa .details .desc {
  color: #FAFCFB;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.grey-salsa .more {
  color: #FAFCFB;
  background-color: #a0aaba;
}
/* General Element */
.bg-grey-salsa {
  border-color: #ACB5C3 !important;
  background-image: none !important;
  background-color: #ACB5C3 !important;
  color: #FAFCFB !important;
}
/* General Text & Icon Font Colors */
.font-grey-salsa {
  color: #ACB5C3 !important;
}
.progress-bar.grey-salsa {
  background: #ACB5C3 !important;
  color: #FAFCFB !important;
}
/***
Grey Salt
***/
/* Button */
.grey-salt.btn {
  color: #FAFCFB;
  background-color: #bfcad1;
}
.grey-salt.btn:hover,
.grey-salt.btn:focus,
.grey-salt.btn:active,
.grey-salt.btn.active {
  color: #FAFCFB;
  background-color: #aab9c2;
}
.open .grey-salt.btn.dropdown-toggle {
  color: #FAFCFB;
  background-color: #aab9c2;
}
.grey-salt.btn:active,
.grey-salt.btn.active {
  background-image: none;
  background-color: #9badb7;
}
.grey-salt.btn:active:hover,
.grey-salt.btn.active:hover {
  background-color: #a1b1bc;
}
.open .grey-salt.btn.dropdown-toggle {
  background-image: none;
}
.grey-salt.btn.disabled,
.grey-salt.btn.disabled:hover,
.grey-salt.btn.disabled:focus,
.grey-salt.btn.disabled:active,
.grey-salt.btn.disabled.active,
.grey-salt.btn[disabled],
.grey-salt.btn[disabled]:hover,
.grey-salt.btn[disabled]:focus,
.grey-salt.btn[disabled]:active,
.grey-salt.btn[disabled].active,
fieldset[disabled] .grey-salt.btn,
fieldset[disabled] .grey-salt.btn:hover,
fieldset[disabled] .grey-salt.btn:focus,
fieldset[disabled] .grey-salt.btn:active,
fieldset[disabled] .grey-salt.btn.active {
  background-color: #bfcad1;
}
.grey-salt.btn .badge {
  color: #bfcad1;
  background-color: #FAFCFB;
}
/* Button Strip */
.btn.grey-salt-stripe {
  border-left: 3px solid #bfcad1;
}
/* Portlet */
.portlet > .portlet-body.grey-salt,
.portlet.grey-salt {
  background-color: #bfcad1;
}
.portlet.solid.grey-salt > .portlet-title,
.portlet.solid.grey-salt > .portlet-body {
  border: 0;
  color: #FAFCFB;
}
.portlet.solid.grey-salt > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.grey-salt > .portlet-title > .caption > i {
  color: #FAFCFB;
}
.portlet.solid.grey-salt > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.grey-salt > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.grey-salt > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.grey-salt > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.grey-salt > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.grey-salt > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.grey-salt {
  border: 1px solid #dde3e6;
  border-top: 0;
}
.portlet.box.grey-salt > .portlet-title {
  background-color: #bfcad1;
}
.portlet.box.grey-salt > .portlet-title > .caption {
  color: #FAFCFB;
}
.portlet.box.grey-salt > .portlet-title > .caption > i {
  color: #FAFCFB;
}
.portlet.box.grey-salt > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid white;
  color: white;
  box-shadow: none;
}
.portlet.box.grey-salt > .portlet-title > .actions .btn-default > i {
  color: white;
}
.portlet.box.grey-salt > .portlet-title > .actions .btn-default:hover,
.portlet.box.grey-salt > .portlet-title > .actions .btn-default:focus,
.portlet.box.grey-salt > .portlet-title > .actions .btn-default:active,
.portlet.box.grey-salt > .portlet-title > .actions .btn-default.active {
  border: 1px solid white;
  color: white;
}
/* Statistic Block */
.dashboard-stat.grey-salt {
  background-color: #bfcad1;
}
.dashboard-stat.grey-salt.dashboard-stat-light:hover {
  background-color: #b3c0c8;
}
.dashboard-stat.grey-salt .visual > i {
  color: #FAFCFB;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.grey-salt .details .number {
  color: #FAFCFB;
}
.dashboard-stat.grey-salt .details .desc {
  color: #FAFCFB;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.grey-salt .more {
  color: #FAFCFB;
  background-color: #b3c0c8;
}
/* General Element */
.bg-grey-salt {
  border-color: #bfcad1 !important;
  background-image: none !important;
  background-color: #bfcad1 !important;
  color: #FAFCFB !important;
}
/* General Text & Icon Font Colors */
.font-grey-salt {
  color: #bfcad1 !important;
}
.progress-bar.grey-salt {
  background: #bfcad1 !important;
  color: #FAFCFB !important;
}
/***
Grey Mint
***/
/* Button */
.grey-mint.btn {
  color: #FAFCFB;
  background-color: #9eacb4;
}
.grey-mint.btn:hover,
.grey-mint.btn:focus,
.grey-mint.btn:active,
.grey-mint.btn.active {
  color: #FAFCFB;
  background-color: #8a9ba4;
}
.open .grey-mint.btn.dropdown-toggle {
  color: #FAFCFB;
  background-color: #8a9ba4;
}
.grey-mint.btn:active,
.grey-mint.btn.active {
  background-image: none;
  background-color: #7b8e99;
}
.grey-mint.btn:active:hover,
.grey-mint.btn.active:hover {
  background-color: #81939e;
}
.open .grey-mint.btn.dropdown-toggle {
  background-image: none;
}
.grey-mint.btn.disabled,
.grey-mint.btn.disabled:hover,
.grey-mint.btn.disabled:focus,
.grey-mint.btn.disabled:active,
.grey-mint.btn.disabled.active,
.grey-mint.btn[disabled],
.grey-mint.btn[disabled]:hover,
.grey-mint.btn[disabled]:focus,
.grey-mint.btn[disabled]:active,
.grey-mint.btn[disabled].active,
fieldset[disabled] .grey-mint.btn,
fieldset[disabled] .grey-mint.btn:hover,
fieldset[disabled] .grey-mint.btn:focus,
fieldset[disabled] .grey-mint.btn:active,
fieldset[disabled] .grey-mint.btn.active {
  background-color: #9eacb4;
}
.grey-mint.btn .badge {
  color: #9eacb4;
  background-color: #FAFCFB;
}
/* Button Strip */
.btn.grey-mint-stripe {
  border-left: 3px solid #9eacb4;
}
/* Portlet */
.portlet > .portlet-body.grey-mint,
.portlet.grey-mint {
  background-color: #9eacb4;
}
.portlet.solid.grey-mint > .portlet-title,
.portlet.solid.grey-mint > .portlet-body {
  border: 0;
  color: #FAFCFB;
}
.portlet.solid.grey-mint > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.grey-mint > .portlet-title > .caption > i {
  color: #FAFCFB;
}
.portlet.solid.grey-mint > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.grey-mint > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.grey-mint > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.grey-mint > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.grey-mint > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.grey-mint > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.grey-mint {
  border: 1px solid #bbc5ca;
  border-top: 0;
}
.portlet.box.grey-mint > .portlet-title {
  background-color: #9eacb4;
}
.portlet.box.grey-mint > .portlet-title > .caption {
  color: #FAFCFB;
}
.portlet.box.grey-mint > .portlet-title > .caption > i {
  color: #FAFCFB;
}
.portlet.box.grey-mint > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #dde2e5;
  color: #eceef0;
  box-shadow: none;
}
.portlet.box.grey-mint > .portlet-title > .actions .btn-default > i {
  color: #f4f6f7;
}
.portlet.box.grey-mint > .portlet-title > .actions .btn-default:hover,
.portlet.box.grey-mint > .portlet-title > .actions .btn-default:focus,
.portlet.box.grey-mint > .portlet-title > .actions .btn-default:active,
.portlet.box.grey-mint > .portlet-title > .actions .btn-default.active {
  border: 1px solid #fafbfb;
  color: white;
}
/* Statistic Block */
.dashboard-stat.grey-mint {
  background-color: #9eacb4;
}
.dashboard-stat.grey-mint.dashboard-stat-light:hover {
  background-color: #92a2ab;
}
.dashboard-stat.grey-mint .visual > i {
  color: #FAFCFB;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.grey-mint .details .number {
  color: #FAFCFB;
}
.dashboard-stat.grey-mint .details .desc {
  color: #FAFCFB;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.grey-mint .more {
  color: #FAFCFB;
  background-color: #92a2ab;
}
/* General Element */
.bg-grey-mint {
  border-color: #9eacb4 !important;
  background-image: none !important;
  background-color: #9eacb4 !important;
  color: #FAFCFB !important;
}
/* General Text & Icon Font Colors */
.font-grey-mint {
  color: #9eacb4 !important;
}
.progress-bar.grey-mint {
  background: #9eacb4 !important;
  color: #FAFCFB !important;
}
/***********
Red Colors
************/
/***
Red Default
***/
/* Button */
.red.btn {
  color: #FFFFFF;
  background-color: #cb5a5e;
}
.red.btn:hover,
.red.btn:focus,
.red.btn:active,
.red.btn.active {
  color: #FFFFFF;
  background-color: #c23f44;
}
.open .red.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #c23f44;
}
.red.btn:active,
.red.btn.active {
  background-image: none;
  background-color: #b0383c;
}
.red.btn:active:hover,
.red.btn.active:hover {
  background-color: #b83a3e;
}
.open .red.btn.dropdown-toggle {
  background-image: none;
}
.red.btn.disabled,
.red.btn.disabled:hover,
.red.btn.disabled:focus,
.red.btn.disabled:active,
.red.btn.disabled.active,
.red.btn[disabled],
.red.btn[disabled]:hover,
.red.btn[disabled]:focus,
.red.btn[disabled]:active,
.red.btn[disabled].active,
fieldset[disabled] .red.btn,
fieldset[disabled] .red.btn:hover,
fieldset[disabled] .red.btn:focus,
fieldset[disabled] .red.btn:active,
fieldset[disabled] .red.btn.active {
  background-color: #cb5a5e;
}
.red.btn .badge {
  color: #cb5a5e;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.red-stripe {
  border-left: 3px solid #cb5a5e;
}
/* Portlet */
.portlet > .portlet-body.red,
.portlet.red {
  background-color: #cb5a5e;
}
.portlet.solid.red > .portlet-title,
.portlet.solid.red > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.red > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.red > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.red > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.red > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.red > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.red > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.red > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.red > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.red {
  border: 1px solid #d78184;
  border-top: 0;
}
.portlet.box.red > .portlet-title {
  background-color: #cb5a5e;
}
.portlet.box.red > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.red > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.red > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #e6afb1;
  color: #ecc3c4;
  box-shadow: none;
}
.portlet.box.red > .portlet-title > .actions .btn-default > i {
  color: #f0ced0;
}
.portlet.box.red > .portlet-title > .actions .btn-default:hover,
.portlet.box.red > .portlet-title > .actions .btn-default:focus,
.portlet.box.red > .portlet-title > .actions .btn-default:active,
.portlet.box.red > .portlet-title > .actions .btn-default.active {
  border: 1px solid #f2d6d7;
  color: #f8e9ea;
}
/* Statistic Block */
.dashboard-stat.red {
  background-color: #cb5a5e;
}
.dashboard-stat.red.dashboard-stat-light:hover {
  background-color: #c64a4f;
}
.dashboard-stat.red .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.red .details .number {
  color: #FFFFFF;
}
.dashboard-stat.red .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.red .more {
  color: #FFFFFF;
  background-color: #c64a4f;
}
/* General Element */
.bg-red {
  border-color: #cb5a5e !important;
  background-image: none !important;
  background-color: #cb5a5e !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-red {
  color: #cb5a5e !important;
}
.progress-bar.red {
  background: #cb5a5e !important;
  color: #FFFFFF !important;
}
/***
Red Pink
***/
/* Button */
.red-pink.btn {
  color: #FFFFFF;
  background-color: #E08283;
}
.red-pink.btn:hover,
.red-pink.btn:focus,
.red-pink.btn:active,
.red-pink.btn.active {
  color: #FFFFFF;
  background-color: #d96567;
}
.open .red-pink.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #d96567;
}
.red-pink.btn:active,
.red-pink.btn.active {
  background-image: none;
  background-color: #d45152;
}
.red-pink.btn:active:hover,
.red-pink.btn.active:hover {
  background-color: #d6595a;
}
.open .red-pink.btn.dropdown-toggle {
  background-image: none;
}
.red-pink.btn.disabled,
.red-pink.btn.disabled:hover,
.red-pink.btn.disabled:focus,
.red-pink.btn.disabled:active,
.red-pink.btn.disabled.active,
.red-pink.btn[disabled],
.red-pink.btn[disabled]:hover,
.red-pink.btn[disabled]:focus,
.red-pink.btn[disabled]:active,
.red-pink.btn[disabled].active,
fieldset[disabled] .red-pink.btn,
fieldset[disabled] .red-pink.btn:hover,
fieldset[disabled] .red-pink.btn:focus,
fieldset[disabled] .red-pink.btn:active,
fieldset[disabled] .red-pink.btn.active {
  background-color: #E08283;
}
.red-pink.btn .badge {
  color: #E08283;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.red-pink-stripe {
  border-left: 3px solid #E08283;
}
/* Portlet */
.portlet > .portlet-body.red-pink,
.portlet.red-pink {
  background-color: #E08283;
}
.portlet.solid.red-pink > .portlet-title,
.portlet.solid.red-pink > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.red-pink > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.red-pink > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.red-pink > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.red-pink > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.red-pink > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.red-pink > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.red-pink > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.red-pink > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.red-pink {
  border: 1px solid #eaabac;
  border-top: 0;
}
.portlet.box.red-pink > .portlet-title {
  background-color: #E08283;
}
.portlet.box.red-pink > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.red-pink > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.red-pink > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #f6dcdc;
  color: #fbf0f0;
  box-shadow: none;
}
.portlet.box.red-pink > .portlet-title > .actions .btn-default > i {
  color: #fefdfd;
}
.portlet.box.red-pink > .portlet-title > .actions .btn-default:hover,
.portlet.box.red-pink > .portlet-title > .actions .btn-default:focus,
.portlet.box.red-pink > .portlet-title > .actions .btn-default:active,
.portlet.box.red-pink > .portlet-title > .actions .btn-default.active {
  border: 1px solid white;
  color: white;
}
/* Statistic Block */
.dashboard-stat.red-pink {
  background-color: #E08283;
}
.dashboard-stat.red-pink.dashboard-stat-light:hover {
  background-color: #dc7273;
}
.dashboard-stat.red-pink .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.red-pink .details .number {
  color: #FFFFFF;
}
.dashboard-stat.red-pink .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.red-pink .more {
  color: #FFFFFF;
  background-color: #dc7273;
}
/* General Element */
.bg-red-pink {
  border-color: #E08283 !important;
  background-image: none !important;
  background-color: #E08283 !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-red-pink {
  color: #E08283 !important;
}
.progress-bar.red-pink {
  background: #E08283 !important;
  color: #FFFFFF !important;
}
/***
Red Sunglo
***/
/* Button */
.red-sunglo.btn {
  color: #FFFFFF;
  background-color: #E26A6A;
}
.red-sunglo.btn:hover,
.red-sunglo.btn:focus,
.red-sunglo.btn:active,
.red-sunglo.btn.active {
  color: #FFFFFF;
  background-color: #dc4c4c;
}
.open .red-sunglo.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #dc4c4c;
}
.red-sunglo.btn:active,
.red-sunglo.btn.active {
  background-image: none;
  background-color: #d83737;
}
.red-sunglo.btn:active:hover,
.red-sunglo.btn.active:hover {
  background-color: #da3f3f;
}
.open .red-sunglo.btn.dropdown-toggle {
  background-image: none;
}
.red-sunglo.btn.disabled,
.red-sunglo.btn.disabled:hover,
.red-sunglo.btn.disabled:focus,
.red-sunglo.btn.disabled:active,
.red-sunglo.btn.disabled.active,
.red-sunglo.btn[disabled],
.red-sunglo.btn[disabled]:hover,
.red-sunglo.btn[disabled]:focus,
.red-sunglo.btn[disabled]:active,
.red-sunglo.btn[disabled].active,
fieldset[disabled] .red-sunglo.btn,
fieldset[disabled] .red-sunglo.btn:hover,
fieldset[disabled] .red-sunglo.btn:focus,
fieldset[disabled] .red-sunglo.btn:active,
fieldset[disabled] .red-sunglo.btn.active {
  background-color: #E26A6A;
}
.red-sunglo.btn .badge {
  color: #E26A6A;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.red-sunglo-stripe {
  border-left: 3px solid #E26A6A;
}
/* Portlet */
.portlet > .portlet-body.red-sunglo,
.portlet.red-sunglo {
  background-color: #E26A6A;
}
.portlet.solid.red-sunglo > .portlet-title,
.portlet.solid.red-sunglo > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.red-sunglo > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.red-sunglo > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.red-sunglo > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.red-sunglo > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.red-sunglo > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.red-sunglo > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.red-sunglo > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.red-sunglo > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.red-sunglo {
  border: 1px solid #ea9595;
  border-top: 0;
}
.portlet.box.red-sunglo > .portlet-title {
  background-color: #E26A6A;
}
.portlet.box.red-sunglo > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.red-sunglo > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.red-sunglo > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #f4c8c8;
  color: #f8dddd;
  box-shadow: none;
}
.portlet.box.red-sunglo > .portlet-title > .actions .btn-default > i {
  color: #fbeaea;
}
.portlet.box.red-sunglo > .portlet-title > .actions .btn-default:hover,
.portlet.box.red-sunglo > .portlet-title > .actions .btn-default:focus,
.portlet.box.red-sunglo > .portlet-title > .actions .btn-default:active,
.portlet.box.red-sunglo > .portlet-title > .actions .btn-default.active {
  border: 1px solid #fdf3f3;
  color: white;
}
/* Statistic Block */
.dashboard-stat.red-sunglo {
  background-color: #E26A6A;
}
.dashboard-stat.red-sunglo.dashboard-stat-light:hover {
  background-color: #df5959;
}
.dashboard-stat.red-sunglo .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.red-sunglo .details .number {
  color: #FFFFFF;
}
.dashboard-stat.red-sunglo .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.red-sunglo .more {
  color: #FFFFFF;
  background-color: #df5959;
}
/* General Element */
.bg-red-sunglo {
  border-color: #E26A6A !important;
  background-image: none !important;
  background-color: #E26A6A !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-red-sunglo {
  color: #E26A6A !important;
}
.progress-bar.red-sunglo {
  background: #E26A6A !important;
  color: #FFFFFF !important;
}
/***
Red Intense
***/
/* Button */
.red-intense.btn {
  color: #FFFFFF;
  background-color: #e35b5a;
}
.red-intense.btn:hover,
.red-intense.btn:focus,
.red-intense.btn:active,
.red-intense.btn.active {
  color: #FFFFFF;
  background-color: #de3d3b;
}
.open .red-intense.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #de3d3b;
}
.red-intense.btn:active,
.red-intense.btn.active {
  background-image: none;
  background-color: #da2726;
}
.red-intense.btn:active:hover,
.red-intense.btn.active:hover {
  background-color: #dc302e;
}
.open .red-intense.btn.dropdown-toggle {
  background-image: none;
}
.red-intense.btn.disabled,
.red-intense.btn.disabled:hover,
.red-intense.btn.disabled:focus,
.red-intense.btn.disabled:active,
.red-intense.btn.disabled.active,
.red-intense.btn[disabled],
.red-intense.btn[disabled]:hover,
.red-intense.btn[disabled]:focus,
.red-intense.btn[disabled]:active,
.red-intense.btn[disabled].active,
fieldset[disabled] .red-intense.btn,
fieldset[disabled] .red-intense.btn:hover,
fieldset[disabled] .red-intense.btn:focus,
fieldset[disabled] .red-intense.btn:active,
fieldset[disabled] .red-intense.btn.active {
  background-color: #e35b5a;
}
.red-intense.btn .badge {
  color: #e35b5a;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.red-intense-stripe {
  border-left: 3px solid #e35b5a;
}
/* Portlet */
.portlet > .portlet-body.red-intense,
.portlet.red-intense {
  background-color: #e35b5a;
}
.portlet.solid.red-intense > .portlet-title,
.portlet.solid.red-intense > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.red-intense > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.red-intense > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.red-intense > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.red-intense > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.red-intense > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.red-intense > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.red-intense > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.red-intense > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.red-intense {
  border: 1px solid #ea8686;
  border-top: 0;
}
.portlet.box.red-intense > .portlet-title {
  background-color: #e35b5a;
}
.portlet.box.red-intense > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.red-intense > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.red-intense > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #f3baba;
  color: #f7d0d0;
  box-shadow: none;
}
.portlet.box.red-intense > .portlet-title > .actions .btn-default > i {
  color: #f9dddd;
}
.portlet.box.red-intense > .portlet-title > .actions .btn-default:hover,
.portlet.box.red-intense > .portlet-title > .actions .btn-default:focus,
.portlet.box.red-intense > .portlet-title > .actions .btn-default:active,
.portlet.box.red-intense > .portlet-title > .actions .btn-default.active {
  border: 1px solid #fbe6e6;
  color: #fefbfb;
}
/* Statistic Block */
.dashboard-stat.red-intense {
  background-color: #e35b5a;
}
.dashboard-stat.red-intense.dashboard-stat-light:hover {
  background-color: #e04a49;
}
.dashboard-stat.red-intense .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.red-intense .details .number {
  color: #FFFFFF;
}
.dashboard-stat.red-intense .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.red-intense .more {
  color: #FFFFFF;
  background-color: #e04a49;
}
/* General Element */
.bg-red-intense {
  border-color: #e35b5a !important;
  background-image: none !important;
  background-color: #e35b5a !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-red-intense {
  color: #e35b5a !important;
}
.progress-bar.red-intense {
  background: #e35b5a !important;
  color: #FFFFFF !important;
}
/***
Red Thunderbird
***/
/* Button */
.red-thunderbird.btn {
  color: #FFFFFF;
  background-color: #D91E18;
}
.red-thunderbird.btn:hover,
.red-thunderbird.btn:focus,
.red-thunderbird.btn:active,
.red-thunderbird.btn.active {
  color: #FFFFFF;
  background-color: #b91a14;
}
.open .red-thunderbird.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #b91a14;
}
.red-thunderbird.btn:active,
.red-thunderbird.btn.active {
  background-image: none;
  background-color: #a21612;
}
.red-thunderbird.btn:active:hover,
.red-thunderbird.btn.active:hover {
  background-color: #ab1813;
}
.open .red-thunderbird.btn.dropdown-toggle {
  background-image: none;
}
.red-thunderbird.btn.disabled,
.red-thunderbird.btn.disabled:hover,
.red-thunderbird.btn.disabled:focus,
.red-thunderbird.btn.disabled:active,
.red-thunderbird.btn.disabled.active,
.red-thunderbird.btn[disabled],
.red-thunderbird.btn[disabled]:hover,
.red-thunderbird.btn[disabled]:focus,
.red-thunderbird.btn[disabled]:active,
.red-thunderbird.btn[disabled].active,
fieldset[disabled] .red-thunderbird.btn,
fieldset[disabled] .red-thunderbird.btn:hover,
fieldset[disabled] .red-thunderbird.btn:focus,
fieldset[disabled] .red-thunderbird.btn:active,
fieldset[disabled] .red-thunderbird.btn.active {
  background-color: #D91E18;
}
.red-thunderbird.btn .badge {
  color: #D91E18;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.red-thunderbird-stripe {
  border-left: 3px solid #D91E18;
}
/* Portlet */
.portlet > .portlet-body.red-thunderbird,
.portlet.red-thunderbird {
  background-color: #D91E18;
}
.portlet.solid.red-thunderbird > .portlet-title,
.portlet.solid.red-thunderbird > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.red-thunderbird > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.red-thunderbird > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.red-thunderbird > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.red-thunderbird > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.red-thunderbird > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.red-thunderbird > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.red-thunderbird > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.red-thunderbird > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.red-thunderbird {
  border: 1px solid #e9403b;
  border-top: 0;
}
.portlet.box.red-thunderbird > .portlet-title {
  background-color: #D91E18;
}
.portlet.box.red-thunderbird > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.red-thunderbird > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.red-thunderbird > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #ef7672;
  color: #f28c89;
  box-shadow: none;
}
.portlet.box.red-thunderbird > .portlet-title > .actions .btn-default > i {
  color: #f39997;
}
.portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:hover,
.portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:focus,
.portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:active,
.portlet.box.red-thunderbird > .portlet-title > .actions .btn-default.active {
  border: 1px solid #f4a2a0;
  color: #f7b9b7;
}
/* Statistic Block */
.dashboard-stat.red-thunderbird {
  background-color: #D91E18;
}
.dashboard-stat.red-thunderbird.dashboard-stat-light:hover {
  background-color: #c71b16;
}
.dashboard-stat.red-thunderbird .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.red-thunderbird .details .number {
  color: #FFFFFF;
}
.dashboard-stat.red-thunderbird .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.red-thunderbird .more {
  color: #FFFFFF;
  background-color: #c71b16;
}
/* General Element */
.bg-red-thunderbird {
  border-color: #D91E18 !important;
  background-image: none !important;
  background-color: #D91E18 !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-red-thunderbird {
  color: #D91E18 !important;
}
.progress-bar.red-thunderbird {
  background: #D91E18 !important;
  color: #FFFFFF !important;
}
/***
Red Flamingo
***/
/* Button */
.red-flamingo.btn {
  color: #FFFFFF;
  background-color: #EF4836;
}
.red-flamingo.btn:hover,
.red-flamingo.btn:focus,
.red-flamingo.btn:active,
.red-flamingo.btn.active {
  color: #FFFFFF;
  background-color: #ec2a15;
}
.open .red-flamingo.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #ec2a15;
}
.red-flamingo.btn:active,
.red-flamingo.btn.active {
  background-image: none;
  background-color: #d72411;
}
.red-flamingo.btn:active:hover,
.red-flamingo.btn.active:hover {
  background-color: #e02612;
}
.open .red-flamingo.btn.dropdown-toggle {
  background-image: none;
}
.red-flamingo.btn.disabled,
.red-flamingo.btn.disabled:hover,
.red-flamingo.btn.disabled:focus,
.red-flamingo.btn.disabled:active,
.red-flamingo.btn.disabled.active,
.red-flamingo.btn[disabled],
.red-flamingo.btn[disabled]:hover,
.red-flamingo.btn[disabled]:focus,
.red-flamingo.btn[disabled]:active,
.red-flamingo.btn[disabled].active,
fieldset[disabled] .red-flamingo.btn,
fieldset[disabled] .red-flamingo.btn:hover,
fieldset[disabled] .red-flamingo.btn:focus,
fieldset[disabled] .red-flamingo.btn:active,
fieldset[disabled] .red-flamingo.btn.active {
  background-color: #EF4836;
}
.red-flamingo.btn .badge {
  color: #EF4836;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.red-flamingo-stripe {
  border-left: 3px solid #EF4836;
}
/* Portlet */
.portlet > .portlet-body.red-flamingo,
.portlet.red-flamingo {
  background-color: #EF4836;
}
.portlet.solid.red-flamingo > .portlet-title,
.portlet.solid.red-flamingo > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.red-flamingo > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.red-flamingo > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.red-flamingo > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.red-flamingo > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.red-flamingo > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.red-flamingo > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.red-flamingo > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.red-flamingo > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.red-flamingo {
  border: 1px solid #f37365;
  border-top: 0;
}
.portlet.box.red-flamingo > .portlet-title {
  background-color: #EF4836;
}
.portlet.box.red-flamingo > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.red-flamingo > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.red-flamingo > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #f7a79e;
  color: #f9bcb6;
  box-shadow: none;
}
.portlet.box.red-flamingo > .portlet-title > .actions .btn-default > i {
  color: #fac9c4;
}
.portlet.box.red-flamingo > .portlet-title > .actions .btn-default:hover,
.portlet.box.red-flamingo > .portlet-title > .actions .btn-default:focus,
.portlet.box.red-flamingo > .portlet-title > .actions .btn-default:active,
.portlet.box.red-flamingo > .portlet-title > .actions .btn-default.active {
  border: 1px solid #fbd2cd;
  color: #fde7e5;
}
/* Statistic Block */
.dashboard-stat.red-flamingo {
  background-color: #EF4836;
}
.dashboard-stat.red-flamingo.dashboard-stat-light:hover {
  background-color: #ed3723;
}
.dashboard-stat.red-flamingo .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.red-flamingo .details .number {
  color: #FFFFFF;
}
.dashboard-stat.red-flamingo .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.red-flamingo .more {
  color: #FFFFFF;
  background-color: #ed3723;
}
/* General Element */
.bg-red-flamingo {
  border-color: #EF4836 !important;
  background-image: none !important;
  background-color: #EF4836 !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-red-flamingo {
  color: #EF4836 !important;
}
.progress-bar.red-flamingo {
  background: #EF4836 !important;
  color: #FFFFFF !important;
}
/***
Red Flamingo
***/
/* Button */
.red-soft.btn {
  color: #FFFFFF;
  background-color: #d05454;
}
.red-soft.btn:hover,
.red-soft.btn:focus,
.red-soft.btn:active,
.red-soft.btn.active {
  color: #FFFFFF;
  background-color: #c83838;
}
.open .red-soft.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #c83838;
}
.red-soft.btn:active,
.red-soft.btn.active {
  background-image: none;
  background-color: #b53232;
}
.red-soft.btn:active:hover,
.red-soft.btn.active:hover {
  background-color: #bd3434;
}
.open .red-soft.btn.dropdown-toggle {
  background-image: none;
}
.red-soft.btn.disabled,
.red-soft.btn.disabled:hover,
.red-soft.btn.disabled:focus,
.red-soft.btn.disabled:active,
.red-soft.btn.disabled.active,
.red-soft.btn[disabled],
.red-soft.btn[disabled]:hover,
.red-soft.btn[disabled]:focus,
.red-soft.btn[disabled]:active,
.red-soft.btn[disabled].active,
fieldset[disabled] .red-soft.btn,
fieldset[disabled] .red-soft.btn:hover,
fieldset[disabled] .red-soft.btn:focus,
fieldset[disabled] .red-soft.btn:active,
fieldset[disabled] .red-soft.btn.active {
  background-color: #d05454;
}
.red-soft.btn .badge {
  color: #d05454;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.red-soft-stripe {
  border-left: 3px solid #d05454;
}
/* Portlet */
.portlet > .portlet-body.red-soft,
.portlet.red-soft {
  background-color: #d05454;
}
.portlet.solid.red-soft > .portlet-title,
.portlet.solid.red-soft > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.red-soft > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.red-soft > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.red-soft > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.red-soft > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.red-soft > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.red-soft > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.red-soft > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.red-soft > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.red-soft {
  border: 1px solid #db7c7c;
  border-top: 0;
}
.portlet.box.red-soft > .portlet-title {
  background-color: #d05454;
}
.portlet.box.red-soft > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.red-soft > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.red-soft > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #e8acac;
  color: #eec0c0;
  box-shadow: none;
}
.portlet.box.red-soft > .portlet-title > .actions .btn-default > i {
  color: #f1cccc;
}
.portlet.box.red-soft > .portlet-title > .actions .btn-default:hover,
.portlet.box.red-soft > .portlet-title > .actions .btn-default:focus,
.portlet.box.red-soft > .portlet-title > .actions .btn-default:active,
.portlet.box.red-soft > .portlet-title > .actions .btn-default.active {
  border: 1px solid #f3d4d4;
  color: #f9e8e8;
}
/* Statistic Block */
.dashboard-stat.red-soft {
  background-color: #d05454;
}
.dashboard-stat.red-soft.dashboard-stat-light:hover {
  background-color: #cc4444;
}
.dashboard-stat.red-soft .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.red-soft .details .number {
  color: #FFFFFF;
}
.dashboard-stat.red-soft .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.red-soft .more {
  color: #FFFFFF;
  background-color: #cc4444;
}
/* General Element */
.bg-red-soft {
  border-color: #d05454 !important;
  background-image: none !important;
  background-color: #d05454 !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-red-soft {
  color: #d05454 !important;
}
.progress-bar.red-soft {
  background: #d05454 !important;
  color: #FFFFFF !important;
}
/***
Red Haze
***/
/* Button */
.red-haze.btn {
  color: #FFFFFF;
  background-color: #f36a5a;
}
.red-haze.btn:hover,
.red-haze.btn:focus,
.red-haze.btn:active,
.red-haze.btn.active {
  color: #FFFFFF;
  background-color: #f14c39;
}
.open .red-haze.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #f14c39;
}
.red-haze.btn:active,
.red-haze.btn.active {
  background-image: none;
  background-color: #ef3621;
}
.red-haze.btn:active:hover,
.red-haze.btn.active:hover {
  background-color: #f03f2a;
}
.open .red-haze.btn.dropdown-toggle {
  background-image: none;
}
.red-haze.btn.disabled,
.red-haze.btn.disabled:hover,
.red-haze.btn.disabled:focus,
.red-haze.btn.disabled:active,
.red-haze.btn.disabled.active,
.red-haze.btn[disabled],
.red-haze.btn[disabled]:hover,
.red-haze.btn[disabled]:focus,
.red-haze.btn[disabled]:active,
.red-haze.btn[disabled].active,
fieldset[disabled] .red-haze.btn,
fieldset[disabled] .red-haze.btn:hover,
fieldset[disabled] .red-haze.btn:focus,
fieldset[disabled] .red-haze.btn:active,
fieldset[disabled] .red-haze.btn.active {
  background-color: #f36a5a;
}
.red-haze.btn .badge {
  color: #f36a5a;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.red-haze-stripe {
  border-left: 3px solid #f36a5a;
}
/* Portlet */
.portlet > .portlet-body.red-haze,
.portlet.red-haze {
  background-color: #f36a5a;
}
.portlet.solid.red-haze > .portlet-title,
.portlet.solid.red-haze > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.red-haze > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.red-haze > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.red-haze > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.red-haze > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.red-haze > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.red-haze > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.red-haze > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.red-haze > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.red-haze {
  border: 1px solid #f6958a;
  border-top: 0;
}
.portlet.box.red-haze > .portlet-title {
  background-color: #f36a5a;
}
.portlet.box.red-haze > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.red-haze > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.red-haze > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #fbc8c3;
  color: #fcdeda;
  box-shadow: none;
}
.portlet.box.red-haze > .portlet-title > .actions .btn-default > i {
  color: #fdebe9;
}
.portlet.box.red-haze > .portlet-title > .actions .btn-default:hover,
.portlet.box.red-haze > .portlet-title > .actions .btn-default:focus,
.portlet.box.red-haze > .portlet-title > .actions .btn-default:active,
.portlet.box.red-haze > .portlet-title > .actions .btn-default.active {
  border: 1px solid #fef3f2;
  color: white;
}
/* Statistic Block */
.dashboard-stat.red-haze {
  background-color: #f36a5a;
}
.dashboard-stat.red-haze.dashboard-stat-light:hover {
  background-color: #f25947;
}
.dashboard-stat.red-haze .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.red-haze .details .number {
  color: #FFFFFF;
}
.dashboard-stat.red-haze .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.red-haze .more {
  color: #FFFFFF;
  background-color: #f25947;
}
/* General Element */
.bg-red-haze {
  border-color: #f36a5a !important;
  background-image: none !important;
  background-color: #f36a5a !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-red-haze {
  color: #f36a5a !important;
}
.progress-bar.red-haze {
  background: #f36a5a !important;
  color: #FFFFFF !important;
}
/***********
Yellow Colors
************/
/***
Yellow Default
***/
/* Button */
.yellow.btn {
  color: #FFFFFF;
  background-color: #c49f47;
}
.yellow.btn:hover,
.yellow.btn:focus,
.yellow.btn:active,
.yellow.btn.active {
  color: #FFFFFF;
  background-color: #af8c38;
}
.open .yellow.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #af8c38;
}
.yellow.btn:active,
.yellow.btn.active {
  background-image: none;
  background-color: #9c7c32;
}
.yellow.btn:active:hover,
.yellow.btn.active:hover {
  background-color: #a48334;
}
.open .yellow.btn.dropdown-toggle {
  background-image: none;
}
.yellow.btn.disabled,
.yellow.btn.disabled:hover,
.yellow.btn.disabled:focus,
.yellow.btn.disabled:active,
.yellow.btn.disabled.active,
.yellow.btn[disabled],
.yellow.btn[disabled]:hover,
.yellow.btn[disabled]:focus,
.yellow.btn[disabled]:active,
.yellow.btn[disabled].active,
fieldset[disabled] .yellow.btn,
fieldset[disabled] .yellow.btn:hover,
fieldset[disabled] .yellow.btn:focus,
fieldset[disabled] .yellow.btn:active,
fieldset[disabled] .yellow.btn.active {
  background-color: #c49f47;
}
.yellow.btn .badge {
  color: #c49f47;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.yellow-stripe {
  border-left: 3px solid #c49f47;
}
/* Portlet */
.portlet > .portlet-body.yellow,
.portlet.yellow {
  background-color: #c49f47;
}
.portlet.solid.yellow > .portlet-title,
.portlet.solid.yellow > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.yellow > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.yellow > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.yellow > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.yellow > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.yellow > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.yellow > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.yellow > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.yellow > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.yellow {
  border: 1px solid #d0b36e;
  border-top: 0;
}
.portlet.box.yellow > .portlet-title {
  background-color: #c49f47;
}
.portlet.box.yellow > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.yellow > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.yellow > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #dfcb9c;
  color: #e5d5af;
  box-shadow: none;
}
.portlet.box.yellow > .portlet-title > .actions .btn-default > i {
  color: #e9dbbb;
}
.portlet.box.yellow > .portlet-title > .actions .btn-default:hover,
.portlet.box.yellow > .portlet-title > .actions .btn-default:focus,
.portlet.box.yellow > .portlet-title > .actions .btn-default:active,
.portlet.box.yellow > .portlet-title > .actions .btn-default.active {
  border: 1px solid #ecdfc3;
  color: #f2ead6;
}
/* Statistic Block */
.dashboard-stat.yellow {
  background-color: #c49f47;
}
.dashboard-stat.yellow.dashboard-stat-light:hover {
  background-color: #bb953c;
}
.dashboard-stat.yellow .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.yellow .details .number {
  color: #FFFFFF;
}
.dashboard-stat.yellow .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.yellow .more {
  color: #FFFFFF;
  background-color: #bb953c;
}
/* General Element */
.bg-yellow {
  border-color: #c49f47 !important;
  background-image: none !important;
  background-color: #c49f47 !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-yellow {
  color: #c49f47 !important;
}
.progress-bar.yellow {
  background: #c49f47 !important;
  color: #FFFFFF !important;
}
/***
Yellow Gold
***/
/* Button */
.yellow-gold.btn {
  color: #FFFFFF;
  background-color: #E87E04;
}
.yellow-gold.btn:hover,
.yellow-gold.btn:focus,
.yellow-gold.btn:active,
.yellow-gold.btn.active {
  color: #FFFFFF;
  background-color: #c56b03;
}
.open .yellow-gold.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #c56b03;
}
.yellow-gold.btn:active,
.yellow-gold.btn.active {
  background-image: none;
  background-color: #ac5d03;
}
.yellow-gold.btn:active:hover,
.yellow-gold.btn.active:hover {
  background-color: #b66303;
}
.open .yellow-gold.btn.dropdown-toggle {
  background-image: none;
}
.yellow-gold.btn.disabled,
.yellow-gold.btn.disabled:hover,
.yellow-gold.btn.disabled:focus,
.yellow-gold.btn.disabled:active,
.yellow-gold.btn.disabled.active,
.yellow-gold.btn[disabled],
.yellow-gold.btn[disabled]:hover,
.yellow-gold.btn[disabled]:focus,
.yellow-gold.btn[disabled]:active,
.yellow-gold.btn[disabled].active,
fieldset[disabled] .yellow-gold.btn,
fieldset[disabled] .yellow-gold.btn:hover,
fieldset[disabled] .yellow-gold.btn:focus,
fieldset[disabled] .yellow-gold.btn:active,
fieldset[disabled] .yellow-gold.btn.active {
  background-color: #E87E04;
}
.yellow-gold.btn .badge {
  color: #E87E04;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.yellow-gold-stripe {
  border-left: 3px solid #E87E04;
}
/* Portlet */
.portlet > .portlet-body.yellow-gold,
.portlet.yellow-gold {
  background-color: #E87E04;
}
.portlet.solid.yellow-gold > .portlet-title,
.portlet.solid.yellow-gold > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.yellow-gold > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.yellow-gold > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.yellow-gold > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.yellow-gold > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.yellow-gold > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.yellow-gold > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.yellow-gold > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.yellow-gold > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.yellow-gold {
  border: 1px solid #fb9724;
  border-top: 0;
}
.portlet.box.yellow-gold > .portlet-title {
  background-color: #E87E04;
}
.portlet.box.yellow-gold > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.yellow-gold > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.yellow-gold > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #fcb460;
  color: #fdbf79;
  box-shadow: none;
}
.portlet.box.yellow-gold > .portlet-title > .actions .btn-default > i {
  color: #fdc788;
}
.portlet.box.yellow-gold > .portlet-title > .actions .btn-default:hover,
.portlet.box.yellow-gold > .portlet-title > .actions .btn-default:focus,
.portlet.box.yellow-gold > .portlet-title > .actions .btn-default:active,
.portlet.box.yellow-gold > .portlet-title > .actions .btn-default.active {
  border: 1px solid #fdcb92;
  color: #fed7ab;
}
/* Statistic Block */
.dashboard-stat.yellow-gold {
  background-color: #E87E04;
}
.dashboard-stat.yellow-gold.dashboard-stat-light:hover {
  background-color: #d47304;
}
.dashboard-stat.yellow-gold .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.yellow-gold .details .number {
  color: #FFFFFF;
}
.dashboard-stat.yellow-gold .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.yellow-gold .more {
  color: #FFFFFF;
  background-color: #d47304;
}
/* General Element */
.bg-yellow-gold {
  border-color: #E87E04 !important;
  background-image: none !important;
  background-color: #E87E04 !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-yellow-gold {
  color: #E87E04 !important;
}
.progress-bar.yellow-gold {
  background: #E87E04 !important;
  color: #FFFFFF !important;
}
/***
Yellow Casablanca
***/
/* Button */
.yellow-casablanca.btn {
  color: #FFFFFF;
  background-color: #f2784b;
}
.yellow-casablanca.btn:hover,
.yellow-casablanca.btn:focus,
.yellow-casablanca.btn:active,
.yellow-casablanca.btn.active {
  color: #FFFFFF;
  background-color: #f05f2a;
}
.open .yellow-casablanca.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #f05f2a;
}
.yellow-casablanca.btn:active,
.yellow-casablanca.btn.active {
  background-image: none;
  background-color: #ee4d12;
}
.yellow-casablanca.btn:active:hover,
.yellow-casablanca.btn.active:hover {
  background-color: #ef541b;
}
.open .yellow-casablanca.btn.dropdown-toggle {
  background-image: none;
}
.yellow-casablanca.btn.disabled,
.yellow-casablanca.btn.disabled:hover,
.yellow-casablanca.btn.disabled:focus,
.yellow-casablanca.btn.disabled:active,
.yellow-casablanca.btn.disabled.active,
.yellow-casablanca.btn[disabled],
.yellow-casablanca.btn[disabled]:hover,
.yellow-casablanca.btn[disabled]:focus,
.yellow-casablanca.btn[disabled]:active,
.yellow-casablanca.btn[disabled].active,
fieldset[disabled] .yellow-casablanca.btn,
fieldset[disabled] .yellow-casablanca.btn:hover,
fieldset[disabled] .yellow-casablanca.btn:focus,
fieldset[disabled] .yellow-casablanca.btn:active,
fieldset[disabled] .yellow-casablanca.btn.active {
  background-color: #f2784b;
}
.yellow-casablanca.btn .badge {
  color: #f2784b;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.yellow-casablanca-stripe {
  border-left: 3px solid #f2784b;
}
/* Portlet */
.portlet > .portlet-body.yellow-casablanca,
.portlet.yellow-casablanca {
  background-color: #f2784b;
}
.portlet.solid.yellow-casablanca > .portlet-title,
.portlet.solid.yellow-casablanca > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.yellow-casablanca > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.yellow-casablanca > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.yellow-casablanca > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.yellow-casablanca > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.yellow-casablanca > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.yellow-casablanca > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.yellow-casablanca > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.yellow-casablanca > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.yellow-casablanca {
  border: 1px solid #f59c7b;
  border-top: 0;
}
.portlet.box.yellow-casablanca > .portlet-title {
  background-color: #f2784b;
}
.portlet.box.yellow-casablanca > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.yellow-casablanca > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #fac6b4;
  color: #fbd8cb;
  box-shadow: none;
}
.portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default > i {
  color: #fce3da;
}
.portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:hover,
.portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:focus,
.portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:active,
.portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default.active {
  border: 1px solid #fdeae3;
  color: #fffcfb;
}
/* Statistic Block */
.dashboard-stat.yellow-casablanca {
  background-color: #f2784b;
}
.dashboard-stat.yellow-casablanca.dashboard-stat-light:hover {
  background-color: #f16a38;
}
.dashboard-stat.yellow-casablanca .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.yellow-casablanca .details .number {
  color: #FFFFFF;
}
.dashboard-stat.yellow-casablanca .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.yellow-casablanca .more {
  color: #FFFFFF;
  background-color: #f16a38;
}
/* General Element */
.bg-yellow-casablanca {
  border-color: #f2784b !important;
  background-image: none !important;
  background-color: #f2784b !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-yellow-casablanca {
  color: #f2784b !important;
}
.progress-bar.yellow-casablanca {
  background: #f2784b !important;
  color: #FFFFFF !important;
}
/***
Yellow Crusta
***/
/* Button */
.yellow-crusta.btn {
  color: #FFFFFF;
  background-color: #f3c200;
}
.yellow-crusta.btn:hover,
.yellow-crusta.btn:focus,
.yellow-crusta.btn:active,
.yellow-crusta.btn.active {
  color: #FFFFFF;
  background-color: #cfa500;
}
.open .yellow-crusta.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #cfa500;
}
.yellow-crusta.btn:active,
.yellow-crusta.btn.active {
  background-image: none;
  background-color: #b69100;
}
.yellow-crusta.btn:active:hover,
.yellow-crusta.btn.active:hover {
  background-color: #c09900;
}
.open .yellow-crusta.btn.dropdown-toggle {
  background-image: none;
}
.yellow-crusta.btn.disabled,
.yellow-crusta.btn.disabled:hover,
.yellow-crusta.btn.disabled:focus,
.yellow-crusta.btn.disabled:active,
.yellow-crusta.btn.disabled.active,
.yellow-crusta.btn[disabled],
.yellow-crusta.btn[disabled]:hover,
.yellow-crusta.btn[disabled]:focus,
.yellow-crusta.btn[disabled]:active,
.yellow-crusta.btn[disabled].active,
fieldset[disabled] .yellow-crusta.btn,
fieldset[disabled] .yellow-crusta.btn:hover,
fieldset[disabled] .yellow-crusta.btn:focus,
fieldset[disabled] .yellow-crusta.btn:active,
fieldset[disabled] .yellow-crusta.btn.active {
  background-color: #f3c200;
}
.yellow-crusta.btn .badge {
  color: #f3c200;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.yellow-crusta-stripe {
  border-left: 3px solid #f3c200;
}
/* Portlet */
.portlet > .portlet-body.yellow-crusta,
.portlet.yellow-crusta {
  background-color: #f3c200;
}
.portlet.solid.yellow-crusta > .portlet-title,
.portlet.solid.yellow-crusta > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.yellow-crusta > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.yellow-crusta > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.yellow-crusta > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.yellow-crusta > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.yellow-crusta > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.yellow-crusta > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.yellow-crusta > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.yellow-crusta > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.yellow-crusta {
  border: 1px solid #ffd327;
  border-top: 0;
}
.portlet.box.yellow-crusta > .portlet-title {
  background-color: #f3c200;
}
.portlet.box.yellow-crusta > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.yellow-crusta > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.yellow-crusta > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #ffe064;
  color: #ffe57e;
  box-shadow: none;
}
.portlet.box.yellow-crusta > .portlet-title > .actions .btn-default > i {
  color: #ffe88d;
}
.portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:hover,
.portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:focus,
.portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:active,
.portlet.box.yellow-crusta > .portlet-title > .actions .btn-default.active {
  border: 1px solid #ffea97;
  color: #ffefb1;
}
/* Statistic Block */
.dashboard-stat.yellow-crusta {
  background-color: #f3c200;
}
.dashboard-stat.yellow-crusta.dashboard-stat-light:hover {
  background-color: #dfb200;
}
.dashboard-stat.yellow-crusta .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.yellow-crusta .details .number {
  color: #FFFFFF;
}
.dashboard-stat.yellow-crusta .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.yellow-crusta .more {
  color: #FFFFFF;
  background-color: #dfb200;
}
/* General Element */
.bg-yellow-crusta {
  border-color: #f3c200 !important;
  background-image: none !important;
  background-color: #f3c200 !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-yellow-crusta {
  color: #f3c200 !important;
}
.progress-bar.yellow-crusta {
  background: #f3c200 !important;
  color: #FFFFFF !important;
}
/***
Yellow Lemon
***/
/* Button */
.yellow-lemon.btn {
  color: #FFFFFF;
  background-color: #F7CA18;
}
.yellow-lemon.btn:hover,
.yellow-lemon.btn:focus,
.yellow-lemon.btn:active,
.yellow-lemon.btn.active {
  color: #FFFFFF;
  background-color: #e3b708;
}
.open .yellow-lemon.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #e3b708;
}
.yellow-lemon.btn:active,
.yellow-lemon.btn.active {
  background-image: none;
  background-color: #cba307;
}
.yellow-lemon.btn:active:hover,
.yellow-lemon.btn.active:hover {
  background-color: #d5ab07;
}
.open .yellow-lemon.btn.dropdown-toggle {
  background-image: none;
}
.yellow-lemon.btn.disabled,
.yellow-lemon.btn.disabled:hover,
.yellow-lemon.btn.disabled:focus,
.yellow-lemon.btn.disabled:active,
.yellow-lemon.btn.disabled.active,
.yellow-lemon.btn[disabled],
.yellow-lemon.btn[disabled]:hover,
.yellow-lemon.btn[disabled]:focus,
.yellow-lemon.btn[disabled]:active,
.yellow-lemon.btn[disabled].active,
fieldset[disabled] .yellow-lemon.btn,
fieldset[disabled] .yellow-lemon.btn:hover,
fieldset[disabled] .yellow-lemon.btn:focus,
fieldset[disabled] .yellow-lemon.btn:active,
fieldset[disabled] .yellow-lemon.btn.active {
  background-color: #F7CA18;
}
.yellow-lemon.btn .badge {
  color: #F7CA18;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.yellow-lemon-stripe {
  border-left: 3px solid #F7CA18;
}
/* Portlet */
.portlet > .portlet-body.yellow-lemon,
.portlet.yellow-lemon {
  background-color: #F7CA18;
}
.portlet.solid.yellow-lemon > .portlet-title,
.portlet.solid.yellow-lemon > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.yellow-lemon > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.yellow-lemon > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.yellow-lemon > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.yellow-lemon > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.yellow-lemon > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.yellow-lemon > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.yellow-lemon > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.yellow-lemon > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.yellow-lemon {
  border: 1px solid #f9d549;
  border-top: 0;
}
.portlet.box.yellow-lemon > .portlet-title {
  background-color: #F7CA18;
}
.portlet.box.yellow-lemon > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.yellow-lemon > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.yellow-lemon > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #fbe384;
  color: #fce99d;
  box-shadow: none;
}
.portlet.box.yellow-lemon > .portlet-title > .actions .btn-default > i {
  color: #fcecac;
}
.portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:hover,
.portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:focus,
.portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:active,
.portlet.box.yellow-lemon > .portlet-title > .actions .btn-default.active {
  border: 1px solid #fceeb6;
  color: #fdf4ce;
}
/* Statistic Block */
.dashboard-stat.yellow-lemon {
  background-color: #F7CA18;
}
.dashboard-stat.yellow-lemon.dashboard-stat-light:hover {
  background-color: #f2c308;
}
.dashboard-stat.yellow-lemon .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.yellow-lemon .details .number {
  color: #FFFFFF;
}
.dashboard-stat.yellow-lemon .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.yellow-lemon .more {
  color: #FFFFFF;
  background-color: #f2c308;
}
/* General Element */
.bg-yellow-lemon {
  border-color: #F7CA18 !important;
  background-image: none !important;
  background-color: #F7CA18 !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-yellow-lemon {
  color: #F7CA18 !important;
}
.progress-bar.yellow-lemon {
  background: #F7CA18 !important;
  color: #FFFFFF !important;
}
/***
Yellow Saffron
***/
/* Button */
.yellow-saffron.btn {
  color: #FFFFFF;
  background-color: #F4D03F;
}
.yellow-saffron.btn:hover,
.yellow-saffron.btn:focus,
.yellow-saffron.btn:active,
.yellow-saffron.btn.active {
  color: #FFFFFF;
  background-color: #f2c81d;
}
.open .yellow-saffron.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #f2c81d;
}
.yellow-saffron.btn:active,
.yellow-saffron.btn.active {
  background-image: none;
  background-color: #e8bd0d;
}
.yellow-saffron.btn:active:hover,
.yellow-saffron.btn.active:hover {
  background-color: #f1c40f;
}
.open .yellow-saffron.btn.dropdown-toggle {
  background-image: none;
}
.yellow-saffron.btn.disabled,
.yellow-saffron.btn.disabled:hover,
.yellow-saffron.btn.disabled:focus,
.yellow-saffron.btn.disabled:active,
.yellow-saffron.btn.disabled.active,
.yellow-saffron.btn[disabled],
.yellow-saffron.btn[disabled]:hover,
.yellow-saffron.btn[disabled]:focus,
.yellow-saffron.btn[disabled]:active,
.yellow-saffron.btn[disabled].active,
fieldset[disabled] .yellow-saffron.btn,
fieldset[disabled] .yellow-saffron.btn:hover,
fieldset[disabled] .yellow-saffron.btn:focus,
fieldset[disabled] .yellow-saffron.btn:active,
fieldset[disabled] .yellow-saffron.btn.active {
  background-color: #F4D03F;
}
.yellow-saffron.btn .badge {
  color: #F4D03F;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.yellow-saffron-stripe {
  border-left: 3px solid #F4D03F;
}
/* Portlet */
.portlet > .portlet-body.yellow-saffron,
.portlet.yellow-saffron {
  background-color: #F4D03F;
}
.portlet.solid.yellow-saffron > .portlet-title,
.portlet.solid.yellow-saffron > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.yellow-saffron > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.yellow-saffron > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.yellow-saffron > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.yellow-saffron > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.yellow-saffron > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.yellow-saffron > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.yellow-saffron > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.yellow-saffron > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.yellow-saffron {
  border: 1px solid #f7dc6f;
  border-top: 0;
}
.portlet.box.yellow-saffron > .portlet-title {
  background-color: #F4D03F;
}
.portlet.box.yellow-saffron > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.yellow-saffron > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.yellow-saffron > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #faeaa9;
  color: #fbf0c1;
  box-shadow: none;
}
.portlet.box.yellow-saffron > .portlet-title > .actions .btn-default > i {
  color: #fcf3d0;
}
.portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:hover,
.portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:focus,
.portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:active,
.portlet.box.yellow-saffron > .portlet-title > .actions .btn-default.active {
  border: 1px solid #fdf6d9;
  color: #fefcf1;
}
/* Statistic Block */
.dashboard-stat.yellow-saffron {
  background-color: #F4D03F;
}
.dashboard-stat.yellow-saffron.dashboard-stat-light:hover {
  background-color: #f3cb2c;
}
.dashboard-stat.yellow-saffron .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.yellow-saffron .details .number {
  color: #FFFFFF;
}
.dashboard-stat.yellow-saffron .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.yellow-saffron .more {
  color: #FFFFFF;
  background-color: #f3cb2c;
}
/* General Element */
.bg-yellow-saffron {
  border-color: #F4D03F !important;
  background-image: none !important;
  background-color: #F4D03F !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-yellow-saffron {
  color: #F4D03F !important;
}
.progress-bar.yellow-saffron {
  background: #F4D03F !important;
  color: #FFFFFF !important;
}
/***********
Purple Colors
************/
/***
Purple Default
***/
/* Button */
.purple.btn {
  color: #FFFFFF;
  background-color: #8e5fa2;
}
.purple.btn:hover,
.purple.btn:focus,
.purple.btn:active,
.purple.btn.active {
  color: #FFFFFF;
  background-color: #7a518c;
}
.open .purple.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #7a518c;
}
.purple.btn:active,
.purple.btn.active {
  background-image: none;
  background-color: #6c487c;
}
.purple.btn:active:hover,
.purple.btn.active:hover {
  background-color: #724c82;
}
.open .purple.btn.dropdown-toggle {
  background-image: none;
}
.purple.btn.disabled,
.purple.btn.disabled:hover,
.purple.btn.disabled:focus,
.purple.btn.disabled:active,
.purple.btn.disabled.active,
.purple.btn[disabled],
.purple.btn[disabled]:hover,
.purple.btn[disabled]:focus,
.purple.btn[disabled]:active,
.purple.btn[disabled].active,
fieldset[disabled] .purple.btn,
fieldset[disabled] .purple.btn:hover,
fieldset[disabled] .purple.btn:focus,
fieldset[disabled] .purple.btn:active,
fieldset[disabled] .purple.btn.active {
  background-color: #8e5fa2;
}
.purple.btn .badge {
  color: #8e5fa2;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.purple-stripe {
  border-left: 3px solid #8e5fa2;
}
/* Portlet */
.portlet > .portlet-body.purple,
.portlet.purple {
  background-color: #8e5fa2;
}
.portlet.solid.purple > .portlet-title,
.portlet.solid.purple > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.purple > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.purple > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.purple > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.purple > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.purple > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.purple > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.purple > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.purple > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.purple {
  border: 1px solid #a57fb5;
  border-top: 0;
}
.portlet.box.purple > .portlet-title {
  background-color: #8e5fa2;
}
.portlet.box.purple > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.purple > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.purple > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #c0a6cb;
  color: #ccb6d5;
  box-shadow: none;
}
.portlet.box.purple > .portlet-title > .actions .btn-default > i {
  color: #d2c0da;
}
.portlet.box.purple > .portlet-title > .actions .btn-default:hover,
.portlet.box.purple > .portlet-title > .actions .btn-default:focus,
.portlet.box.purple > .portlet-title > .actions .btn-default:active,
.portlet.box.purple > .portlet-title > .actions .btn-default.active {
  border: 1px solid #d7c6de;
  color: #e2d6e7;
}
/* Statistic Block */
.dashboard-stat.purple {
  background-color: #8e5fa2;
}
.dashboard-stat.purple.dashboard-stat-light:hover {
  background-color: #835796;
}
.dashboard-stat.purple .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.purple .details .number {
  color: #FFFFFF;
}
.dashboard-stat.purple .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.purple .more {
  color: #FFFFFF;
  background-color: #835796;
}
/* General Element */
.bg-purple {
  border-color: #8e5fa2 !important;
  background-image: none !important;
  background-color: #8e5fa2 !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-purple {
  color: #8e5fa2 !important;
}
.progress-bar.purple {
  background: #8e5fa2 !important;
  color: #FFFFFF !important;
}
/***
Purple Plum
***/
/* Button */
.purple-plum.btn {
  color: #FFFFFF;
  background-color: #8775a7;
}
.purple-plum.btn:hover,
.purple-plum.btn:focus,
.purple-plum.btn:active,
.purple-plum.btn.active {
  color: #FFFFFF;
  background-color: #746198;
}
.open .purple-plum.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #746198;
}
.purple-plum.btn:active,
.purple-plum.btn.active {
  background-image: none;
  background-color: #685788;
}
.purple-plum.btn:active:hover,
.purple-plum.btn.active:hover {
  background-color: #6d5b8e;
}
.open .purple-plum.btn.dropdown-toggle {
  background-image: none;
}
.purple-plum.btn.disabled,
.purple-plum.btn.disabled:hover,
.purple-plum.btn.disabled:focus,
.purple-plum.btn.disabled:active,
.purple-plum.btn.disabled.active,
.purple-plum.btn[disabled],
.purple-plum.btn[disabled]:hover,
.purple-plum.btn[disabled]:focus,
.purple-plum.btn[disabled]:active,
.purple-plum.btn[disabled].active,
fieldset[disabled] .purple-plum.btn,
fieldset[disabled] .purple-plum.btn:hover,
fieldset[disabled] .purple-plum.btn:focus,
fieldset[disabled] .purple-plum.btn:active,
fieldset[disabled] .purple-plum.btn.active {
  background-color: #8775a7;
}
.purple-plum.btn .badge {
  color: #8775a7;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.purple-plum-stripe {
  border-left: 3px solid #8775a7;
}
/* Portlet */
.portlet > .portlet-body.purple-plum,
.portlet.purple-plum {
  background-color: #8775a7;
}
.portlet.solid.purple-plum > .portlet-title,
.portlet.solid.purple-plum > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.purple-plum > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.purple-plum > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.purple-plum > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.purple-plum > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.purple-plum > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.purple-plum > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.purple-plum > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.purple-plum > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.purple-plum {
  border: 1px solid #a294bb;
  border-top: 0;
}
.portlet.box.purple-plum > .portlet-title {
  background-color: #8775a7;
}
.portlet.box.purple-plum > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.purple-plum > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.purple-plum > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #c3bad3;
  color: #d0c9dd;
  box-shadow: none;
}
.portlet.box.purple-plum > .portlet-title > .actions .btn-default > i {
  color: #d8d2e3;
}
.portlet.box.purple-plum > .portlet-title > .actions .btn-default:hover,
.portlet.box.purple-plum > .portlet-title > .actions .btn-default:focus,
.portlet.box.purple-plum > .portlet-title > .actions .btn-default:active,
.portlet.box.purple-plum > .portlet-title > .actions .btn-default.active {
  border: 1px solid #ded9e7;
  color: #ebe8f0;
}
/* Statistic Block */
.dashboard-stat.purple-plum {
  background-color: #8775a7;
}
.dashboard-stat.purple-plum.dashboard-stat-light:hover {
  background-color: #7c699f;
}
.dashboard-stat.purple-plum .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.purple-plum .details .number {
  color: #FFFFFF;
}
.dashboard-stat.purple-plum .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.purple-plum .more {
  color: #FFFFFF;
  background-color: #7c699f;
}
/* General Element */
.bg-purple-plum {
  border-color: #8775a7 !important;
  background-image: none !important;
  background-color: #8775a7 !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-purple-plum {
  color: #8775a7 !important;
}
.progress-bar.purple-plum {
  background: #8775a7 !important;
  color: #FFFFFF !important;
}
/***
Purple Medium
***/
/* Button */
.purple-medium.btn {
  color: #FFFFFF;
  background-color: #BF55EC;
}
.purple-medium.btn:hover,
.purple-medium.btn:focus,
.purple-medium.btn:active,
.purple-medium.btn.active {
  color: #FFFFFF;
  background-color: #b335e8;
}
.open .purple-medium.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #b335e8;
}
.purple-medium.btn:active,
.purple-medium.btn.active {
  background-image: none;
  background-color: #aa1ee6;
}
.purple-medium.btn:active:hover,
.purple-medium.btn.active:hover {
  background-color: #ae27e7;
}
.open .purple-medium.btn.dropdown-toggle {
  background-image: none;
}
.purple-medium.btn.disabled,
.purple-medium.btn.disabled:hover,
.purple-medium.btn.disabled:focus,
.purple-medium.btn.disabled:active,
.purple-medium.btn.disabled.active,
.purple-medium.btn[disabled],
.purple-medium.btn[disabled]:hover,
.purple-medium.btn[disabled]:focus,
.purple-medium.btn[disabled]:active,
.purple-medium.btn[disabled].active,
fieldset[disabled] .purple-medium.btn,
fieldset[disabled] .purple-medium.btn:hover,
fieldset[disabled] .purple-medium.btn:focus,
fieldset[disabled] .purple-medium.btn:active,
fieldset[disabled] .purple-medium.btn.active {
  background-color: #BF55EC;
}
.purple-medium.btn .badge {
  color: #BF55EC;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.purple-medium-stripe {
  border-left: 3px solid #BF55EC;
}
/* Portlet */
.portlet > .portlet-body.purple-medium,
.portlet.purple-medium {
  background-color: #BF55EC;
}
.portlet.solid.purple-medium > .portlet-title,
.portlet.solid.purple-medium > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.purple-medium > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.purple-medium > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.purple-medium > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.purple-medium > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.purple-medium > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.purple-medium > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.purple-medium > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.purple-medium > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.purple-medium {
  border: 1px solid #d083f1;
  border-top: 0;
}
.portlet.box.purple-medium > .portlet-title {
  background-color: #BF55EC;
}
.portlet.box.purple-medium > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.purple-medium > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.purple-medium > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #e5baf7;
  color: #eed1fa;
  box-shadow: none;
}
.portlet.box.purple-medium > .portlet-title > .actions .btn-default > i {
  color: #f3dffb;
}
.portlet.box.purple-medium > .portlet-title > .actions .btn-default:hover,
.portlet.box.purple-medium > .portlet-title > .actions .btn-default:focus,
.portlet.box.purple-medium > .portlet-title > .actions .btn-default:active,
.portlet.box.purple-medium > .portlet-title > .actions .btn-default.active {
  border: 1px solid #f6e8fc;
  color: white;
}
/* Statistic Block */
.dashboard-stat.purple-medium {
  background-color: #BF55EC;
}
.dashboard-stat.purple-medium.dashboard-stat-light:hover {
  background-color: #b843ea;
}
.dashboard-stat.purple-medium .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.purple-medium .details .number {
  color: #FFFFFF;
}
.dashboard-stat.purple-medium .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.purple-medium .more {
  color: #FFFFFF;
  background-color: #b843ea;
}
/* General Element */
.bg-purple-medium {
  border-color: #BF55EC !important;
  background-image: none !important;
  background-color: #BF55EC !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-purple-medium {
  color: #BF55EC !important;
}
.progress-bar.purple-medium {
  background: #BF55EC !important;
  color: #FFFFFF !important;
}
/***
Purple Studio
***/
/* Button */
.purple-studio.btn {
  color: #FFFFFF;
  background-color: #8E44AD;
}
.purple-studio.btn:hover,
.purple-studio.btn:focus,
.purple-studio.btn:active,
.purple-studio.btn.active {
  color: #FFFFFF;
  background-color: #793a93;
}
.open .purple-studio.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #793a93;
}
.purple-studio.btn:active,
.purple-studio.btn.active {
  background-image: none;
  background-color: #6a3381;
}
.purple-studio.btn:active:hover,
.purple-studio.btn.active:hover {
  background-color: #703688;
}
.open .purple-studio.btn.dropdown-toggle {
  background-image: none;
}
.purple-studio.btn.disabled,
.purple-studio.btn.disabled:hover,
.purple-studio.btn.disabled:focus,
.purple-studio.btn.disabled:active,
.purple-studio.btn.disabled.active,
.purple-studio.btn[disabled],
.purple-studio.btn[disabled]:hover,
.purple-studio.btn[disabled]:focus,
.purple-studio.btn[disabled]:active,
.purple-studio.btn[disabled].active,
fieldset[disabled] .purple-studio.btn,
fieldset[disabled] .purple-studio.btn:hover,
fieldset[disabled] .purple-studio.btn:focus,
fieldset[disabled] .purple-studio.btn:active,
fieldset[disabled] .purple-studio.btn.active {
  background-color: #8E44AD;
}
.purple-studio.btn .badge {
  color: #8E44AD;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.purple-studio-stripe {
  border-left: 3px solid #8E44AD;
}
/* Portlet */
.portlet > .portlet-body.purple-studio,
.portlet.purple-studio {
  background-color: #8E44AD;
}
.portlet.solid.purple-studio > .portlet-title,
.portlet.solid.purple-studio > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.purple-studio > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.purple-studio > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.purple-studio > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.purple-studio > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.purple-studio > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.purple-studio > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.purple-studio > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.purple-studio > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.purple-studio {
  border: 1px solid #a563c1;
  border-top: 0;
}
.portlet.box.purple-studio > .portlet-title {
  background-color: #8E44AD;
}
.portlet.box.purple-studio > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.purple-studio > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.purple-studio > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #bf8ed3;
  color: #c9a1da;
  box-shadow: none;
}
.portlet.box.purple-studio > .portlet-title > .actions .btn-default > i {
  color: #cfacde;
}
.portlet.box.purple-studio > .portlet-title > .actions .btn-default:hover,
.portlet.box.purple-studio > .portlet-title > .actions .btn-default:focus,
.portlet.box.purple-studio > .portlet-title > .actions .btn-default:active,
.portlet.box.purple-studio > .portlet-title > .actions .btn-default.active {
  border: 1px solid #d4b3e1;
  color: #dec5e8;
}
/* Statistic Block */
.dashboard-stat.purple-studio {
  background-color: #8E44AD;
}
.dashboard-stat.purple-studio.dashboard-stat-light:hover {
  background-color: #823e9e;
}
.dashboard-stat.purple-studio .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.purple-studio .details .number {
  color: #FFFFFF;
}
.dashboard-stat.purple-studio .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.purple-studio .more {
  color: #FFFFFF;
  background-color: #823e9e;
}
/* General Element */
.bg-purple-studio {
  border-color: #8E44AD !important;
  background-image: none !important;
  background-color: #8E44AD !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-purple-studio {
  color: #8E44AD !important;
}
.progress-bar.purple-studio {
  background: #8E44AD !important;
  color: #FFFFFF !important;
}
/***
Purple Wisteria
***/
/* Button */
.purple-wisteria.btn {
  color: #FFFFFF;
  background-color: #9B59B6;
}
.purple-wisteria.btn:hover,
.purple-wisteria.btn:focus,
.purple-wisteria.btn:active,
.purple-wisteria.btn.active {
  color: #FFFFFF;
  background-color: #8948a3;
}
.open .purple-wisteria.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #8948a3;
}
.purple-wisteria.btn:active,
.purple-wisteria.btn.active {
  background-image: none;
  background-color: #7a4092;
}
.purple-wisteria.btn:active:hover,
.purple-wisteria.btn.active:hover {
  background-color: #804399;
}
.open .purple-wisteria.btn.dropdown-toggle {
  background-image: none;
}
.purple-wisteria.btn.disabled,
.purple-wisteria.btn.disabled:hover,
.purple-wisteria.btn.disabled:focus,
.purple-wisteria.btn.disabled:active,
.purple-wisteria.btn.disabled.active,
.purple-wisteria.btn[disabled],
.purple-wisteria.btn[disabled]:hover,
.purple-wisteria.btn[disabled]:focus,
.purple-wisteria.btn[disabled]:active,
.purple-wisteria.btn[disabled].active,
fieldset[disabled] .purple-wisteria.btn,
fieldset[disabled] .purple-wisteria.btn:hover,
fieldset[disabled] .purple-wisteria.btn:focus,
fieldset[disabled] .purple-wisteria.btn:active,
fieldset[disabled] .purple-wisteria.btn.active {
  background-color: #9B59B6;
}
.purple-wisteria.btn .badge {
  color: #9B59B6;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.purple-wisteria-stripe {
  border-left: 3px solid #9B59B6;
}
/* Portlet */
.portlet > .portlet-body.purple-wisteria,
.portlet.purple-wisteria {
  background-color: #9B59B6;
}
.portlet.solid.purple-wisteria > .portlet-title,
.portlet.solid.purple-wisteria > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.purple-wisteria > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.purple-wisteria > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.purple-wisteria > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.purple-wisteria > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.purple-wisteria > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.purple-wisteria > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.purple-wisteria > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.purple-wisteria > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.purple-wisteria {
  border: 1px solid #b07cc6;
  border-top: 0;
}
.portlet.box.purple-wisteria > .portlet-title {
  background-color: #9B59B6;
}
.portlet.box.purple-wisteria > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.purple-wisteria > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.purple-wisteria > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #caa7d8;
  color: #d5b9e0;
  box-shadow: none;
}
.portlet.box.purple-wisteria > .portlet-title > .actions .btn-default > i {
  color: #dbc3e5;
}
.portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:hover,
.portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:focus,
.portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:active,
.portlet.box.purple-wisteria > .portlet-title > .actions .btn-default.active {
  border: 1px solid #dfcae8;
  color: #eadcf0;
}
/* Statistic Block */
.dashboard-stat.purple-wisteria {
  background-color: #9B59B6;
}
.dashboard-stat.purple-wisteria.dashboard-stat-light:hover {
  background-color: #924dae;
}
.dashboard-stat.purple-wisteria .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.purple-wisteria .details .number {
  color: #FFFFFF;
}
.dashboard-stat.purple-wisteria .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.purple-wisteria .more {
  color: #FFFFFF;
  background-color: #924dae;
}
/* General Element */
.bg-purple-wisteria {
  border-color: #9B59B6 !important;
  background-image: none !important;
  background-color: #9B59B6 !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-purple-wisteria {
  color: #9B59B6 !important;
}
.progress-bar.purple-wisteria {
  background: #9B59B6 !important;
  color: #FFFFFF !important;
}
/***
Purple Seance
***/
/* Button */
.purple-seance.btn {
  color: #FFFFFF;
  background-color: #9A12B3;
}
.purple-seance.btn:hover,
.purple-seance.btn:focus,
.purple-seance.btn:active,
.purple-seance.btn.active {
  color: #FFFFFF;
  background-color: #7e0f93;
}
.open .purple-seance.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #7e0f93;
}
.purple-seance.btn:active,
.purple-seance.btn.active {
  background-image: none;
  background-color: #6a0c7b;
}
.purple-seance.btn:active:hover,
.purple-seance.btn.active:hover {
  background-color: #720d85;
}
.open .purple-seance.btn.dropdown-toggle {
  background-image: none;
}
.purple-seance.btn.disabled,
.purple-seance.btn.disabled:hover,
.purple-seance.btn.disabled:focus,
.purple-seance.btn.disabled:active,
.purple-seance.btn.disabled.active,
.purple-seance.btn[disabled],
.purple-seance.btn[disabled]:hover,
.purple-seance.btn[disabled]:focus,
.purple-seance.btn[disabled]:active,
.purple-seance.btn[disabled].active,
fieldset[disabled] .purple-seance.btn,
fieldset[disabled] .purple-seance.btn:hover,
fieldset[disabled] .purple-seance.btn:focus,
fieldset[disabled] .purple-seance.btn:active,
fieldset[disabled] .purple-seance.btn.active {
  background-color: #9A12B3;
}
.purple-seance.btn .badge {
  color: #9A12B3;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.purple-seance-stripe {
  border-left: 3px solid #9A12B3;
}
/* Portlet */
.portlet > .portlet-body.purple-seance,
.portlet.purple-seance {
  background-color: #9A12B3;
}
.portlet.solid.purple-seance > .portlet-title,
.portlet.solid.purple-seance > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.purple-seance > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.purple-seance > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.purple-seance > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.purple-seance > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.purple-seance > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.purple-seance > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.purple-seance > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.purple-seance > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.purple-seance {
  border: 1px solid #c217e1;
  border-top: 0;
}
.portlet.box.purple-seance > .portlet-title {
  background-color: #9A12B3;
}
.portlet.box.purple-seance > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.purple-seance > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.purple-seance > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #d349ed;
  color: #d960ef;
  box-shadow: none;
}
.portlet.box.purple-seance > .portlet-title > .actions .btn-default > i {
  color: #dc6ef0;
}
.portlet.box.purple-seance > .portlet-title > .actions .btn-default:hover,
.portlet.box.purple-seance > .portlet-title > .actions .btn-default:focus,
.portlet.box.purple-seance > .portlet-title > .actions .btn-default:active,
.portlet.box.purple-seance > .portlet-title > .actions .btn-default.active {
  border: 1px solid #de77f1;
  color: #e48ef4;
}
/* Statistic Block */
.dashboard-stat.purple-seance {
  background-color: #9A12B3;
}
.dashboard-stat.purple-seance.dashboard-stat-light:hover {
  background-color: #8a10a0;
}
.dashboard-stat.purple-seance .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.purple-seance .details .number {
  color: #FFFFFF;
}
.dashboard-stat.purple-seance .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.purple-seance .more {
  color: #FFFFFF;
  background-color: #8a10a0;
}
/* General Element */
.bg-purple-seance {
  border-color: #9A12B3 !important;
  background-image: none !important;
  background-color: #9A12B3 !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-purple-seance {
  color: #9A12B3 !important;
}
.progress-bar.purple-seance {
  background: #9A12B3 !important;
  color: #FFFFFF !important;
}
/***
Purple Intense
***/
/* Button */
.purple-intense.btn {
  color: #FFFFFF;
  background-color: #8775a7;
}
.purple-intense.btn:hover,
.purple-intense.btn:focus,
.purple-intense.btn:active,
.purple-intense.btn.active {
  color: #FFFFFF;
  background-color: #746198;
}
.open .purple-intense.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #746198;
}
.purple-intense.btn:active,
.purple-intense.btn.active {
  background-image: none;
  background-color: #685788;
}
.purple-intense.btn:active:hover,
.purple-intense.btn.active:hover {
  background-color: #6d5b8e;
}
.open .purple-intense.btn.dropdown-toggle {
  background-image: none;
}
.purple-intense.btn.disabled,
.purple-intense.btn.disabled:hover,
.purple-intense.btn.disabled:focus,
.purple-intense.btn.disabled:active,
.purple-intense.btn.disabled.active,
.purple-intense.btn[disabled],
.purple-intense.btn[disabled]:hover,
.purple-intense.btn[disabled]:focus,
.purple-intense.btn[disabled]:active,
.purple-intense.btn[disabled].active,
fieldset[disabled] .purple-intense.btn,
fieldset[disabled] .purple-intense.btn:hover,
fieldset[disabled] .purple-intense.btn:focus,
fieldset[disabled] .purple-intense.btn:active,
fieldset[disabled] .purple-intense.btn.active {
  background-color: #8775a7;
}
.purple-intense.btn .badge {
  color: #8775a7;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.purple-intense-stripe {
  border-left: 3px solid #8775a7;
}
/* Portlet */
.portlet > .portlet-body.purple-intense,
.portlet.purple-intense {
  background-color: #8775a7;
}
.portlet.solid.purple-intense > .portlet-title,
.portlet.solid.purple-intense > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.purple-intense > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.purple-intense > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.purple-intense > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.purple-intense > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.purple-intense > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.purple-intense > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.purple-intense > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.purple-intense > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.purple-intense {
  border: 1px solid #a294bb;
  border-top: 0;
}
.portlet.box.purple-intense > .portlet-title {
  background-color: #8775a7;
}
.portlet.box.purple-intense > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.purple-intense > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.purple-intense > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #c3bad3;
  color: #d0c9dd;
  box-shadow: none;
}
.portlet.box.purple-intense > .portlet-title > .actions .btn-default > i {
  color: #d8d2e3;
}
.portlet.box.purple-intense > .portlet-title > .actions .btn-default:hover,
.portlet.box.purple-intense > .portlet-title > .actions .btn-default:focus,
.portlet.box.purple-intense > .portlet-title > .actions .btn-default:active,
.portlet.box.purple-intense > .portlet-title > .actions .btn-default.active {
  border: 1px solid #ded9e7;
  color: #ebe8f0;
}
/* Statistic Block */
.dashboard-stat.purple-intense {
  background-color: #8775a7;
}
.dashboard-stat.purple-intense.dashboard-stat-light:hover {
  background-color: #7c699f;
}
.dashboard-stat.purple-intense .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.purple-intense .details .number {
  color: #FFFFFF;
}
.dashboard-stat.purple-intense .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.purple-intense .more {
  color: #FFFFFF;
  background-color: #7c699f;
}
/* General Element */
.bg-purple-intense {
  border-color: #8775a7 !important;
  background-image: none !important;
  background-color: #8775a7 !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-purple-intense {
  color: #8775a7 !important;
}
.progress-bar.purple-intense {
  background: #8775a7 !important;
  color: #FFFFFF !important;
}
/***
Purple Sharp
***/
/* Button */
.purple-sharp.btn {
  color: #FFFFFF;
  background-color: #796799;
}
.purple-sharp.btn:hover,
.purple-sharp.btn:focus,
.purple-sharp.btn:active,
.purple-sharp.btn.active {
  color: #FFFFFF;
  background-color: #685884;
}
.open .purple-sharp.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #685884;
}
.purple-sharp.btn:active,
.purple-sharp.btn.active {
  background-image: none;
  background-color: #5c4e75;
}
.purple-sharp.btn:active:hover,
.purple-sharp.btn.active:hover {
  background-color: #61527b;
}
.open .purple-sharp.btn.dropdown-toggle {
  background-image: none;
}
.purple-sharp.btn.disabled,
.purple-sharp.btn.disabled:hover,
.purple-sharp.btn.disabled:focus,
.purple-sharp.btn.disabled:active,
.purple-sharp.btn.disabled.active,
.purple-sharp.btn[disabled],
.purple-sharp.btn[disabled]:hover,
.purple-sharp.btn[disabled]:focus,
.purple-sharp.btn[disabled]:active,
.purple-sharp.btn[disabled].active,
fieldset[disabled] .purple-sharp.btn,
fieldset[disabled] .purple-sharp.btn:hover,
fieldset[disabled] .purple-sharp.btn:focus,
fieldset[disabled] .purple-sharp.btn:active,
fieldset[disabled] .purple-sharp.btn.active {
  background-color: #796799;
}
.purple-sharp.btn .badge {
  color: #796799;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.purple-sharp-stripe {
  border-left: 3px solid #796799;
}
/* Portlet */
.portlet > .portlet-body.purple-sharp,
.portlet.purple-sharp {
  background-color: #796799;
}
.portlet.solid.purple-sharp > .portlet-title,
.portlet.solid.purple-sharp > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.purple-sharp > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.purple-sharp > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.purple-sharp > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.purple-sharp > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.purple-sharp > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.purple-sharp > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.purple-sharp > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.purple-sharp > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.purple-sharp {
  border: 1px solid #9486ad;
  border-top: 0;
}
.portlet.box.purple-sharp > .portlet-title {
  background-color: #796799;
}
.portlet.box.purple-sharp > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.purple-sharp > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.purple-sharp > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #b4aac6;
  color: #c2b9d0;
  box-shadow: none;
}
.portlet.box.purple-sharp > .portlet-title > .actions .btn-default > i {
  color: #cac3d6;
}
.portlet.box.purple-sharp > .portlet-title > .actions .btn-default:hover,
.portlet.box.purple-sharp > .portlet-title > .actions .btn-default:focus,
.portlet.box.purple-sharp > .portlet-title > .actions .btn-default:active,
.portlet.box.purple-sharp > .portlet-title > .actions .btn-default.active {
  border: 1px solid #cfc9db;
  color: #ddd8e5;
}
/* Statistic Block */
.dashboard-stat.purple-sharp {
  background-color: #796799;
}
.dashboard-stat.purple-sharp.dashboard-stat-light:hover {
  background-color: #6f5f8d;
}
.dashboard-stat.purple-sharp .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.purple-sharp .details .number {
  color: #FFFFFF;
}
.dashboard-stat.purple-sharp .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.purple-sharp .more {
  color: #FFFFFF;
  background-color: #6f5f8d;
}
/* General Element */
.bg-purple-sharp {
  border-color: #796799 !important;
  background-image: none !important;
  background-color: #796799 !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-purple-sharp {
  color: #796799 !important;
}
.progress-bar.purple-sharp {
  background: #796799 !important;
  color: #FFFFFF !important;
}
/***
Purple Soft
***/
/* Button */
.purple-soft.btn {
  color: #FFFFFF;
  background-color: #8877a9;
}
.purple-soft.btn:hover,
.purple-soft.btn:focus,
.purple-soft.btn:active,
.purple-soft.btn.active {
  color: #FFFFFF;
  background-color: #75629b;
}
.open .purple-soft.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #75629b;
}
.purple-soft.btn:active,
.purple-soft.btn.active {
  background-image: none;
  background-color: #69588b;
}
.purple-soft.btn:active:hover,
.purple-soft.btn.active:hover {
  background-color: #6e5c91;
}
.open .purple-soft.btn.dropdown-toggle {
  background-image: none;
}
.purple-soft.btn.disabled,
.purple-soft.btn.disabled:hover,
.purple-soft.btn.disabled:focus,
.purple-soft.btn.disabled:active,
.purple-soft.btn.disabled.active,
.purple-soft.btn[disabled],
.purple-soft.btn[disabled]:hover,
.purple-soft.btn[disabled]:focus,
.purple-soft.btn[disabled]:active,
.purple-soft.btn[disabled].active,
fieldset[disabled] .purple-soft.btn,
fieldset[disabled] .purple-soft.btn:hover,
fieldset[disabled] .purple-soft.btn:focus,
fieldset[disabled] .purple-soft.btn:active,
fieldset[disabled] .purple-soft.btn.active {
  background-color: #8877a9;
}
.purple-soft.btn .badge {
  color: #8877a9;
  background-color: #FFFFFF;
}
/* Button Strip */
.btn.purple-soft-stripe {
  border-left: 3px solid #8877a9;
}
/* Portlet */
.portlet > .portlet-body.purple-soft,
.portlet.purple-soft {
  background-color: #8877a9;
}
.portlet.solid.purple-soft > .portlet-title,
.portlet.solid.purple-soft > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.purple-soft > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.purple-soft > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.purple-soft > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.purple-soft > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.purple-soft > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.purple-soft > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.purple-soft > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.purple-soft > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}
.portlet.box.purple-soft {
  border: 1px solid #a396bd;
  border-top: 0;
}
.portlet.box.purple-soft > .portlet-title {
  background-color: #8877a9;
}
.portlet.box.purple-soft > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.purple-soft > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.purple-soft > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #c4bcd4;
  color: #d2cbde;
  box-shadow: none;
}
.portlet.box.purple-soft > .portlet-title > .actions .btn-default > i {
  color: #dad5e4;
}
.portlet.box.purple-soft > .portlet-title > .actions .btn-default:hover,
.portlet.box.purple-soft > .portlet-title > .actions .btn-default:focus,
.portlet.box.purple-soft > .portlet-title > .actions .btn-default:active,
.portlet.box.purple-soft > .portlet-title > .actions .btn-default.active {
  border: 1px solid #dfdbe8;
  color: #edebf2;
}
/* Statistic Block */
.dashboard-stat.purple-soft {
  background-color: #8877a9;
}
.dashboard-stat.purple-soft.dashboard-stat-light:hover {
  background-color: #7d6ba1;
}
.dashboard-stat.purple-soft .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.purple-soft .details .number {
  color: #FFFFFF;
}
.dashboard-stat.purple-soft .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.purple-soft .more {
  color: #FFFFFF;
  background-color: #7d6ba1;
}
/* General Element */
.bg-purple-soft {
  border-color: #8877a9 !important;
  background-image: none !important;
  background-color: #8877a9 !important;
  color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-purple-soft {
  color: #8877a9 !important;
}
.progress-bar.purple-soft {
  background: #8877a9 !important;
  color: #FFFFFF !important;
}
/***
Transparent Button
***/
.btn-transparent.btn {
  background: transparent;
  color: #888;
}
/******************************
 3RD PARTY PLUGIN CUSTOMIZATION 
******************************/
.md-shadow-z-1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);
}
.md-shadow-z-1-i {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18) !important;
}
.md-shadow-z-1-hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14), 0 1px 2px rgba(0, 0, 0, 0.22);
}
.md-shadow-z-2 {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22);
}
.md-shadow-z-2-i {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22) !important;
}
.md-shadow-z-2-hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.26);
}
.md-shadow-z-3,
.modal {
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.md-shadow-z-3-i {
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18), 0 6px 6px rgba(0, 0, 0, 0.24) !important;
}
.md-shadow-z-3-hover {
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22), 0 6px 6px rgba(0, 0, 0, 0.26);
}
.md-shadow-z-4 {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.26), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.md-shadow-z-4-i {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.26), 0 10px 10px rgba(0, 0, 0, 0.22) !important;
}
.md-shadow-z-5 {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.28), 0 15px 12px rgba(0, 0, 0, 0.22);
}
.md-shadow-z-5-i {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.28), 0 15px 12px rgba(0, 0, 0, 0.22) !important;
}
.md-shadow-none {
  box-shadow: none !important;
}
.md-click-circle {
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  -webkit-animation: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
}
.md-click-circle.md-click-animate {
  -webkit-animation: mdClickEffect 0.55s linear;
  -moz-animation: mdClickEffect 0.55s linear;
  animation: mdClickEffect 0.55s linear;
}
@-webkit-keyframes mdClickEffect {
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes mdClickEffect {
  100% {
    opacity: 0;
    -moz-transform: scale(2.5);
  }
}
@keyframes mdClickEffect {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
/***
Bootstrap Colorpicker
***/
.input-group.color .input-group-btn i {
  position: absolute;
  display: block;
  cursor: pointer;
  width: 20px;
  height: 20px;
  right: 6px;
}
.colorpicker.dropdown-menu {
  padding: 5px;
}
/* change z-index when opened in modal */
.modal-open .colorpicker {
  z-index: 10055 !important;
}
/***
Bootstrap Datepaginator
***/
.datepaginator a {
  font-family: 'Open Sans';
  font-size: 13px;
  font-weight: 300;
}
.datepicker .today {
  background-image: none !important;
  filter: none !important;
}
#dp-calendar {
  right: 4px !important;
}
.datepaginator .fa-angle-right:before {
  content: "\f105";
}
.datepaginator .fa-angle-left:before {
  content: "\f104";
}
/***
Bootstrap Datepicker
***/
.datepicker.dropdown-menu {
  padding: 5px;
}
.datepicker .selected {
  background-color: #909090 !important;
  background-image: none !important;
  filter: none !important;
}
.datepicker .active {
  background-color: #4b8df8 !important;
  background-image: none !important;
  filter: none !important;
}
.datepicker .active:hover {
  background-color: #2678FC !important;
  background-image: none !important;
  filter: none !important;
}
.datepicker .input-daterange input {
  text-align: left;
}
/* change z-index when opened in modal */
.modal-open .datepicker {
  z-index: 10055 !important;
}
.datepicker table td {
  color: #000;
  font-weight: 300  !important;
  font-family: 'Open Sans' !important;
}
.datepicker table th {
  color: #333;
  font-family: 'Open Sans' !important;
  font-weight: 400  !important;
}
.datepicker.dropdown-menu {
  box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
  border: 1px solid #efefef;
}
/***
Bootstrap Daterangepicker
***/
.modal-open .daterangepicker {
  z-index: 10055 !important;
}
.daterangepicker {
  margin-top: 4px;
}
.daterangepicker td {
  text-shadow: none;
}
.daterangepicker td.active {
  background-color: #4b8df8;
  background-image: none;
  filter: none;
}
.daterangepicker th {
  font-weight: 400;
  font-size: 14px;
}
.daterangepicker .ranges input[type="text"] {
  width: 70px !important;
  font-size: 11px;
  vertical-align: middle;
}
.daterangepicker .ranges label {
  font-weight: 300;
  display: block;
}
.daterangepicker .ranges {
  width: 170px;
}
.daterangepicker .ranges ul > li.active {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.daterangepicker .ranges .btn {
  margin-top: 10px;
}
.daterangepicker.dropdown-menu {
  padding: 5px;
}
.daterangepicker .ranges li {
  color: #333;
}
.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
  background: #4b8df8 !important;
  border: 1px solid #4b8df8 !important;
  color: #fff;
}
.daterangepicker .range_inputs input {
  margin-bottom: 0 !important;
}
.daterangepicker .fa-angle-right:before {
  content: "\f105";
}
.daterangepicker .fa-angle-left:before {
  content: "\f104";
}
/***
Bootstrap  Datetimepicker
***/
.datetimepicker table td {
  color: #000;
  font-weight: 300  !important;
  font-family: 'Open Sans' !important;
}
.datetimepicker table th {
  font-family: 'Open Sans' !important;
  font-weight: 400  !important;
}
.datetimepicker.dropdown-menu {
  padding: 5px;
}
.datetimepicker .active {
  background-color: #4b8df8 !important;
  background-image: none !important;
  filter: none !important;
}
.datetimepicker .active:hover {
  background-color: #2678FC !important;
  background-image: none !important;
  filter: none !important;
}
.datetimepicker .fa-angle-left:before {
  content: "\f104";
}
.datetimepicker .fa-angle-right:before {
  content: "\f105";
}
/* change z-index when opened in modal */
.modal-open .datetimepicker {
  z-index: 10055;
}
/***
Bootstrap Editable
***/
.editable-input table,
.editable-input table th,
.editable-input table td,
.editable-input table tr {
  border: 0 !important;
}
.editable-input .combodate select {
  margin-bottom: 5px;
}
/***
Jansy File Input plugin css changes
***/
.fileinput {
  margin-bottom: 0;
}
.fileinput .close {
  float: none;
}
.fileinput .input-group {
  white-space: nowrap;
  overflow: hidden;
}
/***
Bootstrap Markdown
***/
.md-input {
  padding: 5px !important;
  border-bottom: 0 !important;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -ms-border-radius: 0 0 2px 2px;
  -o-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
}
.md-editor {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.md-editor .btn-toolbar {
  margin-left: 0px;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -ms-border-radius: 2px 2px 0 0;
  -o-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}
.md-editor .btn-toolbar .btn-group .btn-sm.btn {
  padding-bottom: 3px;
}
.md-editor .btn-toolbar .btn-group .btn-primary {
  padding-top: 5px;
  padding-bottom: 7px;
}
.md-editor.active {
  border: 1px solid #999999;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
/***
Error state for WYSIWYG Editors
***/
.has-error .md-editor {
  border: 1px solid #f13e64 !important;
}
.has-success .md-editor {
  border: 1px solid #219174 !important;
}
.has-warning .md-editor {
  border: 1px solid #ff1b08 !important;
}
/***
Bootstrap Modal
***/
/* fix: content shifting to the right on modal open */
.modal-open.page-overflow .page-container,
.modal-open.page-overflow .page-container .navbar-fixed-top,
.modal-open.page-overflow .page-container .navbar-fixed-bottom,
.modal-open.page-overflow .modal-scrollable {
  overflow-y: auto !important;
}
.modal-scrollable {
  overflow: hidden !important;
}
/* BS 3.3.1 fix */
.modal-backdrop {
  position: fixed;
  bottom: 0;
}
.modal {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border: 0 !important;
}
.modal .modal-body {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border: 0;
}
.modal .modal-title {
  font-weight: 400;
}
.modal .modal-footer {
  border: 0 !important;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.2 ;
  filter: alpha(opacity=20);
}
/***
Bootstrap Select
***/
.bootstrap-select .btn {
  border-color: #e5e5e5;
}
.has-error .bootstrap-select .btn {
  border-color: #f13e64;
}
.has-success .bootstrap-select .btn {
  border-color: #219174;
}
.has-warning .bootstrap-select .btn {
  border-color: #ff1b08;
}
.bootstrap-select.open .btn {
  border-color: #999;
}
.bootstrap-select.open.dropup .btn {
  border-color: #999;
}
.bootstrap-select .btn:focus {
  outline: none !important;
  outline-offset: 0;
}
.bootstrap-select.btn-group .dropdown-menu {
  margin-top: 1px;
}
.bootstrap-select.btn-group .dropdown-menu > li > dt > .text {
  font-weight: 600;
  font-family: 'Open Sans';
  font-size: 14px;
}
.bootstrap-select.btn-group .dropdown-menu .text-muted {
  color: #999 !important;
}
.bootstrap-select .caret {
  border: 0;
  width: auto;
  height: auto;
  margin-top: -10px !important;
}
.bootstrap-select .caret:before {
  content: "\f107";
  display: inline-block;
  border: 0;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}
.bootstrap-select .selected i {
  color: #aaa;
}
.bootstrap-select .dropdown-menu {
  z-index: 9999 !important;
}
/***
Bootstrap Switch 
***/
.bootstrap-switch {
  border-color: #e5e5e5;
}
.bootstrap-switch.bootstrap-switch-focused {
  box-shadow: none;
  border-color: #e5e5e5;
}
/***
Color variants
***/
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  color: #fff;
  background: #00BCD4;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
  color: #fff;
  background: #89C4F4;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  color: #fff;
  background: #26A69A;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
  color: #fff;
  background: #ff5722;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  color: #fff;
  background: #F3565D;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  color: #444;
  background: #ececec;
}
/* Bootstrap switch on portlet headers */
.portlet > .portlet-title > .actions > .bootstrap-switch {
  border-color: transparent;
  margin-top: 0px;
}
/***
Bootstrap Time Picker
***/
.bootstrap-timepicker-widget table td a {
  padding: 4px 0;
}
.bootstrap-timepicker-widget input,
.bootstrap-timepicker-widget input:focus {
  outline: none !important;
  border: 0;
}
.modal-open .bootstrap-timepicker-widget {
  z-index: 10055 !important;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:before,
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
  top: auto;
}
/***
Toastr Notifications
***/
.toast {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51a351;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
.toast .toast-close-button {
  display: inline-block;
  margin-top: 0px;
  margin-right: 0px;
  text-indent: -100000px;
  width: 11px;
  height: 16px;
  background-repeat: no-repeat !important;
  background-image: url("../img/portlet-remove-icon-white.png") !important;
}
.toast-top-center {
  top: 12px;
  margin: 0 auto;
  left: 50%;
  margin-left: -150px;
}
.toast-top-center .toast {
  margin: 0 !important;
}
.toast-bottom-center {
  bottom: 12px;
  margin: 0 auto;
  left: 50%;
  margin-left: -150px;
}
.toast-bottom-center .toast {
  margin: 0 !important;
}
/***
Bootstrap Wizard
***/
.form-wizard .progress {
  margin-bottom: 30px;
}
.form-wizard .steps {
  padding: 10px 0;
  margin-bottom: 15px;
  background-color: #fff;
  background-image: none;
  filter: none;
  border: 0px;
  box-shadow: none;
}
.form-wizard .steps > li > a.step {
  background-color: #fff;
  background-image: none;
  filter: none;
  border: 0px;
  box-shadow: none;
}
.form-wizard .steps > li > a.step:hover {
  background: none;
}
.form-wizard .steps > li > a.step > .number {
  background-color: #eee;
  display: inline-block;
  text-align: center !important;
  font-size: 16px;
  font-weight: 300;
  padding: 11px 15px 13px 15px;
  margin-right: 10px;
  height: 45px;
  width: 45px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}
.form-wizard .steps > li > a.step > .desc {
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
}
.form-wizard .steps > li > a.step > .desc > i {
  display: none;
}
.form-wizard .steps > li.active > a.step .number {
  background-color: #26A69A;
  color: #fff;
}
.form-wizard .steps > li.active > a.step .desc {
  color: #333;
}
.form-wizard .steps > li.done > a.step .number {
  background-color: #ff5722;
  color: #fff;
}
.form-wizard .steps > li.done > a.step .desc {
  color: #333;
}
.form-wizard .steps > li.done > a.step .desc i {
  font-size: 12px;
  font-weight: normal;
  color: #999;
  display: inline-block;
}
@media (min-width: 768px) and (max-width: 1200px) {
  /* 768px & 1200px */
  .form-wizard .step .desc {
    margin-top: 10px;
    display: block;
  }
}
@media (max-width: 768px) {
  /* 768px */
  .form-wizard .steps > li > a {
    text-align: left;
  }
}
/*!
 * Tab drop for Bootstrap
 */
.tabbable-tabdrop .nav-tabs,
.tabbable-tabdrop .nav-pills {
  position: relative;
}
.tabbable-tabdrop .nav-tabs .caret,
.tabbable-tabdrop .nav-pills .caret {
  display: none;
}
.tabbable-tabdrop .nav-tabs .tabdrop .dropdown-toggle i,
.tabbable-tabdrop .nav-pills .tabdrop .dropdown-toggle i {
  font-size: 14px;
}
.tabbable-tabdrop .dropdown-menu:after {
  right: 10px;
  left: auto;
}
.tabbable-tabdrop .dropdown-menu:before {
  right: 9px;
  left: auto;
}
/***
wysihtml5
***/
.wysihtml5-sandbox {
  width: 100% !important;
}
.wysihtml5-toolbar li {
  margin: 0px;
  height: 29px;
}
.wysihtml5-toolbar li .dropdown-menu {
  margin-top: 5px;
}
/***
Error state for WYSIWYG Editors
***/
.has-error .wysihtml5-sandbox {
  border: 1px solid #f13e64 !important;
}
.has-success .wysihtml5-sandbox {
  border: 1px solid #219174 !important;
}
.has-warning .wysihtml5-sandbox {
  border: 1px solid #ff1b08 !important;
}
/***
Error state for WYSIWYG Editors
***/
.note-editor {
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.note-editor .note-toolbar {
  border-bottom: 1px solid #e5e5e5;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -ms-border-radius: 2px 2px 0 0;
  -o-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}
.note-editor .note-statusbar {
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -ms-border-radius: 0 0 2px 2px;
  -o-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
}
.note-editor .note-statusbar .note-resizebar {
  border-top: 1px solid #e5e5e5;
}
.note-editor.fullscreen {
  z-index: 11000;
  width: 100% !important;
}
.note-editor .dropdown-menu:before {
  left: 9px;
  right: auto;
}
.note-editor .dropdown-menu:after {
  left: 10px;
  right: auto;
}
.note-link-dialog .checkbox {
  margin-left: 20px;
}
.has-error .note-editor {
  border: 1px solid #f13e64 !important;
}
.has-success .note-editor {
  border: 1px solid #219174 !important;
}
.has-warning .note-editor {
  border: 1px solid #ff1b08 !important;
}
/***
Bootstrap GtreeTable
***/
.gtreetable .dropdown-menu {
  margin-top: 0px;
}
.gtreetable .dropdown-menu:after,
.gtreetable .dropdown-menu:before {
  display: none !important;
}
.gtreetable .node-action .form-control,
.gtreetable .node-action .select2-search input[type="text"] {
  position: relative;
  top: 2px;
  display: inline-block;
}
.gtreetable .node-icon-selected,
.gtreetable .node-icon-handle,
.gtreetable .node-icon-ce,
.gtreetable .node-icon-type {
  opacity: 0.6 ;
  filter: alpha(opacity=60);
}
/***
Bootbox
***/
.bootbox .bootbox-close-button {
  margin-top: 0px !important;
}
/*--------------------------------------------------
    [CSS Animation Amchart]
----------------------------------------------------*/
.CSSAnimationChart {
  width: 100%;
  height: 500px;
}
.CSSAnimationChart a {
  color: #bbb !important;
  font-size: 12px !important;
}
.amcharts-graph-g2 .amcharts-graph-stroke {
  stroke-dasharray: 3px 3px;
  stroke-linejoin: round;
  stroke-linecap: round;
  -webkit-animation: am-moving-dashes 1s linear infinite;
  animation: am-moving-dashes 1s linear infinite;
}
@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
.lastBullet {
  -webkit-animation: am-pulsating 1s ease-out infinite;
  animation: am-pulsating 1s ease-out infinite;
}
@-webkit-keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
@keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
.amcharts-graph-column-front {
  -webkit-transition: all 0.3s 0.3s ease-out;
  transition: all 0.3s 0.3s ease-out;
}
.amcharts-graph-column-front:hover {
  fill: #496375;
  stroke: #496375;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.amcharts-graph-g3 {
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 500%;
  stroke-dasharray: 0 \0;
  /* fixes IE prob */
  stroke-dashoffset: 0 \0;
  /* fixes IE prob */
  -webkit-animation: am-draw 40s;
  animation: am-draw 40s;
}
@-webkit-keyframes am-draw {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0px;
  }
}
@keyframes am-draw {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0px;
  }
}
/*--------------------------------------------------
    [Mao Amchart]
----------------------------------------------------*/
.mapChart {
  width: 100%;
  height: 500px;
}
.mapChart a {
  color: #bbb !important;
  font-size: 12px !important;
}
/***
CKEditor css changes
***/
.cke {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.cke .cke-top {
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -ms-border-radius: 2px 2px 0 0;
  -o-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}
.cke .cke-bottom {
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -ms-border-radius: 0 0 2px 2px;
  -o-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
}
.cke_bottom,
.cke_inner,
.cke_top,
.cke_reset,
.cke_dialog_title,
.cke_dialog_footer,
.cke_dialog {
  background-image: none !important;
  filter: none;
  border-top: 0;
  border-bottom: 0;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: none;
}
.cke_dialog_ui_button,
.cke_dialog_tab {
  background-image: none !important;
  filter: none;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.cke_dialog_ui_button:hover,
.cke_dialog_tab:hover {
  text-decoration: none;
  text-shadow: none;
}
.cke_dialog_ui_input_text {
  background-image: none !important;
  filter: none;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.cke_combo_button,
.cke_button,
.cke_toolbar,
.cke_toolgroup {
  background-image: none !important;
  filter: none !important;
  border: 0;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.cke_button,
.cke_combo_button,
.cke_panel_grouptitle,
.cke_hc.cke_panel_listItem a {
  background-image: none !important;
  filter: none;
  text-shadow: none;
}
.cke_button:hover,
.cke_combo_button:hover {
  background-color: #ddd;
}
.cke_toolbar_break {
  background-image: none !important;
  filter: none !important;
  border: 0;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
}
/***
Error state for WYSIWYG Editors
***/
.has-error .cke {
  border: 1px solid #f13e64 !important;
}
.has-success .cke {
  border: 1px solid #219174 !important;
}
.has-warning .cke {
  border: 1px solid #ff1b08 !important;
}
/***
Clockface
***/
.modal-open .clockface {
  z-index: 10055 !important;
}
.clockface .cell .inner.active,
.clockface .cell .outer.active {
  background-color: #4b8df8 !important;
  background-image: none;
  filter: none;
}
/***
Datatables Plugin(in v1.3)
***/
.dataTable {
  width: 100%;
  clear: both;
  margin-top: 5px;
}
.dataTables_filter .form-control,
.dataTables_filter .select2-search input[type="text"] {
  margin-left: 4px;
}
.dataTables_filter label {
  line-height: 32px;
}
.dataTable .row-details {
  margin-top: 3px;
  display: inline-block;
  cursor: pointer;
  width: 14px;
  height: 14px;
}
.dataTable .row-details.row-details-close {
  background: url("../img/datatable-row-openclose.png") no-repeat 0 0;
}
.dataTable .row-details.row-details-open {
  background: url("../img/datatable-row-openclose.png") no-repeat 0 -23px;
}
.dataTable .details {
  background-color: #eee;
}
.dataTable .details td,
.dataTable .details th {
  padding: 4px;
  background: none;
  border: 0;
}
.dataTable .details tr:hover td,
.dataTable .details tr:hover th {
  background: none;
}
.dataTable .details tr:nth-child(odd) td,
.dataTable .details tr:nth-child(odd) th {
  background-color: #eee;
}
.dataTable .details tr:nth-child(even) td,
.dataTable .details tr:nth-child(even) th {
  background-color: #eee;
}
.dataTable > thead > tr > th.sorting,
.dataTable > thead > tr > th.sorting_asc,
.dataTable > thead > tr > th.sorting_desc {
  padding-right: 18px;
}
.dataTable .table-checkbox {
  width: 8px !important;
}
@media (max-width: 768px) {
  .dataTables_wrapper .dataTables_length .form-control,
  .dataTables_wrapper .dataTables_filter .form-control,
  .dataTables_wrapper .dataTables_length .select2-search input[type="text"],
  .dataTables_wrapper .dataTables_filter .select2-search input[type="text"] {
    display: inline-block;
  }
  .dataTables_wrapper .dataTables_info {
    top: 17px;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: -15px;
  }
}
@media (max-width: 480px) {
  .dataTables_wrapper .dataTables_filter .form-control,
  .dataTables_wrapper .dataTables_filter .select2-search input[type="text"] {
    width: 175px !important;
  }
  .dataTables_wrapper .dataTables_paginate {
    float: left;
    margin-top: 20px;
  }
}
.dataTables_processing {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 125px;
  margin-left: 0;
  padding: 7px;
  text-align: center;
  color: #333;
  font-size: 13px;
  border: 1px solid #ddd;
  background-color: #eee;
  vertical-align: middle;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}
.dataTables_processing span {
  line-height: 15px;
  vertical-align: middle;
}
.dataTables_empty {
  text-align: center;
}
/***
TableTools
***/
.tabletools-btn-group {
  margin: 0 0 10px 0;
}
.tabletools-btn-group > .btn {
  margin-right: 5px;
}
.tabletools-btn-group > .btn:last-child {
  margin-right: 0;
}
.tabletools-dropdown-on-portlet {
  margin-top: -45px;
  float: right;
}
.tabletools-dropdown-on-portlet > .btn {
  margin-right: 5px;
}
.tabletools-dropdown-on-portlet > .btn:last-child {
  margin-right: 0;
}
.DTTT_Print {
  background-color: #fff;
}
.DTTT_Print .DTTT_PrintMessage {
  display: none;
}
@media print {
  .DTTT_Print .DTTT_PrintMessage {
    display: inline-block;
  }
}
.DTTT_Print .DTTT_Print_Info {
  display: block;
  position: fixed;
  top: 35px;
  font-size: 18px;
  width: 700px;
  left: 50%;
  margin-left: -350px;
  text-align: center;
}
.DTTT_Print .page-sidebar,
.DTTT_Print .page-header,
.DTTT_Print .page-footer {
  display: none;
}
.DTTT_Print .page-content-wrapper {
  float: none;
}
.DTTT_Print .row,
.DTTT_Print [class*="col-"] {
  padding: 0;
  margin: 0;
}
.DTTT_Print .page-content {
  margin: 50px auto !important;
  border: 0 !important;
  width: 800px !important;
  padding: 0 !important;
}
.DTTT_Print .page-content .portlet {
  border: 0;
  padding: 0;
}
.DTTT_Print .page-content .portlet .portlet-body {
  padding: 0;
}
.DTTT_Print .page-content .dataTables_wrapper {
  padding: 0;
  margin: 0;
  box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
}
@media print {
  .DTTT_Print .page-content .dataTables_wrapper {
    box-shadow: none;
  }
}
/***
Extended pagination
***/
.paging_bootstrap_extended {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  font-size: 13px;
}
.dataTables_extended_wrapper .seperator {
  padding: 0 2px;
}
.dataTables_extended_wrapper div.dataTables_paginate,
.dataTables_extended_wrapper div.dataTables_length,
.dataTables_extended_wrapper div.dataTables_info {
  display: inline-block;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  position: static !important;
}
@media (max-width: 480px) {
  .dataTables_extended_wrapper div.dataTables_paginate,
  .dataTables_extended_wrapper div.dataTables_length,
  .dataTables_extended_wrapper div.dataTables_info {
    display: block;
    margin-bottom: 10px !important;
  }
  .dataTables_extended_wrapper .seperator {
    display: none !important;
  }
}
.dataTables_extended_wrapper div.dataTables_length label {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px;
  float: none !important;
  display: inline-block !important;
}
.table-container .table-actions-wrapper {
  display: none;
}
/***
Scroller Extension
***/
.dataTables_scroll {
  margin-bottom: 10px;
}
.dataTables_scrollHead {
  border-bottom: 2px solid #ddd !important;
}
.dataTables_scrollHead thead th {
  border-bottom: 0 !important;
}
.dataTables_scrollBody {
  border-bottom: 1px solid #ddd !important;
}
.DTTT_Print_Info {
  width: 300px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -150px;
  background: #eee;
  padding: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.DTTT_Print_Info > h6 {
  font-size: 16px;
  font-weight: 400;
}
/***
Dropzone css changes(new in v1.1.1)
***/
.dropzone {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
/***
Fancy box fix overlay fix
***/
.fancybox-overlay {
  z-index: 100000;
}
.fancybox-opened {
  z-index: 100001;
}
/***
FuelUX Spinners
***/
.spinner-buttons.btn-group-vertical .btn {
  text-align: center;
  margin: 0;
  height: 17px;
  width: 22px;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 0px;
}
.page-style-rounded .spinner-buttons.btn-group-vertical .btn.spinner-up {
  border-radius: 0;
  border-top-right-radius: 2px !important;
}
.page-style-rounded .spinner-buttons.btn-group-vertical .btn.spinner-down {
  border-radius: 0;
  border-bottom-right-radius: 2px;
}
/***
Fullcalendar
***/
/* External events */
.external-event {
  display: inline-block;
  cursor: move;
  margin-bottom: 5px;
  margin-left: 5px;
}
.fc-scroller {
  overflow-y: auto;
  overflow-x: hidden;
}
.fc-month-view .fc-scroller {
  height: auto !important;
}
.portlet .event-form-title {
  font-size: 14px;
  margin-top: 4px;
  font-weight: 400;
  margin-bottom: 10px;
}
.portlet.calendar .fc-button {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  border: 0;
  height: 35px;
  padding: 6px 8px 7px 8px;
  margin-left: 2px;
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: solid;
  border-left-style: solid;
  border-color: #ddd;
  background: transparent;
  color: #fff;
  top: -45px;
  outline: none !important;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -ms-border-radius: 2px 2px 0 0;
  -o-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}
.portlet.calendar .fc-toolbar {
  margin-bottom: 0px;
}
.portlet.calendar .fc-toolbar h2 {
  margin-top: 3px;
  font-size: 17px;
}
.portlet.calendar .fc-header {
  margin-bottom: -21px;
}
.portlet.calendar .fc-button-prev {
  padding-right: 10px;
  padding-left: 8px;
}
.portlet.calendar .fc-button-next {
  padding-right: 8px;
  padding-left: 10px;
}
.portlet.calendar .fc-button.fc-state-active,
.portlet.calendar .fc-button.fc-state-hover {
  color: #666;
  background-color: #fff;
}
.portlet.calendar .fc-button.fc-state-disabled {
  color: #ddd;
}
.portlet.calendar .fc-button .fc-icon-left-single-arrow {
  font-family: FontAwesome;
  font-size: 16px;
}
.portlet.calendar .fc-button .fc-icon-left-single-arrow:after {
  content: "";
}
.portlet.calendar .fc-button .fc-icon-left-single-arrow:before {
  content: "\f104";
}
.portlet.calendar .fc-button .fc-icon-right-single-arrow {
  font-family: FontAwesome;
  font-size: 16px;
}
.portlet.calendar .fc-button .fc-icon-right-single-arrow:after {
  content: "";
}
.portlet.calendar .fc-button .fc-icon-right-single-arrow:before {
  content: "\f105";
}
.portlet.calendar .fc-text-arrow {
  font-size: 22px;
  font-family: "Courier New", Courier, monospace;
  vertical-align: baseline;
}
.portlet.calendar .fc-event {
  border: 0px;
  background-color: #69a4e0;
  color: #fff;
}
.portlet.calendar .fc-event .fc-content {
  border: 0px;
}
.portlet.calendar .fc-event .fc-time {
  float: left;
  text-align: left;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
}
.portlet.calendar .fc-event .fc-title {
  text-align: left;
  float: left;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
}
.portlet.calendar .fc-header-title h2 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #111;
}
.portlet.calendar .fc-widget-header {
  background-image: none;
  filter: none;
  background-color: #eee;
  text-transform: uppercase;
  font-weight: 300;
}
.portlet.calendar.light .fc-button {
  top: -60px;
  color: #666;
  text-transform: uppercase;
  font-size: 12px;
  padding-bottom: 35px;
}
.portlet.calendar.light .fc-button .fc-text-arrow {
  margin-top: -6px;
  display: inline-block;
}
.portlet.calendar.light .fc-button.fc-state-active,
.portlet.calendar.light .fc-button.fc-state-hover {
  color: #333;
  border-bottom: 2px solid #26A69A;
}
.portlet.calendar.light .fc-button.fc-state-disabled {
  color: #aaa;
}
.portlet.calendar .mobile .fc-button {
  padding: 0px 6px 20px 6px;
  margin-left: 2px;
  border: 0;
  background-color: #ddd;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #000;
  text-shadow: none;
  text-align: center;
}
.portlet.calendar .mobile .fc-button.fc-state-hover,
.portlet.calendar .mobile .fc-button.fc-state-active {
  background-color: #eee;
}
.portlet.calendar .mobile .fc-button.fc-state-disabled {
  color: #bbb;
}
.portlet.calendar .mobile .fc-button-prev {
  margin-right: 5px;
  margin-top: -2px;
}
.portlet.calendar .mobile .fc-button-next {
  margin-right: 0px;
  margin-top: -2px;
}
.portlet.calendar .mobile .fc-header-space {
  margin: 0px;
  padding: 0px;
  width: 0px;
}
.portlet.calendar .mobile .fc-header-left {
  position: absolute;
  z-index: 10;
}
.portlet.calendar .mobile .fc-header-left .fc-button {
  top: -2px;
}
.portlet.calendar .mobile .fc-header-right {
  position: relative;
  right: 0;
}
.portlet.calendar .mobile .fc-header-right .fc-button {
  top: 35px;
}
.portlet.calendar .mobile .fc-content {
  margin-top: 53px;
}
.portlet.calendar.light .fc-button {
  top: -47px;
}
/***
Google Maps
***/
.gmaps {
  height: 300px;
  width: 100%;
  /* important!  bootstrap sets max-width on img to 100% which conflicts with google map canvas*/
}
.gmaps img {
  max-width: none;
}
#gmap_static div {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: 100%;
  display: block;
  height: 300px;
}
#gmap_routes_instructions {
  margin-top: 10px;
  margin-bottom: 0px;
}
/***
Gritter notification modify
***/
#gritter-notice-wrapper {
  right: 1px !important;
}
.gritter-close {
  left: auto !important;
  right: 3px !important;
}
.gritter-title {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 300;
}
/***
Dashboard Charts(new in v1.2.1)
***/
.easy-pie-chart,
.sparkline-chart {
  text-align: center;
}
.sparkline-chart {
  margin-top: 15px;
  position: relative;
}
.easy-pie-chart .number {
  font-size: 14px !important;
  font-weight: 300;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 75px;
  height: 75px;
  line-height: 75px;
}
.easy-pie-chart .number canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.sparkline-chart .number {
  width: 100px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.sparkline-chart .title,
.easy-pie-chart .title {
  display: block;
  text-align: center;
  color: #333;
  font-weight: 300;
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.sparkline-chart .title:hover,
.easy-pie-chart .title:hover {
  color: #666;
  text-decoration: none;
}
.sparkline-chart .title > i,
.easy-pie-chart .title > i {
  margin-top: 5px;
}
/***
jQuery File Upload
***/
.blueimp-gallery .close {
  background-image: url("../img/portlet-remove-icon-white.png") !important;
  margin-top: -2px;
}
.blueimp-gallery .prev,
.blueimp-gallery .next {
  border-radius: 23px !important;
}
/***
jQuery Multi Select
***/
.ms-container .ms-list {
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.ms-container .ms-optgroup-label {
  font-size: 14px;
}
.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
  font-size: 13px;
}
.ms-container .ms-list.ms-focus {
  border-color: #999999;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
  color: #333;
  background-color: #eee;
}
.ms-container .form-control,
.ms-container .select2-search input[type="text"] {
  margin-bottom: 5px;
}
/***
jQuery Notific8 Plugin
***/
.jquery-notific8-message {
  font-size: 13px;
}
[class*="jquery-notific8"],
[class*="jquery-notific8"]:after,
[class*="jquery-notific8"]:before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.right .jquery-notific8-close-sticky span,
.left .jquery-notific8-close-sticky span {
  font-size: 10px;
}
.jquery-notific8-heading {
  font-weight: 300;
  font-size: 16px;
}
/***
Password Strength(in v1.4)
***/
.password-strength .password-verdict {
  display: inline-block;
  margin-top: 6px;
  margin-left: 5px;
}
.password-strength .progress {
  margin-top: 5px;
  margin-bottom: 0;
}
.password-strength .progress-bar {
  padding: 2px;
}
/***
jQuery Slimscroll
***/
.scroller {
  padding: 0px;
  margin: 0px;
  padding-right: 12px;
  overflow: hidden;
}
.scroller-footer {
  margin-top: 10px;
}
.scroller-footer:before,
.scroller-footer:after {
  content: " ";
  display: table;
}
.scroller-footer:after {
  clear: both;
}
.portlet-body .slimScrollBar {
  margin-right: 0px;
}
/***
jQuery Sparkline
***/
.jqstooltip {
  width: auto !important;
  height: auto !important;
}
.easy-pie-chart,
.sparkline-chart {
  text-align: center;
}
.sparkline-chart {
  margin-top: 15px;
  position: relative;
}
.easy-pie-chart .number {
  font-size: 16px;
  font-weight: 300;
  width: 85px;
  margin: 0 auto;
}
.sparkline-chart .number {
  width: 100px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.sparkline-chart .title,
.easy-pie-chart .title {
  display: block;
  text-align: center;
  color: #333;
  font-weight: 300;
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.sparkline-chart .title:hover,
.easy-pie-chart .title:hover {
  color: #666;
  text-decoration: none;
}
.sparkline-chart .title > i,
.easy-pie-chart .title > i {
  margin-top: 5px;
}
/***
Modify jquery-tags-input plugin css
***/
div.tagsinput {
  min-height: 35px;
  height: auto !important;
  margin: 0;
  padding: 5px 5px 0px 5px;
  overflow: auto;
}
div.tagsinput span.tag {
  background: #aaa;
  color: #fff;
  border: 0;
  padding: 3px 6px;
  margin-top: 0;
  margin-bottom: 5px;
}
div.tagsinput input {
  padding: 3px 6px;
  width: 75px !important;
}
div.tagsinput span.tag a {
  color: #fff;
}
div.tagsinput .not_valid {
  color: #fff;
  padding: 3px 6px;
  background-color: #e02222;
}
/***
jQuery UI Sliders(new in v1.1.1)
***/
.slider {
  border: 0;
  padding: 0;
  display: block;
  margin: 12px 5px;
  min-height: 11px;
}
.ui-slider-vertical {
  width: 11px;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -3px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -3px;
}
.ui-slider-vertical,
.ui-slider-handle {
  filter: none !important;
  background-image: none !important;
}
/***
JQVMAP Plugin
***/
.jqvmap-zoomin {
  height: 16px;
  width: 16px;
  background-color: #666;
}
.jqvmap-zoomout {
  height: 16px;
  width: 16px;
  background-color: #666;
}
.vmaps {
  position: relative;
  overflow: hidden;
  height: 300px;
}
/***
Jstree
***/
.jstree-default .jstree-clicked {
  border: 0;
  background-color: #e1e1e1;
  box-shadow: none;
}
.jstree-default .jstree-hovered {
  border: 0;
  background-color: #eee;
  box-shadow: none;
}
.jstree-default .jstree-wholerow-clicked,
.jstree-wholerow .jstree-wholerow-clicked {
  background: none;
  border: 0;
  background-color: #e1e1e1;
  box-shadow: none;
}
.jstree-default .jstree-wholerow-hovered,
.jstree-wholerow .jstree-wholerow-hovered {
  border: 0;
  background-color: #eee;
  box-shadow: none;
}
.jstree-icon.icon-lg {
  margin-top: 1px;
}
.jstree-open > .jstree-anchor > .fa-folder:before {
  margin-left: 2px;
  content: "\f07c";
}
.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
  background-repeat: no-repeat;
}
.vakata-context,
.vakata-context ul {
  padding: 0;
  min-width: 125px;
  background-color: #ffffff;
  font-size: 14px;
  font-family: "Segoe UI", Helvetica, Arial, sans-serif;
  box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
  border: 1px solid #efefef;
}
.vakata-context li {
  border: 0;
}
.vakata-context li a {
  padding: 0 10px;
  border: 0;
}
.vakata-context li a i {
  display: none;
}
.vakata-context li a .vakata-contextmenu-sep {
  display: none;
}
.vakata-context .vakata-context-hover > a,
.vakata-context li a:hover {
  background-color: #eee;
  color: #333;
  box-shadow: none;
  margin: 0;
}
.vakata-context .vakata-context-hover > a .span,
.vakata-context .vakata-context-hover > a .ins,
.vakata-context li a:hover .span,
.vakata-context li a:hover .ins {
  border: 0 !important;
}
.vakata-context li a span,
.vakata-context li a ins {
  display: none;
  border: 0 !important;
}
.vakata-context .vakata-context-separator a,
.vakata-context-rtl .vakata-context-separator a {
  margin: 0;
  border: 0;
}
.jstree-rename-input {
  background-color: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
  outline: none !important;
  padding: 2px 6px !important;
  margin-right: -4px !important;
}
/***
NoUIRangeSlider
***/
.noUi-control {
  margin: 9px 0;
}
/***
Color variants
***/
.noUi-primary.noUi-connect,
.noUi-primary .noUi-connect {
  background: #00BCD4;
}
.noUi-info.noUi-connect,
.noUi-info .noUi-connect {
  background: #89C4F4;
}
.noUi-success.noUi-connect,
.noUi-success .noUi-connect {
  background: #26A69A;
}
.noUi-warning.noUi-connect,
.noUi-warning .noUi-connect {
  background: #ff5722;
}
.noUi-danger.noUi-connect,
.noUi-danger .noUi-connect {
  background: #F3565D;
}
.noUi-default.noUi-connect,
.noUi-default .noUi-connect {
  background: #c6c6c6;
}
/***
Google reCaptcha
***/
.form-recaptcha-img {
  margin-bottom: 10px;
  clear: both;
  border: 1px solid #e5e5e5;
  padding: 5px;
}
iframe[src="about:blank"] {
  display: none;
}
/***
Select2 Plugin
***/
.form-control .select2-choice,
.select2-search input[type="text"] .select2-choice {
  border: 1px solid #e5e5e5;
  background-color: #fff;
  background-image: none;
  filter: none;
  height: 34px;
  padding: 3px 0 0px 12px;
}
.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #e5e5e5;
  background-color: #fff;
  background-image: none;
  filter: none;
}
.select2-drop {
  border: 1px solid #e5e5e5;
  background-color: #fff;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  filter: none;
  border-top: 0;
}
.select2-drop-auto-width {
  border-top: 1px solid #e5e5e5;
}
.select2-drop.select2-drop-above {
  border-top: 1px solid #e5e5e5;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.select2-drop-active {
  border: 1px solid #999;
  border-top: 0;
}
.select2-container .select2-choice .select2-arrow {
  background-image: none;
  background-color: #fff;
  filter: none;
  border-left: 1px solid #e5e5e5;
}
.select2-container.select2-container-active .select2-arrow,
.select2-container.select2-dropdown-open .select2-arrow {
  border-left: 0 !important;
}
.select2-container .select2-choice .select2-arrow b {
  background-position: 0 1px;
}
.select2-search input {
  background-color: #fff !important;
  filter: none;
  margin: 0;
  border: 1px solid #e5e5e5;
  webkit-appearance: none !important;
  color: #333333;
  outline: 0;
  height: auto !important;
  min-height: 26px;
  padding: 6px 6px !important;
  line-height: 20px;
  font-size: 14px;
  font-weight: normal;
  vertical-align: top;
  background-color: #ffffff;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 5px;
}
.form-control.select2-container,
.select2-search input[type="text"].select2-container {
  border: 0;
  height: auto !important;
  padding: 0px;
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #999 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.select2-dropdown-open .select2-choice {
  border-bottom: 0 !important;
  background-image: none;
  background-color: #fff;
  filter: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #999 !important;
  border-top: 0 !important;
  background-image: none;
  background-color: #fff;
  filter: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.select2-drop.select2-drop-above.select2-drop-active {
  border: 1px solid #999 !important;
  border-bottom: 0 !important;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px;
}
.select2-results {
  margin: 5px 0;
}
.select2-results .select2-highlighted {
  background: #eee;
  color: #333;
}
.select2-results li em {
  background: #feffde;
  font-style: normal;
}
.select2-results .select2-highlighted em {
  background: transparent;
}
.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  padding: 3px 7px 4px;
  background: #f4f4f4;
  display: list-item;
}
.select2-container-multi {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.select2-container-multi .select2-choices {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.select2-container-multi.select2-dropdown-open {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.select2-container-multi.select2-dropdown-open .select2-choices {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.select2-container-multi.select2-dropdown-open.select2-drop-above {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.select2-container-multi.select2-dropdown-open.select2-drop-above .select2-choices {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.select2-container-multi .select2-choices {
  padding-left: 6px;
  min-height: 34px;
  border: 1px solid #e5e5e5;
  background-image: none;
  background-color: #fff;
  filter: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #999 !important;
  background-image: none;
  background-color: #fff;
  filter: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 5px 0 3px 5px;
  border: 1px solid #e5e5e5;
  background-image: none;
  background-color: #fff;
  filter: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
/***
Color variants
***/
.has-warning .select2-container .select2-choice,
.has-warning .select2-container .select2-choices {
  border-color: #ff1b08;
}
.has-warning .select2-container.select2-dropdown-open .select2-choice,
.has-warning .select2-container.select2-dropdown-open .select2-choices {
  border-color: #ff1b08;
}
.has-warning .select2-container.select2-dropdown-open .select2-choice > span {
  color: #ff1b08;
}
.has-error .select2-container .select2-choice,
.has-error .select2-container .select2-choices {
  border-color: #f13e64;
}
.has-error .select2-container.select2-dropdown-open .select2-choice,
.has-error .select2-container.select2-dropdown-open .select2-choices {
  border-color: #f13e64;
}
.has-error .select2-container.select2-dropdown-open .select2-choice > span {
  color: #f13e64;
}
.has-success .select2-container .select2-choice,
.has-success .select2-container .select2-choices {
  border-color: #219174;
}
.has-success .select2-container.select2-dropdown-open .select2-choice,
.has-success .select2-container.select2-dropdown-open .select2-choices {
  border-color: #219174;
}
.has-success .select2-container.select2-dropdown-open .select2-choice > span {
  color: #219174;
}
/* Fix z-index when select2 opened in modals*/
.modal-open .select2-drop-mask {
  z-index: 10051;
}
.modal-open .select2-drop {
  z-index: 10052;
}
.modal-open .select2-search {
  z-index: 10053;
}
/***
Bootstrap input sizes
***/
/* Large input size */
.form-control.input-lg .select2-choice,
.select2-search input[type="text"].input-lg .select2-choice {
  height: 46px;
  padding: 10px 16px;
}
.select2-container.input-lg .select2-choice .select2-arrow b {
  background-position: 0 7px;
}
/* Small input size */
.form-control.input-sm .select2-choice,
.select2-search input[type="text"].input-sm .select2-choice,
.form-control.select2-search input[type="text"] .select2-choice {
  height: 30px;
  padding: 1px 10px 5px 10px;
}
.select2-container.input-sm .select2-choice .select2-arrow b,
.select2-container.select2-search input[type="text"] .select2-choice .select2-arrow b {
  background-position: 0 0px;
}
/* Portlet full screen mode */
.modal-open.page-portlet-fullscreen .select2-drop-mask {
  z-index: 10081;
}
.modal-open.page-portlet-fullscreen .select2-drop {
  z-index: 10082;
}
.modal-open.page-portlet-fullscreen .select2-search {
  z-index: 10083;
}
/***
jQuery Uniform
***/
.checker {
  margin-top: -2px !important;
  margin-right: 2px !important;
}
.checker input,
.radio input {
  outline: none !important;
}
div.checker.disabled span,
div.checker.disabled.active span {
  background-position: -152px -260px;
}
div.checker.disabled:hover,
div.radio.disabled:hover {
  cursor: not-allowed;
}
div.radio,
div.checker {
  margin-right: 0;
  margin-left: 3px;
}
/***
Morris Charts
***/
.portlet-body-morris-fit {
  margin-right: -20px;
  margin-left: -20px;
  margin-bottom: -15px;
}
.portlet-body-morris-fit > svg {
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -ms-border-radius: 0 0 2px 2px;
  -o-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
}
.morris-hover.morris-default-style .morris-hover-row-label {
  text-align: left;
  font-weight: 400;
  font-size: 15px;
  color: #7D8C9D;
  font-family: "Open Sans", sans-serif;
}
.morris-hover.morris-default-style .morris-hover-point {
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
}
/***
iCheck
***/
.icheck-list > label {
  display: block;
  margin-bottom: 8px;
}
.icheck-list > label:last-child {
  margin-bottom: 0;
}
.form-horizontal .icheck-inline {
  margin-top: 8px;
}
.icheck-inline > label {
  display: inline-block;
  margin-left: 15px;
}
.icheck-inline > label:first-child {
  margin-left: 0;
}
div[class*='icheckbox_'],
div[class*='iradio_'] {
  margin-right: 5px;
  top: -1px !important;
}
.icheck-colors {
  padding: 0;
  margin: 0;
  list-style: none;
}
.icheck-colors > li {
  padding: 0;
  margin: 4px;
  float: left;
  display: inline-block;
  height: 20px;
  width: 20px;
  background: #000000;
  opacity: 0.6 ;
  filter: alpha(opacity=60);
}
.icheck-colors > li:first-child {
  margin-left: 0;
}
.icheck-colors > li:hover {
  opacity: 1 ;
  filter: alpha(opacity=100);
  cursor: pointer;
}
.icheck-colors > li.active {
  height: 26px;
  margin-top: 0;
  opacity: 0.6 ;
  filter: alpha(opacity=60);
}
.icheck-colors > li.red {
  background: #d54e21;
}
.icheck-colors > li.green {
  background: #78a300;
}
.icheck-colors > li.blue {
  background: #0e76a8;
}
.icheck-colors > li.aero {
  background: #9cc2cb;
}
.icheck-colors > li.grey {
  background: #73716e;
}
.icheck-colors > li.orange {
  background: #f70;
}
.icheck-colors > li.yellow {
  background: #fc0;
}
.icheck-colors > li.pink {
  background: #ff66b5;
}
.icheck-colors > li.purple {
  background: #6a5a8c;
}
/***
AngularJS UI-select
***/
.ui-select-match-close {
  margin-top: 5px !important;
  margin-left: 5px !important;
}
.minicolors-swatch {
  border: 0;
}
@media print {
  body {
    background-color: #fff !important;
  }
  .page-header {
    display: none;
  }
  .theme-panel {
    display: none;
  }
  .hidden-print {
    display: none;
  }
  .page-prefooter {
    display: none;
  }
  .page-footer {
    display: none;
  }
  .page-head {
    display: none;
  }
  .page-breadcrumb {
    display: none;
  }
  .no-page-break {
    page-break-after: avoid;
  }
  .page-container {
    margin: 0px !important;
    padding: 0px !important;
  }
  .page-container .page-content {
    padding: 0 !important;
    margin: 0 !important;
  }
  .page-container .page-content > .container {
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
  }
  .page-container .page-content > .container > .portlet,
  .page-container .page-content > .container-fluid > .portlet {
    padding: 0;
    margin: 0;
  }
  .page-container .page-content > .container > .portlet > .portlet-body,
  .page-container .page-content > .container-fluid > .portlet > .portlet-body {
    padding: 0;
    margin: 0;
  }
}
/****
Boby
****/
body {
  background-color: #fff;
}
body.page-md {
  background: white;
}
/******
General 
******/
/* Theme Font Color */
.theme-font {
  color: #4db3a4 !important;
}
/* Pace - Page Progress */
.pace .pace-progress {
  background: #4db3a4;
}
/* Theme Light Portlet */
.portlet.light .btn.btn-circle.btn-icon-only.btn-default {
  border-color: #bbc2ce;
}
.portlet.light .btn.btn-circle.btn-icon-only.btn-default > i {
  font-size: 13px;
  color: #a6b0bf;
}
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover,
.portlet.light .btn.btn-circle.btn-icon-only.btn-default.active {
  color: #fff;
  background: #4db3a4;
  border-color: #4db3a4;
}
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i,
.portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i {
  color: #fff;
}
/******
Page Header 
******/
.page-header {
  background-color: #fff;
  /* Page Header Top */
  /* Page Header Menu */
}
.page-header .page-header-top {
  /* Top menu */
}
.page-header .page-header-top.fixed {
  background: #fff !important;
  box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
}
.page-header .page-header-top .top-menu .navbar-nav {
  /* Top Links */
  /* Separator */
  /* Extended Dropdowns */
  /* Notification */
  /* Inbox */
  /* Tasks */
  /* User */
  /* Language */
  /* Dark version */
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator {
  border-left: 1px solid #E3E8EC;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
  color: #C1CCD1;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
  background-color: #fff;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
  color: #a4b4bb;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
  background-color: #f36a5a;
  color: #ffffff;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
  background-color: #fff;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
  color: #a4b4bb;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
  border-left: 1px solid #E3E8EC;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
  border-bottom-color: #f7f8fa;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
  background: #f7f8fa;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
  color: #6f949c;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
  color: #5b9bd1;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
  color: #3175af;
  text-decoration: none;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
  border-bottom: 1px solid #EFF2F6 !important;
  color: #222222;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
  background: #f8f9fa;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
  background: #f1f1f1;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
  background: #e4e4e4;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
  background-color: #4db3a4;
  color: #ffffff;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
  border-color: transparent transparent transparent #4db3a4;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
  color: #5b9bd1;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
  background-color: #dfe2e9;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
  color: #8ea3b6;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
  color: #8ea3b6;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
  width: 195px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > i,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i {
  color: #7089a2;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
  color: #8ea3b6;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
  color: #7089a2;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
  background: #2e343b;
  border: 0;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
  border-bottom-color: #2e343b;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
  background: #272c33;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
  color: #a2abb7;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
  color: #87b6dd;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
  color: #aaafb7;
  border-bottom: 1px solid #3b434c !important;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
  color: #6FA7D7;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
  background: #373e47;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
  border-bottom: 0 !important;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
  background: #3b434c;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
  background: #23272d;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
  background: #181b1e;
}
.page-header .page-header-menu {
  background: #444d58;
  /* Default Mega Menu */
  /* Light Mega Menu */
  /* Header seaech box */
}
.page-header .page-header-menu.fixed {
  box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2);
}
.page-header .page-header-menu .hor-menu .navbar-nav {
  /* Mega menu content */
  /* Classic menu */
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
  box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
  color: #ced5de;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
  color: #BCC2CB;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
  color: #BCC2CB;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
  color: #ffffff;
  background: #55616f !important;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i {
  color: #ffffff;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover,
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
  color: #f1f1f1;
  background: #4E5966;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i,
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
  color: #BCC2CB;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
  box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
  background: #55616f;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
  color: #ced5de;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
  color: #6fa7d7;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
  color: #ced5de;
  background: #5d6b7a;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
  color: #6fa7d7;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
  color: #ced5de;
  background: #5d6b7a;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
  color: #6fa7d7;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
  background-color: #606d7d;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
  color: #6fa7d7;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav {
  /* Mega menu content */
  /* Classic menu */
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
  box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
  color: #555;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
  color: #BCC2CB;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
  color: #BCC2CB;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
  color: #ffffff;
  background: #55616f;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
  color: #ffffff;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a {
  color: #333 !important;
  background: #fafafc !important;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
  color: #333 !important;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a,
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover,
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a,
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
  color: #f1f1f1;
  background: #4E5966;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i,
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
  color: #BCC2CB;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
  box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
  background: #fafafc;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
  color: #000;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
  color: #6fa7d7;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
  color: #000;
  background: #eaeaf2;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
  color: #6fa7d7;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover,
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
  color: #000;
  background: #eaeaf2;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i,
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
  color: #6fa7d7;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
  background-color: #ededf4;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
  border: 1px solid #eaeaf2;
  border-top: 0;
}
.page-header .page-header-menu .search-form {
  background: #38414c;
}
.page-header .page-header-menu .search-form .input-group {
  background: #38414c;
}
.page-header .page-header-menu .search-form .input-group .form-control,
.page-header .page-header-menu .search-form .input-group .select2-search input[type="text"] {
  color: #616d7d;
  background: #38414c;
}
.page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder,
.page-header .page-header-menu .search-form .input-group .select2-search input[type="text"]::-moz-placeholder {
  color: #5f6a7a;
  opacity: 1;
}
.page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder,
.page-header .page-header-menu .search-form .input-group .select2-search input[type="text"]:-ms-input-placeholder {
  color: #5f6a7a;
}
.page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder,
.page-header .page-header-menu .search-form .input-group .select2-search input[type="text"]::-webkit-input-placeholder {
  color: #5f6a7a;
}
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
  color: #616d7d;
}
/******
Page Footer 
******/
.page-prefooter {
  background: #48525e;
  color: #a2abb7;
}
.page-prefooter h2 {
  color: #4db3a4;
}
.page-prefooter a {
  color: #4db3a4;
}
.page-prefooter .subscribe-form .form-control,
.page-prefooter .subscribe-form .select2-search input[type="text"] {
  background: #343b44;
  border-color: #343b44;
  color: #a2abb7;
}
.page-prefooter .subscribe-form .form-control::-moz-placeholder,
.page-prefooter .subscribe-form .select2-search input[type="text"]::-moz-placeholder {
  color: #939eac;
  opacity: 1;
}
.page-prefooter .subscribe-form .form-control:-ms-input-placeholder,
.page-prefooter .subscribe-form .select2-search input[type="text"]:-ms-input-placeholder {
  color: #939eac;
}
.page-prefooter .subscribe-form .form-control::-webkit-input-placeholder,
.page-prefooter .subscribe-form .select2-search input[type="text"]::-webkit-input-placeholder {
  color: #939eac;
}
.page-prefooter .subscribe-form .btn {
  color: #fff;
  background-color: #58b8a9;
}
.page-prefooter .subscribe-form .btn:hover,
.page-prefooter .subscribe-form .btn:focus,
.page-prefooter .subscribe-form .btn:active,
.page-prefooter .subscribe-form .btn.active {
  color: #fff;
  background-color: #46a597;
}
.open .page-prefooter .subscribe-form .btn.dropdown-toggle {
  color: #fff;
  background-color: #46a597;
}
.page-prefooter .subscribe-form .btn:active,
.page-prefooter .subscribe-form .btn.active {
  background-image: none;
  background-color: #3f9387;
}
.page-prefooter .subscribe-form .btn:active:hover,
.page-prefooter .subscribe-form .btn.active:hover {
  background-color: #429a8d;
}
.open .page-prefooter .subscribe-form .btn.dropdown-toggle {
  background-image: none;
}
.page-prefooter .subscribe-form .btn.disabled,
.page-prefooter .subscribe-form .btn.disabled:hover,
.page-prefooter .subscribe-form .btn.disabled:focus,
.page-prefooter .subscribe-form .btn.disabled:active,
.page-prefooter .subscribe-form .btn.disabled.active,
.page-prefooter .subscribe-form .btn[disabled],
.page-prefooter .subscribe-form .btn[disabled]:hover,
.page-prefooter .subscribe-form .btn[disabled]:focus,
.page-prefooter .subscribe-form .btn[disabled]:active,
.page-prefooter .subscribe-form .btn[disabled].active,
fieldset[disabled] .page-prefooter .subscribe-form .btn,
fieldset[disabled] .page-prefooter .subscribe-form .btn:hover,
fieldset[disabled] .page-prefooter .subscribe-form .btn:focus,
fieldset[disabled] .page-prefooter .subscribe-form .btn:active,
fieldset[disabled] .page-prefooter .subscribe-form .btn.active {
  background-color: #58b8a9;
}
.page-prefooter .subscribe-form .btn .badge {
  color: #58b8a9;
  background-color: #fff;
}
.page-footer {
  background: #3b434c;
  color: #a2abb7;
}
/* Scroll Top */
.scroll-to-top > i {
  color: #657383;
  font-size: 32px;
  opacity: 0.7 ;
  filter: alpha(opacity=70);
}
@media (min-width: 992px) {
  /* 992px */
  .page-header {
    /* Page Header Menu */
  }
  .page-header .page-header-menu.fixed {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9995;
  }
}
@media (max-width: 991px) {
  /* 991px */
  .page-header .page-header-menu {
    background: #eff3f8;
    /* Horizontal mega menu */
  }
  .page-header .page-header-menu .hor-menu .navbar-nav {
    background: #fff !important;
    /* Mega menu content */
    /* Classic menu */
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
    box-shadow: none;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
    border-right: none !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
    color: #72808a;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li {
    border-bottom: 1px solid #F0F0F0;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li:last-child {
    border-bottom: 0;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
    background: none !important;
    color: #666 !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
    color: #666 !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
    background: none !important;
    color: #4db3a4 !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
    color: #4db3a4 !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
  .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover,
  .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
  .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover,
  .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
  .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
    color: #fff !important;
    background: #4db3a4 !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
  .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i,
  .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
  .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i,
  .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
  .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
    color: #fff !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
    border: 0 !important;
    border-top: 1px solid #eee;
    box-shadow: none !important;
    background: #fff !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
    border-bottom: 1px solid #F0F0F0;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child {
    margin-top: 1px;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
    color: #666 !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
    color: #666 !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
    background: none !important;
    color: #4db3a4 !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
    color: #4db3a4 !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover,
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover,
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
    color: #fff !important;
    background: #4db3a4 !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i,
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i,
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i,
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
    color: #fff !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.active > a:after,
  .page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
    color: #fff !important;
  }
  .page-header .page-header-menu .hor-menu .nav {
    border: 0 !important;
    margin: 0 !important;
  }
  .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a,
  .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
    border: 0 !important;
    margin: 0 !important;
    color: #fff !important;
    background: #5fbbad !important;
  }
  .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i,
  .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i {
    color: #fff !important;
  }
  .page-header .search-form {
    background: #fff !important;
  }
  .page-header .search-form .input-group {
    background: #fff !important;
  }
  .page-header .search-form .input-group .form-control,
  .page-header .search-form .input-group .select2-search input[type="text"] {
    background: #fff !important;
  }
  .page-header .search-form .input-group .input-group-btn .btn.submit {
    background: #4db3a4;
  }
  .page-header .search-form .input-group .input-group-btn .btn.submit i {
    color: #fff !important;
  }
  .page-header .search-form .input-group .input-group-btn .btn.submit:hover,
  .page-header .search-form .input-group .input-group-btn .btn.submit:focus,
  .page-header .search-form .input-group .input-group-btn .btn.submit:active,
  .page-header .search-form .input-group .input-group-btn .btn.submit.active {
    background: #40978a;
  }
}
@media (max-width: 480px) {
  /* 480px */
  .page-header {
    /* Top menu */
  }
  .page-header .top-menu {
    background-color: #fff;
  }
  .page-header-fixed-mobile .page-header .top-menu {
    background-color: #fff;
  }
  .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    background-color: white;
  }
  .page-header-fixed-mobile .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    background: none;
  }
  .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
    background-color: #fff;
  }
}
/****
 CSS3 Spinner Bar
****/
.page-spinner-bar > div,
.block-spinner-bar > div {
  background: #5fbbad;
}
/***
Page Header
***/
.page-header {
  opacity: 1 ;
  filter: alpha(opacity=100);
  width: 100%;
  margin: 0;
  border: 0;
  padding: 0;
  box-shadow: none;
  height: 126px;
  background-image: none;
  /* Header container */
  /* Fixed header */
  /* Static header */
  /* Page Header Top */
  /* Page Header Menu */
}
.page-header:before,
.page-header:after {
  content: " ";
  display: table;
}
.page-header:after {
  clear: both;
}
.page-header .container,
.page-header .container-fluid {
  position: relative;
}
.page-header.navbar-fixed-top {
  z-index: 9995;
}
.page-header.navbar-static-top {
  z-index: 9995;
}
.page-header .page-header-top {
  height: 75px;
  /* Header logo */
  /* Top menu */
  /* Menu Toggler */
}
.page-header .page-header-top.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9995;
}
.page-header .page-header-top .page-logo {
  float: left;
  display: block;
  width: 255px;
  height: 75px;
}
.page-header .page-header-top .page-logo .logo-default {
  margin: 29.5px 0 0 0;
}
.page-header .page-header-top .top-menu {
  margin: 13px 0 0;
  padding: 0;
  float: right;
}
.page-header .page-header-top .top-menu .navbar-nav {
  padding: 0;
  margin-right: 0;
  display: block;
  /* Top Links */
  /* Separator */
  /* Extended Dropdowns */
  /* Notification */
  /* Inbox */
  /* Tasks */
  /* User */
  /* Language */
  /* Dark version */
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown {
  margin: 0;
  padding: 0 4px;
  height: 50px;
  display: inline-block;
  /* 1st level */
  /* 2nd level */
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown:last-child {
  padding-right: 0;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
  margin: 0 0 0 1px;
  padding: 17px 10px 8px 10px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:last-child {
  padding-right: 0;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
  font-size: 19px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i.glyphicon {
  font-size: 18px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > .badge {
  font-family: "Open Sans", sans-serif;
  position: absolute;
  top: 9px;
  right: 24px;
  font-weight: 300;
  padding: 3px 6px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus {
  background: none;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-menu {
  z-index: 9996;
  margin-top: 5px;
  margin-right: 7px;
  font-family: "Open Sans", sans-serif;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-menu:before {
  position: absolute;
  top: -8px;
  right: 9px;
  display: inline-block !important;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #efefef;
  border-left: 8px solid transparent;
  content: '';
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-menu:after {
  position: absolute;
  top: -7px;
  right: 10px;
  display: inline-block !important;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  content: '';
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator {
  padding-left: 0px;
  padding-right: 6px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
  float: left;
  display: inline-block;
  width: 1px;
  height: 18px;
  margin-left: 5px;
  margin-top: 17px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
  min-width: 160px;
  max-width: 300px;
  width: 300px;
  z-index: 9996;
  /* header notifications dropdowns */
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
  display: block;
  overflow: hidden;
  padding: 15px 15px;
  letter-spacing: 0.5px;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
  margin: 0;
  padding: 0;
  float: left;
  font-size: 13px;
  display: inline-block;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
  display: inline-block;
  padding: 0;
  background: none;
  clear: inherit;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  right: 10px;
  border: 0;
  margin-top: -2px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
  text-decoration: underline;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list {
  padding-right: 0 !important;
  padding-left: 0;
  list-style: none;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
  display: block;
  clear: both;
  font-weight: 300;
  line-height: 20px;
  white-space: normal;
  font-size: 13px;
  padding: 16px 15px 18px;
  text-shadow: none;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
  opacity: 1 ;
  filter: alpha(opacity=100);
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li:first-child a {
  border-top: none;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details {
  overflow: hidden;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon {
  margin-right: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon i {
  margin-right: 2px;
  margin-left: 1px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon .badge {
  right: 15px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .time {
  float: right;
  max-width: 75px;
  font-size: 11px;
  font-weight: 400;
  opacity: 0.7 ;
  filter: alpha(opacity=70);
  text-align: right;
  padding: 1px 5px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle {
  padding: 17px 0px 8px 8px;
  /* safari only hack */
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
  float: left;
  margin-top: -5px;
  padding: 3px 10px 4px 10px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  border-radius: 50% !important;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
  float: left;
  margin-left: -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 9px 9px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner:not(:root:root) {
  margin-left: -5px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .photo {
  float: left;
  margin: 0 6px 6px 0;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .photo img {
  height: 40px;
  width: 40px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  border-radius: 50% !important;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject {
  display: block;
  margin-left: 46px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject .from {
  font-size: 14px;
  font-weight: 600;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject .time {
  font-size: 12px;
  font-weight: 400;
  opacity: 0.5 ;
  filter: alpha(opacity=50);
  float: right;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .message {
  display: block !important;
  font-size: 12px;
  line-height: 1.3;
  margin-left: 46px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task {
  margin-bottom: 5px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task .desc {
  font-size: 13px;
  font-weight: 300;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task .percent {
  color: #4db3a4;
  float: right;
  font-weight: 600;
  display: inline-block;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .progress {
  display: block;
  height: 8px;
  margin: 8px 0 2px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .progress .progress-bar {
  box-shadow: none;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
  padding: 12px 6px 7px 6px;
  padding-left: 0;
  padding-right: 0;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img {
  margin-top: -8px;
  margin-right: 8px;
  height: 40px;
  float: left;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > .username {
  float: left;
  font-size: 400;
  font-size: 14px;
  margin-top: 4px;
  margin-right: 2px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > i {
  float: left;
  font-size: 14px;
  margin-top: 7px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-menu {
  width: 210px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a {
  font-size: 14px;
  font-weight: 300;
  font-size: 13px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a i {
  width: 15px;
  display: inline-block;
  margin-right: 9px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a .badge {
  margin-right: 10px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language {
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle {
  padding: 16px 10px 9px 2px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > img {
  margin-bottom: 2px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > i {
  font-size: 14px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-menu > li > a {
  font-size: 13px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-menu > li > a > img {
  margin-bottom: 2px;
  margin-right: 5px;
}
.page-header .page-header-top .top-menu .navbar-nav li.dropdown-dark .dropdown-menu {
  border: 0;
}
.page-header .page-header-top .top-menu .navbar-nav li.dropdown-dark .dropdown-menu:before {
  border-left: none;
  border-right: none;
}
.page-header .page-header-top .top-menu .navbar-nav li.dropdown-dark .dropdown-menu .dropdown-menu-list > li.external a {
  background: none !important;
  border: none !important;
}
.page-header .page-header-top .menu-toggler {
  float: right;
  display: none;
  margin: 23px 3px 0 13px;
  width: 40px;
  height: 30px;
  background: url(../img/menu-toggler.png) center center;
  background-repeat: no-repeat;
  opacity: 0.7 ;
  filter: alpha(opacity=70);
}
.page-header .page-header-top .menu-toggler:hover {
  opacity: 1 ;
  filter: alpha(opacity=100);
}
.page-header .page-header-menu {
  display: block;
  height: 51px;
  clear: both;
  /* Mega menu */
  /* Search box */
}
.page-header .page-header-menu .hor-menu {
  margin: 0 0 0 -17px;
  margin: 0;
  float: left;
}
.page-header .page-header-menu .hor-menu .navbar-nav {
  position: static;
  /* Mega menu */
  /* Mega Menu Dropdown */
  /* Classic menu */
}
.page-header .page-header-menu .hor-menu .navbar-nav.navbar-right .dropdown-menu {
  left: auto;
  right: 0;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown {
  position: static;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
  left: auto;
  width: auto;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content {
  font-family: "Open Sans", sans-serif;
  padding: 15px;
  margin: 0;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content.mega-menu-responsive-content {
  padding: 10px 18px 10px 45px;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
  padding: 0;
  margin: 0;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu:last-child {
  border-right: 0;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li {
  padding: 1px !important;
  margin: 0 !important;
  list-style: none;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
  margin-top: 5px;
  padding-left: 5px;
  font-size: 15px;
  font-weight: normal;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a {
  white-space: normal;
  font-family: "Open Sans", sans-serif;
  padding: 7px;
  margin: 0;
  font-size: 14px;
  font-weight: 300;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a.iconify {
  padding: 7px 7px 7px 30px;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a.iconify > i {
  position: absolute;
  top: auto !important;
  margin-left: -24px;
  font-size: 15px;
  margin-top: 3px !important;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a .badge,
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a .label {
  margin-left: 5px;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown.mega-menu-full .dropdown-menu {
  left: 20px;
  right: 20px;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.menu-dropdown .dropdown-menu:after,
.page-header .page-header-menu .hor-menu .navbar-nav > li.menu-dropdown .dropdown-menu:before {
  display: none !important;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
  font-size: 14px;
  font-weight: normal;
  padding: 16px 18px 15px 18px;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus {
  background: none !important;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.current .selected,
.page-header .page-header-menu .hor-menu .navbar-nav > li.active .selected {
  left: 50%;
  bottom: 0;
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid transparent;
  display: inline-block;
  margin: 0;
  width: 0;
  height: 0px;
  margin-left: -7px;
  margin-bottom: -6px;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
  margin-top: 0;
  border: none;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 300;
  padding: 10px 12px;
  white-space: normal;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a .label,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a .badge {
  font-weight: 300;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu {
  min-width: 195px;
  max-width: 235px;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > .dropdown-menu {
  top: 0;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
  top: 9px;
  right: 10px;
}
.page-header .page-header-menu .search-form {
  position: relative;
  display: inline-block;
  float: right;
  width: 176px;
  transition: width 0.4s;
  margin-top: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.page-header .page-header-menu .search-form .input-group {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.page-header .page-header-menu .search-form .input-group .form-control,
.page-header .page-header-menu .search-form .input-group .select2-search input[type="text"] {
  border: 0;
  font-size: 13px;
  padding-right: 20px;
  font-weight: 300;
}
.page-header .page-header-menu .search-form .input-group .form-control:hover,
.page-header .page-header-menu .search-form .input-group .select2-search input[type="text"]:hover {
  cursor: pointer;
}
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit {
  padding: 0;
  height: 34px;
  z-index: 3;
  position: relative;
  top: 10px;
  right: 11px;
}
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
  font-size: 15px;
}
.page-header .page-header-menu .search-form.open {
  width: 300px !important;
  transition: width 0.4s;
}
.page-header .page-header-menu .search-form.open .input-group .form-control,
.page-header .page-header-menu .search-form.open .input-group .select2-search input[type="text"] {
  text-indent: 0;
}
.page-header .page-header-menu .search-form.open .input-group .form-control:hover,
.page-header .page-header-menu .search-form.open .input-group .select2-search input[type="text"]:hover {
  cursor: text;
}
.page-header .page-header-menu .search-form.open .input-group .input-group-btn .btn.submit {
  margin-left: 0;
}
@media (min-width: 992px) {
  /* 992px */
  .page-header {
    /* Page Header Menu */
  }
  .page-header .page-header-menu.fixed {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9995;
  }
}
@media (max-width: 991px) {
  /* 991px */
  /* Page header */
  .page-header {
    padding: 0;
    clear: both;
    height: auto;
  }
  .page-header .page-header-top {
    height: auto;
    /* Page logo */
    /* Top Menu */
    /* Menu Toggler */
  }
  .page-header .page-header-top > .container {
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
  }
  .page-header .page-header-top .page-logo {
    width: auto;
    padding: 0;
    margin-right: 10px;
    margin-left: 4px;
    padding-left: 0;
  }
  .page-header .page-header-top .top-menu .navbar-nav {
    display: inline-block;
    margin: 0 10px 0 0;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li {
    float: left;
  }
  .page-header .page-header-top .menu-toggler {
    display: block;
  }
  .page-header .page-header-menu {
    background: #eff3f8;
    padding: 20px 0 0 0;
    height: auto;
    display: none;
  }
  .page-header .page-header-menu > .container {
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
  }
  .page-header .page-header-menu .hor-menu {
    float: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav {
    float: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li {
    float: none;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
    padding: 10px;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li > a .fa-angle-down {
    float: right;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li > a .fa-angle-down:before {
    content: "\f104";
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li:first-child > a {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li:last-child > a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a .fa-angle-down:before {
    content: "\f107";
  }
  .page-header .page-header-menu .hor-menu .navbar-nav .dropdown-menu {
    position: static;
    float: none !important;
    width: auto;
    background: #fff;
    display: none;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.mega-menu-dropdown.open > .dropdown-menu {
    display: block;
    min-width: 100% !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown > li.open > .dropdown-menu {
    display: block;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown > .dropdown-menu > li > a {
    padding-left: 20px;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown > .dropdown-menu > li > .dropdown-menu > li > a {
    padding-left: 40px;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a {
    padding-left: 60px;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown.open > .dropdown-menu {
    display: block;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu {
    max-width: none;
    width: auto;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu > li.divider {
    background: none;
    margin: 5px 12px;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu > a:after {
    content: "\f104";
    font-size: 14px;
    margin-right: 7px;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
    content: "\f107";
    margin-right: 5px;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > .dropdown-menu {
    display: block;
  }
  .page-header .page-header-menu .search-form {
    float: none !important;
    width: auto;
    margin: 0 0 20px 0;
  }
  .page-header .page-header-menu .search-form.open {
    width: auto !important;
  }
  .page-header .page-header-menu .search-form .input-group .form-control,
  .page-header .page-header-menu .search-form .input-group .select2-search input[type="text"] {
    height: 38px;
  }
  .page-header .page-header-menu .search-form .input-group .form-control:hover,
  .page-header .page-header-menu .search-form .input-group .select2-search input[type="text"]:hover {
    cursor: text;
  }
  .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit {
    height: 38px;
    width: 44px;
    top: 0;
    right: 0;
  }
  .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit i {
    position: relative;
    top: 13px;
  }
}
@media (max-width: 767px) {
  /* 767px */
  .page-header {
    /* Header Top */
  }
  .page-header .page-header-top .page-logo {
    width: auto !important;
  }
  .page-header .page-header-top .top-menu {
    display: block;
  }
  .page-header .page-header-top .top-menu:before,
  .page-header .page-header-top .top-menu:after {
    content: " ";
    display: table;
  }
  .page-header .page-header-top .top-menu:after {
    clear: both;
  }
  .page-header .page-header-top .top-menu .navbar-nav {
    margin-right: 0px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
    padding: 17px 6px 8px 6px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > .badge {
    right: 18px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended > .dropdown-menu {
    max-width: 255px;
    width: 255px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-notification > .dropdown-menu {
    margin-right: -160px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-notification > .dropdown-menu:after,
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-notification > .dropdown-menu:before {
    margin-right: 160px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-inbox {
    margin-right: 0;
    padding-right: 2px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-inbox > .dropdown-menu {
    margin-right: -40px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-inbox > .dropdown-menu:after,
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-inbox > .dropdown-menu:before {
    margin-right: 40px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-inbox > .dropdown-toggle {
    padding: 17px 0px 8px 2px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-tasks > .dropdown-menu {
    margin-right: -115px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-tasks > .dropdown-menu:after,
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-tasks > .dropdown-menu:before {
    margin-right: 115px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.dropdown-language > .dropdown-menu {
    margin-right: -20px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.dropdown-language > .dropdown-menu:after,
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.dropdown-language > .dropdown-menu:before {
    margin-right: 20px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.dropdown-language > .dropdown-toggle {
    padding: 16px 6px 9px 2px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.dropdown-user {
    padding-left: 0;
    margin-right: 0;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.dropdown-user > .dropdown-toggle {
    padding: 12px 0px 7px 4px;
  }
}
@media (max-width: 480px) {
  /* 480px */
  .page-header {
    /* Top navigation menu*/
  }
  .page-header .page-header-top .top-menu {
    display: block;
    clear: both;
    margin-top: -10px;
  }
  .page-header .page-header-top .top-menu:before,
  .page-header .page-header-top .top-menu:after {
    content: " ";
    display: table;
  }
  .page-header .page-header-top .top-menu:after {
    clear: both;
  }
  .page-header .page-header-top .top-menu .username-hide-mobile {
    display: none;
  }
}
/***  
Pace - Page Progress
***/
.pace .pace-progress {
  z-index: 10000;
  top: 126px !important;
  height: 3px !important;
}
.pace .pace-progress-inner {
  box-shadow: none;
}
.pace .pace-activity {
  top: 128px;
  right: 22px;
  border-radius: 10px !important;
}
@media (max-width: 480px) {
  .page-header-fixed .pace .pace-progress {
    top: 252px;
  }
  .page-header-fixed .pace .pace-activity {
    top: 508px;
    right: 15px;
  }
}
/* Page Container */
.page-container {
  clear: both;
}
.page-head {
  background: #fff;
}
.page-head .container {
  position: relative;
}
.page-head .page-title {
  display: inline-block;
  float: left;
  padding: 19px 0;
}
.page-head .page-title > h1 {
  color: #697882;
  font-size: 22px;
  font-weight: 400;
  margin: 0;
}
.page-head .page-title > h1 > small {
  color: #9eacb4;
  font-size: 13px;
  font-weight: 400;
}
.page-head .page-toolbar {
  display: inline-block;
  float: right;
}
.breadcrumb {
  background: none;
  padding: 0 0 15px 0;
  margin: 0;
  color: #c5ccd5;
}
.breadcrumb > li + li:before {
  display: none;
}
.breadcrumb .fa {
  font-size: 6px;
  margin: 0 2px 0 4px;
  position: relative;
  top: -1px;
}
.breadcrumb > .active {
  color: #9eacb4;
}
.page-content {
  background: #eff3f8;
  padding: 15px 0 15px;
}
@media (max-width: 991px) {
  /* 991px */
  .page-head {
    background: #EFF3F8;
  }
  .page-head > .container {
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
  }
  .page-content {
    padding-top: 0px;
  }
  .page-content > .container {
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
  }
}
/* Pre-footer */
.page-prefooter {
  padding: 30px 0;
  clear: both;
}
.page-prefooter h2 {
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 12px;
}
.page-prefooter .subscribe-form {
  padding-top: 5px;
}
.page-prefooter .subscribe-form .form-control,
.page-prefooter .subscribe-form .select2-search input[type="text"] {
  font-size: 12px;
  padding: 0 14px;
  height: 36px;
}
.page-prefooter .subscribe-form .btn {
  height: 34px;
  text-transform: uppercase;
  padding: 7px 16px;
}
.page-prefooter .social-icons {
  padding-top: 9px;
}
.page-prefooter .social-icons li {
  opacity: 0.35 ;
  filter: alpha(opacity=35);
}
.page-prefooter .social-icons li:hover {
  opacity: 1 ;
  filter: alpha(opacity=100);
}
.page-prefooter p,
.page-prefooter address {
  margin: 0;
}
/* Footer */
.page-footer {
  font-size: 12px;
  font-weight: 300;
  padding: 17px 0;
}
@media (max-width: 991px) {
  /* 991px */
  .page-prefooter {
    padding-bottom: 10px;
  }
  .page-prefooter .footer-block {
    margin-bottom: 20px;
  }
  .page-prefooter > .container {
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
  }
  .page-footer > .container {
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
  }
}
/* Scroll Top */
.scroll-to-top {
  padding: 2px;
  text-align: center;
  position: fixed;
  z-index: 10001;
  bottom: 5px;
  display: none;
  right: 20px;
}
.scroll-to-top > i {
  display: inline-block;
  font-size: 32px;
  opacity: 0.7 ;
  filter: alpha(opacity=70);
}
.scroll-to-top:hover {
  cursor: pointer;
}
.scroll-to-top:hover > i {
  opacity: 1 ;
  filter: alpha(opacity=100);
}
@media (max-width: 991px) {
  /* 991px */
  .scroll-to-top {
    right: 10px;
  }
  .scroll-to-top > i {
    font-size: 28px;
  }
}
/***
Theme Panel
***/
.btn-theme-panel {
  margin-top: 25px;
}
.btn-theme-panel .btn {
  opacity: 0.6 ;
  filter: alpha(opacity=60);
  padding: 0 6px;
}
.btn-theme-panel .btn > i {
  font-size: 24px;
  color: #acbac6;
}
.btn-theme-panel .btn:hover {
  opacity: 1 ;
  filter: alpha(opacity=100);
}
.btn-theme-panel.open .btn {
  opacity: 1 ;
  filter: alpha(opacity=100);
}
.theme-panel {
  z-index: 999;
  min-width: 675px;
  padding: 20px 10px;
  font-family: "Open Sans", sans-serif;
}
.theme-panel h3 {
  margin: 8px 0 8px 0;
  font-size: 15px;
  padding-left: 12px;
}
.theme-panel .seperator {
  border-left: 1px solid #EFF2F4;
}
.theme-panel .theme-colors {
  list-style: none;
  padding: 0;
  margin: 0;
}
.theme-panel .theme-colors > li.theme-color {
  padding: 8px 12px;
}
.theme-panel .theme-colors > li.theme-color:hover,
.theme-panel .theme-colors > li.theme-color.active {
  background: #f5f7f8;
}
.theme-panel .theme-colors > li.theme-color:hover {
  cursor: pointer;
}
.theme-panel .theme-colors > li.theme-color > .theme-color-view {
  float: left;
  margin-top: 0px;
  margin-right: 8px;
  display: inline-block;
  border-radius: 10px !important;
  height: 20px;
  width: 20px;
}
.theme-panel .theme-colors > li.theme-color > .theme-color-name {
  display: inline-block;
  color: #777;
  font-size: 14px;
  font-weight: 300;
  padding-top: -4px;
}
.theme-panel .theme-colors > li.theme-color.theme-color-default .theme-color-view {
  background: #4DB393;
}
.theme-panel .theme-colors > li.theme-color.theme-color-red-sunglo .theme-color-view {
  background: #E26A6A;
}
.theme-panel .theme-colors > li.theme-color.theme-color-red-intense .theme-color-view {
  background: #E35B5A;
}
.theme-panel .theme-colors > li.theme-color.theme-color-blue-hoki .theme-color-view {
  background: #67809F;
}
.theme-panel .theme-colors > li.theme-color.theme-color-blue-steel .theme-color-view {
  background: #4B77BE;
}
.theme-panel .theme-colors > li.theme-color.theme-color-green-haze .theme-color-view {
  background: #44B6AE;
}
.theme-panel .theme-colors > li.theme-color.theme-color-purple-plum .theme-color-view {
  background: #8775A7;
}
.theme-panel .theme-colors > li.theme-color.theme-color-purple-studio .theme-color-view {
  background: #8E44AD;
}
.theme-panel .theme-colors > li.theme-color.theme-color-yellow-orange .theme-color-view {
  background: #F2784B;
}
.theme-panel .theme-colors > li.theme-color.theme-color-yellow-crusta .theme-color-view {
  background: #F3C200;
}
.theme-panel .theme-settings {
  list-style: none;
  padding: 0;
  margin: 0;
}
.theme-panel .theme-settings > li {
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 300;
  color: #777;
}
.theme-panel .theme-settings > li .form-control,
.theme-panel .theme-settings > li .select2-search input[type="text"] {
  color: #777;
  margin-top: -3px;
  float: right;
}
@media (max-width: 767px) {
  /* 767px */
  .theme-panel {
    left: 20px;
    right: 20px;
    min-width: 285px;
  }
  .theme-panel .seperator {
    border: 0;
  }
  .theme-panel .theme-settings .form-control,
  .theme-panel .theme-settings .select2-search input[type="text"] {
    width: 105px !important;
  }
}
/***  
Page Loading      
***/
.page-on-load {
  background: #fefefe;
}
.page-on-load .page-header,
.page-on-load .page-container,
.page-on-load .page-prefooter,
.page-on-load .page-footer,
.page-on-load > .clearfix,
.page-on-load > .select2-choices {
  display: none;
  transition: all 2s;
}
/****
Boby
****/
body {
  background-color: #fff;
}
body.page-md {
  background: white;
}
/******
General 
******/
/* Theme Font Color */
.theme-font {
  color: #4db3a4 !important;
}
/* Pace - Page Progress */
.pace .pace-progress {
  background: #4db3a4;
}
/* Theme Light Portlet */
.portlet.light .btn.btn-circle.btn-icon-only.btn-default {
  border-color: #bbc2ce;
}
.portlet.light .btn.btn-circle.btn-icon-only.btn-default > i {
  font-size: 13px;
  color: #a6b0bf;
}
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover,
.portlet.light .btn.btn-circle.btn-icon-only.btn-default.active {
  color: #fff;
  background: #4db3a4;
  border-color: #4db3a4;
}
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i,
.portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i {
  color: #fff;
}
/******
Page Header 
******/
.page-header {
  background-color: #fff;
  /* Page Header Top */
  /* Page Header Menu */
}
.page-header .page-header-top {
  /* Top menu */
}
.page-header .page-header-top.fixed {
  background: #fff !important;
  box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
}
.page-header .page-header-top .top-menu .navbar-nav {
  /* Top Links */
  /* Separator */
  /* Extended Dropdowns */
  /* Notification */
  /* Inbox */
  /* Tasks */
  /* User */
  /* Language */
  /* Dark version */
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator {
  border-left: 1px solid #E3E8EC;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
  color: #C1CCD1;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
  background-color: #fff;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
  color: #a4b4bb;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
  background-color: #f36a5a;
  color: #ffffff;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
  background-color: #fff;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
  color: #a4b4bb;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
  border-left: 1px solid #E3E8EC;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
  border-bottom-color: #f7f8fa;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
  background: #f7f8fa;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
  color: #6f949c;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
  color: #5b9bd1;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
  color: #3175af;
  text-decoration: none;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
  border-bottom: 1px solid #EFF2F6 !important;
  color: #222222;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
  background: #f8f9fa;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
  background: #f1f1f1;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
  background: #e4e4e4;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
  background-color: #4db3a4;
  color: #ffffff;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
  border-color: transparent transparent transparent #4db3a4;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
  color: #5b9bd1;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
  background-color: #dfe2e9;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
  color: #8ea3b6;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
  color: #8ea3b6;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
  width: 195px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > i,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i {
  color: #7089a2;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
  color: #8ea3b6;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
  color: #7089a2;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
  background: #2e343b;
  border: 0;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
  border-bottom-color: #2e343b;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
  background: #272c33;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
  color: #a2abb7;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
  color: #87b6dd;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
  color: #aaafb7;
  border-bottom: 1px solid #3b434c !important;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
  color: #6FA7D7;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
  background: #373e47;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
  border-bottom: 0 !important;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
  background: #3b434c;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
  background: #23272d;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
  background: #181b1e;
}
.page-header .page-header-menu {
  background: #444d58;
  /* Default Mega Menu */
  /* Light Mega Menu */
  /* Header seaech box */
}
.page-header .page-header-menu.fixed {
  box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2);
}
.page-header .page-header-menu .hor-menu .navbar-nav {
  /* Mega menu content */
  /* Classic menu */
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
  box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
  color: #ced5de;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
  color: #BCC2CB;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
  color: #BCC2CB;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
  color: #ffffff;
  background: #55616f !important;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i {
  color: #ffffff;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover,
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
  color: #f1f1f1;
  background: #4E5966;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i,
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
  color: #BCC2CB;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
  box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
  background: #55616f;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
  color: #ced5de;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
  color: #6fa7d7;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
  color: #ced5de;
  background: #5d6b7a;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
  color: #6fa7d7;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
  color: #ced5de;
  background: #5d6b7a;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
  color: #6fa7d7;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
  background-color: #606d7d;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
  color: #6fa7d7;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav {
  /* Mega menu content */
  /* Classic menu */
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
  box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
  color: #555;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
  color: #BCC2CB;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
  color: #BCC2CB;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
  color: #ffffff;
  background: #55616f;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
  color: #ffffff;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a {
  color: #333 !important;
  background: #fafafc !important;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
  color: #333 !important;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a,
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover,
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a,
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
  color: #f1f1f1;
  background: #4E5966;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i,
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
  color: #BCC2CB;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
  box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
  background: #fafafc;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
  color: #000;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
  color: #6fa7d7;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
  color: #000;
  background: #eaeaf2;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
  color: #6fa7d7;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover,
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
  color: #000;
  background: #eaeaf2;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i,
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
  color: #6fa7d7;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
  background-color: #ededf4;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
  border: 1px solid #eaeaf2;
  border-top: 0;
}
.page-header .page-header-menu .search-form {
  background: #38414c;
}
.page-header .page-header-menu .search-form .input-group {
  background: #38414c;
}
.page-header .page-header-menu .search-form .input-group .form-control,
.page-header .page-header-menu .search-form .input-group .select2-search input[type="text"] {
  color: #616d7d;
  background: #38414c;
}
.page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder,
.page-header .page-header-menu .search-form .input-group .select2-search input[type="text"]::-moz-placeholder {
  color: #5f6a7a;
  opacity: 1;
}
.page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder,
.page-header .page-header-menu .search-form .input-group .select2-search input[type="text"]:-ms-input-placeholder {
  color: #5f6a7a;
}
.page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder,
.page-header .page-header-menu .search-form .input-group .select2-search input[type="text"]::-webkit-input-placeholder {
  color: #5f6a7a;
}
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
  color: #616d7d;
}
/******
Page Footer 
******/
.page-prefooter {
  background: #48525e;
  color: #a2abb7;
}
.page-prefooter h2 {
  color: #4db3a4;
}
.page-prefooter a {
  color: #4db3a4;
}
.page-prefooter .subscribe-form .form-control,
.page-prefooter .subscribe-form .select2-search input[type="text"] {
  background: #343b44;
  border-color: #343b44;
  color: #a2abb7;
}
.page-prefooter .subscribe-form .form-control::-moz-placeholder,
.page-prefooter .subscribe-form .select2-search input[type="text"]::-moz-placeholder {
  color: #939eac;
  opacity: 1;
}
.page-prefooter .subscribe-form .form-control:-ms-input-placeholder,
.page-prefooter .subscribe-form .select2-search input[type="text"]:-ms-input-placeholder {
  color: #939eac;
}
.page-prefooter .subscribe-form .form-control::-webkit-input-placeholder,
.page-prefooter .subscribe-form .select2-search input[type="text"]::-webkit-input-placeholder {
  color: #939eac;
}
.page-prefooter .subscribe-form .btn {
  color: #fff;
  background-color: #58b8a9;
}
.page-prefooter .subscribe-form .btn:hover,
.page-prefooter .subscribe-form .btn:focus,
.page-prefooter .subscribe-form .btn:active,
.page-prefooter .subscribe-form .btn.active {
  color: #fff;
  background-color: #46a597;
}
.open .page-prefooter .subscribe-form .btn.dropdown-toggle {
  color: #fff;
  background-color: #46a597;
}
.page-prefooter .subscribe-form .btn:active,
.page-prefooter .subscribe-form .btn.active {
  background-image: none;
  background-color: #3f9387;
}
.page-prefooter .subscribe-form .btn:active:hover,
.page-prefooter .subscribe-form .btn.active:hover {
  background-color: #429a8d;
}
.open .page-prefooter .subscribe-form .btn.dropdown-toggle {
  background-image: none;
}
.page-prefooter .subscribe-form .btn.disabled,
.page-prefooter .subscribe-form .btn.disabled:hover,
.page-prefooter .subscribe-form .btn.disabled:focus,
.page-prefooter .subscribe-form .btn.disabled:active,
.page-prefooter .subscribe-form .btn.disabled.active,
.page-prefooter .subscribe-form .btn[disabled],
.page-prefooter .subscribe-form .btn[disabled]:hover,
.page-prefooter .subscribe-form .btn[disabled]:focus,
.page-prefooter .subscribe-form .btn[disabled]:active,
.page-prefooter .subscribe-form .btn[disabled].active,
fieldset[disabled] .page-prefooter .subscribe-form .btn,
fieldset[disabled] .page-prefooter .subscribe-form .btn:hover,
fieldset[disabled] .page-prefooter .subscribe-form .btn:focus,
fieldset[disabled] .page-prefooter .subscribe-form .btn:active,
fieldset[disabled] .page-prefooter .subscribe-form .btn.active {
  background-color: #58b8a9;
}
.page-prefooter .subscribe-form .btn .badge {
  color: #58b8a9;
  background-color: #fff;
}
.page-footer {
  background: #3b434c;
  color: #a2abb7;
}
/* Scroll Top */
.scroll-to-top > i {
  color: #657383;
  font-size: 32px;
  opacity: 0.7 ;
  filter: alpha(opacity=70);
}
@media (min-width: 992px) {
  /* 992px */
  .page-header {
    /* Page Header Menu */
  }
  .page-header .page-header-menu.fixed {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9995;
  }
}
@media (max-width: 991px) {
  /* 991px */
  .page-header .page-header-menu {
    background: #eff3f8;
    /* Horizontal mega menu */
  }
  .page-header .page-header-menu .hor-menu .navbar-nav {
    background: #fff !important;
    /* Mega menu content */
    /* Classic menu */
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
    box-shadow: none;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
    border-right: none !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
    color: #72808a;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li {
    border-bottom: 1px solid #F0F0F0;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li:last-child {
    border-bottom: 0;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
    background: none !important;
    color: #666 !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
    color: #666 !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
    background: none !important;
    color: #4db3a4 !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
    color: #4db3a4 !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
  .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover,
  .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
  .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover,
  .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
  .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
    color: #fff !important;
    background: #4db3a4 !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
  .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i,
  .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
  .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i,
  .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
  .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
    color: #fff !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
    border: 0 !important;
    border-top: 1px solid #eee;
    box-shadow: none !important;
    background: #fff !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
    border-bottom: 1px solid #F0F0F0;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child {
    margin-top: 1px;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
    color: #666 !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
    color: #666 !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
    background: none !important;
    color: #4db3a4 !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
    color: #4db3a4 !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover,
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover,
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
    color: #fff !important;
    background: #4db3a4 !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i,
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i,
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i,
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
    color: #fff !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.active > a:after,
  .page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
    color: #fff !important;
  }
  .page-header .page-header-menu .hor-menu .nav {
    border: 0 !important;
    margin: 0 !important;
  }
  .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a,
  .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
    border: 0 !important;
    margin: 0 !important;
    color: #fff !important;
    background: #5fbbad !important;
  }
  .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i,
  .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i {
    color: #fff !important;
  }
  .page-header .search-form {
    background: #fff !important;
  }
  .page-header .search-form .input-group {
    background: #fff !important;
  }
  .page-header .search-form .input-group .form-control,
  .page-header .search-form .input-group .select2-search input[type="text"] {
    background: #fff !important;
  }
  .page-header .search-form .input-group .input-group-btn .btn.submit {
    background: #4db3a4;
  }
  .page-header .search-form .input-group .input-group-btn .btn.submit i {
    color: #fff !important;
  }
  .page-header .search-form .input-group .input-group-btn .btn.submit:hover,
  .page-header .search-form .input-group .input-group-btn .btn.submit:focus,
  .page-header .search-form .input-group .input-group-btn .btn.submit:active,
  .page-header .search-form .input-group .input-group-btn .btn.submit.active {
    background: #40978a;
  }
}
@media (max-width: 480px) {
  /* 480px */
  .page-header {
    /* Top menu */
  }
  .page-header .top-menu {
    background-color: #fff;
  }
  .page-header-fixed-mobile .page-header .top-menu {
    background-color: #fff;
  }
  .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    background-color: white;
  }
  .page-header-fixed-mobile .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    background: none;
  }
  .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
    background-color: #fff;
  }
}
/****
 CSS3 Spinner Bar
****/
.page-spinner-bar > div,
.block-spinner-bar > div {
  background: #5fbbad;
}
/* here you can put your own css to customize and override the theme */
/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/
/***
Login page
***/
/* bg color */
.login {
  background-color: #364150 !important;
}
.login .logo {
  margin: 0 auto;
  margin-top: 60px;
  padding: 15px;
  text-align: center;
}
.login .content {
  background-color: #eceef1;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  width: 400px;
  margin: 40px auto 10px auto;
  padding: 30px;
  padding-top: 10px;
  overflow: hidden;
  position: relative;
}
.login .content h3 {
  color: #4db3a5;
  text-align: center;
  font-size: 28px;
  font-weight: 400 !important;
}
.login .content h4 {
  color: #555;
}
.login .content .hint {
  color: #999;
  padding: 0;
  margin: 15px 0 7px 0;
}
.login .content .login-form,
.login .content .forget-form {
  padding: 0px;
  margin: 0px;
}
.login .content .form-control,
.login .content .select2-search input[type="text"] {
  border: none;
  background-color: #dde3ec;
  height: 43px;
  color: #8290a3;
  border: 1px solid #dde3ec;
}
.login .content .form-control:focus,
.login .content .form-control:active,
.login .content .select2-search input[type="text"]:focus,
.login .content .select2-search input[type="text"]:active {
  border: 1px solid #c3ccda;
}
.login .content .form-control::-moz-placeholder,
.login .content .select2-search input[type="text"]::-moz-placeholder {
  color: #8290a3;
  opacity: 1;
}
.login .content .form-control:-ms-input-placeholder,
.login .content .select2-search input[type="text"]:-ms-input-placeholder {
  color: #8290a3;
}
.login .content .form-control::-webkit-input-placeholder,
.login .content .select2-search input[type="text"]::-webkit-input-placeholder {
  color: #8290a3;
}
.login .content select.form-control,
.login .content select.select2-search input[type="text"] {
  padding-left: 9px;
  padding-right: 9px;
}
.login .content .forget-form {
  display: none;
}
.login .content .register-form {
  display: none;
}
.login .content .form-title {
  font-weight: 300;
  margin-bottom: 25px;
}
.login .content .form-actions {
  clear: both;
  border: 0px;
  border-bottom: 1px solid #eee;
  padding: 0px 30px 25px 30px;
  margin-left: -30px;
  margin-right: -30px;
}
.login-options {
  margin-bottom: 30px;
  overflow: hidden;
}
.login-options h4 {
  float: left;
  font-weight: 600;
  font-size: 15px;
  color: #7d91aa !important;
}
.login-options .social-icons {
  float: right;
  padding-top: 3px;
}
.login-options .social-icons li a {
  border-radius: 15px 15px 15px 15px !important;
  -moz-border-radius: 15px 15px 15px 15px !important;
  -webkit-border-radius: 15px 15px 15px 15px !important;
}
.login .content .form-actions .checkbox {
  margin-left: 0;
  padding-left: 0;
}
.login .content .forget-form .form-actions {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 20px;
}
.login .content .register-form .form-actions {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0px;
}
.login .content .form-actions .btn {
  margin-top: 1px;
}
.login .content .form-actions .btn-success {
  font-weight: 600;
  padding: 10px 20px !important;
}
.login .content .form-actions .btn-default {
  font-weight: 600;
  padding: 10px 25px !important;
  color: #6c7a8d;
  background-color: #ffffff;
  border: none;
}
.login .content .form-actions .btn-default:hover {
  background-color: #fafaff;
  color: #45b6af;
}
.login .content .forget-password {
  font-size: 14px;
  float: right;
  display: inline-block;
  margin-top: 10px;
}
.login .content .check {
  color: #8290a3;
}
.login .content .rememberme {
  margin-left: 8px;
  margin-top: 10px;
}
.login .content .create-account {
  margin: 0 -40px -40px -40px;
  padding: 15px 0 17px 0;
  text-align: center;
  background-color: #6c7a8d;
  -webkit-border-radius: 0 0 7px 7px;
  -moz-border-radius: 0 0 7px 7px;
  -ms-border-radius: 0 0 7px 7px;
  -o-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px;
}
.login .content .create-account p a {
  font-weight: 600;
  font-size: 14px;
  color: #c3cedd;
}
.login .content .create-account a {
  display: inline-block;
  margin-top: 5px;
}
/* footer copyright */
.login .copyright {
  text-align: center;
  margin: 0 auto 30px 0;
  padding: 10px;
  color: #7a8ca5;
  font-size: 13px;
}
@media (max-width: 440px) {
  /***
  Login page
  ***/
  .login .logo {
    margin-top: 10px;
  }
  .login .content {
    width: 280px;
    margin-top: 10px;
  }
  .login .content h3 {
    font-size: 22px;
  }
  .forget-password {
    display: inline-block;
    margin-top: 20px;
  }
  .login-options .social-icons {
    float: left;
    padding-top: 3px;
  }
  .login .checkbox {
    font-size: 13px;
  }
}
/* Header */
.large-header {
  position: relative;
  width: 100%;
  background: #333;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  z-index: 1;
}
.demo-1 .large-header {
  background-image: url('../img/demo-1-bg.jpg');
}
.demo-2 .large-header {
  background-image: url('../img/demo-2-bg.jpg');
  background-position: center bottom;
}
.demo-3 .large-header {
  background: #7f8c8d;
}
.demo-4 .large-header {
  background: #f9f1e9;
}
.main-title {
  position: absolute;
  margin: 0;
  padding: 0;
  color: #f9f1e9;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.demo-1 .main-title,
.demo-3 .main-title {
  text-transform: uppercase;
  font-size: 4.2em;
  letter-spacing: 0.1em;
}
.demo-2 .main-title {
  font-family: 'Clicker Script', cursive;
  font-weight: normal;
  font-size: 8em;
  padding-left: 10px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.demo-2 .main-title::before {
  content: '';
  width: 20vw;
  height: 20vw;
  min-width: 3.5em;
  min-height: 3.5em;
  background: url(../img/deco.svg) no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  z-index: -1;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.demo-3 .main-title {
  padding: 10px 40px;
  border: 10px double #f9f1e9;
  text-transform: uppercase;
  font-family: Londrina Outline, sans-serif;
}
.demo-4 .main-title {
  font-size: 6em;
  font-weight: 300;
  padding: 10px 30px;
  text-transform: uppercase;
  color: #222;
}
.main-title .thin {
  font-weight: 200;
}
@media only screen and (max-width: 768px) {
  .demo-1 .main-title,
  .demo-3 .main-title,
  .demo-4 .main-title {
    font-size: 3em;
  }
  .demo-2 .main-title {
    font-size: 4em;
  }
}
.btn {
  border: none;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
  border-radius: 4px;
  padding: 10px 15px;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
}
.btn:hover,
.btn:focus {
  outline: none;
  color: white;
}
.btn:active,
.btn.active {
  outline: none;
  box-shadow: none;
}
.btn:focus:active {
  outline: none;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  background-color: #e5e5e5;
  color: rgba(255, 255, 255, 0.75);
  opacity: 0.007;
  filter: alpha(opacity=0.7);
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  filter: alpha(opacity=70);
  cursor: not-allowed;
}
.btn [class^="fui-"] {
  margin: 0 1px;
  position: relative;
  line-height: 1;
  top: 1px;
}
.btn-xs.btn [class^="fui-"] {
  font-size: 11px;
  top: 0;
}
.btn-hg.btn [class^="fui-"] {
  top: 2px;
}
.btn-default {
  color: white;
  background-color: #e5e5e5;
}
.btn-default:hover,
.btn-default.hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: white;
  background-color: #eaeaea;
  border-color: #eaeaea;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background: #c3c3c3;
  border-color: #c3c3c3;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled.hover,
.btn-default[disabled].hover,
fieldset[disabled] .btn-default.hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #e5e5e5;
  border-color: #e5e5e5;
}
.btn-default .badge {
  color: #e5e5e5;
  background-color: white;
}
.btn-primary {
  color: white;
  background-color: #29a8e0;
}
.btn-primary:hover,
.btn-primary.hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: white;
  background-color: #4db3a5;
  border-color: #4db3a5;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background: #238fbe;
  border-color: #238fbe;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled.hover,
.btn-primary[disabled].hover,
fieldset[disabled] .btn-primary.hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #e5e5e5;
  border-color: #29a8e0;
}
.btn-primary .badge {
  color: #29a8e0;
  background-color: white;
}
.btn-info {
  color: white;
  background-color: #3498db;
}
.btn-info:hover,
.btn-info.hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: white;
  background-color: #5dade2;
  border-color: #5dade2;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background: #2c81ba;
  border-color: #2c81ba;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled.hover,
.btn-info[disabled].hover,
fieldset[disabled] .btn-info.hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #e5e5e5;
  border-color: #3498db;
}
.btn-info .badge {
  color: #3498db;
  background-color: white;
}
.btn-danger {
  color: white;
  background-color: #f3565d;
}
.btn-danger:hover,
.btn-danger.hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: white;
  background-color: #f5787d;
  border-color: #f5787d;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background: #cf494f;
  border-color: #cf494f;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled.hover,
.btn-danger[disabled].hover,
fieldset[disabled] .btn-danger.hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #e5e5e5;
  border-color: #f3565d;
}
.btn-danger .badge {
  color: #f3565d;
  background-color: white;
}
.btn-success {
  color: white;
  background-color: #4caf50;
}
.btn-success:hover,
.btn-success.hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: white;
  background-color: #70bf73;
  border-color: #70bf73;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background: #419544;
  border-color: #419544;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled.hover,
.btn-success[disabled].hover,
fieldset[disabled] .btn-success.hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #e5e5e5;
  border-color: #4caf50;
}
.btn-success .badge {
  color: #4caf50;
  background-color: white;
}
.btn-warning {
  color: white;
  background-color: #f1c40f;
}
.btn-warning:hover,
.btn-warning.hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: white;
  background-color: #f4d313;
  border-color: #f4d313;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background: #cda70d;
  border-color: #cda70d;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled.hover,
.btn-warning[disabled].hover,
fieldset[disabled] .btn-warning.hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #e5e5e5;
  border-color: #f1c40f;
}
.btn-warning .badge {
  color: #f1c40f;
  background-color: white;
}
.btn-inverse {
  color: white;
  background-color: #4db3a5;
}
.btn-inverse:hover,
.btn-inverse.hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.open > .dropdown-toggle.btn-inverse {
  color: white;
  background-color: #60c6bc;
  border-color: #60c6bc;
}
.btn-inverse:active,
.btn-inverse.active,
.open > .dropdown-toggle.btn-inverse {
  background: #41988c;
  border-color: #41988c;
}
.btn-inverse.disabled,
.btn-inverse[disabled],
fieldset[disabled] .btn-inverse,
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled.hover,
.btn-inverse[disabled].hover,
fieldset[disabled] .btn-inverse.hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-inverse.disabled:active,
.btn-inverse[disabled]:active,
fieldset[disabled] .btn-inverse:active,
.btn-inverse.disabled.active,
.btn-inverse[disabled].active,
fieldset[disabled] .btn-inverse.active {
  background-color: #e5e5e5;
  border-color: #4db3a5;
}
.btn-inverse .badge {
  color: #4db3a5;
  background-color: white;
}
.btn-embossed {
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
}
.btn-embossed.active,
.btn-embossed:active {
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.15);
}
.btn-wide {
  min-width: 140px;
  padding-left: 30px;
  padding-right: 30px;
}
.btn-link {
  color: #29a8e0;
}
.btn-link:hover,
.btn-link:focus {
  color: #4db3a5;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #e5e5e5;
  text-decoration: none;
}
.btn-hg {
  padding: 18px 60px;
  font-size: 22px;
  line-height: 2.4;
  border-radius: 8px;
}
.btn-lg {
  padding: 15px 40px;
  font-size: 17px;
  line-height: 1.471;
  border-radius: 8px;
}
.btn-sm {
  padding: 9px 13px;
  font-size: 12px;
  line-height: 1.385;
  border-radius: 4px;
}
.btn-xs {
  padding: 6px 9px;
  font-size: 12px;
  line-height: 1.083;
  border-radius: 3px;
}
.btn-tip {
  font-weight: 300;
  padding-left: 10px;
  font-size: 92%;
}
.btn-block {
  white-space: normal;
}
[class*="btn-social-"] {
  padding: 10px 15px;
  font-size: 12px;
  line-height: 1.077;
  border-radius: 4px;
}
.btn-social-pinterest {
  color: white;
  background-color: #cb2028;
}
.btn-social-pinterest:hover,
.btn-social-pinterest:focus {
  background-color: #d54d53;
}
.btn-social-pinterest:active,
.btn-social-pinterest.active {
  background-color: #ad1b22;
}
.btn-social-linkedin {
  color: white;
  background-color: #0072b5;
}
.btn-social-linkedin:hover,
.btn-social-linkedin:focus {
  background-color: #338ec4;
}
.btn-social-linkedin:active,
.btn-social-linkedin.active {
  background-color: #00619a;
}
.btn-social-stumbleupon {
  color: white;
  background-color: #ed4a13;
}
.btn-social-stumbleupon:hover,
.btn-social-stumbleupon:focus {
  background-color: #f16e42;
}
.btn-social-stumbleupon:active,
.btn-social-stumbleupon.active {
  background-color: #c93f10;
}
.btn-social-googleplus {
  color: white;
  background-color: #2d2d2d;
}
.btn-social-googleplus:hover,
.btn-social-googleplus:focus {
  background-color: #575757;
}
.btn-social-googleplus:active,
.btn-social-googleplus.active {
  background-color: #262626;
}
.btn-social-facebook {
  color: white;
  background-color: #2f4b93;
}
.btn-social-facebook:hover,
.btn-social-facebook:focus {
  background-color: #596fa9;
}
.btn-social-facebook:active,
.btn-social-facebook.active {
  background-color: #28407d;
}
.btn-social-twitter {
  color: white;
  background-color: #00bdef;
}
.btn-social-twitter:hover,
.btn-social-twitter:focus {
  background-color: #33caf2;
}
.btn-social-twitter:active,
.btn-social-twitter.active {
  background-color: #00a1cb;
}
@font-face {
  font-family: 'Flat-UI-Icons';
  src: url('../fonts/glyphicons/flat-ui-icons-regular.eot');
  src: url('../fonts/glyphicons/flat-ui-icons-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons/flat-ui-icons-regular.woff') format('woff'), url('../fonts/glyphicons/flat-ui-icons-regular.ttf') format('truetype'), url('../fonts/glyphicons/flat-ui-icons-regular.svg#flat-ui-icons-regular') format('svg');
}
[class^="fui-"],
[class*="fui-"] {
  font-family: 'Flat-UI-Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fui-triangle-up:before {
  content: "\e600";
}
.fui-triangle-down:before {
  content: "\e601";
}
.fui-triangle-up-small:before {
  content: "\e602";
}
.fui-triangle-down-small:before {
  content: "\e603";
}
.fui-triangle-left-large:before {
  content: "\e604";
}
.fui-triangle-right-large:before {
  content: "\e605";
}
.fui-arrow-left:before {
  content: "\e606";
}
.fui-arrow-right:before {
  content: "\e607";
}
.fui-plus:before {
  content: "\e608";
}
.fui-cross:before {
  content: "\e609";
}
.fui-check:before {
  content: "\e60a";
}
.fui-radio-unchecked:before {
  content: "\e60b";
}
.fui-radio-checked:before {
  content: "\e60c";
}
.fui-checkbox-unchecked:before {
  content: "\e60d";
}
.fui-checkbox-checked:before {
  content: "\e60e";
}
.fui-info-circle:before {
  content: "\e60f";
}
.fui-alert-circle:before {
  content: "\e610";
}
.fui-question-circle:before {
  content: "\e611";
}
.fui-check-circle:before {
  content: "\e612";
}
.fui-cross-circle:before {
  content: "\e613";
}
.fui-plus-circle:before {
  content: "\e614";
}
.fui-pause:before {
  content: "\e615";
}
.fui-play:before {
  content: "\e616";
}
.fui-volume:before {
  content: "\e617";
}
.fui-mute:before {
  content: "\e618";
}
.fui-resize:before {
  content: "\e619";
}
.fui-list:before {
  content: "\e61a";
}
.fui-list-thumbnailed:before {
  content: "\e61b";
}
.fui-list-small-thumbnails:before {
  content: "\e61c";
}
.fui-list-large-thumbnails:before {
  content: "\e61d";
}
.fui-list-numbered:before {
  content: "\e61e";
}
.fui-list-columned:before {
  content: "\e61f";
}
.fui-list-bulleted:before {
  content: "\e620";
}
.fui-window:before {
  content: "\e621";
}
.fui-windows:before {
  content: "\e622";
}
.fui-loop:before {
  content: "\e623";
}
.fui-cmd:before {
  content: "\e624";
}
.fui-mic:before {
  content: "\e625";
}
.fui-heart:before {
  content: "\e626";
}
.fui-location:before {
  content: "\e627";
}
.fui-new:before {
  content: "\e628";
}
.fui-video:before {
  content: "\e629";
}
.fui-photo:before {
  content: "\e62a";
}
.fui-time:before {
  content: "\e62b";
}
.fui-eye:before {
  content: "\e62c";
}
.fui-chat:before {
  content: "\e62d";
}
.fui-home:before {
  content: "\e62e";
}
.fui-upload:before {
  content: "\e62f";
}
.fui-search:before {
  content: "\e630";
}
.fui-user:before {
  content: "\e631";
}
.fui-mail:before {
  content: "\e632";
}
.fui-lock:before {
  content: "\e633";
}
.fui-power:before {
  content: "\e634";
}
.fui-calendar:before {
  content: "\e635";
}
.fui-gear:before {
  content: "\e636";
}
.fui-bookmark:before {
  content: "\e637";
}
.fui-exit:before {
  content: "\e638";
}
.fui-trash:before {
  content: "\e639";
}
.fui-folder:before {
  content: "\e63a";
}
.fui-bubble:before {
  content: "\e63b";
}
.fui-export:before {
  content: "\e63c";
}
.fui-calendar-solid:before {
  content: "\e63d";
}
.fui-star:before {
  content: "\e63e";
}
.fui-star-2:before {
  content: "\e63f";
}
.fui-credit-card:before {
  content: "\e640";
}
.fui-clip:before {
  content: "\e641";
}
.fui-link:before {
  content: "\e642";
}
.fui-tag:before {
  content: "\e643";
}
.fui-document:before {
  content: "\e644";
}
.fui-image:before {
  content: "\e645";
}
.fui-facebook:before {
  content: "\e646";
}
.fui-youtube:before {
  content: "\e647";
}
.fui-vimeo:before {
  content: "\e648";
}
.fui-twitter:before {
  content: "\e649";
}
.fui-spotify:before {
  content: "\e64a";
}
.fui-skype:before {
  content: "\e64b";
}
.fui-pinterest:before {
  content: "\e64c";
}
.fui-path:before {
  content: "\e64d";
}
.fui-linkedin:before {
  content: "\e64e";
}
.fui-google-plus:before {
  content: "\e64f";
}
.fui-dribbble:before {
  content: "\e650";
}
.fui-behance:before {
  content: "\e651";
}
.fui-stumbleupon:before {
  content: "\e652";
}
.fui-yelp:before {
  content: "\e653";
}
.fui-wordpress:before {
  content: "\e654";
}
.fui-windows-8:before {
  content: "\e655";
}
.fui-vine:before {
  content: "\e656";
}
.fui-tumblr:before {
  content: "\e657";
}
.fui-paypal:before {
  content: "\e658";
}
.fui-lastfm:before {
  content: "\e659";
}
.fui-instagram:before {
  content: "\e65a";
}
.fui-html5:before {
  content: "\e65b";
}
.fui-github:before {
  content: "\e65c";
}
.fui-foursquare:before {
  content: "\e65d";
}
.fui-dropbox:before {
  content: "\e65e";
}
.fui-android:before {
  content: "\e65f";
}
.fui-apple:before {
  content: "\e660";
}
.checkbox,
.radio {
  margin-bottom: 12px;
  padding-left: 32px;
  position: relative;
  transition: color .25s linear;
  font-size: 14px;
  line-height: 1.5;
}
.checkbox .icons,
.radio .icons {
  color: #e5e5e5;
  display: block;
  height: 20px;
  top: 0;
  left: 0;
  position: absolute;
  width: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  cursor: pointer;
}
.checkbox .icons .icon-checked,
.radio .icons .icon-checked {
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
}
.checkbox .icon-checked,
.radio .icon-checked,
.checkbox .icon-unchecked,
.radio .icon-unchecked {
  display: inline-table;
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
  margin: 0;
  opacity: 1;
  filter: none;
  transition: color .25s linear;
}
.checkbox .icon-checked:before,
.radio .icon-checked:before,
.checkbox .icon-unchecked:before,
.radio .icon-unchecked:before {
  font-family: 'Flat-UI-Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.checkbox .icon-checked:before {
  content: "\e60e";
}
.checkbox .icon-unchecked:before {
  content: "\e60d";
}
.radio .icon-checked:before {
  content: "\e60c";
}
.radio .icon-unchecked:before {
  content: "\e60b";
}
.checkbox input[type="checkbox"].custom-checkbox,
.radio input[type="checkbox"].custom-checkbox,
.checkbox input[type="radio"].custom-radio,
.radio input[type="radio"].custom-radio {
  outline: none !important;
  opacity: 0;
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
}
.checkbox input[type="checkbox"].custom-checkbox:hover:not(.nohover):not(:disabled) + .icons .icon-unchecked,
.radio input[type="checkbox"].custom-checkbox:hover:not(.nohover):not(:disabled) + .icons .icon-unchecked,
.checkbox input[type="radio"].custom-radio:hover:not(.nohover):not(:disabled) + .icons .icon-unchecked,
.radio input[type="radio"].custom-radio:hover:not(.nohover):not(:disabled) + .icons .icon-unchecked {
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
}
.checkbox input[type="checkbox"].custom-checkbox:hover:not(.nohover):not(:disabled) + .icons .icon-checked,
.radio input[type="checkbox"].custom-checkbox:hover:not(.nohover):not(:disabled) + .icons .icon-checked,
.checkbox input[type="radio"].custom-radio:hover:not(.nohover):not(:disabled) + .icons .icon-checked,
.radio input[type="radio"].custom-radio:hover:not(.nohover):not(:disabled) + .icons .icon-checked {
  opacity: 1;
  filter: none;
}
.checkbox input[type="checkbox"].custom-checkbox:checked + .icons,
.radio input[type="checkbox"].custom-checkbox:checked + .icons,
.checkbox input[type="radio"].custom-radio:checked + .icons,
.radio input[type="radio"].custom-radio:checked + .icons {
  color: #4db3a5;
}
.checkbox input[type="checkbox"].custom-checkbox:checked + .icons .icon-unchecked,
.radio input[type="checkbox"].custom-checkbox:checked + .icons .icon-unchecked,
.checkbox input[type="radio"].custom-radio:checked + .icons .icon-unchecked,
.radio input[type="radio"].custom-radio:checked + .icons .icon-unchecked {
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
}
.checkbox input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked,
.radio input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked,
.checkbox input[type="radio"].custom-radio:checked + .icons .icon-checked,
.radio input[type="radio"].custom-radio:checked + .icons .icon-checked {
  opacity: 1;
  filter: none;
  color: #4db3a5;
}
.checkbox input[type="checkbox"].custom-checkbox:disabled + .icons,
.radio input[type="checkbox"].custom-checkbox:disabled + .icons,
.checkbox input[type="radio"].custom-radio:disabled + .icons,
.radio input[type="radio"].custom-radio:disabled + .icons {
  cursor: default;
  color: #f5f5f5;
}
.checkbox input[type="checkbox"].custom-checkbox:disabled + .icons .icon-unchecked,
.radio input[type="checkbox"].custom-checkbox:disabled + .icons .icon-unchecked,
.checkbox input[type="radio"].custom-radio:disabled + .icons .icon-unchecked,
.radio input[type="radio"].custom-radio:disabled + .icons .icon-unchecked {
  opacity: 1;
  filter: none;
}
.checkbox input[type="checkbox"].custom-checkbox:disabled + .icons .icon-checked,
.radio input[type="checkbox"].custom-checkbox:disabled + .icons .icon-checked,
.checkbox input[type="radio"].custom-radio:disabled + .icons .icon-checked,
.radio input[type="radio"].custom-radio:disabled + .icons .icon-checked {
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
}
.checkbox input[type="checkbox"].custom-checkbox:disabled:checked + .icons,
.radio input[type="checkbox"].custom-checkbox:disabled:checked + .icons,
.checkbox input[type="radio"].custom-radio:disabled:checked + .icons,
.radio input[type="radio"].custom-radio:disabled:checked + .icons {
  color: #f5f5f5;
}
.checkbox input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-unchecked,
.radio input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-unchecked,
.checkbox input[type="radio"].custom-radio:disabled:checked + .icons .icon-unchecked,
.radio input[type="radio"].custom-radio:disabled:checked + .icons .icon-unchecked {
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
}
.checkbox input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-checked,
.radio input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-checked,
.checkbox input[type="radio"].custom-radio:disabled:checked + .icons .icon-checked,
.radio input[type="radio"].custom-radio:disabled:checked + .icons .icon-checked {
  opacity: 1;
  filter: none;
  color: #f5f5f5;
}
.checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons,
.radio input[type="checkbox"].custom-checkbox:indeterminate + .icons,
.checkbox input[type="radio"].custom-radio:indeterminate + .icons,
.radio input[type="radio"].custom-radio:indeterminate + .icons {
  color: #e5e5e5;
}
.checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons .icon-unchecked,
.radio input[type="checkbox"].custom-checkbox:indeterminate + .icons .icon-unchecked,
.checkbox input[type="radio"].custom-radio:indeterminate + .icons .icon-unchecked,
.radio input[type="radio"].custom-radio:indeterminate + .icons .icon-unchecked {
  opacity: 1;
  filter: none;
}
.checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons .icon-checked,
.radio input[type="checkbox"].custom-checkbox:indeterminate + .icons .icon-checked,
.checkbox input[type="radio"].custom-radio:indeterminate + .icons .icon-checked,
.radio input[type="radio"].custom-radio:indeterminate + .icons .icon-checked {
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
}
.checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons:before,
.radio input[type="checkbox"].custom-checkbox:indeterminate + .icons:before,
.checkbox input[type="radio"].custom-radio:indeterminate + .icons:before,
.radio input[type="radio"].custom-radio:indeterminate + .icons:before {
  content: "\2013";
  position: absolute;
  top: 0;
  left: 0;
  line-height: 20px;
  width: 20px;
  text-align: center;
  color: white;
  font-size: 22px;
  z-index: 10;
}
.checkbox.primary input[type="checkbox"].custom-checkbox + .icons,
.radio.primary input[type="checkbox"].custom-checkbox + .icons,
.checkbox.primary input[type="radio"].custom-radio + .icons,
.radio.primary input[type="radio"].custom-radio + .icons {
  color: #29a8e0;
}
.checkbox.primary input[type="checkbox"].custom-checkbox:checked + .icons,
.radio.primary input[type="checkbox"].custom-checkbox:checked + .icons,
.checkbox.primary input[type="radio"].custom-radio:checked + .icons,
.radio.primary input[type="radio"].custom-radio:checked + .icons {
  color: #4db3a5;
}
.checkbox.primary input[type="checkbox"].custom-checkbox:disabled + .icons,
.radio.primary input[type="checkbox"].custom-checkbox:disabled + .icons,
.checkbox.primary input[type="radio"].custom-radio:disabled + .icons,
.radio.primary input[type="radio"].custom-radio:disabled + .icons {
  cursor: default;
  color: #e5e5e5;
}
.checkbox.primary input[type="checkbox"].custom-checkbox:disabled + .icons.checked,
.radio.primary input[type="checkbox"].custom-checkbox:disabled + .icons.checked,
.checkbox.primary input[type="radio"].custom-radio:disabled + .icons.checked,
.radio.primary input[type="radio"].custom-radio:disabled + .icons.checked {
  color: #e5e5e5;
}
.checkbox.primary input[type="checkbox"].custom-checkbox:indeterminate + .icons,
.radio.primary input[type="checkbox"].custom-checkbox:indeterminate + .icons,
.checkbox.primary input[type="radio"].custom-radio:indeterminate + .icons,
.radio.primary input[type="radio"].custom-radio:indeterminate + .icons {
  color: #29a8e0;
}
.input-group-addon .radio,
.input-group-addon .checkbox {
  margin: -2px 0;
  padding-left: 20px;
}
.input-group-addon .radio .icons,
.input-group-addon .checkbox .icons {
  color: #f5f5f5;
}
.input-group-addon .radio input[type="checkbox"].custom-checkbox:checked + .icons,
.input-group-addon .checkbox input[type="checkbox"].custom-checkbox:checked + .icons,
.input-group-addon .radio input[type="radio"].custom-radio:checked + .icons,
.input-group-addon .checkbox input[type="radio"].custom-radio:checked + .icons {
  color: white;
}
.input-group-addon .radio input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked,
.input-group-addon .checkbox input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked,
.input-group-addon .radio input[type="radio"].custom-radio:checked + .icons .icon-checked,
.input-group-addon .checkbox input[type="radio"].custom-radio:checked + .icons .icon-checked {
  color: white;
}
.input-group-addon .radio input[type="checkbox"].custom-checkbox:disabled + .icons,
.input-group-addon .checkbox input[type="checkbox"].custom-checkbox:disabled + .icons,
.input-group-addon .radio input[type="radio"].custom-radio:disabled + .icons,
.input-group-addon .checkbox input[type="radio"].custom-radio:disabled + .icons {
  color: rgba(245, 245, 245, 0.6);
}
.input-group-addon .radio input[type="checkbox"].custom-checkbox:disabled:checked + .icons,
.input-group-addon .checkbox input[type="checkbox"].custom-checkbox:disabled:checked + .icons,
.input-group-addon .radio input[type="radio"].custom-radio:disabled:checked + .icons,
.input-group-addon .checkbox input[type="radio"].custom-radio:disabled:checked + .icons {
  color: rgba(245, 245, 245, 0.6);
}
.input-group-addon .radio input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-checked,
.input-group-addon .checkbox input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-checked,
.input-group-addon .radio input[type="radio"].custom-radio:disabled:checked + .icons .icon-checked,
.input-group-addon .checkbox input[type="radio"].custom-radio:disabled:checked + .icons .icon-checked {
  color: rgba(245, 245, 245, 0.6);
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: 10px;
}
.form-inline .checkbox,
.form-inline .radio {
  padding-left: 32px;
}
.select {
  position: relative;
  display: inline-block;
  vertical-align: top;
  min-width: 220px;
  width: auto;
}
.form-group .select {
  width: 100%;
}
.form-group .select > .select2-choice {
  width: 100%;
}
.select.form-control,
.select.select2-search input[type="text"] {
  border: none;
  padding: 0;
  height: auto;
}
.select2-choice {
  width: 100%;
  display: inline-block;
  position: relative;
  border: none;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
  border-radius: 4px;
  padding: 10px 39px 10px 15px;
  transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
}
.select2-choice:hover,
.select2-choice:focus {
  outline: none;
}
.select2-choice:active {
  outline: none;
  box-shadow: none;
}
.select2-container-disabled .select2-choice {
  opacity: 0.007;
  filter: alpha(opacity=0.7);
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  filter: alpha(opacity=70);
}
.select2-chosen {
  overflow: hidden;
  text-align: left;
}
.select2-arrow {
  display: inline-block;
  border-width: 8px 6px;
  border-color: #29a8e0 transparent;
  border-style: solid;
  border-bottom-style: none;
  position: absolute;
  right: 16px;
  top: 42%;
  transform: scale(1.001);
}
.select2-arrow b {
  display: none;
}
.btn-lg .select2-arrow {
  border-top-width: 8px;
  border-right-width: 6px;
  border-left-width: 6px;
}
.select-default .select2-choice {
  color: white;
  background-color: #e5e5e5;
}
.select-default .select2-choice:hover,
.select-default .select2-choice.hover,
.select-default .select2-choice:focus,
.select-default .select2-choice:active {
  color: white;
  background-color: #eaeaea;
  border-color: #eaeaea;
}
.select-default .select2-choice:active {
  background: #c3c3c3;
  border-color: #c3c3c3;
}
.select2-container-disabled.select-default .select2-choice,
.select2-container-disabled.select-default .select2-choice:hover,
.select2-container-disabled.select-default .select2-choice:focus,
.select2-container-disabled.select-default .select2-choice:active {
  background-color: #e5e5e5;
  border-color: #e5e5e5;
}
.select-default .select2-choice .select2-arrow {
  border-top-color: white;
}
.select-primary .select2-choice {
  color: white;
  background-color: #4db3a5;
}
.select-primary .select2-choice:hover,
.select-primary .select2-choice.hover,
.select-primary .select2-choice:focus,
.select-primary .select2-choice:active {
  color: white;
  background-color: #4db3a5;
  border-color: #4db3a5;
}
.select-primary .select2-choice:active {
  background: #238fbe;
  border-color: #238fbe;
}
.select2-container-disabled.select-primary .select2-choice,
.select2-container-disabled.select-primary .select2-choice:hover,
.select2-container-disabled.select-primary .select2-choice:focus,
.select2-container-disabled.select-primary .select2-choice:active {
  background-color: #e5e5e5;
  border-color: #4db3a5;
}
.select-primary .select2-choice .select2-arrow {
  border-top-color: white;
}
.select-info .select2-choice {
  color: white;
  background-color: #3498db;
}
.select-info .select2-choice:hover,
.select-info .select2-choice.hover,
.select-info .select2-choice:focus,
.select-info .select2-choice:active {
  color: white;
  background-color: #5dade2;
  border-color: #5dade2;
}
.select-info .select2-choice:active {
  background: #2c81ba;
  border-color: #2c81ba;
}
.select2-container-disabled.select-info .select2-choice,
.select2-container-disabled.select-info .select2-choice:hover,
.select2-container-disabled.select-info .select2-choice:focus,
.select2-container-disabled.select-info .select2-choice:active {
  background-color: #e5e5e5;
  border-color: #3498db;
}
.select-info .select2-choice .select2-arrow {
  border-top-color: white;
}
.select-danger .select2-choice {
  color: white;
  background-color: #f3565d;
}
.select-danger .select2-choice:hover,
.select-danger .select2-choice.hover,
.select-danger .select2-choice:focus,
.select-danger .select2-choice:active {
  color: white;
  background-color: #f5787d;
  border-color: #f5787d;
}
.select-danger .select2-choice:active {
  background: #cf494f;
  border-color: #cf494f;
}
.select2-container-disabled.select-danger .select2-choice,
.select2-container-disabled.select-danger .select2-choice:hover,
.select2-container-disabled.select-danger .select2-choice:focus,
.select2-container-disabled.select-danger .select2-choice:active {
  background-color: #e5e5e5;
  border-color: #f3565d;
}
.select-danger .select2-choice .select2-arrow {
  border-top-color: white;
}
.select-success .select2-choice {
  color: white;
  background-color: #4caf50;
}
.select-success .select2-choice:hover,
.select-success .select2-choice.hover,
.select-success .select2-choice:focus,
.select-success .select2-choice:active {
  color: white;
  background-color: #70bf73;
  border-color: #70bf73;
}
.select-success .select2-choice:active {
  background: #419544;
  border-color: #419544;
}
.select2-container-disabled.select-success .select2-choice,
.select2-container-disabled.select-success .select2-choice:hover,
.select2-container-disabled.select-success .select2-choice:focus,
.select2-container-disabled.select-success .select2-choice:active {
  background-color: #e5e5e5;
  border-color: #4caf50;
}
.select-success .select2-choice .select2-arrow {
  border-top-color: white;
}
.select-warning .select2-choice {
  color: white;
  background-color: #f1c40f;
}
.select-warning .select2-choice:hover,
.select-warning .select2-choice.hover,
.select-warning .select2-choice:focus,
.select-warning .select2-choice:active {
  color: white;
  background-color: #f4d313;
  border-color: #f4d313;
}
.select-warning .select2-choice:active {
  background: #cda70d;
  border-color: #cda70d;
}
.select2-container-disabled.select-warning .select2-choice,
.select2-container-disabled.select-warning .select2-choice:hover,
.select2-container-disabled.select-warning .select2-choice:focus,
.select2-container-disabled.select-warning .select2-choice:active {
  background-color: #e5e5e5;
  border-color: #f1c40f;
}
.select-warning .select2-choice .select2-arrow {
  border-top-color: white;
}
.select-inverse .select2-choice {
  color: white;
  background-color: #29a8e0;
}
.select-inverse .select2-choice:hover,
.select-inverse .select2-choice.hover,
.select-inverse .select2-choice:focus,
.select-inverse .select2-choice:active {
  color: white;
  background-color: #60c6bc;
  border-color: #60c6bc;
}
.select-inverse .select2-choice:active {
  background: #41988c;
  border-color: #41988c;
}
.select2-container-disabled.select-inverse .select2-choice,
.select2-container-disabled.select-inverse .select2-choice:hover,
.select2-container-disabled.select-inverse .select2-choice:focus,
.select2-container-disabled.select-inverse .select2-choice:active {
  background-color: #e5e5e5;
  border-color: #29a8e0;
}
.select-inverse .select2-choice .select2-arrow {
  border-top-color: white;
}
.select2-container.select-hg > .select2-choice {
  padding: 13px 20px;
  font-size: 22px;
  line-height: 2.4;
  border-radius: 8px;
  padding-right: 49px;
  min-height: 79px;
}
.select2-container.select-hg > .select2-choice .filter-option {
  left: 20px;
  right: 40px;
  top: 13px;
}
.select2-container.select-hg > .select2-choice .select2-arrow {
  right: 20px;
}
.select2-container.select-hg > .select2-choice > [class^="fui-"] {
  top: 2px;
}
.select2-container.select-lg > .select2-choice {
  padding: 10px 19px;
  font-size: 17px;
  line-height: 1.471;
  border-radius: 8px;
  padding-right: 47px;
  min-height: 45px;
}
.select2-container.select-lg > .select2-choice .filter-option {
  left: 18px;
  right: 38px;
}
.select2-container.select-sm > .select2-choice {
  padding: 9px 13px;
  font-size: 12px;
  line-height: 1.385;
  border-radius: 4px;
  padding-right: 35px;
  min-height: 35px;
}
.select2-container.select-sm > .select2-choice .filter-option {
  left: 13px;
  right: 33px;
}
.select2-container.select-sm > .select2-choice .select2-arrow {
  right: 13px;
}
.multiselect {
  position: relative;
  display: inline-block;
  vertical-align: top;
  min-width: 220px;
  background-color: white;
  border-radius: 8px;
  text-align: left;
  font-size: 0;
  width: auto;
  max-width: none;
}
.form-group .multiselect {
  width: 100%;
}
.form-group .multiselect > .select2-choice {
  width: 100%;
}
.multiselect.form-control,
.multiselect.select2-search input[type="text"] {
  height: auto;
  padding: 6px 1px 1px 6px;
  border: 2px solid #eaf6fc;
}
.select2-choices {
  margin: 0;
  padding: 0;
  position: relative;
  cursor: text;
  overflow: hidden;
  min-height: 26px;
}
.select2-choices li {
  float: left;
  list-style: none;
}
.select2-search-choice {
  border-radius: 4px;
  color: white;
  font-size: 12px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  overflow: hidden;
  margin: 0 5px 4px 0;
  line-height: 15px;
  height: 27px;
  padding: 6px 21px;
  transition: .25s linear;
}
.select2-search-choice:hover {
  padding-right: 28px;
  padding-left: 14px;
  color: white;
}
.select2-search-choice:hover .select2-search-choice-close {
  opacity: 1;
  filter: none;
  color: inherit;
}
.select2-search-choice .select2-search-choice-close {
  color: white;
  cursor: pointer;
  font-size: 12px;
  position: absolute;
  right: 0;
  text-align: right;
  text-decoration: none;
  top: 0;
  width: 100%;
  bottom: 0;
  padding-right: 10px;
  z-index: 2;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  transition: opacity .25s linear;
}
.select2-search-choice .select2-search-choice-close:after {
  content: "\e609";
  font-family: "Flat-UI-Icons";
  line-height: 27px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.select2-search-field input[type="text"] {
  color: #29a8e0;
  font-size: 14px;
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  width: auto;
  max-width: inherit;
  min-width: 80px;
  vertical-align: top;
  height: 29px;
}
.select2-search-field:first-child input[type="text"] {
  height: 23px;
  margin: 3px 0 5px;
}
.select2-container-multi.multiselect-default {
  border-color: #e5e5e5;
}
.select2-container-multi.multiselect-default .select2-search-choice {
  background-color: #e5e5e5;
}
.select2-container-multi.multiselect-default .select2-search-choice:hover {
  background-color: #eaeaea;
}
.select2-container-multi.multiselect-primary {
  border-color: #4db3a5;
}
.select2-container-multi.multiselect-primary .select2-search-choice {
  background-color: #4db3a5;
}
.select2-container-multi.multiselect-primary .select2-search-choice:hover {
  background-color: #4db3a5;
}
.select2-container-multi.multiselect-info {
  border-color: #3498db;
}
.select2-container-multi.multiselect-info .select2-search-choice {
  background-color: #3498db;
}
.select2-container-multi.multiselect-info .select2-search-choice:hover {
  background-color: #5dade2;
}
.select2-container-multi.multiselect-danger {
  border-color: #f3565d;
}
.select2-container-multi.multiselect-danger .select2-search-choice {
  background-color: #f3565d;
}
.select2-container-multi.multiselect-danger .select2-search-choice:hover {
  background-color: #f5787d;
}
.select2-container-multi.multiselect-success {
  border-color: #4caf50;
}
.select2-container-multi.multiselect-success .select2-search-choice {
  background-color: #4caf50;
}
.select2-container-multi.multiselect-success .select2-search-choice:hover {
  background-color: #70bf73;
}
.select2-container-multi.multiselect-warning {
  border-color: #f1c40f;
}
.select2-container-multi.multiselect-warning .select2-search-choice {
  background-color: #f1c40f;
}
.select2-container-multi.multiselect-warning .select2-search-choice:hover {
  background-color: #f4d313;
}
.select2-container-multi.multiselect-inverse {
  border-color: #29a8e0;
}
.select2-container-multi.multiselect-inverse .select2-search-choice {
  background-color: #29a8e0;
}
.select2-container-multi.multiselect-inverse .select2-search-choice:hover {
  background-color: #60c6bc;
}
.select2-drop {
  min-width: 220px;
  margin-top: 9px;
  visibility: visible;
  opacity: 1;
  filter: none;
  border-radius: 4px;
  font-size: 14px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  transition: none;
}
.select2-drop.select2-drop-above {
  margin-top: -9px;
}
.select2-drop.select2-drop-auto-width {
  width: auto;
}
.select2-drop.show-select-search .select2-search {
  display: block;
}
.select2-drop.show-select-search .select2-search + .select2-results > li:first-child .select2-result-label {
  border-radius: 0;
}
.select2-drop .select2-results {
  padding: 0;
  margin: 0;
  list-style: none;
}
.select2-drop .select2-results > li:first-child > .select2-result-label {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.select2-drop .select2-results > li:last-child > .select2-result-label {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.select2-drop .select2-result-sub {
  padding: 0;
  margin: 0;
  list-style: none;
}
.select2-drop .select2-result-sub > li:last-child > .select2-result-label {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.select2-drop .select2-no-results {
  padding: 8px 15px;
}
.select2-drop .select2-result-label {
  line-height: 1.429;
  padding: 8px 16px;
  user-select: none;
  transition: background-color 0.25s, color 0.25s;
}
.select2-drop .select2-result-selectable .select2-result-label {
  color: rgba(41, 168, 224, 0.85);
  cursor: pointer;
}
.select2-drop .select2-result-selectable .select2-result-label:focus,
.select2-drop .select2-result-selectable .select2-result-label:hover,
.select2-drop .select2-result-selectable .select2-result-label:active {
  background-color: #dff2fa;
  color: inherit;
  outline: none;
}
.select2-drop .select2-disabled {
  cursor: default;
  color: rgba(41, 168, 224, 0.95);
  opacity: 0.004;
  filter: alpha(opacity=0.4);
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
.select2-drop .select2-disabled:focus,
.select2-drop .select2-disabled:hover,
.select2-drop .select2-disabled:active {
  background: none !important;
}
.select2-drop .select2-highlighted > .select2-result-label {
  background: #4db3a5;
  color: white;
}
.select2-drop .select2-result-with-children > .select2-result-label {
  font-size: 12px;
  text-transform: uppercase;
  color: rgba(41, 168, 224, 0.6);
  margin-top: 5px;
}
.select2-drop .select2-result-with-children + .select2-result-with-children > .select2-result-label {
  margin-top: 11px;
}
.select2-results {
  max-height: 200px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.select2-search {
  padding: 8px 6px;
  width: 100%;
  display: none;
}
.select2-search input[type="text"] {
  width: 100%;
  height: auto !important;
}
.select-inverse-dropdown {
  background-color: #29a8e0;
  color: rgba(255, 255, 255, 0.75);
}
.select-inverse-dropdown .select2-results .select2-result-label {
  color: white;
}
.select-inverse-dropdown .select2-results .select2-result-label:focus,
.select-inverse-dropdown .select2-results .select2-result-label:hover,
.select-inverse-dropdown .select2-results .select2-result-label:active {
  background: #238fbe;
}
.select-inverse-dropdown .select2-results.select2-disabled .select2-result-label:hover {
  color: white;
}
.select-inverse-dropdown .select2-result-with-children > .select2-result-label {
  color: rgba(255, 255, 255, 0.6);
}
.select-inverse-dropdown .select2-result-with-children > .select2-result-label:hover {
  color: white;
  background: none !important;
}
.select2-drop-multi {
  border-radius: 8px;
}
.select2-drop-multi .select2-results {
  padding: 2px 0;
}
.select2-drop-multi .select2-result {
  padding: 2px 4px;
}
.select2-drop-multi .select2-result-label {
  border-radius: 4px;
}
.select2-drop-multi .select2-selected {
  display: none;
}
.select2-offscreen,
.select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0 !important;
  top: 0 !important;
}
.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.select2-offscreen,
.select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0 !important;
  top: 0 !important;
}
.select2-display-none {
  display: none;
}
.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}
.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
}
.bootstrap-switch {
  font-size: 14px;
  line-height: 29px;
  display: inline-block;
  cursor: pointer;
  border-radius: 30px;
  position: relative;
  text-align: left;
  overflow: hidden;
  vertical-align: middle;
  width: 80px;
  height: 29px;
  -webkit-mask-box-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgODAgMjkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDgwIDI5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik04MCwxNC41YzAsOC02LjUsMTQuNS0xNC41LDE0LjVoLTUxQzYuNSwyOSwwLDIyLjUsMCwxNC41bDAsMEMwLDYuNSw2LjUsMCwxNC41LDBoNTFDNzMuNSwwLDgwLDYuNSw4MCwxNC41TDgwLDE0LjV6Ii8+DQo8L3N2Zz4NCg==) 0 0 stretch;
  user-select: none;
}
.bootstrap-switch > div {
  display: inline-block;
  width: 132px;
  border-radius: 30px;
  transform: translate3d(0, 0, 0);
}
.bootstrap-switch > div > span {
  font-weight: 700;
  line-height: 19px;
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: center;
  z-index: 1;
  width: 66px;
  transition: box-shadow 0.25s ease-out;
}
.bootstrap-switch > div > span > [class^="fui-"] {
  text-indent: 0;
}
.bootstrap-switch > div > label {
  cursor: pointer;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  font-size: 0;
  top: 0;
  left: 0;
  margin: 0;
  z-index: 200;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
}
.bootstrap-switch input[type="radio"],
.bootstrap-switch input[type="checkbox"] {
  position: absolute !important;
  margin: 0;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
}
.bootstrap-switch-handle-on {
  -webkit-border-top-left-radius: 30px;
  -moz-border-radius-topleft: 30px;
  border-top-left-radius: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-bottom-left-radius: 30px;
}
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-default {
  box-shadow: inset 0 0 transparent, -16px 0 0 #e5e5e5;
}
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-default:before {
  border-color: #e5e5e5;
  background-color: #78c8eb;
}
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-primary {
  box-shadow: inset 0 0 transparent, -16px 0 0 #29a8e0;
}
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-primary:before {
  border-color: #29a8e0;
  background-color: #4db3a5;
}
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-success {
  box-shadow: inset 0 0 transparent, -16px 0 0 #4caf50;
}
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-success:before {
  border-color: #4caf50;
  background-color: white;
}
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-warning {
  box-shadow: inset 0 0 transparent, -16px 0 0 #f1c40f;
}
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-warning:before {
  border-color: #f1c40f;
  background-color: white;
}
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-info {
  box-shadow: inset 0 0 transparent, -16px 0 0 #3498db;
}
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-info:before {
  border-color: #3498db;
  background-color: white;
}
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-danger {
  box-shadow: inset 0 0 transparent, -16px 0 0 #f3565d;
}
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-danger:before {
  border-color: #f3565d;
  background-color: white;
}
.bootstrap-switch-handle-off {
  -webkit-border-top-right-radius: 30px;
  -moz-border-radius-topright: 30px;
  border-top-right-radius: 30px;
  -webkit-border-bottom-right-radius: 30px;
  -moz-border-radius-bottomright: 30px;
  border-bottom-right-radius: 30px;
}
.bootstrap-switch-handle-off:before {
  display: inline-block;
  content: " ";
  border: 4px solid transparent;
  border-radius: 50%;
  text-align: center;
  vertical-align: top;
  padding: 0;
  height: 29px;
  width: 29px;
  position: absolute;
  top: 0;
  left: 51px;
  z-index: 100;
  background-clip: padding-box;
  transition: border-color 0.25s ease-out, background-color 0.25s ease-out;
}
.bootstrap-switch-animate > div {
  transition: margin-left 0.25s ease-out;
}
.bootstrap-switch-on > div {
  margin-left: 0;
}
.bootstrap-switch-off > div {
  margin-left: -51px;
}
.bootstrap-switch-disabled,
.bootstrap-switch-readonly {
  opacity: 0.005;
  filter: alpha(opacity=0.5);
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: alpha(opacity=50);
  cursor: default;
}
.bootstrap-switch-disabled > div > span,
.bootstrap-switch-readonly > div > span,
.bootstrap-switch-disabled > div > label,
.bootstrap-switch-readonly > div > label {
  cursor: default !important;
}
.bootstrap-switch-focused {
  outline: 0;
}
.bootstrap-switch-default {
  color: white;
  background-color: #e5e5e5;
}
.bootstrap-switch-default ~ .bootstrap-switch-handle-off:before {
  background-color: #78c8eb;
  border-color: #e5e5e5;
}
.bootstrap-switch-on .bootstrap-switch-default ~ .bootstrap-switch-handle-off {
  box-shadow: inset 16px 0 0 #e5e5e5;
}
.bootstrap-switch-primary {
  color: #4db3a5;
  background-color: #29a8e0;
}
.bootstrap-switch-primary ~ .bootstrap-switch-handle-off:before {
  background-color: #4db3a5;
  border-color: #29a8e0;
}
.bootstrap-switch-on .bootstrap-switch-primary ~ .bootstrap-switch-handle-off {
  box-shadow: inset 16px 0 0 #29a8e0;
}
.bootstrap-switch-info {
  color: white;
  background-color: #3498db;
}
.bootstrap-switch-info ~ .bootstrap-switch-handle-off:before {
  background-color: white;
  border-color: #3498db;
}
.bootstrap-switch-on .bootstrap-switch-info ~ .bootstrap-switch-handle-off {
  box-shadow: inset 16px 0 0 #3498db;
}
.bootstrap-switch-success {
  color: white;
  background-color: #4caf50;
}
.bootstrap-switch-success ~ .bootstrap-switch-handle-off:before {
  background-color: white;
  border-color: #4caf50;
}
.bootstrap-switch-on .bootstrap-switch-success ~ .bootstrap-switch-handle-off {
  box-shadow: inset 16px 0 0 #4caf50;
}
.bootstrap-switch-warning {
  color: white;
  background-color: #f1c40f;
}
.bootstrap-switch-warning ~ .bootstrap-switch-handle-off:before {
  background-color: white;
  border-color: #f1c40f;
}
.bootstrap-switch-on .bootstrap-switch-warning ~ .bootstrap-switch-handle-off {
  box-shadow: inset 16px 0 0 #f1c40f;
}
.bootstrap-switch-danger {
  color: white;
  background-color: #f3565d;
}
.bootstrap-switch-danger ~ .bootstrap-switch-handle-off:before {
  background-color: white;
  border-color: #f3565d;
}
.bootstrap-switch-on .bootstrap-switch-danger ~ .bootstrap-switch-handle-off {
  box-shadow: inset 16px 0 0 #f3565d;
}
.bootstrap-switch-square .bootstrap-switch {
  -webkit-mask-box-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgODAgMjkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDgwIDI5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik04MCwyNWMwLDIuMi0xLjgsNC00LDRINGMtMi4yLDAtNC0xLjgtNC00VjRjMC0yLjIsMS44LTQsNC00aDcyYzIuMiwwLDQsMS44LDQsNFYyNXoiLz4NCjwvc3ZnPg0K) 0 0 stretch;
  border-radius: 4px;
}
.bootstrap-switch-square .bootstrap-switch > div {
  border-radius: 4px;
}
.bootstrap-switch-square .bootstrap-switch .bootstrap-switch-handle-on {
  text-indent: -15px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.bootstrap-switch-square .bootstrap-switch .bootstrap-switch-handle-off {
  text-indent: 15px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
.bootstrap-switch-square .bootstrap-switch .bootstrap-switch-handle-off:before {
  border: none;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  border-bottom-right-radius: 2px;
}
.bootstrap-switch-square .bootstrap-switch-off .bootstrap-switch-handle-off:before {
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-left-radius: 2px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
}
div.dataTables_length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}
div.dataTables_length select {
  width: 75px;
  display: inline-block;
}
div.dataTables_filter {
  text-align: right;
}
div.dataTables_filter label {
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
}
div.dataTables_filter input {
  margin-left: 0.5em;
  display: inline-block;
  width: auto;
}
div.dataTables_info {
  padding-top: 8px;
  white-space: nowrap;
}
div.dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right;
}
div.dataTables_paginate ul.pagination {
  margin: 2px 0;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  div.dataTables_wrapper > div.row > div,
  div.dataTables_length,
  div.dataTables_filter,
  div.dataTables_info,
  div.dataTables_paginate {
    text-align: center;
  }
  div.DTTT {
    margin-bottom: 0.5em;
  }
}
table.dataTable td,
table.dataTable th {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
table.dataTable {
  clear: both;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  max-width: none !important;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
  position: absolute;
  top: 8px;
  right: 8px;
  display: block;
  font-family: 'Glyphicons Halflings';
  opacity: 0.5;
}
table.dataTable thead .sorting:after {
  opacity: 0.2;
  content: "\e150";
  /* sort */
}
table.dataTable thead .sorting_asc:after {
  content: "\e155";
  /* sort-by-attributes */
}
table.dataTable thead .sorting_desc:after {
  content: "\e156";
  /* sort-by-attributes-alt */
}
div.dataTables_scrollBody table.dataTable thead .sorting:after,
div.dataTables_scrollBody table.dataTable thead .sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead .sorting_desc:after {
  display: none;
}
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  color: #eee;
}
table.dataTable thead > tr > th {
  padding-right: 30px;
}
table.dataTable th:active {
  outline: none;
}
/* Condensed */
table.dataTable.table-condensed thead > tr > th {
  padding-right: 20px;
}
table.dataTable.table-condensed thead .sorting:after,
table.dataTable.table-condensed thead .sorting_asc:after,
table.dataTable.table-condensed thead .sorting_desc:after {
  top: 6px;
  right: 6px;
}
/* Scrolling */
div.dataTables_scrollHead table {
  margin-bottom: 0 !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
div.dataTables_scrollHead table thead tr:last-child th:first-child,
div.dataTables_scrollHead table thead tr:last-child td:first-child {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
div.dataTables_scrollBody table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
div.dataTables_scrollBody tbody tr:first-child th,
div.dataTables_scrollBody tbody tr:first-child td {
  border-top: none;
}
div.dataTables_scrollFoot table {
  margin-top: 0 !important;
  border-top: none;
}
/* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
   width calculations when using scrolling impossible to align columns. We have
   to use separate
 */
table.table-bordered.dataTable {
  border-collapse: separate !important;
}
table.table-bordered thead th,
table.table-bordered thead td {
  border-left-width: 0;
  border-top-width: 0;
}
table.table-bordered tbody th,
table.table-bordered tbody td {
  border-left-width: 0;
  border-bottom-width: 0;
}
table.table-bordered tfoot th,
table.table-bordered tfoot td {
  border-left-width: 0;
  border-bottom-width: 0;
}
table.table-bordered th:last-child,
table.table-bordered td:last-child {
  border-right-width: 0;
}
div.dataTables_scrollHead table.table-bordered {
  border-bottom-width: 0;
}
/*
 * TableTools styles
 */
.table.dataTable tbody tr.active td,
.table.dataTable tbody tr.active th {
  background-color: #08C;
  color: white;
}
.table.dataTable tbody tr.active:hover td,
.table.dataTable tbody tr.active:hover th {
  background-color: #0075b0 !important;
}
.table.dataTable tbody tr.active th > a,
.table.dataTable tbody tr.active td > a {
  color: white;
}
.table-striped.dataTable tbody tr.active:nth-child(odd) td,
.table-striped.dataTable tbody tr.active:nth-child(odd) th {
  background-color: #017ebc;
}
table.DTTT_selectable tbody tr {
  cursor: pointer;
}
div.DTTT .btn:hover {
  text-decoration: none !important;
}
ul.DTTT_dropdown.dropdown-menu {
  z-index: 2003;
}
ul.DTTT_dropdown.dropdown-menu a {
  color: #333 !important;
  /* needed only when demo_page.css is included */
}
ul.DTTT_dropdown.dropdown-menu li {
  position: relative;
}
ul.DTTT_dropdown.dropdown-menu li:hover a {
  background-color: #0088cc;
  color: white !important;
}
div.DTTT_collection_background {
  z-index: 2002;
}
/* TableTools information display */
div.DTTT_print_info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  height: 150px;
  margin-left: -200px;
  margin-top: -75px;
  text-align: center;
  color: #333;
  padding: 10px 30px;
  opacity: 0.95;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
}
div.DTTT_print_info h6 {
  font-weight: normal;
  font-size: 28px;
  line-height: 28px;
  margin: 1em;
}
div.DTTT_print_info p {
  font-size: 14px;
  line-height: 20px;
}
div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 60px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
/*
 * FixedColumns styles
 */
div.DTFC_LeftHeadWrapper table,
div.DTFC_LeftFootWrapper table,
div.DTFC_RightHeadWrapper table,
div.DTFC_RightFootWrapper table,
table.DTFC_Cloned tr.even {
  background-color: white;
  margin-bottom: 0;
}
div.DTFC_RightHeadWrapper table,
div.DTFC_LeftHeadWrapper table {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
div.DTFC_RightBodyWrapper table,
div.DTFC_LeftBodyWrapper table {
  border-top: none;
  margin: 0 !important;
}
div.DTFC_RightBodyWrapper tbody tr:first-child th,
div.DTFC_RightBodyWrapper tbody tr:first-child td,
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
  border-top: none;
}
div.DTFC_RightFootWrapper table,
div.DTFC_LeftFootWrapper table {
  border-top: none;
  margin-top: 0 !important;
}
div.DTFC_LeftBodyWrapper table.dataTable thead .sorting:after,
div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_asc:after,
div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_desc:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting_asc:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting_desc:after {
  display: none;
}
/*
 * FixedHeader styles
 */
div.FixedHeader_Cloned table {
  margin: 0 !important;
}
/*!
AniCollection - http://anicollection.github.io/
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2015 Dariel Noel

Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2014 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.duration-xs {
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
}
.duration-sm {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.duration-md {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.duration-lg {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.duration-xl {
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
}
/*animation-timing-function: sets the animation speed
( linear | ease | ease-in | ease-out | ease-in-out | cubic-bezier ).*/
.timing-linear {
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.timing-ease-in {
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
.timing-ease-out {
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.timing-ease-in-out {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.timing-cubic-bezier {
  -webkit-animation-timing-function: cubic-bezier;
  animation-timing-function: cubic-bezier;
}
/*animation-delay: the delay before our animation will start.*/
.delay-xs {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.delay-sm {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.delay-md {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.delay-lg {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.delay-xl {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
/*how many times it will iterate through animation.*/
.iteration-infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.iteration-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.iteration-2 {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
}
.iteration-3 {
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
}
.iteration-4 {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
}
.iteration-5 {
  -webkit-animation-iteration-count: 4;
  animation-iteration-count: 4;
}
/* animation-direction: gives you the ability to change the loop direction, from start to end ,
or from end to start, or both.*/
.direction-normal {
  -webkit-animation-direction: normal;
  animation-direction: normal;
}
.direction-reverse {
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}
.direction-alternate {
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.direction-alternate-reverse {
  -webkit-animation-direction: alternate-reverse;
  animation-direction: alternate-reverse;
}
/* animation-fill-mode: specifies which styles will be applied to the element when our animation is finished*/
.fill-mode-none {
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
}
.fill-mode-forwards {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.fill-mode-backwards {
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
}
.fill-mode-both {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*
 *@name bounce
 *@className bounce animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes bounce {
  0%,
  100%,
  20%,
  53%,
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-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);
  }
}
@keyframes bounce {
  0%,
  100%,
  20%,
  53%,
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    -ms-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}
/*
 *@name flash
 *@className flash animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/*
 *@name pulse
 *@className pulse animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Nick Pettit
 *@source Glide
 *@sourceUrl https://github.com/nickpettit/glide
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes pulse {
  0% {
    -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);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
/*
 *@name rubberBand
 *@className rubberBand animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes rubberBand {
  0% {
    -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);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
/*
 *@name shake
 *@className shake animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes shake {
  0%,
  100% {
    -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);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
/*
 *@name swing
 *@className swing animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-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);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    -ms-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    -ms-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    -ms-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    -ms-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
/*
 *@name tada
 *@className tada animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes tada {
  0% {
    -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);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-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);
    -ms-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);
    -ms-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);
    -ms-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);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/*
 *@name wobble
 *@className wobble animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Nick Pettit
 *@source Glide
 *@sourceUrl https://github.com/nickpettit/glide
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes wobble {
  0% {
    -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);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -ms-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);
    -ms-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);
    -ms-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);
    -ms-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);
    -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
/*
 *@name bounceIn
 *@className bounceIn animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes bounceIn {
  0%,
  100%,
  20%,
  40%,
  60%,
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-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);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  0%,
  100%,
  20%,
  40%,
  60%,
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-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);
    -ms-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);
    -ms-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);
    -ms-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);
    -ms-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
/*
 *@name bounceInDown
 *@className bounceInDown animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes bounceInDown {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-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);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    -ms-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
/*
 *@name bounceInLeft
 *@className bounceInLeft animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes bounceInLeft {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-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);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    -ms-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    -ms-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
/*
 *@name bounceInRight
 *@className bounceInRight animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes bounceInRight {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-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);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    -ms-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    -ms-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
/*
 *@name bounceInUp
 *@className bounceInUp animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes bounceInUp {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-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, -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);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    -ms-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
/*
 *@name bounceOut
 *@className bounceOut animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-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);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -ms-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);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
/*
 *@name bounceOutDown
 *@className bounceOutDown animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-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);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
/*
 *@name bounceOutLeft
 *@className bounceOutLeft animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    -ms-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
/*
 *@name bounceOutRight
 *@className bounceOutRight animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    -ms-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
/*
 *@name bounceOutUp
 *@className bounceOutUp animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-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);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
/*
 *@name fadeIn
 *@className fadeIn animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
/*
 *@name fadeInDown
 *@className fadeInDown animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
/*
 *@name fadeInDownBig
 *@className fadeInDownBig animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
/*
 *@name fadeInLeft
 *@className fadeInLeft animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
/*
 *@name fadeInLeftBig
 *@className fadeInLeftBig animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
/*
 *@name fadeInRight
 *@className fadeInRight animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
/*
 *@name fadeInRightBig
 *@className fadeInRightBig animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
/*
 *@name fadeInUp
 *@className fadeInUp animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
/*
 *@name fadeInUpBig
 *@className fadeInUpBig animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
/*
 *@name fadeOut
 *@className fadeOut animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
/*
 *@name fadeOutDown
 *@className fadeOutDown animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
/*
 *@name fadeOutDownBig
 *@className fadeOutDownBig animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
/*
 *@name fadeOutLeft
 *@className fadeOutLeft animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
/*
 *@name fadeOutLeftBig
 *@className fadeOutLeftBig animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
/*
 *@name fadeOutRight
 *@className fadeOutRight animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
/*
 *@name fadeOutRightBig
 *@className fadeOutRightBig animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
/*
 *@name fadeOutUp
 *@className fadeOutUp animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
/*
 *@name fadeOutUpBig
 *@className fadeOutUpBig animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
/*
 *@name flip
 *@className flip animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes flip {
  0% {
    -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;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -ms-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);
    -ms-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);
    -ms-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);
    -ms-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;
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
/*
 *@name flipInX
 *@className flipInX animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-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-transition-timing-function: ease-in;
    transition-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);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-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);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible!important;
  -ms-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
/*
 *@name flipInY
 *@className flipInY animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-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-transition-timing-function: ease-in;
    transition-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);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -ms-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);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible!important;
  -ms-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
/*
 *@name flipOutX
 *@className flipOutX animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes flipOutX {
  0% {
    -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;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible!important;
  -ms-backface-visibility: visible!important;
  backface-visibility: visible!important;
}
/*
 *@name flipOutY
 *@className flipOutY animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes flipOutY {
  0% {
    -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;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible!important;
  -ms-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
/*
 *@name lightSpeedIn
 *@className lightSpeedIn animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes lightSpeedIn {
  0% {
    -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;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
/*
 *@name lightSpeedOut
 *@className lightSpeedOut animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
/*
 *@name rotate
 *@className rotate animated
 *@cssCode
 *@editionLink codepen.io
 *@author Quinn Keaveney
 *@source AniCollection
 *@sourceUrl https://github.com/anicollection/anicollection/
 *@issues https://github.com/anicollection/anicollection/issues
 *@license MIT
 */
@-webkit-keyframes rotate {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rotate {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    -ms-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
  }
  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.rotate {
  -webkit-animation-name: rotate;
  animation-name: rotate;
}
/*
 *@name rotateDownLeft
 *@className rotateDownLeft animated
 *@cssCode
 *@editionLink codepen.io
 *@author Quinn Keaveney
 *@source AniCollection
 *@sourceUrl https://github.com/anicollection/anicollection
 *@issues https://github.com/anicollection/anicollection/issues
 *@license MIT
 */
@-webkit-keyframes rotateDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rotateDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.rotateDownLeft {
  -webkit-animation-name: rotateDownLeft;
  animation-name: rotateDownLeft;
}
/*
 *@name rotateDownRight
 *@className rotateDownRight animated
 *@cssCode
 *@editionLink codepen.io
 *@author Quinn Keaveney
 *@source AniCollection
 *@sourceUrl https://github.com/anicollection/anicollection
 *@issues https://github.com/anicollection/anicollection/issues
 *@license MIT
 */
@-webkit-keyframes rotateDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rotateDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.rotateDownRight {
  -webkit-animation-name: rotateDownRight;
  animation-name: rotateDownRight;
}
/*
 *@name rotateUpLeft
 *@className rotateUpLeft animated
 *@cssCode
 *@editionLink codepen.io
 *@author Quinn Keaveney
 *@source AniCollection
 *@sourceUrl https://github.com/anicollection/anicollection
 *@issues https://github.com/anicollection/anicollection/issues
 *@license MIT
 */
@-webkit-keyframes rotateUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rotateUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.rotateUpLeft {
  -webkit-animation-name: rotateUpLeft;
  animation-name: rotateUpLeft;
}
/*
 *@name rotateUpRight
 *@className rotateUpRight animated
 *@cssCode
 *@editionLink codepen.io
 *@author Quinn Keaveney
 *@source AniCollection
 *@sourceUrl https://github.com/anicollection/anicollection
 *@issues https://github.com/anicollection/anicollection/issues
 *@license MIT
 */
@-webkit-keyframes rotateUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rotateUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    -ms-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.rotateUpRight {
  -webkit-animation-name: rotateUpRight;
  animation-name: rotateUpRight;
}
/*
 *@name rotateIn
 *@className rotateIn animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    -ms-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
/*
 *@name rotateInDownLeft
 *@className rotateInDownLeft animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
/*
 *@name rotateInDownRight
 *@className rotateInDownRight animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
/*
 *@name rotateInUpLeft
 *@className rotateInUpLeft animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
/*
 *@name rotateInUpRight
 *@className rotateInUpRight animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    -ms-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
/*
 *@name rotateOut
 *@className rotateOut animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    -ms-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
/*
 *@name rotateOutDownLeft
 *@className rotateOutDownLeft animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
/*
 *@name rotateOutDownRight
 *@className rotateOutDownRight animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
/*
 *@name rotateOutUpLeft
 *@className rotateOutUpLeft animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
/*
 *@name rotateOutUpRight
 *@className rotateOutUpRight animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    -ms-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
/*
 *@name hinge
 *@className hinge animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-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;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    -ms-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);
    -ms-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -ms-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);
    -ms-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    -ms-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
/*
 *@name rollIn
 *@className rollIn animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Nick Pettit
 *@source Glide
 *@sourceUrl https://github.com/nickpettit/glide
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/*
 *@name rollOut
 *@className rollOut animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Nick Pettit
 *@source Glide
 *@sourceUrl https://github.com/nickpettit/glide
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    -ms-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;
  animation-name: rollOut;
}
/*
 *@name zoomIn
 *@className zoomIn animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
/*
 *@name zoomInDown
 *@className zoomInDown animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes zoomInDown {
  0% {
    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);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-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);
    -ms-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);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
/*
 *@name zoomInLeft
 *@className zoomInLeft animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes zoomInLeft {
  0% {
    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);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-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);
    -ms-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);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
/*
 *@name zoomInRight
 *@className zoomInRight animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes zoomInRight {
  0% {
    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);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-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);
    -ms-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);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
/*
 *@name zoomInUp
 *@className zoomInUp animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes zoomInUp {
  0% {
    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);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-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);
    -ms-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);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
/*
 *@name zoomOut
 *@className zoomOut animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
/*
 *@name zoomOutDown
 *@className zoomOutDown animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-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);
  }
  100% {
    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);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-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);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-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;
    -ms-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);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
/*
 *@name zoomOutLeft
 *@className zoomOutLeft animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-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);
  }
  100% {
    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;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
/*
 *@name zoomOutRight
 *@className zoomOutRight animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-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);
  }
  100% {
    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;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
/*
 *@name zoomOutUp
 *@className zoomOutUp animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-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);
  }
  100% {
    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);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-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);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-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;
    -ms-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);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
/*
 *@name slideInDown
 *@className slideInDown animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
/*
 *@name slideInLeft
 *@className slideInLeft animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
/*
 *@name slideInRight
 *@className slideInRight animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
/*
 *@name slideInUp
 *@className slideInUp animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
/*
 *@name slideOutDown
 *@className slideOutDown animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
/*
 *@name slideOutLeft
 *@className slideOutLeft animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
/*
 *@name slideOutRight
 *@className slideOutRight animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
/*
 *@name slideOutUp
 *@className slideOutUp animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Dan Eden
 *@source Animate.css
 *@sourceUrl http://daneden.github.io/animate.css/
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.008;
  filter: alpha(opacity=0.8);
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.004;
  filter: alpha(opacity=0.4);
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  /*overrides*/
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.008;
  filter: alpha(opacity=0.8);
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 0.01;
  filter: alpha(opacity=1);
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51a351;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.004;
  filter: alpha(opacity=0.4);
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}
.datepicker > div {
  display: none;
}
.datepicker.days .datepicker-days,
.datepicker.months .datepicker-months,
.datepicker.years .datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(top, #fdd49a 0%, #fdf59a 100%);
  background-image: -o-linear-gradient(top, #fdd49a 0%, #fdf59a 100%);
  background-image: linear-gradient(to bottom, #fdd49a 0%, #fdf59a 100%);
  background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdd49a', endColorstr='#fffdf59a', GradientType=0);
  background-color: #fde19a;
  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: linear-gradient(top, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(top, #f3c17a 0%, #f3e97a 100%);
  background-image: -o-linear-gradient(top, #f3c17a 0%, #f3e97a 100%);
  background-image: linear-gradient(to bottom, #f3c17a 0%, #f3e97a 100%);
  background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff3c17a', endColorstr='#fff3e97a', GradientType=0);
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: linear-gradient(top, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-image: -webkit-linear-gradient(top, #b3b3b3 0%, #808080 100%);
  background-image: -o-linear-gradient(top, #b3b3b3 0%, #808080 100%);
  background-image: linear-gradient(to bottom, #b3b3b3 0%, #808080 100%);
  background-image: linear-gradient(to bottom, #b3b3b3, #808080);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb3b3b3', endColorstr='#ff808080', GradientType=0);
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
  background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
  background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
  background-image: -o-linear-gradient(top, #b3b3b3, #808080);
  background-image: linear-gradient(top, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-image: -webkit-linear-gradient(top, #0088cc 0%, #0044cc 100%);
  background-image: -o-linear-gradient(top, #0088cc 0%, #0044cc 100%);
  background-image: linear-gradient(to bottom, #0088cc 0%, #0044cc 100%);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-image: -webkit-linear-gradient(top, #0088cc 0%, #0044cc 100%);
  background-image: -o-linear-gradient(top, #0088cc 0%, #0044cc 100%);
  background-image: linear-gradient(to bottom, #0088cc 0%, #0044cc 100%);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child .cw {
  cursor: default;
  background-color: transparent;
}
.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 20px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  color: #333333;
  font-size: 13px;
  line-height: 20px;
}
.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
  padding: 4px 5px;
}
@media (max-width: 991px) {
  .slideInUp {
    -webkit-animation-name: none;
    animation-name: none;
  }
}
h1,
.h1 {
  letter-spacing: 0;
  font-weight: normal !important;
}
@media (max-width: 991px) {
  h1,
  .h1 {
    font-size: 48.6px;
  }
}
@media (max-width: 767px) {
  h1,
  .h1 {
    font-size: 43.2px;
  }
}
@media (max-width: 479px) {
  h1,
  .h1 {
    font-size: 32.4px;
  }
}
@media (max-width: 322px) {
  h1,
  .h1 {
    font-size: 27px;
  }
}
@media (max-width: 991px) {
  h2,
  .h2 {
    font-size: 35.1px;
  }
}
@media (max-width: 767px) {
  h2,
  .h2 {
    font-size: 31.2px;
  }
}
@media (max-width: 479px) {
  h2,
  .h2 {
    font-size: 27.3px;
  }
}
h3,
.h3 {
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  h3,
  .h3 {
    font-size: 27px;
  }
}
@media (max-width: 767px) {
  h3,
  .h3 {
    font-size: 24px;
  }
}
@media (max-width: 479px) {
  h3,
  .h3 {
    font-size: 21px;
  }
}
@media (max-width: 1024px) {
  h3,
  .h3 {
    margin-bottom: 12px;
  }
}
@media (max-width: 991px) {
  h3,
  .h3 {
    margin-bottom: 10.5px;
  }
}
@media (max-width: 767px) {
  h3,
  .h3 {
    margin-bottom: 9px;
  }
}
@media (max-width: 479px) {
  h3,
  .h3 {
    margin-bottom: 6px;
  }
}
@media (max-width: 991px) {
  h4,
  .h4 {
    font-size: 20.7px;
  }
}
@media (max-width: 767px) {
  h4,
  .h4 {
    font-size: 18.4px;
  }
}
@media (max-width: 479px) {
  h4,
  .h4 {
    font-size: 16.1px;
  }
}
@media (max-width: 991px) {
  h5,
  .h5 {
    font-size: 17.1px;
  }
}
@media (max-width: 767px) {
  h5,
  .h5 {
    font-size: 15.2px;
  }
}
@media (max-width: 479px) {
  h5,
  .h5 {
    font-size: 15.2px;
  }
}
@media (max-width: 991px) {
  h6,
  .h6 {
    font-size: 14.4px;
  }
}
@media (max-width: 767px) {
  h6,
  .h6 {
    font-size: 12.8px;
  }
}
@media (max-width: 479px) {
  h6,
  .h6 {
    font-size: 12.8px;
  }
}
p,
body {
  font-size: 16px;
  line-height: 1.6003;
}
@media (max-width: 991px) {
  p,
  body {
    font-size: 16px;
    line-height: 1.4772;
  }
}
@media (max-width: 479px) {
  p,
  body {
    font-size: 14px;
    line-height: 1.4772;
  }
}
a {
  color: #29a8e0;
}
a:hover {
  color: #4db3a5;
}
body {
  background: #1f2532;
}
body.page-md {
  background: none;
}
.page-content {
  background: rgba(31, 37, 50, 0);
  padding: 50px 0 15px;
}
@media (max-width: 991px) {
  .page-content {
    padding-top: 100px;
  }
}
@media (max-width: 767px) {
  .page-content {
    padding-top: 70px;
  }
}
.page-head {
  border-bottom: 1px solid rgba(0, 0, 0, 0.14);
}
.portlet-body:not(.dark) .table thead tr th {
  font-size: 12px;
  font-weight: 700;
  background: #26A69A;
  color: white;
}
.portlet-body.dark {
  color: white;
}
.portlet-body.dark .table thead tr th {
  font-size: 12px;
  color: #4db3a5;
  text-transform: uppercase;
  border-bottom: 2px solid rgba(77, 179, 165, 0.5) !important;
}
.portlet-body.dark .table tr td {
  color: white;
  border-top: 1px solid rgba(240, 244, 247, 0.3);
}
#resovled.table thead tr th {
  font-size: 12px;
  font-weight: 700;
  background: #A9A9A9;
  color: white;
}
.table tfoot tr th {
  font-size: 12px;
  font-weight: 700;
  color: #A9A9A9;
  background-color: #EDEDED;
}
.dataTable > thead > tr > th.sorting,
.dataTable > thead > tr > th.sorting_asc,
.dataTable > thead > tr > th.sorting_desc {
  padding-right: 0;
}
table.dataTable thead .sorting:after {
  opacity: .25;
}
table.dataTable thead .sorting_asc:after {
  opacity: .8;
}
tbody tr td {
  font-size: 12px;
  color: black;
  vertical-align: middle !important;
  max-width: 400px;
}
tbody tr td.urgent,
tbody tr td.emergency {
  color: #f3565d;
  font-weight: 800;
}
tbody tr td.emergency {
  color: #f3565d;
  font-weight: 800;
  text-transform: uppercase;
}
tbody tr td.normal {
  font-weight: 800;
}
tbody tr td a {
  color: #29a8e0;
}
tbody tr td a:hover {
  color: #4db3a5;
  text-decoration: underline;
}
#open tbody tr td:nth-child(2),
#resovled tbody tr td:nth-child(2),
#action tbody tr td:nth-child(2) {
  font-size: 15px;
  font-weight: 600;
  color: #29a8e0;
}
@media (max-width: 479px) {
  #open tbody tr td:nth-child(2),
  #resovled tbody tr td:nth-child(2),
  #action tbody tr td:nth-child(2) {
    font-size: 12px;
  }
}
#viewticket tbody tr td:nth-child(2) {
  font-size: 15px;
  font-weight: 600;
  color: #666;
}
@media (max-width: 479px) {
  #viewticket tbody tr td:nth-child(2) {
    font-size: 12px;
  }
}
#myprojects tbody tr td:first-child,
#myproducts tbody tr td:first-child {
  font-size: 15px;
  font-weight: 600;
  color: #666;
}
.table > tbody > tr.active > td,
.table-striped.dataTable tbody tr.active:nth-child(odd) td,
.table-striped.dataTable tbody tr.active:nth-child(odd) th {
  background: #26A69A !important;
  transition: .5s;
  color: white;
}
.table > tbody > tr.active > td a,
.table-striped.dataTable tbody tr.active:nth-child(odd) td a,
.table-striped.dataTable tbody tr.active:nth-child(odd) th a {
  color: white;
}
.table > tbody > tr.active > td .client,
.table-striped.dataTable tbody tr.active:nth-child(odd) td .client,
.table-striped.dataTable tbody tr.active:nth-child(odd) th .client {
  color: white;
}
.dataTables_info {
  font-size: 12px;
}
.table.dataTable tbody tr.active:hover td,
.table.dataTable tbody tr.active:hover th {
  background: rgba(38, 166, 154, 0.8) !important;
}
@media (max-width: 479px) {
  .dataTables_wrapper .dataTables_paginate {
    float: inherit;
  }
}
.pagination > li > a,
.pagination > li > span {
  font-size: 12px;
  color: #29a8e0;
}
.page-header,
.page-header .page-header-menu {
  background: #1f2532;
}
@media (max-height: 479px) {
  .page-header-menu {
    max-height: 320px !important;
    overflow-y: scroll !important;
  }
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open > .dropdown-toggle {
  background: none;
}
.page-header {
  height: inherit;
}
@media (max-width: 991px) {
  .page-header {
    position: fixed;
    z-index: 3;
  }
}
.page-header .page-header-top {
  height: 95px;
}
@media (max-width: 991px) {
  .page-header .page-header-top {
    height: 60px;
  }
}
@media (max-width: 767px) {
  .page-header .page-header-top {
    height: 50px;
  }
}
@media (max-width: 767px) {
  .page-header .page-header-top .container {
    padding-top: 10px !important;
  }
}
.page-header .page-header-top .page-logo {
  float: left;
  display: block;
  width: 255px;
  height: 75px;
}
@media (max-width: 991px) {
  .page-header .page-header-top .page-logo {
    width: 200px !important;
    height: 67px;
  }
}
@media (max-width: 767px) {
  .page-header .page-header-top .page-logo {
    width: initial !important;
    height: initial !important;
  }
}
@media (max-width: 991px) {
  .page-header .page-header-top .page-logo .logo-default {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .page-header .page-header-top .page-logo .logo-default {
    display: none;
    visibility: hidden;
  }
}
@media (min-width: 768px) {
  .page-header .page-header-top .page-logo .logo-symbol {
    display: none;
    visibility: hidden;
  }
}
.page-header .page-header-top .page-logo .logo-symbol {
  width: 25px;
  height: auto;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img {
  margin-right: 0;
  margin-left: 5px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a {
  font-weight: 400;
}
@media (max-width: 991px) {
  .page-header .page-header-top .top-menu {
    margin-top: 8px;
  }
}
.page-header .page-header-top .top-menu .open-ticket {
  margin-top: 18px;
}
.page-header .page-header-top .top-menu .open-ticket a {
  color: #4db3a5;
}
.page-header .page-header-top .top-menu .open-ticket i {
  font-size: 25px;
}
@media (max-width: 991px) {
  .page-header .page-header-top .top-menu .open-ticket {
    margin-top: 18px;
  }
  .page-header .page-header-top .top-menu .open-ticket a {
    padding: 0;
  }
  .page-header .page-header-top .top-menu .open-ticket a:hover {
    background: none;
  }
}
@media (max-width: 767px) {
  .page-header .page-header-top .top-menu {
    background: none;
    position: absolute;
    top: 0px;
    margin-top: 0px;
    right: 55px;
  }
}
@media (max-width: 479px) {
  .page-header .page-header-top .container {
    padding-top: 10px;
  }
}
@media (max-width: 991px) {
  .page-header .page-header-menu .hor-menu {
    margin-top: 20px;
    padding-bottom: 5px;
  }
}
@media (max-width: 991px) {
  .page-header .page-header-menu .hor-menu .navbar-nav {
    background: #1f2532 !important;
  }
}
.page-header .page-header-menu .hor-menu .navbar-nav ul {
  padding-top: 10px;
  padding-bottom: 15px;
}
@media (max-width: 991px) {
  .page-header .page-header-menu .hor-menu .navbar-nav ul {
    padding-top: 0px;
  }
}
@media (max-width: 991px) {
  .page-header .page-header-menu .hor-menu .navbar-nav > li {
    border-color: rgba(255, 255, 255, 0.12);
  }
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
  min-width: 235px !important;
  background: #1f2532 !important;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
  padding: 15px 25px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
    color: white !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
    color: white !important;
  }
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover a,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:focus a,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:active a {
  background: #1f2532 !important;
  color: #4db3a5 !important;
}
@media (max-width: 991px) {
  .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover {
    background: none !important;
    color: #4db3a5 !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i {
    color: #4db3a5 !important;
  }
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a {
  background: none !important;
  border-bottom: 4px solid #29a8e0;
}
@media (max-width: 991px) {
  .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a {
    border-bottom: none;
    color: #29a8e0 !important;
    font-weight: 600;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i {
    color: #29a8e0 !important;
  }
}
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover,
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a {
  background: none !important;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
  padding: 10px 5px;
  margin-right: 40px;
  margin-top: 7px;
  color: #9E9E9E;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
    color: white !important;
    margin-right: 0px;
  }
}
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
  color: #9E9E9E;
}
@media (max-width: 991px) {
  .page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
    color: white !important;
  }
}
.page-header .page-header-menu .search-form {
  position: absolute;
  top: -80px;
  right: 130px;
  background: none !important;
}
@media (max-width: 991px) {
  .page-header .page-header-menu .search-form {
    top: -17px;
    right: 15px;
    background: #38414c !important;
    margin-left: 20px;
  }
}
.page-header .page-header-menu .search-form .input-group {
  background: none !important;
}
.page-header .page-header-menu .search-form .input-group .form-control,
.page-header .page-header-menu .search-form .input-group .select2-search input[type="text"] {
  color: #616d7d;
  background: none !important;
  visibility: hidden;
}
.page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder,
.page-header .page-header-menu .search-form .input-group .select2-search input[type="text"]::-moz-placeholder {
  color: #5f6a7a;
  opacity: 1;
}
.page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder,
.page-header .page-header-menu .search-form .input-group .select2-search input[type="text"]:-ms-input-placeholder {
  color: #5f6a7a;
}
.page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder,
.page-header .page-header-menu .search-form .input-group .select2-search input[type="text"]::-webkit-input-placeholder {
  color: #5f6a7a;
}
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit {
  top: 6px;
}
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
  color: white;
}
@media (max-width: 991px) {
  .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit {
    background: none;
  }
  .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
    top: 2px;
  }
}
.page-header .page-header-menu .search-form.open {
  width: 200px !important;
  background: #38414c !important;
}
@media (max-width: 991px) {
  .page-header .page-header-menu .search-form.open {
    width: auto !important;
    margin-left: 20px;
  }
}
.page-header .page-header-menu .search-form.open .input-group {
  background: #38414c !important;
}
.page-header .page-header-menu .search-form.open .input-group .form-control,
.page-header .page-header-menu .search-form.open .input-group .select2-search input[type="text"] {
  visibility: inherit;
}
.form-control:focus,
.select2-search input[type="text"]:focus {
  border-color: #29a8e0 !important;
}
.profile-sidebar {
  width: 100%;
  margin: 0;
}
.portlet {
  padding: 0 !important;
  box-shadow: none;
}
.portlet .portlet-title h2 {
  text-transform: uppercase;
  margin-bottom: 15px;
  margin-top: 0;
  color: white;
  letter-spacing: 0.2em;
  font-size: 30px;
}
@media (max-width: 1199px) {
  .portlet .portlet-title h2 {
    font-size: 27px;
  }
}
@media (max-width: 991px) {
  .portlet .portlet-title h2 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .portlet .portlet-title h2 {
    font-size: 21px;
  }
}
@media (max-width: 479px) {
  .portlet .portlet-title h2 {
    font-size: 18px;
  }
}
.portlet .portlet-title h2 i {
  font-size: 20px;
}
.portlet .portlet-title .nav-tabs {
  float: inherit;
}
.portlet .portlet-title .nav-tabs li {
  margin-right: 20px !important;
}
.portlet .portlet-title .nav-tabs li a {
  padding: 8px !important;
  text-transform: uppercase;
  font-size: 14px !important;
  font-weight: 600;
}
.portlet .tabbable-line {
  padding: 0px 30px !important;
}
.portlet .portlet-body {
  box-shadow: 0 1px 2px rgba(43, 59, 93, 0.29);
  border-radius: 4px !important;
  background-color: white;
  padding: 30px;
}
@media (max-width: 991px) {
  .portlet .portlet-body {
    padding: 15px;
  }
}
@media (max-width: 479px) {
  .portlet .portlet-body {
    padding: 10px;
  }
}
.portlet .portlet-body .form-control,
.portlet .portlet-body .select2-search input[type="text"] {
  margin-bottom: 10px;
}
@media (max-width: 1024px) {
  .portlet .portlet-body .form-control,
  .portlet .portlet-body .select2-search input[type="text"] {
    margin-bottom: 8px;
  }
}
@media (max-width: 991px) {
  .portlet .portlet-body .form-control,
  .portlet .portlet-body .select2-search input[type="text"] {
    margin-bottom: 7px;
  }
}
@media (max-width: 767px) {
  .portlet .portlet-body .form-control,
  .portlet .portlet-body .select2-search input[type="text"] {
    margin-bottom: 6px;
  }
}
@media (max-width: 479px) {
  .portlet .portlet-body .form-control,
  .portlet .portlet-body .select2-search input[type="text"] {
    margin-bottom: 4px;
  }
}
.portlet .portlet-body table {
  margin-bottom: 0;
}
.portlet .portlet-body.dark {
  background: rgba(0, 0, 0, 0.7) !important;
  border-radius: 6px;
  border: 1px solid #484848 !important;
  box-shadow: 0 2px 22px rgba(0, 0, 0, 0.4);
}
.portlet .portlet-body.dark h1,
.portlet .portlet-body.dark h2,
.portlet .portlet-body.dark h3,
.portlet .portlet-body.dark h4,
.portlet .portlet-body.dark h5,
.portlet .portlet-body.dark h6,
.portlet .portlet-body.dark p,
.portlet .portlet-body.dark ul,
.portlet .portlet-body.dark li,
.portlet .portlet-body.dark label {
  color: white;
}
.portlet .portlet-body.dark h3,
.portlet .portlet-body.dark h4 {
  font-weight: 600;
  color: #4db3a5;
}
.portlet .portlet-body.dark h4 {
  font-weight: 500;
}
.portlet .portlet-body.dark ul {
  padding-left: 20px;
  margin-bottom: 0;
}
.portlet .portlet-body.dark ul.list-inline {
  padding-left: 0;
}
.portlet .portlet-body.dark .list-separated {
  border-bottom: 1px solid rgba(240, 244, 247, 0.3);
  margin-top: initial;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
@media (max-width: 1024px) {
  .portlet .portlet-body.dark .list-separated {
    padding-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .portlet .portlet-body.dark .list-separated {
    padding-bottom: 14px;
  }
}
@media (max-width: 767px) {
  .portlet .portlet-body.dark .list-separated {
    padding-bottom: 12px;
  }
}
@media (max-width: 479px) {
  .portlet .portlet-body.dark .list-separated {
    padding-bottom: 8px;
  }
}
@media (max-width: 1024px) {
  .portlet .portlet-body.dark .list-separated {
    margin-bottom: 32px;
  }
}
@media (max-width: 991px) {
  .portlet .portlet-body.dark .list-separated {
    margin-bottom: 28px;
  }
}
@media (max-width: 767px) {
  .portlet .portlet-body.dark .list-separated {
    margin-bottom: 24px;
  }
}
@media (max-width: 479px) {
  .portlet .portlet-body.dark .list-separated {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .portlet .portlet-body.dark .list-separated > div {
    margin-bottom: 0px;
  }
}
.portlet .portlet-body.dark .owner {
  color: #29a8e0;
  font-weight: 600;
  text-transform: uppercase;
}
.portlet .portlet-body.dark .phase {
  color: #f3565d;
  font-weight: 600;
  text-transform: uppercase;
}
.portlet .portlet-body.dark .form-control,
.portlet .portlet-body.dark .select2-search input[type="text"] {
  background-color: #dde3ec;
}
.portlet .portlet-body.dark .field {
  margin-bottom: 15px;
}
@media (max-width: 1024px) {
  .portlet .portlet-body.dark .field {
    margin-bottom: 12px;
  }
}
@media (max-width: 991px) {
  .portlet .portlet-body.dark .field {
    margin-bottom: 10.5px;
  }
}
@media (max-width: 767px) {
  .portlet .portlet-body.dark .field {
    margin-bottom: 9px;
  }
}
@media (max-width: 479px) {
  .portlet .portlet-body.dark .field {
    margin-bottom: 6px;
  }
}
@media (max-width: 479px) {
  .portlet .portlet-body.dark .field {
    margin-bottom: 20px;
  }
}
.portlet.light {
  padding: 12px 20px 15px 20px !important;
}
.portlet.light .portlet-body {
  margin-bottom: 0;
  box-shadow: none;
}
.portlet.light.profile-sidebar-portlet {
  padding: 30px 0 0 0 !important;
}
.portlet.dark {
  background: rgba(0, 0, 0, 0.7) !important;
  border-radius: 6px;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
  margin: 0 auto 20px;
  border: 1px solid #484848 !important;
  box-shadow: 0 2px 22px rgba(0, 0, 0, 0.4);
  padding: 12px 20px 15px 20px !important;
}
.portlet.dark .portlet-body {
  margin-bottom: 0;
  box-shadow: none;
  background: none;
}
.portlet.dark.profile-sidebar-portlet {
  padding: 30px 0 0 0 !important;
}
.portlet.dark h3 {
  font-weight: 400;
  color: #4db3a5;
}
.portlet.dark label,
.portlet.dark p,
.portlet.dark ul,
.portlet.dark li {
  color: white;
}
.portlet.dark .form-control,
.portlet.dark .select2-search input[type="text"] {
  background-color: #dde3ec;
}
.portlet.dark .profile-usertitle-name {
  color: white;
}
.portlet.dark .profile-usermenu ul li {
  border-bottom: none;
}
.portlet.dark .profile-usermenu ul li a {
  color: white;
}
.portlet.dark .profile-usermenu ul li a:hover {
  background-color: #4db3a5;
  color: white;
}
.portlet.dark .profile-stat {
  border-bottom: 1px solid rgba(240, 244, 247, 0.3);
}
.portlet.dark .profile-stat-text {
  color: #29a8e0;
}
.portlet.dark .profile-stat-title,
.portlet.dark .profile-desc-title,
.portlet.dark .profile-desc-link {
  color: white;
}
.portlet.dark .portlet-title > .nav-tabs > li > a {
  color: #9E9E9E;
}
.portlet.dark .portlet-title > .nav-tabs > li.active > a {
  background: none;
  color: white;
}
.portlet.dark .portlet-title > .nav-tabs > li:hover > a {
  color: white;
}
.portlet .profile-desc-link,
.portlet .profile-desc-link a {
  font-size: 13px;
  margin-bottom: 10px;
}
.portlet .profile-desc-link i,
.portlet .profile-desc-link a i {
  margin-right: 0;
}
.portlet .tabbable-line > .nav-tabs > li.active {
  border-color: #29a8e0;
  border-width: 3px;
}
.portlet .tabbable-line > .nav-tabs > li.open,
.portlet .tabbable-line > .nav-tabs > li:hover {
  border-color: rgba(41, 168, 224, 0.2);
}
.dark table tr td {
  font-weight: 600;
}
#foryoutoaction {
  margin-top: 50px;
}
@media (max-width: 1024px) {
  #foryoutoaction {
    margin-top: 40px;
  }
}
@media (max-width: 991px) {
  #foryoutoaction {
    margin-top: 35px;
  }
}
@media (max-width: 767px) {
  #foryoutoaction {
    margin-top: 30px;
  }
}
@media (max-width: 479px) {
  #foryoutoaction {
    margin-top: 20px;
  }
}
#secondary {
  margin-top: 50px;
}
@media (max-width: 1024px) {
  #secondary {
    margin-top: 40px;
  }
}
@media (max-width: 991px) {
  #secondary {
    margin-top: 35px;
  }
}
@media (max-width: 767px) {
  #secondary {
    margin-top: 30px;
  }
}
@media (max-width: 479px) {
  #secondary {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  #secondary {
    opacity: .7;
    transition: all 300ms ease;
  }
  #secondary:hover {
    opacity: 1;
  }
}
.action-button {
  position: absolute;
  right: 0;
  z-index: 3;
  margin-top: 18px;
}
.action-button .btn.btn-fab {
  width: 60px;
  height: 60px;
  padding: 11px 0 0 0px;
}
.action-button .btn.btn-fab > i {
  font-size: 25px;
}
.action-button .btn-fab {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.breadcrumb {
  padding: 0;
}
.page-footer {
  background: #1f2532;
}
.page-footer h2 {
  color: #29a8e0;
}
.label-info {
  background-color: #29a8e0;
}
.client {
  display: block;
  color: #747474;
  font-weight: 400;
  font-size: 12px;
  font-style: italic;
}
.modal-open .modal {
  background-image: url('../media/demo-1-bg.jpg');
  background-size: cover;
  background-position: 50% 50%;
}
.modal h3 {
  margin-bottom: 10px;
  text-transform: uppercase;
}
.modal .modal-content {
  border: 1px solid #484848;
  background: rgba(0, 0, 0, 0.5) !important;
  border-radius: 6px;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
  box-shadow: 0 2px 22px rgba(0, 0, 0, 0.4);
  text-align: center;
}
.modal .modal-content .modal-header {
  border-bottom: none;
  padding: 40px;
  padding-bottom: 0;
}
.modal .modal-content .modal-header .logo {
  margin-bottom: 30px;
}
.modal .modal-content .modal-header .logo img {
  height: 40px;
}
.modal .modal-content .modal-header .close {
  text-indent: inherit;
  width: inherit;
  height: inherit;
  background: none !important;
  opacity: 1;
  text-shadow: none;
  color: white;
  position: absolute;
  right: 15px;
  top: 15px;
}
.modal .modal-content .modal-header .modal-title {
  text-transform: uppercase;
  font-size: 30px;
  letter-spacing: 0.2em;
  font-weight: 300 !important;
  color: #4db3a5;
}
@media (max-width: 1199px) {
  .modal .modal-content .modal-header .modal-title {
    font-size: 27px;
  }
}
@media (max-width: 991px) {
  .modal .modal-content .modal-header .modal-title {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .modal .modal-content .modal-header .modal-title {
    font-size: 21px;
  }
}
@media (max-width: 479px) {
  .modal .modal-content .modal-header .modal-title {
    font-size: 18px;
  }
}
.modal .modal-content .modal-body {
  padding: 20px 40px 0;
}
.modal .modal-content .modal-body .form-control,
.modal .modal-content .modal-body .select2-search input[type="text"] {
  background-color: #dde3ec;
  color: #333;
  border: 1px solid #dde3ec;
  font-size: 16px;
  border-radius: 3px;
}
.modal .modal-content .modal-body .file-upload {
  color: white;
  margin-bottom: 0;
}
.modal .modal-content .modal-body .file-upload label {
  color: white;
}
.modal .modal-content .modal-body ul {
  margin-bottom: 40px;
}
@media (max-width: 1024px) {
  .modal .modal-content .modal-body ul {
    margin-bottom: 32px;
  }
}
@media (max-width: 991px) {
  .modal .modal-content .modal-body ul {
    margin-bottom: 28px;
  }
}
@media (max-width: 767px) {
  .modal .modal-content .modal-body ul {
    margin-bottom: 24px;
  }
}
@media (max-width: 479px) {
  .modal .modal-content .modal-body ul {
    margin-bottom: 16px;
  }
}
.modal .modal-content .modal-footer {
  text-align: left;
  padding: 0 40px 40px;
}
.modal .modal-content .agreement-terms {
  text-align: left;
  margin-bottom: 20px;
}
.modal .modal-content .agreement-terms label {
  color: white;
}
.modal .form-group .alert {
  text-align: left;
  margin-top: 8px;
  border-radius: 3px;
}
.modal .form-group .alert ul {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.1;
  padding-left: 15px;
}
.modal .form-group .alert ul li {
  padding-bottom: 10px;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #666 !important;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #666 !important;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #666 !important;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #666 !important;
}
.btn {
  box-shadow: none;
}
.btn:hover {
  box-shadow: none;
}
.btn-primary-line:hover {
  color: #4db3a5;
}
.btn-default {
  color: #6c7a8d;
  background-color: #ffffff;
}
.btn-default:hover {
  background-color: #fafaff;
  color: #4db3a5;
}
.attachements {
  margin-top: 30px;
  padding-bottom: 6px;
  padding-top: 10px;
  border-top: 1px solid #ddd;
}
@media (min-width: 768px) {
  .attachements {
    width: 60%;
  }
}
.attachements .attachementitem {
  padding: 4px 0 5px 22px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 0px 5px;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  background-image: url('../images/file_pic.gif');
  color: #29a8e0;
}
@media (min-width: 480px) {
  .attachements .attachementitem {
    margin: 0 0px 0 20px;
  }
}
.attachements .attachementitem:hover {
  color: #4db3a5;
  text-decoration: underline;
}
.timeline {
  margin-bottom: 0;
}
.timeline .timeline-badge {
  z-index: 2;
}
.timeline .timeline-badge img {
  max-width: inherit;
}
.timeline .timeline-body {
  background-color: white;
  padding: 30px;
  margin-bottom: 40px;
}
@media (max-width: 479px) {
  .timeline .timeline-body {
    margin-left: 30px;
    padding: 15px !important;
  }
  .timeline .timeline-body .timeline-body-head-caption {
    float: inherit;
  }
  .timeline .timeline-body .timeline-body-content {
    margin-top: 10px;
  }
  .timeline .timeline-body .timeline-body-title {
    display: block;
  }
  .timeline .timeline-body .timeline-body-time {
    margin-left: 0;
  }
}
.timeline .timeline-body-arrow {
  border-color: transparent white transparent transparent;
}
.timeline:before {
  background: #E7E7E7;
  width: 3px;
  margin-left: 39px;
}
@media (max-width: 479px) {
  .timeline:before {
    margin-left: 17px;
    margin-top: 10px;
  }
}
.timeline .timeline-badge-userpic {
  border: 2px #E7E7E7 solid;
}
.timeline .timeline-badge-userpic.user {
  border-color: #26A69A;
}
.timeline .timeline-badge-userpic.createstudios {
  border-color: #29a8e0;
}
@media (max-width: 479px) {
  .timeline .timeline-badge-userpic {
    width: 50px;
  }
}
.timeline .btns {
  margin-left: 110px;
}
.timeline .btns .btn-primary {
  margin-bottom: 80px;
}
@media (max-width: 479px) {
  .timeline .btns {
    margin-left: 15px;
    margin-top: -35px;
  }
  .timeline .btns .btn-primary {
    margin-bottom: 20px;
  }
}
.font-blue-madison {
  color: #29a8e0 !important;
}
.post {
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .post {
    margin-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .post {
    margin-bottom: 14px;
  }
}
@media (max-width: 767px) {
  .post {
    margin-bottom: 12px;
  }
}
@media (max-width: 479px) {
  .post {
    margin-bottom: 8px;
  }
}
.file-upload input {
  font-weight: 400;
  display: inline-block;
  line-height: 2px;
}
.file-upload .addfile {
  font-weight: 700;
}
.file-upload label {
  font-size: 15px;
  font-weight: 700;
  padding-right: 5px;
}
.message,
.post,
.hiddenJS,
.post-success {
  display: none !important;
}
.activeJS {
  display: block !important;
}
.form-group.form-md-line-input .form-control ~ label,
.form-group.form-md-line-input .select2-search input[type="text"] ~ label {
  top: 0;
  margin-bottom: 0;
  font-size: 13px;
  color: #888888;
  opacity: 1;
  filter: alpha(opacity=100);
}
.form-group.form-md-line-input.form-md-floating-label .form-control ~ label,
.form-group.form-md-line-input.form-md-floating-label .select2-search input[type="text"] ~ label {
  font-size: 16px;
  top: 25px;
  transition: 0.2s ease all;
  color: #999;
}
.login-1 .large-header {
  background: none;
}
.login-1 .form-title {
  text-transform: uppercase;
  font-size: 30px;
  letter-spacing: 0.2em;
  font-weight: 300 !important;
  color: #4db3a5;
  margin-top: 0;
}
@media (max-width: 1199px) {
  .login-1 .form-title {
    font-size: 27px;
  }
}
@media (max-width: 991px) {
  .login-1 .form-title {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .login-1 .form-title {
    font-size: 21px;
  }
}
@media (max-width: 479px) {
  .login-1 .form-title {
    font-size: 18px;
  }
}
.login-1 .copyright {
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.login-1 .forget-form h3 {
  text-transform: uppercase;
  font-size: 30px;
  letter-spacing: 0.08em;
  font-weight: 300 !important;
}
@media (max-width: 1199px) {
  .login-1 .forget-form h3 {
    font-size: 27px;
  }
}
@media (max-width: 991px) {
  .login-1 .forget-form h3 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .login-1 .forget-form h3 {
    font-size: 21px;
  }
}
@media (max-width: 479px) {
  .login-1 .forget-form h3 {
    font-size: 18px;
  }
}
.login-1 .forget-form p {
  text-transform: uppercase;
}
.login {
  border: 1px solid #484848;
  background: rgba(0, 0, 0, 0.4) !important;
  border-radius: 6px;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
  box-shadow: 0 2px 22px rgba(0, 0, 0, 0.4);
}
.login .logo {
  margin-top: 40px;
  margin-bottom: 30px;
  padding: 0px;
}
.login .logo img {
  height: 40px;
}
.login .content {
  background: none !important;
  margin: 0;
}
@media (max-width: 479px) {
  .login .content {
    width: 55vh;
  }
}
@media (max-width: 374px) {
  .login .content {
    width: 70vh;
  }
}
.login .content .form-actions {
  border-bottom: 1px solid rgba(238, 238, 238, 0.18);
}
@media (max-width: 479px) {
  .login .content .form-actions {
    padding-bottom: 10px;
  }
  .login .content .form-actions .btn {
    display: block;
    margin-bottom: 10px;
  }
  .login .content .form-actions .rememberme {
    margin-left: 0px;
  }
  .login .content .form-actions .rememberme .checker {
    margin-left: 0px;
  }
}
@media (min-width: 992px) {
  .toast-top-right {
    top: 30px;
  }
}
.form h3 {
  color: #4db3a5;
  font-weight: 400;
  margin-top: 50px;
}
@media (max-width: 1024px) {
  .form h3 {
    margin-top: 40px;
  }
}
@media (max-width: 991px) {
  .form h3 {
    margin-top: 35px;
  }
}
@media (max-width: 767px) {
  .form h3 {
    margin-top: 30px;
  }
}
@media (max-width: 479px) {
  .form h3 {
    margin-top: 20px;
  }
}
.form h3:first-child {
  margin-top: 0;
}
.checkbox-group {
  margin-bottom: 10px;
}
.checkbox-group .checker {
  margin-left: -1px;
}
.checkbox-group label {
  display: inline;
}
.profile-usermenu ul li.active a {
  color: white;
  background-color: #29a8e0;
  border-left: 4px solid #4db3a5;
  margin-left: -2px;
}
.avatar-holder {
  margin-bottom: 20px;
}
.avatar-holder img {
  border-radius: 50% !important;
}
.clientname {
  display: inline-block;
  color: white;
  margin-top: 32px;
  margin-left: 20px;
  padding-left: 10px;
  border-left: solid 1px #373e4d;
}
@media (max-width: 991px) {
  .clientname {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .clientname {
    margin: 0px;
    padding: 0;
    border-left: none;
  }
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: initial;
  max-width: 350px;
}
.clientname button,
.select-opacity button {
  background-color: rgba(255, 255, 255, 0) !important;
  box-shadow: none !important;
  color: white;
}
@media (max-width: 767px) {
  .clientname button,
  .select-opacity button {
    font-size: 14px;
    padding: 5px 0;
  }
}
.clientname button:focus,
.select-opacity button:focus,
.clientname button:active,
.select-opacity button:active,
.clientname button:hover,
.select-opacity button:hover {
  background-color: rgba(255, 255, 255, 0) !important;
  box-shadow: none !important;
}
.clientname button.disabled,
.select-opacity button.disabled {
  color: white !important;
  opacity: 1;
  cursor: inherit;
}
.clientname button.disabled .caret,
.select-opacity button.disabled .caret {
  display: none;
  visibility: hidden;
}
.clientname .bootstrap-select.btn-group.disabled,
.select-opacity .bootstrap-select.btn-group.disabled,
.clientname .bootstrap-select.btn-group > .disabled,
.select-opacity .bootstrap-select.btn-group > .disabled {
  cursor: inherit;
}
@media (max-width: 767px) {
  .clientname .bootstrap-select,
  .select-opacity .bootstrap-select {
    width: 160px !important;
  }
}
.clientname .bootstrap-select .form-control,
.select-opacity .bootstrap-select .form-control,
.clientname .bootstrap-select .select2-search input[type="text"],
.select-opacity .bootstrap-select .select2-search input[type="text"] {
  background-color: rgba(255, 255, 255, 0.05);
  color: white;
  border-color: #4db3a5;
}
.clientname .bootstrap-select .bs-searchbox,
.select-opacity .bootstrap-select .bs-searchbox {
  background: #1f2532;
}
.clientname .bootstrap-select .no-results,
.select-opacity .bootstrap-select .no-results {
  background: #1f2532;
}
@media (max-width: 479px) {
  .clientname .bootstrap-select .dropdown-menu,
  .select-opacity .bootstrap-select .dropdown-menu {
    left: -50px;
    margin-top: 11px;
  }
}
.clientname .bootstrap-select .dropdown-menu .inner,
.select-opacity .bootstrap-select .dropdown-menu .inner {
  background: #1f2532;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 0 !important;
}
.clientname .bootstrap-select .dropdown-menu .inner li a,
.select-opacity .bootstrap-select .dropdown-menu .inner li a {
  color: white;
  padding: 10px 25px;
}
.clientname .bootstrap-select .dropdown-menu .inner li a:hover,
.select-opacity .bootstrap-select .dropdown-menu .inner li a:hover,
.clientname .bootstrap-select .dropdown-menu .inner li a:focus,
.select-opacity .bootstrap-select .dropdown-menu .inner li a:focus {
  background: #1f2532;
  color: #4db3a5;
}
.clientname .bootstrap-select .dropdown-menu .inner li.active a,
.select-opacity .bootstrap-select .dropdown-menu .inner li.active a {
  background: #1f2532;
  color: #29a8e0;
}
.menu-toggler,
.page-header .page-header-top .menu-toggler {
  background: none;
  width: initial;
  color: #29a8e0;
  opacity: 1;
}
.menu-toggler:before,
.page-header .page-header-top .menu-toggler:before {
  content: "\f0c9";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 25px;
}
@media (max-width: 991px) {
  .menu-toggler,
  .page-header .page-header-top .menu-toggler {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .menu-toggler,
  .page-header .page-header-top .menu-toggler {
    margin-top: -3px;
  }
}
#open .input-sm,
#action .input-sm,
#resovled .input-sm,
#viewticket .input-sm,
#open .select2-search input[type="text"],
#action .select2-search input[type="text"],
#resovled .select2-search input[type="text"],
#viewticket .select2-search input[type="text"] {
  width: 30px;
  height: 21px;
  margin: 0 !important;
  padding: 3px;
  text-align: center;
}
#open td,
#action td,
#resovled td,
#viewticket td,
#open th,
#action th,
#resovled th,
#viewticket th {
  text-align: center;
}
#open td:nth-child(2),
#action td:nth-child(2),
#resovled td:nth-child(2),
#viewticket td:nth-child(2) {
  text-align: left;
}
#open .input-group,
#action .input-group,
#resovled .input-group,
#viewticket .input-group {
  display: inline-table;
}
#open .input-group .form-control.input-sm,
#action .input-group .form-control.input-sm,
#resovled .input-group .form-control.input-sm,
#viewticket .input-group .form-control.input-sm,
#open .input-group .select2-search input[type="text"].input-sm,
#action .input-group .select2-search input[type="text"].input-sm,
#resovled .input-group .select2-search input[type="text"].input-sm,
#viewticket .input-group .select2-search input[type="text"].input-sm,
#open .input-group .form-control.select2-search input[type="text"],
#action .input-group .form-control.select2-search input[type="text"],
#resovled .input-group .form-control.select2-search input[type="text"],
#viewticket .input-group .form-control.select2-search input[type="text"] {
  font-size: 12px;
}
#open .input-group .input-group-btn .btn-sm,
#action .input-group .input-group-btn .btn-sm,
#resovled .input-group .input-group-btn .btn-sm,
#viewticket .input-group .input-group-btn .btn-sm {
  padding: 3px;
  z-index: 2;
  margin-right: 0;
}
#open .input-group .input-group-btn .btn-sm:hover,
#action .input-group .input-group-btn .btn-sm:hover,
#resovled .input-group .input-group-btn .btn-sm:hover,
#viewticket .input-group .input-group-btn .btn-sm:hover {
  background-color: #29a8e0;
  color: white;
}
#open .input-group .input-group-btn .btn-sm i.fa,
#action .input-group .input-group-btn .btn-sm i.fa,
#resovled .input-group .input-group-btn .btn-sm i.fa,
#viewticket .input-group .input-group-btn .btn-sm i.fa {
  font-size: 12px;
}
#open .bootstrap-select .btn,
#action .bootstrap-select .btn,
#resovled .bootstrap-select .btn,
#viewticket .bootstrap-select .btn {
  font-size: 12px;
  color: black;
  text-transform: inherit;
  box-shadow: none;
  background: none;
  padding: 0;
}
#open .bootstrap-select .caret,
#action .bootstrap-select .caret,
#resovled .bootstrap-select .caret,
#viewticket .bootstrap-select .caret {
  top: 60%;
  right: 0px;
}
#viewticket span.hour {
  vertical-align: super;
}
.message .checkbox {
  margin-top: 0;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  #demo-canvas {
    display: none;
    visibility: hidden;
  }
}
.profile-content .portlet {
  padding: 0 !important;
}
@media (max-width: 479px) {
  .profile-content .portlet .checkbox-group.pull-right {
    float: initial !important;
  }
}
@media (max-width: 767px) {
  .profile-content .btn.btn-primary.pull-right {
    margin-bottom: 50px;
  }
}
.margin-bottom-20 {
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .margin-bottom-20 {
    margin-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .margin-bottom-20 {
    margin-bottom: 14px;
  }
}
@media (max-width: 767px) {
  .margin-bottom-20 {
    margin-bottom: 12px;
  }
}
@media (max-width: 479px) {
  .margin-bottom-20 {
    margin-bottom: 8px;
  }
}
.margin-bottom-50 {
  margin-bottom: 50px;
}
@media (max-width: 1024px) {
  .margin-bottom-50 {
    margin-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .margin-bottom-50 {
    margin-bottom: 35px;
  }
}
@media (max-width: 767px) {
  .margin-bottom-50 {
    margin-bottom: 30px;
  }
}
@media (max-width: 479px) {
  .margin-bottom-50 {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .text-right-md {
    text-align: right;
  }
}
.post-time {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  display: inline-block;
}
@media (max-width: 767px) {
  .post-time {
    padding-left: 20px;
  }
}
.form-inline.action-item-new .form-group .form-control,
.form-inline.action-item-new .form-group .select2-search input[type="text"] {
  width: 100%;
}
@media (min-width: 768px) {
  .form-inline.action-item-new .form-group:first-child {
    width: 25%;
  }
  .form-inline.action-item-new .form-group:first-child .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    max-width: 170px;
  }
  .form-inline.action-item-new .form-group:nth-child(2) {
    width: 40%;
  }
  .form-inline.action-item-new .form-group:nth-child(3) {
    width: 20%;
  }
  .form-inline.action-item-new .form-group:nth-child(4) {
    width: 10%;
  }
}
.form-inline.action-item-new .btn-md {
  padding: 6px 15px;
}
@media (max-width: 767px) {
  .table-responsive {
    border: none;
  }
}
.dl-horizontal dt {
  font-weight: 600;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    text-align: initial;
    width: 285px;
  }
}
tr.overdue td:nth-child(4) {
  color: #f3565d !important;
}
.badge {
  margin-left: 5px;
}
.dataTables_scrollHead,
.dataTables_scrollBody {
  border: none !important;
}
.portlet-body.dark .dataTables_scrollHead .table thead tr th {
  border-bottom: none !important;
}
.checkbox,
.radio {
  display: block;
}
.checkbox [class^="icon-"],
.radio [class^="icon-"] {
  font-size: initial;
  line-height: initial;
}
.checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons:before,
.radio input[type="checkbox"].custom-checkbox:indeterminate + .icons:before,
.checkbox input[type="radio"].custom-radio:indeterminate + .icons:before,
.radio input[type="radio"].custom-radio:indeterminate + .icons:before {
  content: none;
}
.checkbox input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked,
.radio input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked,
.checkbox input[type="radio"].custom-radio:checked + .icons .icon-checked,
.radio input[type="radio"].custom-radio:checked + .icons .icon-checked {
  color: #29a8e0;
}
.checkbox input[type=checkbox].custom-checkbox:disabled + .icons,
.radio input[type=checkbox].custom-checkbox:disabled + .icons,
.checkbox input[type=radio].custom-radio:disabled + .icons,
.radio input[type=radio].custom-radio:disabled + .icons {
  opacity: .4;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  color: #29a8e0;
  background: #34495e;
}
.bootstrap-switch-primary ~ .bootstrap-switch-handle-off:before {
  background-color: #29a8e0;
  border-color: #34495e;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  color: #fff;
  background-color: #bdc3c7;
}
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-default:before {
  background-color: #7f8c9a;
  border-color: #bdc3c7;
}