@charset "UTF-8";
/*  ==========================================================================
    Base styles
    ========================================================================== */
html {
  font-size: 14px;
  line-height: 21px;
  height: 100%;
}

body {
  font-family: "Source Sans Pro Regular", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  position: relative;
  height: 100%;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

* {
  outline: none !important;
}
*:focus {
  outline: none !important;
}

a {
  text-decoration: none;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -webkit-transition: 300ms;
  transition: 300ms;
}
a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}

b, strong, dt {
  font-family: "Source Sans Pro Semibold";
}

/*
    Headings
    ========================================================================== */
h1, .h1 {
  font-size: 36px;
  font-size: 2.57143rem;
}

h2, .h2 {
  font-size: 30px;
  font-size: 2.14286rem;
}

h3, .h3 {
  font-size: 24px;
  font-size: 1.71429rem;
}

h4, .h4 {
  font-size: 18px;
  font-size: 1.28571rem;
}

h5, .h5 {
  font-size: 14px;
  font-size: 1rem;
}

h6, .h6 {
  font-size: 12px;
  font-size: 0.85714rem;
}

/*
    Selection Styling
    ========================================================================== */
::-moz-selection {
  text-shadow: none;
}

::selection {
  text-shadow: none;
}

/*
    Styled horizontal rule
    ========================================================================== */
hr {
  border: 0;
  display: block;
  height: 1px;
  padding: 0;
  margin: 10px 0;
}

/*
    Browse Happy prompt
    ========================================================================== */
.browsehappy {
  text-align: center;
  padding: 10px 0;
}

/*
    Overwrites
    ========================================================================== */
.dropdown-menu {
  font-size: 13px;
  font-size: 0.92857rem;
}

.form-control {
  font-size: 14px;
  font-size: 1rem;
}

/*  ==========================================================================
    Layout
    ========================================================================== */
/*
    Page Layouts - General Containers for Site Layout
    ========================================================================== */
/*
	Main Containers
	-------------------------------------  */
.l-main-container {
  display: table;
  position: relative;
  height: 100%;
  width: 100%;
  table-layout: fixed;
}

.l-container {
  display: table-cell;
  width: 100%;
  height: 100%;
}

/*
	Boxed Layout
	-------------------------------------  */
.l-boxed {
  width: auto;
  max-width: 1378px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.section-title .view-all {
  float: right;
}
.section-title .slider-nav {
  float: right;
}
.section-title .slider-nav li {
  display: inline-block;
}

/*
	Slide - Header, Footer, Side - Push Helper
	-------------------------------------  */
.l-slide-push {
  overflow-x: hidden;
  position: relative;
  left: 0;
}

/*
	Animation
	-------------------------------------  */
.anim-off {
  display: none;
}

/*
    Element Spacing
    ------------------------------------- */
/* Margin */
.l-spaced {
  margin: 2%;
}

.l-spaced-left {
  margin-left: 2%;
}

.l-spaced-right {
  margin-right: 2%;
}

.l-spaced-top {
  margin-top: 2%;
}

.l-spaced-bottom {
  margin-bottom: 2%;
}

.l-spaced-half {
  margin: 1%;
}

.l-spaced-vertical {
  margin-top: 2%;
  margin-bottom: 2%;
}

.l-spaced-horizontal {
  margin-left: 2%;
  margin-right: 2%;
}

/* Padding */
.l-spaced-p {
  padding: 2%;
}

.l-spaced-p-left {
  padding-left: 2%;
}

.l-spaced-p-right {
  padding-right: 2%;
}

.l-spaced-p-top {
  padding-top: 2%;
}

.l-spaced-p-bottom {
  padding-bottom: 2%;
}

.l-spaced-p-half {
  padding: 1%;
}

.l-spaced-p-vertical {
  padding-top: 2%;
  padding-bottom: 2%;
}

.l-spaced-p-horizontal {
  padding-left: 2%;
  padding-right: 2%;
}

/*
    Page Heading
    ------------------------------------- */
.l-page-header {
  padding: 0 2%;
  overflow: hidden;
  *zoom: 1;
}

.l-page-title {
  font-family: "Source Sans Pro Light";
}
.l-page-title span {
  font-family: "Source Sans Pro Bold";
}

/*
    Scroll Up
    ------------------------------------- */
#scrollUp-active {
  display: none;
}

#scrollUp {
  position: fixed;
  right: 20px;
  bottom: 43px;
  z-index: 100;
  text-align: center;
  opacity: 0.6;
  padding: 10px 15px;
  display: block;
  font-size: 16px;
  font-size: 1.14286rem;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
#scrollUp:hover {
  opacity: 0.8;
}

@media (max-width: 1407px) {
  .l-boxed {
    width: auto;
    max-width: 1170px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 1199px) {
  .l-boxed {
    width: auto;
    max-width: 970px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 991px) {
  .l-boxed {
    width: auto;
    max-width: 750px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  .l-container {
    overflow: hidden;
  }
}
/*
    Grid system
    ========================================================================== */
.bs-sep {
  margin: 25px -15px 12px !important;
}

.l-row {
  *zoom: 1;
}
.l-row:before, .l-row:after {
  content: " ";
  display: table;
}
.l-row:after {
  clear: both;
}

/*  Grid with Gutter
	-------------------------------------------------------------------------- */
.l-col-xs-1 {
  float: left;
  clear: none;
  width: 6.5%;
  margin-left: 0;
  margin-right: 2%;
}
.l-col-xs-1:last-child {
  margin-right: 0;
}

.l-col-xs-2 {
  float: left;
  clear: none;
  width: 15.0%;
  margin-left: 0;
  margin-right: 2%;
}
.l-col-xs-2:last-child {
  margin-right: 0;
}

.l-col-xs-3 {
  float: left;
  clear: none;
  width: 23.5%;
  margin-left: 0;
  margin-right: 2%;
}
.l-col-xs-3:last-child {
  margin-right: 0;
}

.l-col-xs-4 {
  float: left;
  clear: none;
  width: 32.0%;
  margin-left: 0;
  margin-right: 2%;
}
.l-col-xs-4:last-child {
  margin-right: 0;
}

.l-col-xs-5 {
  float: left;
  clear: none;
  width: 40.5%;
  margin-left: 0;
  margin-right: 2%;
}
.l-col-xs-5:last-child {
  margin-right: 0;
}

.l-col-xs-6 {
  float: left;
  clear: none;
  width: 49%;
  margin-left: 0;
  margin-right: 2%;
}
.l-col-xs-6:last-child {
  margin-right: 0;
}

.l-col-xs-7 {
  float: left;
  clear: none;
  width: 57.5%;
  margin-left: 0;
  margin-right: 2%;
}
.l-col-xs-7:last-child {
  margin-right: 0;
}

.l-col-xs-8 {
  float: left;
  clear: none;
  width: 66.0%;
  margin-left: 0;
  margin-right: 2%;
}
.l-col-xs-8:last-child {
  margin-right: 0;
}

.l-col-xs-9 {
  float: left;
  clear: none;
  width: 74.5%;
  margin-left: 0;
  margin-right: 2%;
}
.l-col-xs-9:last-child {
  margin-right: 0;
}

.l-col-xs-10 {
  float: left;
  clear: none;
  width: 83.0%;
  margin-left: 0;
  margin-right: 2%;
}
.l-col-xs-10:last-child {
  margin-right: 0;
}

.l-col-xs-11 {
  float: left;
  clear: none;
  width: 91.5%;
  margin-left: 0;
  margin-right: 2%;
}
.l-col-xs-11:last-child {
  margin-right: 0;
}

.l-col-xs-12 {
  float: left;
  clear: none;
  width: 100%;
  margin-left: 0;
  margin-right: 2%;
}
.l-col-xs-12:last-child {
  margin-right: 0;
}

/*  Grid without Gutter
	-------------------------------------------------------------------------- */
.l-span-xs-1 {
  float: left;
  clear: none;
  width: 8.33333%;
  margin-left: 0;
  margin-right: 0;
}

.l-span-xs-2 {
  float: left;
  clear: none;
  width: 16.66667%;
  margin-left: 0;
  margin-right: 0;
}

.l-span-xs-3 {
  float: left;
  clear: none;
  width: 25%;
  margin-left: 0;
  margin-right: 0;
}

.l-span-xs-4 {
  float: left;
  clear: none;
  width: 33.33333%;
  margin-left: 0;
  margin-right: 0;
}

.l-span-xs-5 {
  float: left;
  clear: none;
  width: 41.66667%;
  margin-left: 0;
  margin-right: 0;
}

.l-span-xs-6 {
  float: left;
  clear: none;
  width: 50%;
  margin-left: 0;
  margin-right: 0;
}

.l-span-xs-7 {
  float: left;
  clear: none;
  width: 58.33333%;
  margin-left: 0;
  margin-right: 0;
}

.l-span-xs-8 {
  float: left;
  clear: none;
  width: 66.66667%;
  margin-left: 0;
  margin-right: 0;
}

.l-span-xs-9 {
  float: left;
  clear: none;
  width: 75%;
  margin-left: 0;
  margin-right: 0;
}

.l-span-xs-10 {
  float: left;
  clear: none;
  width: 83.33333%;
  margin-left: 0;
  margin-right: 0;
}

.l-span-xs-11 {
  float: left;
  clear: none;
  width: 91.66667%;
  margin-left: 0;
  margin-right: 0;
}

.l-span-xs-12 {
  float: left;
  clear: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.l-clear-xs {
  margin-right: 0;
}

.show-grid [class^=col-],
.show-grid [class^=l-col-],
.show-grid [class^=l-span-] {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 2%;
}

@media (min-width: 768px) {
  /*  Grid with Gutter
  	-------------------------------------------------------------------------- */
  .l-col-sm-1 {
    float: left;
    clear: none;
    width: 6.5%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-sm-1:last-child {
    margin-right: 0;
  }

  .l-col-sm-2 {
    float: left;
    clear: none;
    width: 15.0%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-sm-2:last-child {
    margin-right: 0;
  }

  .l-col-sm-3 {
    float: left;
    clear: none;
    width: 23.5%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-sm-3:last-child {
    margin-right: 0;
  }

  .l-col-sm-4 {
    float: left;
    clear: none;
    width: 32.0%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-sm-4:last-child {
    margin-right: 0;
  }

  .l-col-sm-5 {
    float: left;
    clear: none;
    width: 40.5%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-sm-5:last-child {
    margin-right: 0;
  }

  .l-col-sm-6 {
    float: left;
    clear: none;
    width: 49%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-sm-6:last-child {
    margin-right: 0;
  }

  .l-col-sm-7 {
    float: left;
    clear: none;
    width: 57.5%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-sm-7:last-child {
    margin-right: 0;
  }

  .l-col-sm-8 {
    float: left;
    clear: none;
    width: 66.0%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-sm-8:last-child {
    margin-right: 0;
  }

  .l-col-sm-9 {
    float: left;
    clear: none;
    width: 74.5%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-sm-9:last-child {
    margin-right: 0;
  }

  .l-col-sm-10 {
    float: left;
    clear: none;
    width: 83.0%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-sm-10:last-child {
    margin-right: 0;
  }

  .l-col-sm-11 {
    float: left;
    clear: none;
    width: 91.5%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-sm-11:last-child {
    margin-right: 0;
  }

  .l-col-sm-12 {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-sm-12:last-child {
    margin-right: 0;
  }

  /*  Grid without Gutter
  	-------------------------------------------------------------------------- */
  .l-span-sm-1 {
    float: left;
    clear: none;
    width: 8.33333%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-sm-2 {
    float: left;
    clear: none;
    width: 16.66667%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-sm-3 {
    float: left;
    clear: none;
    width: 25%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-sm-4 {
    float: left;
    clear: none;
    width: 33.33333%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-sm-5 {
    float: left;
    clear: none;
    width: 41.66667%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-sm-6 {
    float: left;
    clear: none;
    width: 50%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-sm-7 {
    float: left;
    clear: none;
    width: 58.33333%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-sm-8 {
    float: left;
    clear: none;
    width: 66.66667%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-sm-9 {
    float: left;
    clear: none;
    width: 75%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-sm-10 {
    float: left;
    clear: none;
    width: 83.33333%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-sm-11 {
    float: left;
    clear: none;
    width: 91.66667%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-sm-12 {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-clear-sm {
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  /*  Grid with Gutter
  	-------------------------------------------------------------------------- */
  .l-col-md-1 {
    float: left;
    clear: none;
    width: 6.5%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-md-1:last-child {
    margin-right: 0;
  }

  .l-col-md-2 {
    float: left;
    clear: none;
    width: 15.0%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-md-2:last-child {
    margin-right: 0;
  }

  .l-col-md-3 {
    float: left;
    clear: none;
    width: 23.5%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-md-3:last-child {
    margin-right: 0;
  }

  .l-col-md-4 {
    float: left;
    clear: none;
    width: 32.0%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-md-4:last-child {
    margin-right: 0;
  }

  .l-col-md-5 {
    float: left;
    clear: none;
    width: 40.5%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-md-5:last-child {
    margin-right: 0;
  }

  .l-col-md-6 {
    float: left;
    clear: none;
    width: 49%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-md-6:last-child {
    margin-right: 0;
  }

  .l-col-md-7 {
    float: left;
    clear: none;
    width: 57.5%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-md-7:last-child {
    margin-right: 0;
  }

  .l-col-md-8 {
    float: left;
    clear: none;
    width: 66.0%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-md-8:last-child {
    margin-right: 0;
  }

  .l-col-md-9 {
    float: left;
    clear: none;
    width: 74.5%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-md-9:last-child {
    margin-right: 0;
  }

  .l-col-md-10 {
    float: left;
    clear: none;
    width: 83.0%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-md-10:last-child {
    margin-right: 0;
  }

  .l-col-md-11 {
    float: left;
    clear: none;
    width: 91.5%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-md-11:last-child {
    margin-right: 0;
  }

  .l-col-md-12 {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-md-12:last-child {
    margin-right: 0;
  }

  /*  Grid without Gutter
  	-------------------------------------------------------------------------- */
  .l-span-md-1 {
    float: left;
    clear: none;
    width: 8.33333%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-md-2 {
    float: left;
    clear: none;
    width: 16.66667%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-md-3 {
    float: left;
    clear: none;
    width: 25%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-md-4 {
    float: left;
    clear: none;
    width: 33.33333%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-md-5 {
    float: left;
    clear: none;
    width: 41.66667%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-md-6 {
    float: left;
    clear: none;
    width: 50%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-md-7 {
    float: left;
    clear: none;
    width: 58.33333%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-md-8 {
    float: left;
    clear: none;
    width: 66.66667%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-md-9 {
    float: left;
    clear: none;
    width: 75%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-md-10 {
    float: left;
    clear: none;
    width: 83.33333%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-md-11 {
    float: left;
    clear: none;
    width: 91.66667%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-md-12 {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-clear-md {
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  /*  Grid with Gutter
  	-------------------------------------------------------------------------- */
  .l-col-lg-1 {
    float: left;
    clear: none;
    width: 6.5%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-lg-1:last-child {
    margin-right: 0;
  }

  .l-col-lg-2 {
    float: left;
    clear: none;
    width: 15.0%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-lg-2:last-child {
    margin-right: 0;
  }

  .l-col-lg-3 {
    float: left;
    clear: none;
    width: 23.5%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-lg-3:last-child {
    margin-right: 0;
  }

  .l-col-lg-4 {
    float: left;
    clear: none;
    width: 32.0%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-lg-4:last-child {
    margin-right: 0;
  }

  .l-col-lg-5 {
    float: left;
    clear: none;
    width: 40.5%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-lg-5:last-child {
    margin-right: 0;
  }

  .l-col-lg-6 {
    float: left;
    clear: none;
    width: 49%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-lg-6:last-child {
    margin-right: 0;
  }

  .l-col-lg-7 {
    float: left;
    clear: none;
    width: 57.5%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-lg-7:last-child {
    margin-right: 0;
  }

  .l-col-lg-8 {
    float: left;
    clear: none;
    width: 66.0%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-lg-8:last-child {
    margin-right: 0;
  }

  .l-col-lg-9 {
    float: left;
    clear: none;
    width: 74.5%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-lg-9:last-child {
    margin-right: 0;
  }

  .l-col-lg-10 {
    float: left;
    clear: none;
    width: 83.0%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-lg-10:last-child {
    margin-right: 0;
  }

  .l-col-lg-11 {
    float: left;
    clear: none;
    width: 91.5%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-lg-11:last-child {
    margin-right: 0;
  }

  .l-col-lg-12 {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-lg-12:last-child {
    margin-right: 0;
  }

  /*  Grid without Gutter
  	-------------------------------------------------------------------------- */
  .l-span-lg-1 {
    float: left;
    clear: none;
    width: 8.33333%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-lg-2 {
    float: left;
    clear: none;
    width: 16.66667%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-lg-3 {
    float: left;
    clear: none;
    width: 25%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-lg-4 {
    float: left;
    clear: none;
    width: 33.33333%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-lg-5 {
    float: left;
    clear: none;
    width: 41.66667%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-lg-6 {
    float: left;
    clear: none;
    width: 50%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-lg-7 {
    float: left;
    clear: none;
    width: 58.33333%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-lg-8 {
    float: left;
    clear: none;
    width: 66.66667%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-lg-9 {
    float: left;
    clear: none;
    width: 75%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-lg-10 {
    float: left;
    clear: none;
    width: 83.33333%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-lg-11 {
    float: left;
    clear: none;
    width: 91.66667%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-lg-12 {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-clear-lg {
    margin-right: 0;
  }
}
@media (min-width: 1408px) {
  /*  Grid with Gutter
  	-------------------------------------------------------------------------- */
  .l-col-xl-1 {
    float: left;
    clear: none;
    width: 6.5%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-xl-1:last-child {
    margin-right: 0;
  }

  .l-col-xl-2 {
    float: left;
    clear: none;
    width: 15.0%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-xl-2:last-child {
    margin-right: 0;
  }

  .l-col-xl-3 {
    float: left;
    clear: none;
    width: 23.5%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-xl-3:last-child {
    margin-right: 0;
  }

  .l-col-xl-4 {
    float: left;
    clear: none;
    width: 32.0%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-xl-4:last-child {
    margin-right: 0;
  }

  .l-col-xl-5 {
    float: left;
    clear: none;
    width: 40.5%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-xl-5:last-child {
    margin-right: 0;
  }

  .l-col-xl-6 {
    float: left;
    clear: none;
    width: 49%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-xl-6:last-child {
    margin-right: 0;
  }

  .l-col-xl-7 {
    float: left;
    clear: none;
    width: 57.5%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-xl-7:last-child {
    margin-right: 0;
  }

  .l-col-xl-8 {
    float: left;
    clear: none;
    width: 66.0%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-xl-8:last-child {
    margin-right: 0;
  }

  .l-col-xl-9 {
    float: left;
    clear: none;
    width: 74.5%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-xl-9:last-child {
    margin-right: 0;
  }

  .l-col-xl-10 {
    float: left;
    clear: none;
    width: 83.0%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-xl-10:last-child {
    margin-right: 0;
  }

  .l-col-xl-11 {
    float: left;
    clear: none;
    width: 91.5%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-xl-11:last-child {
    margin-right: 0;
  }

  .l-col-xl-12 {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 2%;
  }
  .l-col-xl-12:last-child {
    margin-right: 0;
  }

  /*  Grid without Gutter
  	-------------------------------------------------------------------------- */
  .l-span-xl-1 {
    float: left;
    clear: none;
    width: 8.33333%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-xl-2 {
    float: left;
    clear: none;
    width: 16.66667%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-xl-3 {
    float: left;
    clear: none;
    width: 25%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-xl-4 {
    float: left;
    clear: none;
    width: 33.33333%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-xl-5 {
    float: left;
    clear: none;
    width: 41.66667%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-xl-6 {
    float: left;
    clear: none;
    width: 50%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-xl-7 {
    float: left;
    clear: none;
    width: 58.33333%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-xl-8 {
    float: left;
    clear: none;
    width: 66.66667%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-xl-9 {
    float: left;
    clear: none;
    width: 75%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-xl-10 {
    float: left;
    clear: none;
    width: 83.33333%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-xl-11 {
    float: left;
    clear: none;
    width: 91.66667%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-span-xl-12 {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .l-clear-xl {
    margin-right: 0;
  }
}
/*
    Sidebar Layouts
    ========================================================================== */
/*
	Assigned to 'aside' html tag
	-------------------------------------  */
.l-sidebar {
  display: table-cell;
  height: 100%;
  vertical-align: top;
}

/* Sidebar - 1 ------------------ */
.l-sidebar-1 {
  width: 250px;
}

/* Slidebar - Left */
.l-slidebar-left-1 {
  width: 300px;
  left: -300px;
}

.l-slidebar-left-push-1 {
  left: 300px;
}
.l-slidebar-left-push-1 .l-slidebar-static.l-slidebar-left-open {
  left: -300px;
}

/* Slidebar - Right */
.l-slidebar-right-1 {
  width: 300px;
  right: -300px;
}

.l-slidebar-right-push-1 {
  left: -300px;
}
.l-slidebar-right-push-1 .l-slidebar-static.l-slidebar-right-open {
  right: -300px;
}

/* Sidebar - 2 ------------------ */
.l-sidebar-2 {
  width: 400px;
}

/* Slidebar - Left */
.l-slidebar-left-2 {
  width: 400px;
  left: -400px;
}

.l-slidebar-left-push-2 {
  left: 400px;
}
.l-slidebar-left-push-2 .l-slidebar-static.l-slidebar-left-open {
  left: -400px;
}

/* Slidebar - Right */
.l-slidebar-right-2 {
  width: 400px;
  right: -400px;
}

.l-slidebar-right-push-2 {
  left: -400px;
}
.l-slidebar-right-push-2 .l-slidebar-static.l-slidebar-right-open {
  right: -400px;
}

/* Sidebar - 3 ------------------ */
.l-sidebar-3 {
  width: 250px;
}

/* Slidebar - Left */
.l-slidebar-left-3 {
  width: 250px;
  left: -250px;
}

.l-slidebar-left-push-3 {
  left: 250px;
}
.l-slidebar-left-push-3 .l-slidebar-static.l-slidebar-left-open {
  left: -250px;
}

/* Slidebar - Right */
.l-slidebar-right-3 {
  width: 250px;
  right: -250px;
}

.l-slidebar-right-push-3 {
  left: -250px;
}
.l-slidebar-right-push-3 .l-slidebar-static.l-slidebar-right-open {
  right: -250px;
}

/* Sidebar - 4 ------------------ */
.l-sidebar-4 {
  width: 20%;
}

/* Slidebar - Left */
.l-slidebar-left-4 {
  width: 20%;
  left: -20%;
}

.l-slidebar-left-push-4 {
  left: 20%;
}
.l-slidebar-left-push-4 .l-slidebar-static.l-slidebar-left-open {
  left: -20%;
}

/* Slidebar - Right */
.l-slidebar-right-4 {
  width: 20%;
  right: -20%;
}

.l-slidebar-right-push-4 {
  left: -20%;
}
.l-slidebar-right-push-4 .l-slidebar-static.l-slidebar-right-open {
  right: -20%;
}

/* Sidebar - 5 ------------------ */
.l-sidebar-5 {
  width: 25%;
}

/* Slidebar - Left */
.l-slidebar-left-5 {
  width: 25%;
  left: -25%;
}

.l-slidebar-left-push-5 {
  left: 25%;
}
.l-slidebar-left-push-5 .l-slidebar-static.l-slidebar-left-open {
  left: -25%;
}

/* Slidebar - Right */
.l-slidebar-right-5 {
  width: 25%;
  right: -25%;
}

.l-slidebar-right-push-5 {
  left: -25%;
}
.l-slidebar-right-push-5 .l-slidebar-static.l-slidebar-right-open {
  right: -25%;
}

.visible-compact-block,
.visible-compact-inline,
.visible-compact-inline-block {
  display: none !important;
}

.visible-collapsed-block,
.visible-collapsed-inline,
.visible-collapsed-inline-block {
  display: none !important;
}

.visible-default-block {
  display: block !important;
}

.visible-default-inline {
  display: inline !important;
}

.visible-default-inline-block {
  display: inline-block !important;
}

.hidden-default {
  display: none !important;
}

.l-sidebar-compact-left,
.l-sidebar-compact-right {
  width: 100px !important;
}
.l-sidebar-compact-left .visible-default-block,
.l-sidebar-compact-left .visible-default-inline,
.l-sidebar-compact-left .visible-default-inline-block,
.l-sidebar-compact-right .visible-default-block,
.l-sidebar-compact-right .visible-default-inline,
.l-sidebar-compact-right .visible-default-inline-block {
  display: none !important;
}
.l-sidebar-compact-left .visible-collapsed-block,
.l-sidebar-compact-left .visible-collapsed-inline,
.l-sidebar-compact-left .visible-collapsed-inline-block,
.l-sidebar-compact-right .visible-collapsed-block,
.l-sidebar-compact-right .visible-collapsed-inline,
.l-sidebar-compact-right .visible-collapsed-inline-block {
  display: none !important;
}
.l-sidebar-compact-left .visible-compact-block,
.l-sidebar-compact-right .visible-compact-block {
  display: block !important;
}
.l-sidebar-compact-left .visible-compact-inline,
.l-sidebar-compact-right .visible-compact-inline {
  display: inline !important;
}
.l-sidebar-compact-left .visible-compact-inline-block,
.l-sidebar-compact-right .visible-compact-inline-block {
  display: inline-block !important;
}
.l-sidebar-compact-left .hidden-compact,
.l-sidebar-compact-right .hidden-compact {
  display: none !important;
}

.l-sidebar-collapsed-left,
.l-sidebar-collapsed-right {
  width: 50px !important;
}
.l-sidebar-collapsed-left .visible-default-block,
.l-sidebar-collapsed-left .visible-default-inline,
.l-sidebar-collapsed-left .visible-default-inline-block,
.l-sidebar-collapsed-right .visible-default-block,
.l-sidebar-collapsed-right .visible-default-inline,
.l-sidebar-collapsed-right .visible-default-inline-block {
  display: none !important;
}
.l-sidebar-collapsed-left .visible-compact-block,
.l-sidebar-collapsed-left .visible-compact-inline,
.l-sidebar-collapsed-left .visible-compact-inline-block,
.l-sidebar-collapsed-right .visible-compact-block,
.l-sidebar-collapsed-right .visible-compact-inline,
.l-sidebar-collapsed-right .visible-compact-inline-block {
  display: none !important;
}
.l-sidebar-collapsed-left .visible-collapsed-block,
.l-sidebar-collapsed-right .visible-collapsed-block {
  display: block !important;
}
.l-sidebar-collapsed-left .visible-collapsed-inline,
.l-sidebar-collapsed-right .visible-collapsed-inline {
  display: inline !important;
}
.l-sidebar-collapsed-left .visible-collapsed-inline-block,
.l-sidebar-collapsed-right .visible-collapsed-inline-block {
  display: inline-block !important;
}
.l-sidebar-collapsed-left .hidden-collapsed,
.l-sidebar-collapsed-right .hidden-collapsed {
  display: none !important;
}

.l-slidebar {
  height: 100%;
  overflow-y: auto;
  position: fixed;
  top: 0;
  z-index: 200;
}

.l-slidebar-static {
  position: absolute;
  top: 0;
}

.transitionBasic {
  -moz-transition: all, 300ms;
  -o-transition: all, 300ms;
  -webkit-transition: all, 300ms;
  transition: all, 300ms;
}

.transitionWidth {
  width: 0%;
  -moz-transition: all, 300ms;
  -o-transition: all, 300ms;
  -webkit-transition: all, 300ms;
  transition: all, 300ms;
}

@media (max-width: 1407px) {
  /* Sidebar - 1 ------------------ */
  .l-sidebar-1 {
    width: 250px;
  }

  /* Slidebar - Left */
  .l-slidebar-left-1 {
    width: 300px;
    left: -300px;
  }

  .l-slidebar-left-push-1 {
    left: 300px;
  }
  .l-slidebar-left-push-1 .l-slidebar-static.l-slidebar-left-open {
    left: -300px;
  }

  /* Slidebar - Right */
  .l-slidebar-right-1 {
    width: 300px;
    right: -300px;
  }

  .l-slidebar-right-push-1 {
    left: -300px;
  }
  .l-slidebar-right-push-1 .l-slidebar-static.l-slidebar-right-open {
    right: -300px;
  }

  /* Sidebar - 2 ------------------ */
  .l-sidebar-2 {
    width: 350px;
  }

  /* Slidebar - Left */
  .l-slidebar-left-2 {
    width: 350px;
    left: -350px;
  }

  .l-slidebar-left-push-2 {
    left: 350px;
  }
  .l-slidebar-left-push-2 .l-slidebar-static.l-slidebar-left-open {
    left: -350px;
  }

  /* Slidebar - Right */
  .l-slidebar-right-2 {
    width: 350px;
    right: -350px;
  }

  .l-slidebar-right-push-2 {
    left: -350px;
  }
  .l-slidebar-right-push-2 .l-slidebar-static.l-slidebar-right-open {
    right: -350px;
  }

  /* Sidebar - 3 ------------------ */
  .l-sidebar-3 {
    width: 200px;
  }

  /* Slidebar - Left */
  .l-slidebar-left-3 {
    width: 200px;
    left: -200px;
  }

  .l-slidebar-left-push-3 {
    left: 200px;
  }
  .l-slidebar-left-push-3 .l-slidebar-static.l-slidebar-left-open {
    left: -200px;
  }

  /* Slidebar - Right */
  .l-slidebar-right-3 {
    width: 200px;
    right: -200px;
  }

  .l-slidebar-right-push-3 {
    left: -200px;
  }
  .l-slidebar-right-push-3 .l-slidebar-static.l-slidebar-right-open {
    right: -200px;
  }

  /* Sidebar - 4 ------------------ */
  .l-sidebar-4 {
    width: 28%;
  }

  /* Slidebar - Left */
  .l-slidebar-left-4 {
    width: 28%;
    left: -28%;
  }

  .l-slidebar-left-push-4 {
    left: 28%;
  }
  .l-slidebar-left-push-4 .l-slidebar-static.l-slidebar-left-open {
    left: -28%;
  }

  /* Slidebar - Right */
  .l-slidebar-right-4 {
    width: 28%;
    right: -28%;
  }

  .l-slidebar-right-push-4 {
    left: -28%;
  }
  .l-slidebar-right-push-4 .l-slidebar-static.l-slidebar-right-open {
    right: -28%;
  }

  /* Sidebar - 5 ------------------ */
  .l-sidebar-5 {
    width: 30%;
  }

  /* Slidebar - Left */
  .l-slidebar-left-5 {
    width: 30%;
    left: -30%;
  }

  .l-slidebar-left-push-5 {
    left: 30%;
  }
  .l-slidebar-left-push-5 .l-slidebar-static.l-slidebar-left-open {
    left: -30%;
  }

  /* Slidebar - Right */
  .l-slidebar-right-5 {
    width: 30%;
    right: -30%;
  }

  .l-slidebar-right-push-5 {
    left: -30%;
  }
  .l-slidebar-right-push-5 .l-slidebar-static.l-slidebar-right-open {
    right: -30%;
  }
}
@media (max-width: 1199px) {
  /* Sidebar - 1 ------------------ */
  .l-sidebar-1 {
    width: 250px;
  }

  /* Slidebar - Left */
  .l-slidebar-left-1 {
    width: 250px;
    left: -250px;
  }

  .l-slidebar-left-push-1 {
    left: 250px;
  }
  .l-slidebar-left-push-1 .l-slidebar-static.l-slidebar-left-open {
    left: -250px;
  }

  /* Slidebar - Right */
  .l-slidebar-right-1 {
    width: 250px;
    right: -250px;
  }

  .l-slidebar-right-push-1 {
    left: -250px;
  }
  .l-slidebar-right-push-1 .l-slidebar-static.l-slidebar-right-open {
    right: -250px;
  }

  /* Sidebar - 2 ------------------ */
  .l-sidebar-2 {
    width: 300px;
  }

  /* Slidebar - Left */
  .l-slidebar-left-2 {
    width: 300px;
    left: -300px;
  }

  .l-slidebar-left-push-2 {
    left: 300px;
  }
  .l-slidebar-left-push-2 .l-slidebar-static.l-slidebar-left-open {
    left: -300px;
  }

  /* Slidebar - Right */
  .l-slidebar-right-2 {
    width: 300px;
    right: -300px;
  }

  .l-slidebar-right-push-2 {
    left: -300px;
  }
  .l-slidebar-right-push-2 .l-slidebar-static.l-slidebar-right-open {
    right: -300px;
  }

  /* Sidebar - 3 ------------------ */
  .l-sidebar-3 {
    width: 180px;
  }

  /* Slidebar - Left */
  .l-slidebar-left-3 {
    width: 180px;
    left: -180px;
  }

  .l-slidebar-left-push-3 {
    left: 180px;
  }
  .l-slidebar-left-push-3 .l-slidebar-static.l-slidebar-left-open {
    left: -180px;
  }

  /* Slidebar - Right */
  .l-slidebar-right-3 {
    width: 180px;
    right: -180px;
  }

  .l-slidebar-right-push-3 {
    left: -180px;
  }
  .l-slidebar-right-push-3 .l-slidebar-static.l-slidebar-right-open {
    right: -180px;
  }

  /* Sidebar - 4 ------------------ */
  .l-sidebar-4 {
    width: 34%;
  }

  /* Slidebar - Left */
  .l-slidebar-left-4 {
    width: 34%;
    left: -34%;
  }

  .l-slidebar-left-push-4 {
    left: 34%;
  }
  .l-slidebar-left-push-4 .l-slidebar-static.l-slidebar-left-open {
    left: -34%;
  }

  /* Slidebar - Right */
  .l-slidebar-right-4 {
    width: 34%;
    right: -34%;
  }

  .l-slidebar-right-push-4 {
    left: -34%;
  }
  .l-slidebar-right-push-4 .l-slidebar-static.l-slidebar-right-open {
    right: -34%;
  }

  /* Sidebar - 5 ------------------ */
  .l-sidebar-5 {
    width: 35%;
  }

  /* Slidebar - Left */
  .l-slidebar-left-5 {
    width: 35%;
    left: -35%;
  }

  .l-slidebar-left-push-5 {
    left: 35%;
  }
  .l-slidebar-left-push-5 .l-slidebar-static.l-slidebar-left-open {
    left: -35%;
  }

  /* Slidebar - Right */
  .l-slidebar-right-5 {
    width: 35%;
    right: -35%;
  }

  .l-slidebar-right-push-5 {
    left: -35%;
  }
  .l-slidebar-right-push-5 .l-slidebar-static.l-slidebar-right-open {
    right: -35%;
  }
}
@media (max-width: 991px) {
  /* Sidebar - 1 ------------------ */
  .l-sidebar-1 {
    width: 250px;
  }

  /* Slidebar - Left */
  .l-slidebar-left-1 {
    width: 250px;
    left: -250px;
  }

  .l-slidebar-left-push-1 {
    left: 250px;
  }
  .l-slidebar-left-push-1 .l-slidebar-static.l-slidebar-left-open {
    left: -250px;
  }

  /* Slidebar - Right */
  .l-slidebar-right-1 {
    width: 250px;
    right: -250px;
  }

  .l-slidebar-right-push-1 {
    left: -250px;
  }
  .l-slidebar-right-push-1 .l-slidebar-static.l-slidebar-right-open {
    right: -250px;
  }

  /* Sidebar - 2 ------------------ */
  .l-sidebar-2 {
    width: 250px;
  }

  /* Slidebar - Left */
  .l-slidebar-left-2 {
    width: 250px;
    left: -250px;
  }

  .l-slidebar-left-push-2 {
    left: 250px;
  }
  .l-slidebar-left-push-2 .l-slidebar-static.l-slidebar-left-open {
    left: -250px;
  }

  /* Slidebar - Right */
  .l-slidebar-right-2 {
    width: 250px;
    right: -250px;
  }

  .l-slidebar-right-push-2 {
    left: -250px;
  }
  .l-slidebar-right-push-2 .l-slidebar-static.l-slidebar-right-open {
    right: -250px;
  }

  /* Sidebar - 3 ------------------ */
  .l-sidebar-3 {
    width: 150px;
  }

  /* Slidebar - Left */
  .l-slidebar-left-3 {
    width: 150px;
    left: -150px;
  }

  .l-slidebar-left-push-3 {
    left: 150px;
  }
  .l-slidebar-left-push-3 .l-slidebar-static.l-slidebar-left-open {
    left: -150px;
  }

  /* Slidebar - Right */
  .l-slidebar-right-3 {
    width: 150px;
    right: -150px;
  }

  .l-slidebar-right-push-3 {
    left: -150px;
  }
  .l-slidebar-right-push-3 .l-slidebar-static.l-slidebar-right-open {
    right: -150px;
  }

  /* Sidebar - 4 ------------------ */
  .l-sidebar-4 {
    width: 42%;
  }

  /* Slidebar - Left */
  .l-slidebar-left-4 {
    width: 42%;
    left: -42%;
  }

  .l-slidebar-left-push-4 {
    left: 42%;
  }
  .l-slidebar-left-push-4 .l-slidebar-static.l-slidebar-left-open {
    left: -42%;
  }

  /* Slidebar - Right */
  .l-slidebar-right-4 {
    width: 42%;
    right: -42%;
  }

  .l-slidebar-right-push-4 {
    left: -42%;
  }
  .l-slidebar-right-push-4 .l-slidebar-static.l-slidebar-right-open {
    right: -42%;
  }

  /* Sidebar - 5 ------------------ */
  .l-sidebar-5 {
    width: 30%;
  }

  /* Slidebar - Left */
  .l-slidebar-left-5 {
    width: 30%;
    left: -30%;
  }

  .l-slidebar-left-push-5 {
    left: 30%;
  }
  .l-slidebar-left-push-5 .l-slidebar-static.l-slidebar-left-open {
    left: -30%;
  }

  /* Slidebar - Right */
  .l-slidebar-right-5 {
    width: 30%;
    right: -30%;
  }

  .l-slidebar-right-push-5 {
    left: -30%;
  }
  .l-slidebar-right-push-5 .l-slidebar-static.l-slidebar-right-open {
    right: -30%;
  }
}
.l-sidebar-hidden {
  width: 0px;
  overflow: hidden;
}

.l-slidebar-left-open {
  left: 0px;
}

.l-slidebar-right-open {
  right: 0px;
}

/*
    Box Containers
    ========================================================================== */
/*
    Box
    ------------------------------------- */
.l-box {
  position: relative;
}

.l-box-header {
  min-height: 38px;
  *zoom: 1;
}
.l-box-header:before, .l-box-header:after {
  content: " ";
  display: table;
}
.l-box-header:after {
  clear: both;
}

.l-box-title {
  float: left;
  padding: 10px;
  margin: 0;
  font-size: 16px;
  font-size: 1.14286rem;
}
.l-box-title span {
  font-family: "Source Sans Pro Bold";
}

.l-box-options {
  float: right;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 11px;
  font-size: 0.78571rem;
}
.l-box-options li {
  display: inline-block;
}
.l-box-options a {
  padding: 0 5px;
  opacity: 0.3;
}
.l-box-options a:hover {
  opacity: 1;
}

.l-box-footer {
  min-height: 38px;
  *zoom: 1;
}
.l-box-footer:before, .l-box-footer:after {
  content: " ";
  display: table;
}
.l-box-footer:after {
  clear: both;
}

/*
    Side Box
    ------------------------------------- */
.l-side-box {
  *zoom: 1;
  padding-bottom: 2%;
  font-size: 16px;
  font-weight: 700;
}
.l-side-box:before, .l-side-box:after {
  content: " ";
  display: table;
}
.l-side-box:after {
  clear: both;
}

/*
    Panels
    ------------------------------------- */
.panel {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*
    Header
    ========================================================================== */
/*
	Default styles
	-------------------------------------  */
.l-header {
  width: 100%;
  *zoom: 1;
}
.l-header:before, .l-header:after {
  content: " ";
  display: table;
}
.l-header:after {
  clear: both;
}

/* Header - 1 ------------------ */
.l-header-1 {
  min-height: 50px;
}

/* Fixed */
.l-header-fixed-1 .has-header-1 {
  margin-top: 50px;
}
.l-header-fixed-1 .l-header-1 {
  position: absolute;
  top: -50px;
  left: 0;
  z-index: 150;
}

/* Sticky */
.l-header-sticky-1 .has-header-1 {
  margin-top: 50px;
}
.l-header-sticky-1 .l-header-1 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 160;
}

/* Slide */
.l-header-slide-1 {
  height: 50px;
  top: -50px;
}

.l-header-slide-push-1 {
  top: 50px;
}

/* Header - 2 ------------------ */
.l-header-2 {
  min-height: 75px;
}

/* Fixed */
.l-header-fixed-2 .has-header-2 {
  margin-top: 75px;
}
.l-header-fixed-2 .l-header-2 {
  position: absolute;
  top: -75px;
  left: 0;
  z-index: 150;
}

/* Sticky */
.l-header-sticky-2 .has-header-2 {
  margin-top: 75px;
}
.l-header-sticky-2 .l-header-2 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 160;
}

/* Slide */
.l-header-slide-2 {
  height: 75px;
  top: -75px;
}

.l-header-slide-push-2 {
  top: 75px;
}

/* Header - 3 ------------------ */
.l-header-3 {
  min-height: 220px;
}

/* Fixed */
.l-header-fixed-3 .has-header-3 {
  margin-top: 220px;
}
.l-header-fixed-3 .l-header-3 {
  position: absolute;
  top: -220px;
  left: 0;
  z-index: 150;
}

/* Sticky */
.l-header-sticky-3 .has-header-3 {
  margin-top: 220px;
}
.l-header-sticky-3 .l-header-3 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 160;
}

/* Slide */
.l-header-slide-3 {
  height: 220px;
  top: -220px;
}

.l-header-slide-push-3 {
  top: 220px;
}

/* Header - 4 ------------------ */
.l-header-4 {
  min-height: 70px;
}

/* Fixed */
.l-header-fixed-4 .has-header-4 {
  margin-top: 70px;
}
.l-header-fixed-4 .l-header-4 {
  position: absolute;
  top: -70px;
  left: 0;
  z-index: 150;
}

/* Sticky */
.l-header-sticky-4 .has-header-4 {
  margin-top: 70px;
}
.l-header-sticky-4 .l-header-4 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 160;
}

/* Slide */
.l-header-slide-4 {
  height: 70px;
  top: -70px;
}

.l-header-slide-push-4 {
  top: 70px;
}

/* Header - 5 ------------------ */
.l-header-5 {
  min-height: 5%;
}

/* Fixed */
.l-header-fixed-5 .has-header-5 {
  margin-top: 5%;
}
.l-header-fixed-5 .l-header-5 {
  position: absolute;
  top: -5%;
  left: 0;
  z-index: 150;
}

/* Sticky */
.l-header-sticky-5 .has-header-5 {
  margin-top: 5%;
}
.l-header-sticky-5 .l-header-5 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 160;
}

/* Slide */
.l-header-slide-5 {
  height: 5%;
  top: -5%;
}

.l-header-slide-push-5 {
  top: 5%;
}

/*
	Slide styles
	-------------------------------------  */
.l-header-slide {
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 50;
}

.l-header-slide-open {
  top: 0px;
}

.t-header-1 {
  position: relative;
  z-index: 15;
}

.t-header-slide-1 {
  z-index: 150;
}

/*
    Footer
    ========================================================================== */
/*
	Default styles
	-------------------------------------  */
.l-footer {
  width: 100%;
  *zoom: 1;
}
.l-footer:before, .l-footer:after {
  content: " ";
  display: table;
}
.l-footer:after {
  clear: both;
}

/* Footer - 1 ------------------ */
.l-footer-1 {
  min-height: 40px;
}

/* Fixed */
.l-footer-fixed-1 .has-footer-1 {
  margin-bottom: 40px;
}
.l-footer-fixed-1 .l-footer-1 {
  position: absolute;
  bottom: -40px;
  left: 0;
  z-index: 100;
}

/* Sticky */
.l-footer-sticky-1 .has-footer-1 {
  margin-bottom: 40px;
}
.l-footer-sticky-1 .l-footer-1 {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 110;
}

/* Slide */
.l-footer-slide-1 {
  height: 40px;
  bottom: -40px;
}

.l-footer-slide-push-1 {
  bottom: 40px;
}

/* Footer - 2 ------------------ */
.l-footer-2 {
  min-height: 75px;
}

/* Fixed */
.l-footer-fixed-2 .has-footer-2 {
  margin-bottom: 75px;
}
.l-footer-fixed-2 .l-footer-2 {
  position: absolute;
  bottom: -75px;
  left: 0;
  z-index: 100;
}

/* Sticky */
.l-footer-sticky-2 .has-footer-2 {
  margin-bottom: 75px;
}
.l-footer-sticky-2 .l-footer-2 {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 110;
}

/* Slide */
.l-footer-slide-2 {
  height: 75px;
  bottom: -75px;
}

.l-footer-slide-push-2 {
  bottom: 75px;
}

/* Footer - 3 ------------------ */
.l-footer-3 {
  min-height: 60px;
}

/* Fixed */
.l-footer-fixed-3 .has-footer-3 {
  margin-bottom: 60px;
}
.l-footer-fixed-3 .l-footer-3 {
  position: absolute;
  bottom: -60px;
  left: 0;
  z-index: 100;
}

/* Sticky */
.l-footer-sticky-3 .has-footer-3 {
  margin-bottom: 60px;
}
.l-footer-sticky-3 .l-footer-3 {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 110;
}

/* Slide */
.l-footer-slide-3 {
  height: 60px;
  bottom: -60px;
}

.l-footer-slide-push-3 {
  bottom: 60px;
}

/* Footer - 4 ------------------ */
.l-footer-4 {
  min-height: 100px;
}

/* Fixed */
.l-footer-fixed-4 .has-footer-4 {
  margin-bottom: 100px;
}
.l-footer-fixed-4 .l-footer-4 {
  position: absolute;
  bottom: -100px;
  left: 0;
  z-index: 100;
}

/* Sticky */
.l-footer-sticky-4 .has-footer-4 {
  margin-bottom: 100px;
}
.l-footer-sticky-4 .l-footer-4 {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 110;
}

/* Slide */
.l-footer-slide-4 {
  height: 100px;
  bottom: -100px;
}

.l-footer-slide-push-4 {
  bottom: 100px;
}

/*
	Slide styles
	-------------------------------------  */
.l-footer-slide {
  left: 0;
  overflow-x: auto;
  position: fixed;
  width: 100%;
  z-index: 50;
}

.l-footer-slide-open {
  bottom: 0px;
}

.t-footer-slide-1 {
  z-index: 150;
}

/*
	Navigation
	========================================================================== */
.ason-nav {
  font-family: "Source Sans Pro Light";
  margin-left: 0;
}
.ason-nav li {
  position: relative;
  display: block;
}
.ason-nav a {
  padding: 12px 0;
  display: block;
  *zoom: 1;
}
.ason-nav a:before, .ason-nav a:after {
  content: " ";
  display: table;
}
.ason-nav a:after {
  clear: both;
}
.ason-nav .icon {
  float: left;
  line-height: 1.3;
  padding: 0 15px;
}
.ason-nav .title {
  float: left;
}
.ason-nav .info, .ason-nav .new, .ason-nav .soon {
  display: inline-block;
  float: right;
  line-height: 1;
  padding: 5px 7px 3px;
  margin-top: -3px;
  font-family: "Source Sans Pro Semibold";
  font-size: 12px;
  font-size: 0.85714rem;
}
.ason-nav .first {
  margin-left: 15px;
}
.ason-nav .last {
  margin-right: 20px;
}
.ason-nav .arrow {
  float: right;
  margin: 0 20px;
  display: block;
}
.ason-nav .arrow i {
  -moz-transition: all, 100ms;
  -o-transition: all, 100ms;
  -webkit-transition: all, 100ms;
  transition: all, 100ms;
}
.ason-nav .open > a .arrow i {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.ason-nav .active > a > .title {
  font-family: "Source Sans Pro Semibold";
}
.ason-nav .root > a {
  padding: 15px 0;
}
.ason-nav .ul-back {
  z-index: 100 !important;
}
.ason-nav .ul-open {
  overflow: hidden;
  height: auto;
  display: block;
}
.ason-nav .ul-closed {
  overflow: hidden;
  height: 0;
  display: none;
}
.ason-nav .divider {
  width: 100%;
  height: 1px;
}

/*
	Compact Nav State
	------------------------------------- */
.l-sidebar-compact-left .ason-nav > li > a,
.l-sidebar-compact-right .ason-nav > li > a {
  text-align: center;
}
.l-sidebar-compact-left .ason-nav > li > a .arrow,
.l-sidebar-compact-right .ason-nav > li > a .arrow {
  display: none;
  position: absolute;
  bottom: 0px;
  margin: 0;
}
.l-sidebar-compact-left .ason-nav > li > a .title,
.l-sidebar-compact-right .ason-nav > li > a .title {
  display: block;
}
.l-sidebar-compact-left .ason-nav > li > a .icon, .l-sidebar-compact-left .ason-nav > li > a .title,
.l-sidebar-compact-right .ason-nav > li > a .icon,
.l-sidebar-compact-right .ason-nav > li > a .title {
  float: none;
}
.l-sidebar-compact-left .ason-nav > li > a .info,
.l-sidebar-compact-left .ason-nav > li > a .new,
.l-sidebar-compact-left .ason-nav > li > a .soon,
.l-sidebar-compact-right .ason-nav > li > a .info,
.l-sidebar-compact-right .ason-nav > li > a .new,
.l-sidebar-compact-right .ason-nav > li > a .soon {
  float: none;
  margin-top: 0;
  padding: 3px 5px 2px;
  position: absolute;
  top: 5px;
  font-size: 12px;
  font-size: 0.85714rem;
}
.l-sidebar-compact-left .ason-nav > li > a .info,
.l-sidebar-compact-right .ason-nav > li > a .info {
  right: 5px;
}
.l-sidebar-compact-left .ason-nav > li > a .new,
.l-sidebar-compact-right .ason-nav > li > a .new {
  left: 5px;
}
.l-sidebar-compact-left .ason-nav .level-1,
.l-sidebar-compact-right .ason-nav .level-1 {
  position: absolute;
  z-index: 100;
  top: 0;
  width: 250px;
}
.l-sidebar-compact-left .ason-nav .ul-scroll,
.l-sidebar-compact-right .ason-nav .ul-scroll {
  max-height: 320px;
}

.l-sidebar-compact-left .root > a > .arrow {
  right: 12px;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.l-sidebar-compact-left .root.open > a .arrow {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.l-sidebar-compact-left .level-1 {
  left: 100px;
}

.l-sidebar-compact-right .root > a .arrow {
  left: 12px;
}
.l-sidebar-compact-right .level-1 {
  right: 100px;
}

/*
	Collapsed Nav State
	------------------------------------- */
.l-sidebar-collapsed-left .ason-nav > li > a .arrow,
.l-sidebar-collapsed-right .ason-nav > li > a .arrow {
  display: none;
}
.l-sidebar-collapsed-left .ason-nav > li > a .icon,
.l-sidebar-collapsed-right .ason-nav > li > a .icon {
  line-height: 1.4;
  padding: 0 19px;
}
.l-sidebar-collapsed-left .ason-nav > li > a .title,
.l-sidebar-collapsed-right .ason-nav > li > a .title {
  display: none;
  line-height: 1.4;
  padding-left: 10px;
}
.l-sidebar-collapsed-left .ason-nav > li > a .info,
.l-sidebar-collapsed-left .ason-nav > li > a .new,
.l-sidebar-collapsed-left .ason-nav > li > a .soon,
.l-sidebar-collapsed-right .ason-nav > li > a .info,
.l-sidebar-collapsed-right .ason-nav > li > a .new,
.l-sidebar-collapsed-right .ason-nav > li > a .soon {
  float: none;
  margin-top: 0;
  padding: 3px 5px 2px;
  position: absolute;
  top: 5px;
  display: none;
  font-size: 12px;
  font-size: 0.85714rem;
}
.l-sidebar-collapsed-left .ason-nav > li > a .info,
.l-sidebar-collapsed-right .ason-nav > li > a .info {
  right: 5px;
  display: block;
}
.l-sidebar-collapsed-left .ason-nav > li > a .new,
.l-sidebar-collapsed-right .ason-nav > li > a .new {
  right: 15px;
}
.l-sidebar-collapsed-left .ason-nav .level-1,
.l-sidebar-collapsed-right .ason-nav .level-1 {
  position: absolute;
  z-index: 100;
  top: 49px;
  width: 250px;
}
.l-sidebar-collapsed-left .ason-nav .ul-scroll,
.l-sidebar-collapsed-right .ason-nav .ul-scroll {
  max-height: 320px;
}
.l-sidebar-collapsed-left .ason-nav .root.open,
.l-sidebar-collapsed-right .ason-nav .root.open {
  width: 300px;
}
.l-sidebar-collapsed-left .ason-nav .root.open .title,
.l-sidebar-collapsed-right .ason-nav .root.open .title {
  display: block;
}
.l-sidebar-collapsed-left .ason-nav .root.open .new,
.l-sidebar-collapsed-right .ason-nav .root.open .new {
  display: block;
}

.l-sidebar-collapsed-left .root.open {
  left: 0;
  z-index: 10;
}
.l-sidebar-collapsed-left .level-1 {
  left: 50px;
}

.l-sidebar-collapsed-right .root.open {
  right: 250px;
  z-index: 10;
}
.l-sidebar-collapsed-right .level-1 {
  right: 50px;
}

/*
    Bootstrap Navigation
    ========================================================================== */
.navbar-ason {
  margin-bottom: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.navbar-ason .container-fluid,
.navbar-ason .navbar-collapse {
  padding: 0;
}
.navbar-ason .navbar-brand {
  display: none;
  padding: 5px 15px;
}
.navbar-ason .navbar-right {
  margin-right: 0;
}
.navbar-ason .navbar-toggle {
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -webkit-transition: 300ms;
  transition: 300ms;
}

@media (max-width: 767px) {
  .navbar-ason .container-fluid,
  .navbar-ason .navbar-collapse {
    padding: 0 15px;
  }
  .navbar-ason .navbar-nav {
    margin: 0 -15px;
    text-align: center;
  }
  .navbar-ason .navbar-brand {
    display: block;
    text-align: center;
  }
  .navbar-ason .navbar-brand > img {
    display: inline-block;
  }
}
/*  ==========================================================================
    Modules
    ========================================================================== */
/*
    Form - Elements
    ========================================================================== */
/*
    Basic Elements
    ------------------------------------- */
label {
  font-family: "Source Sans Pro Semibold";
  font-weight: normal;
}

input,
textarea,
.form-control {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -webkit-transition: 300ms;
  transition: 300ms;
}
input:focus,
textarea:focus,
.form-control:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

input:hover,
textarea:hover,
select:hover,
.form-control:hover {
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -webkit-transition: 300ms;
  transition: 300ms;
}

/*
    Textarea with Counters
    ------------------------------------- */
.originalTextareaInfo,
.warningTextareaInfo {
  text-align: right;
  width: 100% !important;
}

/*
   	Text input groups
    ------------------------------------- */
.input-group-addon:first-child {
  border-right: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

/*
    Bootstrap Touchspin
    ------------------------------------- */
.bootstrap-touchspin .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}
.bootstrap-touchspin .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px 10px;
  margin-left: -1px;
  position: relative;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0;
  border-top-right-radius: 2px;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  margin-top: -2px;
  border-radius: 0;
  border-bottom-right-radius: 2px;
}
.bootstrap-touchspin .input-group-btn-vertical i {
  position: absolute;
  top: 3px;
  left: 5px;
  font-size: 9px;
  font-weight: normal;
}

/*
    Switchery
    ------------------------------------- */
.switchery {
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 20px;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  position: relative;
  vertical-align: middle;
  width: 50px;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: content-box;
  background-clip: content-box;
}
.switchery > small {
  background: #fff;
  border-radius: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  height: 30px;
  position: absolute;
  top: 0;
  width: 30px;
}

/* Switchery sizes. */
.switchery-extra-small {
  border-radius: 10px;
  height: 10px;
  width: 16px;
}
.switchery-extra-small > small {
  height: 10px;
  width: 10px;
}

.switchery-small {
  border-radius: 20px;
  height: 20px;
  width: 33px;
}
.switchery-small > small {
  height: 20px;
  width: 20px;
}

.switchery-large {
  border-radius: 40px;
  height: 40px;
  width: 66px;
}
.switchery-large > small {
  height: 40px;
  width: 40px;
}

/*
    On-Off Toggle Switch
    ------------------------------------- */
.onoffswitch-checkbox {
  display: none;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0;
}

.onoffDefault {
  position: relative;
  width: 70px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.onoffDefault .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
.onoffDefault .onoffswitch-inner {
  width: 200%;
  margin-left: -100%;
  -webkit-transition: margin 0.2s ease-in;
  transition: margin 0.2s ease-in;
}
.onoffDefault .onoffswitch-inner:before, .onoffDefault .onoffswitch-inner:after {
  float: left;
  padding: 0;
  width: 50%;
  height: 26px;
  font: bold 14px / 26px Trebuchet, Arial, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.onoffDefault .onoffswitch-inner:before {
  padding-left: 10px;
}
.onoffDefault .onoffswitch-inner:after {
  padding-right: 10px;
  text-align: right;
}
.onoffDefault .onoffswitch-switch {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 40px;
  width: 20px;
  margin: 4px;
  -webkit-transition: right 0.2s ease-in, -webkit-box-shadow 0.2s ease-in;
  transition: right 0.2s ease-in, box-shadow 0.2s ease-in;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.onoffiOS {
  position: relative;
  width: 80px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.onoffiOS .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 2px;
}
.onoffiOS .onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}
.onoffiOS .onoffswitch-inner:before, .onoffiOS .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 16px;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.onoffiOS .onoffswitch-inner:before {
  padding-left: 10px;
}
.onoffiOS .onoffswitch-inner:after {
  padding-right: 10px;
  text-align: right;
}
.onoffiOS .onoffswitch-switch {
  display: block;
  width: 30px;
  margin: 0px;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 50px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}

.onoffWindows {
  position: relative;
  width: 80px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.onoffWindows .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 0px;
}
.onoffWindows .onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}
.onoffWindows .onoffswitch-inner:before, .onoffWindows .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 26px;
  font-size: 14px;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.onoffWindows .onoffswitch-inner:before {
  content: "";
  padding-left: 10px;
}
.onoffWindows .onoffswitch-inner:after {
  content: "";
  padding-right: 10px;
  text-align: right;
}
.onoffWindows .onoffswitch-switch {
  display: block;
  width: 20px;
  margin: 0px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 60px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}

/*
    FancySelect
    ------------------------------------- */
div.fancy-select {
  position: relative;
  text-transform: uppercase;
  font-size: 13px;
  font-size: 0.92857rem;
}
div.fancy-select.disabled {
  opacity: 0.5;
}
div.fancy-select div.trigger {
  cursor: pointer;
  padding: 7px 24px 4px 9px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  width: 200px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: all 240ms ease-out;
  -o-transition: all 240ms ease-out;
  -webkit-transition: all 240ms ease-out;
  transition: all 240ms ease-out;
}
div.fancy-select div.trigger:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  top: 14px;
  right: 10px;
}
div.fancy-select ul.options {
  list-style: none;
  margin: 0;
  position: absolute;
  top: 40px;
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 50;
  max-height: 200px;
  overflow: auto;
  min-width: 200px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
}
div.fancy-select ul.options.open {
  visibility: visible;
  top: 40px;
  opacity: 1;
  /* have to use a non-visibility transition to prevent this iOS issue (bug?): */
  /*http://stackoverflow.com/questions/10736478/css-animation-visibility-visible-works-on-chrome-and-safari-but-not-on-ios*/
  -moz-transition: opacity 300ms ease-out, top 300ms ease-out;
  -o-transition: opacity 300ms ease-out, top 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
  transition: opacity 300ms ease-out, top 300ms ease-out;
}
div.fancy-select ul.options.overflowing {
  top: auto;
  bottom: 40px;
  -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  -o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
}
div.fancy-select ul.options.overflowing.open {
  top: auto;
  bottom: 40px;
  -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out;
  -o-transition: opacity 300ms ease-out, bottom 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out;
  transition: opacity 300ms ease-out, bottom 300ms ease-out;
}
div.fancy-select ul.options li {
  padding: 8px 12px;
  cursor: pointer;
  white-space: nowrap;
  -moz-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out;
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
}

/*
    Checkradios
    ------------------------------------- */
.checkradios-checkbox,
.checkradios-radio {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin-right: 5px;
  width: 1em;
  height: 1em;
  cursor: pointer;
  padding: 0.2em;
  overflow: hidden;
  font-size: 12px;
  font-size: 0.85714rem;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.checkradios-radio {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.checkradios-radio:before {
  font-size: 0.8em;
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
}

/*Hide original*/
.checkradios-checkbox input[type=checkbox],
.checkradios-radio input[type=radio] {
  margin: 0;
  position: absolute;
  top: 0;
  left: -500%;
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: bottom;
}

/*
    CheckBo
    ------------------------------------- */
.cb-checkbox .cb-inner, .cb-checkbox i {
  width: 18px;
  height: 18px;
}
.cb-checkbox.cb-sm i, .cb-checkbox.cb-sm .cb-inner {
  width: 14px;
  height: 14px;
}
.cb-checkbox.cb-md i, .cb-checkbox.cb-md .cb-inner {
  width: 24px;
  height: 24px;
}
.cb-checkbox.cb-lg i, .cb-checkbox.cb-lg .cb-inner {
  width: 30px;
  height: 30px;
}

.cb-radio .cb-inner {
  width: 18px;
  height: 18px;
}
.cb-radio.cb-sm .cb-inner {
  width: 14px;
  height: 14px;
}
.cb-radio.cb-md .cb-inner {
  width: 24px;
  height: 24px;
}
.cb-radio.cb-lg .cb-inner {
  width: 30px;
  height: 30px;
}

.cb-checkbox, .cb-radio {
  padding: 3px 0;
  color: inherit;
  cursor: pointer;
  overflow: hidden;
  font-size: inherit;
  font-weight: normal;
  display: inline-block;
  line-height: 18px;
  margin: 0;
}

.cb-checkbox.disabled, .cb-radio.disabled {
  cursor: default;
}
.cb-checkbox.disabled *, .cb-radio.disabled * {
  cursor: default;
}

.cb-checkbox input[type="checkbox"], .cb-radio input[type="radio"] {
  display: none;
}

.cb-switcher input[type="checkbox"], .cb-switcher input[type="radio"] {
  display: none;
}

.cb-checkbox.disabled, .cb-radio.disabled, .cb-switcher.disabled {
  cursor: default;
}
.cb-checkbox.disabled *, .cb-radio.disabled *, .cb-switcher.disabled * {
  cursor: default;
}

.cb-checkbox .cb-inner {
  float: left;
  overflow: hidden;
  margin: 0 5px 0 0;
  position: relative;
  display: inline-block;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.cb-checkbox i {
  top: 1px;
  left: 2px;
  display: block;
  position: absolute;
}
.cb-checkbox i:before, .cb-checkbox i:after {
  height: 0;
  width: 2px;
  content: "";
  display: block;
  position: absolute;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.cb-checkbox i:before {
  top: 0;
  left: 0;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cb-checkbox i:after {
  left: 7px;
  bottom: 5px;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.cb-radio .cb-inner {
  float: left;
  overflow: hidden;
  margin: 0 5px 0 0;
  position: relative;
  display: inline-block;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.cb-radio i {
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  margin-left: -3px;
  position: absolute;
  background-color: transparent;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -moz-transform: scale(0.05, 5);
  -ms-transform: scale(0.05, 5);
  -webkit-transform: scale(0.05, 5);
  transform: scale(0.05, 5);
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.cb-checkbox.cb-sm, .cb-radio.cb-sm {
  line-height: 14px;
}

.cb-checkbox.cb-md, .cb-radio.cb-md {
  line-height: 24px;
}

.cb-checkbox.cb-lg, .cb-radio.cb-lg {
  line-height: 30px;
}

.cb-checkbox.cb-sm i:before {
  top: 4px;
  left: 1px;
}
.cb-checkbox.cb-sm i:after {
  left: 5px;
}
.cb-checkbox.cb-md i:before {
  top: 10px;
  left: 5px;
}
.cb-checkbox.cb-md i:after {
  bottom: 6px;
  left: 11px;
}
.cb-checkbox.checked.cb-sm i:before {
  top: 4px;
  left: 1px;
}
.cb-checkbox.checked.cb-sm i:after {
  height: 9px;
}
.cb-checkbox.checked.cb-md i:before {
  top: 10px;
  left: 4px;
  height: 8px;
}
.cb-checkbox.checked.cb-md i:after {
  bottom: 6px;
  left: 11px;
  height: 16px;
}
.cb-checkbox.checked.cb-lg i:before {
  top: 11px;
  left: 6px;
  height: 12px;
}
.cb-checkbox.checked.cb-lg i:after {
  left: 14px;
  bottom: 7px;
  height: 20px;
}
.cb-checkbox.checked i:before {
  top: 6px;
  left: 2px;
  height: 6px;
}
.cb-checkbox.checked i:after {
  height: 12px;
}

.cb-radio.checked i {
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.cb-switcher {
  display: inline-block;
  width: 95px;
  height: 35px;
  position: relative;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -moz-transition: background 0.4s ease;
  -o-transition: background 0.4s ease;
  -webkit-transition: background 0.4s ease;
  transition: background 0.4s ease;
  cursor: pointer;
}
.cb-switcher * {
  cursor: pointer;
}
.cb-switcher ::-moz-selection, .cb-switcher ::selection {
  background-color: transparent;
}
.cb-switcher .cb-state {
  z-index: 1;
  text-align: center;
  font-size: 12px;
  width: 34px;
  height: 34px;
  line-height: 34px;
  position: absolute;
  left: 0;
  top: -1px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.cb-switcher:before {
  width: 34px;
  height: 34px;
  line-height: 34px;
  position: absolute;
  left: 0;
  top: -1px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  content: "";
}
.cb-switcher.checked .cb-state {
  left: 60px;
}
.cb-switcher.checked:before {
  left: 60px;
}
.cb-switcher .inner-switcher:before, .cb-switcher .inner-switcher:after {
  content: "";
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  z-index: 2;
  margin-left: -20px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  -moz-transition: border 0.4s ease;
  -o-transition: border 0.4s ease;
  -webkit-transition: border 0.4s ease;
  transition: border 0.4s ease;
}
.cb-switcher .inner-switcher:before {
  top: 0;
}
.cb-switcher .inner-switcher:after {
  bottom: 0;
}

.cb-state {
  display: inline-block;
}

.cb-switcher-group .cb-state {
  position: relative;
  top: 7px;
}

.is-hidden {
  display: none !important;
  visibility: hidden !important;
}

/*
    Bootstrap Select
    ------------------------------------- */
.bootstrap-select {
  /*width: 220px\9; IE8 and below*/
  width: 220px \0;
  /*IE9 and below*/
}
.bootstrap-select > .btn {
  width: 100%;
  padding-right: 25px;
}
.error .bootstrap-select .btn {
  border: 1px solid #b94a48;
}
.control-group.error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48;
}
.bootstrap-select.fit-width {
  width: auto !important;
}

.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}
.bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%;
}

.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-fluid .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right;
}
.form-search .bootstrap-select.btn-group, .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 {
  padding: 0;
}
.form-inline .bootstrap-select.btn-group .form-control {
  width: 100%;
}
.input-append .bootstrap-select.btn-group {
  margin-left: -1px;
}
.input-prepend .bootstrap-select.btn-group {
  margin-right: -1px;
}
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed;
}
.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important;
}
.bootstrap-select.btn-group .btn .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.bootstrap-select.btn-group .btn .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.bootstrap-select.btn-group[class*="col-"] .btn {
  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;
  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:not(.disabled) a:hover small, .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:focus small, .bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) a small {
  color: #64b1d8;
  color: fade(#64b1d8, 40%);
}
.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: whitesmoke;
  border: 1px solid #e3e3e3;
  box-shadow: inset 0 1px 1px fade(black, 5%);
  pointer-events: none;
  opacity: 0.9;
  box-sizing: border-box;
}
.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
}
.bootstrap-select.btn-group.fit-width .btn .filter-option {
  position: static;
}
.bootstrap-select.btn-group.fit-width .btn .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 > .btn {
  z-index: 1036;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom-width: 7px;
  border-bottom-style: solid;
  border-bottom-color: #cccccc;
  border-bottom-color: fade(#cccccc, 20%);
  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-bottom: 0;
  border-top-width: 7px;
  border-top-style: solid;
  border-top-color: #cccccc;
  border-top-color: fade(#cccccc, 20%);
}
.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 {
  padding: 4px 8px;
}

.bs-actionsbox {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
  width: 50%;
}

.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.bs-searchbox input.form-control {
  margin-bottom: 0;
  width: 100%;
}

.mobile-device {
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  width: 100%;
  height: 100% !important;
  opacity: 0;
}

/*
    Form - Upload
    ========================================================================== */
/*
    Bootstrap File Upload
    ------------------------------------- */
.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  cursor: inherit;
  display: block;
}

input[readonly] {
  cursor: text !important;
}

/*
    jQuery File Upload
    ------------------------------------- */
/*  ----- Basic Setup ----- */
.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}
/*  ----- UI Setup ----- */
.fileupload-buttonbar .btn, .fileupload-buttonbar .toggle {
  margin: 0 5px 5px 0;
}
.fileupload-buttonbar i {
  margin-right: 5px;
  vertical-align: text-top;
}

.progress-animated .progress-bar, .progress-animated .bar {
  background: url("../img/plugins/jquery_file_upload/progressbar.gif") !important;
  filter: none;
}

.fileupload-process {
  float: right;
  display: none;
}

.fileupload-processing .fileupload-process {
  display: block;
  width: 32px;
  height: 32px;
  background: url("../img/plugins/jquery_file_upload/loading.gif") center no-repeat;
  background-size: contain;
}

.files .processing .preview {
  display: block;
  width: 32px;
  height: 32px;
  background: url("../img/plugins/jquery_file_upload/loading.gif") center no-repeat;
  background-size: contain;
}
.files audio, .files video {
  max-width: 300px;
}

.template-upload .btn,
.template-download .btn {
  margin-right: 5px;
}
.template-upload i,
.template-download i {
  margin-right: 5px;
  vertical-align: text-top;
}

/*
    Blueimp Gallery for jQuery File Upload
    ------------------------------------- */
.blueimp-gallery {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* Prevent artifacts in Mozilla Firefox: */
  -moz-backface-visibility: hidden;
  position: fixed;
  z-index: 999999;
  overflow: hidden;
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  opacity: 0;
  display: none;
  direction: ltr;
  -ms-touch-action: none;
  touch-action: none;
}
.blueimp-gallery > .slides > .slide > .slide-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* Prevent artifacts in Mozilla Firefox: */
  -moz-backface-visibility: hidden;
  margin: auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  opacity: 1;
}

.blueimp-gallery-carousel {
  position: relative;
  z-index: auto;
  margin: 1em auto;
  /* Set the carousel width/height ratio to 16/9: */
  padding-bottom: 56.25%;
  box-shadow: 0 0 10px #000;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.blueimp-gallery-display {
  display: block;
  opacity: 1;
}

.blueimp-gallery > .slides {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.blueimp-gallery-carousel > .slides {
  position: absolute;
}

.blueimp-gallery {
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -ms-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}
.blueimp-gallery > .slides > .slide {
  position: relative;
  float: left;
  height: 100%;
  text-align: center;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.blueimp-gallery > .slides > .slide > .slide-content {
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -ms-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}
.blueimp-gallery > .slides > .slide-loading {
  background: url(../img/plugins/blueimp_gallery/loading.gif) center no-repeat;
  background-size: 64px 64px;
}
.blueimp-gallery > .slides > .slide-loading > .slide-content {
  opacity: 0;
}
.blueimp-gallery > .slides > .slide-error {
  background: url(../img/plugins/blueimp_gallery/error.png) center no-repeat;
}
.blueimp-gallery > .slides > .slide-error > .slide-content {
  display: none;
}
.blueimp-gallery > .prev {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -23px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 0 2px #000;
  text-align: center;
  background: #222;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: 3px solid #fff;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  opacity: 0.5;
  cursor: pointer;
  display: none;
}
.blueimp-gallery > .next {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -23px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 0 2px #000;
  text-align: center;
  background: #222;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: 3px solid #fff;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  opacity: 0.5;
  cursor: pointer;
  display: none;
  left: auto;
  right: 15px;
}
.blueimp-gallery > .close, .blueimp-gallery > .title {
  position: absolute;
  top: 15px;
  left: 15px;
  margin: 0 40px 0 0;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  text-shadow: 0 0 2px #000;
  opacity: 0.8;
  display: none;
}
.blueimp-gallery > .close {
  padding: 15px;
  right: 15px;
  left: auto;
  margin: -15px;
  font-size: 30px;
  text-decoration: none;
  cursor: pointer;
}
.blueimp-gallery > .play-pause {
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 15px;
  height: 15px;
  background: url(../img/plugins/blueimp_gallery/play-pause.png) 0 0 no-repeat;
  cursor: pointer;
  opacity: 0.5;
  display: none;
}

.blueimp-gallery-playing > .play-pause {
  background-position: -15px 0;
}

.blueimp-gallery > .prev:hover, .blueimp-gallery > .next:hover, .blueimp-gallery > .close:hover, .blueimp-gallery > .title:hover, .blueimp-gallery > .play-pause:hover {
  color: #fff;
  opacity: 1;
}

.blueimp-gallery-controls > .prev, .blueimp-gallery-controls > .next, .blueimp-gallery-controls > .close, .blueimp-gallery-controls > .title, .blueimp-gallery-controls > .play-pause {
  display: block;
  /* Fix z-index issues (controls behind slide element) on Android: */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

.blueimp-gallery-single > .prev, .blueimp-gallery-left > .prev, .blueimp-gallery-single > .next, .blueimp-gallery-right > .next, .blueimp-gallery-single > .play-pause {
  display: none;
}

.blueimp-gallery > .slides > .slide > .slide-content, .blueimp-gallery > .prev, .blueimp-gallery > .next, .blueimp-gallery > .close, .blueimp-gallery > .play-pause {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Replace PNGs with SVGs for capable browsers (excluding IE<9) */
body:last-child .blueimp-gallery > .slides > .slide-error {
  background-image: url(../img/plugins/blueimp_gallery/error.svg);
}
body:last-child .blueimp-gallery > .play-pause {
  width: 20px;
  height: 20px;
  background-size: 40px 20px;
  background-image: url(../img/plugins/blueimp_gallery/play-pause.svg);
}
body:last-child .blueimp-gallery-playing > .play-pause {
  background-position: -20px 0;
}

/* IE7 fixes */
* + html .blueimp-gallery > .slides > .slide {
  min-height: 300px;
}
* + html .blueimp-gallery > .slides > .slide > .slide-content {
  position: relative;
}

@media (max-width: 767px) {
  /*
      jQuery File Upload
      ------------------------------------- */
  .fileupload-buttonbar .toggle {
    display: none;
  }

  .files .toggle, .files .btn span {
    display: none;
  }
  .files .name {
    width: 80px;
    word-wrap: break-word;
  }
  .files audio, .files video {
    max-width: 80px;
  }
  .files img, .files canvas {
    max-width: 100%;
  }
}
/*
    Form - Validation
    ========================================================================== */
/*
    Parsley Validation
    ------------------------------------- */
.parsley-errors-list {
  margin: 10px 0 5px 0;
  padding: 0;
  list-style-type: none;
  line-height: 0.9em;
  font-size: 13px;
  font-size: 0.92857rem;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.parsley-errors-list.filled {
  opacity: 1;
}

/*
    Validate Validation
    ------------------------------------- */
.validate label.error {
  display: none;
  font-weight: normal;
  margin: 5px 0 10px;
  overflow: hidden;
  *zoom: 1;
}

/*
    Form - Wizard
    ========================================================================== */
/*
    Steps
    ------------------------------------- */
/*
    Common
*/
.wizard, .tabcontrol {
  display: block;
  width: 100%;
  overflow: hidden;
}

.wizard a, .tabcontrol a {
  outline: 0;
}

.wizard ul, .tabcontrol ul {
  list-style: none !important;
  padding: 0;
  margin: 0;
}

.wizard ul > li, .tabcontrol ul > li {
  display: block;
  padding: 0;
}

/* Accessibility */
.wizard > .steps .current-info,
.tabcontrol > .steps .current-info,
.wizard > .content > .title,
.tabcontrol > .content > .title {
  position: absolute;
  left: -999em;
}

/*
    Wizard
*/
.wizard > .steps {
  position: relative;
  display: block;
  width: 100%;
}
.wizard.vertical > .steps {
  display: inline;
  float: left;
  width: 30%;
}
.wizard.vertical > .steps > ul > li {
  float: none;
  width: 100%;
}
.wizard.vertical > .content {
  display: inline;
  float: left;
  margin: 0 2.5% 0.5em 2.5%;
  width: 65%;
}
.wizard.vertical > .actions {
  display: inline;
  float: right;
  margin: 0 2.5%;
  width: 95%;
}
.wizard.vertical > .actions > ul > li {
  margin: 0 0 0 1em;
}
.wizard > .steps .number {
  font-size: 1.429em;
}
.wizard > .steps > ul > li {
  width: 25%;
  float: left;
}
.wizard > .actions > ul > li {
  float: left;
}
.wizard > .steps a {
  display: block;
  width: auto;
  margin: 0 0.5em 0.5em;
  padding: 10px 15px;
  text-decoration: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.wizard > .steps .disabled a {
  cursor: default;
}
.wizard > .steps .current a {
  cursor: default;
}
.wizard > .content {
  display: block;
  margin: 0.5em;
  min-height: 25em;
  overflow: hidden;
  position: relative;
  width: auto;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.wizard > .content > .body {
  float: left;
  position: absolute;
  width: 95%;
  height: 95%;
  padding: 2.5%;
}
.wizard > .content > .body ul {
  list-style: disc !important;
}
.wizard > .content > .body ul > li {
  display: list-item;
}
.wizard > .content > .body > iframe {
  border: 0 none;
  width: 100%;
  height: 100%;
}
.wizard > .content > .body input {
  display: block;
}
.wizard > .content > .body input[type="checkbox"] {
  display: inline-block;
}
.wizard > .content > .body label {
  display: inline-block;
  margin: 0;
  line-height: 2.5;
}
.wizard > .content > .body label.error {
  display: inline-block;
  line-height: 1.8;
}
.wizard > .actions {
  position: relative;
  display: block;
  text-align: right;
  width: 100%;
}
.wizard > .actions > ul {
  display: inline-block;
  text-align: right;
}
.wizard > .actions > ul > li {
  margin: 0 0.5em;
}
.wizard > .actions a {
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.wizard > .actions a:hover, .wizard > .actions a:active {
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

/*
    Tabcontrol
*/
.tabcontrol > .steps {
  position: relative;
  display: block;
  width: 100%;
}
.tabcontrol > .steps > ul {
  position: relative;
  margin: 6px 0 0 0;
  top: 1px;
  z-index: 1;
}
.tabcontrol > .steps > ul > li {
  float: left;
  margin: 5px 2px 0 0;
  padding: 1px;
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
}
.tabcontrol > .steps > ul > li:hover {
  padding: 0;
}
.tabcontrol > .steps > ul > li.current {
  padding: 0 0 1px 0;
  margin-top: 0;
}
.tabcontrol > .steps > ul > li.current > a {
  padding: 15px 30px 10px 30px;
}
.tabcontrol > .steps > ul > li > a {
  display: inline-block;
  border: 0 none;
  margin: 0;
  padding: 10px 30px;
  text-decoration: none;
}
.tabcontrol > .steps > ul > li > a:hover {
  text-decoration: none;
}
.tabcontrol > .content {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 25em;
  overflow: hidden;
  padding-top: 20px;
}
.tabcontrol > .content > .body {
  float: left;
  position: absolute;
  width: 95%;
  height: 95%;
  padding: 2.5%;
}
.tabcontrol > .content > .body ul {
  list-style: disc !important;
}
.tabcontrol > .content > .body ul > li {
  display: list-item;
}

/*
    Table - Static
    ========================================================================== */
/*
    Table
    ------------------------------------- */
th {
  font-family: "Source Sans Pro Semibold";
}

.table-hover > tbody > tr:hover {
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -webkit-transition: 300ms;
  transition: 300ms;
}

/*
    Table - DataTable
    ========================================================================== */
/*
    DataTable
    ------------------------------------- */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
     * Header and footer styles
     */
  /*
     * Body styles
     */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
table.dataTable thead th, table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th, table.dataTable thead td {
  padding: 10px 20px;
}
table.dataTable thead th:active, table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th, table.dataTable tfoot td {
  padding: 10px 20px;
}
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
  cursor: pointer;
  *cursor: hand;
}
table.dataTable thead .sorting {
  cursor: pointer;
  *cursor: hand;
}
table.dataTable tbody th, table.dataTable tbody td {
  padding: 10px 20px;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable.compact thead th, table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px;
}
table.dataTable.compact tfoot th, table.dataTable.compact tfoot td {
  padding: 4px;
}
table.dataTable.compact tbody th, table.dataTable.compact tbody td {
  padding: 4px;
}
table.dataTable th.dt-left, table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center {
  text-align: center;
}
table.dataTable td.dt-center, table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right, table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify, table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left {
  text-align: left;
}
table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center {
  text-align: center;
}
table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right {
  text-align: right;
}
table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify {
  text-align: justify;
}
table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}
table.dataTable th, table.dataTable td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.display tbody tr.even:hover {
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -webkit-transition: 300ms;
  transition: 300ms;
}
table.dataTable.display tbody tr:hover .sorting_1,
table.dataTable.display tbody tr.odd:hover .sorting_1,
table.dataTable.display tbody tr.even:hover .sorting_1 {
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -webkit-transition: 300ms;
  transition: 300ms;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
  padding: 20px 20px 10px;
}
.dataTables_wrapper .dataTables_length label {
  margin: 0;
}
.dataTables_wrapper .dataTables_length select {
  padding: 5px 10px;
  margin: 0 5px;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
  padding: 20px 20px 10px;
}
.dataTables_wrapper .dataTables_filter label {
  margin: 0;
}
.dataTables_wrapper .dataTables_filter input {
  padding: 5px 10px;
  margin-left: 10px;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding: 20px;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding: 10px 20px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  cursor: default;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

/*
	AutoFill styles
	------------------------------------- */
div.AutoFill_filler {
  display: none;
  position: absolute;
  height: 14px;
  width: 14px;
  background: url(../img/plugins/datatable/filler.png) no-repeat center center;
  z-index: 1002;
}

div.AutoFill_border {
  display: none;
  position: absolute;
  z-index: 1001;
}

/*
	ColReorder styles
	------------------------------------- */
table.DTCR_clonedTable {
  z-index: 202;
}

div.DTCR_pointer {
  width: 1px;
  z-index: 201;
}

/*
	Responsive styles
	------------------------------------- */
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  top: 12px;
  left: 6px;
  height: 16px;
  width: 16px;
  display: block;
  position: absolute;
  text-align: center;
  line-height: 18px;
  box-sizing: content-box;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  content: '+';
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child.dataTables_empty:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child.dataTables_empty:before {
  display: none;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: '-';
  line-height: 16px;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before {
  display: none;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
  padding-left: 27px;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
  top: 5px;
  left: 4px;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  line-height: 12px;
}
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
  position: relative;
  cursor: pointer;
}
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  top: 50%;
  left: 50%;
  height: 16px;
  width: 16px;
  margin-top: -10px;
  margin-left: -10px;
  display: block;
  position: absolute;
  text-align: center;
  line-height: 18px;
  box-sizing: content-box;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  content: '+';
}
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  content: '-';
  line-height: 16px;
}
table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}
table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}
table.dataTable > tbody > tr.child ul {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
table.dataTable > tbody > tr.child ul li {
  padding: 0.5em 0;
}
table.dataTable > tbody > tr.child ul li:first-child {
  padding-top: 0;
}
table.dataTable > tbody > tr.child ul li:last-child {
  border-bottom: none;
}
table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-family: "Source Sans Pro Semibold";
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
    margin-top: 0.5em;
  }
}
/*
    Table - FooTable
    ========================================================================== */
/*
    FooTable
    ------------------------------------- */
@font-face {
  font-family: "footable";
  src: url("../fonts/footable/footable.eot");
  src: url("../fonts/footable/footable.eot?#iefix") format("embedded-opentype"), url("../fonts/footable/footable.woff") format("woff"), url("../fonts/footable/footable.ttf") format("truetype"), url("../fonts/footable/footable.svg#footable") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "footable";
    src: url("fontPathfootable.svg#footable") format("svg");
    font-weight: normal;
    font-style: normal;
  }
}
.footable {
  width: 100%;
  /** SORTING **/
  /** PAGINATION **/
}
.footable > thead > tr > th, .footable > thead > tr > td, .footable > tbody > tr > th, .footable > tbody > tr > td, .footable > tfoot > tr > th, .footable > tfoot > tr > td {
  padding: 10px 20px;
}
.footable.breakpoint > tbody > tr.footable-detail-show > td {
  border-bottom: none;
}
.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "î€?";
}
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
  cursor: pointer;
}
.footable.breakpoint > tbody > tr > td.footable-cell-detail {
  border-top: none;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle {
  display: inline-block;
  font-family: "footable";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  padding-right: 10px;
  font-size: 12px;
  font-size: 0.85714rem;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
  content: "î€€";
}
.footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "î€…";
}
.footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before {
  content: "î€„";
}
.footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "î€ƒ";
}
.footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before {
  content: "î€‚";
}
.footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "î€‡";
}
.footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before {
  content: "î€†";
}
.footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "î€‰";
}
.footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before {
  content: "î€ˆ";
}
.footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "î€?";
}
.footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before {
  content: "î€‘";
}
.footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "î€“";
}
.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before {
  content: "î€•";
}
.footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "î€›";
}
.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before {
  content: "î€?";
}
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "î€‹";
}
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before {
  content: "î€?";
}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "î€Ÿ";
}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before {
  content: "î€¡";
}
.footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "î€—";
}
.footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before {
  content: "î€™";
}
.footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle {
  font-size: 18px;
}
.footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle {
  font-size: 24px;
}
.footable > thead > tr > th {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.footable > thead > tr > th.footable-sortable:hover {
  cursor: pointer;
}
.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {
  content: "î€“";
}
.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {
  content: "î€’";
}
.footable > thead > tr > th > span.footable-sort-indicator {
  display: inline-block;
  font-family: "footable";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  padding-left: 10px;
}
.footable > thead > tr > th > span.footable-sort-indicator:before {
  content: "î€¢";
}
.footable > tfoot .pagination {
  margin: 0;
}
.footable.no-paging .hide-if-no-paging {
  display: none;
}

.footable-row-detail-inner {
  display: table;
}

.footable-row-detail-row {
  display: table-row;
  line-height: 1.5em;
}

.footable-row-detail-group {
  display: block;
  line-height: 2em;
  font-size: 1.2em;
  font-family: "Source Sans Pro Semibold";
}

.footable-row-detail-name {
  display: table-cell;
  font-family: "Source Sans Pro Semibold";
  padding-right: 0.5em;
}

.footable-row-detail-value {
  display: table-cell;
}

/*
    Chart - C3
    ========================================================================== */
/*
    C3
    ------------------------------------- */
/*-- Chart --*/
.c3 svg {
  font-size: 10px;
  font-size: 0.71429rem;
}
.c3 text {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.c3-legend-item-tile, .c3-xgrid-focus, .c3-ygrid, .c3-event-rect, .c3-bars path {
  shape-rendering: crispEdges;
}

.c3-chart-arc text {
  font-size: 13px;
  font-size: 0.92857rem;
}

/*-- Axis --*/
.c3-xgrid, .c3-ygrid {
  stroke-dasharray: 3 3;
}

/*-- Text on Chart --*/
.c3-text.c3-empty {
  font-size: 15px;
  font-size: 1.07143rem;
}

/*-- Line --*/
.c3-line {
  stroke-width: 1px;
}

/*-- Point --*/
.c3-circle._expanded_ {
  stroke-width: 1px;
}

.c3-selected-circle {
  stroke-width: 2px;
}

/*-- Bar --*/
.c3-bar {
  stroke-width: 0;
}
.c3-bar._expanded_ {
  fill-opacity: 0.75;
}

/*-- Arc --*/
.c3-chart-arcs-title {
  dominant-baseline: middle;
  font-size: 13px;
  font-size: 0.92857rem;
}

/*-- Focus --*/
.c3-target.c3-focused {
  opacity: 1;
}
.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
  stroke-width: 2px;
}
.c3-target.c3-defocused {
  opacity: 0.3 !important;
}

/*-- Region --*/
.c3-region {
  fill-opacity: 0.1;
}

/*-- Brush --*/
.c3-brush .extent {
  fill-opacity: 0.1;
}

/*-- Select - Drag --*/
/*-- Legend --*/
.c3-legend-item {
  font-size: 12px;
  font-size: 0.85714rem;
}

.c3-legend-item-hidden {
  opacity: 0.15;
}

.c3-legend-background {
  opacity: 0.75;
  stroke-width: 1;
}

/*-- Tooltip --*/
.c3-tooltip-container {
  z-index: 10;
}

.c3-tooltip {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  opacity: 0.9;
}
.c3-tooltip th {
  padding: 2px 5px;
  text-align: left;
  font-size: 13px;
  font-size: 0.92857rem;
}
.c3-tooltip td {
  padding: 3px 6px;
  font-size: 12px;
  font-size: 0.85714rem;
}
.c3-tooltip td > span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
}
.c3-tooltip td.value {
  text-align: right;
}

.c3-area {
  stroke-width: 0;
  opacity: 0.2;
}

.c3-chart-arcs .c3-chart-arcs-background {
  stroke: none;
}
.c3-chart-arcs .c3-chart-arcs-gauge-unit {
  font-size: 16px;
  font-size: 1.14286rem;
}

.c3-chart-arc .c3-gauge-value {
  font-size: 28px;
  font-size: 2rem;
}

/*
    Chart - Flot
    ========================================================================== */
/*
	Flot
	------------------------------------- */
.flot-container {
  box-sizing: border-box;
  width: 100%;
  height: 450px;
  padding: 5px 10px;
  margin: 0 auto;
}

.flot-chart {
  width: 100%;
  height: 100%;
}

/*
    Chart - Morris
    ========================================================================== */
/*
    Morris
    ------------------------------------- */
.morris-hover {
  position: absolute;
  z-index: 1000;
}
.morris-hover.morris-default-style {
  padding: 6px;
  text-align: center;
  font-size: 12px;
  font-size: 0.85714rem;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight: bold;
  margin: 0.25em 0;
}
.morris-hover.morris-default-style .morris-hover-point {
  white-space: nowrap;
  margin: 0.1em 0;
}

.morris-chart {
  width: 100%;
  height: 100%;
}

/*
    Chart - Rickshaw
    ========================================================================== */
/*
    Rickshaw
    ------------------------------------- */
.rickshaw_graph {
  /* graph */
  position: relative;
  /* ticks */
}
.rickshaw_graph .detail {
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: 2;
  bottom: 0;
  width: 1px;
  transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
  -webkit-transition: opacity 0.25s linear;
}
.rickshaw_graph .detail.inactive {
  opacity: 0;
}
.rickshaw_graph .detail .item.active {
  opacity: 1;
}
.rickshaw_graph .detail .x_label {
  font-family: Arial, sans-serif;
  border-radius: 3px;
  padding: 6px;
  opacity: 0.5;
  font-size: 12px;
  font-size: 0.85714rem;
  position: absolute;
  white-space: nowrap;
}
.rickshaw_graph .detail .x_label.left {
  left: 0;
}
.rickshaw_graph .detail .x_label.right {
  right: 0;
}
.rickshaw_graph .detail .item {
  position: absolute;
  z-index: 2;
  border-radius: 3px;
  padding: 0.25em;
  font-size: 12px;
  font-size: 0.85714rem;
  font-family: Arial, sans-serif;
  opacity: 0;
  margin-left: 1em;
  margin-right: 1em;
  margin-top: -1em;
  white-space: nowrap;
}
.rickshaw_graph .detail .item.left {
  left: 0;
}
.rickshaw_graph .detail .item.right {
  right: 0;
}
.rickshaw_graph .detail .item.active {
  opacity: 1;
}
.rickshaw_graph .detail .item:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  content: "";
  border: 5px solid transparent;
}
.rickshaw_graph .detail .item.left:after {
  top: 1em;
  left: -5px;
  margin-top: -5px;
  border-left-width: 0;
}
.rickshaw_graph .detail .item.right:after {
  top: 1em;
  right: -5px;
  margin-top: -5px;
  border-right-width: 0;
}
.rickshaw_graph .detail .dot {
  width: 4px;
  height: 4px;
  margin-left: -3px;
  margin-top: -3.5px;
  border-radius: 5px;
  position: absolute;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  border-width: 2px;
  border-style: solid;
  display: none;
  background-clip: padding-box;
}
.rickshaw_graph .detail .dot.active {
  display: block;
}
.rickshaw_graph svg {
  display: block;
  overflow: hidden;
  width: 100%;
}
.rickshaw_graph .x_tick {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0px;
  pointer-events: none;
}
.rickshaw_graph .x_tick .title {
  position: absolute;
  font-size: 12px;
  font-size: 0.85714rem;
  font-family: Arial, sans-serif;
  opacity: 0.5;
  white-space: nowrap;
  margin-left: 3px;
  bottom: 1px;
}

/* annotations */
.rickshaw_annotation_timeline {
  height: 1px;
  margin-top: 10px;
  position: relative;
}
.rickshaw_annotation_timeline .annotation {
  position: absolute;
  height: 6px;
  width: 6px;
  margin-left: -2px;
  top: -3px;
  border-radius: 5px;
}

.rickshaw_graph .annotation_line {
  position: absolute;
  top: 0;
  bottom: -6px;
  width: 0px;
  display: none;
}
.rickshaw_graph .annotation_line.active {
  display: block;
}
.rickshaw_graph .annotation_range {
  display: none;
  position: absolute;
  top: 0;
  bottom: -6px;
}
.rickshaw_graph .annotation_range.active {
  display: block;
}
.rickshaw_graph .annotation_range.active.offscreen {
  display: none;
}

.rickshaw_annotation_timeline .annotation .content {
  opacity: 0.9;
  border-radius: 3px;
  position: relative;
  z-index: 20;
  font-size: 12px;
  font-size: 0.85714rem;
  padding: 6px 8px 8px;
  top: 18px;
  left: -11px;
  width: 160px;
  display: none;
  cursor: pointer;
}
.rickshaw_annotation_timeline .annotation .content:before {
  content: "\25b2";
  position: absolute;
  top: -11px;
}
.rickshaw_annotation_timeline .annotation.active, .rickshaw_annotation_timeline .annotation:hover {
  cursor: none;
}
.rickshaw_annotation_timeline .annotation .content:hover {
  z-index: 50;
}
.rickshaw_annotation_timeline .annotation.active .content {
  display: block;
}
.rickshaw_annotation_timeline .annotation:hover .content {
  display: block;
  z-index: 50;
}

.rickshaw_graph .y_axis, .rickshaw_graph .x_axis_d3 {
  fill: none;
}
.rickshaw_graph .y_ticks .tick line, .rickshaw_graph .x_ticks_d3 .tick {
  stroke-width: 2px;
  shape-rendering: crisp-edges;
  pointer-events: none;
}
.rickshaw_graph .y_grid .tick, .rickshaw_graph .x_grid_d3 .tick {
  z-index: -1;
  stroke-width: 1px;
  stroke-dasharray: 1 1;
}
.rickshaw_graph .y_grid .tick[data-y-value="0"] {
  stroke-dasharray: 1 0;
}
.rickshaw_graph .y_grid path {
  fill: none;
  stroke: none;
}
.rickshaw_graph .y_ticks text, .rickshaw_graph .x_ticks_d3 text {
  opacity: 0.5;
  pointer-events: none;
  font-size: 12px;
  font-size: 0.85714rem;
}

.rickshaw_legend {
  font-family: Arial;
  font-size: 12px;
  font-size: 0.85714rem;
  display: inline-block;
  padding: 12px 5px;
  border-radius: 2px;
  position: relative;
}
.rickshaw_legend:hover {
  z-index: 10;
}
.rickshaw_legend .swatch {
  width: 10px;
  height: 10px;
}
.rickshaw_legend .line {
  clear: both;
  line-height: 140%;
  padding-right: 15px;
}
.rickshaw_legend .line .swatch {
  display: inline-block;
  margin-right: 3px;
  border-radius: 2px;
}
.rickshaw_legend .label {
  margin: 0;
  white-space: nowrap;
  display: inline;
  font-size: inherit;
  background-color: transparent;
  color: inherit;
  font-weight: normal;
  line-height: normal;
  padding: 0px;
  text-shadow: none;
}
.rickshaw_legend .action {
  margin-right: 0.2em;
  font-size: 14px;
  font-size: 1rem;
  opacity: 0.2;
  cursor: pointer;
}
.rickshaw_legend .action:hover {
  opacity: 0.6;
}
.rickshaw_legend .line.disabled {
  opacity: 0.4;
}
.rickshaw_legend ul {
  list-style-type: none;
  padding: 0;
  margin: 2px;
  cursor: pointer;
}
.rickshaw_legend li {
  padding: 0 0 0 2px;
  min-width: 80px;
  white-space: nowrap;
}
.rickshaw_legend li:hover {
  border-radius: 3px;
}
.rickshaw_legend li:active {
  border-radius: 3px;
}

.custom_rickshaw_legend {
  text-align: center;
  width: 100%;
}
.custom_rickshaw_legend .line {
  display: inline-block;
}

/*
    Chart - Other
    ========================================================================== */
/*
    AnimatedSkillsDiagram
    ------------------------------------- */
#diagram svg {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.get {
  display: none;
}

/*
    circliful
    ------------------------------------- */
.circliful {
  position: relative;
}

.circle-text, .circle-info,
.circle-text-half, .circle-info-half {
  width: 100%;
  position: absolute;
  text-align: center;
  display: inline-block;
}

.circliful .fa {
  margin: -10px 3px 0 3px;
  position: relative;
  bottom: 4px;
}

.circli-cont {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

/*
    sparkline
    ------------------------------------- */
.sparkBullet canvas {
  width: 100% !important;
  height: 100px !important;
}

.sparklineTooltip {
  position: absolute;
  left: 0px;
  top: 0px;
  visibility: hidden;
  text-align: left;
  white-space: nowrap;
  vertical-align: top;
  z-index: 10000;
}
.sparklineTooltip .jqsfield {
  text-align: left;
  padding: 4px 8px;
}

/*
    Accordions
    ========================================================================== */
/*
    Bootstrap
    ------------------------------------- */
/*
    Collapse
    ------------------------------------- */
.collapse-container h3 {
  margin: 0;
  line-height: 1.5;
  font-size: 16px;
  font-size: 1.14286rem;
}
.collapse-container h3 a {
  display: block;
  padding: 10px 15px;
  margin: 0;
  text-decoration: none;
  font-weight: normal;
}
.collapse-container .content {
  padding: 15px;
}

.animated-collapse h3 + div {
  height: 0px;
  padding: 0px;
  overflow: hidden;
  display: block !important;
  -webkit-transform: translateZ(0);
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.animated-collapse h3.open + div {
  height: auto;
}

/*
    Collapsible
    ------------------------------------- */
.collapsible-cointainer .collapsible, .collapsible-cointainer .page_collapsible {
  margin: 0;
  padding: 10px 15px;
  text-decoration: none;
  cursor: pointer;
  font-size: 16px;
  font-size: 1.14286rem;
}
.collapsible-cointainer .collapse-open span {
  display: block;
  float: right;
  padding: 2px 10px;
  position: relative;
}
.collapsible-cointainer .collapse-open span:after {
  content: "-";
  font-size: 24px;
  font-size: 1.71429rem;
}
.collapsible-cointainer .collapse-close span {
  display: block;
  float: right;
  padding: 1px 10px;
}
.collapsible-cointainer .collapse-close span:after {
  content: "+";
  font-size: 16px;
  font-size: 1.14286rem;
}
.collapsible-cointainer div.content {
  padding: 15px;
}

/*
    Breadcrumb
    ========================================================================== */
/*
    jBreadCrumb
    ------------------------------------- */
.breadCrumb {
  margin: 0;
  padding: 0;
  float: left;
  display: block;
  overflow: hidden;
  width: 100%;
  padding: 5px;
}
.breadCrumb ul {
  margin: 0;
  padding: 0;
  height: 21px;
  display: block;
}
.breadCrumb ul li {
  display: block;
  float: left;
  position: relative;
  overflow: hidden;
  line-height: 21px;
  margin: 0px 6px 0px 0;
  padding: 0px 10px 0px 0;
}
.breadCrumb ul li div.chevronOverlay {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.breadCrumb ul li div.chevronOverlay:after {
  content: "\f105";
  font-family: FontAwesome;
  padding-left: 7px;
}
.breadCrumb ul li span {
  display: block;
  overflow: hidden;
}
.breadCrumb ul li a {
  display: block;
  position: relative;
  line-height: 21px;
  overflow: hidden;
  float: left;
}
.breadCrumb ul li.first a {
  height: 16px !important;
  text-indent: -1000em;
  width: 16px;
  padding: 0;
  margin-top: 2px;
  overflow: hidden;
}
.breadCrumb ul li.first a:hover {
  background-position: 0 -16px;
}
.breadCrumb ul li.last {
  background: none;
  margin-right: 0;
  padding-right: 0;
}

.chevronOverlay {
  display: none;
  width: 13px;
  height: 20px;
}

.t-breadcrumb-page {
  background: none;
  padding: 0 2px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.t-breadcrumb-page > li + li:before {
  content: "- ";
}
.t-breadcrumb-page a {
  font-family: "Source Sans Pro Semibold";
}
.t-breadcrumb-page .active {
  font-family: "Source Sans Pro Light";
}

/*
    Button
    ========================================================================== */
.btn {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.43857;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -webkit-transition: 300ms;
  transition: 300ms;
}

.btn-drop .caret {
  margin-left: 4px;
}

/*
    Rounded Elements
    ------------------------------------- */
.btn-rounded {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.btn-rounded-left {
  -moz-border-radius-topleft: 20px;
  -webkit-border-top-left-radius: 20px;
  border-top-left-radius: 20px;
  -moz-border-radius-bottomleft: 20px;
  -webkit-border-bottom-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.btn-rounded-right {
  -moz-border-radius-topright: 20px;
  -webkit-border-top-right-radius: 20px;
  border-top-right-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -webkit-border-bottom-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.btn-group-rounded > .btn:first-child {
  -moz-border-radius: 20px 0 0 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px 0 0 20px;
}
.btn-group-rounded > .btn:last-child {
  -moz-border-radius: 0 20px 20px 0;
  -webkit-border-radius: 0;
  border-radius: 0 20px 20px 0;
}

/*
    Square Elements
    ------------------------------------- */
.btn-square {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

.btn-square-left {
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.btn-square-right {
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.btn-group-square > .btn:first-child {
  -moz-border-radius: 0px 0 0 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px 0 0 0px;
}
.btn-group-square > .btn:last-child {
  -moz-border-radius: 0 0px 0px 0;
  -webkit-border-radius: 0;
  border-radius: 0 0px 0px 0;
}

/*
    Effects
    ------------------------------------- */
/* --- Setup - 1 --- */
.btn-eff {
  position: relative;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
.btn-eff:before {
  content: '';
  position: absolute;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
.btn-eff span {
  position: relative;
}

/* --- Effect 2 --- */
.btn-eff-2:before {
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
}
.btn-eff-2:hover:before {
  height: 100%;
}

/* --- Effect 3 --- */
.btn-eff-3:before {
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
}
.btn-eff-3:hover:before {
  width: 100%;
}

/* --- Effect 4 --- */
.btn-eff-4 {
  overflow: hidden;
}
.btn-eff-4:before {
  width: 0;
  height: 103%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.btn-eff-4:hover:before {
  width: 80%;
  opacity: 1;
}
.btn-eff-4:active:before {
  width: 102%;
  opacity: 1;
}

/* --- Effect 5 --- */
.btn-eff-5 {
  overflow: hidden;
}
.btn-eff-5:before {
  width: 125%;
  height: 0;
  top: 50%;
  left: 50%;
  opacity: 0;
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.btn-eff-5:hover:before {
  height: 150%;
  opacity: 1;
}
.btn-eff-5:active:before {
  height: 400%;
  opacity: 1;
}

/* --- Effect 6 --- */
.btn-eff-6 {
  overflow: hidden;
}
.btn-eff-6:before {
  width: 102%;
  height: 0;
  top: 50%;
  left: 50%;
  opacity: 0;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.btn-eff-6:hover:before {
  height: 75%;
  opacity: 1;
}
.btn-eff-6:active:before {
  height: 130%;
  opacity: 1;
}

/* --- Setup - 2 --- */
.btn-shadow {
  position: relative;
}

/* --- Effect 1 --- */
.btn-sh-1:hover {
  top: 2px;
}
.btn-sh-1:active {
  top: 6px;
}

.btn-sh-2:hover {
  top: -2px;
}
.btn-sh-2:active {
  top: 6px;
}

/* --- Setup - 3 --- */
.btn-border {
  position: relative;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}
.btn-border:hover {
  background: transparent !important;
}

.dropdown-menu {
  padding: 0;
}
.dropdown-menu > li > a {
  padding: 8px 15px;
}

/*
    Calendar
    ========================================================================== */
/*
	External Events
	-------------------------------------------------------------------------------------------------- */
.external-event {
  margin-bottom: 10px;
  padding: 10px;
  cursor: pointer;
}
.external-event .sep-bottom {
  margin: 23px 0 15px;
}
.external-event i {
  margin-right: 10px;
}

.external-remove {
  margin-top: 15px;
  padding: 10px;
  line-height: 1.5;
}
.external-remove label, .external-remove input {
  margin: 0;
}
.external-remove input {
  vertical-align: middle;
  margin-right: 10px;
}

.external-event,
.fc-event {
  -moz-transition: color 300ms, background 300ms, border 300ms;
  -o-transition: color 300ms, background 300ms, border 300ms;
  -webkit-transition: color 300ms, background 300ms, border 300ms;
  transition: color 300ms, background 300ms, border 300ms;
}

/*
    Full Calendar
	-------------------------------------------------------------------------------------------------- */
.fc {
  direction: ltr;
  text-align: left;
}

.fc-rtl {
  text-align: right;
}

body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

/*
	Colors
	-------------------------------------------------------------------------------------------------- */
.fc-highlight {
  /* when user is selecting cells */
  opacity: .3;
  filter: alpha(opacity=30);
  /* for IE */
}

.fc-bgevent {
  /* default look for background events */
  opacity: .3;
  filter: alpha(opacity=30);
  /* for IE */
}

/*
	Icons (inline elements with styled text that mock arrow icons)
	-------------------------------------------------------------------------------------------------- */
.fc-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
}
.fc-icon:after {
  position: relative;
  margin: 0 -1em;
  /* ensures character will be centered, regardless of width */
}

	/*
	Acceptable font-family overrides for individual icons:
		"Arial", sans-serif
		"Times New Roman", serif

	NOTE: use percentage font sizes or else old IE chokes
	*/
.fc-icon-left-single-arrow:after {
  content: "\f104";
  font-family: fontawesome;
  font-size: 16px;
  font-size: 1.14286rem;
  top: -7%;
  left: 3%;
}

.fc-icon-right-single-arrow:after {
  content: "\f105";
  font-family: fontawesome;
  font-size: 16px;
  font-size: 1.14286rem;
  top: -7%;
  left: -3%;
}

.fc-icon-left-double-arrow:after {
  content: "\f100";
  font-family: fontawesome;
  font-size: 16px;
  font-size: 1.14286rem;
  top: -7%;
}

.fc-icon-right-double-arrow:after {
  content: "\f101";
  font-family: fontawesome;
  font-size: 16px;
  font-size: 1.14286rem;
  top: -7%;
}

.fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
  left: -2%;
}

.fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
  left: 2%;
}

.fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

.fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

/*
	Buttons (styled <button> tags, normalized to work cross-browser)
	-------------------------------------------------------------------------------------------------- */
.fc button {
  /* force height to include the border and padding */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

/* Firefox has an annoying inner border */
.fc-state-default {
  /* non-theme */
  border: 1px solid;
}
.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* icons in buttons */
.fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}

/*
	Buttons Groups
	-------------------------------------------------------------------------------------------------- */
.fc-button-group {
  display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}
.fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

/*
	Popover
	-------------------------------------------------------------------------------------------------- */
.fc-popover {
  position: absolute;
}
.fc-popover .fc-header {
  padding: 2px 4px;
}
.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}
.fc-popover .fc-header .fc-close {
  cursor: pointer;
}

.fc-ltr .fc-popover .fc-header .fc-title {
  float: left;
}

.fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}
.fc-rtl .fc-popover .fc-header .fc-title {
  float: right;
}

.fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

/* unthemed */
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 5px;
  margin-right: 2px;
}

/* jqui themed */
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

/*
	Misc Reusable Components
	-------------------------------------------------------------------------------------------------- */
.fc-divider {
  border-style: solid;
  border-width: 1px;
}

hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

.fc-clear {
  clear: both;
}

.fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton, .fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}
.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

/*
	Tables
	-------------------------------------------------------------------------------------------------- */
.fc table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}
.fc th {
  text-align: center;
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}
.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

/*
	Fake Table Rows
	-------------------------------------------------------------------------------------------------- */
.fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

.fc-row table {
  /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}
.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

/*
	Day Row (used within the header and the DayGrid)
	-------------------------------------------------------------------------------------------------- */
.fc-row {
  position: relative;
}
.fc-row .fc-bg {
  z-index: 1;
}
.fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}
.fc-row .fc-bgevent-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}
.fc-row .fc-highlight-skeleton td {
  border-color: transparent;
}
.fc-row .fc-bgevent-skeleton {
  z-index: 2;
}
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}
.fc-row .fc-highlight-skeleton {
  z-index: 3;
}
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}
.fc-row .fc-helper-skeleton {
  z-index: 5;
}
.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}
.fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

/*
	Scrolling Container
	-------------------------------------------------------------------------------------------------- */
.fc-scroller {
  /* this class goes on elements for guaranteed vertical scrollbars */
  overflow-y: scroll;
  overflow-x: hidden;
}
.fc-scroller > * {
  /* we expect an immediate inner element */
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
  overflow: hidden;
  /* don't let negative margins or absolute positioning create further scroll */
}

/*
	Global Event Styles
	-------------------------------------------------------------------------------------------------- */
.fc-event {
  position: relative;
  display: block;
  line-height: 1.4;
  font-size: 13px;
  font-size: 0.92857rem;
}

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.ui-widget .fc-event {
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

.fc-event[href], .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

.fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #fff;
  opacity: .25;
  filter: alpha(opacity=25);
  /* for IE */
}
.fc-event .fc-content {
  position: relative;
  z-index: 2;
}
.fc-event .fc-resizer {
  position: absolute;
  z-index: 3;
}
.fc-event .fc-title {
  padding-left: 3px;
}

/*
	Horizontal Events
	-------------------------------------------------------------------------------------------------- */
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* resizer */
.fc-h-event .fc-resizer {
  /* positioned it to overcome the event's borders */
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  width: 5px;
}

/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer {
  right: auto;
  /* ignore the right and only use the left */
  cursor: w-resize;
}
.fc-ltr .fc-h-event .fc-start-resizer:before, .fc-ltr .fc-h-event .fc-start-resizer:after {
  right: auto;
  /* ignore the right and only use the left */
  cursor: w-resize;
}

.fc-rtl .fc-h-event .fc-end-resizer {
  right: auto;
  /* ignore the right and only use the left */
  cursor: w-resize;
}
.fc-rtl .fc-h-event .fc-end-resizer:before, .fc-rtl .fc-h-event .fc-end-resizer:after {
  right: auto;
  /* ignore the right and only use the left */
  cursor: w-resize;
}

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer {
  left: auto;
  /* ignore the left and only use the right */
  cursor: e-resize;
}
.fc-ltr .fc-h-event .fc-end-resizer:before, .fc-ltr .fc-h-event .fc-end-resizer:after {
  left: auto;
  /* ignore the left and only use the right */
  cursor: e-resize;
}

.fc-rtl .fc-h-event .fc-start-resizer {
  left: auto;
  /* ignore the left and only use the right */
  cursor: e-resize;
}
.fc-rtl .fc-h-event .fc-start-resizer:before, .fc-rtl .fc-h-event .fc-start-resizer:after {
  left: auto;
  /* ignore the left and only use the right */
  cursor: e-resize;
}

/*
	DayGrid events
	-------------------------------------------------------------------------------------------------- */
/*
	We use the full "fc-day-grid-event" class instead of using descendants because the event won't
	be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  padding: 1px 5px;
}
.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}
.fc-day-grid-event .fc-time {
  font-family: "Source Sans Pro Semibold";
  font-size: 12px;
  font-size: 0.85714rem;
}
.fc-day-grid-event .fc-resizer {
  /* enlarge the default hit area */
  left: -3px;
  right: -3px;
  width: 7px;
}

/*
	Event Limiting
	-------------------------------------------------------------------------------------------------- */
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}
a.fc-more:hover {
  text-decoration: underline;
}

.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

.fc-more-popover {
  z-index: 2;
  width: 260px;
}
.fc-more-popover .fc-event-container {
  padding: 15px;
}

/*
	Toolbar
	-------------------------------------------------------------------------------------------------- */
.fc-toolbar {
  text-align: center;
  margin-bottom: 1em;
}
.fc-toolbar .fc-left {
  float: left;
}
.fc-toolbar .fc-right {
  float: right;
}
.fc-toolbar .fc-center {
  display: inline-block;
}

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
  /* the first thing within each left/center/right section */
}
.fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}
.fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

/* title text */
.fc-toolbar {
  /* button layering (for border precedence) */
}
.fc-toolbar h2 {
  margin: 0;
  font-family: "Source Sans Pro Bold";
}
.fc-toolbar button {
  position: relative;
}
.fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover {
  z-index: 2;
}
.fc-toolbar .fc-state-down {
  z-index: 3;
}
.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
  z-index: 4;
}
.fc-toolbar button:focus {
  z-index: 5;
}

/*
	View Structure
	-------------------------------------------------------------------------------------------------- */
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fc-view-container *:before, .fc-view-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.fc-view {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

/*
	BasicView
	-------------------------------------------------------------------------------------------------- */
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton, .fc-basicDay-view .fc-content-skeleton {
  /* we are sure there are no day numbers in these views, so... */
  padding-top: 1px;
  /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden;
}
.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* week and day number styling */
.fc-basic-view .fc-week-number, .fc-basic-view .fc-day-number {
  padding: 0 2px;
}
.fc-basic-view td.fc-week-number span, .fc-basic-view td.fc-day-number {
  padding-top: 2px;
  padding-bottom: 2px;
}
.fc-basic-view .fc-week-number {
  text-align: center;
}
.fc-basic-view .fc-week-number span {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

.fc-ltr .fc-basic-view .fc-day-number {
  text-align: right;
}

.fc-rtl .fc-basic-view .fc-day-number {
  text-align: left;
}

.fc-day-number.fc-other-month {
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* for IE */
  /* opacity with small font can sometimes look too faded
  	 might want to set the 'color' property instead
  	 making day-numbers bold also fixes the problem */
}

/*
	AgendaView all-day area
	-------------------------------------------------------------------------------------------------- */
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}
.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}
.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-top: 1px;
  /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

/*
	TimeGrid axis running down the side (for both the all-day area and the slot area)
	-------------------------------------------------------------------------------------------------- */
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

.fc-ltr .fc-axis {
  text-align: right;
}

.fc-rtl .fc-axis {
  text-align: left;
}

.ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

/*
	TimeGrid Structure
	-------------------------------------------------------------------------------------------------- */
.fc-time-grid-container {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}
.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}
.fc-time-grid > .fc-bg {
  z-index: 1;
}
.fc-time-grid .fc-slats, .fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}
.fc-time-grid .fc-bgevent-skeleton, .fc-time-grid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.fc-time-grid .fc-bgevent-skeleton {
  z-index: 3;
}
.fc-time-grid .fc-highlight-skeleton {
  z-index: 4;
}
.fc-time-grid .fc-content-skeleton {
  z-index: 5;
}
.fc-time-grid .fc-helper-skeleton {
  z-index: 6;
}

/*
	TimeGrid Slats (lines that run horizontally)
	-------------------------------------------------------------------------------------------------- */
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}
.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}
.fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

/*
	TimeGrid Highlighting Slots
	-------------------------------------------------------------------------------------------------- */
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}
.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

/*
	TimeGrid Event Containment
	-------------------------------------------------------------------------------------------------- */
.fc-time-grid .fc-event-container, .fc-time-grid .fc-bgevent-container {
  /* a div within a cell within the fc-bgevent-skeleton */
  position: relative;
}

.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
  /* background events always span full width */
  left: 0;
  right: 0;
}

/*
	Generic Vertical Event
	-------------------------------------------------------------------------------------------------- */
.fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/*
	TimeGrid Event Styling
	---------------------------------------------------------------------------------------------------- */
/*
	We use the full "fc-time-grid-event" class instead of using descendants because the event won't
	be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
  /* short mode, where time and title are on the same line */
  /* resizer */
}
.fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title {
  padding: 0 1px;
}
.fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}
.fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}
.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}
.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}
.fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}
.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}
.fc-time-grid-event .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}
.fc-time-grid-event .fc-resizer:after {
  content: "=";
}

/*
    Colorpicker
    ========================================================================== */
/*
    Colorpicker - Bootstrap
    ------------------------------------- */
.colorpicker-saturation {
  float: left;
  width: 100px;
  height: 100px;
  cursor: crosshair;
}
.colorpicker-saturation i {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  margin: -4px 0 0 -4px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.colorpicker-saturation i b {
  display: block;
  width: 5px;
  height: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.colorpicker-hue, .colorpicker-alpha {
  float: left;
  width: 15px;
  height: 100px;
  margin-bottom: 4px;
  margin-left: 4px;
  cursor: row-resize;
}

.colorpicker-hue i, .colorpicker-alpha i {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  margin-top: -1px;
}

.colorpicker-alpha {
  display: none;
}

.colorpicker {
  top: 0;
  left: 0;
  z-index: 2500;
  min-width: 132px;
  padding: 5px;
  margin-top: 1px;
  *zoom: 1;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.colorpicker:before {
  display: table;
  line-height: 0;
  content: "";
}
.colorpicker:after {
  display: table;
  line-height: 0;
  content: "";
  clear: both;
}
.colorpicker:before {
  position: absolute;
  top: -7px;
  left: 6px;
  display: inline-block;
  content: '';
}
.colorpicker:after {
  position: absolute;
  top: -6px;
  left: 7px;
  display: inline-block;
  content: '';
}
.colorpicker div {
  position: relative;
}
.colorpicker.colorpicker-with-alpha {
  min-width: 140px;
}
.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
  display: block;
}

.colorpicker-color {
  height: 10px;
  margin-top: 5px;
  clear: both;
  background-position: 0 100%;
}
.colorpicker-color div {
  height: 10px;
}

.colorpicker-element .input-group-addon i, .colorpicker-element .add-on i {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: text-top;
  cursor: pointer;
}

.colorpicker.colorpicker-inline {
  position: relative;
  z-index: auto;
  display: inline-block;
  float: none;
}
.colorpicker.colorpicker-horizontal {
  width: 112px;
  height: auto;
  min-width: 112px;
}
.colorpicker.colorpicker-horizontal .colorpicker-saturation {
  margin-bottom: 4px;
}
.colorpicker.colorpicker-horizontal .colorpicker-color {
  width: 100px;
}
.colorpicker.colorpicker-horizontal .colorpicker-hue, .colorpicker.colorpicker-horizontal .colorpicker-alpha {
  float: left;
  width: 100px;
  height: 15px;
  margin-bottom: 4px;
  margin-left: 0;
  cursor: col-resize;
}
.colorpicker.colorpicker-horizontal .colorpicker-hue i, .colorpicker.colorpicker-horizontal .colorpicker-alpha i {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1px;
  height: 15px;
  margin-top: 0;
}
.colorpicker.colorpicker-hidden {
  display: none;
}
.colorpicker.colorpicker-visible {
  display: block;
}

.colorpicker-inline.colorpicker-visible {
  display: inline-block;
}

/*
    Colorpicker Slider - Bootstrap
    ------------------------------------- */
.cp-container {
  width: auto;
  position: relative;
  box-sizing: border-box;
}
.cp-container .cp-transparency, .cp-container .cp-swatches .cp-swatch {
  background: url(data:image/gif;base64,R0lGODlhBgAGAIABAMPDw////yH5BAEKAAEALAAAAAAGAAYAAAIKhIMGGMrs0pGgAAA7) repeat;
}
.cp-container .cp-slider, .cp-container .cp-preview {
  width: auto;
  height: 26px;
  margin: 0 4px;
  margin-bottom: 5pt;
  position: relative;
}
.cp-container .cp-hsvpanel {
  width: auto;
  height: auto;
  border: none;
  margin-right: -6px;
}
.cp-container .cp-hsvpanel .cp-hsvpanel-sv, .cp-container .cp-hsvpanel .cp-hsvpanel-h, .cp-container .cp-hsvpanel .cp-hsvpanel-a {
  display: inline-block;
  position: relative;
  margin: 0 8px 0 4px;
}
.cp-container .cp-hsvpanel .cp-hsvpanel-sv {
  width: 122px;
  height: 122px;
  cursor: default;
}
.cp-container .cp-hsvpanel .cp-hsvpanel-h, .cp-container .cp-hsvpanel .cp-hsvpanel-a {
  width: 30px;
  height: 122px;
  cursor: ns-resize;
}
.cp-container.cp-container-sm .cp-hsvpanel .cp-hsvpanel-h, .cp-container.cp-container-sm .cp-hsvpanel .cp-hsvpanel-a {
  width: 27px;
}
.cp-container .cp-hsvpanel .cp-hsvpanel-a span {
  display: block;
  width: 100%;
  height: 100%;
}
.cp-container .cp-hsvpanel .cp-hsvpanel-sv span {
  display: block;
  width: 100%;
  height: 100%;
}
.cp-container .cp-slider {
  cursor: ew-resize;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cp-container .cp-preview {
  height: 39px;
}
.cp-container .cp-slider span {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 26px;
  font-size: 14px;
  font-size: 1rem;
}
.cp-container .cp-preview input {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 26px;
  line-height: 39px;
  padding: 0;
  outline: none;
  box-shadow: none;
  border: none;
  border-radius: 0;
  background: none;
  font-size: 14px;
  font-size: 1rem;
}
.cp-container .cp-marker {
  position: absolute;
  display: block;
  width: 11px;
  height: 10px;
  margin-left: -5px;
  top: -2px;
}
.cp-container .cp-hsvmarker-vertical {
  position: absolute;
  display: block;
  width: 10px;
  height: 11px;
  margin-top: -5px;
  right: -2px;
  top: 0;
}
.cp-container .cp-marker-point {
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  margin-top: -5px;
  left: 0;
  top: 0;
}
.cp-container .cp-swatches ul {
  width: auto;
  margin: -7px -7px 0 0;
  padding: 0;
  list-style-type: none;
}
.cp-container .cp-swatches li {
  float: left;
  margin: 7px 7px 0 0;
}

.cp-swatches button {
  float: left;
  margin: 7px 7px 0 0;
  width: 26px;
  height: 26px;
  display: inline-block;
  padding: 0;
  font-size: 12px;
  font-size: 0.85714rem;
}

.cp-container .cp-swatch {
  width: 26px;
  height: 26px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  outline: none;
  padding: 0;
}
.cp-container .cp-swatch span {
  display: block;
  width: 100%;
  height: 100%;
}

.cp-popover-container .popover {
  max-width: 1000px;
}

.popover-content .cp-container {
  width: 263px;
}
.popover-content .cp-container.cp-container-sm {
  width: 208px;
}
.popover-content .cp-container.cp-container-sm .cp-swatch, .popover-content .cp-container.cp-container-sm .cp-swatches button {
  width: 23px;
  height: 23px;
}
.popover-content .cp-container.cp-container-lg {
  width: 369px;
}
.popover-content .cp-container.cp-container-lg .cp-swatch, .popover-content .cp-container.cp-container-lg .cp-swatches button {
  width: 27px;
  height: 27px;
}

.cp-container .cp-pills {
  display: none;
  display: inline-block;
  list-style-type: none;
  margin-bottom: 5px;
  padding: 0;
  font-size: 12px;
  font-size: 0.85714rem;
}
.cp-container .cp-pills li {
  display: inline-block;
  margin: 3px;
  padding: 3px 0;
}
.cp-container .cp-pills li a {
  padding: 5px;
  text-decoration: none;
}
.cp-container.hsvpanel-active .cp-sliders, .cp-container.hsvpanel-active .cp-swatches {
  display: none;
}
.cp-container.sliders-active .cp-hsvpanel, .cp-container.sliders-active .cp-swatches {
  display: none;
}
.cp-container.swatches-active .cp-hsvpanel, .cp-container.swatches-active .cp-sliders {
  display: none;
}

.cp-popover-container .cp-sliders, .cp-popover-container .cp-hsvpanel {
  margin-top: 7px;
}

.form-control[readonly].cp-preventtouchkeyboardonshow {
  cursor: text;
}

.popover-content .cp-container.hsvpanel-active {
  width: 220px;
}

/*
    Date and Time pickers
    ========================================================================== */
/*
    Date Range Picker
    ------------------------------------- */
.daterangepicker {
  position: absolute;
  top: 100px;
  left: 20px;
  padding: 4px;
  margin-top: 1px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 3000;
}
.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
  float: left;
  margin: 10px;
}
.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar {
  float: right;
  margin: 10px;
}
.daterangepicker .ranges {
  width: 160px;
  text-align: left;
}
.daterangepicker .ranges .range_inputs > div {
  float: left;
}
.daterangepicker .ranges .range_inputs > div:nth-child(2) {
  padding-left: 11px;
}
.daterangepicker .ranges .cancelBtn {
  margin-left: 6px;
}
.daterangepicker .calendar {
  display: none;
  max-width: 270px;
}
.daterangepicker.show-calendar .calendar {
  display: block;
}
.daterangepicker .calendar.single .calendar-date {
  border: none;
}
.daterangepicker .calendar th, .daterangepicker .calendar td {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  white-space: nowrap;
  text-align: center;
  min-width: 32px;
}
.daterangepicker .daterangepicker_start_input label, .daterangepicker .daterangepicker_end_input label {
  display: block;
  font-weight: normal;
  height: 20px;
  line-height: 20px;
  margin-bottom: 2px;
  text-transform: uppercase;
  width: 74px;
  font-size: 12px;
  font-size: 0.85714rem;
}
.daterangepicker .ranges input {
  font-size: 12px;
  font-size: 0.85714rem;
}
.daterangepicker .ranges .input-mini {
  display: block;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  margin: 0 0 10px 0;
  padding: 0 6px;
  width: 70px;
  font-size: 12px;
  font-size: 0.85714rem;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.daterangepicker .ranges .input-mini:hover {
  cursor: pointer;
}
.daterangepicker .ranges ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.daterangepicker .ranges li {
  font-size: 13px;
  padding: 3px 12px;
  margin-bottom: 8px;
  cursor: pointer;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.daterangepicker .calendar-date {
  padding: 4px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.daterangepicker .calendar-time {
  text-align: center;
  margin: 8px auto 0 auto;
  line-height: 30px;
}
.daterangepicker.opensleft:before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block;
  content: '';
}
.daterangepicker.opensleft:after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  content: '';
}
.daterangepicker.opensright:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  content: '';
}
.daterangepicker.opensright:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  content: '';
}
.daterangepicker table {
  width: 100%;
  margin: 0;
}
.daterangepicker td, .daterangepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  white-space: nowrap;
}
.daterangepicker td.in-range {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.daterangepicker td.available + td.start-date {
  -moz-border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px 0 0 2px;
}
.daterangepicker td.in-range + td.end-date {
  -moz-border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0;
  border-radius: 0 2px 2px 0;
}
.daterangepicker td.start-date.end-date {
  -moz-border-radius: 2px !important;
  -webkit-border-radius: 2px;
  border-radius: 2px !important;
}
.daterangepicker td.week {
  font-size: 80%;
}
.daterangepicker th.week {
  font-size: 80%;
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}
.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}
.daterangepicker select.yearselect {
  width: 40%;
}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect {
  width: 74px;
  margin-bottom: 0;
  padding: 5px;
}

.daterangepicker_start_input {
  float: left;
}

.daterangepicker_end_input {
  float: left;
  padding-left: 11px;
}

.daterangepicker th.month {
  width: auto;
}

/*
    Date Time Picker
    ------------------------------------- */
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bootstrap-datetimepicker-widget {
  top: 0;
  left: 0;
  width: 250px;
  padding: 4px;
  margin-top: 1px;
  z-index: 3000;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.bootstrap-datetimepicker-widget:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget > ul {
  list-style-type: none;
  margin: 0;
}
.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
  width: 100%;
  font-family: "Source Sans Pro Semibold";
  font-size: 1.2em;
}
.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator {
  width: 4px;
  padding: 0;
  margin: 0;
}
.bootstrap-datetimepicker-widget .datepicker > div {
  display: none;
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th {
  text-align: center;
  width: 20px;
  height: 20px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.second:hover {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget td.disabled {
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget td.disabled:hover {
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.bootstrap-datetimepicker-widget td span.disabled {
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget td span.disabled:hover {
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget th.switch {
  width: 145px;
}
.bootstrap-datetimepicker-widget th.next, .bootstrap-datetimepicker-widget th.prev {
  font-size: 21px;
}
.bootstrap-datetimepicker-widget th.disabled {
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget th.disabled:hover {
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget thead tr:first-child th {
  cursor: pointer;
}

.input-append.date .add-on i, .input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.bootstrap-datetimepicker-widget.left-oriented:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.left-oriented:after {
  left: auto;
  right: 7px;
}

/*
    Clockface
    ------------------------------------- */
.clockface {
  width: 180px;
  text-align: center;
}
.clockface.dropdown-menu {
  padding: 10px;
  font-size: 15px;
  font-size: 1.07143rem;
}
.clockface > div {
  clear: both;
  overflow: auto;
}
.clockface .outer, .clockface .inner {
  width: 22px;
  height: 22px;
  line-height: 22px;
  cursor: default;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.clockface .outer {
  font-size: 0.8em;
}
.clockface .l1 .cell, .clockface .l5 .cell {
  width: 22px;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
}
.clockface .l1 .outer {
  margin-bottom: 3px;
}
.clockface .l5 .outer {
  margin-top: 3px;
}
.clockface .l2 .outer, .clockface .l3 .outer, .clockface .l4 .outer, .clockface .l2 .inner, .clockface .l3 .inner, .clockface .l4 .inner {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  vertical-align: middle;
}
.clockface .l2 .left, .clockface .l3 .left, .clockface .l4 .left {
  float: left;
}
.clockface .l2 .left .outer, .clockface .l3 .left .outer, .clockface .l4 .left .outer {
  margin-right: 3px;
}
.clockface .l2 .right, .clockface .l3 .right, .clockface .l4 .right {
  float: right;
}
.clockface .l2 .right .outer, .clockface .l3 .right .outer, .clockface .l4 .right .outer {
  margin-left: 3px;
}
.clockface .ampm {
  font-size: 0.8em;
  text-decoration: none;
  border-bottom: dashed 1px;
}
.clockface .ampm:focus {
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
}

/*
    Digital Clock
    ------------------------------------- */
.digital-clock {
  width: 370px;
  padding: 40px;
  margin: 200px auto 60px;
  position: relative;
  /*----- The Digits -----*/
  /*----- The alarm -----*/
  /*----- Weekdays -----*/
  /*----- AM/PM -----*/
}
.digital-clock:after {
  content: '';
  position: absolute;
  width: 400px;
  height: 20px;
  left: 50%;
  margin-left: -200px;
  bottom: 2px;
  z-index: -1;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.digital-clock .display {
  text-align: center;
  padding: 40px 20px 20px;
  position: relative;
  height: 54px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.digital-clock .digits div {
  text-align: left;
  position: relative;
  width: 28px;
  height: 50px;
  display: inline-block;
  margin: 0 4px;
}
.digital-clock .digits div span {
  opacity: 0;
  position: absolute;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  transition: 0.25s;
}
.digital-clock .digits div span:before, .digital-clock .digits div span:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
}
.digital-clock .digits .d1 {
  height: 5px;
  width: 16px;
  top: 0;
  left: 6px;
}
.digital-clock .digits .d1:before {
  border-width: 0 5px 5px 0;
  border-right-color: inherit;
  left: -5px;
}
.digital-clock .digits .d1:after {
  border-width: 0 0 5px 5px;
  border-left-color: inherit;
  right: -5px;
}
.digital-clock .digits .d2 {
  height: 5px;
  width: 16px;
  top: 24px;
  left: 6px;
}
.digital-clock .digits .d2:before {
  border-width: 3px 4px 2px;
  border-right-color: inherit;
  left: -8px;
}
.digital-clock .digits .d2:after {
  border-width: 3px 4px 2px;
  border-left-color: inherit;
  right: -8px;
}
.digital-clock .digits .d3 {
  height: 5px;
  width: 16px;
  top: 48px;
  left: 6px;
}
.digital-clock .digits .d3:before {
  border-width: 5px 5px 0 0;
  border-right-color: inherit;
  left: -5px;
}
.digital-clock .digits .d3:after {
  border-width: 5px 0 0 5px;
  border-left-color: inherit;
  right: -5px;
}
.digital-clock .digits .d4 {
  width: 5px;
  height: 14px;
  top: 7px;
  left: 0;
}
.digital-clock .digits .d4:before {
  border-width: 0 5px 5px 0;
  border-bottom-color: inherit;
  top: -5px;
}
.digital-clock .digits .d4:after {
  border-width: 0 0 5px 5px;
  border-left-color: inherit;
  bottom: -5px;
}
.digital-clock .digits .d5 {
  width: 5px;
  height: 14px;
  top: 7px;
  right: 0;
}
.digital-clock .digits .d5:before {
  border-width: 0 0 5px 5px;
  border-bottom-color: inherit;
  top: -5px;
}
.digital-clock .digits .d5:after {
  border-width: 5px 0 0 5px;
  border-top-color: inherit;
  bottom: -5px;
}
.digital-clock .digits .d6 {
  width: 5px;
  height: 14px;
  top: 32px;
  left: 0;
}
.digital-clock .digits .d6:before {
  border-width: 0 5px 5px 0;
  border-bottom-color: inherit;
  top: -5px;
}
.digital-clock .digits .d6:after {
  border-width: 0 0 5px 5px;
  border-left-color: inherit;
  bottom: -5px;
}
.digital-clock .digits .d7 {
  width: 5px;
  height: 14px;
  top: 32px;
  right: 0;
}
.digital-clock .digits .d7:before {
  border-width: 0 0 5px 5px;
  border-bottom-color: inherit;
  top: -5px;
}
.digital-clock .digits .d7:after {
  border-width: 5px 0 0 5px;
  border-top-color: inherit;
  bottom: -5px;
}
.digital-clock .digits div {
  /*----- 1 -----*/
  /*----- 2 -----*/
  /*----- 3 -----*/
  /*----- 4 -----*/
  /*----- 5 -----*/
  /*----- 6 -----*/
  /*----- 7 -----*/
  /*----- 8 -----*/
  /*----- 9 -----*/
  /*----- 0 -----*/
  /*----- The dots -----*/
}
.digital-clock .digits div.one .d5, .digital-clock .digits div.one .d7 {
  opacity: 1;
}
.digital-clock .digits div.two .d1, .digital-clock .digits div.two .d5, .digital-clock .digits div.two .d2, .digital-clock .digits div.two .d6, .digital-clock .digits div.two .d3 {
  opacity: 1;
}
.digital-clock .digits div.three .d1, .digital-clock .digits div.three .d5, .digital-clock .digits div.three .d2, .digital-clock .digits div.three .d7, .digital-clock .digits div.three .d3 {
  opacity: 1;
}
.digital-clock .digits div.four .d5, .digital-clock .digits div.four .d2, .digital-clock .digits div.four .d4, .digital-clock .digits div.four .d7 {
  opacity: 1;
}
.digital-clock .digits div.five .d1, .digital-clock .digits div.five .d2, .digital-clock .digits div.five .d4, .digital-clock .digits div.five .d3, .digital-clock .digits div.five .d7 {
  opacity: 1;
}
.digital-clock .digits div.six .d1, .digital-clock .digits div.six .d2, .digital-clock .digits div.six .d4, .digital-clock .digits div.six .d3, .digital-clock .digits div.six .d6, .digital-clock .digits div.six .d7 {
  opacity: 1;
}
.digital-clock .digits div.seven .d1, .digital-clock .digits div.seven .d5, .digital-clock .digits div.seven .d7 {
  opacity: 1;
}
.digital-clock .digits div.eight .d1, .digital-clock .digits div.eight .d2, .digital-clock .digits div.eight .d3, .digital-clock .digits div.eight .d4, .digital-clock .digits div.eight .d5, .digital-clock .digits div.eight .d6, .digital-clock .digits div.eight .d7 {
  opacity: 1;
}
.digital-clock .digits div.nine .d1, .digital-clock .digits div.nine .d2, .digital-clock .digits div.nine .d3, .digital-clock .digits div.nine .d4, .digital-clock .digits div.nine .d5, .digital-clock .digits div.nine .d7 {
  opacity: 1;
}
.digital-clock .digits div.zero .d1, .digital-clock .digits div.zero .d3, .digital-clock .digits div.zero .d4, .digital-clock .digits div.zero .d5, .digital-clock .digits div.zero .d6, .digital-clock .digits div.zero .d7 {
  opacity: 1;
}
.digital-clock .digits div.dots {
  width: 5px;
}
.digital-clock .digits div.dots:before {
  width: 5px;
  height: 5px;
  content: '';
  position: absolute;
  left: 0;
  top: 14px;
}
.digital-clock .digits div.dots:after {
  width: 5px;
  height: 5px;
  content: '';
  position: absolute;
  left: 0;
  top: 14px;
  top: 34px;
}
.digital-clock .alarm {
  width: 16px;
  height: 16px;
  bottom: 20px;
  background: url("../img/alarm_light.jpg");
  position: absolute;
  opacity: 0.2;
}
.digital-clock .alarm.active {
  opacity: 1;
}
.digital-clock .weekdays {
  font-size: 12px;
  position: absolute;
  width: 100%;
  top: 10px;
  left: 0;
  text-align: center;
}
.digital-clock .weekdays span {
  opacity: 0.2;
  padding: 0 10px;
}
.digital-clock .weekdays span.active {
  opacity: 1;
}
.digital-clock .ampm {
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-size: 12px;
}

/*
    Date Picker
    ------------------------------------- */
.datepicker {
  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;
  padding: 4px;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  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;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
}
.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 table tr td, .datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.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 {
  cursor: pointer;
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
  cursor: default;
}
.datepicker table tr td.highlighted {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover {
  -moz-border-radius: 0;
  -webkit-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 {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 50px;
  line-height: 50px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
  cursor: default;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}
.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-group.date .input-group-addon {
  cursor: pointer;
}

.input-daterange {
  width: 100%;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0;
  border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}

/*
	jClock
	------------------------------------- */
.custom-clock {
  font-size: 18px;
  font-size: 1.28571rem;
}
.custom-clock .clockdate {
  font-size: 20px;
  font-size: 1.42857rem;
  font-family: "Source Sans Pro Light";
  padding-right: 10px;
}
.custom-clock .clocktime {
  font-family: "Source Sans Pro Semibold";
}

/*
    Documentation
    ========================================================================== */
.doc {
  padding: 15px;
}

/*
    Draggables
    ========================================================================== */
/*
    Container
    ------------------------------------- */
.ui-drag-container {
  min-height: 10px;
}

/*
    Handle
    ------------------------------------- */
.ui-drag-handle {
  cursor: move;
}

/*
    Disabled
    ------------------------------------- */
.ui-drag-disabled {
  cursor: no-drop;
}

/*
    Placeholder
    ------------------------------------- */
.ui-drag-placeholder {
  margin-bottom: 2%;
}

/*
    Gridstack
    ------------------------------------- */
.grid-stack {
  position: relative;
}

.grid-stack-item {
  position: absolute;
  padding: 0;
}
.grid-stack-item .grid-stack-item-content, .grid-stack-item .placeholder-content {
  margin: 0;
  position: absolute;
  top: 0;
  left: 10px;
  right: 10px;
  bottom: 0;
  width: auto;
  z-index: 0 !important;
  overflow: auto;
}

.grid-stack-item.ui-draggable-dragging, .grid-stack-item.ui-resizable-resizing {
  z-index: 100;
}
.grid-stack-item.ui-draggable-dragging .grid-stack-item-content, .grid-stack-item.ui-resizable-resizing .grid-stack-item-content {
  opacity: 0.8;
}
.grid-stack-item .ui-resizable-handle {
  padding: 3px;
  margin: 3px 0;
  cursor: nwse-resize;
  position: absolute;
  bottom: 0;
  right: 15px;
  font: normal normal normal 14px / 1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 10px;
}
.grid-stack-item .ui-resizable-handle::before {
  content: "\f065";
}
.grid-stack-item[data-gs-width="12"] {
  width: 100%;
}
.grid-stack-item[data-gs-width="11"] {
  width: 91.66667%;
}
.grid-stack-item[data-gs-width="10"] {
  width: 83.33333%;
}
.grid-stack-item[data-gs-width="9"] {
  width: 75%;
}
.grid-stack-item[data-gs-width="8"] {
  width: 66.66667%;
}
.grid-stack-item[data-gs-width="7"] {
  width: 58.33333%;
}
.grid-stack-item[data-gs-width="6"] {
  width: 50%;
}
.grid-stack-item[data-gs-width="5"] {
  width: 41.66667%;
}
.grid-stack-item[data-gs-width="4"] {
  width: 33.33333%;
}
.grid-stack-item[data-gs-width="3"] {
  width: 25%;
}
.grid-stack-item[data-gs-width="2"] {
  width: 16.66667%;
}
.grid-stack-item[data-gs-width="1"] {
  width: 8.33333%;
}
.grid-stack-item[data-gs-x="12"] {
  left: 100%;
}
.grid-stack-item[data-gs-x="11"] {
  left: 91.66667%;
}
.grid-stack-item[data-gs-x="10"] {
  left: 83.33333%;
}
.grid-stack-item[data-gs-x="9"] {
  left: 75%;
}
.grid-stack-item[data-gs-x="8"] {
  left: 66.66667%;
}
.grid-stack-item[data-gs-x="7"] {
  left: 58.33333%;
}
.grid-stack-item[data-gs-x="6"] {
  left: 50%;
}
.grid-stack-item[data-gs-x="5"] {
  left: 41.66667%;
}
.grid-stack-item[data-gs-x="4"] {
  left: 33.33333%;
}
.grid-stack-item[data-gs-x="3"] {
  left: 25%;
}
.grid-stack-item[data-gs-x="2"] {
  left: 16.66667%;
}
.grid-stack-item[data-gs-x="1"] {
  left: 8.33333%;
}

.grid-stack.grid-stack-animate {
  -moz-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
  -o-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
  -webkit-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
  transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
}
.grid-stack.grid-stack-animate .grid-stack-item {
  -moz-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
  -o-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
  -webkit-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
  transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
}
.grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging, .grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing, .grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder {
  -moz-transition: left 0s, top 0s, height 0s, width 0s;
  -o-transition: left 0s, top 0s, height 0s, width 0s;
  -webkit-transition: left 0s, top 0s, height 0s, width 0s;
  transition: left 0s, top 0s, height 0s, width 0s;
}

@media (max-width: 991px) {
  .grid-stack-item {
    position: relative !important;
    width: auto !important;
    left: 0 !important;
    top: auto !important;
    margin-bottom: 20px;
  }

  .grid-stack {
    height: auto !important;
  }
}
/*
    Icons
    ========================================================================== */
.icon-header {
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.icon-list .icon-hover {
  display: block;
  line-height: 34px;
  height: 34px;
  padding-left: 10px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.icon-list .icon-hover .fa, .icon-list .icon-hover .glyphicon, .icon-list .icon-hover .icomoon, .icon-list .icon-hover .strokegap, .icon-list .icon-hover .simpleline {
  width: 32px;
  display: inline-block;
  text-align: right;
  margin-right: 10px;
  font-size: 16px;
  font-size: 1.14286rem;
}
.icon-list .icon-hover:hover {
  text-decoration: none;
}
.icon-list .icon-hover:hover .fa, .icon-list .icon-hover:hover .glyphicon, .icon-list .icon-hover:hover .icomoon, .icon-list .icon-hover:hover .strokegap, .icon-list .icon-hover:hover .simpleline {
  font-size: 24px;
}
.icon-list .icon-hover:hover .fa {
  vertical-align: -5px;
}
.icon-list .icon-hover:hover .glyphicon, .icon-list .icon-hover:hover .icomoon, .icon-list .icon-hover:hover .strokegap, .icon-list .icon-hover:hover .simpleline {
  vertical-align: -6px;
}

/*
    Maps
    ========================================================================== */
/*
    Google Map
    ------------------------------------- */
.map-container {
  min-height: 300px;
}

.map-overlay {
  position: relative;
  padding: 10px 15px;
  font-size: 15px;
  font-size: 1.07143rem;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.map-overlay:after, .map-overlay:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.map-overlay:after {
  border-width: 5px;
  margin-left: -5px;
}
.map-overlay:before {
  border-width: 7px;
  margin-left: -7px;
}

/*
    Modals
    ========================================================================== */
.modal-container td {
  vertical-align: middle !important;
}

/*
    Bootstrap Modal
    ------------------------------------- */
.modal-fw {
  width: 98%;
}

.modal-hw {
  width: 50%;
}

.modal-content {
  border-radius: 2px;
}

/*
    Remodal
    ------------------------------------- */
/* Hide scroll bar */
html.remodal_lock, body.remodal_lock {
  overflow: hidden;
}

/* Anti FOUC */
.remodal, [data-remodal-id] {
  visibility: hidden;
}

/* Overlay necessary styles */
.remodal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  display: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  text-align: center;
  /* Fix iPad, iPhone glitches */
}
.remodal-overlay:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: '';
}
.remodal-overlay > * {
  -webkit-transform: translateZ(0px);
}

/* Modal dialog necessary styles */
.remodal {
  position: relative;
  display: inline-block;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

/*
    Remodal default theme
    ----------------------- */
/* Background for effects */
.remodal-bg {
  -webkit-transition: -webkit-filter 0.2s linear;
  -moz-transition: -moz-filter 0.2s linear;
  -o-transition: -o-filter 0.2s linear;
  transition: filter 0.2s linear;
}

body.remodal_active .remodal-bg {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
}

/* Overlay default theme styles */
.remodal-overlay {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

body.remodal_active .remodal-overlay {
  opacity: 1;
}

/* Modal dialog default theme styles */
.remodal {
  width: 100%;
  min-height: 100%;
  padding: 35px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-clip: padding-box;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-transition: -webkit-transform 0.2s linear;
  -moz-transition: -moz-transform 0.2s linear;
  -o-transition: -o-transform 0.2s linear;
  transition: transform 0.2s linear;
}

body.remodal_active .remodal {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/* Modal dialog vertical align  */
.remodal, .remodal-overlay:after {
  vertical-align: middle;
}

/* Close button */
.remodal-close {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 28px;
  height: 28px;
  text-decoration: none;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
}
.remodal-close:after {
  display: block;
  content: "â”œÃ¹";
  line-height: 28px;
  cursor: pointer;
  margin-left: -1px;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-size: 26px;
  font-size: 1.85714rem;
}

/*
    Magnific Popup
    ------------------------------------- */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-close:active {
  top: 1px;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  line-height: 18px;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  margin-left: 31px;
}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  margin-left: 39px;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

/* Form Example */
.sample-magnific-container {
  background: #FFF;
  padding: 20px 30px;
  text-align: left;
  max-width: 650px;
  margin: 40px auto;
  position: relative;
}

/* Fade-zoom animation */
.prot-mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
  /* Dark overlay, start state */
  /* animate in */
  /* animate out */
}
.prot-mfp-zoom-in .sample-magnific-container {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.prot-mfp-zoom-in.mfp-ready .sample-magnific-container {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.prot-mfp-zoom-in.mfp-removing .sample-magnific-container {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}
.prot-mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.prot-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.prot-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

/* Fade-move animation */
.prot-mfp-slide-bottom {
  /* at start */
  /* animate in */
  /* animate out */
  /* Dark overlay, start state */
  /* animate in */
  /* animate out */
}
.prot-mfp-slide-bottom .sample-magnific-container {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  transform: translateY(-20px) perspective(600px) rotateX(10deg);
}
.prot-mfp-slide-bottom.mfp-ready .sample-magnific-container {
  opacity: 1;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  -moz-transform: translateY(0) perspective(600px) rotateX(0);
  -ms-transform: translateY(0) perspective(600px) rotateX(0);
  -o-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
}
.prot-mfp-slide-bottom.mfp-removing .sample-magnific-container {
  opacity: 0;
  -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  transform: translateY(-10px) perspective(600px) rotateX(10deg);
}
.prot-mfp-slide-bottom.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.prot-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.prot-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0;
}

@media (max-width: 991px) {
  .modal-fw,
  .modal-hw {
    width: auto;
  }
}
@media only screen and (min-width: 40.063em) {
  .remodal {
    max-width: 700px;
    margin: 20px auto;
    min-height: 0;
  }
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
    * Remove all paddings around the image on small screen
    */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

/*
    Notifications
    ========================================================================== */
/*
    jGrowl
    ------------------------------------- */
.notifi-container td {
  vertical-align: middle !important;
}

.notifi-align {
  width: 50%;
}

.jGrowl {
  z-index: 9999;
  position: fixed;
}
.jGrowl.top-left {
  left: 0px;
  top: 0px;
}
.jGrowl.top-right {
  right: 0px;
  top: 0px;
}
.jGrowl.bottom-left {
  left: 0px;
  bottom: 0px;
}
.jGrowl.bottom-right {
  right: 0px;
  bottom: 0px;
}
.jGrowl.center {
  top: 0px;
  width: 50%;
  left: 25%;
}

/** Cross Browser Styling **/
.center .jGrowl-notification, .center .jGrowl-closer {
  margin-left: auto;
  margin-right: auto;
}

.jGrowl .jGrowl-notification, .jGrowl .jGrowl-closer {
  zoom: 1;
  width: 270px;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: left;
  display: none;
  font-family: "Source Sans Pro Light";
  font-size: 15px;
  font-size: 1.07143rem;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.jGrowl .jGrowl-notification {
  min-height: 40px;
  margin: 10px;
}
.jGrowl .jGrowl-closer {
  margin: 10px;
}
.jGrowl .jGrowl-notification .jGrowl-header {
  font-family: "Source Sans Pro Semibold";
  font-size: 12px;
  font-size: 0.85714rem;
}
.jGrowl .jGrowl-notification .jGrowl-close {
  z-index: 99;
  float: right;
  font-family: "Source Sans Pro Bold";
  font-size: 18px;
  font-size: 1.28571rem;
  cursor: pointer;
}
.jGrowl .jGrowl-closer {
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  font-size: 1rem;
}

/*
    Toastr
    ------------------------------------- */
.toast-title {
  font-family: "Source Sans Pro Semibold";
  font-size: 17px;
  font-size: 1.21429rem;
}

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
.toast-close-button:hover, .toast-close-button:focus {
  text-decoration: none;
  cursor: pointer;
  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;
  /*overrides*/
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  background-position: 15px center;
  background-repeat: no-repeat;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
#toast-container > :hover {
  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: auto;
}
#toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*
    Amaran
    ------------------------------------- */
.amaran-wrapper {
  position: fixed;
}

.amaran-wrapper.top {
  top: 0;
  bottom: auto;
}

.amaran-wrapper.bottom {
  bottom: 0;
  top: auto;
}

.amaran-wrapper.left {
  left: 0;
}

.amaran-wrapper.right {
  right: 0;
  left: auto;
}

.amaran-wrapper.center {
  left: 0;
  right: auto;
}

.amaran {
  width: 200px;
  display: block;
  background: rgba(0, 0, 0, 0.7);
  padding: 3px;
  color: #fff;
  border-radius: 4px;
  margin-top: 5px;
  display: none;
  font-family: Arial;
  font-size: 12px;
  cursor: pointer;
  position: relative;
  text-align: left;
  min-height: 50px;
  margin: 10px;
}

.amaran:first-child {
  margin-top: 0;
}

.amaran-close {
  position: absolute;
  top: 2px;
  right: 2px;
  display: block;
  width: 20px;
  height: 20px;
}

/*
    Hide jGrowl when printing
    ------------------------------------- */
@media print {
  .jGrowl {
    display: none;
  }
}
/*
    Toastr
    ------------------------------------- */
/*Responsive Design*/
@media all and (max-width: 239px) {
  #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: 240px) and (max-width: 479px) {
  #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: 480px) and (max-width: 767px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
/*
    Page Progressbar
    ========================================================================== */
/*
    Common Settings
    ------------------------------------- */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace.pace-inactive {
  display: none;
}

/*
    Default Effect - Minimal
    ------------------------------------- */
.pace-effect-1 .pace-progress {
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

/*
    Flash
    ------------------------------------- */
.pace-effect-2 .pace-progress {
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}
.pace-effect-2 .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}
.pace-effect-2 .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 15px;
  right: 15px;
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-radius: 10px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}
@-webkit-keyframes pace-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes pace-spinner {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes pace-spinner {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes pace-spinner {
  0% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes pace-spinner {
  0% {
    transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*
    Barber Shop
    ------------------------------------- */
.pace-effect-3 {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  width: 100%;
  height: 12px;
}
.pace-effect-3 .pace-progress {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 100%;
  width: 100%;
  overflow: hidden;
}
.pace-effect-3 .pace-activity {
  position: fixed;
  top: 0;
  right: -32px;
  bottom: 0;
  left: 0;
  -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-background-size: 32px 32px;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  background-size: 32px 32px;
  -webkit-animation: pace-theme-barber-shop-motion 500ms linear infinite;
  -moz-animation: pace-theme-barber-shop-motion 500ms linear infinite;
  -ms-animation: pace-theme-barber-shop-motion 500ms linear infinite;
  -o-animation: pace-theme-barber-shop-motion 500ms linear infinite;
  animation: pace-theme-barber-shop-motion 500ms linear infinite;
}
@-webkit-keyframes pace-theme-barber-shop-motion {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  100% {
    -webkit-transform: translate(-32px, 0);
    transform: translate(-32px, 0);
  }
}
@-moz-keyframes pace-theme-barber-shop-motion {
  0% {
    -moz-transform: none;
    transform: none;
  }
  100% {
    -moz-transform: translate(-32px, 0);
    transform: translate(-32px, 0);
  }
}
@-o-keyframes pace-theme-barber-shop-motion {
  0% {
    -o-transform: none;
    transform: none;
  }
  100% {
    -o-transform: translate(-32px, 0);
    transform: translate(-32px, 0);
  }
}
@-ms-keyframes pace-theme-barber-shop-motion {
  0% {
    -ms-transform: none;
    transform: none;
  }
  100% {
    -ms-transform: translate(-32px, 0);
    transform: translate(-32px, 0);
  }
}
@keyframes pace-theme-barber-shop-motion {
  0% {
    transform: none;
    transform: none;
  }
  100% {
    transform: translate(-32px, 0);
    transform: translate(-32px, 0);
  }
}
/*
    Fill Left
    ------------------------------------- */
.pace-effect-4 {
  position: fixed;
  z-index: 100;
}
.pace-effect-4 .pace-progress {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 100%;
  bottom: 0;
  width: 100%;
}

/*
	Big Counter
	------------------------------------- */
.pace-effect-5.pace-inactive .pace-progress {
  display: none;
}
.pace-effect-5 .pace-progress {
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 0;
  height: 5rem;
  width: 5rem;
  -webkit-transform: translate3d(0, 0, 0) !important;
  -ms-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}
.pace-effect-5 .pace-progress:after {
  display: block;
  position: absolute;
  top: 0;
  right: .5rem;
  content: attr(data-progress-text);
  font-size: 5rem;
  line-height: 1;
  text-align: right;
}

/*
	Corner Indicator
	------------------------------------- */
.pace-effect-6 .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 0;
  width: 300px;
  height: 300px;
  background: #2299dd;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg);
  transform: translateX(100%) translateY(-100%) rotate(45deg);
  pointer-events: none;
}
.pace-effect-6.pace-active .pace-activity {
  -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
  transform: translateX(50%) translateY(-50%) rotate(45deg);
}
.pace-effect-6 .pace-activity::before, .pace-effect-6 .pace-activity::after {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  bottom: 30px;
  left: 50%;
  display: block;
  border-radius: 50%;
  content: '';
}
.pace-effect-6 .pace-activity::before {
  margin-left: -40px;
  width: 80px;
  height: 80px;
  -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite;
  animation: pace-theme-corner-indicator-spin 3s linear infinite;
}
.pace-effect-6 .pace-activity::after {
  bottom: 50px;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite;
  animation: pace-theme-corner-indicator-spin 1s linear infinite;
}
@-webkit-keyframes pace-theme-corner-indicator-spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes pace-theme-corner-indicator-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/*
	Bounce
	------------------------------------- */
.pace-effect-7 {
  width: 140px;
  height: 300px;
  position: fixed;
  top: -90px;
  right: -20px;
  z-index: 2000;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all 2s linear 0s;
  -moz-transition: all 2s linear 0s;
  transition: all 2s linear 0s;
}
.pace-effect-7.pace-active {
  -webkit-transform: scale(0.25);
  -moz-transform: scale(0.25);
  -ms-transform: scale(0.25);
  -o-transform: scale(0.25);
  transform: scale(0.25);
  opacity: 1;
}
.pace-effect-7 .pace-activity {
  width: 140px;
  height: 140px;
  border-radius: 70px;
  position: absolute;
  top: 0;
  z-index: 1911;
  -webkit-animation: pace-bounce 1s infinite;
  -moz-animation: pace-bounce 1s infinite;
  -o-animation: pace-bounce 1s infinite;
  -ms-animation: pace-bounce 1s infinite;
  animation: pace-bounce 1s infinite;
}
.pace-effect-7 .pace-progress {
  position: absolute;
  display: block;
  left: 50%;
  bottom: 0;
  z-index: 1910;
  margin-left: -30px;
  width: 60px;
  height: 75px;
  border-radius: 30px / 40px;
  -webkit-transform: scaleY(0.3) !important;
  -moz-transform: scaleY(0.3) !important;
  -ms-transform: scaleY(0.3) !important;
  -o-transform: scaleY(0.3) !important;
  transform: scaleY(0.3) !important;
  -webkit-animation: pace-compress .5s infinite alternate;
  -moz-animation: pace-compress .5s infinite alternate;
  -o-animation: pace-compress .5s infinite alternate;
  -ms-animation: pace-compress .5s infinite alternate;
  animation: pace-compress .5s infinite alternate;
}

@-webkit-keyframes pace-bounce {
  0% {
    top: 0;
    -webkit-animation-timing-function: ease-in;
  }
  50% {
    top: 140px;
    height: 140px;
    -webkit-animation-timing-function: ease-out;
  }
  55% {
    top: 160px;
    height: 120px;
    border-radius: 70px / 60px;
    -webkit-animation-timing-function: ease-in;
  }
  65% {
    top: 120px;
    height: 140px;
    border-radius: 70px;
    -webkit-animation-timing-function: ease-out;
  }
  95% {
    top: 0;
    -webkit-animation-timing-function: ease-in;
  }
  100% {
    top: 0;
    -webkit-animation-timing-function: ease-in;
  }
}
@-moz-keyframes pace-bounce {
  0% {
    top: 0;
    -moz-animation-timing-function: ease-in;
  }
  50% {
    top: 140px;
    height: 140px;
    -moz-animation-timing-function: ease-out;
  }
  55% {
    top: 160px;
    height: 120px;
    border-radius: 70px / 60px;
    -moz-animation-timing-function: ease-in;
  }
  65% {
    top: 120px;
    height: 140px;
    border-radius: 70px;
    -moz-animation-timing-function: ease-out;
  }
  95% {
    top: 0;
    -moz-animation-timing-function: ease-in;
  }
  100% {
    top: 0;
    -moz-animation-timing-function: ease-in;
  }
}
@keyframes pace-bounce {
  0% {
    top: 0;
    animation-timing-function: ease-in;
  }
  50% {
    top: 140px;
    height: 140px;
    animation-timing-function: ease-out;
  }
  55% {
    top: 160px;
    height: 120px;
    border-radius: 70px / 60px;
    animation-timing-function: ease-in;
  }
  65% {
    top: 120px;
    height: 140px;
    border-radius: 70px;
    animation-timing-function: ease-out;
  }
  95% {
    top: 0;
    animation-timing-function: ease-in;
  }
  100% {
    top: 0;
    animation-timing-function: ease-in;
  }
}
@-webkit-keyframes pace-compress {
  0% {
    bottom: 0;
    margin-left: -30px;
    width: 60px;
    height: 75px;
    background: rgba(20, 20, 20, 0.1);
    box-shadow: 0 0 20px 35px rgba(20, 20, 20, 0.1);
    border-radius: 30px / 40px;
    -webkit-animation-timing-function: ease-in;
  }
  100% {
    bottom: 30px;
    margin-left: -10px;
    width: 20px;
    height: 5px;
    background: rgba(20, 20, 20, 0.3);
    box-shadow: 0 0 20px 35px rgba(20, 20, 20, 0.3);
    border-radius: 20px / 20px;
    -webkit-animation-timing-function: ease-out;
  }
}
@-moz-keyframes pace-compress {
  0% {
    bottom: 0;
    margin-left: -30px;
    width: 60px;
    height: 75px;
    background: rgba(20, 20, 20, 0.1);
    box-shadow: 0 0 20px 35px rgba(20, 20, 20, 0.1);
    border-radius: 30px / 40px;
    -moz-animation-timing-function: ease-in;
  }
  100% {
    bottom: 30px;
    margin-left: -10px;
    width: 20px;
    height: 5px;
    background: rgba(20, 20, 20, 0.3);
    box-shadow: 0 0 20px 35px rgba(20, 20, 20, 0.3);
    border-radius: 20px / 20px;
    -moz-animation-timing-function: ease-out;
  }
}
@keyframes pace-compress {
  0% {
    bottom: 0;
    margin-left: -30px;
    width: 60px;
    height: 75px;
    background: rgba(20, 20, 20, 0.1);
    box-shadow: 0 0 20px 35px rgba(20, 20, 20, 0.1);
    border-radius: 30px / 40px;
    animation-timing-function: ease-in;
  }
  100% {
    bottom: 30px;
    margin-left: -10px;
    width: 20px;
    height: 5px;
    background: rgba(20, 20, 20, 0.3);
    box-shadow: 0 0 20px 35px rgba(20, 20, 20, 0.3);
    border-radius: 20px / 20px;
    animation-timing-function: ease-out;
  }
}
/*
	Loading Bar
	------------------------------------- */
.pace-effect-8 {
  z-index: 2000;
  position: fixed;
  margin: auto;
  top: 12px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 200px;
  height: 50px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.pace-effect-8 .pace-progress {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  display: block;
  position: absolute;
  right: 100%;
  margin-right: -7px;
  width: 93%;
  top: 7px;
  height: 14px;
  line-height: 60px;
  font-weight: bold;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  font-size: 0.85714rem;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.pace-effect-8 .pace-progress:after {
  content: attr(data-progress-text);
  display: inline-block;
  position: fixed;
  width: 45px;
  text-align: right;
  right: 0;
  padding-right: 16px;
  top: 4px;
}
.pace-effect-8 .pace-progress[data-progress-text="0%"]:after {
  right: -200px;
}
.pace-effect-8 .pace-progress[data-progress-text="1%"]:after {
  right: -198.14px;
}
.pace-effect-8 .pace-progress[data-progress-text="2%"]:after {
  right: -196.28px;
}
.pace-effect-8 .pace-progress[data-progress-text="3%"]:after {
  right: -194.42px;
}
.pace-effect-8 .pace-progress[data-progress-text="4%"]:after {
  right: -192.56px;
}
.pace-effect-8 .pace-progress[data-progress-text="5%"]:after {
  right: -190.7px;
}
.pace-effect-8 .pace-progress[data-progress-text="6%"]:after {
  right: -188.84px;
}
.pace-effect-8 .pace-progress[data-progress-text="7%"]:after {
  right: -186.98px;
}
.pace-effect-8 .pace-progress[data-progress-text="8%"]:after {
  right: -185.12px;
}
.pace-effect-8 .pace-progress[data-progress-text="9%"]:after {
  right: -183.26px;
}
.pace-effect-8 .pace-progress[data-progress-text="10%"]:after {
  right: -181.4px;
}
.pace-effect-8 .pace-progress[data-progress-text="11%"]:after {
  right: -179.54px;
}
.pace-effect-8 .pace-progress[data-progress-text="12%"]:after {
  right: -177.68px;
}
.pace-effect-8 .pace-progress[data-progress-text="13%"]:after {
  right: -175.82px;
}
.pace-effect-8 .pace-progress[data-progress-text="14%"]:after {
  right: -173.96px;
}
.pace-effect-8 .pace-progress[data-progress-text="15%"]:after {
  right: -172.1px;
}
.pace-effect-8 .pace-progress[data-progress-text="16%"]:after {
  right: -170.24px;
}
.pace-effect-8 .pace-progress[data-progress-text="17%"]:after {
  right: -168.38px;
}
.pace-effect-8 .pace-progress[data-progress-text="18%"]:after {
  right: -166.52px;
}
.pace-effect-8 .pace-progress[data-progress-text="19%"]:after {
  right: -164.66px;
}
.pace-effect-8 .pace-progress[data-progress-text="20%"]:after {
  right: -162.8px;
}
.pace-effect-8 .pace-progress[data-progress-text="21%"]:after {
  right: -160.94px;
}
.pace-effect-8 .pace-progress[data-progress-text="22%"]:after {
  right: -159.08px;
}
.pace-effect-8 .pace-progress[data-progress-text="23%"]:after {
  right: -157.22px;
}
.pace-effect-8 .pace-progress[data-progress-text="24%"]:after {
  right: -155.36px;
}
.pace-effect-8 .pace-progress[data-progress-text="25%"]:after {
  right: -153.5px;
}
.pace-effect-8 .pace-progress[data-progress-text="26%"]:after {
  right: -151.64px;
}
.pace-effect-8 .pace-progress[data-progress-text="27%"]:after {
  right: -149.78px;
}
.pace-effect-8 .pace-progress[data-progress-text="28%"]:after {
  right: -147.92px;
}
.pace-effect-8 .pace-progress[data-progress-text="29%"]:after {
  right: -146.06px;
}
.pace-effect-8 .pace-progress[data-progress-text="30%"]:after {
  right: -144.2px;
}
.pace-effect-8 .pace-progress[data-progress-text="31%"]:after {
  right: -142.34px;
}
.pace-effect-8 .pace-progress[data-progress-text="32%"]:after {
  right: -140.48px;
}
.pace-effect-8 .pace-progress[data-progress-text="33%"]:after {
  right: -138.62px;
}
.pace-effect-8 .pace-progress[data-progress-text="34%"]:after {
  right: -136.76px;
}
.pace-effect-8 .pace-progress[data-progress-text="35%"]:after {
  right: -134.9px;
}
.pace-effect-8 .pace-progress[data-progress-text="36%"]:after {
  right: -133.04px;
}
.pace-effect-8 .pace-progress[data-progress-text="37%"]:after {
  right: -131.18px;
}
.pace-effect-8 .pace-progress[data-progress-text="38%"]:after {
  right: -129.32px;
}
.pace-effect-8 .pace-progress[data-progress-text="39%"]:after {
  right: -127.46px;
}
.pace-effect-8 .pace-progress[data-progress-text="40%"]:after {
  right: -125.6px;
}
.pace-effect-8 .pace-progress[data-progress-text="41%"]:after {
  right: -123.74px;
}
.pace-effect-8 .pace-progress[data-progress-text="42%"]:after {
  right: -121.88px;
}
.pace-effect-8 .pace-progress[data-progress-text="43%"]:after {
  right: -120.02px;
}
.pace-effect-8 .pace-progress[data-progress-text="44%"]:after {
  right: -118.16px;
}
.pace-effect-8 .pace-progress[data-progress-text="45%"]:after {
  right: -116.3px;
}
.pace-effect-8 .pace-progress[data-progress-text="46%"]:after {
  right: -114.44px;
}
.pace-effect-8 .pace-progress[data-progress-text="47%"]:after {
  right: -112.58px;
}
.pace-effect-8 .pace-progress[data-progress-text="48%"]:after {
  right: -110.72px;
}
.pace-effect-8 .pace-progress[data-progress-text="49%"]:after {
  right: -108.86px;
}
.pace-effect-8 .pace-progress[data-progress-text="50%"]:after {
  right: -107px;
}
.pace-effect-8 .pace-progress[data-progress-text="51%"]:after {
  right: -105.14px;
}
.pace-effect-8 .pace-progress[data-progress-text="52%"]:after {
  right: -103.28px;
}
.pace-effect-8 .pace-progress[data-progress-text="53%"]:after {
  right: -101.42px;
}
.pace-effect-8 .pace-progress[data-progress-text="54%"]:after {
  right: -99.56px;
}
.pace-effect-8 .pace-progress[data-progress-text="55%"]:after {
  right: -97.7px;
}
.pace-effect-8 .pace-progress[data-progress-text="56%"]:after {
  right: -95.84px;
}
.pace-effect-8 .pace-progress[data-progress-text="57%"]:after {
  right: -93.98px;
}
.pace-effect-8 .pace-progress[data-progress-text="58%"]:after {
  right: -92.12px;
}
.pace-effect-8 .pace-progress[data-progress-text="59%"]:after {
  right: -90.26px;
}
.pace-effect-8 .pace-progress[data-progress-text="60%"]:after {
  right: -88.4px;
}
.pace-effect-8 .pace-progress[data-progress-text="61%"]:after {
  right: -86.54px;
}
.pace-effect-8 .pace-progress[data-progress-text="62%"]:after {
  right: -84.68px;
}
.pace-effect-8 .pace-progress[data-progress-text="63%"]:after {
  right: -82.82px;
}
.pace-effect-8 .pace-progress[data-progress-text="64%"]:after {
  right: -80.96px;
}
.pace-effect-8 .pace-progress[data-progress-text="65%"]:after {
  right: -79.1px;
}
.pace-effect-8 .pace-progress[data-progress-text="66%"]:after {
  right: -77.24px;
}
.pace-effect-8 .pace-progress[data-progress-text="67%"]:after {
  right: -75.38px;
}
.pace-effect-8 .pace-progress[data-progress-text="68%"]:after {
  right: -73.52px;
}
.pace-effect-8 .pace-progress[data-progress-text="69%"]:after {
  right: -71.66px;
}
.pace-effect-8 .pace-progress[data-progress-text="70%"]:after {
  right: -69.8px;
}
.pace-effect-8 .pace-progress[data-progress-text="71%"]:after {
  right: -67.94px;
}
.pace-effect-8 .pace-progress[data-progress-text="72%"]:after {
  right: -66.08px;
}
.pace-effect-8 .pace-progress[data-progress-text="73%"]:after {
  right: -64.22px;
}
.pace-effect-8 .pace-progress[data-progress-text="74%"]:after {
  right: -62.36px;
}
.pace-effect-8 .pace-progress[data-progress-text="75%"]:after {
  right: -60.5px;
}
.pace-effect-8 .pace-progress[data-progress-text="76%"]:after {
  right: -58.64px;
}
.pace-effect-8 .pace-progress[data-progress-text="77%"]:after {
  right: -56.78px;
}
.pace-effect-8 .pace-progress[data-progress-text="78%"]:after {
  right: -54.92px;
}
.pace-effect-8 .pace-progress[data-progress-text="79%"]:after {
  right: -53.06px;
}
.pace-effect-8 .pace-progress[data-progress-text="80%"]:after {
  right: -51.2px;
}
.pace-effect-8 .pace-progress[data-progress-text="81%"]:after {
  right: -49.34px;
}
.pace-effect-8 .pace-progress[data-progress-text="82%"]:after {
  right: -47.48px;
}
.pace-effect-8 .pace-progress[data-progress-text="83%"]:after {
  right: -45.62px;
}
.pace-effect-8 .pace-progress[data-progress-text="84%"]:after {
  right: -43.76px;
}
.pace-effect-8 .pace-progress[data-progress-text="85%"]:after {
  right: -41.9px;
}
.pace-effect-8 .pace-progress[data-progress-text="86%"]:after {
  right: -40.04px;
}
.pace-effect-8 .pace-progress[data-progress-text="87%"]:after {
  right: -38.18px;
}
.pace-effect-8 .pace-progress[data-progress-text="88%"]:after {
  right: -36.32px;
}
.pace-effect-8 .pace-progress[data-progress-text="89%"]:after {
  right: -34.46px;
}
.pace-effect-8 .pace-progress[data-progress-text="90%"]:after {
  right: -32.6px;
}
.pace-effect-8 .pace-progress[data-progress-text="91%"]:after {
  right: -30.74px;
}
.pace-effect-8 .pace-progress[data-progress-text="92%"]:after {
  right: -28.88px;
}
.pace-effect-8 .pace-progress[data-progress-text="93%"]:after {
  right: -27.02px;
}
.pace-effect-8 .pace-progress[data-progress-text="94%"]:after {
  right: -25.16px;
}
.pace-effect-8 .pace-progress[data-progress-text="95%"]:after {
  right: -23.3px;
}
.pace-effect-8 .pace-progress[data-progress-text="96%"]:after {
  right: -21.44px;
}
.pace-effect-8 .pace-progress[data-progress-text="97%"]:after {
  right: -19.58px;
}
.pace-effect-8 .pace-progress[data-progress-text="98%"]:after {
  right: -17.72px;
}
.pace-effect-8 .pace-progress[data-progress-text="99%"]:after {
  right: -15.86px;
}
.pace-effect-8 .pace-progress[data-progress-text="100%"]:after {
  right: -14px;
}
.pace-effect-8 .pace-activity {
  position: absolute;
  width: 100%;
  height: 28px;
  z-index: 2001;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

/*
	Center Simple
	------------------------------------- */
.pace-effect-9 {
  z-index: 2000;
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  width: 200px;
  overflow: hidden;
}
.pace-effect-9 .pace-progress {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -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);
  max-width: 200px;
  z-index: 2000;
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  width: 100%;
}

/*
    Pagination
    ========================================================================== */
/*
    Pagination
    ------------------------------------- */
/*
    Pager
    ------------------------------------- */
/*
    Pricing Tables
    ========================================================================== */
/*
    Pricing Table - Version 1
    ------------------------------------- */
.plans {
  padding: 2% 2% 0;
  overflow: hidden;
  *zoom: 1;
}
.plans .plan > ul > li {
  padding: 10px 20px;
}
.plans h2 {
  margin: 0;
}
.plans.centered, .plans .centered {
  text-align: center;
}
.plans p {
  margin: 0;
}
.plans .options li {
  padding: 5px 0;
}
.plans .options span {
  padding-right: 5px;
}
.plans .price {
  line-height: 1;
  font-size: 22px;
  font-size: 1.57143rem;
}
.plans .price span {
  font-size: 12px;
  font-size: 0.85714rem;
}
.plans.plans-animated .plan:hover,
.plans .plan-animated:hover {
  -moz-transform: scale(1.04);
  -ms-transform: scale(1.04);
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}

/* Plan 1 */
.plans-1 .title h2 {
  font-family: "Source Sans Pro Light";
}
.plans-1 .price {
  font-family: "Source Sans Pro Semibold";
}
.plans-1 .options {
  font-size: 15px;
  font-size: 1.07143rem;
}
.plans-1 .options span {
  font-family: "Source Sans Pro Bold";
}
.plans-1 .btn-cont {
  text-transform: uppercase;
  font-family: "Source Sans Pro Bold";
  font-size: 15px;
  font-size: 1.07143rem;
}
.plans-1 .btn {
  padding: 10px 12px;
}

/* Plan 2 */
.plans-2 .options li {
  padding: 10px 0;
}
.plans-2 .options span {
  font-family: "Source Sans Pro Semibold";
}
.plans-2 .title {
  padding: 20px 20px 0 !important;
  text-transform: uppercase;
}
.plans-2 .title h2 {
  font-size: 13px;
  font-size: 0.92857rem;
}
.plans-2 .price {
  padding-top: 5px !important;
}
.plans-2 .price .nr {
  font-size: 26px;
  font-size: 1.85714rem;
  font-family: "Source Sans Pro Bold";
}
.plans-2 .btn {
  text-transform: uppercase;
  padding: 10px 30px;
}

/* Plan 3 */
.plans-3 .plan {
  position: relative;
  z-index: 10;
}
.plans-3 .title {
  text-transform: uppercase;
  padding: 20px !important;
}
.plans-3 .title h2 {
  font-family: "Source Sans Pro Light";
  line-height: 1;
}
.plans-3 .price {
  font-family: "Source Sans Pro Light";
  padding: 20px !important;
  font-size: 45px;
  font-size: 3.21429rem;
}
.plans-3 .price .cur {
  margin: 0 5px 0 0;
  font-size: 20px;
  font-size: 1.42857rem;
}
.plans-3 .price span {
  margin-left: 5px;
  font-family: "Source Sans Pro Semibold";
  font-size: 14px;
  font-size: 1rem;
}
.plans-3 .btn-cont {
  padding: 20px !important;
}
.plans-3 .btn {
  text-transform: uppercase;
  padding: 10px 50px;
}
.plans-3 .best {
  padding-bottom: 40px;
  margin: -20px -3px 0;
  z-index: 15;
}
.plans-3 .best .price {
  padding: 40px 0 20px !important;
}

/*
    Progressbar
    ========================================================================== */
/*
    Progressbar - Bootstrap
    ------------------------------------- */
.progress {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.progress-bar {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.progress-mini {
  height: 5px;
}

.progress-small {
  height: 10px;
}

.progress-medium {
  height: 15px;
}

.progress-large {
  height: 25px;
}

.progress-radius-0 {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.progress-radius-2 {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.progress-radius-4 {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.progress-radius-6 {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.progress-radius-8 {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.progress-radius-10 {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/*
    Scrollbar
    ========================================================================== */
.ps-container {
  overflow: hidden !important;
}
.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
  display: block;
}
.ps-container.ps-in-scrolling {
  pointer-events: none;
}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}
.ps-container > .ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  bottom: 2px;
  /* there must be 'bottom' for ps-scrollbar-x-rail */
  height: 6px;
}
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  bottom: 0;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 6px;
}
.ps-container > .ps-scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  right: 2px;
  /* there must be 'right' for ps-scrollbar-y-rail */
  width: 6px;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  right: 0;
  /* there must be 'right' for ps-scrollbar-y */
  width: 6px;
}
.ps-container:hover.ps-in-scrolling {
  pointer-events: none;
}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}
.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
.ps-container:hover > .ps-scrollbar-x-rail.ps-in-scrolling,
.ps-container:hover > .ps-scrollbar-y-rail.ps-in-scrolling {
  pointer-events: none;
}
.ps-container:hover > .ps-scrollbar-x-rail.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}
.ps-container:hover > .ps-scrollbar-x-rail.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail,
.ps-container:hover > .ps-scrollbar-y-rail.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}
.ps-container:hover > .ps-scrollbar-x-rail:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}
.ps-container:hover > .ps-scrollbar-y-rail:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}

.ps-wrapper {
  max-height: 200px;
  overflow: hidden;
  position: relative;
}

/*
    Sliders
    ========================================================================== */
/*
    jQuery UI Slider
    ------------------------------------- */
.ui-slider-vertical {
  width: 5px;
}

.ui-slider-horizontal {
  height: 5px;
}

.ui-slider .ui-slider-handle {
  height: 16px;
  width: 16px;
  cursor: pointer;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: border 300ms;
  -o-transition: border 300ms;
  -webkit-transition: border 300ms;
  transition: border 300ms;
}
.ui-slider .ui-slider-handle:before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: relative;
  top: 3px;
  left: 3px;
}

.ui-amount {
  padding-left: 5px;
}

/*
    jQuery UI Slider Pips
    ------------------------------------- */
/* HORIZONTAL */
.ui-slider-horizontal.ui-slider-pips {
  margin-bottom: 1.4em;
}

.ui-slider-pips .ui-slider-label, .ui-slider-pips .ui-slider-pip-hide {
  display: none;
}
.ui-slider-pips .ui-slider-pip-label .ui-slider-label {
  display: block;
}
.ui-slider-pips .ui-slider-pip {
  width: 2em;
  height: 1em;
  line-height: 1em;
  position: absolute;
  overflow: visible;
  text-align: center;
  top: 20px;
  left: 20px;
  margin-left: -1em;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
  font-size: 0.85714rem;
}
.ui-slider-pips .ui-slider-line {
  width: 1px;
  height: 3px;
  position: absolute;
  left: 50%;
}
.ui-slider-pips .ui-slider-label {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -1em;
  width: 2em;
}

.ui-slider-pip:hover .ui-slider-label {
  font-weight: normal;
}

/* VERTICAL */
.ui-slider-vertical.ui-slider-pips {
  margin-bottom: 1em;
  margin-right: 2em;
}
.ui-slider-vertical.ui-slider-pips .ui-slider-pip {
  text-align: left;
  top: auto;
  left: 20px;
  margin-left: 0;
  margin-bottom: -0.5em;
}
.ui-slider-vertical.ui-slider-pips .ui-slider-line {
  width: 3px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
}
.ui-slider-vertical.ui-slider-pips .ui-slider-label {
  top: 50%;
  left: 0.5em;
  margin-left: 0;
  margin-top: -0.5em;
  width: 2em;
}

.ui-slider-float .ui-slider-handle:focus {
  outline: none;
}
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label {
  outline: none;
}
.ui-slider-float .ui-slider-tip, .ui-slider-float .ui-slider-tip-label {
  position: absolute;
  visibility: hidden;
  top: -40px;
  display: block;
  width: 34px;
  margin-left: -18px;
  left: 50%;
  height: 20px;
  line-height: 20px;
  text-align: center;
  opacity: 0;
  -webkit-transition-duration: 200ms, 200ms, 0;
  -moz-transition-duration: 200ms, 200ms, 0;
  -ms-transition-duration: 200ms, 200ms, 0;
  transition-duration: 200ms, 200ms, 0;
  -webkit-transition-property: opacity, top, visibility;
  -moz-transition-property: opacity, top, visibility;
  -ms-transition-property: opacity, top, visibility;
  transition-property: opacity, top, visibility;
  -webkit-transition-delay: 0, 0, 200ms;
  -moz-transition-delay: 0, 0, 200ms;
  -ms-transition-delay: 0, 0, 200ms;
  transition-delay: 0, 0, 200ms;
  font-size: 12px;
  font-size: 0.85714rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.ui-slider-float .ui-slider-handle:hover .ui-slider-tip, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip {
  opacity: 1;
  top: -30px;
  visibility: visible;
  -webkit-transition-delay: 200ms, 200ms, 0;
  -moz-transition-delay: 200ms, 200ms, 0;
  -ms-transition-delay: 200ms, 200ms, 0;
  transition-delay: 200ms, 200ms, 0;
}
.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
  opacity: 1;
  top: -30px;
  visibility: visible;
  -webkit-transition-delay: 200ms, 200ms, 0;
  -moz-transition-delay: 200ms, 200ms, 0;
  -ms-transition-delay: 200ms, 200ms, 0;
  transition-delay: 200ms, 200ms, 0;
}
.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
  top: 42px;
}
.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
  top: 32px;
  font-weight: normal;
}
.ui-slider-float .ui-slider-tip:after, .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
}
.ui-slider-float .ui-slider-tip:before {
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  bottom: -11px;
  left: 50%;
  margin-left: -5px;
}
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  bottom: -11px;
  left: 50%;
  margin-left: -5px;
}
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
  top: -10px;
}
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
  top: -11px;
}

.ui-slider-vertical.ui-slider-float .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-tip-label {
  top: 50%;
  margin-top: -11px;
  width: 34px;
  margin-left: 0px;
  left: -60px;
  -webkit-transition-duration: 200ms, 200ms, 0;
  -moz-transition-duration: 200ms, 200ms, 0;
  -ms-transition-duration: 200ms, 200ms, 0;
  transition-duration: 200ms, 200ms, 0;
  -webkit-transition-property: opacity, left, visibility;
  -moz-transition-property: opacity, left, visibility;
  -ms-transition-property: opacity, left, visibility;
  transition-property: opacity, left, visibility;
  -webkit-transition-delay: 0, 0, 200ms;
  -moz-transition-delay: 0, 0, 200ms;
  -ms-transition-delay: 0, 0, 200ms;
  transition-delay: 0, 0, 200ms;
}
.ui-slider-vertical.ui-slider-float .ui-slider-handle:hover .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-handle:focus .ui-slider-tip {
  top: 50%;
  margin-top: -11px;
  left: -50px;
}
.ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
  top: 50%;
  margin-top: -11px;
  left: -50px;
}
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
  left: 47px;
}
.ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
  left: 37px;
}
.ui-slider-vertical.ui-slider-float .ui-slider-tip:after, .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
  position: absolute;
  bottom: 50%;
  margin-bottom: -5px;
  right: -10px;
  margin-left: 0;
  top: auto;
  left: auto;
}
.ui-slider-vertical.ui-slider-float .ui-slider-tip:before {
  position: absolute;
  bottom: 50%;
  margin-bottom: -5px;
  right: -11px;
  margin-left: 0;
  top: auto;
  left: auto;
}
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
  position: absolute;
  bottom: 50%;
  margin-bottom: -5px;
  right: -11px;
  margin-left: 0;
  top: auto;
  left: auto;
}
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
  right: auto;
  left: -10px;
}
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
  right: auto;
  left: -11px;
}

/*
    Spinners
    ========================================================================== */
/*
	Helper
    ------------------------------------- */
.spinner-helper {
  text-align: center;
}
.spinner-helper .l-box-title {
  font-size: 14px;
  font-size: 1rem;
}
.spinner-helper .l-box-body {
  padding: 20px 10px;
}

/*
    Spinners 1
    =============================================== */
/*
	Basic
    ------------------------------------- */
.spinner {
  position: relative;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.spinner:before {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.spinner:after {
  border-radius: 100%;
  content: "";
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  position: absolute;
  top: 50%;
  transform-origin: center;
  width: 40px;
  z-index: 2;
  -moz-transition: all 0.75s ease 0s;
  -o-transition: all 0.75s ease 0s;
  -webkit-transition: all 0.75s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.75s ease 0s;
  -moz-animation: standard 0.75s infinite linear;
  -webkit-animation: standard 0.75s infinite linear;
  animation: standard 0.75s infinite linear;
}
.spinner.no-overlay:before {
  content: none;
  display: none;
}

@-moz-keyframes standard {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes standard {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes standard {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*
	Bar
    ------------------------------------- */
.spinner.bar:after {
  height: 20px;
  width: 40px;
  border-radius: 0;
  border: none;
}

/*
	Blade
    ------------------------------------- */
.spinner.blade:after {
  height: 20px;
  width: 20px;
  margin: -10px 0 0 10px;
  border-right: 4px solid transparent;
  border-top: 4px solid transparent;
  border-left: 4px solid transparent;
  opacity: 1;
  transform-origin: left;
}

/*
	Helicopter
    ------------------------------------- */
.spinner.helicopter:after {
  height: 10px;
  width: 40px;
  margin: -10px 0 0 -20px;
  border: none;
  border-radius: 0;
  opacity: 1;
  transform-origin: center;
}

/*
	Line
    ------------------------------------- */
.spinner.line:after {
  height: 40px;
  border-radius: 0;
  border: none;
  -moz-animation: line 0.75s infinite linear;
  -webkit-animation: line 0.75s infinite linear;
  animation: line 0.75s infinite linear;
}

@-moz-keyframes line {
  from {
    width: 10px;
  }
  to {
    width: 50px;
  }
}
@-webkit-keyframes line {
  from {
    width: 10px;
  }
  to {
    width: 50px;
  }
}
@keyframes line {
  from {
    width: 10px;
  }
  to {
    width: 50px;
  }
}
/*
	Line Grow
	------------------------------------- */
.spinner.line.grow:after {
  -moz-animation: line 0.75s infinite linear, line-grow 0.75s infinite linear;
  -webkit-animation: line 0.75s infinite linear, line-grow 0.75s infinite linear;
  animation: line 0.75s infinite linear, line-grow 0.75s infinite linear;
}

@-moz-keyframes line-grow {
  0% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(2);
  }
  100% {
    transform: scaleY(1);
  }
}
@-webkit-keyframes line-grow {
  0% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(2);
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes line-grow {
  0% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(2);
  }
  100% {
    transform: scaleY(1);
  }
}
/*
	Line Back and Forth
	------------------------------------- */
.spinner.line.back-and-forth:after {
  -moz-animation: line-back-and-forth 1s infinite linear;
  -webkit-animation: line-back-and-forth 1s infinite linear;
  animation: line-back-and-forth 1s infinite linear;
}

@-moz-keyframes line-back-and-forth {
  0% {
    width: 10px;
  }
  50% {
    width: 50px;
  }
  100% {
    width: 10px;
  }
}
@-webkit-keyframes line-back-and-forth {
  0% {
    width: 10px;
  }
  50% {
    width: 50px;
  }
  100% {
    width: 10px;
  }
}
@keyframes line-back-and-forth {
  0% {
    width: 10px;
  }
  50% {
    width: 50px;
  }
  100% {
    width: 10px;
  }
}
/*
	Line Back and Forth
	------------------------------------- */
.spinner.line.back-and-forth.grow:after {
  -moz-animation: line-back-and-forth 1s infinite linear, line-back-and-forth-grow 1s infinite linear;
  -webkit-animation: line-back-and-forth 1s infinite linear, line-back-and-forth-grow 1s infinite linear;
  animation: line-back-and-forth 1s infinite linear, line-back-and-forth-grow 1s infinite linear;
}

@-moz-keyframes line-back-and-forth-grow {
  0% {
    transform: scaleY(1);
  }
  25% {
    transform: scaleY(2);
  }
  50% {
    transform: scaleY(1);
  }
  75% {
    transform: scaleY(2);
  }
  100% {
    transform: scaleY(1);
  }
}
@-webkit-keyframes line-back-and-forth-grow {
  0% {
    transform: scaleY(1);
  }
  25% {
    transform: scaleY(2);
  }
  50% {
    transform: scaleY(1);
  }
  75% {
    transform: scaleY(2);
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes line-back-and-forth-grow {
  0% {
    transform: scaleY(1);
  }
  25% {
    transform: scaleY(2);
  }
  50% {
    transform: scaleY(1);
  }
  75% {
    transform: scaleY(2);
  }
  100% {
    transform: scaleY(1);
  }
}
/*
	Shadow
    ------------------------------------- */
.spinner.shadow:after {
  border-radius: 100%;
  border: none;
}

/*
	Shadow Oval Left
	------------------------------------- */
.spinner.shadow.oval:after {
  border-radius: 100% 40%;
}

/*
	Shadow Oval Right
	------------------------------------- */
.spinner.shadow.oval.right:after {
  border-radius: 40% 100%;
}

/*
	Sphere Horizontal
	------------------------------------- */
.spinner.sphere:after {
  border-radius: 100%;
  border: none;
  height: 40px;
}

/*
	Sphere Vertical
	------------------------------------- */
.spinner.sphere.vertical:after {
  border-radius: 100%;
  border: none;
  height: 40px;
}

/*
	Sphere Dashed
	------------------------------------- */
.spinner.dashed:after {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  -moz-animation: dashed 2s infinite linear;
  -webkit-animation: dashed 2s infinite linear;
  animation: dashed 2s infinite linear;
}

@-moz-keyframes dashed {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dashed {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes dashed {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*
    Tabs
    ========================================================================== */
/*
    Bootstrap Tabs
    ------------------------------------- */
/*
    Easy Responsive Tabs
    ------------------------------------- */
ul.resp-tabs-list {
  margin: 0px;
  padding: 0px;
}

.resp-tabs-list li {
  display: inline-block;
  padding: 13px 15px;
  margin: 0 0 -1px;
  list-style: none;
  cursor: pointer;
  float: left;
  -moz-transition: color 300ms;
  -o-transition: color 300ms;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.resp-tabs-container {
  padding: 0px;
  clear: left;
}

h2.resp-accordion {
  font-size: 14px;
  font-size: 1rem;
  cursor: pointer;
  padding: 5px;
  display: none;
}

.resp-tab-content {
  display: none;
  padding: 15px;
}

.resp-tab-active {
  border-bottom: none;
  margin-bottom: -1px !important;
  padding: 12px 14px 14px 14px !important;
  border-bottom: none;
}

.resp-content-active, .resp-accordion-active {
  display: block;
}

h2.resp-accordion {
  margin: 0px;
  padding: 10px 15px;
}
h2.resp-tab-active {
  margin-bottom: 0px !important;
  padding: 10px 15px !important;
}

/*----- Vertical tabs -----*/
.resp-vtabs ul.resp-tabs-list {
  float: left;
  width: 30%;
}
.resp-vtabs .resp-tabs-list li {
  display: block;
  padding: 15px 15px !important;
  margin: 0;
  cursor: pointer;
  float: none;
}
.resp-vtabs .resp-tabs-container {
  padding: 0px;
  float: left;
  width: 68%;
  min-height: 250px;
  border-radius: 4px;
  clear: none;
}
.resp-vtabs .resp-tab-content {
  border: none;
}
.resp-vtabs li.resp-tab-active {
  border-right: none;
  position: relative;
  z-index: 1;
  margin-right: -1px !important;
  padding: 14px 15px 15px 14px !important;
}

.resp-arrow {
  width: 0;
  height: 0;
  float: right;
  margin-top: 3px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

h2.resp-tab-active span.resp-arrow {
  margin-top: 1px;
  border: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

/*----- Accordion styles -----*/
.resp-easy-accordion h2.resp-accordion {
  display: block;
}

.resp-jfit {
  width: 100%;
  margin: 0px;
}

.resp-tab-content-active {
  display: block;
}

/*
    Responsive Tabs
    ------------------------------------- */
.r-tabs {
  position: relative;
}
.r-tabs .r-tabs-nav {
  margin: 0;
  padding: 0;
}
.r-tabs .r-tabs-nav .r-tabs-tab {
  position: relative;
  top: 1px;
  display: inline-block;
  margin: 0;
  list-style: none;
}
.r-tabs .r-tabs-nav .r-tabs-anchor {
  margin-bottom: 1px;
  padding: 10px 12px;
  display: inline-block;
  text-decoration: none;
}
.r-tabs .r-tabs-nav .r-tabs-state-active {
  margin-bottom: -1px;
}
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
  opacity: 0.5;
}
.r-tabs .r-tabs-nav .r-tabs-state-disabled a {
  cursor: default;
}
.r-tabs .r-tabs-panel {
  margin-bottom: 3px;
  padding: 15px;
  display: none;
}
.r-tabs .r-tabs-panel .r-tabs-state-active {
  display: block;
}
.r-tabs .r-tabs-accordion-title {
  display: none;
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
  display: block;
  padding: 10px;
  text-decoration: none;
  margin-bottom: 3px;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
  opacity: 0.5;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
  margin-bottom: 0;
}

/*
    Tabslet
    ------------------------------------- */
.tabslet .vertical {
  /* Vertical */
  margin: 0;
}
.tabslet .horizontal {
  /* Horizontal */
  display: inline;
  margin: 0;
}
.tabslet .horizontal > li {
  display: inline-block;
  /* IE */
  *margin: 1px;
  zoom: 1;
  *display: inline;
}
.tabslet .tabs-nav li {
  margin: 0 5px 5px 0;
}
.tabslet .tabs-nav.vertical li {
  margin-right: 0;
}
.tabslet .tabs-nav a {
  display: block;
  padding: 10px 12px;
  text-decoration: none;
  font-size: 13px;
  font-size: 0.92857rem;
}
.tabslet .tabs-panel {
  padding: 15px;
}

@media (max-width: 991px) {
  /*
      Easy Responsive Tabs
      ------------------------------------- */
  ul.resp-tabs-list {
    display: none;
  }

  h2.resp-accordion {
    display: block;
  }

  .resp-vtabs .resp-tabs-container {
    border: none;
    float: none;
    width: 100%;
    min-height: initial;
    clear: none;
  }

  .resp-accordion-closed {
    display: none !important;
  }

  /*
  	Responsive Tabs
  	------------------------------------- */
  .r-tabs .r-tabs-nav {
    display: none;
  }
  .r-tabs .r-tabs-accordion-title {
    display: block;
  }
}
/*
    Tags
    ========================================================================== */
/*
    tagEditor
    ------------------------------------- */
/* surrounding tag container */
.tag-editor {
  list-style-type: none;
  padding: 10px 5px;
  margin: 0;
  overflow: hidden;
  cursor: text;
  font-weight: normal;
  font-size: 14px;
  font-size: 1rem;
  /* core styles usually need no change */
  /* tag style */
  /* delete icon */
}
.tag-editor li {
  display: block;
  float: left;
  overflow: hidden;
  margin: 3px 0;
  line-height: 1.5;
}
.tag-editor div {
  float: left;
  padding: 0 4px;
}
.tag-editor .placeholder {
  padding: 0 8px;
}
.tag-editor .tag-editor-spacer {
  padding: 0;
  width: 8px;
  overflow: hidden;
}
.tag-editor input {
  vertical-align: inherit;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: text;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-style: inherit;
  box-shadow: none;
  background: none;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.tag-editor .tag-editor-tag {
  padding-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -moz-border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px 0 0 2px;
}
.tag-editor .tag-editor-delete {
  cursor: pointer;
  padding-right: 5px;
  -moz-border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0;
  border-radius: 0 2px 2px 0;
}
.tag-editor .tag-editor-delete i {
  display: inline-block;
  width: 7px;
  height: 7px;
  vertical-align: middle;
  background: url(../img/plugins/tags/delete.png) 0 0 no-repeat;
  position: relative;
  top: -1px;
}
.tag-editor .tag-editor-delete:hover i {
  background-position: 0 -14px;
}
.tag-editor .tag-editor-tag.active {
  background: none !important;
  padding: 0 10px;
}
.tag-editor .tag-editor-tag.active + .tag-editor-delete {
  background: none;
  cursor: text;
}
.tag-editor .tag-editor-tag.active + .tag-editor-delete i {
  background: none;
  cursor: text;
}

/* skin 1 */
.tag-skin-1 + .tag-editor .tag-editor-tag {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.tag-skin-1 + .tag-editor .tag-editor-spacer {
  width: 7px;
}
.tag-skin-1 + .tag-editor .tag-editor-delete {
  display: none;
}

/* jQuery UI autocomplete */
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  font-size: 14px;
  font-size: 1rem;
}

.ui-front {
  z-index: 9999;
}

.ui-menu {
  list-style: none;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 5px 8px;
  line-height: 1.4;
  min-height: 0;
  support: IE7;
}

.ui-helper-hidden-accessible {
  display: none;
}

/*
    Tagging
    ------------------------------------- */
.tagging {
  cursor: text;
  height: auto;
  padding: 10px 10px 15px;
}

.tag {
  cursor: default;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  padding: 4px 20px 4px 0;
  margin: 5px 10px 0 0;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.tag span {
  margin-right: 5px;
  padding: 5px 10px 5px;
  -moz-border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px 0 0 2px;
}
.tag .tag-i {
  cursor: pointer;
  height: 0;
  line-height: 0.1em;
  position: absolute;
  right: 5px;
  top: 0.8em;
  text-align: center;
  width: 10px;
  font-size: 19px;
  font-size: 1.35714rem;
}
.tag .tag-i:hover {
  text-decoration: none;
}

.type-zone {
  height: auto;
  width: auto;
  min-width: 10px;
  display: inline-block;
  padding: 4px 10px;
  margin: 5px 10px 0 0;
}
.type-zone:focus {
  outline: none;
}

/*
    Masterblaster
    ------------------------------------- */
.mb-container {
  overflow: hidden;
}
.mb-container ul.mb-taglist {
  padding: 0;
  margin: 0;
  overflow: hidden;
  float: left;
}

.mb-meta {
  float: left;
  overflow: hidden;
  padding-left: 5px;
}

.mb-tag-content {
  overflow: hidden;
  white-space: nowrap;
}

.mb-help-text {
  margin-left: 5px;
}

.mb-add-button {
  padding: 4px 8px;
  margin-left: 5px;
  line-height: 20px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-size: 14px;
  font-size: 1rem;
}

.mb-container li.mb-tag {
  overflow: hidden;
  float: left;
  list-style-type: none;
  padding: 4px 8px;
  margin-right: 4px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.mb-container .mb-input-container {
  float: right;
}
.mb-container .mb-input {
  float: left;
  padding: 4px 6px;
  margin: 0 0 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.mb-container a.mb-tag-remove {
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  margin-left: 8px;
  margin-bottom: -1px;
  width: 10px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center 2px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAQAAADsZ9STAAAAhklEQVR4ATXNMQ5AUBAE0Cn0CtUmDkAjEQrVj0b144wOoXALdCL/MGO/zTabnVfMAJBNLikFAr2XpkwtO9a3QlnfHVvKhv4ZOPycKf/9g3MOydgopHMGC2cnFiBiNb2O0xurqEN/vaNNwimkkJyx7N7l3csONuth9Ta5HmxAZY5K+ukdNeEDEiBrgNsMixYAAAAASUVORK5CYII=);
}

/*
    Tooltips and Popovers
    ========================================================================== */
/*
    Tooltipster
    ------------------------------------- */
.tooltipster-default {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.tooltipster-default .tooltipster-content {
  line-height: 16px;
  padding: 5px 8px;
  overflow: hidden;
  font-size: 14px;
  font-size: 1rem;
}
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */
}

.tooltipster-icon {
  cursor: help;
  margin-left: 4px;
}

.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible;
}
.tooltipster-base .tooltipster-content {
  overflow: hidden;
}

.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.tooltipster-arrow span {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}

.tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px;
}

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px;
}

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px;
}

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 6px;
}

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px;
}

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
  right: 6px;
}

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px;
}

.tooltipster-arrow-left span {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px;
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px;
}

.tooltipster-arrow-right span {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px;
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px;
}

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.tooltipster-fade-show {
  opacity: 1;
}

.tooltipster-grow {
  -moz-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow-show {
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-swing {
  opacity: 0;
  -moz-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  -webkit-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}

.tooltipster-swing-show {
  opacity: 1;
  -moz-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
  top: 0;
  -moz-transition-property: top;
  -o-transition-property: top;
  -webkit-transition-property: top;
  transition-property: top;
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-dying {
  top: 0px !important;
  opacity: 0;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
}

.tooltipster-slide {
  left: -40px;
  -moz-transition-property: left;
  -o-transition-property: left;
  -webkit-transition-property: left;
  transition-property: left;
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-slide.tooltipster-dying {
  left: 0px !important;
  opacity: 0;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
}

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

/* Tooltipster skins */
.tooltipster-light {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.tooltipster-light .tooltipster-content {
  line-height: 16px;
  padding: 5px 8px;
  font-size: 14px;
  font-size: 1rem;
}

.tooltipster-noir {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.tooltipster-noir .tooltipster-content {
  line-height: 16px;
  padding: 5px 15px;
  font-size: 14px;
  font-size: 1rem;
}

.tooltipster-punk {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.tooltipster-punk .tooltipster-content {
  line-height: 16px;
  padding: 8px 10px;
  font-size: 14px;
  font-size: 1rem;
}

.tooltipster-shadow {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.tooltipster-shadow .tooltipster-content {
  line-height: 16px;
  padding: 8px 10px;
  font-size: 14px;
  font-size: 1rem;
}

.tooltipster-cool {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.tooltipster-cool .tooltipster-content {
  line-height: 14px;
  padding: 5px 8px;
  font-size: 12px;
  font-size: 0.85714rem;
}

/*
    Popover
    ------------------------------------- */
.popover {
  border-radius: 2px;
}

.popover-title {
  border-radius: 1px 1px 0 0;
}

/*
    Webui Popover
    ------------------------------------- */
.webui-popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  width: 276px;
  min-height: 50px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-clip: padding-box;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.webui-popover.top,
.webui-popover.top-left,
.webui-popover.top-right {
  margin-top: -10px;
}

.webui-popover.right,
.webui-popover.right-top,
.webui-popover.right-bottom {
  margin-left: 10px;
}

.webui-popover.bottom,
.webui-popover.bottom-left,
.webui-popover.bottom-right {
  margin-top: 10px;
}

.webui-popover.left,
.webui-popover.left-top,
.webui-popover.left-bottom {
  margin-left: -10px;
}

.webui-popover.pop {
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
}

.webui-popover.fade {
  transition: opacity .15s linear;
}

.webui-popover.in {
  -webkit-transform: none;
  -o-transform: none;
  transform: none;
  opacity: 1;
}

.webui-popover-inner .close {
  font-family: arial;
  margin: 5px 10px 0 0;
  float: right;
  font-weight: bold;
  line-height: 20px;
  opacity: 0.2;
  filter: alpha(opacity=20);
  text-decoration: none;
  font-size: 20px;
  font-size: 1.42857rem;
}

.webui-popover-inner .close:hover,
.webui-popover-inner .close:focus {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.webui-popover-title {
  padding: 8px 14px;
  margin: 0;
  font-weight: normal;
  line-height: 18px;
  font-size: 14px;
  font-size: 1rem;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px;
  border-radius: 2px 2px 0 0;
}

.webui-popover-content {
  padding: 9px 14px;
  overflow: auto;
}

.webui-popover-inverse .webui-popover-title {
  border-bottom: none;
}

.webui-no-padding .webui-popover-content {
  padding: 0;
}

.webui-no-padding .list-group-item {
  border-right: none;
  border-left: none;
}

.webui-no-padding .list-group-item:first-child {
  border-top: 0;
}

.webui-no-padding .list-group-item:last-child {
  border-bottom: 0;
}

.webui-popover > .arrow,
.webui-popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.webui-popover > .arrow {
  border-width: 11px;
}

.webui-popover > .arrow:after {
  border-width: 10px;
  content: "";
}

.webui-popover.top > .arrow,
.webui-popover.top-right > .arrow,
.webui-popover.top-left > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
}

.webui-popover.top > .arrow:after,
.webui-popover.top-right > .arrow:after,
.webui-popover.top-left > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
}

.webui-popover.right > .arrow,
.webui-popover.right-top > .arrow,
.webui-popover.right-bottom > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
}

.webui-popover.right > .arrow:after,
.webui-popover.right-top > .arrow:after,
.webui-popover.right-bottom > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
}

.webui-popover.bottom > .arrow,
.webui-popover.bottom-right > .arrow,
.webui-popover.bottom-left > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
}

.webui-popover.bottom > .arrow:after,
.webui-popover.bottom-right > .arrow:after,
.webui-popover.bottom-left > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
}

.webui-popover.left > .arrow,
.webui-popover.left-top > .arrow,
.webui-popover.left-bottom > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
}

.webui-popover.left > .arrow:after,
.webui-popover.left-top > .arrow:after,
.webui-popover.left-bottom > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  bottom: -10px;
}

.webui-popover i.icon-refresh:before {
  content: "";
}

.webui-popover i.icon-refresh {
  display: block;
  width: 30px;
  height: 30px;
  font-size: 20px;
  top: 50%;
  left: 50%;
  position: absolute;
  margin-left: -15px;
  margin-right: -15px;
  background: url(../img/plugins/webui_popover/loading.gif) no-repeat;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
/*
    Typography
    ========================================================================== */
.sep-bottom {
  padding-bottom: 10px;
  margin: 25px 0 12px;
  font-family: "Source Sans Pro Light";
  font-size: 20px;
  font-size: 1.42857rem;
}
.sep-bottom span {
  font-size: 15px;
  font-size: 1.07143rem;
}
.sep-bottom.first {
  margin-top: 0;
}

.lead {
  font-size: 22px;
  font-size: 1.57143rem;
}

.list-styled {
  list-style-type: disc;
  padding-left: 40px;
}
.list-styled ul {
  list-style-type: circle;
  padding-left: 40px;
}

.label-container {
  font-size: 15px;
  font-size: 1.07143rem;
}
.label-container .label {
  margin-right: 5px;
  font-weight: normal;
}

.badge-container {
  font-size: 15px;
  font-size: 1.07143rem;
}
.badge-container .badge {
  margin-right: 5px;
  font-weight: normal;
}

/*
    Blank Page
    ========================================================================== */
/*
    Section Comment - CSS
    ------------------------------------- */
/* Sub Section Comment - CSS */
/*
    Page Errors
    ========================================================================== */
.error-main-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.error-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/*
    Error 403
    ------------------------------------- */
.error-403 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.error-403-content {
  padding: 2%;
}
.error-403-content h2 {
  margin-top: 0;
}
.error-403-content .info {
  margin: 25px 0;
}
.error-403-content p {
  margin-bottom: 7px;
}

/*
    Error 404
    ------------------------------------- */
.error-404 {
  position: absolute;
  left: 5%;
  top: 10%;
  padding: 20px;
  width: 90%;
  height: 80%;
}

.error-404-content .info {
  margin: 25px 0;
}

.error-icon {
  font-size: 40px;
}

/*
    Error 405
    ------------------------------------- */
.error-405-container:after {
  background-size: 10px;
}

.error-405 {
  position: absolute;
  left: 0;
  top: 15%;
  width: 100%;
}

.error-405-content {
  padding: 2%;
}
.error-405-content h1 {
  margin-top: 0;
}
.error-405-content .info {
  margin: 25px 0;
}

/*
	Error 500
	------------------------------------- */
.error-500 .list-search {
  padding: 5px 0;
}
.error-500 .list-search li:first-child {
  padding-bottom: 5px;
}

/*
    Error 503
    ------------------------------------- */
.error-503-content {
  text-align: center;
  width: 40%;
  height: 100%;
  margin: 0 auto;
  padding: 2%;
}
.error-503-content h1 {
  font-size: 155px;
  font-size: 11.07143rem;
}
.error-503-content li:after {
  content: '-';
  padding-left: 10px;
}
.error-503-content li:last-child:after {
  content: '';
  padding: 0;
}

/*
    Faqs
    ========================================================================== */
/*
    Page Invoice
    ========================================================================== */
/*
    Invoice
    ------------------------------------- */
.company-details,
.purchase-details,
.invoice-address,
.shipping-address {
  float: left;
  clear: none;
  width: 50%;
  margin-left: 0;
  margin-right: 0;
}

.company-details h2 {
  margin: 0 0 10px;
}

.invoice-header {
  padding: 2%;
  margin: 2% 0;
}

.purchase-details {
  text-align: right;
}

.shipping-address {
  text-align: right;
}

.table-invoice td {
  padding: 15px !important;
}
.table-invoice tfoot td {
  padding: 15px 10px !important;
}
.table-invoice tfoot td:first-child {
  text-align: right;
}
.table-invoice .col-1 {
  width: 12%;
}
.table-invoice .col-4 {
  width: 10%;
}
.table-invoice .middle {
  font-size: 15px;
  font-size: 1.07143rem;
}
.table-invoice .big {
  font-size: 18px;
  font-size: 1.28571rem;
}

/*
    Login
    ========================================================================== */
.login-wrapper {
  margin-top: 10%;
  width: 100%;
  *zoom: 1;
}
.login-wrapper:before, .login-wrapper:after {
  content: " ";
  display: table;
}
.login-wrapper:after {
  clear: both;
}

.login-container {
  width: 350px;
  margin: 20px auto;
  *zoom: 1;
}
.login-container:before, .login-container:after {
  content: " ";
  display: table;
}
.login-container:after {
  clear: both;
}

.login-logo {
  text-align: center;
  margin: 15px 0 20px;
}

.login-form input {
  height: auto;
  padding: 18px 15px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 30px;
}
.login-form .btn {
  /*padding: 15px;*/
  margin-left: 35%;
}
.login-form label.error {
  margin: 7px 0 0 0;
}

.or {
  text-align: center;
  margin: 10px 0;
  font-family: "Source Sans Pro Light";
}

.btn-login {
  font-size: 18px;
  font-size: 1.28571rem;
}

.login-social {
  *zoom: 1;
}
.login-social:before, .login-social:after {
  content: " ";
  display: table;
}
.login-social:after {
  clear: both;
}
.login-social i {
  margin-right: 8px;
  vertical-align: middle;
  font-size: 15px;
  font-size: 1.07143rem;
}
.login-social .btn {
  font-size: 15px;
  font-size: 1.07143rem;
}

.login-options {
  margin: 15px 0;
  line-height: 1;
  *zoom: 1;
  text-align: center;
}
.login-options:before, .login-options:after {
  content: " ";
  display: table;
}
.login-options:after {
  clear: both;
}

.register-wrapper {
  margin-top: 6%;
}

.register-sign-in {
  margin-bottom: 15px;
}

.lock-screen-image {
  text-align: center;
  margin: 10px 0;
}
.lock-screen-image img {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
}

@media (max-width: 991px) {
  .btn-facebook {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .login-container {
    padding: 0 15px;
    width: 100%;
  }
}
/*
    Profile
    ========================================================================== */
/*
    Profile Details
    ------------------------------------- */
.profile-header {
  text-align: center;
  margin-bottom: 2%;
  position: relative;
}
.profile-header h2 {
  font-family: "Source Sans Pro Semibold";
}
.profile-header h3 {
  font-family: "Source Sans Pro Light";
  margin-top: 0;
}
.profile-header p {
  font-size: 15px;
  font-size: 1.07143rem;
}

.profile-info li {
  display: inline-block;
}

.profile-img {
  margin-top: 6%;
}
.profile-img img {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.social-links {
  position: absolute;
  left: 10px;
  top: 16px;
  font-size: 18px;
  font-size: 1.28571rem;
}
.social-links li {
  padding-bottom: 5px;
}

.profile-info {
  text-align: center;
  margin-top: 5%;
  padding: 10px 0;
  font-size: 18px;
  font-size: 1.28571rem;
  *zoom: 1;
}
.profile-info:before, .profile-info:after {
  content: " ";
  display: table;
}
.profile-info:after {
  clear: both;
}
.profile-info ul {
  width: 100%;
}
.profile-info li {
  float: left;
  clear: none;
  width: 20%;
  margin-left: 0;
  margin-right: 0;
}
.profile-info span {
  font-family: "Source Sans Pro Light";
  font-size: 17px;
  font-size: 1.21429rem;
}

.contact-info {
  position: absolute;
  right: 10px;
  top: 10px;
  text-align: right;
  font-size: 16px;
  font-size: 1.14286rem;
}
.contact-info li {
  padding-bottom: 5px;
}
.contact-info i {
  margin-right: 8px;
}

.profile-details-cont {
  overflow: hidden;
  *zoom: 1;
}

.profile-details .radio-inline {
  padding-left: 0;
}

.btn-update {
  margin-right: 10px;
}

/*
    Activity
    ------------------------------------- */
.activity-container {
  overflow: hidden;
  *zoom: 1;
}

.activity-filter {
  overflow: hidden;
  *zoom: 1;
  padding-bottom: 30px;
}

.activity-item {
  min-height: 100px;
  margin-bottom: 2%;
  float: left;
  clear: none;
  width: 23.5%;
  margin-left: 0;
  margin-right: 2%;
}
.activity-item:last-child {
  margin-right: 0;
}
.activity-item i {
  margin-right: 5px;
}
.activity-item img {
  float: left;
  clear: none;
  width: 23.5%;
  margin-left: 0;
  margin-right: 2%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.activity-item img:last-child {
  margin-right: 0;
}
.activity-item div {
  float: left;
  clear: none;
  width: 74.5%;
  margin-left: 0;
  margin-right: 2%;
}
.activity-item div:last-child {
  margin-right: 0;
}
.activity-item h3 {
  margin: 0 0 5px 0;
  font-family: "Source Sans Pro Light";
}

.profile-tabs .resp-tab-item span {
  font-family: "Source Sans Pro Semibold";
}

.shuffle-sizer {
  float: left;
  clear: none;
  width: 33.33333%;
  margin-left: 0;
  margin-right: 0;
}

/*
    Friend List
    ------------------------------------- */
.friends-list {
  list-style: none;
  text-align: center;
}
.friends-list > li {
  display: inline-block;
  width: 440px;
  margin: 0;
  padding: 20px;
  text-align: left;
  position: relative;
}
.friends-list figure {
  margin: 0;
  position: relative;
}
.friends-list figure img {
  max-width: 100%;
  display: block;
  position: relative;
  z-index: 10;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.friends-list figure.cs-hover img {
  -webkit-transform: translateY(-50px) scale(0.5);
  -moz-transform: translateY(-50px) scale(0.5);
  -ms-transform: translateY(-50px) scale(0.5);
  transform: translateY(-50px) scale(0.5);
}
.friends-list figcaption {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  height: 100%;
  width: 100%;
}
.friends-list figcaption h3 {
  margin: 0;
  padding: 0;
  margin-top: 60%;
}
.friends-list figcaption a {
  text-align: center;
  padding: 5px 10px;
  border-radius: 2px;
  display: inline-block;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.friends-list .friend-info {
  position: absolute;
  padding: 20px;
  top: 0;
  right: 0;
}
.friends-list .friend-info li {
  padding-bottom: 10px;
}
.friends-list .friend-info i {
  padding-right: 8px;
}

.no-touch .friends-list figure:hover img {
  -webkit-transform: translateY(-50px) scale(0.5);
  -moz-transform: translateY(-50px) scale(0.5);
  -ms-transform: translateY(-50px) scale(0.5);
  transform: translateY(-50px) scale(0.5);
}

@media (max-width: 1199px) {
  .activity-item {
    float: left;
    clear: none;
    width: 49%;
    margin-left: 0;
    margin-right: 2%;
  }
  .activity-item:last-child {
    margin-right: 0;
  }

  .shuffle-sizer {
    float: left;
    clear: none;
    width: 50%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .activity-item {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 2%;
  }
  .activity-item:last-child {
    margin-right: 0;
  }

  .shuffle-sizer {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .friends-list img {
    width: 100%;
  }
  .friends-list > li {
    width: 100%;
    min-width: 300px;
  }
}
/*
    Search Result
    ========================================================================== */
/*
    Classic Search
    ------------------------------------- */
.classic-search-container .filter-group .caret {
  margin-left: 8px;
}
.classic-search-container .filter-group ul i {
  margin-right: 5px;
}
.classic-search-container .btn-search i {
  margin-right: 5px;
}
.classic-search-container .search-info {
  margin: 10px 0;
}
.classic-search-container .search-row {
  *zoom: 1;
  padding-bottom: 10px;
}
.classic-search-container .search-row:before, .classic-search-container .search-row:after {
  content: " ";
  display: table;
}
.classic-search-container .search-row:after {
  clear: both;
}
.classic-search-container .search-row h3 {
  margin: 20px 0 5px;
  font-size: 22px;
  font-size: 1.57143rem;
}
.classic-search-container .search-row h4 {
  margin: 5px 0;
}

/*
    Grid/List Search
    ------------------------------------- */
.gridlist-search-container .search-info {
  margin: 20px 0;
}
.gridlist-search-container h2 {
  font-size: 22px;
  font-size: 1.57143rem;
}
.gridlist-search-container .search-header {
  padding-bottom: 10px;
  margin-bottom: 20px;
  overflow: hidden;
  *zoom: 1;
}
.gridlist-search-container .search-row {
  padding-bottom: 30px;
  margin-bottom: 30px;
  overflow: hidden;
  *zoom: 1;
}
.gridlist-search-container .search-row h2 {
  margin-top: 0;
}
.gridlist-search-container .grid-view {
  display: none;
  margin-top: 20px;
  overflow: hidden;
  *zoom: 1;
}
.gridlist-search-container .search-col {
  margin-bottom: 20px;
  padding-bottom: 20px;
  float: left;
  clear: none;
  width: 23.5%;
  margin-left: 0;
  margin-right: 2%;
}
.gridlist-search-container .search-col:nth-of-type(4n) {
  margin-right: 0;
  float: right;
}
.gridlist-search-container .search-col:nth-of-type(4n + 1) {
  clear: both;
}
.gridlist-search-container .img-container {
  text-align: center;
}
.gridlist-search-container .img-container .check-cont {
  padding-bottom: 10px;
}

.amount {
  text-align: center;
  font-family: "Source Sans Pro Semibold";
  font-size: 15px;
  font-size: 1.07143rem;
}

.sort {
  text-align: right;
}

.pagin {
  text-align: center;
}
.pagin ul {
  margin: 0;
}

.viewas {
  text-align: right;
}

/*
    User Search
    ------------------------------------- */
.form-control-feedback.first {
  left: 0;
  top: 0;
}

.userSearchInput input {
  text-indent: 20px;
}

.user-search-container .label {
  font-weight: normal;
  padding-top: 4px;
  margin-top: 2px;
  display: inline-block;
}

.user-search-table > tbody > tr > td {
  vertical-align: middle;
}

@media (max-width: 1199px) {
  .gridlist-search-container .search-col {
    float: left;
    clear: none;
    width: 32.0%;
    margin-left: 0;
    margin-right: 2%;
  }
  .gridlist-search-container .search-col:nth-of-type(4n) {
    margin-right: 2%;
    float: left;
  }
  .gridlist-search-container .search-col:nth-of-type(4n + 1) {
    clear: none;
  }
  .gridlist-search-container .search-col:nth-of-type(3n) {
    margin-right: 0;
    float: right;
  }
  .gridlist-search-container .search-col:nth-of-type(3n + 1) {
    clear: both;
  }
}
@media (max-width: 991px) {
  .gridlist-search-container .search-col {
    float: left;
    clear: none;
    width: 49%;
    margin-left: 0;
    margin-right: 2%;
  }
  .gridlist-search-container .search-col:nth-of-type(3n) {
    margin-right: 2%;
    float: left;
  }
  .gridlist-search-container .search-col:nth-of-type(3n + 1) {
    clear: none;
  }
  .gridlist-search-container .search-col:nth-of-type(2n) {
    margin-right: 0;
    float: right;
  }
  .gridlist-search-container .search-col:nth-of-type(2n + 1) {
    clear: both;
  }
}
@media (max-width: 767px) {
  .gridlist-search-container .search-header > div,
  .gridlist-search-container .search-row > div {
    padding-bottom: 10px;
  }
  .gridlist-search-container .search-col {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .gridlist-search-container .search-col:first-child {
    margin-left: auto;
  }
  .gridlist-search-container .search-col:last-child {
    margin-right: auto;
  }

  .show {
    padding-bottom: 10px;
  }

  .amount {
    text-align: left;
    padding-bottom: 10px;
  }

  .sort {
    text-align: left;
    padding-bottom: 10px;
  }

  .bulk {
    padding-bottom: 10px;
  }

  .pagin {
    text-align: left;
    padding-bottom: 10px;
  }

  .viewas {
    text-align: left;
    padding-bottom: 10px;
  }
}
/*
    Mail App
    ========================================================================== */
/*
    Header
    ------------------------------------- */
.l-mail-app .modal-backdrop {
  display: none;
}

/*
	Content
	------------------------------------- */
.icon-sep-left {
  margin-left: 5px;
}

.icon-sep-right {
  margin-right: 5px;
}

/* Mail options */
.mail-options {
  padding: 13px 10px 0;
}
.mail-options .btn .caret {
  margin-left: 5px;
}
.mail-options > .btn-group,
.mail-options .mail-refresh,
.mail-options .mail-options-compose {
  margin-bottom: 13px;
}

.mail-select .btn .caret {
  margin: 0;
}
.mail-select .btn-label {
  padding: 7px 8px 1px;
}
.mail-select .cb-checkbox {
  padding: 0;
}
.mail-select .cb-checkbox .cb-inner {
  margin: 0;
}

.mail-options-compose {
  margin-left: 10px;
  display: none;
}

.mail-refresh {
  margin: 0 10px;
}

.mail-organization {
  margin: 0 10px;
}
.mail-organization .dropdown-menu {
  min-width: 190px;
}

.mail-more {
  margin: 0 10px;
}
.mail-more .dropdown-menu {
  min-width: 215px;
}

/* Mail content */
.mail-content {
  *zoom: 1;
}
.mail-content:before, .mail-content:after {
  content: " ";
  display: table;
}
.mail-content:after {
  clear: both;
}

/* Mail list */
.mail-list {
  position: relative;
  overflow: hidden;
}
.mail-list table {
  margin-bottom: 0;
}
.mail-list td {
  vertical-align: middle !important;
}
.mail-list .col-input {
  text-align: center;
  width: 3%;
}
.mail-list .col-input .cb-checkbox {
  padding: 0 0 0 10px;
}
.mail-list .col-input .cb-checkbox .cb-inner {
  margin: 0;
}
.mail-list .col-sender {
  width: 29%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mail-list .col-sender .fa-star:hover,
.mail-list .col-sender .fa-star-o:hover {
  opacity: 0.8;
}
.mail-list .col-subject {
  width: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mail-list .col-attachment {
  text-align: center;
  width: 2%;
}
.mail-list .col-time {
  padding-right: 15px;
  text-align: right;
  width: 6%;
}
.mail-list .mail-profile {
  display: none;
  margin-right: 10px;
}
.mail-list .unread {
  font-family: "Source Sans Pro Semibold";
}
.mail-list .starred {
  margin-right: 10px;
}
.mail-list .label {
  font-family: "Source Sans Pro Semibold";
  margin-right: 10px;
  vertical-align: middle;
}

/* Mail details */
.mail-details {
  margin: 2% 0;
}
.mail-details .mail-profile {
  display: none;
  margin-right: 10px;
}

/* Mail details - header */
.mail-details-header {
  padding: 10px 15px;
  position: relative;
  z-index: 1;
  *zoom: 1;
}
.mail-details-header:before, .mail-details-header:after {
  content: " ";
  display: table;
}
.mail-details-header:after {
  clear: both;
}

.mail-details-subject {
  font-family: "Source Sans Pro Semibold";
  float: left;
  line-height: 1.4;
  margin: 0;
}

.mail-details-options {
  float: right;
  margin-right: 10px;
}
.mail-details-options i {
  margin-right: 5px;
}

.mail-details-print {
  float: right;
}
.mail-details-print i {
  margin-right: 5px;
}

/* Mail details - message */
.mail-details-message {
  *zoom: 1;
}
.mail-details-message:before, .mail-details-message:after {
  content: " ";
  display: table;
}
.mail-details-message:after {
  clear: both;
}
.mail-details-message.open {
  margin-bottom: 30px;
}
.mail-details-message.open .mail-details-message-content {
  display: block;
}

.mail-details-message-header {
  font-family: "Source Sans Pro Light";
  padding: 10px 15px;
  cursor: pointer;
  overflow: hidden;
  *zoom: 1;
  font-size: 20px;
  font-size: 1.42857rem;
}

.mail-details-sender {
  float: left;
}

.mail-details-time {
  float: right;
  font-family: "Source Sans Pro Semibold";
  font-size: 14px;
  font-size: 1rem;
}

.mail-details-message-content {
  display: none;
}

.mail-details-message-body {
  padding: 20px 30px;
}

.mail-details-message-attachment {
  margin: 30px;
  padding: 0 20px;
}

.mail-details-attachment-header {
  font-size: 16px;
  font-size: 1.14286rem;
  padding: 20px 10px;
}
.mail-details-attachment-header i {
  font-size: 22px;
  font-size: 1.57143rem;
  margin-right: 18px;
}

.mail-details-attachment-body {
  *zoom: 1;
}
.mail-details-attachment-body:before, .mail-details-attachment-body:after {
  content: " ";
  display: table;
}
.mail-details-attachment-body:after {
  clear: both;
}
.mail-details-attachment-body .img-wrapper i {
  font-size: 48px;
  font-size: 3.42857rem;
}
.mail-details-attachment-body h4 {
  font-family: "Source Sans Pro Light";
}

.mail-doc-sep {
  padding: 0 10px;
}

/* Mail layouts */
.mail-layout-right {
  display: table;
}
.mail-layout-right .mail-list-container {
  width: 35%;
  display: table-cell;
  vertical-align: top;
}
.mail-layout-right .mail-details {
  width: 65%;
  margin-top: 0;
  display: table-cell;
}
.mail-layout-right .mail-list {
  max-height: 100%;
}

.mail-layout-bottom .mail-list {
  min-height: 150px;
  max-height: 200px;
}

.mail-layout-none .mail-list {
  min-height: 150px;
}
.mail-layout-none .mail-details {
  display: none;
}
.mail-layout-none .mail-details.open {
  display: block;
}

/* New message */
.new-message {
  margin-bottom: 30px;
  display: none;
}
.new-message.open {
  display: block;
}

.new-message-title {
  margin: 0;
  padding: 10px 15px;
  position: relative;
  font-family: "Source Sans Pro Semibold";
}

.new-message-header {
  padding: 15px;
}

.new-message-send {
  margin-right: 10px;
}

.new-message-discard {
  float: right;
}

.new-message-body {
  padding: 20px 30px;
}
.new-message-body .input-group {
  margin-bottom: 15px;
}
.new-message-body .input-group-addon {
  font-family: "Source Sans Pro Semibold";
}
.new-message-body .input-group-addon:first-child {
  min-width: 75px;
}
.new-message-body .btn-cc, .new-message-body .btn-cc:hover, .new-message-body .btn-cc:focus, .new-message-body .btn-cc.active {
  border-left: 1px solid transparent;
}

.new-message-cc {
  display: none;
}

.new-message-bcc {
  display: none;
}

.new-message-footer {
  padding: 15px;
}

/*
    Sidebars and Slidebars
    ------------------------------------- */
.mail-compose {
  padding: 10px 0;
  text-align: center;
}

.btn-mail-compose {
  padding: 5px 30px;
}

.mail-side-header {
  line-height: 1;
  padding: 15px;
  *zoom: 1;
}
.mail-side-header:before, .mail-side-header:after {
  content: " ";
  display: table;
}
.mail-side-header:after {
  clear: both;
}
.mail-side-header h4 {
  margin: 0;
  float: left;
}
.mail-side-header:hover .btn-add-more {
  display: block;
}
.mail-side-header .btn-add-more {
  float: right;
  margin-right: 5px;
  display: none;
}

.btn-toggle-folder {
  display: block;
}
.btn-toggle-folder span {
  left: -6px;
  position: relative;
}
.btn-toggle-folder i {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.btn-toggle-folder i.active {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.folders-list {
  display: none;
}

@media (max-width: 991px) {
  .mail-details-subject,
  .mail-details-options,
  .mail-details-print {
    float: none;
  }

  .mail-details-subject {
    margin-bottom: 5px;
  }

  .mail-details-print {
    margin-right: 10px;
  }

  .mail-options-compose {
    display: inline-block;
  }

  /* Mail layouts */
  .mail-layout-right {
    display: block;
  }
  .mail-layout-right .mail-list-container {
    width: 100%;
    display: block;
  }
  .mail-layout-right .mail-details {
    width: 100%;
    display: block;
  }
}
@media (max-width: 767px) {
  .mail-organization {
    margin: 0 0 13px;
  }

  .mail-details-sender,
  .mail-details-time {
    float: none;
  }

  .mail-details-time {
    padding-top: 5px;
  }
}
/*  ==========================================================================
    Widgets
    ========================================================================== */
/*
    Widget - Blank
    ========================================================================== */
/*
    Common
    ------------------------------------- */
/*
    Blank in Header
    ------------------------------------- */
/*
    Blank in Box
    ------------------------------------- */
/*
    Blank in Sidebar
    ------------------------------------- */
/*
    Widget - Shared (DRY Methodology)
    ========================================================================== */
/*
    In Header
    =============================================== */
/*
	Dropdown In Header
	------------------------------------- */
.dropdown-in-header .dropdown-toggle {
  display: block;
  padding: 18px 17px 17px;
  position: relative;
  line-height: 1;
  z-index: 1100;
}
.dropdown-in-header .dropdown-toggle .label,
.dropdown-in-header .dropdown-toggle .badge {
  position: absolute;
  top: 8px;
  left: 25px;
  padding: .4em .6em .2em;
  font-weight: normal;
}
.dropdown-in-header .dropdown-menu {
  margin: 0;
}
.dropdown-in-header.open .dropdown-toggle .label,
.dropdown-in-header.open .dropdown-toggle .badge {
  display: none;
}

/*
	Dropdown Menu Header
	------------------------------------- */
.dropdown-menu-header {
  padding: 13px 15px !important;
  margin-bottom: 10px;
  font-family: "Source Sans Pro Bold";
  font-size: 16px;
  font-size: 1.14286rem;
}
.dropdown-menu-header .label,
.dropdown-menu-header .badge {
  padding: .4em .6em .2em;
  font-weight: normal;
}
.dropdown-menu-header span {
  font-family: "Source Sans Pro Regular", Helvetica, Arial, sans-serif;
  float: right;
}

/*
	Dropdown Menu Footer
	------------------------------------- */
.dropdown-menu-footer {
  padding: 0 !important;
  font-family: "Source Sans Pro Semibold";
}
.dropdown-menu-footer a {
  padding: 12px 15px !important;
}

@media (max-width: 767px) {
  .dropdown-in-header .dropdown-toggle .label,
  .dropdown-in-header .dropdown-toggle .badge {
    position: static;
    vertical-align: middle;
    margin-left: 10px;
  }
}
/*
    Widget - Active Users
    ========================================================================== */
/*
    Common
    ------------------------------------- */
.widget-active-users p {
  margin: 0;
}
.widget-active-users img {
  opacity: 0.9;
}
.widget-active-users a {
  display: block;
  padding: 5px 10px;
  *zoom: 1;
}
.widget-active-users a:before, .widget-active-users a:after {
  content: " ";
  display: table;
}
.widget-active-users a:after {
  clear: both;
}
.widget-active-users a:hover .active-users-img {
  padding: 0px;
}
.widget-active-users a:hover .active-users-img img {
  opacity: 1;
}

.active-users-main-title {
  font-family: "Source Sans Pro Semibold";
  margin: 0;
  padding: 20px 15px 12px;
  line-height: 1;
}
.active-users-main-title .label,
.active-users-main-title .badge {
  padding-top: 0.3em;
  margin-top: -2px;
}

.active-users-title {
  margin: 8px 0 5px;
  width: 75%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.active-users-img {
  float: left;
  clear: none;
  width: 31.33333%;
  margin-left: 0;
  margin-right: 3%;
  padding: 3px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.active-users-img:last-child {
  margin-right: 0;
}
.active-users-img img {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.active-users-info {
  float: left;
  clear: none;
  width: 65.66667%;
  margin-left: 0;
  margin-right: 3%;
  position: relative;
}
.active-users-info:last-child {
  margin-right: 0;
}
.active-users-info .time {
  font-family: "Source Sans Pro Semibold";
  position: absolute;
  top: 7px;
  right: 5px;
}

/*
    Active Users in Header
    ------------------------------------- */
/*
    Active Users in Box
    ------------------------------------- */
/*
    Active Users in Sidebar
    ------------------------------------- */
.l-sidebar-compact-left .active-users-main-title,
.l-sidebar-compact-right .active-users-main-title {
  text-align: center;
  position: relative;
}
.l-sidebar-compact-left .active-users-main-title .label,
.l-sidebar-compact-left .active-users-main-title .badge,
.l-sidebar-compact-right .active-users-main-title .label,
.l-sidebar-compact-right .active-users-main-title .badge {
  position: absolute;
  top: 5px;
  left: 5px;
}
.l-sidebar-compact-left .active-users-img,
.l-sidebar-compact-right .active-users-img {
  display: block;
  clear: both;
  float: none;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.l-sidebar-compact-left .active-users-img:first-child,
.l-sidebar-compact-right .active-users-img:first-child {
  margin-left: auto;
}
.l-sidebar-compact-left .active-users-img:last-child,
.l-sidebar-compact-right .active-users-img:last-child {
  margin-right: auto;
}
.l-sidebar-compact-left .active-users-info,
.l-sidebar-compact-right .active-users-info {
  display: none;
}

.l-sidebar-collapsed-left .active-users-main-title,
.l-sidebar-collapsed-right .active-users-main-title {
  padding-bottom: 30px;
}
.l-sidebar-collapsed-left .active-users-main-title span,
.l-sidebar-collapsed-right .active-users-main-title span {
  display: none;
}
.l-sidebar-collapsed-left .active-users-img,
.l-sidebar-collapsed-right .active-users-img {
  display: block;
  clear: both;
  float: none;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.l-sidebar-collapsed-left .active-users-img:first-child,
.l-sidebar-collapsed-right .active-users-img:first-child {
  margin-left: auto;
}
.l-sidebar-collapsed-left .active-users-img:last-child,
.l-sidebar-collapsed-right .active-users-img:last-child {
  margin-right: auto;
}
.l-sidebar-collapsed-left .active-users-info,
.l-sidebar-collapsed-right .active-users-info {
  display: none;
}

/*
    Widget - Activity
    ========================================================================== */
/*
    Common
    ------------------------------------- */
.widget-activity {
  margin-bottom: 5px;
}

.widget-activity-header {
  *zoom: 1;
  padding: 15px 15px 15px 30px;
}
.widget-activity-header:before, .widget-activity-header:after {
  content: " ";
  display: table;
}
.widget-activity-header:after {
  clear: both;
}
.widget-activity-header h4 {
  margin: 6px 0;
}
.widget-activity-header a {
  padding: 6px 15px;
}

.widget-activity-body .activity-text {
  float: left;
  clear: none;
  width: 70%;
  margin-left: 0;
  margin-right: 0;
}
.widget-activity-body .activity-text a {
  font-family: "Source Sans Pro Semibold";
}
.widget-activity-body .activity-status {
  float: left;
  clear: none;
  width: 30%;
  margin-left: 0;
  margin-right: 0;
}
.widget-activity-body .activity-status li {
  text-align: center;
  margin-bottom: 5px;
}
.widget-activity-body .activity-status li:first-child {
  margin-top: 8px;
}
.widget-activity-body .activity-status i {
  font-size: 16px;
  font-size: 1.14286rem;
}

.widget-activity-item {
  margin: 10px 20px 20px;
  padding: 10px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  *zoom: 1;
}
.widget-activity-item:before, .widget-activity-item:after {
  content: " ";
  display: table;
}
.widget-activity-item:after {
  clear: both;
}

/*
    Activity in Header
    ------------------------------------- */
/*
    Activity in Box
    ------------------------------------- */
/*
    Activity in Sidebar
    ------------------------------------- */
.l-sidebar-compact-left .widget-activity-header,
.l-sidebar-compact-right .widget-activity-header {
  padding: 10px;
  text-align: center;
}
.l-sidebar-compact-left .widget-activity-header .activity-title,
.l-sidebar-compact-left .widget-activity-header .btn,
.l-sidebar-compact-right .widget-activity-header .activity-title,
.l-sidebar-compact-right .widget-activity-header .btn {
  float: none !important;
}
.l-sidebar-compact-left .widget-activity-item,
.l-sidebar-compact-right .widget-activity-item {
  position: relative;
  margin: 10px 10px 20px;
}
.l-sidebar-compact-left .widget-activity-item:hover .activity-text,
.l-sidebar-compact-right .widget-activity-item:hover .activity-text {
  display: block;
}
.l-sidebar-compact-left .activity-text,
.l-sidebar-compact-right .activity-text {
  display: none;
  position: absolute;
  top: 0;
  width: 300px;
  padding: 12px;
}
.l-sidebar-compact-left .activity-status,
.l-sidebar-compact-right .activity-status {
  text-align: center;
  width: 100%;
}

.l-sidebar-compact-left .activity-text {
  left: 78px;
}

.l-sidebar-compact-right .activity-text {
  right: 78px;
}

.l-sidebar-collapsed-left .widget-activity-header,
.l-sidebar-collapsed-right .widget-activity-header {
  padding: 10px 0;
  text-align: center;
}
.l-sidebar-collapsed-left .widget-activity-header .activity-title,
.l-sidebar-collapsed-right .widget-activity-header .activity-title {
  float: none !important;
  font-size: 12px;
  font-size: 0.85714rem;
}
.l-sidebar-collapsed-left .widget-activity-header .btn,
.l-sidebar-collapsed-right .widget-activity-header .btn {
  display: none;
}
.l-sidebar-collapsed-left .widget-activity-item,
.l-sidebar-collapsed-right .widget-activity-item {
  margin: 10px 0 20px;
  padding: 5px;
  position: relative;
}
.l-sidebar-collapsed-left .widget-activity-item:hover .activity-text,
.l-sidebar-collapsed-right .widget-activity-item:hover .activity-text {
  display: block;
}
.l-sidebar-collapsed-left .activity-text,
.l-sidebar-collapsed-right .activity-text {
  display: none;
  position: absolute;
  top: 0;
  width: 300px;
  padding: 12px;
}
.l-sidebar-collapsed-left .activity-status,
.l-sidebar-collapsed-right .activity-status {
  text-align: center;
  width: 100%;
}
.l-sidebar-collapsed-left .activity-status li:last-child,
.l-sidebar-collapsed-right .activity-status li:last-child {
  display: none;
}

.l-sidebar-collapsed-left .activity-text {
  left: 48px;
}

.l-sidebar-collapsed-right .activity-text {
  right: 48px;
}

@media (max-width: 1199px) {
  .widget-activity-body .activity-text {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .widget-activity-body .activity-text:first-child {
    margin-left: auto;
  }
  .widget-activity-body .activity-text:last-child {
    margin-right: auto;
  }
  .widget-activity-body .activity-status {
    margin-top: 20px;
    padding-top: 10px;
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .widget-activity-body .activity-status:first-child {
    margin-left: auto;
  }
  .widget-activity-body .activity-status:last-child {
    margin-right: auto;
  }

  .l-sidebar-compact-left .activity-status,
  .l-sidebar-compact-right .activity-status,
  .l-sidebar-collapsed-left .activity-status,
  .l-sidebar-collapsed-right .activity-status {
    padding-top: 0;
    margin-top: 0;
  }
  .l-sidebar-compact-left .activity-text,
  .l-sidebar-compact-right .activity-text,
  .l-sidebar-collapsed-left .activity-text,
  .l-sidebar-collapsed-right .activity-text {
    display: none;
    width: 300px;
  }
}
/*
    Widget - Chat
    ========================================================================== */
/*
    Common
    ------------------------------------- */
.widget-chat {
  margin-bottom: 5px;
}

.widget-chat-header {
  *zoom: 1;
  padding: 15px 15px 15px 30px;
}
.widget-chat-header:before, .widget-chat-header:after {
  content: " ";
  display: table;
}
.widget-chat-header:after {
  clear: both;
}
.widget-chat-header h4 {
  margin: 6px 0;
}
.widget-chat-header a {
  padding: 6px 15px;
}

.widget-chat-body .chat-user {
  display: block;
  padding: 10px 15px 10px 30px;
  *zoom: 1;
}
.widget-chat-body .chat-user:before, .widget-chat-body .chat-user:after {
  content: " ";
  display: table;
}
.widget-chat-body .chat-user:after {
  clear: both;
}
.widget-chat-body .chat-user h5 {
  margin-bottom: 0;
  font-family: "Source Sans Pro Semibold";
}
.widget-chat-body .chat-img {
  position: relative;
  float: left;
  clear: none;
  width: 20%;
  margin-left: 0;
  margin-right: 0;
}
.widget-chat-body .chat-img img {
  max-width: 50px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.widget-chat-body .chat-img i {
  position: absolute;
  left: 0;
  top: -4px;
  font-size: 10px;
  font-size: 0.71429rem;
}
.widget-chat-body .chat-info {
  float: left;
  clear: none;
  width: 70%;
  margin-left: 0;
  margin-right: 0;
}
.widget-chat-body .chat-info .mood {
  font-size: 12px;
  font-size: 0.85714rem;
}
.widget-chat-body .chat-status {
  text-align: center;
  float: left;
  clear: none;
  width: 10%;
  margin-left: 0;
  margin-right: 0;
}
.widget-chat-body .chat-status i {
  margin-left: 3px;
}
.widget-chat-body .chat-status li {
  padding-left: 5px;
}
.widget-chat-body .chat-status .label {
  padding: .3em .6em .2em;
  font-weight: normal;
}
.widget-chat-body .chat-conversation {
  display: none;
  *zoom: 1;
}
.widget-chat-body .chat-conversation:before, .widget-chat-body .chat-conversation:after {
  content: " ";
  display: table;
}
.widget-chat-body .chat-conversation:after {
  clear: both;
}
.widget-chat-body .chat-conversation .chat-user h5 {
  margin-bottom: 5px;
}
.widget-chat-body .chat-date-start {
  text-align: center;
  font-family: "Source Sans Pro Semibold";
  padding: 15px 0;
  line-height: 1;
}
.widget-chat-body .chat-info-conv {
  float: left;
  clear: none;
  width: 80%;
  margin-left: 0;
  margin-right: 0;
}
.widget-chat-body .chat-message {
  *zoom: 1;
}
.widget-chat-body .chat-message:before, .widget-chat-body .chat-message:after {
  content: " ";
  display: table;
}
.widget-chat-body .chat-message:after {
  clear: both;
}
.widget-chat-body .chat-more-message {
  margin-top: 10px;
  padding-top: 10px;
}
.widget-chat-body .chat-text {
  float: left;
  clear: none;
  width: 80%;
  margin-left: 0;
  margin-right: 0;
}
.widget-chat-body .chat-time {
  float: left;
  clear: none;
  width: 20%;
  margin-left: 0;
  margin-right: 0;
}
.widget-chat-body .chat-input {
  margin-top: 20px;
  *zoom: 1;
}
.widget-chat-body .chat-input:before, .widget-chat-body .chat-input:after {
  content: " ";
  display: table;
}
.widget-chat-body .chat-input:after {
  clear: both;
}

/*
    Chat in Header
    ------------------------------------- */
/*
    Chat in Sidebar
    ------------------------------------- */
/*
    Chat in Box
    ------------------------------------- */
@media (max-width: 1199px) {
  .widget-chat-body .chat-img img {
    max-width: 45px;
  }
}
@media (max-width: 991px) {
  .widget-chat-body .chat-img img {
    max-width: 36px;
  }
}
/*
    Widget - Group
    ========================================================================== */
/*
    Common
    ------------------------------------- */
.widget-group {
  padding: 15px 15px 15px 30px;
}

.widget-group-header {
  *zoom: 1;
}
.widget-group-header:before, .widget-group-header:after {
  content: " ";
  display: table;
}
.widget-group-header:after {
  clear: both;
}
.widget-group-header h4 {
  margin: 6px 0;
}
.widget-group-header a {
  padding: 6px 15px;
}

.widget-group-body {
  margin-top: 10px;
}
.widget-group-body li {
  padding-bottom: 5px;
}
.widget-group-body li i {
  font-size: 10px;
  font-size: 0.71429rem;
  margin-right: 5px;
}

/*
    Group in Header
    ------------------------------------- */
/*
    Group in Sidebar
    ------------------------------------- */
/*
    Group in Box
    ------------------------------------- */
/*
    Widget - Info
    ========================================================================== */
/*
    Common
    ------------------------------------- */
.widget-info-wrapper {
  *zoom: 1;
}
.widget-info-wrapper:before, .widget-info-wrapper:after {
  content: " ";
  display: table;
}
.widget-info-wrapper:after {
  clear: both;
}

.widget-info {
  padding: 15px 0;
  position: relative;
  overflow: hidden;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  *zoom: 1;
}
.widget-info:before, .widget-info:after {
  content: " ";
  display: table;
}
.widget-info:after {
  clear: both;
}
.widget-info .progress {
  margin-bottom: 0;
}
.widget-info hr {
  margin: 5px 0;
}
.widget-info .widget-info-details {
  min-height: 130px;
  padding: 10px 30px;
}
.widget-info .widget-info-details h4 {
  margin: 0;
  font-size: 42px;
  font-size: 3rem;
  font-family: "Source Sans Pro Light";
}
.widget-info .widget-info-details p {
  font-family: "Source Sans Pro Semibold";
  font-size: 20px;
  font-size: 1.42857rem;
  padding: 10px 0 5px;
}
.widget-info .widget-info-details p span {
  font-family: "Source Sans Pro Light";
}
.widget-info .info-chart {
  text-align: center;
  display: none;
}

/*
    Info in Header
    ------------------------------------- */
/*
    Info in Sidebar
    ------------------------------------- */
/*
    Info in Box
    ------------------------------------- */
@media (max-width: 1199px) {
  .widget-info .widget-info-details {
    min-height: 150px;
  }
}
/*
    Widget - Latest News
    ========================================================================== */
/*
    Common
    ------------------------------------- */
.widget-latest-news .collapsible-cointainer .collapsible {
  *zoom: 1;
}
.widget-latest-news .collapsible-cointainer .collapsible:before, .widget-latest-news .collapsible-cointainer .collapsible:after {
  content: " ";
  display: table;
}
.widget-latest-news .collapsible-cointainer .collapsible:after {
  clear: both;
}
.widget-latest-news .collapsible-cointainer .collapse-open span {
  padding: 0;
}
.widget-latest-news .collapsible-cointainer .collapse-open span:after {
  font-family: 'FontAwesome';
  content: "\f106";
  font-size: 16px;
  font-size: 1.14286rem;
}
.widget-latest-news .collapsible-cointainer .collapse-close span {
  padding: 0;
}
.widget-latest-news .collapsible-cointainer .collapse-close span:after {
  font-family: 'FontAwesome';
  content: "\f107";
}

.latest-news-main-title {
  font-family: "Source Sans Pro Semibold";
  margin: 0 0 20px;
  padding: 20px 15px 12px;
  line-height: 1;
}
.latest-news-main-title .label,
.latest-news-main-title .badge {
  padding-top: 0.3em;
  margin-top: -2px;
}

.latest-news-title {
  float: left;
  width: 85%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.latest-news-img img {
  padding: 5px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.latest-news-date {
  font-family: "Source Sans Pro Semibold";
  padding-top: 10px;
  font-size: 12px;
  font-size: 0.85714rem;
}

.latest-news-description {
  padding: 10px 0;
}

.latest-news-btn i {
  margin-right: 5px;
}

/*
    Latest News in Header
    ------------------------------------- */
/*
    Latest News in Box
    ------------------------------------- */
/*
    Latest News in Sidebar
    ------------------------------------- */
/*
    Widget - Latest Orders
    ========================================================================== */
/*
    Common
    ------------------------------------- */
.widget-latest-orders {
  padding: 15px 0;
  position: relative;
}
.widget-latest-orders h4 .weekly {
  float: right;
  font-size: 13px;
  font-size: 0.92857rem;
  font-family: "Source Sans Pro Regular", Helvetica, Arial, sans-serif;
}
.widget-latest-orders h4 .weekly span {
  font-size: 16px;
  font-size: 1.14286rem;
  margin-right: 5px;
}
.widget-latest-orders td {
  padding: 15px 10px !important;
}
.widget-latest-orders .view-all {
  display: block;
  padding: 0 0 5px 30px;
}
.widget-latest-orders .view-all i {
  margin-right: 5px;
}
.widget-latest-orders .total {
  font-size: 18px;
  font-size: 1.28571rem;
  float: right;
  padding-right: 30px;
}
.widget-latest-orders .total span {
  margin-left: 5px;
  font-family: "Source Sans Pro Semibold";
  font-size: 20px;
  font-size: 1.42857rem;
}
.widget-latest-orders .table-order-header {
  margin-bottom: 0;
}
.widget-latest-orders .table-order-body {
  margin-bottom: 20px;
}
.widget-latest-orders .table-order-body table {
  margin-bottom: 0;
}
.widget-latest-orders .tb-col-1 {
  width: 5%;
  text-align: center;
}
.widget-latest-orders .tb-col-2 {
  width: 30%;
  font-family: "Source Sans Pro Semibold";
}
.widget-latest-orders .tb-col-3 {
  width: 15%;
  text-align: center;
}
.widget-latest-orders .tb-col-4 {
  width: 25%;
  text-align: center;
}
.widget-latest-orders .tb-col-5 {
  width: 25%;
  text-align: center;
}

/*
    Latest Orders in Header
    ------------------------------------- */
/*
    Latest Orders in Sidebar
    ------------------------------------- */
/*
    Latest Orders in Box
    ------------------------------------- */
/*
    Widget - Logo
    ========================================================================== */
/*
    Common
    ------------------------------------- */
.widget-logo {
  text-align: center;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.widget-logo:hover span:after {
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
}
.widget-logo span {
  position: relative;
  display: inline-block;
}
.widget-logo span:after {
  display: block;
  clear: both;
  content: ' ';
  position: absolute;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -webkit-transition: 300ms;
  transition: 300ms;
}
/*.widget-logo span.logo-default:after {
  width: 22px;
  height: 22px;
  top: 15px;
  left: 68px;
}
.widget-logo span.logo-default-header:after {
  width: 17px;
  height: 18px;
  top: 12px;
  left: 56px;
}
.widget-logo span.logo-medium:after {
  width: 20px;
  height: 20px;
  top: 16px;
  left: 66px;
}*/

/*
    Logo in Header
    ------------------------------------- */
/*
    Logo in Sidebar
    ------------------------------------- */
/*
    Logo in Box
    ------------------------------------- */
/*
    Widget - Members
    ========================================================================== */
/*
    Common
    ------------------------------------- */
.widget-members {
  padding: 15px 0;
  position: relative;
}
.widget-members .label {
  font-weight: normal;
  font-size: 12px;
  font-size: 0.85714rem;
  padding: 4px 7px 2px;
}
.widget-members .btn {
  padding: 4px 10px;
}
.widget-members table {
  margin-bottom: 0;
}
.widget-members td {
  vertical-align: middle !important;
}
.widget-members .cb-checkbox {
  padding: 0;
}
.widget-members .tb-col-0 {
  width: 5%;
  text-align: center;
}
.widget-members .tb-col-1 {
  width: 5%;
  font-family: "Source Sans Pro Semibold";
}
.widget-members .tb-col-2 {
  width: 25%;
}
.widget-members .tb-col-3 {
  width: 25%;
  text-align: center;
}
.widget-members .tb-col-4 {
  width: 20%;
  text-align: center;
}
.widget-members .tb-col-5 {
  width: 20%;
  text-align: center;
}

/*
    Members in Header
    ------------------------------------- */
/*
    Members in Sidebar
    ------------------------------------- */
/*
    Members in Box
    ------------------------------------- */
/*
    Widget - Message
    ========================================================================== */
/*
	Message
	------------------------------------- */
.widget-message .label {
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.widget-message .dropdown-menu {
  min-width: 350px;
  padding: 0;
}
.widget-message .msg-image {
  text-align: center;
  padding: 0 10px;
}
.widget-message .msg-image img {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.widget-message .msg-info h4 {
  margin-top: 0;
}
.widget-message .msg-status {
  text-align: center;
}
.widget-message .msg-status .label, .widget-message .msg-status .badge {
  padding: .3em .6em .2em;
  font-weight: normal;
}
.widget-message .msg-content {
  max-height: 320px;
}
.widget-message a {
  display: block;
  padding: 14px 0;
}
.widget-message p {
  margin-bottom: 5px;
}
.widget-message .dropdown-menu-header {
  margin-bottom: 0;
}

.message-in-side {
  padding: 10px;
}
.message-in-side .msg-content {
  max-height: 350px;
  overflow: hidden;
  position: relative;
}
.message-in-side .dropdown-menu-header {
  padding: 10px 0 13px !important;
}
.message-in-side .dropdown-menu-footer a {
  padding: 12px 0px !important;
}

.message-in-box .dropdown-menu-header {
  padding: 10px 0 13px !important;
}
.message-in-box .dropdown-menu-footer a {
  padding: 12px 0px !important;
}

@media (max-width: 767px) {
  .message-in-header .dropdown-menu {
    min-width: 100%;
  }
}
/*
    Widget - Navigation
    ========================================================================== */
/*
    Common
    ------------------------------------- */
.widget-nav a {
  display: block;
}
.widget-nav .nav-icon {
  position: relative;
  text-align: center;
}
.widget-nav .nav-icon i {
  padding: 8px 10px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.widget-nav .nav-info {
  position: absolute;
}
.widget-nav .nav-info .badge, .widget-nav .nav-info .label {
  font-weight: normal;
  padding: 5px 7px 3px;
}

/*
    Navigation in Header
    ------------------------------------- */
.nav-in-header li {
  display: inline-block;
}
.nav-in-header a {
  padding: 12px;
}
.nav-in-header .nav-info {
  left: -1px;
  top: -5px;
}

/*
    Navigation in Box
    ------------------------------------- */
.nav-in-box li {
  display: inline-block;
}
.nav-in-box a {
  padding: 10px 20px;
}
.nav-in-box .nav-info {
  left: -1px;
  top: -5px;
}

/*
    Navigation in Sidebar
    ------------------------------------- */
.nav-in-side a {
  padding: 9px 0;
  line-height: 2.2;
  *zoom: 1;
}
.nav-in-side a:before, .nav-in-side a:after {
  content: " ";
  display: table;
}
.nav-in-side a:after {
  clear: both;
}
.nav-in-side .nav-icon {
  float: left;
  clear: none;
  width: 33.33333%;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
}
.nav-in-side .nav-text {
  float: left;
  clear: none;
  width: 66.66667%;
  margin-left: 0;
  margin-right: 0;
}
.nav-in-side .nav-info {
  left: 15px;
  top: -10px;
}

.l-sidebar-compact-left .nav-in-side a,
.l-sidebar-compact-right .nav-in-side a {
  padding: 15px 0 10px;
}
.l-sidebar-compact-left .nav-icon,
.l-sidebar-compact-left .nav-text,
.l-sidebar-compact-right .nav-icon,
.l-sidebar-compact-right .nav-text {
  display: block;
  clear: both;
  float: none;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.l-sidebar-compact-left .nav-icon:first-child,
.l-sidebar-compact-left .nav-text:first-child,
.l-sidebar-compact-right .nav-icon:first-child,
.l-sidebar-compact-right .nav-text:first-child {
  margin-left: auto;
}
.l-sidebar-compact-left .nav-icon:last-child,
.l-sidebar-compact-left .nav-text:last-child,
.l-sidebar-compact-right .nav-icon:last-child,
.l-sidebar-compact-right .nav-text:last-child {
  margin-right: auto;
}
.l-sidebar-compact-left .nav-info,
.l-sidebar-compact-right .nav-info {
  left: 22px;
  top: -12px;
}

.l-sidebar-collapsed-left .nav-in-side a,
.l-sidebar-collapsed-right .nav-in-side a {
  position: relative;
  z-index: 10;
}
.l-sidebar-collapsed-left .nav-in-side a:hover .nav-text,
.l-sidebar-collapsed-right .nav-in-side a:hover .nav-text {
  display: block;
}
.l-sidebar-collapsed-left .nav-icon,
.l-sidebar-collapsed-right .nav-icon {
  width: 100%;
}
.l-sidebar-collapsed-left .nav-text,
.l-sidebar-collapsed-right .nav-text {
  display: none;
  position: absolute;
  top: -1px;
  right: 49px;
  width: 150px;
  padding: 11px 20px;
  text-align: right;
}
.l-sidebar-collapsed-left .nav-info,
.l-sidebar-collapsed-right .nav-info {
  left: 2px;
  top: -13px;
}

/*
    Widget - Notification
    ========================================================================== */
/*
	Notification
	------------------------------------- */
.widget-notification .label {
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.widget-notification p {
  margin-bottom: 0;
}
.widget-notification .nft-icon {
  text-align: center;
}
.widget-notification .nft-status {
  text-align: center;
}
.widget-notification a {
  display: block;
  padding: 14px 0;
}
.widget-notification .dropdown-menu-header {
  margin-bottom: 0;
}

.notification-in-header .dropdown-menu {
  min-width: 350px;
  padding: 0;
}

.notification-in-side {
  padding: 10px;
}
.notification-in-side .nft-content {
  max-height: 350px;
  overflow: hidden;
  position: relative;
}
.notification-in-side .dropdown-menu-header {
  padding: 10px 0 13px !important;
}
.notification-in-side .dropdown-menu-footer a {
  padding: 12px 0px !important;
}

.notification-in-box .dropdown-menu-header {
  padding: 10px 0 13px !important;
}
.notification-in-box .dropdown-menu-footer a {
  padding: 12px 0px !important;
}

@media (max-width: 767px) {
  .notification-in-header .dropdown-menu {
    min-width: 100%;
  }
}
/*
    Widget - Options
    ========================================================================== */
/*
    Common
    ------------------------------------- */
.widget-options {
  position: absolute;
  top: 5px;
}
.widget-options ul li {
  padding-bottom: 8px;
}
.widget-options a {
  width: 16px;
  height: 16px;
  display: block;
  text-align: center;
}
.widget-options .widget-info-header {
  *zoom: 1;
}
.widget-options .widget-info-header:before, .widget-options .widget-info-header:after {
  content: " ";
  display: table;
}
.widget-options .widget-info-header:after {
  clear: both;
}
.widget-options .option-main-item,
.widget-options .option-sub-item {
  display: none;
}

.is-options-right {
  right: 5px;
}
.is-options-right > li {
  float: left;
  padding-left: 8px;
}

.is-options-left {
  left: 5px;
}
.is-options-left > li {
  float: right;
  padding-right: 8px;
}

/*
    Options in Header
    ------------------------------------- */
/*
    Options in Sidebar
    ------------------------------------- */
/*
    Options in Box
    ------------------------------------- */
/*
    Widget - Page Summary
    ========================================================================== */
/*
    Common
    ------------------------------------- */
.widget-page-summary {
  padding: 0 25px 0 15px;
  position: relative;
  *zoom: 1;
}
.widget-page-summary:before, .widget-page-summary:after {
  content: " ";
  display: table;
}
.widget-page-summary:after {
  clear: both;
}
.widget-page-summary .page-summary-info-switcher {
  padding: 10px 15px;
  position: absolute;
  right: 15px;
  top: 30px;
  display: none;
}
.widget-page-summary .page-title {
  font-family: "Source Sans Pro Light";
  font-size: 29px;
  font-size: 2.07143rem;
}
.widget-page-summary .page-title span {
  font-family: "Source Sans Pro Bold";
}
.widget-page-summary .page-sub-title {
  font-family: "Source Sans Pro Light";
  margin-bottom: 20px;
}
.widget-page-summary .page-sub-title span {
  font-family: "Source Sans Pro Semibold";
}
.widget-page-summary .page-sub-title .morphext > .animated {
  display: inline-block;
}
.widget-page-summary .page-summary-info {
  text-align: right;
}
.widget-page-summary .page-summary-info .rickshaw_graph .detail .x_label {
  display: none;
}
.widget-page-summary .page-summary-settings {
  padding: 5px 2px 0 0;
}
.widget-page-summary .page-summary-settings li {
  display: inline-block;
  margin-left: 10px;
}
.widget-page-summary .page-summary-settings li.last-status {
  margin-right: 10px;
}
.widget-page-summary .page-summary-settings li.last {
  margin-left: 0;
}
.widget-page-summary .page-summary-settings .update-status-settings i {
  font-size: 11px;
  font-size: 0.78571rem;
}
.widget-page-summary .page-summary-settings .update-status-settings a {
  vertical-align: text-top;
}
.widget-page-summary .page-summary-settings .time-status-toggle {
  display: none;
}

.summary-chart {
  margin-top: 10px;
}
.summary-chart i {
  margin-right: 8px;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.summary-chart span {
  font-family: "Source Sans Pro Semibold";
  font-size: 22px;
  font-size: 1.57143rem;
  vertical-align: middle;
}
.summary-chart p {
  margin: 3px 0 0;
  font-size: 12px;
  text-transform: uppercase;
}
.summary-chart .chart-info {
  margin-right: 10px;
}

.summary-time-status {
  display: none;
}

.weather-wrapper i {
  font-size: 70px;
  font-size: 5rem;
}
.weather-wrapper .weather-temp {
  font-family: "Source Sans Pro Bold";
  font-size: 30px;
  font-size: 2.14286rem;
  padding: 0;
  line-height: 2;
}
.weather-wrapper .weather-location {
  margin: 10px 0 5px;
  font-family: "Source Sans Pro Light";
  font-size: 20px;
  font-size: 1.42857rem;
}
.weather-wrapper .weather-description {
  padding-bottom: 0;
}

.clock-wrapper {
  margin-top: 10px;
}
.clock-wrapper .jqclock {
  font-size: 18px;
  font-size: 1.28571rem;
  padding-right: 5%;
}
.clock-wrapper .jqclock .clockdate {
  display: block;
  font-size: 20px;
  font-size: 1.42857rem;
  font-family: "Source Sans Pro Light";
  padding-bottom: 5px;
}
.clock-wrapper .jqclock .clocktime {
  display: block;
  font-family: "Source Sans Pro Semibold";
}

.rotating {
  display: inline-block;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
  -moz-transform: rotateX(0) rotateY(0) rotateZ(0);
  -ms-transform: rotateX(0) rotateY(0) rotateZ(0);
  -o-transform: rotateX(0) rotateY(0) rotateZ(0);
  transform: rotateX(0) rotateY(0) rotateZ(0);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform-origin-x: 50%;
}
.rotating.flip {
  position: relative;
}
.rotating .front, .rotating .back {
  left: 0;
  top: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.rotating .front {
  position: absolute;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 1px);
  -moz-transform: translate3d(0, 0, 1px);
  -ms-transform: translate3d(0, 0, 1px);
  -o-transform: translate3d(0, 0, 1px);
  transform: translate3d(0, 0, 1px);
}
.rotating.flip .front {
  z-index: 1;
}
.rotating .back {
  display: block;
  opacity: 0;
}
.rotating.spin {
  -webkit-transform: rotate(360deg) scale(0);
  -moz-transform: rotate(360deg) scale(0);
  -ms-transform: rotate(360deg) scale(0);
  -o-transform: rotate(360deg) scale(0);
  transform: rotate(360deg) scale(0);
}
.rotating.flip .back {
  z-index: 2;
  display: block;
  opacity: 1;
  -webkit-transform: rotateY(180deg) translate3d(0, 0, 0);
  -moz-transform: rotateY(180deg) translate3d(0, 0, 0);
  -ms-transform: rotateY(180deg) translate3d(0, 0, 0);
  -o-transform: rotateY(180deg) translate3d(0, 0, 0);
  transform: rotateY(180deg) translate3d(0, 0, 0);
}
.rotating.flip.up .back {
  -webkit-transform: rotateX(180deg) translate3d(0, 0, 0);
  -moz-transform: rotateX(180deg) translate3d(0, 0, 0);
  -ms-transform: rotateX(180deg) translate3d(0, 0, 0);
  -o-transform: rotateX(180deg) translate3d(0, 0, 0);
  transform: rotateX(180deg) translate3d(0, 0, 0);
}
.rotating.flip.cube .front {
  -webkit-transform: translate3d(0, 0, 100px) scale(0.9, 0.9);
  -moz-transform: translate3d(0, 0, 100px) scale(0.85, 0.85);
  -ms-transform: translate3d(0, 0, 100px) scale(0.85, 0.85);
  -o-transform: translate3d(0, 0, 100px) scale(0.85, 0.85);
  transform: translate3d(0, 0, 100px) scale(0.85, 0.85);
}
.rotating.flip.cube .back {
  -webkit-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.9, 0.9);
  -moz-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
  -ms-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
  -o-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
  transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
}
.rotating.flip.cube.up .back {
  -webkit-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.9, 0.9);
  -moz-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
  -ms-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
  -o-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
  transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
}

/*
    Page Summary in Header
    ------------------------------------- */
/*
    Page Summary in Box
    ------------------------------------- */
/*
    Page Summary in Sidebar
    ------------------------------------- */
@media (max-width: 1199px) {
  .page-summary-info {
    margin-bottom: 2%;
    display: none;
  }

  .widget-page-summary .page-summary-info-switcher {
    display: block;
  }
}
@media (max-width: 767px) {
  .clock-wrapper .jqclock {
    padding-right: 0;
  }
}
/*
    Widget - Profile
    ========================================================================== */
/*
    Common
    ------------------------------------- */
.widget-profile {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.widget-profile .name {
  display: inline-block;
  padding-right: 10px;
  vertical-align: middle;
  font-size: 15px;
  font-size: 1.07143rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget-profile img {
  max-width: 38px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.widget-profile .dropdown-toggle {
  padding: 6px 10px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.widget-profile .dropdown-menu {
  margin: 0;
}
.widget-profile .dropdown-menu i {
  margin-right: 15px;
  width: 13px;
  text-align: center;
}
.widget-profile .dropdown-menu > li > a {
  padding: 10px 15px;
}

/*
    Profile in Header
    ------------------------------------- */
.profile-in-header .name {
  width: 130px;
}
.profile-in-header .dropdown-toggle {
  border-style: none solid;
}
.profile-in-header .dropdown-menu {
  width: 190px;
}

/*
    Profile in Sidebar
    ------------------------------------- */
.profile-in-side {
  width: 100%;
}
.profile-in-side .name {
  max-width: 85%;
}
.profile-in-side .dropdown-toggle {
  border-style: solid none;
  width: 100%;
}
.profile-in-side .dropdown-menu {
  width: 100%;
  border: none;
}

@media (max-width: 767px) {
  .profile-in-header {
    width: 100%;
  }
  .profile-in-header .name {
    max-width: 85%;
  }
  .profile-in-header .dropdown-toggle {
    border-style: solid none;
    width: 100%;
  }
  .profile-in-header .dropdown-toggle:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .profile-in-header .dropdown-menu {
    width: 100%;
    border: none;
  }
  .profile-in-header .dropdown-menu > li > a {
    padding: 10px 15px !important;
  }
}
/*
    Widget - Profile 2
    ========================================================================== */
/*
    Common
    ------------------------------------- */
.profile-2-img {
  position: relative;
}
.profile-2-img a {
  display: inline-block;
  position: relative;
}
.profile-2-img img {
  padding: 7px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.profile-2-img .edit-profile {
  position: absolute;
  right: 10px;
  top: 10px;
}
.profile-2-img .profile-2-status {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.profile-2-img .status {
  /* Size and position */
  position: relative;
  z-index: 10;
  width: 22px;
  /* Styles */
  cursor: pointer;
  outline: none;
  /* Active state */
}
.profile-2-img .status .dropdown {
  /* Size & position */
  padding: 5px 0;
  position: absolute;
  top: 140%;
  left: 0;
  right: 0;
  /* Styles */
  border-radius: inherit;
  font-weight: normal;
  list-style: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  /* Hiding */
  opacity: 0;
  pointer-events: none;
}
.profile-2-img .status.active .dropdown {
  opacity: 1;
  pointer-events: auto;
}

.profile-2-info {
  padding: 10px;
  font-size: 18px;
  font-size: 1.28571rem;
}
.profile-2-info h3 {
  font-family: "Source Sans Pro Semibold";
  font-size: 20px;
  font-size: 1.42857rem;
}

.profile-2-details a {
  padding: 12px 15px;
  display: block;
  line-height: 1;
  *zoom: 1;
}
.profile-2-details a:before, .profile-2-details a:after {
  content: " ";
  display: table;
}
.profile-2-details a:after {
  clear: both;
}
.profile-2-details .text {
  float: left;
}
.profile-2-details .text-small {
  display: none;
  font-family: "Source Sans Pro Bold";
  font-size: 17px;
  font-size: 1.21429rem;
}
.profile-2-details .label {
  float: right;
  font-weight: normal;
  padding: .4em .6em .2em;
}

/*
    Profile 2 in Header
    ------------------------------------- */
/*
    Profile 2 in Box
    ------------------------------------- */
.profile-2-in-box {
  *zoom: 1;
}
.profile-2-in-box:before, .profile-2-in-box:after {
  content: " ";
  display: table;
}
.profile-2-in-box:after {
  clear: both;
}
.profile-2-in-box .profile-2-img {
  float: left;
  clear: none;
  width: 22.75%;
  margin-left: 0;
  margin-right: 3%;
  text-align: center !important;
}
.profile-2-in-box .profile-2-img:last-child {
  margin-right: 0;
}
.profile-2-in-box .profile-2-img .edit-profile {
  display: none;
}
.profile-2-in-box .profile-2-info,
.profile-2-in-box .profile-2-details {
  float: left;
  clear: none;
  width: 35.625%;
  margin-left: 0;
  margin-right: 3%;
}
.profile-2-in-box .profile-2-info:last-child,
.profile-2-in-box .profile-2-details:last-child {
  margin-right: 0;
}

/*
    Profile 2 in Sidebar
    ------------------------------------- */
.profile-2-in-side .profile-2-img,
.profile-2-in-side .profile-2-info {
  text-align: center;
}
.profile-2-in-side .profile-2-img img {
  margin: 10px;
}
.profile-2-in-side .profile-2-info h3 {
  margin-top: 0;
}
.profile-2-in-side .profile-2-details {
  padding-top: 10px;
}

/*
    Profile 2 in Side 2
    ------------------------------------- */
.profile-2-in-side-2 {
  margin: -6px 0 0;
  position: relative;
}
.profile-2-in-side-2 h3 {
  margin: 10px 0 5px;
}
.profile-2-in-side-2.profile-2-open .profile-2-wrapper {
  display: block;
}
.profile-2-in-side-2 .profile-2-toggle {
  position: absolute;
  top: 0;
  right: 8px;
  padding: 5px 10px;
  font-size: 15px;
  font-size: 1.07143rem;
  z-index: 1;
}
.profile-2-in-side-2 .profile-2-wrapper {
  display: none;
}
.profile-2-in-side-2 .profile-2-img {
  float: left;
  clear: none;
  width: 35.625%;
  margin-left: 0;
  margin-right: 3%;
  text-align: center !important;
}
.profile-2-in-side-2 .profile-2-img:last-child {
  margin-right: 0;
}
.profile-2-in-side-2 .profile-2-img .edit-profile {
  display: none;
}
.profile-2-in-side-2 .profile-2-info {
  float: left;
  clear: none;
  width: 61.375%;
  margin-left: 0;
  margin-right: 3%;
  padding: 0 10px;
}
.profile-2-in-side-2 .profile-2-info:last-child {
  margin-right: 0;
}
.profile-2-in-side-2 .profile-2-info li:last-child {
  margin-top: 10px;
}
.profile-2-in-side-2 .profile-2-details {
  *zoom: 1;
  padding: 15px;
}
.profile-2-in-side-2 .profile-2-details:before, .profile-2-in-side-2 .profile-2-details:after {
  content: " ";
  display: table;
}
.profile-2-in-side-2 .profile-2-details:after {
  clear: both;
}
.profile-2-in-side-2 .profile-2-social-stats {
  display: none;
  text-align: center;
  padding: 15px 0 10px;
  *zoom: 1;
}
.profile-2-in-side-2 .profile-2-social-stats:before, .profile-2-in-side-2 .profile-2-social-stats:after {
  content: " ";
  display: table;
}
.profile-2-in-side-2 .profile-2-social-stats:after {
  clear: both;
}
.profile-2-in-side-2 .profile-2-status-nr {
  font-family: "Source Sans Pro Light";
  font-size: 22px;
  font-size: 1.57143rem;
}
.profile-2-in-side-2 .profile-2-chart {
  display: none;
  position: relative;
  padding: 15px 0 0;
}
.profile-2-in-side-2 .profile-2-chart .rickshaw_graph .detail .x_label {
  display: none;
}
.profile-2-in-side-2 .visitors_rickshaw_legend {
  position: absolute;
  background: none;
  padding: 0;
  left: 10px;
  top: 10px;
}

.l-sidebar-compact-left .profile-2-in-side-2 .profile-2-img,
.l-sidebar-compact-right .profile-2-in-side-2 .profile-2-img {
  width: 100%;
  padding: 10px 0;
  margin-right: 0;
}
.l-sidebar-compact-left .profile-2-in-side-2 .profile-2-info,
.l-sidebar-compact-right .profile-2-in-side-2 .profile-2-info {
  width: 250px;
  padding: 8px;
  position: absolute;
  top: 0;
  z-index: 1;
}
.l-sidebar-compact-left .profile-2-in-side-2 .profile-2-details,
.l-sidebar-compact-right .profile-2-in-side-2 .profile-2-details {
  padding: 0;
}
.l-sidebar-compact-left .profile-2-in-side-2 .profile-2-social-stats,
.l-sidebar-compact-right .profile-2-in-side-2 .profile-2-social-stats {
  position: absolute;
  top: 114px;
  width: 250px;
  z-index: 1;
}
.l-sidebar-compact-left .profile-2-in-side-2 .profile-2-chart,
.l-sidebar-compact-right .profile-2-in-side-2 .profile-2-chart {
  position: absolute;
  width: 250px;
  z-index: 1;
}
.l-sidebar-compact-left .profile-2-in-side-2 .profile-2-chart,
.l-sidebar-compact-right .profile-2-in-side-2 .profile-2-chart {
  top: 114px;
}
.l-sidebar-compact-left .profile-2-in-side-2 .profile-2-social-stats.open + .profile-2-chart,
.l-sidebar-compact-right .profile-2-in-side-2 .profile-2-social-stats.open + .profile-2-chart {
  top: 181px;
}

.l-sidebar-compact-left .profile-2-in-side-2 .profile-2-info {
  left: 100px;
}
.l-sidebar-compact-left .profile-2-in-side-2 .profile-2-social-stats {
  left: 100px;
}
.l-sidebar-compact-left .profile-2-in-side-2 .profile-2-chart {
  left: 100px;
}

.l-sidebar-compact-right .profile-2-in-side-2 .profile-2-info {
  right: 100px;
}
.l-sidebar-compact-right .profile-2-in-side-2 .profile-2-social-stats {
  right: 100px;
}
.l-sidebar-compact-right .profile-2-in-side-2 .profile-2-chart {
  right: 100px;
}

.l-sidebar-collapsed-left .profile-2-in-side-2,
.l-sidebar-collapsed-right .profile-2-in-side-2 {
  margin: -1px 0 15px;
  height: 1px;
}
.l-sidebar-collapsed-left .profile-2-in-side-2 .profile-2-toggle,
.l-sidebar-collapsed-right .profile-2-in-side-2 .profile-2-toggle {
  right: 10px;
}
.l-sidebar-collapsed-left .profile-2-in-side-2 .profile-2-img,
.l-sidebar-collapsed-right .profile-2-in-side-2 .profile-2-img {
  width: 250px;
  padding: 0;
  margin-right: 0;
  position: absolute;
  top: 0;
  left: 50px;
  z-index: 1;
}
.l-sidebar-collapsed-left .profile-2-in-side-2 .profile-2-info,
.l-sidebar-collapsed-right .profile-2-in-side-2 .profile-2-info {
  width: 250px;
  padding: 0 0 8px;
  position: absolute;
  top: 162px;
  text-align: center;
  z-index: 1;
}
.l-sidebar-collapsed-left .profile-2-in-side-2 .profile-2-details,
.l-sidebar-collapsed-right .profile-2-in-side-2 .profile-2-details {
  padding: 0;
}
.l-sidebar-collapsed-left .profile-2-in-side-2 .profile-2-social-stats,
.l-sidebar-collapsed-right .profile-2-in-side-2 .profile-2-social-stats {
  position: absolute;
  top: 268px;
  width: 250px;
  z-index: 1;
}
.l-sidebar-collapsed-left .profile-2-in-side-2 .profile-2-chart,
.l-sidebar-collapsed-right .profile-2-in-side-2 .profile-2-chart {
  position: absolute;
  width: 250px;
  z-index: 1;
}
.l-sidebar-collapsed-left .profile-2-in-side-2 .profile-2-chart,
.l-sidebar-collapsed-right .profile-2-in-side-2 .profile-2-chart {
  top: 268px;
}
.l-sidebar-collapsed-left .profile-2-in-side-2 .profile-2-social-stats.open + .profile-2-chart,
.l-sidebar-collapsed-right .profile-2-in-side-2 .profile-2-social-stats.open + .profile-2-chart {
  top: 335px;
}

.l-sidebar-collapsed-left .profile-2-in-side-2 .profile-2-info {
  left: 50px;
}
.l-sidebar-collapsed-left .profile-2-in-side-2 .profile-2-social-stats {
  left: 50px;
}
.l-sidebar-collapsed-left .profile-2-in-side-2 .profile-2-chart {
  left: 50px;
}

.l-sidebar-collapsed-right .profile-2-in-side-2 .profile-2-info {
  right: 50px;
}
.l-sidebar-collapsed-right .profile-2-in-side-2 .profile-2-social-stats {
  right: 50px;
}
.l-sidebar-collapsed-right .profile-2-in-side-2 .profile-2-chart {
  right: 50px;
}

@media (max-width: 1199px) {
  .profile-2-in-side-2 .profile-2-toggle {
    top: 1px;
  }
}
@media (max-width: 991px) {
  .profile-2-in-box .profile-2-img,
  .profile-2-in-box .profile-2-info,
  .profile-2-in-box .profile-2-details {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .profile-2-in-box .profile-2-img:first-child,
  .profile-2-in-box .profile-2-info:first-child,
  .profile-2-in-box .profile-2-details:first-child {
    margin-left: auto;
  }
  .profile-2-in-box .profile-2-img:last-child,
  .profile-2-in-box .profile-2-info:last-child,
  .profile-2-in-box .profile-2-details:last-child {
    margin-right: auto;
  }
  .profile-2-in-box .profile-2-info {
    text-align: center;
  }

  .profile-2-in-side .profile-2-img a {
    display: block;
    padding: 10px;
  }
  .profile-2-in-side .profile-2-img .edit-profile {
    display: none;
  }
  .profile-2-in-side .profile-2-img img {
    margin: 0;
    padding: 0;
  }
  .profile-2-in-side .profile-2-info {
    font-size: 15px;
    font-size: 1.07143rem;
  }
  .profile-2-in-side .profile-2-info h3 {
    font-size: 17px;
    font-size: 1.21429rem;
  }
  .profile-2-in-side .profile-2-details {
    padding-top: 10px;
  }
  .profile-2-in-side .profile-2-details .text {
    display: none;
  }
  .profile-2-in-side .profile-2-details .text-small {
    display: block;
    float: left;
  }

  .profile-2-in-side-2 .profile-2-toggle {
    top: 4px;
  }
}
@media (max-width: 767px) {
  .profile-2-in-side-2 .profile-2-toggle {
    top: 0px;
  }
}
/*
    Widget - Revenue
    ========================================================================== */
/*
    Common
    ------------------------------------- */
.widget-revenue {
  padding: 15px 0;
  position: relative;
}
.widget-revenue .revenue-chart {
  padding: 0 20px;
}
.widget-revenue .c3 svg {
  font-size: 11px;
  font-size: 0.78571rem;
  font-family: "Source Sans Pro Semibold";
}

/*
    Revenue in Header
    ------------------------------------- */
/*
    Revenue in Sidebar
    ------------------------------------- */
/*
    Revenue in Box
    ------------------------------------- */
/*
    Widget - Search
    ========================================================================== */
/*
    Common
    ------------------------------------- */
.widget-search {
  position: relative;
}
.widget-search .btn {
  position: absolute;
  top: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  z-index: 10;
}
.widget-search .btn:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.widget-search .search-toggle {
  display: none;
  padding: 20px 0;
  text-align: center;
}

.is-search-right .btn {
  right: 0;
}

.is-search-left input {
  padding-left: 50px;
}
.is-search-left .btn {
  left: 0;
}

/*
    Search in Header
    ------------------------------------- */
.search-in-header input {
  border: none;
  height: 50px;
  width: 200px;
}
.search-in-header .btn {
  padding: 14px 12px;
}

/*
    Search in Box
    ------------------------------------- */
.search-in-box {
  line-height: 1;
  padding: 6px 10px;
  max-width: 20%;
}
.search-in-box .form-control {
  height: 24px;
}

/*
    Search in Sidebar
    ------------------------------------- */
.search-in-side input {
  border: none;
  height: 60px;
}
.search-in-side .btn {
  padding: 19px 15px;
}

.l-sidebar-compact-left .search-in-side .btn,
.l-sidebar-compact-right .search-in-side .btn {
  padding: 19px 5px;
}
.l-sidebar-compact-left .is-search-right input,
.l-sidebar-compact-right .is-search-right input {
  padding-right: 28px;
}
.l-sidebar-compact-left .is-search-left input,
.l-sidebar-compact-right .is-search-left input {
  padding-left: 28px;
}

.l-sidebar-collapsed-left .search-in-side,
.l-sidebar-collapsed-right .search-in-side {
  position: relative;
}
.l-sidebar-collapsed-left .search-in-side .search-toggle,
.l-sidebar-collapsed-right .search-in-side .search-toggle {
  display: block;
}
.l-sidebar-collapsed-left .search-in-side .search-content,
.l-sidebar-collapsed-right .search-in-side .search-content {
  display: none;
  position: absolute;
  top: 0;
  left: 50px;
  width: 250px;
}
.l-sidebar-collapsed-left .search-in-side:hover .search-content,
.l-sidebar-collapsed-right .search-in-side:hover .search-content {
  display: block;
}

.t-search-3 .btn {
  padding: 19px 5px 19px 30px;
}

@media (max-width: 767px) {
  .search-in-header input {
    width: 100%;
  }
}
/*
    Widget - Search Expanding
    ========================================================================== */
/*
    Common
    ------------------------------------- */
.widget-search-expanding {
  position: relative;
  width: 0%;
  min-width: 50px;
  height: 50px;
  float: right;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-transition: width 0.3s;
  -o-transition: width 0.3s;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}

.search-exp-input {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  outline: none;
  width: 100%;
  height: 50px;
  margin: 0;
  z-index: 10;
  padding: 10px 65px 10px 20px;
}

.search-exp-icon, .search-exp-submit {
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  margin: 0;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}

.search-exp-icon, .search-exp-submit {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  z-index: 90;
  font-size: 16px;
  font-size: 1.14286rem;
}

.search-exp-submit {
  /* IE needs this */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 8 */
  filter: alpha(opacity=0);
  /* IE 5-7 */
  opacity: 0;
  color: transparent;
  border: none;
  outline: none;
  z-index: -1;
}

/* Open state */
.widget-search-expanding.search-exp-open,
.no-js .widget-search-expanding {
  width: 100%;
}

.widget-search-expanding.search-exp-open .search-exp-icon, .widget-search-expanding.search-exp-open .search-exp-submit,
.no-js .widget-search-expanding .search-exp-icon,
.no-js .widget-search-expanding .search-exp-submit {
  z-index: 11;
}

.widget-search-expanding.search-exp-open .search-exp-submit,
.no-js .widget-search-expanding .search-exp-submit {
  z-index: 90;
}

/*
    Search Expanding in Header
    ------------------------------------- */
.search-expanding-in-header.widget-search-expanding.search-exp-open {
  width: 250px;
}

/*
    Search Expanding in Box
    ------------------------------------- */
/*
    Search Expanding in Sidebar
    ------------------------------------- */
@media (max-width: 767px) {
  .search-expanding-in-header.widget-search-expanding.search-exp-open {
    width: 100%;
  }
}
/*
    Widget - Server Stats
    ========================================================================== */
/*
    Common
    ------------------------------------- */
.widget-server-stats {
  position: relative;
}

.server-stats-btn {
  display: block;
  text-align: center;
  padding: 10px 0;
}
.server-stats-btn span {
  font-family: "Source Sans Pro Semibold";
}

.server-stats-icon {
  padding-bottom: 5px;
  font-size: 17px;
  font-size: 1.21429rem;
}

.server-stats-header {
  padding: 10px;
  *zoom: 1;
}
.server-stats-header:before, .server-stats-header:after {
  content: " ";
  display: table;
}
.server-stats-header:after {
  clear: both;
}
.server-stats-header h4 {
  float: left;
  margin: 0;
}
.server-stats-header span {
  float: right;
}

.server-stats-progress {
  padding: 20px 15px;
}
.server-stats-progress .progress {
  margin: 0;
}

.server-stats-footer {
  padding: 8px 0;
  text-align: center;
  font-family: "Source Sans Pro Semibold";
  font-size: 20px;
  font-size: 1.42857rem;
}
.server-stats-footer .small, .server-stats-footer sup {
  font-family: "Source Sans Pro Light";
  font-size: 14px;
  font-size: 1rem;
}

/*
    Server Stats in Header
    ------------------------------------- */
/*
    Server Stats in Box
    ------------------------------------- */
/*
    Server Stats in Sidebar
    ------------------------------------- */
.server-stats-in-side .server-stats-content {
  display: none;
  position: absolute;
  top: -1px;
  width: 250px;
  z-index: 20;
}

.l-sidebar-compact-left .server-stats-footer,
.l-sidebar-compact-right .server-stats-footer {
  display: none;
}

.l-sidebar-compact-left .server-stats-content {
  left: 98px;
}

.l-sidebar-compact-right .server-stats-content {
  right: 98px;
}

.l-sidebar-collapsed-left .server-stats-btn span,
.l-sidebar-collapsed-right .server-stats-btn span {
  display: none;
}

.l-sidebar-collapsed-left .server-stats-content {
  left: 48px;
}

.l-sidebar-collapsed-right .server-stats-content {
  right: 48px;
}

/*
    Widget - Settings
    ========================================================================== */
/*
    Common
    ------------------------------------- */
.widget-settings .settings-title {
  font-family: "Source Sans Pro Semibold";
  margin: 20px 15px;
  padding-bottom: 10px;
}
.widget-settings .settings-row {
  margin: 10px 15px;
}
.widget-settings .settings-input {
  text-align: right;
}
.widget-settings label {
  cursor: pointer;
}
.widget-settings .input-label {
  line-height: 2;
}

/*
    Settings in Header
    ------------------------------------- */
/*
    Settings in Box
    ------------------------------------- */
/*
    Settings in Sidebar
    ------------------------------------- */
@media (max-width: 1199px) {
  .widget-settings .settings-input {
    text-align: left;
  }
}
/*
    Widget - Social
    ========================================================================== */
/*
    Common
    ------------------------------------- */
.widget-social i {
  font-size: 40px;
  font-size: 2.85714rem;
}
.widget-social .social-info {
  font-family: "Source Sans Pro Light";
  font-size: 18px;
  font-size: 1.28571rem;
}
.widget-social span {
  font-family: "Source Sans Pro Semibold";
  font-size: 24px;
  font-size: 1.71429rem;
}

/*
    Social in Header
    ------------------------------------- */
.social-in-header {
  margin: 5px;
  width: 200px;
  padding: 11px;
  *zoom: 1;
}
.social-in-header:before, .social-in-header:after {
  content: " ";
  display: table;
}
.social-in-header:after {
  clear: both;
}
.social-in-header .social-icon {
  float: left;
  clear: none;
  width: 40%;
  margin-left: 0;
  margin-right: 0;
}
.social-in-header .social-info {
  float: left;
  clear: none;
  width: 60%;
  margin-left: 0;
  margin-right: 0;
  text-align: right;
}
.social-in-header .social-info span {
  display: block;
}

/*
    Social in Sidebar
    ------------------------------------- */
.social-in-side {
  *zoom: 1;
  padding: 15px 20px;
}
.social-in-side:before, .social-in-side:after {
  content: " ";
  display: table;
}
.social-in-side:after {
  clear: both;
}
.social-in-side .social-icon {
  float: left;
  clear: none;
  width: 40%;
  margin-left: 0;
  margin-right: 0;
}
.social-in-side .social-info {
  float: left;
  clear: none;
  width: 60%;
  margin-left: 0;
  margin-right: 0;
  text-align: right;
}
.social-in-side .social-info span {
  display: block;
}

/*
    Social in Box
    ------------------------------------- */
.social-in-box {
  padding: 24px 30px;
}
.social-in-box .social-icon {
  padding-bottom: 14px;
}
.social-in-box span {
  padding-right: 15px;
}

@media (max-width: 991px) {
  .social-in-side {
    text-align: center;
  }
  .social-in-side i {
    font-size: 35px;
    font-size: 2.5rem;
  }
  .social-in-side .social-icon,
  .social-in-side .social-info {
    text-align: center;
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.4;
    padding-right: 0.4;
  }
  .social-in-side .social-icon:first-child,
  .social-in-side .social-info:first-child {
    margin-left: auto;
  }
  .social-in-side .social-icon:last-child,
  .social-in-side .social-info:last-child {
    margin-right: auto;
  }
  .social-in-side .social-icon {
    padding-bottom: 10px;
  }
  .social-in-side .social-info {
    font-size: 14px;
    font-size: 1rem;
  }
  .social-in-side .social-info span {
    font-size: 18px;
    font-size: 1.28571rem;
  }

  .social-in-box span {
    display: block;
    margin-bottom: 5px;
  }
}
/*
    Widget - Stats
    ========================================================================== */
/*
    Common
    ------------------------------------- */
.widget-stats {
  padding: 15px 0;
  position: relative;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.widget-stats .widget-stats-info {
  padding: 10px 30px;
}
.widget-stats h4 {
  padding: 0 0 10px;
}
.widget-stats .stats-data span {
  font-size: 35px;
  font-size: 2.5rem;
  font-family: "Source Sans Pro Semibold";
}
.widget-stats .stats-data div {
  font-family: "Source Sans Pro Light";
}
.widget-stats .stats-change span {
  font-size: 15px;
  font-size: 1.07143rem;
}
.widget-stats .stats-change div {
  font-size: 12px;
  font-size: 0.85714rem;
}
.widget-stats .l-row {
  padding-bottom: 20px;
}

/*
    Stats in Header
    ------------------------------------- */
/*
    Stats in Sidebar
    ------------------------------------- */
/*
    Stats in Box
    ------------------------------------- */
/*
    Widget - Stats 2
    ========================================================================== */
/*
    Common
    ------------------------------------- */
.widget-stats-2 {
  position: relative;
}

.stats-2-toggler {
  cursor: pointer;
  display: none;
  line-height: 1;
  margin: 10px 0;
  padding: 4px 0;
  text-align: center;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-size: 17px;
  font-size: 1.21429rem;
}

.stats-2-header {
  padding: 10px 20px;
  line-height: 1;
  font-size: 20px;
  font-size: 1.42857rem;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px;
  border-radius: 2px 2px 0 0;
}

.stats-2-body {
  padding: 20px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0;
  border-radius: 0 0 2px 2px;
}

.stats-2-title h4 {
  margin: 3px 0 0;
  font-family: "Source Sans Pro Light";
}

.stats-2-icon {
  text-align: right;
}

.stats-2-info {
  font-family: "Source Sans Pro Semibold";
  font-size: 20px;
  font-size: 1.42857rem;
}

.stats-2-change {
  text-align: right;
  font-size: 17px;
  font-size: 1.21429rem;
}
.stats-2-change i {
  margin-right: 5px;
  font-size: 18px;
  font-size: 1.28571rem;
}

/*
    Stats 2 in Header
    ------------------------------------- */
.stats-2-in-header {
  margin: 5px;
  width: 250px;
}
.stats-2-in-header .stats-2-header {
  padding: 5px 20px;
}
.stats-2-in-header .stats-2-body {
  padding: 5px 20px;
}

/*
    Stats 2 in Box
    ------------------------------------- */
/*
    Stats 2 in Sidebar
    ------------------------------------- */
.stats-2-in-side {
  margin: 10px;
}

.l-sidebar-compact-left .stats-2-header,
.l-sidebar-compact-right .stats-2-header {
  padding: 10px 5px;
  text-align: center;
}
.l-sidebar-compact-left .stats-2-body,
.l-sidebar-compact-right .stats-2-body {
  padding: 5px;
  text-align: center;
}
.l-sidebar-compact-left .stats-2-title,
.l-sidebar-compact-right .stats-2-title {
  width: 100%;
}
.l-sidebar-compact-left .stats-2-title h4,
.l-sidebar-compact-right .stats-2-title h4 {
  margin: 0;
  font-size: 15px;
  font-size: 1.07143rem;
}
.l-sidebar-compact-left .stats-2-icon,
.l-sidebar-compact-right .stats-2-icon {
  display: none;
}
.l-sidebar-compact-left .stats-2-info,
.l-sidebar-compact-right .stats-2-info {
  width: 100%;
  font-family: "Source Sans Pro Regular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-size: 1.28571rem;
}
.l-sidebar-compact-left .stats-2-change,
.l-sidebar-compact-right .stats-2-change {
  display: none;
}

.l-sidebar-collapsed-left .stats-2-toggler,
.l-sidebar-collapsed-right .stats-2-toggler {
  display: block;
}
.l-sidebar-collapsed-left .stats-2-content,
.l-sidebar-collapsed-right .stats-2-content {
  display: none;
  position: absolute;
  top: 0;
  width: 325px;
  z-index: 1;
}
.l-sidebar-collapsed-left .stats-2-icon,
.l-sidebar-collapsed-right .stats-2-icon {
  display: none;
}
.l-sidebar-collapsed-left .widget-stats-2:hover .stats-2-content,
.l-sidebar-collapsed-right .widget-stats-2:hover .stats-2-content {
  display: block;
}

.l-sidebar-collapsed-left .stats-2-content {
  padding-left: 20px;
  left: 28px;
}

.l-sidebar-collapsed-right .stats-2-content {
  padding-right: 20px;
  right: 30px;
}

@media (max-width: 767px) {
  .stats-2-title,
  .stats-2-icon,
  .stats-2-info,
  .stats-2-change {
    text-align: center;
  }

  .stats-2-title {
    padding-bottom: 10px;
  }

  .stats-2-info {
    padding-bottom: 15px;
  }

  .l-sidebar-collapsed-left .stats-2-content,
  .l-sidebar-collapsed-right .stats-2-content {
    width: 220px;
  }
}
/*
    Widget - Statistic
    ========================================================================== */
/*
    Common
    ------------------------------------- */
.widget-statistic .statistic-title {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5;
}
.widget-statistic .statistic-title span {
  font-size: 14px;
  font-size: 1rem;
  font-family: "Source Sans Pro Semibold";
}
.widget-statistic .statistic-options {
  float: right;
  margin-left: 20px;
  line-height: 2.4;
  font-size: 10px;
  font-size: 0.71429rem;
}
.widget-statistic .statistic-options li {
  display: inline-block;
  padding-left: 10px;
}
.widget-statistic .statistic-options li:first-child {
  padding-left: 0;
}
.widget-statistic .statistic-options li:last-child {
  padding-right: 20px;
}
.widget-statistic .statistic-options li.last {
  padding-right: 0;
}
.widget-statistic .statistic-options i {
  display: block;
  width: 10px;
  height: 12px;
}
.widget-statistic .statistic-options .switchery {
  vertical-align: text-top;
}
.widget-statistic .statistic-header {
  *zoom: 1;
  padding: 15px;
}
.widget-statistic .statistic-header:before, .widget-statistic .statistic-header:after {
  content: " ";
  display: table;
}
.widget-statistic .statistic-header:after {
  clear: both;
}
.widget-statistic .statistic-header select {
  height: 22px;
  padding: 0 5px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-size: 14px;
  font-size: 1rem;
}
.widget-statistic .statistic-body {
  position: relative;
}
.widget-statistic .statistic-body .rickshaw_graph .detail .x_label {
  display: none;
}
.widget-statistic .statistic_rickshaw_legend {
  position: absolute;
  top: 10px;
  left: 10px;
}
.widget-statistic .statistic_rickshaw_legend .action {
  display: none;
}

.statistic-item {
  text-align: center;
  position: relative;
  padding: 2% 0;
  margin: 2%;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.statistic-item:hover .item-value {
  opacity: 1;
}
.statistic-item .statistic-item-chart-wrapper {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.statistic-item .item-value {
  position: absolute;
  top: 5px;
  right: 15px;
  opacity: 0.5;
  z-index: 3;
  font-size: 22px;
  font-size: 1.57143rem;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.statistic-item ul {
  position: relative;
  z-index: 2;
}
.statistic-item li {
  margin: 2% 0;
}
.statistic-item li:last-child {
  padding-bottom: 0;
}
.statistic-item .item-title {
  font-family: "Source Sans Pro Extralight";
  line-height: 1;
  margin: 5% 0 3%;
  font-size: 70px;
  font-size: 5rem;
}
.statistic-item .item-type {
  font-size: 20px;
  font-size: 1.42857rem;
  font-family: "Source Sans Pro Semibold";
}
.statistic-item .item-change {
  font-style: italic;
}
.statistic-item .item-change span {
  font-family: "Source Sans Pro Bold";
}

.statistic-demographics .statistic-graphical {
  display: none;
}
.statistic-demographics .progress {
  margin: 5px 0 0;
}
.statistic-demographics .footable-row-detail-inner {
  width: 100%;
}
.statistic-demographics .table {
  margin-bottom: 0;
}
.statistic-demographics .table > thead > tr > th {
  padding: 15px 20px;
}

.statistic-country-listing,
.statistic-country-graphical {
  display: none;
}

.statistic-gender {
  text-align: center;
}
.statistic-gender .c3-chart-arc text {
  font-size: 16px;
  font-size: 1.14286rem;
  font-family: "Source Sans Pro Semibold";
}

.statistic-browser {
  margin: 2%;
}
.statistic-browser .browser_legend {
  position: absolute;
  top: 10px;
  right: 10px;
}

.statistic-activity .activity-row {
  *zoom: 1;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.statistic-activity .activity-row:before, .statistic-activity .activity-row:after {
  content: " ";
  display: table;
}
.statistic-activity .activity-row:after {
  clear: both;
}
.statistic-activity .activity-type {
  text-align: right;
  line-height: 4;
  font-size: 20px;
  font-size: 1.42857rem;
}
.statistic-activity .activity-img {
  text-align: center;
}
.statistic-activity .activity-img img {
  max-width: 60px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.statistic-activity .activity-img span {
  display: inline-block;
  padding: 5px;
  margin-top: 5px;
  position: relative;
  z-index: 1;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.statistic-activity .activity-img span:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.statistic-activity .activity-img span:after {
  top: 0;
  left: 0;
  padding: 0;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
.statistic-activity .activity-img span:hover {
  -webkit-transform: scale(0.93);
  -moz-transform: scale(0.93);
  -ms-transform: scale(0.93);
  transform: scale(0.93);
}
.statistic-activity .activity-info h5 {
  margin: 10px 0 5px;
  font-size: 15px;
  font-size: 1.07143rem;
}
.statistic-activity .activity-info a {
  font-family: "Source Sans Pro Semibold";
}
.statistic-activity .activity-info .activity-settings {
  position: absolute;
  right: 20px;
  top: 20px;
}
.statistic-activity .activity-info .activity-settings li:first-child {
  padding-bottom: 5px;
}

/*
    Statistic in Header
    ------------------------------------- */
/*
    Statistic in Box
    ------------------------------------- */
/*
    Statistic in Sidebar
    ------------------------------------- */
@media (max-width: 1407px) {
  .statistic-item li {
    margin: 5% 0;
  }
}
@media (max-width: 1199px) {
  .statistic-last {
    margin-top: 2%;
  }
}
@media (max-width: 767px) {
  .widget-statistic .statistic-options {
    float: none;
    margin: 5px 0 0 0;
  }
}
/*
    Widget - Tabs
    ========================================================================== */
/*
    Common
    ------------------------------------- */
.widget-tabs .nav i {
  margin-right: 10px;
}
.widget-tabs .nav > li {
  margin-bottom: 0;
}
.widget-tabs .nav > li > a {
  line-height: 1;
  padding: 18px 30px 17px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.widget-tabs .nav .last {
  float: right;
}
.widget-tabs .nav .last i {
  margin: 0;
}

/*
    Tabs in Header
    ------------------------------------- */
/*
    Tabs in Sidebar
    ------------------------------------- */
/*
    Tabs in Box
    ------------------------------------- */
@media (max-width: 1199px) {
  .widget-tabs .nav > li > a {
    padding: 18px 25px 17px;
  }
  .widget-tabs .nav .last a {
    padding: 18px 20px 17px;
  }
}
@media (max-width: 991px) {
  .widget-tabs .nav > li > a {
    padding: 18px 15px 17px;
  }
}
/*
    Widget - Tabs 2
    ========================================================================== */
/*
    Common
    ------------------------------------- */
.widget-tabs-2 {
  *zoom: 1;
}
.widget-tabs-2:before, .widget-tabs-2:after {
  content: " ";
  display: table;
}
.widget-tabs-2:after {
  clear: both;
}
.widget-tabs-2 ul {
  display: block;
}
.widget-tabs-2 ul li {
  border: 1px solid transparent;
  min-height: 105px;
  padding: 15px;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.widget-tabs-2 .resp-tab-active {
  padding: 15px !important;
}
.widget-tabs-2 .tab-2-title {
  font-size: 15px;
  font-size: 1.07143rem;
  font-family: "Source Sans Pro Semibold";
  padding-bottom: 5px;
}
.widget-tabs-2 .tab-2-stat {
  font-size: 24px;
  font-size: 1.71429rem;
  font-family: "Source Sans Pro Light";
  padding-bottom: 5px;
}
.widget-tabs-2 .tab-2-stat span {
  font-size: 18px;
  font-size: 1.28571rem;
  margin-left: 8px;
}
.widget-tabs-2 .resp-tab-content {
  padding: 0;
  border-right: none;
  border-left: none;
}
.widget-tabs-2 h2.resp-accordion {
  position: relative;
  *zoom: 1;
}
.widget-tabs-2 h2.resp-accordion:before, .widget-tabs-2 h2.resp-accordion:after {
  content: " ";
  display: table;
}
.widget-tabs-2 h2.resp-accordion:after {
  clear: both;
}
.widget-tabs-2 h2.resp-accordion .resp-arrow {
  position: absolute;
  top: 7px;
  right: 10px;
}
.widget-tabs-2 h2.resp-accordion .tab-chart-update {
  display: none;
}
.widget-tabs-2 h2.resp-accordion .tab-chart-wrapper {
  text-align: right;
}
.widget-tabs-2 h2.resp-tab-active {
  padding: 10px 15px !important;
}
.widget-tabs-2 .tab-chart-wrapper {
  position: relative;
  text-align: center;
}
.widget-tabs-2 .tab-chart-update {
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
  font-size: 10px;
  font-size: 0.71429rem;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.widget-tabs-2 .tab-chart {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  text-align: center;
  margin-top: 5px;
}
.widget-tabs-2 .tab-chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.widget-tabs-2 .tab-chart i {
  display: none;
  line-height: 70px;
  font-size: 18px;
  font-size: 1.28571rem;
}
.widget-tabs-2 .tab-chart:hover span {
  display: none;
}
.widget-tabs-2 .tab-chart:hover i {
  display: block;
}
.widget-tabs-2 .percent {
  display: inline-block;
  line-height: 70px;
  z-index: 2;
  font-size: 20px;
  font-size: 1.42857rem;
  font-family: "Source Sans Pro Light";
}
.widget-tabs-2 .percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: .6em;
}

/*
    Tabs 2 in Header
    ------------------------------------- */
/*
    Tabs 2 in Box
    ------------------------------------- */
/*
    Tabs 2 in Sidebar
    ------------------------------------- */
@media (max-width: 1199px) {
  .widget-tabs-2 .tab-2-stat span {
    display: none;
  }
  .widget-tabs-2 .tab-chart-update {
    top: -5px;
    right: -5px;
  }
}
@media (max-width: 991px) {
  .widget-tabs-2 {
    margin-top: 20px;
  }
  .widget-tabs-2 .tab-2-stat span {
    display: inline-block;
  }
}
/*
    Widget - Task
    ========================================================================== */
/*
	Task
	------------------------------------- */
.widget-task .label {
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -webkit-transition: 300ms;
  transition: 300ms;
}

.task-in-header .dropdown-menu {
  min-width: 300px;
}
.task-in-header .dropdown-menu li {
  padding: 0 15px;
}

.task-in-side {
  padding: 10px;
}
.task-in-side .dropdown-menu-header {
  padding: 10px 0 13px !important;
}

.task-in-box .dropdown-menu-header {
  padding: 10px 0 13px !important;
}

@media (max-width: 767px) {
  .task-in-header .dropdown-menu {
    min-width: 100%;
  }
}
/*
    Widget - Theme Settings
    ========================================================================== */
/*
    Common
    ------------------------------------- */
.widget-theme-settings {
  position: fixed;
  width: 220px;
  right: -221px;
  z-index: 1000;
}
.widget-theme-settings.open {
  right: -1px;
}
.widget-theme-settings .input-group-btn:first-child > .btn,
.widget-theme-settings .input-group-btn:first-child > .btn-group {
  margin-right: -2px;
}

.theme-settings-toggle {
  left: -44px;
  padding: 10px 15px;
  position: absolute;
  top: -1px;
}

.theme-settings-wrapper {
  float: left;
  width: 100%;
}
.theme-settings-wrapper h3 {
  font-family: "Source Sans Pro Semibold";
  text-align: center;
  margin: 0;
  padding: 10px 0 9px;
  cursor: pointer;
  font-size: 20px;
  font-size: 1.42857rem;
}

.theme-settings-row {
  margin: 10px 15px;
}

.theme-settings-input {
  text-align: right;
}

.theme-settings-info {
  display: inline-block;
  line-height: 1;
  padding: 5px 10px;
  text-align: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.theme-skin-title {
  padding-bottom: 3px;
}
.theme-skin-title .clear-cache {
  display: none;
  float: right;
  text-align: center;
  height: 20px;
  width: 24px;
}

.theme-skin-wrapper {
  margin-bottom: 10px;
  cursor: pointer;
  display: block;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.theme-skin-wrapper .theme-skin {
  min-height: 20px;
  text-align: center;
  font-family: "Source Sans Pro Semibold";
}
.theme-skin-wrapper:hover {
  opacity: 0.8;
}
.theme-skin-wrapper.skin-soon {
  cursor: default;
}
.theme-skin-wrapper.skin-soon:hover {
  opacity: 1;
}

/*
	Collapsible
	------------------------------------- */
.theme-collapsible-cointainer .theme-collapsible {
  margin: 0;
  padding: 10px 15px;
  text-decoration: none;
  cursor: pointer;
  font-size: 18px;
  font-size: 1.28571rem;
}
.theme-collapsible-cointainer .theme-skin-title {
  margin-top: 20px;
  font-size: 16px;
  font-size: 1.14286rem;
}
.theme-collapsible-cointainer .collapse-open span {
  display: block;
  float: right;
  padding: 2px 10px;
  position: relative;
}
.theme-collapsible-cointainer .collapse-open span:after {
  content: "\25BC";
  font-size: 12px;
  font-size: 0.85714rem;
}
.theme-collapsible-cointainer .collapse-close span {
  display: block;
  float: right;
  padding: 1px 10px;
}
.theme-collapsible-cointainer .collapse-close span:after {
  content: "\25C0";
  font-size: 14px;
  font-size: 1rem;
}
.theme-collapsible-cointainer div.content {
  padding: 15px;
}

.t-theme-settings-1 {
  top: 151px;
}

.t-theme-settings-2 {
  top: 193px;
}

@media (max-width: 320px) {
  .t-theme-settings-1 {
    top: 33px;
  }

  .t-theme-settings-2 {
    top: 75px;
  }
}
/*
    Widget - Todos
    ========================================================================== */
/*
    Common
    ------------------------------------- */
.widget-todo {
  padding: 15px 0;
  position: relative;
}
.widget-todo h4 {
  padding: 0 10px 10px;
}
.widget-todo .widget-todo-info {
  padding: 10px 20px;
}
.widget-todo .todo-item {
  padding: 10px 10px;
}
.widget-todo .todo-item:hover .delete-todo {
  display: block;
}
.widget-todo .cb-checkbox, .widget-todo i {
  vertical-align: middle;
}
.widget-todo label {
  font-family: "Source Sans Pro Regular", Helvetica, Arial, sans-serif;
  margin-left: 5px;
}
.widget-todo .todo-input {
  margin-top: 10px;
}
.widget-todo .delete-todo {
  display: none;
}
.widget-todo .checked .todo-text {
  text-decoration: line-through;
}

/*
    Todos in Header
    ------------------------------------- */
/*
    Todos in Sidebar
    ------------------------------------- */
/*
    Todos in Box
    ------------------------------------- */
/*
    Widget - Weather Forecast
    ========================================================================== */
/*
    Common
    ------------------------------------- */
.weather-day-col {
  text-align: center;
  float: left;
  clear: none;
  width: 20%;
  margin-left: 0;
  margin-right: 0;
}
.weather-day-col .ac {
  font-size: 60px;
  font-size: 4.28571rem;
}

.weather-day {
  font-family: "Source Sans Pro Light";
  padding: 24px 0 15px;
  font-size: 24px;
  font-size: 1.71429rem;
}

.weather-date {
  font-family: "Source Sans Pro Semibold";
}

.weather-temp {
  font-family: "Source Sans Pro Light";
  font-size: 22px;
  font-size: 1.57143rem;
  padding: 8px 0;
}

.weather-description {
  padding: 0 5px 20px;
  font-size: 16px;
  font-size: 1.14286rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.weather-forecast-settings {
  padding: 0 15px;
}
.weather-forecast-settings h3 {
  font-family: "Source Sans Pro Light";
}
.weather-forecast-settings .cb-radio {
  font-family: "Source Sans Pro Light";
}
.weather-forecast-settings .forecast-geo-location {
  margin-top: 5px;
}

.forecast-error {
  font-family: "Source Sans Pro Light";
  line-height: 7;
  text-align: center;
  font-size: 30px;
  font-size: 2.14286rem;
}

/*
    Weather Forecast in Header
    ------------------------------------- */
/*
    Weather Forecast in Box
    ------------------------------------- */
/*
    Weather Forecast in Sidebar
    ------------------------------------- */
@media (max-width: 320px) {
  .weather-day {
    padding: 14px 0 5px;
  }
}
/*
    Widget - Miscellaneous
    ========================================================================== */
/*
    Common
    =============================================== */
.widget {
  margin-bottom: 2%;
}

/* Widget options container */
.widget-opt {
  padding: 0px 10px;
  line-height: 37px;
}

/*
    Switcher
    ------------------------------------- */
.switcher {
  display: block;
  padding: 18px 17px 17px;
  line-height: 1;
}

.t-switcher-side,
.t-switcher-side-2 {
  text-align: center;
}

/*
    Header
    ------------------------------------- */
.widget-header {
  font-family: "Source Sans Pro Light";
  font-size: 20px;
  font-size: 1.42857rem;
  padding: 10px 30px;
  margin: 0 0 20px;
}

/*
    Loader
    ------------------------------------- */
.widget-loader {
  margin: 18px 10px;
  max-width: 15%;
  min-width: 75px;
}

/*
    Progressbar
    ------------------------------------- */
.widget-progress {
  margin: 8% 0;
  max-width: 15%;
  min-width: 125px;
}

/*
    Label
    ------------------------------------- */
.widget-label-badge .label, .widget-label-badge .badge {
  font-weight: normal;
}

/*
    Basic Search
    ------------------------------------- */
.widget-basic-search {
  max-width: 200px;
}
.widget-basic-search input {
  height: 24px;
  margin-top: 6px;
}

/*
	Slider
	------------------------------------- */
.widget-slider {
  max-width: 20%;
  min-width: 125px;
  padding: 15px 10px;
}

/*
	Graph
	------------------------------------- */
.widget-graph {
  max-width: 20%;
}
.widget-graph canvas {
  margin: 6px 0;
}

/*
	Tabs
	------------------------------------- */
.widget-basic-tabs .nav-tabs {
  border-bottom: none;
}
.widget-basic-tabs .nav-tabs a {
  border-top: none !important;
}

/*
	Pagination
	------------------------------------- */
.widget-pagination {
  line-height: 1;
  padding: 4px 10px 0;
}
.widget-pagination .pagination {
  margin: 0;
}

/*
	Centerred Text
	------------------------------------- */
.widget-header-centered {
  left: 0;
  max-width: 100%;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}

/*
    Fullscreen
    ------------------------------------- */
.fullscreen {
  position: fixed;
  margin: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #FFF;
  border-width: 3px;
  z-index: 1040 !important;
  overflow: auto;
}

.fullscreen-open {
  overflow: hidden;
}

/*
    Toggle
    ------------------------------------- */
.toggle-closed {
  display: none;
}

/*
    Block Widgets
    =============================================== */
/*
	Status
	------------------------------------- */
.widget-status .dropdown-toggle {
  display: block;
  padding: 7px 28px 7px 17px;
  border: 1px solid transparent;
}
.widget-status .dropdown-toggle i {
  margin-right: 5px;
}
.widget-status .dropdown-menu {
  margin-top: 0;
  min-width: 105px;
  border-top: none;
}
.widget-status .dropdown-menu i {
  margin-right: 5px;
}

/*
	Chat Setting
	------------------------------------- */
.widget-chat-setting .dropdown-toggle {
  display: block;
  padding: 7px 15px;
  border: 1px solid transparent;
}
.widget-chat-setting .dropdown-menu {
  margin-top: -1px;
  min-width: 150px;
}
.widget-chat-setting .dropdown-menu a {
  line-height: 1;
  padding: 4px 10px;
}
.widget-chat-setting .dropdown-menu label {
  font-family: "Source Sans Pro Regular", Helvetica, Arial, sans-serif;
}

/*  ==========================================================================
    Helpers
    ========================================================================== */
/*
    Clearfix and Group
    ------------------------------------- */
.clearfix {
  overflow: hidden;
  *zoom: 1;
}

.group {
  *zoom: 1;
}
.group:before, .group:after {
  content: " ";
  display: table;
}
.group:after {
  clear: both;
}

/*
    Size - width and height
    ------------------------------------- */
/* Width */
.full-width {
  width: 100%;
}

.half-width {
  width: 50%;
}

/* Height */
.full-height {
  height: 100%;
}

/* Other */
.full-width-height {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.min-height-10 {
  min-height: 10px;
}

.min-height-800 {
  min-height: 800px;
}

.min-height-900 {
  min-height: 900px;
}

.min-height-1500 {
  min-height: 1500px;
}

/*
    Font Family
    ------------------------------------- */
.font-extralight {
  font-family: "Source Sans Pro Extralight";
}

.font-light {
  font-family: "Source Sans Pro Light";
}

.font-base {
  font-family: "Source Sans Pro Regular", Helvetica, Arial, sans-serif;
}

.font-semibold {
  font-family: "Source Sans Pro Semibold";
}

.font-bold {
  font-family: "Source Sans Pro Bold";
}

/*
    Font Size
    ------------------------------------- */
.fz-10 {
  font-size: 10px;
  font-size: 0.71429rem;
}

.fz-11 {
  font-size: 11px;
  font-size: 0.78571rem;
}

.fz-12 {
  font-size: 12px;
  font-size: 0.85714rem;
}

.fz-13 {
  font-size: 13px;
  font-size: 0.92857rem;
}

.fz-14 {
  font-size: 14px;
  font-size: 1rem;
}

.fz-15 {
  font-size: 15px;
  font-size: 1.07143rem;
}

.fz-16 {
  font-size: 16px;
  font-size: 1.14286rem;
}

.fz-17 {
  font-size: 17px;
  font-size: 1.21429rem;
}

.fz-18 {
  font-size: 18px;
  font-size: 1.28571rem;
}

.fz-19 {
  font-size: 19px;
  font-size: 1.35714rem;
}

.fz-20 {
  font-size: 20px;
  font-size: 1.42857rem;
}

.fz-21 {
  font-size: 21px;
  font-size: 1.5rem;
}

.fz-22 {
  font-size: 22px;
  font-size: 1.57143rem;
}

.fz-23 {
  font-size: 23px;
  font-size: 1.64286rem;
}

.fz-24 {
  font-size: 24px;
  font-size: 1.71429rem;
}

.fz-25 {
  font-size: 25px;
  font-size: 1.78571rem;
}

.fz-26 {
  font-size: 26px;
  font-size: 1.85714rem;
}

.fz-27 {
  font-size: 27px;
  font-size: 1.92857rem;
}

.fz-28 {
  font-size: 28px;
  font-size: 2rem;
}

.fz-29 {
  font-size: 29px;
  font-size: 2.07143rem;
}

.fz-30 {
  font-size: 30px;
  font-size: 2.14286rem;
}

/*
    Z-index
    ------------------------------------- */
.z-index-9 {
  z-index: 9;
}

.z-index-90 {
  z-index: 90;
}

.z-index-91 {
  z-index: 91;
}

.z-index-92 {
  z-index: 92;
}

.z-index-93 {
  z-index: 93;
}

.z-index-94 {
  z-index: 94;
}

.z-index-95 {
  z-index: 95;
}

.z-index-96 {
  z-index: 96;
}

.z-index-97 {
  z-index: 97;
}

.z-index-98 {
  z-index: 98;
}

.z-index-99 {
  z-index: 99;
}

.z-index-100 {
  z-index: 100;
}

.z-index-101 {
  z-index: 101;
}

.z-index-102 {
  z-index: 102;
}

.z-index-103 {
  z-index: 103;
}

.z-index-104 {
  z-index: 104;
}

.z-index-105 {
  z-index: 105;
}

.z-index-106 {
  z-index: 106;
}

.z-index-107 {
  z-index: 107;
}

.z-index-108 {
  z-index: 108;
}

.z-index-109 {
  z-index: 109;
}

.z-index-110 {
  z-index: 110;
}

/*
    Line Height
    ------------------------------------- */
.lh-2-4 {
  line-height: 2.4;
}

/*
    Text
    ------------------------------------- */
.text-lc {
  text-transform: lowercase;
}

.text-uc {
  text-transform: uppercase;
}

.text-cap {
  text-transform: capitalize;
}

.tal {
  text-align: left;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

/*
    Display
    ------------------------------------- */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.block {
  display: block !important;
}

.inline {
  display: inline !important;
}

.inline-block {
  display: inline-block !important;
}

/*
    Overflow
    ------------------------------------- */
.of-h {
  overflow: hidden;
}

/*
    Borders
    ------------------------------------- */
.no-border {
  border: 1px solid transparent !important;
}

.bd-n {
  border: none !important;
}

.bdt-n {
  border-top: none !important;
}

.bdr-n {
  border-right: none !important;
}

.bdb-n {
  border-bottom: none !important;
}

.bdl-n {
  border-left: none !important;
}

/*
    Alignment
    ------------------------------------- */
.align-left, .fl {
  float: left;
}

.align-right, .fr {
  float: right;
}

.fn {
  float: none;
}

.vat {
  vertical-align: top;
}

.vam {
  vertical-align: middle;
}

.vab {
  vertical-align: bottom;
}

.vas {
  vertical-align: sub;
}

/* Margin */
.m {
  margin: 2%;
}

.mt {
  margin-top: 2%;
}

.mr {
  margin-right: 2%;
}

.mb {
  margin-bottom: 2%;
}

.ml {
  margin-left: 2%;
}

.mv {
  margin-top: 2%;
  margin-bottom: 2%;
}

.mh {
  margin-left: 2%;
  margin-right: 2%;
}

.m-0 {
  margin: 0;
}

.mt-0 {
  margin-top: 0;
}

.mr-0 {
  margin-right: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.ml-0 {
  margin-left: 0;
}

.m-5 {
  margin: 5px;
}

.mt-5 {
  margin-top: 5px;
}

.mr-5 {
  margin-right: 5px;
}

.mb-5 {
  margin-bottom: 5px;
}

.ml-5 {
  margin-left: 5px;
}

.m-10 {
  margin: 10px;
}

.mt-10 {
  margin-top: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.m-15 {
  margin: 15px;
}

.mt-15 {
  margin-top: 15px;
}

.mr-15 {
  margin-right: 15px;
}

.mb-15 {
  margin-bottom: 15px;
}

.ml-15 {
  margin-left: 15px;
}

.m-20 {
  margin: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.ml-20 {
  margin-left: 20px;
}

/* Padding */
.p {
  padding: 2%;
}

.pt {
  padding-top: 2%;
}

.pr {
  padding-right: 2%;
}

.pb {
  padding-bottom: 2%;
}

.pl {
  padding-left: 2%;
}

.pv {
  padding-top: 2%;
  padding-bottom: 2%;
}

.ph {
  padding-left: 2%;
  padding-right: 2%;
}

.p-0 {
  padding: 0;
}

.pt-0 {
  padding-top: 0;
}

.pr-0 {
  padding-right: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.pl-0 {
  padding-left: 0;
}

.p-5 {
  padding: 5px;
}

.pt-5 {
  padding-top: 5px;
}

.pr-5 {
  padding-right: 5px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.p-10 {
  padding: 10px;
}

.pt-10 {
  padding-top: 10px;
}

.pr-10 {
  padding-right: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.p-15 {
  padding: 15px;
}

.pt-15 {
  padding-top: 15px;
}

.pr-15 {
  padding-right: 15px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pl-15 {
  padding-left: 15px;
}

.p-20 {
  padding: 20px;
}

.pt-20 {
  padding-top: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pl-20 {
  padding-left: 20px;
}

/*
    Centered content on page
    ------------------------------------- */
.center-outer {
  display: table;
  width: 100%;
  height: 100%;
}

.center-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.center-content {
  position: relative;
  display: inline-block;
  width: 50%;
}

/*
    Responsive utilities - extends bootstrap with the new 'xl' size
    ------------------------------------- */
.visible-xl {
  display: none !important;
}

.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block {
  display: none !important;
}

/* 'lg' - size overwritten */
@media (min-width: 1200px) and (max-width: 1407px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) and (max-width: 1407px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) and (max-width: 1407px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) and (max-width: 1407px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1408px) {
  .visible-lg {
    display: none !important;
  }
}
@media (min-width: 1408px) {
  .visible-lg-block {
    display: none !important;
  }
}

@media (min-width: 1408px) {
  .visible-lg-inline {
    display: none !important;
  }
}

@media (min-width: 1408px) {
  .visible-lg-inline-block {
    display: none !important;
  }
}

/* 'xl' - size added */
@media (min-width: 1408px) {
  .visible-xl {
    display: block !important;
  }

  table.visible-xl {
    display: table;
  }

  tr.visible-xl {
    display: table-row !important;
  }

  th.visible-xl,
  td.visible-xl {
    display: table-cell !important;
  }
}
@media (min-width: 1408px) {
  .visible-xl-block {
    display: block !important;
  }
}

@media (min-width: 1408px) {
  .visible-xl-inline {
    display: inline !important;
  }
}

@media (min-width: 1408px) {
  .visible-xl-inline-block {
    display: inline-block !important;
  }
}

/* 'lg' - size overwritten */
@media (min-width: 1200px) and (max-width: 1407px) {
  .hidden-lg {
    display: none !important;
  }
}
/* 'xl' - size added */
@media (min-width: 1408px) {
  .hidden-xl {
    display: none !important;
  }
}
