/* My minified admin css file */
@charset 'UTF-8';
@font-face {
  font-family: dripicons;
  src: url(../fonts/dripicons.eot);
  src: url(../fonts/dripicons.eot?#iefix) format('embedded-opentype'), url(../fonts/dripicons.ttf) format('truetype'), url(../fonts/dripicons.svg#dripicons) format('svg'), url(../fonts/dripicons.woff) format('woff');
  font-weight: 400;
  font-style: normal
}

[data-icon]:before {
  font-family: dripicons;
  content: attr(data-icon);
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none !important;
  speak: none;
  display: inline-block;
  text-decoration: none;
  width: 1em;
  line-height: 1em;
  -webkit-font-smoothing: antialiased
}

[class*=' icon-']:before, [class^=icon-]:before {
  font-family: dripicons;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none !important;
  speak: none;
  display: inline-block;
  text-decoration: none;
  width: 1em;
  line-height: 1em;
  -webkit-font-smoothing: antialiased
}

.icon-align-center:before {
  content: "\e000"
}

.icon-align-justify:before {
  content: "\e001"
}

.icon-align-left:before {
  content: "\e002"
}

.icon-align-right:before {
  content: "\e003"
}

.icon-arrow-down:before {
  content: "\e004"
}

.icon-arrow-left:before {
  content: "\e005"
}

.icon-arrow-thin-down:before {
  content: "\e006"
}

.icon-arrow-right:before {
  content: "\e007"
}

.icon-arrow-thin-left:before {
  content: "\e008"
}

.icon-arrow-thin-up:before {
  content: "\e009"
}

.icon-arrow-up:before {
  content: "\e010"
}

.icon-attachment:before {
  content: "\e011"
}

.icon-arrow-thin-right:before {
  content: "\e012"
}

.icon-code:before {
  content: "\e013"
}

.icon-cloud:before {
  content: "\e014"
}

.icon-chevron-right:before {
  content: "\e015"
}

.icon-chevron-up:before {
  content: "\e016"
}

.icon-chevron-down:before {
  content: "\e017"
}

.icon-chevron-left:before {
  content: "\e018"
}

.icon-camera:before {
  content: "\e019"
}

.icon-checkmark:before {
  content: "\e020"
}

.icon-calendar:before {
  content: "\e021"
}

.icon-clockwise:before {
  content: "\e022"
}

.icon-conversation:before {
  content: "\e023"
}

.icon-direction:before {
  content: "\e024"
}

.icon-cross:before {
  content: "\e025"
}

.icon-graph-line:before {
  content: "\e026"
}

.icon-gear:before {
  content: "\e027"
}

.icon-graph-bar:before {
  content: "\e028"
}

.icon-export:before {
  content: "\e029"
}

.icon-feed:before {
  content: "\e030"
}

.icon-folder:before {
  content: "\e031"
}

.icon-forward:before {
  content: "\e032"
}

.icon-folder-open:before {
  content: "\e033"
}

.icon-download:before {
  content: "\e034"
}

.icon-document-new:before {
  content: "\e035"
}

.icon-document-edit:before {
  content: "\e036"
}

.icon-document:before {
  content: "\e037"
}

.icon-gaming:before {
  content: "\e038"
}

.icon-graph-pie:before {
  content: "\e039"
}

.icon-heart:before {
  content: "\e040"
}

.icon-headset:before {
  content: "\e041"
}

.icon-help:before {
  content: "\e042"
}

.icon-information:before {
  content: "\e043"
}

.icon-loading:before {
  content: "\e044"
}

.icon-lock:before {
  content: "\e045"
}

.icon-location:before {
  content: "\e046"
}

.icon-lock-open:before {
  content: "\e047"
}

.icon-mail:before {
  content: "\e048"
}

.icon-map:before {
  content: "\e049"
}

.icon-media-loop:before {
  content: "\e050"
}

.icon-mobile-portrait:before {
  content: "\e051"
}

.icon-mobile-landscape:before {
  content: "\e052"
}

.icon-microphone:before {
  content: "\e053"
}

.icon-minus:before {
  content: "\e054"
}

.icon-message:before {
  content: "\e055"
}

.icon-menu:before {
  content: "\e056"
}

.icon-media-stop:before {
  content: "\e057"
}

.icon-media-shuffle:before {
  content: "\e058"
}

.icon-media-previous:before {
  content: "\e059"
}

.icon-media-play:before {
  content: "\e060"
}

.icon-media-next:before {
  content: "\e061"
}

.icon-media-pause:before {
  content: "\e062"
}

.icon-monitor:before {
  content: "\e063"
}

.icon-move:before {
  content: "\e064"
}

.icon-plus:before {
  content: "\e065"
}

.icon-phone:before {
  content: "\e066"
}

.icon-preview:before {
  content: "\e067"
}

.icon-print:before {
  content: "\e068"
}

.icon-media-record:before {
  content: "\e069"
}

.icon-music:before {
  content: "\e070"
}

.icon-home:before {
  content: "\e071"
}

.icon-question:before {
  content: "\e072"
}

.icon-reply:before {
  content: "\e073"
}

.icon-reply-all:before {
  content: "\e074"
}

.icon-return:before {
  content: "\e075"
}

.icon-retweet:before {
  content: "\e076"
}

.icon-search:before {
  content: "\e077"
}

.icon-view-thumb:before {
  content: "\e078"
}

.icon-view-list-large:before {
  content: "\e079"
}

.icon-view-list:before {
  content: "\e080"
}

.icon-upload:before {
  content: "\e081"
}

.icon-user-group:before {
  content: "\e082"
}

.icon-trash:before {
  content: "\e083"
}

.icon-user:before {
  content: "\e084"
}

.icon-thumbs-up:before {
  content: "\e085"
}

.icon-thumbs-down:before {
  content: "\e086"
}

.icon-tablet-portrait:before {
  content: "\e087"
}

.icon-tablet-landscape:before {
  content: "\e088"
}

.icon-tag:before {
  content: "\e089"
}

.icon-star:before {
  content: "\e090"
}

.icon-volume-full:before {
  content: "\e091"
}

.icon-volume-off:before {
  content: "\e092"
}

.icon-warning:before {
  content: "\e093"
}

.icon-window:before {
  content: "\e094"
}

/*!
 *  Weather Icons 1.3
 *  Updated November 30th, 2014
 *  Weather themed icons for Bootstrap
 *  ------------------------------------------------------------------------------
* Maintained at http://erikflowers.github.io/weather-icons
 *  http://twitter.com/Erik_UX
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - Fpmt licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - CSS and LESS are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Inspired by and works great as a companion with Font Awesome
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 *
 *  Weather Icons Bootstrap Package Author - Erik Flowers - erik@helloerik.com
 *  ------------------------------------------------------------------------------
 *  Email: erik@helloerik.com
 *  Twitter: http://twitter.com/Erik_UX
 */
@font-face {
  font-family: weathericons;
  src: url(../font/weathericons-regular-webfont.eot);
  src: url(../font/weathericons-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../font/weathericons-regular-webfont.woff) format('woff'), url(../font/weathericons-regular-webfont.ttf) format('truetype'), url(../font/weathericons-regular-webfont.svg#weathericons-regular-webfontRg) format('svg');
  font-weight: 400;
  font-style: normal
}

.wi {
  display: inline-block;
  font-family: weathericons;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.wi-day-cloudy-gusts:before {
  content: "\f000"
}

.wi-day-cloudy-windy:before {
  content: "\f001"
}

.wi-day-cloudy:before {
  content: "\f002"
}

.wi-day-fog:before {
  content: "\f003"
}

.wi-day-hail:before {
  content: "\f004"
}

.wi-day-lightning:before {
  content: "\f005"
}

.wi-day-rain-mix:before {
  content: "\f006"
}

.wi-day-rain-wind:before {
  content: "\f007"
}

.wi-day-rain:before {
  content: "\f008"
}

.wi-day-showers:before {
  content: "\f009"
}

.wi-day-snow:before {
  content: "\f00a"
}

.wi-day-sprinkle:before {
  content: "\f00b"
}

.wi-day-sunny-overcast:before {
  content: "\f00c"
}

.wi-day-sunny:before {
  content: "\f00d"
}

.wi-day-storm-showers:before {
  content: "\f00e"
}

.wi-day-thunderstorm:before {
  content: "\f010"
}

.wi-cloudy-gusts:before {
  content: "\f011"
}

.wi-cloudy-windy:before {
  content: "\f012"
}

.wi-cloudy:before {
  content: "\f013"
}

.wi-fog:before {
  content: "\f014"
}

.wi-hail:before {
  content: "\f015"
}

.wi-rain-mix:before {
  content: "\f017"
}

.wi-rain-wind:before {
  content: "\f018"
}

.wi-rain:before {
  content: "\f019"
}

.wi-showers:before {
  content: "\f01a"
}

.wi-snow:before {
  content: "\f01b"
}

.wi-sprinkle:before {
  content: "\f01c"
}

.wi-storm-showers:before {
  content: "\f01d"
}

.wi-thunderstorm:before {
  content: "\f01e"
}

.wi-windy:before {
  content: "\f021"
}

.wi-night-alt-cloudy-gusts:before {
  content: "\f022"
}

.wi-night-alt-cloudy-windy:before {
  content: "\f023"
}

.wi-night-alt-hail:before {
  content: "\f024"
}

.wi-night-alt-lightning:before {
  content: "\f025"
}

.wi-night-alt-rain-mix:before {
  content: "\f026"
}

.wi-night-alt-rain-wind:before {
  content: "\f027"
}

.wi-night-alt-rain:before {
  content: "\f028"
}

.wi-night-alt-showers:before {
  content: "\f029"
}

.wi-night-alt-snow:before {
  content: "\f02a"
}

.wi-night-alt-sprinkle:before {
  content: "\f02b"
}

.wi-night-alt-storm-showers:before {
  content: "\f02c"
}

.wi-night-alt-thunderstorm:before {
  content: "\f02d"
}

.wi-night-clear:before {
  content: "\f02e"
}

.wi-night-cloudy-gusts:before {
  content: "\f02f"
}

.wi-night-cloudy-windy:before {
  content: "\f030"
}

.wi-night-cloudy:before {
  content: "\f031"
}

.wi-night-hail:before {
  content: "\f032"
}

.wi-night-lightning:before {
  content: "\f033"
}

.wi-night-rain-mix:before {
  content: "\f034"
}

.wi-night-rain-wind:before {
  content: "\f035"
}

.wi-night-rain:before {
  content: "\f036"
}

.wi-night-showers:before {
  content: "\f037"
}

.wi-night-snow:before {
  content: "\f038"
}

.wi-night-sprinkle:before {
  content: "\f039"
}

.wi-night-storm-showers:before {
  content: "\f03a"
}

.wi-night-thunderstorm:before {
  content: "\f03b"
}

.wi-celsius:before {
  content: "\f03c"
}

.wi-cloud-down:before {
  content: "\f03d"
}

.wi-cloud-refresh:before {
  content: "\f03e"
}

.wi-cloud-up:before {
  content: "\f040"
}

.wi-cloud:before {
  content: "\f041"
}

.wi-degrees:before {
  content: "\f042"
}

.wi-down-left:before {
  content: "\f043"
}

.wi-down:before {
  content: "\f044"
}

.wi-fahrenheit:before {
  content: "\f045"
}

.wi-horizon-alt:before {
  content: "\f046"
}

.wi-horizon:before {
  content: "\f047"
}

.wi-left:before {
  content: "\f048"
}

.wi-lightning:before {
  content: "\f016"
}

.wi-night-fog:before {
  content: "\f04a"
}

.wi-refresh-alt:before {
  content: "\f04b"
}

.wi-refresh:before {
  content: "\f04c"
}

.wi-right:before {
  content: "\f04d"
}

.wi-sprinkles:before {
  content: "\f04e"
}

.wi-strong-wind:before {
  content: "\f050"
}

.wi-sunrise:before {
  content: "\f051"
}

.wi-sunset:before {
  content: "\f052"
}

.wi-thermometer-exterior:before {
  content: "\f053"
}

.wi-thermometer-internal:before {
  content: "\f054"
}

.wi-thermometer:before {
  content: "\f055"
}

.wi-tornado:before {
  content: "\f056"
}

.wi-up-right:before {
  content: "\f057"
}

.wi-up:before {
  content: "\f058"
}

.wi-wind-west:before {
  content: "\f059"
}

.wi-wind-south-west:before {
  content: "\f05a"
}

.wi-wind-south-east:before {
  content: "\f05b"
}

.wi-wind-south:before {
  content: "\f05c"
}

.wi-wind-north-west:before {
  content: "\f05d"
}

.wi-wind-north-east:before {
  content: "\f05e"
}

.wi-wind-north:before {
  content: "\f060"
}

.wi-wind-east:before {
  content: "\f061"
}

.wi-smoke:before {
  content: "\f062"
}

.wi-dust:before {
  content: "\f063"
}

.wi-snow-wind:before {
  content: "\f064"
}

.wi-day-snow-wind:before {
  content: "\f065"
}

.wi-night-snow-wind:before {
  content: "\f066"
}

.wi-night-alt-snow-wind:before {
  content: "\f067"
}

.wi-day-sleet-storm:before {
  content: "\f068"
}

.wi-night-sleet-storm:before {
  content: "\f069"
}

.wi-night-alt-sleet-storm:before {
  content: "\f06a"
}

.wi-day-snow-thunderstorm:before {
  content: "\f06b"
}

.wi-night-snow-thunderstorm:before {
  content: "\f06c"
}

.wi-night-alt-snow-thunderstorm:before {
  content: "\f06d"
}

.wi-solar-eclipse:before {
  content: "\f06e"
}

.wi-lunar-eclipse:before {
  content: "\f070"
}

.wi-meteor:before {
  content: "\f071"
}

.wi-hot:before {
  content: "\f072"
}

.wi-hurricane:before {
  content: "\f073"
}

.wi-smog:before {
  content: "\f074"
}

.wi-alien:before {
  content: "\f075"
}

.wi-snowflake-cold:before {
  content: "\f076"
}

.wi-stars:before {
  content: "\f077"
}

.wi-night-partly-cloudy:before {
  content: "\f083"
}

.wi-umbrella:before {
  content: "\f084"
}

.wi-day-windy:before {
  content: "\f085"
}

.wi-night-alt-cloudy:before {
  content: "\f086"
}

.wi-up-left:before {
  content: "\f087"
}

.wi-down-right:before {
  content: "\f088"
}

.wi-time-12:before {
  content: "\f089"
}

.wi-time-1:before {
  content: "\f08a"
}

.wi-time-2:before {
  content: "\f08b"
}

.wi-time-3:before {
  content: "\f08c"
}

.wi-time-4:before {
  content: "\f08d"
}

.wi-time-5:before {
  content: "\f08e"
}

.wi-time-6:before {
  content: "\f08f"
}

.wi-time-7:before {
  content: "\f090"
}

.wi-time-8:before {
  content: "\f091"
}

.wi-time-9:before {
  content: "\f092"
}

.wi-time-10:before {
  content: "\f093"
}

.wi-time-11:before {
  content: "\f094"
}

.wi-day-sleet:before {
  content: "\f0b2"
}

.wi-night-sleet:before {
  content: "\f0b3"
}

.wi-night-alt-sleet:before {
  content: "\f0b4"
}

.wi-sleet:before {
  content: "\f0b5"
}

.wi-day-haze:before {
  content: "\f0b6"
}

.wi-beafort-0:before {
  content: "\f0b7"
}

.wi-beafort-1:before {
  content: "\f0b8"
}

.wi-beafort-2:before {
  content: "\f0b9"
}

.wi-beafort-3:before {
  content: "\f0ba"
}

.wi-beafort-4:before {
  content: "\f0bb"
}

.wi-beafort-5:before {
  content: "\f0bc"
}

.wi-beafort-6:before {
  content: "\f0bd"
}

.wi-beafort-7:before {
  content: "\f0be"
}

.wi-beafort-8:before {
  content: "\f0bf"
}

.wi-beafort-9:before {
  content: "\f0c0"
}

.wi-beafort-10:before {
  content: "\f0c1"
}

.wi-beafort-11:before {
  content: "\f0c2"
}

.wi-beafort-12:before {
  content: "\f0c3"
}

.wi-wind-default:before {
  content: "\f0b1"
}

wi-wind-default._0-deg {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg)
}

wi-wind-default._15-deg {
  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  transform: rotate(15deg)
}

wi-wind-default._30-deg {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg)
}

wi-wind-default._45-deg {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}

wi-wind-default._60-deg {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  transform: rotate(60deg)
}

wi-wind-default._75-deg {
  -webkit-transform: rotate(75deg);
  -moz-transform: rotate(75deg);
  -ms-transform: rotate(75deg);
  -o-transform: rotate(75deg);
  transform: rotate(75deg)
}

wi-wind-default._90-deg {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg)
}

wi-wind-default._105-deg {
  -webkit-transform: rotate(105deg);
  -moz-transform: rotate(105deg);
  -ms-transform: rotate(105deg);
  -o-transform: rotate(105deg);
  transform: rotate(105deg)
}

wi-wind-default._120-deg {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  transform: rotate(120deg)
}

wi-wind-default._135-deg {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg)
}

wi-wind-default._150-deg {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  transform: rotate(150deg)
}

wi-wind-default._165-deg {
  -webkit-transform: rotate(165deg);
  -moz-transform: rotate(165deg);
  -ms-transform: rotate(165deg);
  -o-transform: rotate(165deg);
  transform: rotate(165deg)
}

wi-wind-default._180-deg {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg)
}

wi-wind-default._195-deg {
  -webkit-transform: rotate(195deg);
  -moz-transform: rotate(195deg);
  -ms-transform: rotate(195deg);
  -o-transform: rotate(195deg);
  transform: rotate(195deg)
}

wi-wind-default._210-deg {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  transform: rotate(210deg)
}

wi-wind-default._225-deg {
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg)
}

wi-wind-default._240-deg {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  transform: rotate(240deg)
}

wi-wind-default._255-deg {
  -webkit-transform: rotate(255deg);
  -moz-transform: rotate(255deg);
  -ms-transform: rotate(255deg);
  -o-transform: rotate(255deg);
  transform: rotate(255deg)
}

wi-wind-default._270-deg {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg)
}

wi-wind-default._285-deg {
  -webkit-transform: rotate(295deg);
  -moz-transform: rotate(295deg);
  -ms-transform: rotate(295deg);
  -o-transform: rotate(295deg);
  transform: rotate(295deg)
}

wi-wind-default._300-deg {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  transform: rotate(300deg)
}

wi-wind-default._315-deg {
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  transform: rotate(315deg)
}

wi-wind-default._330-deg {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  transform: rotate(330deg)
}

wi-wind-default._345-deg {
  -webkit-transform: rotate(345deg);
  -moz-transform: rotate(345deg);
  -ms-transform: rotate(345deg);
  -o-transform: rotate(345deg);
  transform: rotate(345deg)
}

.wi-moon-new:before {
  content: "\f095"
}

.wi-moon-waxing-cresent-1:before {
  content: "\f096"
}

.wi-moon-waxing-cresent-2:before {
  content: "\f097"
}

.wi-moon-waxing-cresent-3:before {
  content: "\f098"
}

.wi-moon-waxing-cresent-4:before {
  content: "\f099"
}

.wi-moon-waxing-cresent-5:before {
  content: "\f09a"
}

.wi-moon-waxing-cresent-6:before {
  content: "\f09b"
}

.wi-moon-first-quarter:before {
  content: "\f09c"
}

.wi-moon-waxing-gibbous-1:before {
  content: "\f09d"
}

.wi-moon-waxing-gibbous-2:before {
  content: "\f09e"
}

.wi-moon-waxing-gibbous-3:before {
  content: "\f09f"
}

.wi-moon-waxing-gibbous-4:before {
  content: "\f0a0"
}

.wi-moon-waxing-gibbous-5:before {
  content: "\f0a1"
}

.wi-moon-waxing-gibbous-6:before {
  content: "\f0a2"
}

.wi-moon-full:before {
  content: "\f0a3"
}

.wi-moon-waning-gibbous-1:before {
  content: "\f0a4"
}

.wi-moon-waning-gibbous-2:before {
  content: "\f0a5"
}

.wi-moon-waning-gibbous-3:before {
  content: "\f0a6"
}

.wi-moon-waning-gibbous-4:before {
  content: "\f0a7"
}

.wi-moon-waning-gibbous-5:before {
  content: "\f0a8"
}

.wi-moon-waning-gibbous-6:before {
  content: "\f0a9"
}

.wi-moon-3rd-quarter:before {
  content: "\f0aa"
}

.wi-moon-waning-crescent-1:before {
  content: "\f0ab"
}

.wi-moon-waning-crescent-2:before {
  content: "\f0ac"
}

.wi-moon-waning-crescent-3:before {
  content: "\f0ad"
}

.wi-moon-waning-crescent-4:before {
  content: "\f0ae"
}

.wi-moon-waning-crescent-5:before {
  content: "\f0af"
}

.wi-moon-waning-crescent-6:before {
  content: "\f0b0"
}

@font-face {
  font-family: Flaticon;
  src: url(../fonts/music.eot);
  src: url(../fonts/music.eot#iefix) format("embedded-opentype"), url(../fonts/music.woff) format("woff"), url(../fonts/music.ttf) format("truetype"), url(../fonts/music.svg) format("svg");
  font-weight: 400;
  font-style: normal
}

[class*=" musicicon-"]:after, [class*=" musicicon-"]:before, [class^=musicicon-]:after, [class^=musicicon-]:before {
  font-family: Flaticon;
  font-style: normal
}

.musicicon-acoustic4:before {
  content: "\e000"
}

.musicicon-alto:before {
  content: "\e001"
}

.musicicon-applause:before {
  content: "\e002"
}

.musicicon-audio41:before {
  content: "\e003"
}

.musicicon-audio42:before {
  content: "\e004"
}

.musicicon-bandmaster:before {
  content: "\e005"
}

.musicicon-bass4:before {
  content: "\e006"
}

.musicicon-bell32:before {
  content: "\e007"
}

.musicicon-boombox3:before {
  content: "\e008"
}

.musicicon-bugle:before {
  content: "\e009"
}

.musicicon-clarinet1:before {
  content: "\e00a"
}

.musicicon-cornet3:before {
  content: "\e00b"
}

.musicicon-cymbals2:before {
  content: "\e00c"
}

.musicicon-dj4:before {
  content: "\e00d"
}

.musicicon-french6:before {
  content: "\e00e"
}

.musicicon-herald:before {
  content: "\e00f"
}

.musicicon-loudspeaker8:before {
  content: "\e010"
}

.musicicon-microphone67:before {
  content: "\e011"
}

.musicicon-microphone68:before {
  content: "\e012"
}

.musicicon-music200:before {
  content: "\e013"
}

.musicicon-music201:before {
  content: "\e014"
}

.musicicon-musical84:before {
  content: "\e015"
}

.musicicon-piano16:before {
  content: "\e016"
}

.musicicon-piccolo:before {
  content: "\e017"
}

.musicicon-radio42:before {
  content: "\e018"
}

.musicicon-radio43:before {
  content: "\e019"
}

.musicicon-saxophone8:before {
  content: "\e01a"
}

.musicicon-side10:before {
  content: "\e01b"
}

.musicicon-treble4:before {
  content: "\e01c"
}

.musicicon-trombone3:before {
  content: "\e01d"
}

.musicicon-trumpet13:before {
  content: "\e01e"
}

.musicicon-tuba1:before {
  content: "\e01f"
}

.musicicon-violin9:before {
  content: "\e020"
}

.musicicon-xylophone6:before {
  content: "\e021"
}

@-webkit-keyframes fade-up-enter {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }
}

@-moz-keyframes fade-up-enter {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px)
  }
}

@-o-keyframes fade-up-enter {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px)
  }
}

@keyframes fade-up-enter {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px)
  }
}

@-webkit-keyframes fade-up-leave {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px)
  }
}

@-moz-keyframes fade-up-leave {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px)
  }
}

@-o-keyframes fade-up-leave {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px)
  }
}

@keyframes fade-up-leave {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px)
  }
}

.animate-fade-up.ng-enter {
  -webkit-animation: .35s fade-up-enter;
  -moz-animation: .35s fade-up-enter;
  -ms-animation: .35s fade-up-enter;
  -o-animation: .35s fade-up-enter;
  animation: .35s fade-up-enter
}

@-webkit-keyframes animate-flip-y-enter {
  0% {
    -webkit-transform: perspective(3000px) rotateY(90deg);
    -moz-transform: perspective(3000px) rotateY(90deg);
    -ms-transform: perspective(3000px) rotateY(90deg);
    -o-transform: perspective(3000px) rotateY(90deg);
    transform: perspective(3000px) rotateY(90deg);
    opacity: 0
  }
  100% {
    -webkit-transform: perspective(3000px) rotateY(0deg);
    -moz-transform: perspective(3000px) rotateY(0deg);
    -ms-transform: perspective(3000px) rotateY(0deg);
    -o-transform: perspective(3000px) rotateY(0deg);
    transform: perspective(3000px) rotateY(0deg);
    opacity: 1
  }
}

@-moz-keyframes animate-flip-y-enter {
  0% {
    -webkit-transform: perspective(3000px) rotateY(90deg);
    -moz-transform: perspective(3000px) rotateY(90deg);
    -ms-transform: perspective(3000px) rotateY(90deg);
    -o-transform: perspective(3000px) rotateY(90deg);
    transform: perspective(3000px) rotateY(90deg);
    opacity: 0
  }
  100% {
    -webkit-transform: perspective(3000px) rotateY(0deg);
    -moz-transform: perspective(3000px) rotateY(0deg);
    -ms-transform: perspective(3000px) rotateY(0deg);
    -o-transform: perspective(3000px) rotateY(0deg);
    transform: perspective(3000px) rotateY(0deg);
    opacity: 1
  }
}

@-o-keyframes animate-flip-y-enter {
  0% {
    -webkit-transform: perspective(3000px) rotateY(90deg);
    -moz-transform: perspective(3000px) rotateY(90deg);
    -ms-transform: perspective(3000px) rotateY(90deg);
    -o-transform: perspective(3000px) rotateY(90deg);
    transform: perspective(3000px) rotateY(90deg);
    opacity: 0
  }
  100% {
    -webkit-transform: perspective(3000px) rotateY(0deg);
    -moz-transform: perspective(3000px) rotateY(0deg);
    -ms-transform: perspective(3000px) rotateY(0deg);
    -o-transform: perspective(3000px) rotateY(0deg);
    transform: perspective(3000px) rotateY(0deg);
    opacity: 1
  }
}

@keyframes animate-flip-y-enter {
  0% {
    -webkit-transform: perspective(3000px) rotateY(90deg);
    -moz-transform: perspective(3000px) rotateY(90deg);
    -ms-transform: perspective(3000px) rotateY(90deg);
    -o-transform: perspective(3000px) rotateY(90deg);
    transform: perspective(3000px) rotateY(90deg);
    opacity: 0
  }
  100% {
    -webkit-transform: perspective(3000px) rotateY(0deg);
    -moz-transform: perspective(3000px) rotateY(0deg);
    -ms-transform: perspective(3000px) rotateY(0deg);
    -o-transform: perspective(3000px) rotateY(0deg);
    transform: perspective(3000px) rotateY(0deg);
    opacity: 1
  }
}

@-webkit-keyframes animate-flip-y-leave {
  0% {
    -webkit-transform: perspective(3000px) rotateY(0deg);
    -moz-transform: perspective(3000px) rotateY(0deg);
    -ms-transform: perspective(3000px) rotateY(0deg);
    -o-transform: perspective(3000px) rotateY(0deg);
    transform: perspective(3000px) rotateY(0deg);
    opacity: 1
  }
  100% {
    -webkit-transform: perspective(3000px) rotateY(-90deg);
    -moz-transform: perspective(3000px) rotateY(-90deg);
    -ms-transform: perspective(3000px) rotateY(-90deg);
    -o-transform: perspective(3000px) rotateY(-90deg);
    transform: perspective(3000px) rotateY(-90deg);
    opacity: 0
  }
}

@-moz-keyframes animate-flip-y-leave {
  0% {
    -webkit-transform: perspective(3000px) rotateY(0deg);
    -moz-transform: perspective(3000px) rotateY(0deg);
    -ms-transform: perspective(3000px) rotateY(0deg);
    -o-transform: perspective(3000px) rotateY(0deg);
    transform: perspective(3000px) rotateY(0deg);
    opacity: 1
  }
  100% {
    -webkit-transform: perspective(3000px) rotateY(-90deg);
    -moz-transform: perspective(3000px) rotateY(-90deg);
    -ms-transform: perspective(3000px) rotateY(-90deg);
    -o-transform: perspective(3000px) rotateY(-90deg);
    transform: perspective(3000px) rotateY(-90deg);
    opacity: 0
  }
}

@-o-keyframes animate-flip-y-leave {
  0% {
    -webkit-transform: perspective(3000px) rotateY(0deg);
    -moz-transform: perspective(3000px) rotateY(0deg);
    -ms-transform: perspective(3000px) rotateY(0deg);
    -o-transform: perspective(3000px) rotateY(0deg);
    transform: perspective(3000px) rotateY(0deg);
    opacity: 1
  }
  100% {
    -webkit-transform: perspective(3000px) rotateY(-90deg);
    -moz-transform: perspective(3000px) rotateY(-90deg);
    -ms-transform: perspective(3000px) rotateY(-90deg);
    -o-transform: perspective(3000px) rotateY(-90deg);
    transform: perspective(3000px) rotateY(-90deg);
    opacity: 0
  }
}

@keyframes animate-flip-y-leave {
  0% {
    -webkit-transform: perspective(3000px) rotateY(0deg);
    -moz-transform: perspective(3000px) rotateY(0deg);
    -ms-transform: perspective(3000px) rotateY(0deg);
    -o-transform: perspective(3000px) rotateY(0deg);
    transform: perspective(3000px) rotateY(0deg);
    opacity: 1
  }
  100% {
    -webkit-transform: perspective(3000px) rotateY(-90deg);
    -moz-transform: perspective(3000px) rotateY(-90deg);
    -ms-transform: perspective(3000px) rotateY(-90deg);
    -o-transform: perspective(3000px) rotateY(-90deg);
    transform: perspective(3000px) rotateY(-90deg);
    opacity: 0
  }
}

.animate-flip-y.ng-enter {
  -webkit-animation: .5s animate-flip-y-enter;
  -moz-animation: .5s animate-flip-y-enter;
  -ms-animation: .5s animate-flip-y-enter;
  -o-animation: .5s animate-flip-y-enter;
  animation: .5s animate-flip-y-enter
}

.animate-flip-y.ng-leave {
  -webkit-animation: .5s animate-flip-y-leave;
  -moz-animation: .5s animate-flip-y-leave;
  -ms-animation: .5s animate-flip-y-leave;
  -o-animation: .5s animate-flip-y-leave;
  animation: .5s animate-flip-y-leave
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }
}

@-moz-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }
}

@-o-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
}

@-moz-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
}

@-o-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
}

.animate-vertical-slide.ng-hide-add {
  -webkit-animation: .35s slideOutUp ease-in-out;
  -moz-animation: .35s slideOutUp ease-in-out;
  -ms-animation: .35s slideOutUp ease-in-out;
  -o-animation: .35s slideOutUp ease-in-out;
  animation: .35s slideOutUp ease-in-out
}

.animate-vertical-slide.ng-hide-remove {
  -webkit-animation: .35s .35s slideInDown ease-in-out;
  -moz-animation: .35s .35s slideInDown ease-in-out;
  -ms-animation: .35s .35s slideInDown ease-in-out;
  -o-animation: .35s .35s slideInDown ease-in-out;
  animation: .35s .35s slideInDown ease-in-out
}

.load_circle_wrapper.loaded, .loader.loaded, .page-loading-overlay.loaded {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  visibility: hidden
}

.big {
  height: 16px;
  margin: 8px 0 0
}

.load_circle_wrapper {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 40%;
  z-index: 1002
}

.loading_spinner {
  width: 100%;
  text-align: center;
  margin-top: 60px
}

.loading {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  padding: .5em;
  vertical-align: middle;
  text-align: center;
  background-color: transparent;
  border: 5px solid transparent;
  border-top-color: #1FAE5B;
  border-bottom-color: #1FAE5B;
  border-radius: 50%
}

.inner, .outer {
  -webkit-animation: spin 1s infinite;
  -moz-animation: spin 1s infinite;
  -ms-animation: spin 1s infinite;
  -o-animation: spin 1s infinite;
  animation: spin 1s infinite
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotateZ(360deg)
  }
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotateZ(360deg)
  }
}

@-o-keyframes spin {
  100% {
    -moz-transform: rotateZ(360deg)
  }
}

@keyframes spin {
  100% {
    transform: rotateZ(360deg)
  }
}

::-webkit-scrollbar-thumb {
  background: #1FAE5B;
  border-radius: 0 !important;
  width: 4px !important;
  right: 0 !important
}

.slimScrollBar {
  background: #1FAE5B !important;
  border-radius: 0 !important;
  width: 4px !important;
  opacity: 1 !important;
  right: 0 !important
}

.page .slimScrollBar {
  background: #dedede !important
}

.page ::-webkit-scrollbar-thumb {
  background: #dedede;
  border-radius: 0 !important;
  width: 4px !important;
  right: 0 !important
}

.scrollable {
  overflow: auto
}

.img-rounded {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.square-icon {
  display: block;
  text-align: center
}

.square-icon.sm {
  width: 35px;
  height: 35px;
  font-size: 16px;
  line-height: 35px
}

.circle-icon {
  display: block;
  text-align: center
}

.circle-icon.sm {
  width: 35px;
  height: 35px;
  font-size: 16px;
  line-height: 35px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%
}

img.img20_20 {
  width: 20px;
  height: 20px
}

img.img25_25 {
  width: 25px;
  height: 25px
}

img.img30_30 {
  width: 30px;
  height: 30px
}

img.img40_40 {
  width: 40px;
  height: 40px
}

img.img64_64 {
  width: 64px;
  height: 64px
}

img.img80_80 {
  width: 80px;
  height: 80px
}

img.img100_100 {
  width: 100px;
  height: 100px
}

.small-box-icon {
  min-height: 105px;
  padding: 20px;
  text-align: center
}

.small-box-icon canvas {
  vertical-align: inherit !important
}

.small-box-icon .box-icon {
  display: block;
  float: left;
  margin: 0 15px 10px 0;
  width: 100%;
  height: 65px;
  line-height: 65px;
  vertical-align: middle;
  text-align: center;
  font-size: 35px
}

.small-box-icon .box-icon.rounded {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.small-box-icon .box-info p {
  margin: 0
}

.weather-icon-list {
  text-align: center
}

.weather-icon-list .example {
  text-align: center;
  margin: 10px 3px
}

.weather-icon-list .example .icon {
  font-size: 30px;
  line-height: 55px;
  color: #3F4245
}

.bs-glyphicons {
  padding-left: 0;
  padding-bottom: 1px;
  margin-bottom: 20px;
  list-style: none;
  overflow: hidden
}

.bs-glyphicons .glyphicon {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 24px
}

.bs-glyphicons .glyphicon-class {
  display: block;
  text-align: center
}

.bs-glyphicons li {
  float: left;
  width: 25%;
  height: 115px;
  padding: 10px;
  margin: 0 -1px -1px 0;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  border: 1px solid #ddd
}

@media (min-width: 768px) {
  .bs-glyphicons li {
    width: 12.5%
  }
}

.bg-weather {
  color: #fff
}

.bg-cloudy {
  background: url(../images/background/cloud.png)
}

.bg-weather i {
  color: #fff;
  line-height: 0
}

.icon-dashboard {
  display: inline-block;
  position: relative;
  width: 60px;
  height: 60px;
  text-align: center;
  margin: 12px auto 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%
}

.icon-dashboard i {
  font-size: 25px;
  line-height: 60px
}

svg {
  width: 100%
}

@media print {
  .no-print {
    display: none
  }
}

a {
  color: #333;
  text-decoration: none
}

a:focus, a:hover {
  color: #0d0d0d;
  text-decoration: underline
}

span.block {
  display: block
}

.no-margin {
  margin: 0
}

p.small {
  font-size: 10px
}

p.medium {
  font-size: 12px
}

.h4, h4 {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 16px
}

.mark, mark {
  background-color: #fffbef;
  padding: .2em
}

.text-primary, a.text-primary:hover {
  color: #0287ec
}

.bg-primary, a.bg-primary, a.bg-primary:hover {
  background-color: #0287ec;
  color: #fff
}

.text-theme, a.text-theme:hover {
  color: #1FAE5B
}

.bg-theme, a.bg-theme, a.bg-theme:hover {
  background-color: #1FAE5B;
  color: #fff
}

.text-success, a.text-success:hover {
  color: #1FAE5B
}

.bg-success, a.bg-success, a.bg-success:hover {
  background-color: #1FAE5B;
  color: #fff
}

.text-info, a.text-info:hover {
  color: #619bf2
}

.bg-info, a.bg-info, a.bg-info:hover {
  background-color: #619bf2;
  color: #fff
}

.text-warning, a.text-warning:hover {
  color: #F2B53F
}

.bg-warning, a.bg-warning, a.bg-warning:hover {
  background-color: #F2B53F;
  color: #fff
}

.text-danger, a.text-danger:hover {
  color: #aa3d2a
}

.bg-danger, a.bg-danger, a.bg-danger:hover {
  background-color: #aa3d2a;
  color: #fff
}

.text-violet, a.text-violet:hover {
  color: #ED36CD
}

.bg-violet, a.bg-violet, a.bg-violet:hover {
  background-color: #ED36CD;
  color: #fff
}

.text-dark, a.text-dark:hover {
  color: #333
}

.bg-dark, a.bg-dark, a.bg-dark:hover {
  background-color: #333;
  color: #fff
}

.text-white, a.text-white:hover {
  color: #fff
}

.bg-white, a.bg-white, a.bg-white:hover {
  background-color: #fff;
  color: #fff
}

.bg-bright {
  background-color: #fafafa;
  color: #767676
}

.bg-reverse {
  background-color: #fff;
  color: #767676
}

blockquote {
  border-left: 5px solid #1FAE5B
}

.blockquote-reverse, blockquote.pull-right {
  border-right: 5px solid #1FAE5B
}

kbd {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none
}

pre {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.gradient-text {
  font-size: 150px;
  font-weight: 300;
  color: #1FAE5B;
  background: -webkit-linear-gradient(92deg, #fb83fa, #00aced);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.text-small {
  font-size: 12px
}

.text-normal {
  font-size: 14px
}

.text-huge {
  font-size: 72px
}

.text-large {
  font-size: 50px
}

.size-h1 {
  font-size: 36px
}

.size-h2 {
  font-size: 30px
}

.size-h3 {
  font-size: 24px
}

.size-h4 {
  font-size: 18px
}

.text-thin {
  font-weight: 300
}

.text-ultralight {
  font-weight: 100
}

.color-primary, .color-success, .color-theme {
  color: #0287ec
}

.color-info {
  color: #619bf2
}

.color-warning {
  color: #F2B53F
}

.color-danger {
  color: #aa3d2a
}

.color-info-alt {
  color: #ED36CD
}

.color-dark {
  color: #333
}

.color-white {
  color: #fff
}

.color-light {
  color: #dedede
}

.color-reverse {
  color: #fff
}

.color-gray-darker {
  color: #222
}

.color-gray-dark {
  color: #333
}

.color-gray {
  color: #3F4245
}

.color-gray-light {
  color: #999
}

.color-gray-lighter {
  color: #eee
}

.dropcap, .dropcap-circle, .dropcap-square {
  display: block;
  float: left;
  font-weight: 400;
  line-height: 36px;
  margin-right: 6px;
  text-shadow: none
}

.dropcap {
  font-size: 3.1em
}

.dropcap-circle, .dropcap-square {
  background-color: #444;
  color: #fff;
  width: 36px;
  text-align: center
}

.dropcap-square {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  font-size: 2.3em
}

.dropcap-circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  font-size: 1.78em
}

.dropcap.colored {
  color: #1FAE5B
}

.dropcap-circle.colored, .dropcap-square.colored {
  background-color: #1FAE5B
}

.highlight {
  background-color: #1FAE5B;
  color: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 2px 5px
}

.breadcrumb a {
  color: #767676
}

.breadcrumb a:hover {
  text-decoration: none
}

.breadcrumb-alt {
  overflow: hidden;
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  width: 100%
}

.breadcrumb-alt > li {
  float: left;
  margin: 0 25px 0 0
}

.breadcrumb-alt > li > a {
  position: relative;
  float: left;
  background-color: #eee;
  color: #767676;
  font-size: 12px;
  padding: 10px
}

.breadcrumb-alt > li > a:before {
  position: absolute;
  top: 50%;
  left: -1em;
  margin-top: -1.6em;
  border-color: #eee #eee #eee transparent;
  border-style: solid;
  border-width: 1.5em 0 1.7em 1em;
  content: ""
}

.breadcrumb-alt > li > a:after {
  position: absolute;
  top: 50%;
  right: -1em;
  margin-top: -1.5em;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid #eee;
  border-top: 1.5em solid transparent;
  content: ""
}

.breadcrumb-alt > li > a.active, .breadcrumb-alt > li > a:hover {
  text-decoration: none;
  background-color: #1FAE5B;
  color: #fff
}

.breadcrumb-alt > li > a.active:before, .breadcrumb-alt > li > a:hover:before {
  border-color: #1FAE5B #1FAE5B #1FAE5B transparent
}

.breadcrumb-alt > li > a.active:after, .breadcrumb-alt > li > a:hover:after {
  border-left: 1em solid #1FAE5B
}

.callout-elem {
  margin: 20px 0;
  padding: 20px;
  border-left: 3px solid #eee
}

.callout-elem h4 {
  margin-top: 0;
  margin-bottom: 5px
}

.callout-elem p:last-child {
  margin-bottom: 0
}

.callout-elem-success {
  background-color: #f3faf3;
  border-color: #419641
}

.callout-elem-success h4 {
  color: #419641
}

.callout-elem-info {
  background-color: #f4f8fa;
  border-color: #619bf2
}

.callout-elem-info h4 {
  color: #619bf2
}

.callout-elem-warning {
  background-color: #fcf8f2;
  border-color: #F2B53F
}

.callout-elem-warning h4 {
  color: #F2B53F
}

.callout-elem-danger {
  background-color: #fdf7f7;
  border-color: #aa3d2a
}

.callout-elem-danger h4 {
  color: #aa3d2a
}

.container:after, .container:before {
  content: " ";
  display: table
}

.container:after {
  clear: both
}

.container-fluid:after, .container-fluid:before {
  content: " ";
  display: table
}

.container-fluid:after {
  clear: both
}

.page-container {
  max-width: 1170px;
  margin: auto
}

.row:after, .row:before {
  content: " ";
  display: table
}

.row:after {
  clear: both
}

.table {
  max-width: 100%
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  padding: 10px
}

.table .table {
  background-color: #f3f3f3
}

.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
  background-color: #eefff6
}

.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover {
  background-color: #d5ffe9
}

.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
  background-color: #eff6ff
}

.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover {
  background-color: #d6e8ff
}

.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
  background-color: #fffbef
}

.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover {
  background-color: #fff5d6
}

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
  background-color: #fff1ed
}

.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover {
  background-color: #ffddd4
}

.table-dynamic .table-filters {
  margin: 10px 0;
  padding: 8px
}

.table-dynamic .filter-result-info {
  padding: 7px
}

.table-dynamic .table-bordered {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd
}

.table-dynamic .table-bordered thead th {
  position: relative;
  padding: 0
}

.table-dynamic .table-bordered thead th > .th {
  position: relative;
  padding: 8px 20px 8px 8px
}

.table-dynamic .table-bordered thead th .glyphicon-chevron-down, .table-dynamic .table-bordered thead th .glyphicon-chevron-up {
  position: absolute;
  color: #999
}

.table-dynamic .table-bordered thead th .glyphicon-chevron-down:hover, .table-dynamic .table-bordered thead th .glyphicon-chevron-up:hover {
  color: #1FAE5B;
  cursor: pointer
}

.table-dynamic .table-bordered thead th .glyphicon-chevron-down.active, .table-dynamic .table-bordered thead th .glyphicon-chevron-up.active {
  color: #1FAE5B
}

.table-dynamic .table-bordered thead th .glyphicon-chevron-up {
  top: 4px;
  right: 5px
}

.table-dynamic .table-bordered thead th .glyphicon-chevron-down {
  top: 18px;
  right: 6px
}

.table-dynamic .table-footer {
  margin: 10px 0;
  padding: 8px
}

.table-dynamic .page-num-info span {
  padding: 6px
}

.table-dynamic .pagination-container ul {
  margin: 0
}

.table-dynamic .pagination-container ul li:hover {
  cursor: pointer
}

@media only screen and (max-width: 800px) {
  .table-flip-scroll .cf:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
  }

  .table-flip-scroll * html .cf {
    zoom: 1
  }

  .table-flip-scroll .table-flip-scroll table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
  }

  .table-flip-scroll td, .table-flip-scroll th {
    margin: 0;
    vertical-align: top
  }

  .table-flip-scroll table {
    display: block;
    position: relative;
    width: 100%
  }

  .table-flip-scroll thead {
    display: block;
    float: left
  }

  .table-flip-scroll tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap
  }

  .table-flip-scroll thead tr {
    display: block
  }

  .table-flip-scroll .table > thead > tr > th:first-child {
    border-top: 1px solid #ddd
  }

  .table-flip-scroll th {
    display: block;
    text-align: right
  }

  .table-flip-scroll tbody tr {
    display: inline-block;
    vertical-align: top
  }

  .table-flip-scroll td {
    display: block;
    min-height: 1.25em;
    text-align: left
  }

  .table-flip-scroll th {
    border-bottom: 0;
    border-left: 0
  }

  .table-flip-scroll td {
    border-left: 0;
    border-right: 0;
    border-bottom: 0
  }

  .table-flip-scroll tbody tr {
    border-left: 1px solid #babcbf
  }

  .table-flip-scroll td:last-child, .table-flip-scroll th:last-child {
    border-bottom: 1px solid #babcbf
  }
}

.dl-horizontal dd:after, .dl-horizontal dd:before {
  content: " ";
  display: table
}

.dl-horizontal dd:after {
  clear: both
}

table.responsive {
  border: 1px solid #ddd
}

@media only screen and (max-width: 767px) {
  table.responsive {
    margin-bottom: 0
  }

  .pinned {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 35%;
    overflow: hidden;
    overflow-x: scroll;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc
  }

  .pinned table {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: none;
    border-left: none;
    width: 100%
  }

  .pinned table td, .pinned table th {
    white-space: nowrap
  }

  .pinned td:last-child {
    border-bottom: 0
  }

  div.table-wrapper {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    border-right: 1px solid #ccc
  }

  div.table-wrapper div.scrollable {
    margin-left: 35%;
    overflow: scroll;
    overflow-y: hidden
  }

  table.responsive td, table.responsive th {
    position: relative;
    white-space: nowrap;
    overflow: hidden
  }

  table.responsive td:first-child, table.responsive th:first-child, table.responsive.pinned td {
    display: none
  }
}

label {
  max-width: 100%
}

output {
  color: #767676
}

.form-control {
  color: #767676;
  background-color: #fff;
  background-image: none;
  border: 1px solid #cbd5dd;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px
}

.form-control:focus {
  outline: 0
}

.form-horizontal .form-group-sm input[type=date].form-control, .form-horizontal .form-group-sm input[type=datetime-local].form-control, .form-horizontal .form-group-sm input[type=month].form-control, .form-horizontal .form-group-sm input[type=time].form-control, .input-group-sm > .input-group-btn > input[type=date].btn, .input-group-sm > .input-group-btn > input[type=datetime-local].btn, .input-group-sm > .input-group-btn > input[type=month].btn, .input-group-sm > .input-group-btn > input[type=time].btn, .input-group-sm > input[type=date].form-control, .input-group-sm > input[type=date].input-group-addon, .input-group-sm > input[type=datetime-local].form-control, .input-group-sm > input[type=datetime-local].input-group-addon, .input-group-sm > input[type=month].form-control, .input-group-sm > input[type=month].input-group-addon, .input-group-sm > input[type=time].form-control, .input-group-sm > input[type=time].input-group-addon, input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm {
  line-height: 30px
}

.form-horizontal .form-group-lg input[type=date].form-control, .form-horizontal .form-group-lg input[type=datetime-local].form-control, .form-horizontal .form-group-lg input[type=month].form-control, .form-horizontal .form-group-lg input[type=time].form-control, .input-group-lg > .input-group-btn > input[type=date].btn, .input-group-lg > .input-group-btn > input[type=datetime-local].btn, .input-group-lg > .input-group-btn > input[type=month].btn, .input-group-lg > .input-group-btn > input[type=time].btn, .input-group-lg > input[type=date].form-control, .input-group-lg > input[type=date].input-group-addon, .input-group-lg > input[type=datetime-local].form-control, .input-group-lg > input[type=datetime-local].input-group-addon, .input-group-lg > input[type=month].form-control, .input-group-lg > input[type=month].input-group-addon, .input-group-lg > input[type=time].form-control, .input-group-lg > input[type=time].input-group-addon, input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].input-lg {
  line-height: 46px
}

.checkbox label, .radio label {
  padding-left: 20px;
  margin-bottom: 0
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
  position: absolute;
  margin-left: -20px
}

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0
}

.form-control-static.input-lg, .form-control-static.input-sm, .form-horizontal .form-group-lg .form-control-static.form-control, .form-horizontal .form-group-sm .form-control-static.form-control, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn {
  padding-left: 0;
  padding-right: 0
}

.form-horizontal .form-group-sm .form-control, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.form-horizontal .form-group-sm select.form-control, .input-group-sm > .input-group-btn > select.btn, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, select.input-sm {
  height: 30px;
  line-height: 30px
}

.form-horizontal .form-group-sm select[multiple].form-control, .form-horizontal .form-group-sm textarea.form-control, .input-group-sm > .input-group-btn > select[multiple].btn, .input-group-sm > .input-group-btn > textarea.btn, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].input-group-addon, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, select[multiple].input-sm, textarea.input-sm {
  height: auto
}

.form-horizontal .form-group-lg .form-control, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.form-horizontal .form-group-lg select.form-control, .input-group-lg > .input-group-btn > select.btn, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, select.input-lg {
  height: 46px;
  line-height: 46px
}

.form-horizontal .form-group-lg select[multiple].form-control, .form-horizontal .form-group-lg textarea.form-control, .input-group-lg > .input-group-btn > select[multiple].btn, .input-group-lg > .input-group-btn > textarea.btn, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, select[multiple].input-lg, textarea.input-lg {
  height: auto
}

.form-horizontal .form-group-lg .form-control + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px
}

.form-horizontal .form-group-sm .form-control + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline {
  color: #4c9c77
}

.has-success .form-control {
  border-color: #4c9c77;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
  border-color: #3b7a5d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .input-group-addon {
  color: #4c9c77;
  border-color: #4c9c77;
  background-color: #eefff6
}

.has-success .form-control-feedback {
  color: #4c9c77
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline {
  color: #bfa34c
}

.has-warning .form-control {
  border-color: #bfa34c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
  border-color: #9f8639;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .input-group-addon {
  color: #bfa34c;
  border-color: #bfa34c;
  background-color: #fffbef
}

.has-warning .form-control-feedback {
  color: #bfa34c
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline {
  color: #aa3d2a
}

.has-error .form-control, .has-error .form-control:focus {
  border-color: #aa3d2a;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .input-group-addon {
  color: #aa3d2a;
  border-color: #aa3d2a;
  background-color: #fff1ed
}

.has-error .form-control-feedback {
  color: #aa3d2a
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0
}

.help-block {
  color: #b6b6b6
}

.ui-radio {
  position: relative;
  margin: 0 20px 10px;
  font-size: 14px;
  line-height: 20px;
  height: 20px
}

.ui-radio input[type=radio] + span:hover {
  cursor: pointer
}

.ui-radio input[type=radio]:disabled + span:hover {
  cursor: not-allowed
}

.ui-radio input[type=radio] {
  display: none
}

.ui-radio input[type=radio] + span {
  padding-left: 10px;
  font-weight: 400
}

.ui-radio input[type=radio] + span:before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: -20px;
  top: 0;
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #ccc
}

.ui-radio input[type=radio]:disabled + span:before {
  opacity: .65;
  border: 1px solid #ccc;
  cursor: no-drop
}

.ui-radio input[type=radio]:checked + span:after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 6px;
  left: -14px;
  background-color: #1FAE5B;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: block
}

.ui-radio input[type=radio]:disabled:checked + span:after {
  opacity: .65;
  cursor: no-drop;
  background-color: #ccc
}

.ui-checkbox {
  position: relative;
  margin: 0 20px 10px
}

.ui-checkbox input[type=checkbox] + span:hover {
  cursor: pointer
}

.ui-checkbox input[type=checkbox]:disabled + span:hover {
  cursor: not-allowed
}

.ui-checkbox input[type=checkbox] {
  display: none
}

.ui-checkbox input[type=checkbox] + span {
  font-weight: 400
}

.ui-checkbox input[type=checkbox] + span:before {
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: -20px;
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border: 1px solid #ccc
}

.ui-checkbox input[type=checkbox]:disabled + span:before {
  opacity: .65;
  border: 1px solid #ccc;
  cursor: no-drop
}

.ui-checkbox input[type=checkbox]:checked + span:before {
  background-color: #fff;
  border: 1px solid #ccc
}

.ui-checkbox input[type=checkbox]:checked + span:after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 7px;
  left: -15px;
  background-size: 14px 14px;
  display: block;
  background-color: #1FAE5B
}

.ui-checkbox input[type=checkbox]:disabled:checked + span:before {
  opacity: .65;
  background-color: #ccc;
  border: 1px solid #ccc
}

.ui-checkbox input[type=checkbox]:disabled:checked + span:after {
  opacity: .65;
  cursor: no-drop
}

.ui-editor .btn-toolbar {
  margin-bottom: 10px
}

.ui-editor .btn-toolbar .btn {
  font-size: 12px
}

.ui-editor .btn-toolbar .btn-group {
  margin: 5px
}

.ui-editor .btn-toolbar .btn-default {
  background-color: #fff;
  color: #767676
}

.ui-editor #taTextElement {
  overflow: auto;
  min-height: 300px
}

.ui-datepicker table {
  margin: 0 5px
}

.ui-datepicker table td, .ui-datepicker table th {
  padding: 1px
}

.ui-datepicker table td .active span, .ui-datepicker table th .active span {
  color: #fff
}

.ui-timepicker td {
  padding: 1px
}

.ui-rating:hover {
  cursor: pointer
}

.ui-rating .fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 5px
}

.ui-rating .fa.fa-star {
  color: #5bdddc
}

.ui-rating.ui-rating-success .fa.fa-star {
  color: #1FAE5B
}

.ui-rating.ui-rating-info .fa.fa-star {
  color: #619bf2
}

.ui-rating.ui-rating-warning .fa.fa-star {
  color: #F2B53F
}

.ui-rating.ui-rating-danger .fa.fa-star {
  color: #aa3d2a
}

.form-control {
  border-width: 1px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none
}

.form-control:focus {
  border-color: #1FAE5B;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none
}

.form-group .col-sm-10 {
  position: relative
}

.form-group .col-sm-10 .icon {
  position: absolute;
  right: 25px;
  top: 10px
}

input.input-primary, input.input-primary:focus, input.input-success, input.input-success:focus, input.input-theme, input.input-theme:focus {
  border-color: #1FAE5B
}

input.input-info, input.input-info:focus {
  border-color: #619bf2
}

input.input-warning, input.input-warning:focus {
  border-color: #F2B53F
}

input.input-danger, input.input-danger:focus {
  border-color: #aa3d2a
}

input.input-violet, input.input-violet:focus {
  border-color: #ED36CD
}

input.input-dark, input.input-dark:focus {
  border-color: #333
}

.drop-box {
  width: 100%;
  height: 100px;
  background: #F8F8F8;
  border: 2px dashed #DDD;
  text-align: center;
  padding-top: 35px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.ui-select {
  position: relative;
  display: inline-block;
  margin: 0 0 2px 1.2%;
  width: auto;
  height: auto;
  border: 1px solid #cbd5dd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.ui-select > select {
  z-index: 99;
  display: block;
  position: relative;
  padding: 10px 15px 10px 10px;
  min-width: 200px;
  width: 120%;
  border: none;
  outline: 0;
  background: 0 0;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  text-indent: .01px;
  text-overflow: '';
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none
}

.ui-select:after {
  z-index: 0;
  content: "";
  position: absolute;
  right: 8%;
  top: 50%;
  color: #cbd5dd;
  width: 0;
  margin-top: -3px;
  height: 0;
  border-top: 6px solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent
}

.ui-spinner {
  max-width: 200px
}

.ui-spinner .input-group-btn.btn-group-vertical > .btn {
  height: 17px;
  margin: 0;
  padding: 0 6px;
  text-align: center
}

.ui-spinner .input-group-btn.btn-group-vertical > .btn:first-child {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important
}

.ui-spinner .input-group-btn.btn-group-vertical > .btn:last-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.ui-spinner .input-group-btn.btn-group-vertical > .btn i {
  display: block;
  margin-top: -2px
}

.switch input {
  display: none
}

.ui-timline-container {
  padding: 15px
}

.ui-timline-left .ui-timeline:before {
  left: 0
}

@media (min-width: 768px) {
  .ui-timline-left .ui-timeline .tl-item:before {
    display: none
  }
}

@media (min-width: 768px) {
  .ui-timline-left .ui-timeline .tl-item .tl-caption {
    margin-left: -55px
  }
}

@media (min-width: 768px) {
  .ui-timline-left .ui-timeline .tl-item .tl-body .tl-time {
    left: auto;
    right: 15px;
    color: #999
  }

  .ui-timeline {
    display: table;
    position: relative;
    table-layout: fixed;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse
  }

  .ui-timeline:before {
    background-color: #d5d5d5;
    bottom: 0;
    content: "";
    position: absolute;
    left: 0;
    top: 30px;
    width: 1px;
    z-index: 0
  }
}

@media (min-width: 768px) {
  .ui-timeline:before {
    left: 50%
  }

  .ui-timeline .tl-item {
    display: table-row;
    margin-bottom: 5px
  }

  .ui-timeline .tl-item:before {
    display: none;
    content: ""
  }
}

@media (min-width: 768px) {
  .ui-timeline .tl-item:before {
    display: block;
    width: 50%
  }

  .ui-timeline .tl-item .tl-caption {
    width: 150px;
    margin-left: -55px
  }
}

@media (min-width: 768px) {
  .ui-timeline .tl-item .tl-caption {
    margin-left: -110px
  }
}

@media (min-width: 768px) {
  .ui-timeline .tl-item.alt {
    text-align: right
  }

  .ui-timeline .tl-item.alt:before {
    display: none
  }

  .ui-timeline .tl-item.alt:after {
    content: "";
    display: block;
    width: 50%
  }

  .ui-timeline .tl-item.alt .tl-body .tl-entry {
    margin: 0 35px 15px 0
  }

  .ui-timeline .tl-item.alt .tl-body .tl-time {
    right: -270px;
    left: auto;
    text-align: left
  }

  .ui-timeline .tl-item.alt .tl-body .tl-icon {
    right: -53px;
    left: auto
  }

  .ui-timeline .tl-item.alt .tl-body .tl-content:after {
    right: -16px;
    left: auto;
    border: 8px solid transparent;
    border-left: 8px solid #fff
  }

  .ui-timeline .tl-item .tl-body {
    display: table-cell;
    width: 50%;
    vertical-align: top
  }

  .ui-timeline .tl-item .tl-body .tl-entry {
    position: relative;
    margin: 0 0 15px 36px
  }

  .ui-timeline .tl-item .tl-body .tl-time {
    z-index: 1;
    position: absolute;
    left: auto;
    right: 15px;
    top: 5px;
    width: 150px;
    color: #999;
    line-height: 35px;
    text-align: right
  }
}

@media (min-width: 768px) {
  .ui-timeline .tl-item .tl-body .tl-time {
    left: -270px;
    right: auto;
    color: #767676
  }

  .ui-timeline .tl-item .tl-body .tl-icon {
    position: absolute;
    left: -53px;
    top: 5px
  }

  .ui-timeline .tl-item .tl-body .tl-content {
    position: relative;
    padding: 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background-color: #fff
  }

  .ui-timeline .tl-item .tl-body .tl-content:after {
    content: " ";
    line-height: 0;
    position: absolute;
    left: -16px;
    top: 15px;
    border: 8px solid transparent;
    border-right: 8px solid #fff
  }

  .ui-accordion .panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 1px solid #e9e9e9
  }
}

.panel-default > .panel-heading {
  background-image: none
}

.ui-accordion .panel {
  border: 1px solid #e9e9e9
}

.ui-accordion .panel-heading {
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-image: none;
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd
}

.ui-accordion .panel-heading h4 {
  padding-bottom: 0
}

.ui-accordion .panel-heading .panel-title > a {
  display: block;
  padding: 15px;
  font-size: 14px
}

.ui-accordion .panel-heading .panel-title > a:hover {
  cursor: pointer;
  text-decoration: none
}

.ui-accordion-success .panel {
  border: 1px solid #1FAE5B
}

.ui-accordion-success .panel-heading {
  background-color: #1FAE5B;
  color: #fff
}

.ui-accordion-success .panel-heading .panel-title > a:hover {
  color: #fff
}

.ui-accordion-info .panel {
  border: 1px solid #619bf2
}

.ui-accordion-info .panel-heading {
  background-color: #619bf2;
  color: #fff
}

.ui-accordion-info .panel-heading .panel-title > a:hover {
  color: #fff
}

.ui-accordion-warning .panel {
  border: 1px solid #F2B53F
}

.ui-accordion-warning .panel-heading .panel-title > a:hover {
  color: #fff
}

.ui-accordion-warning .panel-heading {
  background-color: #F2B53F;
  color: #fff
}

.ui-accordion-danger .panel {
  border: 1px solid #aa3d2a
}

.ui-accordion-danger .panel-heading {
  background-color: #aa3d2a;
  color: #fff
}

.ui-accordion-danger .panel-heading .panel-title > a:hover {
  color: #fff
}

.ui-accordion-dark .panel {
  border: 1px solid #333
}

.ui-accordion-dark .panel-heading {
  background-color: #333;
  color: #fff
}

.ui-accordion-dark .panel-heading .panel-title > a:hover {
  color: #fff
}

.ui-map {
  display: block;
  height: 400px
}

.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative
}

.slider.slider-horizontal {
  width: 100% !important;
  height: 4px
}

.slider.slider-horizontal .slider-track {
  height: 2px;
  width: 100%;
  margin-top: -1px;
  top: 50%;
  left: 0
}

.slider.slider-horizontal .slider-selection {
  height: 100%;
  top: 0;
  bottom: 0
}

.slider.slider-horizontal .slider-handle {
  margin-left: -15px;
  margin-top: -15px
}

.slider.slider-horizontal .slider-handle.triangle {
  border-width: 0 2px 2px;
  width: 0;
  height: 0;
  border-bottom-color: #0480be;
  margin-top: 0
}

.slider.slider-vertical {
  height: 210px;
  width: 4px
}

.slider.slider-vertical .slider-track {
  width: 2px;
  height: 100%;
  margin-left: -1px;
  left: 50%;
  top: 0
}

.slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0
}

.slider.slider-vertical .slider-handle {
  margin-left: -15px;
  margin-top: -15px
}

.slider.slider-vertical .slider-handle.triangle {
  border-width: 2px 0 2px 2px;
  width: 1px;
  height: 1px;
  border-left-color: #0480be;
  margin-left: 0
}

.slider.slider-disabled .slider-handle {
  pointer-events: none;
  background-color: #f5f5f5
}

.slider.slider-disabled .slider-track {
  opacity: .65;
  cursor: not-allowed
}

.slider input {
  display: none
}

.slider .tooltip-inner {
  white-space: nowrap
}

.slider-track {
  position: absolute;
  cursor: pointer;
  background-color: #eee;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  -ms-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  -o-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.slider-selection {
  position: absolute;
  background-color: #1FAE5B;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -ms-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -o-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.slider-handle {
  position: absolute;
  width: 30px;
  height: 30px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
  border: 1px solid rgba(0, 0, 0, .1)
}

.slider-handle.round {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%
}

.slider-handle.triangle {
  background: 0 0
}

.tabcontrol, .wizard {
  display: block;
  width: 100%;
  overflow: hidden
}

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

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

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

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

.wizard > .steps {
  position: relative;
  display: block;
  width: 100%
}

.wizard > .steps > ul > li {
  width: 100%
}

@media (min-width: 600px) {
  .wizard > .steps > ul > li {
    width: 25%
  }
}

.wizard.vertical > .steps {
  display: block;
  width: 100%
}

@media (min-width: 600px) {
  .wizard.vertical > .steps {
    display: inline;
    float: left;
    width: 30%
  }
}

.wizard.vertical > .steps > ul > li {
  float: none;
  width: 100%
}

.wizard.vertical > .content {
  width: 100%
}

@media (min-width: 600px) {
  .wizard.vertical > .content {
    display: inline;
    float: left;
    margin: 0 2.5% .5em;
    width: 65%
  }
}

.wizard > .steps .number {
  font-size: 1.429em
}

.wizard > .actions > ul > li, .wizard > .steps > ul > li {
  float: left
}

.wizard > .steps a, .wizard > .steps a:active, .wizard > .steps a:hover {
  display: block;
  width: auto;
  margin: 0 .5em .5em;
  padding: 1em;
  text-decoration: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.wizard > .steps .disabled a, .wizard > .steps .disabled a:active, .wizard > .steps .disabled a:hover {
  background: #eee;
  color: #aaa;
  cursor: default
}

.wizard > .steps .current a, .wizard > .steps .current a:active, .wizard > .steps .current a:hover {
  background: #1FAE5B;
  color: #fff;
  cursor: default
}

.wizard > .steps .done a, .wizard > .steps .done a:active, .wizard > .steps .done a:hover {
  background: #1FAE5B;
  color: #fff;
  opacity: .6
}

.wizard > .steps .error a, .wizard > .steps .error a:active, .wizard > .steps .error a:hover {
  background: #aa3d2a;
  color: #fff
}

.wizard > .content {
  background-color: #eee;
  display: block;
  margin: .5em;
  min-height: 25em;
  overflow: hidden;
  position: relative;
  width: auto;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.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;
  width: 100%;
  height: 100%
}

.wizard > .content > .body input {
  display: block;
  border: 1px solid #ccc
}

.wizard > .content > .body input[type=checkbox] {
  display: inline-block
}

.wizard > .content > .body input.error {
  background: #fbe3e4;
  border: 1px solid #fbc2c4;
  color: #8a1f11
}

.wizard > .content > .body label {
  display: inline-block;
  margin-bottom: .5em
}

.wizard > .content > .body label.error {
  color: #8a1f11;
  display: inline-block;
  margin-left: 1.5em
}

.wizard > .actions {
  position: relative;
  display: block;
  text-align: right;
  width: 100%
}

.wizard.vertical > .actions {
  display: inline;
  float: right;
  margin: 0 2.5%;
  width: 95%
}

.wizard > .actions > ul {
  display: inline-block;
  text-align: right
}

.wizard > .actions > ul > li {
  margin: 0 .5em
}

.wizard.vertical > .actions > ul > li {
  margin: 0 0 0 1em
}

.wizard > .actions a, .wizard > .actions a:active, .wizard > .actions a:hover {
  background: #1FAE5B;
  color: #fff;
  display: block;
  padding: .5em 1em;
  text-decoration: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.wizard > .actions .disabled a, .wizard > .actions .disabled a:active, .wizard > .actions .disabled a:hover {
  background: #eee;
  color: #aaa
}

.tabcontrol > .steps {
  position: relative;
  display: block;
  width: 100%
}

.tabcontrol > .steps > ul {
  position: relative;
  margin: 6px 0 0;
  top: 1px;
  z-index: 1
}

.tabcontrol > .steps > ul > li {
  float: left;
  margin: 5px 2px 0 0;
  padding: 1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.tabcontrol > .steps > ul > li:hover {
  background: #edecec;
  border: 1px solid #bbb;
  padding: 0
}

.tabcontrol > .steps > ul > li.current {
  background: #fff;
  border: 1px solid #bbb;
  border-bottom: 0 none;
  padding: 0 0 1px;
  margin-top: 0
}

.tabcontrol > .steps > ul > li > a {
  color: #5f5f5f;
  display: inline-block;
  border: 0;
  margin: 0;
  padding: 10px 30px;
  text-decoration: none
}

.tabcontrol > .steps > ul > li > a:hover {
  text-decoration: none
}

.tabcontrol > .steps > ul > li.current > a {
  padding: 15px 30px 10px
}

.tabcontrol > .content {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 35em;
  overflow: hidden;
  border-top: 1px solid #bbb;
  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
}

.angular-ui-tree {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 20px;
  list-style: none
}

.angular-ui-tree-placeholder {
  border: 1px dashed #e9e9e9;
  background-color: #eff6ff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.angular-ui-tree-handle {
  position: relative;
  display: block;
  margin: 5px 0;
  padding: 10px;
  text-decoration: none;
  border: 1px solid #e9e9e9;
  background: #fff;
  cursor: move;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.angular-ui-tree-handle:hover .angular-ui-tree-icon-action {
  display: inline
}

.angular-ui-tree-icon:hover {
  cursor: pointer
}

.angular-ui-tree-icon-collapse {
  display: block;
  position: relative;
  cursor: pointer;
  float: left;
  width: 25px;
  height: 40px;
  margin: -10px 0 0 -10px;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  background: 0 0;
  font-size: 12px;
  line-height: 40px;
  text-align: center;
  font-weight: 700
}

.angular-ui-tree-icon-collapse:before {
  content: '+';
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  text-indent: 0
}

.ui-tags-input .host {
  position: relative;
  margin: 5px 0
}

.ui-tags-input .host:active {
  outline: 0
}

.ui-tags-input .tags {
  overflow: hidden;
  word-wrap: break-word;
  cursor: text;
  display: block;
  width: 100%;
  min-height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #767676;
  background-color: #fff;
  background-image: none;
  border: 1px solid #cbd5dd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.ui-tags-input .tags.focused {
  outline: 0
}

.ui-tags-input .tags .tag-list {
  margin: 0;
  padding: 0;
  list-style-type: none
}

.ui-tags-input .tags .tag-item {
  display: inline-block;
  float: left;
  margin: 2px;
  padding: 6px 8px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: #1FAE5B;
  color: #fff
}

.ui-tags-input .tags .tag-item .remove-button {
  margin: 0 0 0 5px;
  padding: 0;
  border: none;
  background: 0 0;
  cursor: pointer;
  vertical-align: middle;
  color: #eee;
  text-decoration: none
}

.ui-tags-input .tags .tag-item .remove-button:active {
  color: #aa3d2a
}

.ui-tags-input .tags .input {
  border: 0;
  outline: 0;
  margin: 2px;
  padding: 0 0 0 5px;
  float: left;
  line-height: 30px;
  height: 30px
}

.ui-tags-input .tags .input.invalid-tag {
  color: #aa3d2a
}

.ui-tags-input .tags .input {
  display: none
}

.ui-tags-input .autocomplete {
  margin-top: 5px;
  position: absolute;
  padding: 5px 0;
  z-index: 999;
  width: 100%;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .2)
}

.ui-tags-input .autocomplete .suggestion-list {
  margin: 0;
  padding: 0;
  list-style-type: none
}

.ui-tags-input .autocomplete .suggestion-item {
  overflow: hidden;
  padding: 5px 10px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #333;
  background-color: #fff
}

.ui-tags-input .autocomplete .suggestion-item.selected, .ui-tags-input .autocomplete .suggestion-item.selected em {
  color: #fff;
  background-color: #0097cf
}

.ui-tags-input .autocomplete .suggestion-item em {
  color: #333;
  background-color: #fff
}

.form-validation .ng-valid.ng-dirty {
  border-color: #1FAE5B
}

.form-validation .ng-invalid.ng-dirty {
  border-color: #aa3d2a
}

.choices {
  display: table
}

.choices .choice-item {
  display: table-cell;
  padding-right: 20px
}

.tooltip-inner {
  max-width: 200px;
  padding: 8px 28px;
  color: #fff;
  background-color: #3F4245;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #3F4245
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #3F4245
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #3F4245
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #3F4245
}

.popover-title {
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: -1 -1 0 0;
  -moz-border-radius: -1 -1 0 0;
  -ms-border-radius: -1 -1 0 0;
  -o-border-radius: -1 -1 0 0;
  border-radius: -1 -1 0 0
}

.ribbon-wrapper {
  position: relative
}

.ribbon-wrapper .ribbon-wrapper {
  position: absolute;
  overflow: hidden;
  width: 85px;
  height: 88px;
  top: -3px;
  right: -3px
}

.ribbon-wrapper .ribbon {
  position: relative;
  display: block;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  line-height: 20px;
  background-color: #3F4245;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
  -ms-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
  -o-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
  box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.ribbon-wrapper .ribbon:after, .ribbon-wrapper .ribbon:before {
  position: absolute;
  content: " ";
  line-height: 0;
  border-top: 2px solid #3F4245;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  bottom: -2px
}

.ribbon-wrapper .ribbon:before {
  left: 0;
  bottom: -1px
}

.ribbon-wrapper .ribbon:after {
  right: 0
}

.ribbon-wrapper.ribbon-primary .ribbon {
  background-color: #1FAE5B
}

.ribbon-wrapper.ribbon-primary .ribbon:after, .ribbon-wrapper.ribbon-primary .ribbon:before {
  border-top: 2px solid #1FAE5B
}

.ribbon-wrapper.ribbon-success .ribbon {
  background-color: #1FAE5B
}

.ribbon-wrapper.ribbon-success .ribbon:after, .ribbon-wrapper.ribbon-success .ribbon:before {
  border-top: 2px solid #1FAE5B
}

.ribbon-wrapper.ribbon-info .ribbon {
  background-color: #619bf2
}

.ribbon-wrapper.ribbon-info .ribbon:after, .ribbon-wrapper.ribbon-info .ribbon:before {
  border-top: 2px solid #619bf2
}

.ribbon-wrapper.ribbon-warning .ribbon {
  background-color: #F2B53F
}

.ribbon-wrapper.ribbon-warning .ribbon:after, .ribbon-wrapper.ribbon-warning .ribbon:before {
  border-top: 2px solid #F2B53F
}

.ribbon-wrapper.ribbon-danger .ribbon {
  background-color: #aa3d2a
}

.ribbon-wrapper.ribbon-danger .ribbon:after, .ribbon-wrapper.ribbon-danger .ribbon:before {
  border-top: 2px solid #aa3d2a
}

.page-grid .grid-structure .row {
  margin-top: 10px
}

.page-grid .grid-structure .row .widget-container {
  margin-top: 5px;
  background: #eee;
  padding: 10px 15px 12px;
  min-height: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.page-form-ele .list-checkbox-radio li:nth-child(even) {
  margin-bottom: 20px
}

.page-form-ele .list-checkbox-radio li > div {
  float: left;
  margin-right: 10px
}

.demoslider-container {
  max-width: 600px;
  margin: auto
}

.dropdown-menu {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  font-size: 13px;
  border: 2px solid #E8E8E8
}

.dropdown-menu > li > a {
  color: #757575
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  text-decoration: none;
  color: #757575;
  background-color: #E8E8E8;
  background-image: none
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
  text-decoration: none;
  outline: 0;
  color: #757575;
  background-color: #E8E8E8;
  background-image: none
}

.dropdown-header, .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
  color: #999
}

.dropdown-menu {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none
}

.dropdown-menu.dropdown-dark {
  background-color: #333
}

.dropdown-menu.dropdown-dark.with-arrow:after {
  border-bottom: 7px solid #333
}

.dropdown-menu.dropdown-dark > li > a {
  color: #999
}

.dropdown-menu.with-arrow {
  margin-top: 5px
}

.dropdown-menu.with-arrow:before {
  content: " ";
  position: absolute;
  left: 12px;
  top: -16px;
  border: 8px solid transparent;
  border-bottom: 8px solid rgba(0, 0, 0, .15)
}

.dropdown-menu.with-arrow:after {
  content: " ";
  position: absolute;
  left: 13px;
  top: -14px;
  border: 7px solid transparent;
  border-bottom: 7px solid #fff
}

.dropdown-menu.with-arrow.pull-right {
  margin-top: 0
}

.dropdown-menu.with-arrow.pull-right:before {
  left: auto;
  right: 18px
}

.dropdown-menu.with-arrow.pull-right:after {
  left: auto;
  right: 19px
}

.dropdown-menu.with-arrow.panel-default:before {
  border-bottom: 8px solid #fff
}

.dropdown-menu.with-arrow.panel-default:after {
  border-bottom: 7px solid #fff
}

.dropdown-menu.with-arrow.panel-dark:before {
  border-bottom: 8px solid #fff
}

.dropdown-menu.with-arrow.panel-dark:after {
  border-bottom: 7px solid #fff
}

.dropdown-menu.with-arrow.panel-primary:before {
  border-bottom: 8px solid #1FAE5B
}

.dropdown-menu.with-arrow.panel-primary:after {
  border-bottom: 7px solid #1FAE5B
}

.dropdown-menu.with-arrow.panel-success:before {
  border-bottom: 8px solid #d5ffe1
}

.dropdown-menu.with-arrow.panel-success:after {
  border-bottom: 7px solid #eefff6
}

.dropdown-menu.with-arrow.panel-info:before {
  border-bottom: 8px solid #cbebff
}

.dropdown-menu.with-arrow.panel-info:after {
  border-bottom: 7px solid #eff6ff
}

.dropdown-menu.with-arrow.panel-warning:before {
  border-bottom: 8px solid #ffeed6
}

.dropdown-menu.with-arrow.panel-warning:after {
  border-bottom: 7px solid #fffbef
}

.dropdown-menu.with-arrow.panel-danger:before {
  border-bottom: 8px solid #ffd6d4
}

.dropdown-menu.with-arrow.panel-danger:after {
  border-bottom: 7px solid #fff1ed
}

.btn-toolbar:after, .btn-toolbar:before {
  content: " ";
  display: table
}

.btn-toolbar:after {
  clear: both
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before {
  content: " ";
  display: table
}

.btn-group-vertical > .btn-group:after {
  clear: both
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.input-group .form-control, .input-group-addon, .input-group-btn {
  display: table-cell
}

.input-group-addon {
  color: #767676;
  background-color: #eee;
  border: 1px solid #cbd5dd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.form-horizontal .form-group-lg .input-group-addon.form-control, .form-horizontal .form-group-sm .input-group-addon.form-control, .input-group-addon.input-lg, .input-group-addon.input-sm, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.input-group-addon:first-child, .input-group-btn:first-child > .btn {
  border-bottom-left-radius: 15px;
  border-top-left-radius: 15px
}

.input-group-addon:last-child, .input-group-btn:last-child > .btn {
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px
}

.input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
  margin-top: 0
}


.label-default {
  background-color: #999
}

.label-default[href]:focus, .label-default[href]:hover {
  background-color: gray
}

.label-primary, .label-primary[href]:focus, .label-primary[href]:hover, .label-success, .label-success[href]:focus, .label-success[href]:hover {
  background-color: #1FAE5B
}

.label-info, .label-info[href]:focus, .label-info[href]:hover {
  background-color: #619bf2
}

.label-warning, .label-warning[href]:focus, .label-warning[href]:hover {
  background-color: #F2B53F
}

.label-danger {
  background-color: #aa3d2a
}

.label-danger[href]:focus, .label-danger[href]:hover {
  background-color: #e24f25
}

.label {
  padding: .5em .8em
}

.label-info-alt {
  background: #ED36CD
}

.nav-pills > .active > a > .badge, a.list-group-item.active > .badge {
  color: #333;
  background-color: #fff
}

.container .jumbotron {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.thumbnail {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: #f3f3f3;
  border: 1px solid #ddd
}

.thumbnail a > img, .thumbnail > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto
}

.thumbnail .caption {
  padding: 9px;
  color: #767676
}

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
  border-color: #333
}

.alert {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.alert-success {
  background-color: #eefff6;
  border-color: #d5ffe1;
  color: #4c9c77
}

.alert-success hr {
  border-top-color: #bbffd0
}

.alert-success .alert-link {
  color: #3b7a5d
}

.alert-info {
  background-color: #eff6ff;
  border-color: #cbebff;
  color: #619bf2
}

.alert-info hr {
  border-top-color: #b2e0ff
}

.alert-info .alert-link {
  color: #427085
}

.alert-warning {
  background-color: #fffbef;
  border-color: #ffeed6;
  color: #bfa34c
}

.alert-warning hr {
  border-top-color: #ffe3bc
}

.alert-warning .alert-link {
  color: #9f8639
}

.alert-danger {
  background-color: #fff1ed;
  border-color: #ffd6d4;
  color: #aa3d2a
}

.alert-danger hr {
  border-top-color: #ffbeba
}

.alert-danger .alert-link {
  color: #aa3d2a
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: none;
  white-space: nowrap;
  padding: 6px 25px;
  text-shadow: none;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  opacity: 1;
  filter: alpha(opacity=100)
}

.btn.active:focus, .btn:active:focus, .btn:focus {
  outline: 0
}

.btn:focus, .btn:hover {
  color: #767676;
  text-decoration: none
}

.btn.active, .btn:active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  -ms-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  -o-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none
}

.btn-default {
  background-color: #dedede
}

.btn-default:active, .btn-default:focus {
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 1px 1px #dedede;
  -moz-box-shadow: 0 0 1px 1px #dedede;
  -ms-box-shadow: 0 0 1px 1px #dedede;
  -o-box-shadow: 0 0 1px 1px #dedede;
  box-shadow: 0 0 1px 1px #dedede
}

.btn-default.active, .btn-default:active, .open > .btn-default.dropdown-toggle {
  background-image: none
}

.btn-primary {
  color: #fff;
  background-color: #1FAE5B
}

.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #1FAE5B;
  border-color: #1FAE5B
}

.btn-primary:active, .btn-primary:focus {
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 1px 1px #1FAE5B;
  -moz-box-shadow: 0 0 1px 1px #1FAE5B;
  -ms-box-shadow: 0 0 1px 1px #1FAE5B;
  -o-box-shadow: 0 0 1px 1px #1FAE5B;
  box-shadow: 0 0 1px 1px #1FAE5B
}

.btn-primary.active, .btn-primary:active, .open > .btn-primary.dropdown-toggle {
  background-image: none
}

.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
  background-color: #1FAE5B;
  border-color: #1FAE5B
}

.btn-primary .badge {
  color: #1FAE5B;
  background-color: #fff
}

.btn-secondary {
  color: #fff;
  background-color: #2a2a2a
}

.btn-secondary.active, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover, .open > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #2a2a2a;
  border-color: #2a2a2a
}

.btn-secondary:active, .btn-secondary:focus {
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 1px 1px #2a2a2a;
  -moz-box-shadow: 0 0 1px 1px #2a2a2a;
  -ms-box-shadow: 0 0 1px 1px #2a2a2a;
  -o-box-shadow: 0 0 1px 1px #2a2a2a;
  box-shadow: 0 0 1px 1px #2a2a2a
}

.btn-secondary.active, .btn-secondary:active, .open > .btn-secondary.dropdown-toggle {
  background-image: none
}

.btn-secondary.disabled, .btn-secondary.disabled.active, .btn-secondary.disabled:active, .btn-secondary.disabled:focus, .btn-secondary.disabled:hover, .btn-secondary[disabled], .btn-secondary[disabled].active, .btn-secondary[disabled]:active, .btn-secondary[disabled]:focus, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary, fieldset[disabled] .btn-secondary.active, fieldset[disabled] .btn-secondary:active, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary:hover {
  background-color: #2a2a2a;
  border-color: #2a2a2a
}

.btn-secondary .badge {
  color: #2a2a2a;
  background-color: #fff
}

.btn-success {
  color: #fff;
  background-color: #1FAE5B
}

.btn-success.active, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1FAE5B;
  border-color: #1FAE5B
}

.btn-success:active, .btn-success:focus {
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 1px 1px #1FAE5B;
  -moz-box-shadow: 0 0 1px 1px #1FAE5B;
  -ms-box-shadow: 0 0 1px 1px #1FAE5B;
  -o-box-shadow: 0 0 1px 1px #1FAE5B;
  box-shadow: 0 0 1px 1px #1FAE5B
}

.btn-success.active, .btn-success:active, .open > .btn-success.dropdown-toggle {
  background-image: none
}

.btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
  background-color: #1FAE5B;
  border-color: #1FAE5B
}

.btn-success .badge {
  color: #1FAE5B;
  background-color: #fff
}

.btn-info {
  color: #fff;
  background-color: #619bf2
}

.btn-info.active, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #619bf2;
  border-color: #619bf2
}

.btn-info:active, .btn-info:focus {
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 1px 1px #619bf2;
  -moz-box-shadow: 0 0 1px 1px #619bf2;
  -ms-box-shadow: 0 0 1px 1px #619bf2;
  -o-box-shadow: 0 0 1px 1px #619bf2;
  box-shadow: 0 0 1px 1px #619bf2
}

.btn-info.active, .btn-info:active, .open > .btn-info.dropdown-toggle {
  background-image: none
}

.btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
  background-color: #619bf2;
  border-color: #619bf2
}

.btn-info .badge {
  color: #619bf2;
  background-color: #fff
}

.btn-warning {
  color: #fff;
  background-color: #F2B53F
}

.btn-warning.active, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #F2B53F;
  border-color: #F2B53F
}

.btn-warning:active, .btn-warning:focus {
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 1px 1px #F2B53F;
  -moz-box-shadow: 0 0 1px 1px #F2B53F;
  -ms-box-shadow: 0 0 1px 1px #F2B53F;
  -o-box-shadow: 0 0 1px 1px #F2B53F;
  box-shadow: 0 0 1px 1px #F2B53F
}

.btn-warning.active, .btn-warning:active, .open > .btn-warning.dropdown-toggle {
  background-image: none
}

.btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
  background-color: #F2B53F;
  border-color: #F2B53F
}

.btn-warning .badge {
  color: #F2B53F;
  background-color: #fff
}

.btn-danger {
  color: #fff;
  background-color: #aa3d2a
}

.btn-danger.active, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #aa3d2a;
  border-color: #aa3d2a
}

.btn-danger:active, .btn-danger:focus {
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 1px 1px #aa3d2a;
  -moz-box-shadow: 0 0 1px 1px #aa3d2a;
  -ms-box-shadow: 0 0 1px 1px #aa3d2a;
  -o-box-shadow: 0 0 1px 1px #aa3d2a;
  box-shadow: 0 0 1px 1px #aa3d2a
}

.btn-danger.active, .btn-danger:active, .open > .btn-danger.dropdown-toggle {
  background-image: none
}

.btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
  background-color: #aa3d2a;
  border-color: #aa3d2a
}

.btn-danger .badge {
  color: #aa3d2a;
  background-color: #fff
}

.btn-white {
  color: #fff;
  background-color: #fff
}

.btn-white.active, .btn-white:active, .btn-white:focus, .btn-white:hover, .open > .btn-white.dropdown-toggle {
  color: #fff;
  background-color: #fff;
  border-color: #fff
}

.btn-white:active, .btn-white:focus {
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 1px 1px #fff;
  -moz-box-shadow: 0 0 1px 1px #fff;
  -ms-box-shadow: 0 0 1px 1px #fff;
  -o-box-shadow: 0 0 1px 1px #fff;
  box-shadow: 0 0 1px 1px #fff
}

.btn-white.active, .btn-white:active, .open > .btn-white.dropdown-toggle {
  background-image: none
}

.btn-white.disabled, .btn-white.disabled.active, .btn-white.disabled:active, .btn-white.disabled:focus, .btn-white.disabled:hover, .btn-white[disabled], .btn-white[disabled].active, .btn-white[disabled]:active, .btn-white[disabled]:focus, .btn-white[disabled]:hover, fieldset[disabled] .btn-white, fieldset[disabled] .btn-white.active, fieldset[disabled] .btn-white:active, fieldset[disabled] .btn-white:focus, fieldset[disabled] .btn-white:hover {
  background-color: #fff;
  border-color: #fff
}

.btn-white .badge {
  color: #fff;
  background-color: #fff
}

.btn-default {
  color: #757575
}

.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .btn-default.dropdown-toggle {
  color: #757575;
  background-color: #e1e1e1;
  border-color: #cfcfcf
}

.btn-primary:focus, .btn-primary:hover {
  background-image: none
}

.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
  background-color: #fafafa;
  border-color: #ededed
}

.btn-default .badge {
  color: #fafafa;
  background-color: #767676
}

.btn-link {
  color: #333;
  font-weight: 400;
  cursor: pointer;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.btn-link:focus, .btn-link:hover {
  color: #0d0d0d
}

.btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
  color: #999
}

.btn-info-alt {
  color: #fff;
  background-color: #ED36CD;
  border-color: #715dc3
}

.btn-info-alt.active, .btn-info-alt:active, .btn-info-alt:focus, .btn-info-alt:hover, .open > .btn-info-alt.dropdown-toggle {
  color: #fff;
  background-color: #604bbc;
  border-color: #513da6
}

.btn-info-alt.active, .btn-info-alt:active, .open > .btn-info-alt.dropdown-toggle {
  background-image: none
}

.btn-info-alt.disabled, .btn-info-alt.disabled.active, .btn-info-alt.disabled:active, .btn-info-alt.disabled:focus, .btn-info-alt.disabled:hover, .btn-info-alt[disabled], .btn-info-alt[disabled].active, .btn-info-alt[disabled]:active, .btn-info-alt[disabled]:focus, .btn-info-alt[disabled]:hover, fieldset[disabled] .btn-info-alt, fieldset[disabled] .btn-info-alt.active, fieldset[disabled] .btn-info-alt:active, fieldset[disabled] .btn-info-alt:focus, fieldset[disabled] .btn-info-alt:hover {
  background-color: #ED36CD;
  border-color: #715dc3
}

.btn-info-alt .badge {
  color: #ED36CD;
  background-color: #fff
}

.btn-dark {
  color: #fff;
  background-color: #333;
  border-color: #191b24
}

.btn-dark.active, .btn-dark:active, .btn-dark:focus, .btn-dark:hover, .open > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #0f1015;
  border-color: #0f1015
}

.btn-dark:active, .btn-dark:focus {
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 1px 1px #0f1015;
  -moz-box-shadow: 0 0 1px 1px #0f1015;
  -ms-box-shadow: 0 0 1px 1px #0f1015;
  -o-box-shadow: 0 0 1px 1px #0f1015;
  box-shadow: 0 0 1px 1px #0f1015;
  outline: #0f1015 auto;
  outline-offset: -2px
}

.btn-dark.active, .btn-dark:active, .open > .btn-dark.dropdown-toggle {
  background-image: none
}

.btn-dark.disabled, .btn-dark.disabled.active, .btn-dark.disabled:active, .btn-dark.disabled:focus, .btn-dark.disabled:hover, .btn-dark[disabled], .btn-dark[disabled].active, .btn-dark[disabled]:active, .btn-dark[disabled]:focus, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark, fieldset[disabled] .btn-dark.active, fieldset[disabled] .btn-dark:active, fieldset[disabled] .btn-dark:focus, fieldset[disabled] .btn-dark:hover {
  background-color: #333;
  border-color: #191b24
}

.btn-dark .badge {
  color: #333;
  background-color: #fff
}

.btn-bordered-primary {
  color: #757575;
  background-color: transparent;
  border-color: #1FAE5B
}

.btn-bordered-primary.active, .btn-bordered-primary:active, .btn-bordered-primary:focus, .btn-bordered-primary:hover, .open .btn-bordered-primary.dropdown-toggle {
  color: #fff;
  background-color: #1FAE5B
}

.btn-bordered-secondary {
  color: #757575;
  background-color: transparent;
  border-color: #2a2a2a
}

.btn-bordered-secondary.active, .btn-bordered-secondary:active, .btn-bordered-secondary:focus, .btn-bordered-secondary:hover, .open .btn-bordered-secondary.dropdown-toggle {
  color: #fff;
  background-color: #2a2a2a
}

.btn-bordered-success {
  color: #757575;
  background-color: transparent;
  border-color: #1FAE5B
}

.btn-bordered-success.active, .btn-bordered-success:active, .btn-bordered-success:focus, .btn-bordered-success:hover, .open .btn-bordered-success.dropdown-toggle {
  color: #fff;
  background-color: #1FAE5B
}

.btn-bordered-info {
  color: #757575;
  background-color: transparent;
  border-color: #619bf2
}

.btn-bordered-info.active, .btn-bordered-info:active, .btn-bordered-info:focus, .btn-bordered-info:hover, .open .btn-bordered-info.dropdown-toggle {
  color: #fff;
  background-color: #619bf2
}

.btn-bordered-warning {
  color: #757575;
  background-color: transparent;
  border-color: #F2B53F
}

.btn-bordered-warning.active, .btn-bordered-warning:active, .btn-bordered-warning:focus, .btn-bordered-warning:hover, .open .btn-bordered-warning.dropdown-toggle {
  color: #fff;
  background-color: #F2B53F
}

.btn-bordered-danger {
  color: #757575;
  background-color: transparent;
  border-color: #aa3d2a
}

.btn-bordered-danger.active, .btn-bordered-danger:active, .btn-bordered-danger:focus, .btn-bordered-danger:hover, .open .btn-bordered-danger.dropdown-toggle {
  color: #fff;
  background-color: #aa3d2a
}

.btn-bordered-dark {
  color: #757575;
  background-color: transparent;
  border-color: #333
}

.btn-bordered-dark.active, .btn-bordered-dark:active, .btn-bordered-dark:focus, .btn-bordered-dark:hover, .open .btn-bordered-dark.dropdown-toggle {
  color: #fff;
  background-color: #333
}

.btn-bordered-white {
  border-color: #fff
}

.btn-bordered-white.active, .btn-bordered-white:active, .btn-bordered-white:focus, .btn-bordered-white:hover, .open .btn-bordered-white.dropdown-toggle {
  color: #fff;
  background-color: #fff
}

.btn-bordered {
  border-width: 1px;
  border-style: solid
}

.btn-bordered-default {
  color: #767676;
  background-color: transparent;
  border-color: #ededed
}

.btn-bordered-default.active, .btn-bordered-default:active, .btn-bordered-default:focus, .btn-bordered-default:hover {
  color: #767676;
  background-color: #fafafa
}

.btn-bordered-white, .btn-bordered-white.active, .btn-bordered-white:active, .btn-bordered-white:focus, .btn-bordered-white:hover {
  color: #fff;
  background-color: transparent
}

.open .btn-bordered-default.dropdown-toggle {
  color: #767676;
  background-color: #fafafa
}

.btn-direction {
  position: relative;
  border: 0;
  line-height: 20px
}

.btn-left:before {
  content: " ";
  line-height: 0;
  position: absolute;
  top: 0;
  left: -26px;
  border: 16px solid transparent;
  border-right: 10px solid #fafafa
}

.btn-left:hover:before {
  border-right: 10px solid #e6e6e6
}

.btn-left.btn-primary:before, .btn-left.btn-primary:hover:before, .btn-left.btn-success:before, .btn-left.btn-success:hover:before {
  border-right: 10px solid #1FAE5B
}

.btn-left.btn-info:before, .btn-left.btn-info:hover:before {
  border-right: 10px solid #619bf2
}

.btn-left.btn-warning:before {
  border-right: 10px solid #F2B53F
}

.btn-left.btn-warning:hover:before {
  border-right: 10px solid #eabd35
}

.btn-left.btn-danger:before {
  border-right: 10px solid #aa3d2a
}

.btn-left.btn-danger:hover:before {
  border-right: 10px solid #e3562e
}

.btn-right:before {
  content: " ";
  line-height: 0;
  position: absolute;
  top: 0;
  right: -26px;
  border: 16px solid transparent;
  border-left: 10px solid #fafafa
}

.btn-right:hover:before {
  border-left: 10px solid #e6e6e6
}

.btn-right.btn-primary:before {
  border-left: 10px solid #1FAE5B
}

.btn-right.btn-primary:hover:before {
  border-left: 10px solid #2587DA
}

.btn-right.btn-success:before, .btn-right.btn-success:hover:before {
  border-left: 10px solid #1FAE5B
}

.btn-right.btn-info:before, .btn-right.btn-info:hover:before {
  border-left: 10px solid #619bf2
}

.btn-right.btn-warning:before {
  border-left: 10px solid #F2B53F
}

.btn-right.btn-warning:hover:before {
  border-left: 10px solid #eabd35
}

.btn-right.btn-danger:before {
  border-left: 10px solid #aa3d2a
}

.btn-right.btn-danger:hover:before {
  border-left: 10px solid #e3562e
}

.btn-up:before {
  content: " ";
  line-height: 0;
  position: absolute;
  top: -16px;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-bottom: 8px solid #fafafa
}

.btn-up:hover:before {
  border-bottom: 8px solid #e6e6e6
}

.btn-up.btn-primary:before, .btn-up.btn-primary:hover:before, .btn-up.btn-success:before, .btn-up.btn-success:hover:before {
  border-bottom: 8px solid #1FAE5B
}

.btn-up.btn-info:before, .btn-up.btn-info:hover:before {
  border-bottom: 8px solid #619bf2
}

.btn-up.btn-warning:before {
  border-bottom: 8px solid #F2B53F
}

.btn-up.btn-warning:hover:before {
  border-bottom: 8px solid #eabd35
}

.btn-up.btn-danger:before {
  border-bottom: 8px solid #aa3d2a
}

.btn-up.btn-danger:hover:before {
  border-bottom: 8px solid #e3562e
}

.btn-down:before {
  content: " ";
  line-height: 0;
  position: absolute;
  bottom: -16px;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-top: 8px solid #fafafa
}

.btn-down:hover:before {
  border-top: 8px solid #e6e6e6
}

.btn-down.btn-primary:before {
  border-top: 8px solid #1FAE5B
}

.btn-down.btn-primary:hover:before {
  border-top: 8px solid #2587DA
}

.btn-down.btn-success:before, .btn-down.btn-success:hover:before {
  border-top: 8px solid #1FAE5B
}

.btn-down.btn-info:before, .btn-down.btn-info:hover:before {
  border-top: 8px solid #619bf2
}

.btn-down.btn-warning:before {
  border-top: 8px solid #F2B53F
}

.btn-down.btn-warning:hover:before {
  border-top: 8px solid #eabd35
}

.btn-down.btn-danger:before {
  border-top: 8px solid #aa3d2a
}

.btn-down.btn-danger:hover:before {
  border-top: 8px solid #e3562e
}

.btn-width-xs {
  min-width: 80px
}

.btn-width-small {
  min-width: 100px
}

.btn-width-medium {
  min-width: 120px
}

.btn-width-long {
  min-width: 150px
}

.btn-round {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px
}

.btn-sp {
  margin: 5px
}

.btn-sp-h {
  margin: 0 5px
}

.btn-sp-v {
  margin: 0 0 5px
}

.btn-icon {
  display: inline-block;
  text-align: center;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.btn-icon:hover {
  color: #fff
}

.btn-icon-round {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%
}

.btn-icon-sm {
  height: 30px;
  width: 30px;
  line-height: 30px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%
}

.btn-icon-md {
  height: 45px;
  width: 45px;
  line-height: 45px
}

.btn-twitter, .btn-twitter:focus, .btn-twitter:hover {
  color: #fff;
  background: #00c7f7;
  border-color: #00c7f7
}

.bg-twitter {
  background-color: #00c7f7;
  color: #fff
}

.bg-twitter:hover {
  color: #fff
}

.btn-facebook, .btn-facebook:focus, .btn-facebook:hover {
  color: #fff;
  background: #335397;
  border-color: #335397
}

.bg-facebook {
  background-color: #335397;
  color: #fff
}

.bg-facebook:hover {
  color: #fff
}

.btn-google-plus, .btn-google-plus:focus, .btn-google-plus:hover {
  color: #fff;
  background: #dd4a38;
  border-color: #dd4a38
}

.bg-google-plus {
  background-color: #dd4a38;
  color: #fff
}

.bg-google-plus:hover {
  color: #fff
}

.btn-gplus, .btn-gplus:focus, .btn-gplus:hover {
  color: #fff;
  background: #dd4a38;
  border-color: #dd4a38
}

.bg-gplus {
  background-color: #dd4a38;
  color: #fff
}

.bg-gplus:hover {
  color: #fff
}

.btn-instagram, .btn-instagram:focus, .btn-instagram:hover {
  color: #fff;
  background: #82685a;
  border-color: #82685a
}

.bg-instagram {
  background-color: #82685a;
  color: #fff
}

.bg-instagram:hover {
  color: #fff
}

.btn-vimeo, .btn-vimeo:focus, .btn-vimeo:hover {
  color: #fff;
  background: #63879c;
  border-color: #63879c
}

.bg-vimeo {
  background-color: #63879c;
  color: #fff
}

.bg-vimeo:hover {
  color: #fff
}

.btn-flickr, .btn-flickr:focus, .btn-flickr:hover {
  color: #fff;
  background: #0061db;
  border-color: #0061db
}

.bg-flickr {
  background-color: #0061db;
  color: #fff
}

.bg-flickr:hover {
  color: #fff
}

.btn-github, .btn-github:focus, .btn-github:hover {
  color: #fff;
  background: #3b3b3b;
  border-color: #3b3b3b
}

.bg-github {
  background-color: #3b3b3b;
  color: #fff
}

.bg-github:hover {
  color: #fff
}

.btn-pinterest, .btn-pinterest:focus, .btn-pinterest:hover {
  color: #fff;
  background: #bc2725;
  border-color: #bc2725
}

.bg-pinterest {
  background-color: #bc2725;
  color: #fff
}

.bg-pinterest:hover {
  color: #fff
}

.btn-tumblr, .btn-tumblr:focus, .btn-tumblr:hover {
  color: #fff;
  background: #586980;
  border-color: #586980
}

.bg-tumblr {
  background-color: #586980;
  color: #fff
}

.bg-tumblr:hover {
  color: #fff
}

.btn-linkedin, .btn-linkedin:focus, .btn-linkedin:hover {
  color: #fff;
  background: #018faf;
  border-color: #018faf
}

.bg-linkedin {
  background-color: #018faf;
  color: #fff
}

.bg-linkedin:hover {
  color: #fff
}

.btn-dribble, .btn-dribble:focus, .btn-dribble:hover {
  color: #fff;
  background: #ea73a0;
  border-color: #ea73a0
}

.bg-dribble {
  background-color: #ea73a0;
  color: #fff
}

.bg-dribble:hover {
  color: #fff
}

.btn-stumbleupon, .btn-stumbleupon:focus, .btn-stumbleupon:hover {
  color: #fff;
  background: #ea4b24;
  border-color: #ea4b24
}

.bg-stumbleupon {
  background-color: #ea4b24;
  color: #fff
}

.bg-stumbleupon:hover {
  color: #fff
}

.btn-lastfm, .btn-lastfm:focus, .btn-lastfm:hover {
  color: #fff;
  background: #b80638;
  border-color: #b80638
}

.bg-lastfm {
  background-color: #b80638;
  color: #fff
}

.bg-lastfm:hover {
  color: #fff
}

.btn-evernote, .btn-evernote:focus, .btn-evernote:hover {
  color: #fff;
  background: #3bab27;
  border-color: #3bab27
}

.bg-evernote {
  background-color: #3bab27;
  color: #fff
}

.bg-evernote:hover {
  color: #fff
}

.btn-skype, .btn-skype:focus, .btn-skype:hover {
  color: #fff;
  background: 0 0;
  border-color: #skype
}

.bg-skype {
  background-color: #skype;
  color: #fff
}

.bg-skype:hover {
  color: #fff
}

.btn-soundcloud, .btn-soundcloud:focus, .btn-soundcloud:hover {
  color: #fff;
  background: #06f;
  border-color: #06f
}

.bg-soundcloud {
  background-color: #06f;
  color: #fff
}

.bg-soundcloud:hover {
  color: #fff
}

.btn-behance, .btn-behance:focus, .btn-behance:hover {
  color: #fff;
  background: #b80638;
  border-color: #b80638
}

.bg-behance {
  background-color: #b80638;
  color: #fff
}

.bg-behance:hover {
  color: #fff
}

.btn-rss, .btn-rss:focus, .btn-rss:hover {
  color: #fff;
  background: #f79638;
  border-color: #f79638
}

.bg-rss {
  background-color: #f79638;
  color: #fff
}

.bg-rss:hover {
  color: #fff
}

.btn-youtube, .btn-youtube:focus, .btn-youtube:hover {
  color: #fff;
  background: #cc181e;
  border-color: #cc181e
}

.bg-youtube {
  background-color: #cc181e;
  color: #fff
}

.bg-youtube:hover {
  color: #fff
}

.btn-metro {
  position: relative;
  padding: 0;
  border: 0;
  width: 170px;
  height: 170px;
  font-size: 21px;
  text-align: center
}

.btn-metro i {
  font-size: 48px;
  line-height: 180px
}

.btn-metro span {
  position: absolute;
  left: 15px;
  bottom: 15px
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #999;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px
}

.badge:empty {
  display: none
}

.btn .badge {
  position: relative;
  top: -1px
}

.badge-primary, .badge-success, .badge-theme {
  background-color: #1FAE5B
}

.badge-info {
  background-color: #619bf2
}

.badge-warning {
  background-color: #F2B53F
}

.badge-danger {
  background-color: #aa3d2a
}

.badge-info-alt {
  background-color: #ED36CD
}

.badge-dark {
  background-color: #333
}

.badge-white {
  background-color: #fff
}

.badge-light {
  background-color: #dedede
}

.btn-tag {
  background: #dedede;
  border: 1px solid #bcbcbc;
  color: #757575;
  padding: 3px 8px;
  font-size: 12px;
  font-style: italic;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px
}

.tooltip {
  opacity: 1;
  filter: alpha(opacity=100)
}

.tooltip .tooltip-inner {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background: #2a2a2a
}

.tooltip.top .tooltip-arrow {
  border-top-color: #2a2a2a
}

.tooltip.left .tooltip-arrow {
  border-left-color: #2a2a2a
}

.tooltip.right .tooltip-arrow {
  border-right-color: #2a2a2a
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #2a2a2a
}

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

.progress-bar {
  background-color: #1FAE5B;
  background-image: none
}

.progress-bar[aria-valuenow="0"] {
  color: #999
}

.progress-bar-success {
  background-color: #1FAE5B;
  background-image: none
}

.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
  background-color: #619bf2;
  background-image: none
}

.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
  background-color: #F2B53F;
  background-image: none
}

.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
  background-color: #aa3d2a;
  background-image: none
}

.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  background-color: #f6f6f6
}

.progress-rounded {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px
}

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

.progressbar-xs {
  height: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px
}

.progressbar-sm {
  height: 15px
}

.list-inline {
  margin-left: -5px
}

.list-inline li {
  padding-right: 2px;
  padding-left: 2px;
  margin-top: 6px
}

.related-items .related-item {
  margin-bottom: 10px
}

.related-items .item-image {
  display: inline-block
}

.related-items .item-image img {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px
}

.related-items .item-name {
  display: inline-block;
  margin-left: 10px
}

.tag-list a {
  display: inline-block;
  margin-right: 3px;
  margin-top: 6px
}

.list-group-item {
  line-height: 20px
}

.list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.list-group-item.disabled, .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover, .list-group-item.disabled:hover .list-group-item-text {
  color: #999
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
  color: #fff;
  background-color: #1FAE5B;
  border-color: #eff2f7
}

.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
  color: #cbf2f1
}

.list-group-item-success {
  color: #4c9c77;
  background-color: #eefff6
}

a.list-group-item-success {
  color: #4c9c77
}

a.list-group-item-success .list-group-item-heading {
  color: inherit
}

a.list-group-item-success:focus, a.list-group-item-success:hover {
  color: #4c9c77;
  background-color: #d5ffe9
}

a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover {
  color: #fff;
  background-color: #4c9c77;
  border-color: #4c9c77
}

.list-group-item-info {
  color: #619bf2;
  background-color: #eff6ff
}

a.list-group-item-info {
  color: #619bf2
}

a.list-group-item-info .list-group-item-heading {
  color: inherit
}

a.list-group-item-info:focus, a.list-group-item-info:hover {
  color: #619bf2;
  background-color: #d6e8ff
}

a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover {
  color: #fff;
  background-color: #619bf2;
  border-color: #619bf2
}

.list-group-item-warning {
  color: #bfa34c;
  background-color: #fffbef
}

a.list-group-item-warning {
  color: #bfa34c
}

a.list-group-item-warning .list-group-item-heading {
  color: inherit
}

a.list-group-item-warning:focus, a.list-group-item-warning:hover {
  color: #bfa34c;
  background-color: #fff5d6
}

a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover {
  color: #fff;
  background-color: #bfa34c;
  border-color: #bfa34c
}

.list-group-item-danger {
  color: #aa3d2a;
  background-color: #fff1ed
}

a.list-group-item-danger {
  color: #aa3d2a
}

a.list-group-item-danger .list-group-item-heading {
  color: inherit
}

a.list-group-item-danger:focus, a.list-group-item-danger:hover {
  color: #aa3d2a;
  background-color: #ffddd4
}

a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover {
  color: #fff;
  background-color: #aa3d2a;
  border-color: #aa3d2a
}

.list-group-item {
  padding: 15px;
  border: 1px solid #f3f3f3
}

.list-info li {
  padding: 10px;
  border-bottom: 1px solid #eee
}

.list-info li:last-child {
  border-bottom: none
}

.list-info li .icon {
  margin-right: 10px;
  color: #1FAE5B
}

.list-info li label {
  width: 100px
}

.panel {
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px
}

.panel-transparent {
  background: 0 0
}

.panel-body {
  padding: 30px
}

.panel-body:after, .panel-body:before {
  content: " ";
  display: table
}

.panel-body:after {
  clear: both
}

.panel-heading {
  padding: 10px 15px
}

.panel-footer {
  padding: 10px 15px;
  background-color: #fafafa;
  border-top: 1px solid #e9e9e9;
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1
}

.panel > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: -1;
  border-top-left-radius: -1
}

.panel > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1
}

.panel > .table-responsive:first-child > .table:first-child, .panel > .table:first-child {
  border-top-right-radius: -1;
  border-top-left-radius: -1
}

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
  border-top-left-radius: -1
}

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
  border-top-right-radius: -1
}

.panel > .table-responsive:last-child > .table:last-child, .panel > .table:last-child {
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: -1
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: -1
}

.panel-group .panel {
  margin-bottom: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 1px solid #e9e9e9
}

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #e9e9e9
}

.panel-default {
  border: none;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .1);
  -ms-box-shadow: 0 0 1px rgba(0, 0, 0, .1);
  -o-box-shadow: 0 0 1px rgba(0, 0, 0, .1);
  box-shadow: 0 0 1px rgba(0, 0, 0, .1)
}

.panel-default.panel-default-clean {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #e9e9e9
}

.panel-default > .panel-heading .badge {
  color: #f6f6f6;
  background-color: #767676
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #e9e9e9
}

.panel-primary {
  border-color: #1FAE5B
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #1FAE5B;
  border-color: #1FAE5B
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #1FAE5B
}

.panel-primary > .panel-heading .badge {
  color: #1FAE5B;
  background-color: #fff
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #1FAE5B
}

.panel-success {
  border-color: #d5ffe1
}

.panel-success > .panel-heading {
  color: #1FAE5B;
  background-color: #eefff6;
  border-color: #d5ffe1
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d5ffe1
}

.panel-success > .panel-heading .badge {
  color: #eefff6;
  background-color: #1FAE5B
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d5ffe1
}

.panel-info {
  border-color: #cbebff
}

.panel-info > .panel-heading {
  color: #619bf2;
  background-color: #eff6ff;
  border-color: #cbebff
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #cbebff
}

.panel-info > .panel-heading .badge {
  color: #eff6ff;
  background-color: #619bf2
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #cbebff
}

.panel-warning {
  border-color: #ffeed6
}

.panel-warning > .panel-heading {
  color: #F2B53F;
  background-color: #fffbef;
  border-color: #ffeed6
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ffeed6
}

.panel-warning > .panel-heading .badge {
  color: #fffbef;
  background-color: #F2B53F
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ffeed6
}

.panel-danger {
  border-color: #ffd6d4
}

.panel-danger > .panel-heading {
  color: #aa3d2a;
  background-color: #fff1ed;
  border-color: #ffd6d4
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ffd6d4
}

.panel-danger > .panel-heading .badge {
  color: #fff1ed;
  background-color: #aa3d2a
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ffd6d4
}

.well {
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.well-lg, .well-sm {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.panel-heading {
  background: #2a2a2a;
  color: #fff;
  text-transform: none;
  font-size: 14px;
  font-weight: 400;
  border: none
}

.panel-heading strong {
  font-weight: 400
}

.panel .panel-title {
  font-size: 14px
}

.panel-dark {
  border-color: #333
}

.panel-dark > .panel-heading {
  color: #fff;
  background-color: #333;
  border-color: #333
}

.panel-dark > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #333
}

.panel-dark > .panel-heading .badge {
  color: #333;
  background-color: #fff
}

.panel-dark > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #333
}

.panel-box {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
  border: none
}

.panel-box .panel-item {
  display: table-cell;
  padding: 30px;
  width: 1%;
  vertical-align: top;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.panel-box .panel-left {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0
}

.panel-box .panel-right {
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0
}

.panel-box.info-box i {
  line-height: 70px
}

.panel-box .panel-bottom, .panel-box .panel-top {
  display: block
}

.panel-box .panel-top {
  padding: 30px 20px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0
}

.panel-box .panel-bottom {
  padding: 10px;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0
}

.panel-box .panel-bottom p {
  margin: 0
}

.panel-box .list-justified-container {
  padding: 15px 0
}

.panel-box ul.list-justified {
  display: table;
  width: 100%;
  list-style: none;
  padding: 0
}

.panel-box ul.list-justified > li {
  float: none;
  display: table-cell;
  padding: 10px;
  width: 1%;
  border-right: 1px solid #eee
}

.panel-box ul.list-justified > li:last-child {
  border: none
}

.panel-box ul.list-justified > li p {
  margin: 0
}

.panel-box .panel-icon {
  display: block;
  margin: -75px auto 0;
  padding: 0 35px 35px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border: none;
  width: 150px;
  height: 60px;
  line-height: 0;
  text-align: center;
  font-size: 58px
}

.panel-ico {
  margin-right: 10px;
  color: #1FAE5B
}

.modal-content {
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  -ms-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  -o-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.modal-body {
  position: relative;
  padding: 20px
}

.modal-footer {
  padding: 20px
}

.modal-footer:after, .modal-footer:before {
  content: " ";
  display: table
}

.modal-footer:after {
  clear: both
}

.divider {
  display: block;
  height: 10px
}

.divider-sm {
  height: 15px
}

.divider-md {
  height: 20px
}

.divider-lg {
  height: 30px
}

.divider-xl {
  height: 50px
}

.space {
  display: inline;
  padding: 5px
}

.space-md {
  padding: 15px
}

.space-lg {
  padding: 25px
}

.toast-title {
  font-weight: 700
}

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

.toast-message a, .toast-message label {
  color: #fff
}

.toast-message a:hover {
  color: #ccc;
  text-decoration: none
}

.toast-close-button {
  position: relative;
  right: -.3em;
  top: -.3em;
  float: right;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  -webkit-text-shadow: 0 1px 0 #fff;
  text-shadow: 0 1px 0 #fff;
  opacity: .8
}

.toast-close-button:focus, .toast-close-button:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .4
}

button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none
}

.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
}

#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

#toast-container > div {
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-position: 15px center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 0 12px #999;
  -moz-box-shadow: 0 0 12px #999;
  -ms-box-shadow: 0 0 12px #999;
  -o-box-shadow: 0 0 12px #999;
  box-shadow: 0 0 12px #999;
  color: #fff;
  opacity: .8
}

#toast-container > :hover {
  -webkit-box-shadow: 0 0 12px #000;
  -moz-box-shadow: 0 0 12px #000;
  -ms-box-shadow: 0 0 12px #000;
  -o-box-shadow: 0 0 12px #000;
  box-shadow: 0 0 12px #000;
  opacity: 1;
  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-bottom-full-width > div, #toast-container.toast-top-full-width > div {
  width: 96%;
  margin: auto
}

.toast {
  background-color: #333
}

.toast-success {
  background-color: #1FAE5B
}

.toast-error {
  background-color: #e3562e
}

.toast-info {
  background-color: #619bf2
}

.toast-warning {
  background-color: #eabd35
}

@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em
  }

  #toast-container .toast-close-button {
    right: -.2em;
    top: -.2em
  }
}

@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em
  }

  #toast-container .toast-close-button {
    right: -.2em;
    top: -.2em
  }
}

@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em
  }
}

.jqstooltip {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.ui-tab-container {
  border: 1px solid #e9e9e9;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.nav-tabs {
  border-bottom: none
}

.ui-tab-container .ui-tab .nav-tabs {
  margin-bottom: 0
}

.ui-tab-container .nav-tabs {
  background-color: #f6f6f6;
  border-bottom: 1px solid #e9e9e9
}

.ui-tab-container .nav-tabs.nav-justified {
  border-bottom: 0
}

.ui-tab-container .nav-tabs.nav-justified > li > a {
  border-bottom-color: transparent
}

.ui-tab-container .nav-tabs > li.active > a {
  background-color: #fff;
  border: 1px solid transparent
}

.ui-tab-container .nav-tabs > li.active > a:hover {
  border: 1px solid transparent
}

.ui-tab-container .nav-tabs > li > a {
  padding: 10px 15px
}

.ui-tab-container .nav-tabs > li > a:hover {
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1
}

.ui-tab-container .tab-content {
  padding: 15px
}

.ui-tab-container.ui-tab-success {
  border: 1px solid #d5ffe1
}

.ui-tab-container.ui-tab-success .nav-tabs {
  background-color: #eefff6;
  border-bottom: 1px solid #d5ffe1
}

.ui-tab-container.ui-tab-info {
  border: 1px solid #cbebff
}

.ui-tab-container.ui-tab-info .nav-tabs {
  background-color: #eff6ff;
  border-bottom: 1px solid #cbebff
}

.ui-tab-container.ui-tab-warning {
  border: 1px solid #ffeed6
}

.ui-tab-container.ui-tab-warning .nav-tabs {
  background-color: #fffbef;
  border-bottom: 1px solid #ffeed6
}

.ui-tab-container.ui-tab-danger {
  border: 1px solid #ffd6d4
}

.ui-tab-container.ui-tab-danger .nav-tabs {
  background-color: #fff1ed;
  border-bottom: 1px solid #ffd6d4
}

.ui-tab .nav-tabs {
  margin-bottom: 15px
}

.ui-tab .nav-tabs.nav-justified > li.active > a {
  border-bottom-color: transparent
}

.ui-tab .nav-tabs > li.active > a {
  background-color: #fff
}

.ui-tab .nav-tabs a:hover {
  cursor: pointer
}

.ui-tab .nav-tabs > li.active > a, .ui-tab .nav-tabs > li.active > a:focus, .ui-tab .nav-tabs > li.active > a:hover {
  border: none;
  border-bottom: 3px solid #1FAE5B;
  background: 0 0
}

.ui-tab .nav-tabs > li > a, .ui-tab .nav-tabs > li > a:focus, .ui-tab .nav-tabs > li > a:hover {
  background: 0 0;
  border: none
}

.ui-tab .nav-tabs > li > a:focus, .ui-tab .nav-tabs > li > a:hover {
  background: 0 0;
  border: none;
  border-bottom: 3px solid #dedede
}

.chat-window .friends-list .friend-item {
  cursor: pointer;
  padding: 10px 20px 10px 15px
}

.chat-window .friends-list .friend-item:hover {
  background: #fff
}

.chat-window .friends-list .friend-item .friend-image:before {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  top: -3px;
  right: 0;
  border: 1px solid #fff;
  z-index: 1;
  background: #bcbcbc;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%
}

.chat-window .friends-list .friend-item.online .friend-image:before {
  background: #1FAE5B
}

.chat-window .friends-list .friend-item.offline {
  opacity: .5;
  filter: alpha(opacity=50)
}

.chat-window .friends-list .friend-image {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
  position: relative
}

.chat-window .friends-list .friend-name {
  display: inline-block
}

.chat-window .friends-list .friend-name h5 {
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 5px
}

.chat-window .friends-list .friend-name h6 {
  color: #bcbcbc;
  font-size: 10px;
  margin-bottom: 0;
  margin-top: 0
}

.ta-hidden-input {
  display: none
}

.clearfix:after, .clearfix:before {
  content: " ";
  display: table
}

.clearfix:after {
  clear: both
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  background-color: transparent;
  height: 100%
}

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  line-height: 1.42857;
  color: #757575;
  background: #E8E8E8;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important
}


.no-border {
  border: 0
}

.page-main-header {
  padding: 20px;
  border-bottom: 1px solid #E5E5E5;
  display: none
}

.page-main-header h4 {
  margin-bottom: 0;
  border-bottom: none
}

@media (max-width: 480px) {
  .page-main-header .text-right {
    text-align: left
  }

  .page-main-header .col-sm-6 .col-sm-6 {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-top: 10px
  }
}

.non-display {
  display: none
}

.page {
  padding: 40px;
  background-color: #e3e3e3
}

.page-form-ele h3 {
  margin: 0
}

.view-containter {
  position: relative
}

#content {
  position: absolute;
  top: 65px;
  right: 0;
  bottom: 0;
  width: 100%;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-overflow-scrolling: -blackberry-touch;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none
}

@media (min-width: 768px) {
  #content {
    top: 65px;
    width: auto;
    left: 240px
  }
}

.body-special #content {
  z-index: 2;
  top: 0;
  left: 0;
  background: #E8E8E8
}

.body-lock #content {
  background: url(../images/background/3.jpg) center/cover no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover
}

.parallax-window {
  min-height: 240px;
  background: 0 0
}

.parallax-container {
  height: 500px;
  width: 100%
}

.page.page-full {
  padding: 0;
  background-color: #fff
}

#content.fixed, #content.fixed .page, #content.fixed .page-full {
  overflow: auto;
  height: 100%
}

#content.fixed .inner-wrapper {
  position: relative;
  height: 100%;
  display: block;
  width: 100%
}

@media (min-width: 768px) {
  #content.fixed .inner-wrapper {
    display: table-cell
  }
}

#content.fixed .inner-wrapper .inner-page {
  position: absolute;
  top: 0;
  padding-bottom: 80px;
  display: block
}

.two-column .inner-page {
  background: #fff;
  padding: 0
}

@media (min-width: 768px) {
  .two-column {
    display: table;
    table-layout: fixed;
    border-spacing: 0;
    width: 100%
  }

  .two-column aside, .two-column > section {
    display: table-cell;
    vertical-align: top;
    height: 100%;
    float: none
  }

  .two-column .aside {
    width: 200px;
    background: #E8E8E8;
    position: relative
  }

  .two-column .aside .aside-inner-fixed {
    position: absolute;
    top: 0;
    bottom: 80px;
    display: block;
    width: 100%
  }
}

.logo {
  position: absolute;
  width: 270px;
  height: 65px;
  color: #fff;
  background: #fff;
  line-height: 65px;
  text-align: left;
  z-index: 2;
  display: none
}

.logo .logo-link {
  float: left
}

.logo-search {
  width: 150px;
  margin: 15px 0 0 20px;
  float: left;
  position: relative
}

.logo-search input {
  padding-left: 40px;
  height: 35px;
  font-size: 13px;
  background: #dedede;
  border: none;
  color: #757575;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px
}

.logo-search .icon {
  position: absolute;
  left: 15px;
  top: 11px;
  color: #fff
}

@media (min-width: 768px) {
  .logo {
    display: inline-block;
    width: 270px;
    color: #fff;
    border-right: none
  }
}

.logo > a {
  text-align: center;
  width: 65px;
  height: 65px;
  line-height: 65px;
  font-size: 30px;
  font-weight: 400;
  vertical-align: middle;
  color: #fff;
  background: #1FAE5B
}

@media (min-width: 768px) {
  .logo > a {
    color: #fff
  }
}

.logo > a .logo-icon {
  color: #fff;
  font-size: 35px
}

.top-header {
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  height: 65px;
  background: #fff;
  position: relative
}

@media (min-width: 768px) {
  .top-header {
    height: 65px
  }
}

.top-header a:hover {
  text-decoration: none
}

.top-header .hidden-mobile {
  display: none
}

@media (min-width: 480px) {
  .top-header .hidden-mobile {
    display: inline
  }
}

.top-header .clearfix {
  position: relative;
  height: 100%;
  z-index: 1;
  -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .1);
  -ms-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .1);
  -o-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .1);
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .1)
}

.top-header .menu-button {
  padding: 18px 15px 14px;
  margin-left: 20px
}

.top-header .menu-button:hover {
  cursor: pointer;
  background-color: transparent
}

.top-header .menu-button .icon-bar {
  display: block;
  width: 17px;
  height: 3px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  background-color: #1FAE5B
}

.top-header .menu-button .icon-bar + .icon-bar {
  margin-top: 3px
}

@media (min-width: 768px) {
  .top-header .menu-button {
    display: none
  }
}

.top-header .dropdown-menu.panel {
  padding: 0;
  white-space: nowrap;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  -ms-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  -o-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.top-header .dropdown-menu.panel .panel-heading {
  background: #fff;
  color: #757575
}

.top-header .dropdown-menu.panel .list-group-item, .top-header .dropdown-menu.panel .panel-footer, .top-header .dropdown-menu.panel .panel-heading {
  padding: 10px 15px
}

.top-header .dropdown-menu.panel .list-group-item > a {
  display: block
}

.top-header .dropdown-menu.panel .media .media-body {
  padding-right: 75px
}

.top-header .top-nav {
  width: 100%;
  padding: 0
}

@media (min-width: 768px) {
  .top-header .top-nav {
    padding: 0 0 0 270px
  }

  .nav-min .top-header .top-nav {
    padding: 0 0 0 60px
  }
}

.top-header .top-nav .nav-left, .top-header .top-nav .nav-right {
  font-size: 18px;
  line-height: 22px;
  margin-right: 40px;
  margin-top: 8px
}

.top-header .top-nav .nav-button {
  font-size: 18px;
  line-height: 22px;
  margin-top: 8px;
  position: relative
}

.top-header .top-nav .nav-left > li, .top-header .top-nav .nav-right > li {
  float: left
}

.top-header .top-nav .nav-left > li.nav-profile > a, .top-header .top-nav .nav-right > li.nav-profile > a {
  padding: 10px 15px
}

.top-header .top-nav .nav-left > li.nav-profile .hidden-xs, .top-header .top-nav .nav-right > li.nav-profile .hidden-xs {
  padding-right: 8px
}

.top-header .top-nav .nav-left > li.nav-profile i, .top-header .top-nav .nav-right > li.nav-profile i {
  width: 18px;
  font-size: 16px;
  margin-right: 5px
}

.nav-button li.nav-profile img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%
}

@media (max-width: 630px) {
  .nav-profile__welcome-text {
    display: none
  }
}

.top-header .top-nav .nav-left > li > .toggle-min, .top-header .top-nav .nav-right > li > .toggle-min {
  display: none;
  margin-left: -10px;
  background: #1FAE5B;
  height: 40px;
  line-height: 7px;
  margin-top: 5px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px
}

.top-header .top-nav .nav-left > li > .toggle-min i, .top-header .top-nav .nav-right > li > .toggle-min i {
  font-size: 15px
}

.header-actions {
  margin-right: 40px
}

@media (min-width: 768px) {
  .top-header .top-nav .nav-left > li > .toggle-min, .top-header .top-nav .nav-right > li > .toggle-min {
    display: block
  }
}

@media (max-width: 350px) {
  .top-header .top-nav .nav-right {
    margin-left: 0
  }

  .top-header .menu-button {
    margin-left: 10px
  }

  .top-header .top-nav .nav-left > li.nav-profile > a, .top-header .top-nav .nav-right > li.nav-profile > a {
    padding: 10px 5px
  }
}

.top-header .top-nav .nav-left > li a:focus, .top-header .top-nav .nav-left > li a:hover, .top-header .top-nav .nav-right > li a:focus, .top-header .top-nav .nav-right > li a:hover {
  text-decoration: none
}

.top-header .top-nav .nav-left > li > .btn-group > a, .top-header .top-nav .nav-left > li > a, .top-header .top-nav .nav-right > li > .btn-group > a, .top-header .top-nav .nav-right > li > a {
  position: relative;
  display: block;
  height: 50px;
  padding: 14px 10px
}

@media (min-width: 768px) {
  .top-header .top-nav .nav-left > li > .btn-group > a, .top-header .top-nav .nav-left > li > a, .top-header .top-nav .nav-right > li > .btn-group > a, .top-header .top-nav .nav-right > li > a {
    padding: 14px 15px
  }
}

.top-header .top-nav .nav-left > li > .btn-group > a .badge, .top-header .top-nav .nav-left > li > a .badge, .top-header .top-nav .nav-right > li > .btn-group > a .badge, .top-header .top-nav .nav-right > li > a .badge {
  position: absolute;
  top: 6px;
  right: 3px
}

.top-header .top-nav .nav-left > li ul.dropdown-menu a:hover, .top-header .top-nav .nav-right > li ul.dropdown-menu a:hover {
  background-color: #1FAE5B;
  color: #fff
}

.top-header .top-nav .nav-left > li ul.dropdown-menu .glyphicon, .top-header .top-nav .nav-right > li ul.dropdown-menu .glyphicon {
  margin-right: 10px
}

.top-header .top-nav .nav-left {
  float: left;
  padding: 0
}

.top-header .top-nav .nav-right {
  padding: 0;
  margin-right: 10px;
  margin-left: 10px
}

.top-header .top-nav .list-notifications .list-notifications__item > a {
  text-align: center;
  width: 35px;
  height: 35px;
  line-height: 27px;
  margin-top: 5px;
  margin-right: 10px;
  padding: 0;
  border: none;
  background: #dedede;
  border-radius: 100%
}

.top-header .top-nav .list-notifications .list-notifications__item > a.bg-primary {
  background: #1FAE5B
}

.top-header .top-nav .list-notifications .list-notifications__item > a i {
  font-size: 15px
}

@media (max-width: 480px) {
  .top-header .top-nav .list-notifications {
    display: none
  }
}

.top-header .top-nav .nav-button > li {
  padding: 10px 0 10px 15px;
  line-height: 30px;
  display: inline-block
}

.top-header .top-nav .nav-button > li > a {
  width: auto;
  padding: 6px 4px;
  height: auto;
  line-height: 20px;
  margin-top: 8px;
  position: relative
}

.top-header .top-nav .nav-button > li > a > i {
  color: #2a2a2a;
  position: relative
}

.top-header .top-nav .nav-button > li > a.online:before {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  top: 8px;
  right: 2px;
  border: 1px solid #fff;
  z-index: 1;
  background: #1FAE5B;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%
}

@media (max-width: 480px) {
  .top-header .top-nav .nav-right > li > a {
    width: 35px;
    text-align: center
  }
}

.top-header .top-nav .nav-left > li > a {
  color: #dedede;
  font-size: 25px
}

.top-header .top-nav .nav-left > li > a img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px
}

.top-header .langs .active-flag .flag {
  margin-top: -5px
}

.top-header .langs .list-langs a {
  position: relative;
  padding: 8px 20px 8px 57px
}

.top-header .langs .list-langs a .flag {
  position: absolute;
  top: 2px;
  left: 15px
}

.top-header .nav-profile {
  margin-right: 10px
}

.top-header .nav-profile .dropdown-menu.panel .list-group-item {
  padding: 10px 25px
}

.top-header .nav-profile .dropdown-menu.panel .list-group-item .media i {
  color: #dedede;
  margin-right: 20px;
  font-size: 17px
}

.mail-categories .list-group .list-group-item {
  padding: 0
}

.mail-categories .list-group .list-group-item.active > a {
  border-left: 3px solid #1FAE5B;
  color: #1FAE5B;
  background-color: #fafafa
}

.mail-categories .list-group .list-group-item > a {
  display: block;
  padding: 15px;
  text-decoration: none;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out
}

.mail-categories .list-group .list-group-item > a:hover {
  border-left: 3px solid #1FAE5B;
  color: #1FAE5B;
  background-color: #fafafa
}

.mail-categories .list-group .list-group-item > a > i {
  font-size: 16px;
  width: 18px;
  margin-right: 5px
}

.mail-categories .list-group .list-group-item > a > i.fa-circle {
  font-size: 14px
}

.mail-container .mail-options {
  padding: 12px
}

.mail-container .table {
  margin-bottom: 0;
  border-top: 1px solid #ddd
}

.mail-container .table tr:hover {
  cursor: pointer
}

.mail-container .table tr > td {
  padding: 12px
}

.mail-container .table tr > td > .fa-star {
  color: #ccc
}

.mail-container .table tr > td > .fa-star.active {
  color: #aa3d2a
}

.mail-container .table label.ui-checkbox {
  margin-bottom: 0
}

.mail-container .table .mail-unread {
  font-weight: 700;
  color: #333
}

.mail-container .table .mail-hightlight td {
  background-color: #fffbef
}

.mail-container .mail-header {
  padding: 15px 0
}

.mail-container .mail-header h3 {
  margin-top: 0
}

.mail-container .mail-info {
  padding: 10px 15px;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1
}

.mail-container .mail-info .col-md-4, .mail-container .mail-info .col-md-8 {
  padding: 0
}

.mail-container .mail-attachments, .mail-container .mail-content {
  padding: 15px 0;
  border-bottom: 1px solid #f1f1f1
}

.mail-container .mail-attachments .list-attachs img {
  max-width: 200px;
  max-height: 200px
}

.mail-container .mail-actions {
  margin-top: 10px
}

.mail-compose .form-group > input, .mail-compose .form-group > input:focus {
  border: none
}

.mail-compose .mail-actions {
  margin-top: 10px
}

.jqvmap-label {
  position: absolute;
  display: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: #333;
  color: #fff;
  font-size: smaller;
  padding: 3px
}

.jqvmap-zoomin, .jqvmap-zoomout {
  position: absolute;
  left: 10px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: #333;
  padding: 3px;
  color: #fff;
  cursor: pointer;
  line-height: 10px;
  text-align: center
}

.jqvmap-zoomin {
  top: 10px
}

.jqvmap-zoomout {
  top: 30px
}

.jqvmap-region {
  cursor: pointer
}

.jqvmap-ajax_response {
  width: 100%;
  height: 500px
}

ul.team {
  display: inline-block;
  padding-left: 0
}

ul.team li {
  display: inline-block;
  width: 100%;
  list-style: none;
  line-height: 30px;
  margin-bottom: 10px
}

ul.team li img {
  float: left
}

ul.team li span {
  float: left;
  margin-left: 20px
}

ul.team li span p {
  margin-bottom: 0
}

ul.team li .label {
  float: right
}

.nav:after, .nav:before {
  content: " ";
  display: table
}

.nav:after {
  clear: both
}

.nav > li.disabled > a {
  color: #999
}

.nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
  color: #999;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background-color: #eee;
  border-color: #333
}

.nav-pills > li > a, .nav-tabs > li > a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
  color: #fff;
  background-color: #1FAE5B
}

.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

@media (min-width: 768px) {
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
  }

  .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
    border-bottom-color: #f3f3f3
  }
}

.navbar:after, .navbar:before {
  content: " ";
  display: table
}

.navbar:after {
  clear: both
}

@media (min-width: 768px) {
  .navbar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
  }
}

.navbar-header:after, .navbar-header:before {
  content: " ";
  display: table
}

.navbar-header:after {
  clear: both
}

.navbar-collapse:after, .navbar-collapse:before {
  content: " ";
  display: table
}

.navbar-collapse:after {
  clear: both
}

.navbar-toggle {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px
  }
}

.navbar-inverse {
  border-color: #090909
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-text {
  color: #999
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
  background-color: #090909
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #090909
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090909
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #999
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
    color: #fff;
    background-color: #090909
  }
}

.navbar-inverse .btn-link, .navbar-inverse .navbar-link {
  color: #999
}

.navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover {
  color: #444
}

.navigation-boxed {
  background-color: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.navigation-boxed.nav-justified > li > a {
  margin: 0
}

.navigation-boxed > li > a {
  display: block;
  padding: 10px 5px;
  border-left: 0;
  border-top: 1px solid #f3f3f3
}

@media (min-width: 768px) {
  .navigation-boxed > li > a {
    border-top: 0;
    border-left: 1px solid #f3f3f3
  }
}

.navigation-boxed > li > a > i {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto 2px;
  font-size: 30px
}

.navigation-boxed > li:first-child > a {
  border-left: none;
  border-top: 0
}

@media (min-width: 768px) {
  .navigation-boxed > li:first-child > a {
    border-left: 1px solid #f3f3f3
  }
}

.breadcrumb {
  padding: 15px 15px 15px 50px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0
}

.breadcrumb > li + li:before {
  color: #e9e9e9
}

.breadcrumb > .active {
  color: #999
}

.slimScrollDiv .minified {
  max-height: 60%
}

.sidebar-nav-menu ul {
  display: none
}

#nav-container {
  z-index: 11;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -240px;
  width: 240px;
  padding: 0;
  background: #2a2a2a;
  -webkit-overflow-scrolling: touch;
  -webkit-overflow-scrolling: -blackberry-touch
}

.on-canvas #nav-container {
  left: 0;
  top: 65px
}

.on-canvas #nav-container #nav-wrapper {
  padding-top: 0
}

@media (min-width: 768px) {
  #nav-container, .on-canvas #nav-container {
    left: 0;
    top: 0
  }

  #nav-container #nav-wrapper, .on-canvas #nav-container #nav-wrapper {
    padding-top: 65px
  }
}

#nav-container ul {
  padding-left: 0;
  list-style: none
}

#nav-wrapper {
  -webkit-overflow-scrolling: touch;
  -webkit-overflow-scrolling: -blackberry-touch;
  width: 100%;
  height: 100%;
  padding-top: 65px;
  padding-bottom: 60px
}

.sidebar-nav-switch {
  margin: auto;
  width: 100%;
  padding-top: 0;
  z-index: 10;
  background: #2a2a2a
}

.sidebar-nav-switch .btn-group.switch:after, .sidebar-nav-switch .btn-group.switch:before {
  display: table;
  content: ""
}

.sidebar-nav-switch .btn-group.switch {
  display: inline-block;
  width: 100%;
  float: none;
  border: 1px solid #373737
}

.sidebar-nav-switch .btn.main-nav-link {
  width: 50%
}

.sidebar-nav-switch .switch.btn-group .btn.active, .sidebar-nav-switch .switch.btn-group .btn:active {
  background: #373737;
  border-color: #373737;
  color: #fff
}

.sidebar-nav-switch .btn.main-nav-link.active {
  background: #373737
}

.sidebar-nav-switch .sidebar-nav .btn.main-nav-link:first-child {
  border-right: solid 1px #373737
}

.sidebar-nav-switch .queue .badge {
  font-size: 9px;
  margin-left: 5px
}

.sidebar-nav-main {
  margin-top: 20px
}

.sidebar-nav-main .sidebar-nav-content {
  margin: 0;
  padding-bottom: 10px
}

.sidebar-nav-main .sidebar-nav-content .sidebar-nav-content__header {
  color: #373737;
  text-transform: uppercase;
  font-weight: 700;
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 10px;
  font-size: 90%
}

.sidebar-nav-main .sidebar-nav-content:nth-last-child(1) {
  padding-bottom: 20px
}

.sidebar-nav-main .sidebar-nav-menu {
  padding: 0;
  margin: 0;
  list-style: none
}

.sidebar-nav-main .sidebar-nav-menu .nav-item {
  position: relative;
  margin-bottom: 2px
}

.sidebar-nav-main .sidebar-nav-menu .nav-item .nav-link {
  display: block;
  height: 30px;
  padding: 0 10px;
  font-size: 12px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  color: #bcbcbc;
  border-left: 3px solid transparent
}

.sidebar-nav-main .sidebar-nav-menu .nav-item .nav-link .label {
  color: #bcbcbc
}

.sidebar-nav-main .sidebar-nav-menu .nav-item .nav-link:hover {
  text-decoration: none;
  color: #fff
}

.sidebar-nav-main .sidebar-nav-menu .nav-item .nav-link:hover .label {
  color: #fff
}

.sidebar-nav-main .sidebar-nav-menu .nav-item.active .nav-link {
  background-color: #373737;
  color: #fff;
  text-decoration: none;
  border-left: 3px solid #1FAE5B
}

.sidebar-nav-main .sidebar-nav-menu .nav-item.active .nav-link .label {
  color: #fff
}

.sidebar-nav-main .sidebar-nav-menu .nav-item .nav-link .icon, .sidebar-nav-main .sidebar-nav-menu .nav-item .nav-link .label {
  display: inline-block;
  line-height: 20px;
  vertical-align: middle;
  font-size: 100%
}

.sidebar-nav-main .sidebar-nav-menu .nav-item .nav-link .icon {
  width: 16px;
  margin-right: 10px;
  font-size: 14px;
  text-align: center
}

.sidebar-nav-main .sidebar-nav-menu .nav-item > ul .nav-item .icon {
  margin-left: 10px
}

.sidebar-nav-main .sidebar-nav-menu .actions {
  margin-right: 4px;
  float: right
}

.sidebar-nav-main .sidebar-nav-menu .actions .action-btn {
  float: left
}

.sidebar-nav-main .sidebar-nav-menu .actions .action-icon {
  font-size: 12px;
  color: #f1f2f4;
  width: 25px;
  margin: 0;
  text-align: center;
  font-weight: 400;
  height: 32px;
  line-height: 32px
}

.page-front {
  position: relative;
  width: 100%;
  min-height: 100%;
  height: 100%;
  background-color: #fff
}

.page-front .navbar {
  background: 0 0;
  position: absolute;
  width: 100%
}

.page-front .navbar-header .navbar-brand i {
  color: #fff
}

.page-front .navbar-nav > li > a {
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  border-right: 1px solid #fff;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 700;
  line-height: 11px
}

.page-front .nav > li > a:focus, .page-front .nav > li > a:hover {
  text-decoration: none;
  color: #fff;
  background-color: transparent
}

.page-front .navbar-right {
  margin-top: 35px
}

.page-front .hero-container {
  width: 100%;
  height: 100%;
  background: url(../images/front-hero2.png) 0/cover no-repeat;
  padding: 45px 0 0;
  color: #fff;
  position: relative
}

.page-front .hero-container:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(62, 62, 62, .7)
}

.page-front .top-header-text {
  z-index: 1;
  position: relative
}

@media (min-width: 768px) {
  .page-front .hero-container {
    padding: 200px 0 0
  }
}

.page-front .front-title h1 {
  color: #fafafa;
  font-weight: 700;
  text-transform: uppercase
}

.page-front .front-message {
  font-size: 16px;
  line-height: 25px;
  max-width: 600px;
  text-align: center;
  margin: 20px auto
}

.page-front .btn-primary {
  border: 1px solid #1FAE5B
}

.page-front .arrow_slide_down {
  position: absolute;
  bottom: 20%;
  width: 100%;
  text-align: center;
  z-index: 2
}

.page-front .arrow_slide_down i {
  width: 40px;
  line-height: 40px;
  height: 40px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  position: relative;
  z-index: 1;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  color: #fff;
  background: 0 0;
  border: 2px solid #fff
}

.page-front .front-intro {
  text-align: center;
  background: #fff;
  padding-top: 100px;
  padding-bottom: 100px
}

.page-front .front-intro .front-intro__message {
  margin-bottom: 60px
}

.page-front .front-intro .front-intro__message h2 {
  text-transform: uppercase;
  color: #333;
  font-weight: 700;
  margin-bottom: 30px
}

.page-front .front-intro .front-intro__message p {
  color: #bcbcbc;
  font-size: 16px
}

.page-front .front-intro .front-intro-icons {
  max-width: 900px;
  margin: auto
}

.page-front .front-intro .front-intro-icons .icon_circled {
  border: 2px solid #2a2a2a;
  border-radius: 100%;
  width: 80px;
  height: 80px;
  line-height: 80px
}

.page-front .front-intro .front-intro-icons p {
  margin-top: 40px;
  font-size: 13px;
  line-height: 20px;
  color: #bcbcbc
}

.page-front .front-intro .front-intro-icons__gray {
  max-width: 900px;
  margin: auto
}

.page-front .front-intro .front-intro-icons__gray .icon_gray {
  color: #E8E8E8;
  font-size: 130px;
  z-index: 1;
  position: relative
}

.page-front .front-intro .front-intro-icons__gray h3 {
  margin-top: -80px;
  font-size: 30px;
  color: #2a2a2a;
  text-transform: uppercase;
  font-weight: 700;
  z-index: 2;
  position: relative
}

.page-front .front-intro .front-intro-icons__gray p {
  margin-top: 60px;
  font-size: 13px;
  line-height: 20px;
  color: #bcbcbc
}

.page-front .front-bg-section {
  background: url(../images/dashboardbanner.jpg) top/cover no-repeat;
  padding: 200px 0;
  color: #fff;
  text-align: center;
  position: relative
}

.page-front .front-bg-section .front-title h1 {
  color: #fafafa;
  font-weight: 700;
  text-transform: uppercase
}

.page-front .front-bg-section .front-message {
  font-size: 16px;
  line-height: 25px;
  max-width: 600px;
  text-align: center;
  margin: 20px auto
}

.page-front .front-bg-section:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(62, 62, 62, .7)
}

.page-front .front-bg-section .container {
  z-index: 1;
  position: relative
}

.page-front .why-section {
  background: url(../images/front-hero.jpg) top no-repeat;
  text-align: left
}

.page-front .why-section h3 {
  color: #fafafa;
  font-weight: 700;
  text-transform: uppercase
}

.page-front .why-section .front-message {
  text-align: left;
  margin: 0;
  font-size: 14px;
  font-weight: 700
}

.page-front .why-exists {
  max-width: 500px;
  margin: auto;
  text-align: left
}

.page-front .why-exists .fa {
  margin-right: 10px;
  color: #2a2a2a
}

.page-front .why-exists h5 {
  font-size: 15px;
  color: #2a2a2a
}

.panel-profile {
  border: none
}

.panel-profile .profile {
  margin: 5px 15px 5px 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%
}

.panel-profile .panel-heading {
  border-bottom: 2px solid #1FAE5B;
  background: url(../images/bgprofile.png) center/cover;
  position: relative;
  padding-bottom: 100px;
  padding-top: 100px;
  text-align: center
}

.panel-profile .panel-heading .overlay_prof {
  position: absolute;
  background: rgba(62, 62, 62, .7);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0
}

.panel-profile .panel-heading .profile_info {
  z-index: 1;
  position: relative;
  max-width: 60%;
  margin: auto
}

.panel-profile .panel-heading .profile_info .profile-image img {
  padding: 4px;
  border: 3px solid #1FAE5B;
  border-left-color: transparent
}

.panel-profile .panel-heading .profile_info .user-profile__icon {
  background: #fff;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 40px;
  margin-left: 40px;
  font-size: 20px;
  line-height: 40px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  color: #2a2a2a
}

.panel-profile .panel-heading .profile_info > h5 {
  line-height: 22px
}

.page-profile .panel-profile .panel-heading .profile_info {
  padding-top: 100px;
  padding-bottom: 100px
}

.profile-sub-header {
  background: #fff;
  padding: 5px 40px
}

.profile-sub-header .profile-stats-block {
  display: inline-block;
  margin-right: 20px;
  padding: 10px
}

.profile-sub-header .profile-stats-block .stats-label {
  color: #bcbcbc
}

.profile-sub-header .profile-stats-block .stats-value {
  color: #2a2a2a;
  font-size: 14px
}

.page-err {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fafafa
}

.page-err.err-server .err-container {
  background: url(../images/error-500.jpg)
}

.page-err.err-not-found .err-container {
  background: url(../images/error-404.jpg)
}

.page-err .err-container {
  width: 100%;
  height: 75%;
  padding: 45px 0 0;
  position: relative;
  border-bottom: 5px solid #dedede;
  background-size: cover
}

.page-err .err-container:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(62, 62, 62, .7)
}

.container-text {
  position: relative
}

@media (min-width: 768px) {
  .page-err .err-container {
    padding: 100px 0 0
  }
}

.page-err .err-status h1 {
  margin: 0 0 -45px;
  color: #fafafa;
  font-size: 100px
}

@media (min-width: 768px) {
  .page-err .err-status h1 {
    font-size: 180px
  }
}

.page-err .err-message {
  padding: 24px;
  text-transform: none
}

.page-err .err-message h2 {
  font-size: 32px;
  color: #fff;
  font-weight: 500
}

@media (min-width: 768px) {
  .page-err .err-message h2 {
    font-size: 50px
  }
}

.page-err .err-body {
  padding: 20px 10px
}

.page-err .btn-goback {
  color: #fff;
  background-color: transparent;
  border-color: #fff
}

.open .page-err .btn-goback.dropdown-toggle, .page-err .btn-goback.active, .page-err .btn-goback:active, .page-err .btn-goback:focus, .page-err .btn-goback:hover {
  color: #1FAE5B;
  background-color: #fff
}

.page-err .footer {
  position: absolute;
  bottom: 20px;
  width: 100%
}

.page-lock .lock-centered {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -65px
}

@media screen and (min-width: 768px) {
  .page-lock .lock-centered {
    margin-top: -75px
  }
}

.page-lock .lock-container {
  position: relative;
  max-width: 420px;
  margin: 0 auto
}

.page-lock .lock-box {
  position: absolute;
  left: 0;
  right: 0
}

.page-lock .lock-box .lock-user {
  background: #fff;
  width: 50%;
  float: left;
  height: 50px;
  line-height: 50px;
  margin-top: 50px;
  padding: 0 20px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  color: #1FAE5B
}

.page-lock .lock-box .lock-img img {
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  left: 40%;
  width: 80px;
  height: 80px;
  border: 6px solid #fff;
  background: #fff
}

@media screen and (min-width: 768px) {
  .page-lock .lock-box .lock-img img {
    left: 33%;
    width: 150px;
    height: 150px;
    border: 10px solid #fff
  }
}

.page-lock .lock-box .lock-pwd {
  background: #fff;
  width: 50%;
  float: right;
  height: 50px;
  line-height: 50px;
  padding: 0 0 0 50px;
  margin-top: 50px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  color: #1FAE5B
}

@media screen and (min-width: 768px) {
  .page-lock .lock-box .lock-pwd {
    padding: 0 0 0 80px
  }
}

.page-lock .lock-box .lock-pwd input {
  width: 80%;
  height: 50px;
  color: #3F4245;
  border: 0
}

.page-lock .lock-box .lock-pwd .btn-submit {
  position: absolute;
  top: 50%;
  right: 20px
}

.task-list .view {
  display: block
}

.task-list .edit, .task-list li.editing .view {
  display: none
}

.task-list li.editing .edit {
  display: block
}

.add-task {
  position: relative
}

.add-task input {
  height: 44px;
  padding: 6px 12px 6px 40px
}

.add-task a.submit-button {
  position: absolute;
  top: 12px;
  left: 12px;
  color: #999
}

label {
  font-weight: 400
}

.filters {
  margin: 15px 0
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  background-color: #f3f3f3
}

.task-list .view {
  position: relative;
  margin-bottom: 10px;
  padding: 0 12px 0 40px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: #fff
}

.task-list .view:hover .glyphicon-pencil, .task-list .view:hover .glyphicon-remove {
  display: block
}

.task-list .view input[type=checkbox] {
  position: absolute;
  top: 11px;
  left: 16px
}

.task-list .view label {
  line-height: 20px;
  margin: 0;
  width: 100%;
  padding: 12px 0
}

.task-list .view .glyphicon-pencil, .task-list .view .glyphicon-remove {
  display: none;
  position: absolute;
  top: 14px;
  color: #999;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.task-list .view .glyphicon-pencil:hover, .task-list .view .glyphicon-remove:hover {
  cursor: pointer;
  color: #333;
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3)
}

.task-list .view .glyphicon-pencil {
  right: 40px
}

.task-list .view .glyphicon-remove {
  right: 16px
}

.task-list .completed .view label {
  color: #999;
  text-decoration: line-through
}

.task-list input.edit {
  margin-bottom: 10px;
  height: 44px;
  padding: 6px 12px 6px 40px
}

.task-footer {
  margin: 15px 0;
  border-top: 4px double #e2e2e2;
  padding: 12px
}

.task-footer .list-inline > li {
  float: left;
  width: 30%
}

.task-footer .list-inline > li.first-item {
  width: 40%
}

.task-footer .clear-completed {
  color: #999;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: color, .2s ease-in-out;
  -moz-transition: color, .2s ease-in-out;
  -o-transition: color, .2s ease-in-out;
  transition: color, .2s ease-in-out
}

.task-footer .clear-completed:hover {
  cursor: pointer;
  color: #767676
}

.tips h3 {
  margin-top: 0
}

.logo-signin {
  margin-top: 20px
}

.page-forgot .signin-header, .page-signin .signin-header, .page-signup .signin-header {
  padding: 25px 0;
  border-top: 2px solid #1FAE5B
}

.page-forgot .logo, .page-signin .logo, .page-signup .logo {
  font-size: 46px;
  font-weight: 700;
  color: #1FAE5B
}

.page-forgot .logo a, .page-signin .logo a, .page-signup .logo a {
  color: #1FAE5B
}

.page-forgot .logo a:hover, .page-signin .logo a:hover, .page-signup .logo a:hover {
  text-decoration: none;
  color: #fff
}

.page-forgot .main-body, .page-signin .main-body, .page-signup .main-body {
  padding: 20px 10px
}

.page-forgot .info, .page-signin .info, .page-signup .info {
  padding: 25px 0 0;
  max-width: 420px;
  margin: 0 auto 20px
}

.page-forgot .info h2, .page-signin .info h2, .page-signup .info h2 {
  font-size: 18px;
  color: #333
}

.page-forgot .form-container, .page-signin .form-container, .page-signup .form-container {
  max-width: 420px;
  margin: 10px auto;
  -webkit-box-shadow: 0 0 2px 1px #dedede;
  -moz-box-shadow: 0 0 2px 1px #dedede;
  -ms-box-shadow: 0 0 2px 1px #dedede;
  -o-box-shadow: 0 0 2px 1px #dedede;
  box-shadow: 0 0 2px 1px #dedede;
  border-radius: 2px;
  padding: 60px;
  background: #fff
}

.page-forgot .line-thru, .page-signin .line-thru, .page-signup .line-thru {
  margin: 1em 0;
  display: block;
  font-size: .875em;
  font-weight: 700;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 1
}

.page-forgot .line-thru:before, .page-signin .line-thru:before, .page-signup .line-thru:before {
  width: 50px;
  height: 10px;
  background-color: #fff;
  content: '';
  margin: -5px 0 0 -20px;
  left: 50%;
  position: absolute;
  top: 50%;
  z-index: -1
}

.page-forgot .line-thru:after, .page-signin .line-thru:after, .page-signup .line-thru:after {
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
  content: '';
  display: block;
  position: absolute;
  top: 49%;
  z-index: -2
}

.page-icons .bs-glyphicons {
  overflow: hidden
}

.page-icons .bs-glyphicons li {
  float: left;
  width: 25%;
  height: 115px;
  padding: 10px;
  font-size: 10px;
  line-height: 1.4;
  text-align: center;
  border: 1px solid #f9f9f9
}

.page-icons .bs-glyphicons .glyphicon {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 30px;
  line-height: 55px;
  color: #1FAE5B
}

.page-icons .bs-glyphicons .glyphicon-class {
  display: block;
  text-align: center;
  word-wrap: break-word;
  font-size: 13px
}

.page-icons .bs-glyphicons-list {
  padding-left: 0;
  list-style: none
}

.page-services h2 {
  font-size: 40px;
  font-weight: 300
}

.page-services .services-container {
  margin: 50px 0
}

.page-services .service-item {
  margin: 0 auto 40px;
  text-align: center;
  max-width: 480px
}

@media (min-width: 768px) {
  .page-services .service-item {
    text-align: left;
    max-width: none
  }
}

.page-services .service-item .service-icon {
  float: none;
  margin: 0 0 30px
}

@media (min-width: 768px) {
  .page-services .service-item .service-icon {
    float: left;
    margin: 0 30px 30px 0
  }
}

.page-services .service-item h4 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px
}

.page-services .service-item p {
  font-size: 12px;
  line-height: 20px
}

.page-contact {
  padding: 0
}

.page-contact .contactmap-container {
  margin: -15px -15px 0
}

.page-contact .contact-info-container {
  margin: 0 -15px 50px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

.page-contact .contact-info-container > ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 18px;
  text-align: center
}

.page-contact .contact-info-container > ul li {
  display: block;
  border-top: 1px solid #e9e9e9;
  padding: 20px
}

@media (min-width: 992px) {
  .page-contact .contact-info-container > ul li {
    display: inline-block;
    padding: 30px 20px;
    border-top: 0;
    border-right: 1px solid #e9e9e9
  }

  .page-contact .contact-info-container > ul li:first-child {
    border-left: 1px solid #e9e9e9
  }
}

.page-contact .contact-info-container > ul li > i {
  margin-right: 10px;
  font-size: 22px
}

.page-contact .contact-info-container > ul li a {
  color: #767676
}

.page-contact .social-item-container {
  max-width: 900px;
  margin: auto
}

.page-contact .social-item {
  margin-bottom: 15px
}

.page-about h2 {
  font-size: 40px;
  font-weight: 300
}

.page-about .intro {
  margin: 20px 0 70px
}

.page-about .stat-container {
  margin-bottom: 30px
}

.page-about .stat-container .stat-item {
  margin-bottom: 20px;
  border-bottom: 2px solid #e9e9e9
}

.page-about .stat-container .stat-num {
  display: block;
  color: #1FAE5B;
  font-size: 72px;
  font-weight: 300;
  line-height: 66px
}

.page-about .stat-container .stat-desc {
  display: inline-block;
  margin-bottom: -2px;
  padding-bottom: 20px;
  border-bottom: 2px solid #1FAE5B;
  font-size: 20px;
  line-height: 22px;
  font-weight: 700
}

.page-about .info-container .desc {
  margin-bottom: 30px;
  font-size: 12px;
  line-height: 20px
}

.page-invoice .invoice-wrapper {
  padding: 0 0 30px;
  background-color: #fff
}

.page-invoice .invoice-container {
  padding: 15px 15px 30px;
  background-color: #fff
}

.page-invoice .invoice-container .invoice-sum li {
  margin-bottom: 5px;
  padding: 10px;
  background-color: #f9f9f9
}

.page-invoice .table .bg-dark > th, .page-invoice .table.table-bordered {
  border: 0
}

.artist-banner {
  position: relative;
  height: 342px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
  border-bottom: 2px solid #1FAE5B;
  background-size: cover;
  background-position: center
}

.artist-banner:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: rgba(62, 62, 62, .7)
}

.artist-banner .artist-inner {
  display: inline-block;
  width: 50%;
  max-width: 70%;
  margin: 0;
  vertical-align: middle;
  position: relative
}

.artist-banner .artist-inner h5 {
  line-height: 22px
}

.artist-banner .artist-img {
  margin-top: 20px
}

.artist-banner .artist-img img {
  width: 100px;
  height: auto;
  padding: 4px;
  border: 3px solid #fff;
  border-bottom-color: transparent
}

.artist-banner .artist-style .artist-genre {
  display: inline-block;
  margin-right: 10px;
  font-weight: 700
}

.artist-banner .artist-style .artist-genre span {
  line-height: 13px
}

.artist-banner .artist-style .artist-genre span:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f111";
  font-size: 8px;
  margin-right: 5px
}

.artist-banner .artist-actions {
  display: inline-block;
  margin: 20px auto auto
}

.artist-banner .artist-actions .btn {
  display: inline-block;
  margin-right: 10px
}

.share-artist {
  height: 60px;
  background: #fff;
  text-align: center;
  line-height: 60px
}

.share-artist .share-artist__buttons {
  display: inline-block;
  margin: auto
}

.share-artist .share-artist__buttons .btn {
  display: inline-block;
  margin-right: 5px
}

.artist-sub-header {
  background: #fff;
  padding: 5px 40px
}

.artist-sub-header .artist-stats-block {
  display: inline-block;
  margin-right: 20px;
  padding: 10px
}

.artist-sub-header .artist-stats-block .stats-label {
  color: #bcbcbc
}

.artist-sub-header .artist-stats-block .stats-value {
  color: #2a2a2a;
  font-size: 14px
}

.album-banner {
  position: relative;
  height: 342px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
  border-bottom: 2px solid #0287ec;
  background-size: cover;
  background-position: center
}

.album-banner:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: rgba(62, 62, 62, .7)
}

.album-banner .album-inner {
  display: inline-block;
  width: 50%;
  max-width: 70%;
  margin: 0;
  vertical-align: middle;
  position: relative
}

.album-banner .album-inner h5 {
  line-height: 22px
}

.album-banner .album-img {
  margin-top: 20px
}

.album-banner .album-img img {
  width: 100px;
  height: 100px;
  padding: 4px;
  border: 3px solid #fff;
  border-bottom-color: transparent
}

.album-banner .album-style .album-genre {
  display: inline-block;
  margin-right: 10px;
  font-weight: 700
}

.album-banner .album-style .album-genre span {
  line-height: 13px
}

.album-banner .album-style .album-genre span:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f111";
  font-size: 8px;
  margin-right: 5px
}

.album-banner .album-actions {
  display: inline-block;
  margin: 20px auto auto
}

.album-banner .album-actions .btn {
  display: inline-block;
  margin-right: 10px
}

.share-album {
  height: 60px;
  background: #fff;
  text-align: center;
  line-height: 60px
}

.share-album .share-album__buttons {
  display: inline-block;
  margin: auto
}

.share-album .share-album__buttons .btn {
  display: inline-block;
  margin-right: 5px
}

.album-sub-header {
  background: #fff;
  padding: 5px 40px
}

.album-sub-header .album-stats-block {
  display: inline-block;
  margin-right: 20px;
  padding: 10px
}

.album-sub-header .album-stats-block .stats-label {
  color: #bcbcbc
}

.album-sub-header .album-stats-block .stats-value {
  color: #2a2a2a;
  font-size: 14px
}

.page-dashboard .panel {
  margin-bottom: 0
}

.page-dashboard .panel-body--dashboard {
  padding-bottom: 0;
  position: relative
}

.page-dashboard .music-genres-listing .list-item__image {
  min-height: 160px
}

.page-dashboard .dashboard-banner {
  padding-top: 80px;
  padding-bottom: 80px;
  background: url(../images/dashboardbanner.jpg) 0/cover;
  text-align: center;
  position: relative;
  border-bottom: 5px solid #dedede
}

.page-dashboard .dashboard-banner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(62, 62, 62, .7)
}

.page-dashboard .dashboard-banner .dashboard-banner__content {
  color: #fff;
  max-width: 60%;
  margin: auto;
  position: relative
}

.page-dashboard .dashboard-banner .dashboard-banner__content > h2 {
  margin-bottom: 20px
}

.page-dashboard .dashboard-banner .dashboard-banner__content > h5 {
  line-height: 22px;
  margin-bottom: 20px
}

.page-dashboard .tabs-actions {
  position: absolute;
  right: 40px;
  top: 40px
}

.page-dashboard .tabs-actions > i {
  color: #dedede;
  font-size: 20px;
  margin-right: 10px
}

.page-dashboard .chat-bar {
  display: none
}

.page-dashboard .chat-bar.visible {
  display: table-cell
}

.music-listing {
  padding: 10px
}

.music-listing .music-listing__header {
  margin-bottom: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E8E8E8;
  height: 60px
}

.music-listing .music-listing__header .music-listing__actions-top {
  float: left
}

.music-listing .music-listing__header .music-listing__actions-top .btn {
  margin-right: 5px
}

.music-listing .music-listing__header .music-listing__filter {
  max-width: 40%;
  float: right
}

.music-listing .music-listing__header .music-listing__switch {
  float: right;
  margin-right: 10px
}

.music-listing .music-listing__header .music-listing__switch .btn-switch {
  padding-left: 10px;
  padding-right: 10px;
  border: none;
  background: 0 0;
  color: #757575
}

.music-listing .music-listing__songs .music-listing__row {
  clear: both;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #E8E8E8
}

.music-listing .music-listing__songs .music-listing__number {
  float: left;
  width: 50px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  position: relative;
  margin-right: 10px
}

.music-listing .music-listing__songs .music-listing__number .play-button {
  position: absolute;
  top: -2px;
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .01s ease-out;
  -moz-transition: all .01s ease-out;
  -ms-transition: all .01s ease-out;
  -o-transition: all .01s ease-out;
  transition: all .01s ease-out
}

.music-listing .music-listing__songs .music-listing__number .play-button .btn {
  padding: 6px 18px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px
}

.music-listing .music-listing__songs .music-listing__thumbnail {
  float: left;
  margin-right: 10px
}

.music-listing .music-listing__songs .music-listing__thumbnail img {
  width: 35px;
  height: auto;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px
}

.music-listing .music-listing__songs .music-listing__name .music-listing__artist-name {
  font-weight: 500
}

.music-listing .music-listing__songs .music-listing__row-actions {
  height: 30px;
  margin-right: 10px;
  text-align: right;
  line-height: 30px;
  float: right;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .01s ease-out;
  -moz-transition: all .01s ease-out;
  -ms-transition: all .01s ease-out;
  -o-transition: all .01s ease-out;
  transition: all .01s ease-out
}

.music-listing .music-listing__songs .music-listing__row-actions .action {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border: 1px solid #fff;
  line-height: 24px;
  vertical-align: middle;
  background: #fff;
  color: #373737
}

.music-listing .music-listing__songs .music-listing__row-actions .action:hover {
  border: 1px solid #dedede;
  background: #fff;
  color: #373737;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%
}

.music-listing .music-listing__songs .music-listing__row:hover .music-listing__row-actions, .music-listing .music-listing__songs .music-listing__row:hover .play-button {
  opacity: 1;
  visibility: visible
}

.music-listing .album-wrapper {
  margin-bottom: 20px;
  margin-top: 20px
}

.music-listing .album-wrapper .music-listing__thumbnail {
  display: none
}

.music-listing .album_image {
  float: left;
  margin-top: 0;
  margin-bottom: 20px;
  margin-right: 20px
}

.music-listing .album_image img {
  width: 100px;
  height: auto;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px
}

.music-listing .album_name h4 {
  border: none;
  margin-bottom: 10px;
  margin-top: 0
}

.empty-playlist {
  text-align: center;
  color: #dedede
}

.empty-playlist .empty-icon {
  font-size: 100px
}

.empty-playlist .empty-message {
  margin-top: 20px;
  font-size: 20px;
  color: #bcbcbc
}

.player-region {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #1d1d1d;
  border-top: 2px solid #1FAE5B;
  z-index: 11
}

.player-image-region {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 140px;
  background-size: cover !important;
  background-position: center center !important;
  z-index: 10;
  padding: 0
}

.player-image-region:before {
  content: "";
  width: 100%;
  position: absolute;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  display: block;
  z-index: 1
}

.player-image-region .song-info__text {
  color: #fff;
  padding: 20px;
  position: relative;
  z-index: 2
}

.player-image-region .song-info__text .song-info__title {
  font-weight: 700;
  margin-bottom: 5px
}

.player-control {
  padding-top: 10px;
  padding-bottom: 10px
}

.player-control .btn {
  padding: 6px 12px;
  color: #fff
}

.player-control .song-info {
  margin-bottom: 10px;
  margin-left: 5px;
  height: 40px
}

.player-control .song-info img {
  width: 40px;
  height: auto;
  border-radius: 2px
}

.player-control .song-info .song-info__image {
  float: left;
  margin-right: 10px
}

.player-control .song-info .song-info__text {
  color: #fff
}

.player-control .song-info .song-info__text .song-info__title {
  font-weight: 700;
  margin-bottom: 5px
}

.player-control .song-duration {
  display: block;
  width: 100%;
  margin-top: 10px;
  height: 12px
}

@media (min-width: 768px) {
  .player-control .song-duration {
    margin-top: 0;
    display: inline-block;
    width: 50%
  }
}

.player-control .song-duration .song-duration-beg {
  float: left;
  width: 15%;
  text-align: center
}

.player-control .song-duration .progress {
  float: left;
  width: 70%;
  height: 4px;
  line-height: 60px;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  -ms-border-radius: 80px;
  -o-border-radius: 80px;
  border-radius: 80px;
  margin-top: 7px;
  margin-bottom: 10px
}

.player-control .song-duration .song-duration-end {
  float: right;
  width: 15%;
  text-align: center
}

.player-control .player-control-bottom {
  clear: both
}

.player-control .controlling-options {
  display: inline-block;
  width: 270px
}

.music-listing--queue {
  padding: 0 0 15px
}

.music-listing--queue .music-listing__header {
  margin-bottom: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E8E8E8;
  height: 60px
}

.music-listing--queue .music-listing__header .music-listing__actions-top {
  float: left
}

.music-listing--queue .music-listing__header .music-listing__actions-top .btn {
  margin-right: 5px
}

.music-listing--queue .music-listing__header .music-listing__filter {
  max-width: 40%;
  float: right
}

.music-listing--queue .music-listing__songs .music-listing__row {
  clear: both;
  margin-bottom: 3px;
  padding-bottom: 3px;
  margin-top: 3px;
  padding-top: 6px;
  color: #fff
}

.music-listing--queue .music-listing__songs .music-listing__row.on-drag-hover {
  padding-top: 50px
}

.music-listing--queue .music-listing__songs .music-listing__number {
  float: left;
  width: 40px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  position: relative;
  display: none
}

.music-listing--queue .music-listing__songs .music-listing__number .play-button {
  position: absolute;
  top: -2px;
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .01s ease-out;
  -moz-transition: all .01s ease-out;
  -ms-transition: all .01s ease-out;
  -o-transition: all .01s ease-out;
  transition: all .01s ease-out
}

.music-listing--queue .music-listing__songs .music-listing__thumbnail {
  float: left;
  margin-right: 10px;
  margin-left: 10px;
  cursor: pointer
}

.music-listing--queue .music-listing__songs .music-listing__thumbnail img {
  width: 30px;
  height: auto;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px
}

.music-listing--queue .music-listing__songs .music-listing__name {
  cursor: move
}

.music-listing--queue .music-listing__songs .music-listing__name .music-listing__artist-name {
  font-weight: 700;
  cursor: move
}

.music-listing--queue .music-listing__songs .music-listing__row-actions {
  height: 30px;
  margin-right: 10px;
  text-align: right;
  line-height: 30px;
  float: right;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .01s ease-out;
  -moz-transition: all .01s ease-out;
  -ms-transition: all .01s ease-out;
  -o-transition: all .01s ease-out;
  transition: all .01s ease-out
}

.music-listing--queue .music-listing__songs .music-listing__row-actions .action {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  width: 24px;
  height: 24px;
  line-height: 24px;
  vertical-align: middle;
  background: 0 0;
  color: #fff
}

.music-listing--queue .music-listing__songs .music-listing__row-actions .action:hover {
  color: #fff
}

.music-listing--queue .music-listing__songs .music-listing__row:hover .music-listing__row-actions, .music-listing--queue .music-listing__songs .music-listing__row:hover .play-button {
  opacity: 1;
  visibility: visible
}

.music-listing--queue .music-listing__songs .music-listing__row.active {
  background-color: #373737;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px
}

.empty-listing {
  text-align: center;
  color: #bcbcbc;
  padding: 20px
}

.empty-listing .empty-listing-icon {
  font-size: 40px
}

.empty-listing .empty-listing-message {
  margin-top: 20px;
  font-size: 13px;
  color: #bcbcbc
}

.page-list .page-actions .buttons-left {
  width: auto;
  display: inline-block
}

.page-list .page-actions .buttons-right {
  display: inline-block;
  float: right;
  line-height: 40px
}

.page-list .page-actions .buttons-right i {
  font-size: 17px;
  margin-right: 10px
}

.music-covers-listing .list-item__wrap {
  margin-bottom: 40px
}

.music-covers-listing .list-item__image {
  position: relative;
  z-index: 1;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden
}

.music-covers-listing .list-item__image img {
  width: 100%;
  max-width: 100%;
  height: auto
}

.music-covers-listing .list-item__image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%
}

.music-covers-listing .list-item__style {
  margin-top: 15px
}

.music-covers-listing .list-item__style .artist-genre {
  display: inline-block;
  margin-right: 5px
}

.music-covers-listing .list-item__style .artist-genre span {
  line-height: 13px
}

.music-covers-listing.minified .list-item__style .artist-genre {
  display: none
}

.music-covers-listing .list-item__play {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 40%;
  left: 0;
  height: 10%;
  display: block;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out
}

.music-covers-listing .list-item__play .list-item__play-button {
  width: 40px;
  height: 40px;
  line-height: 50px;
  display: block;
  margin-left: 55px;
  background: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, .3);
  -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, .3);
  -ms-box-shadow: 0 0 0 10px rgba(0, 0, 0, .3);
  -o-box-shadow: 0 0 0 10px rgba(0, 0, 0, .3);
  box-shadow: 0 0 0 10px rgba(0, 0, 0, .3);
  color: #1FAE5B
}

.music-covers-listing .list-item__wrap:hover .list-item__play {
  visibility: visible;
  opacity: 1
}

.music-genres-listing .list-item__wrap {
  margin-bottom: 20px
}

.music-genres-listing .list-item__image {
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 200px;
  background-size: cover !important;
  background-repeat: no-repeat;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  overflow: hidden
}

.music-genres-listing .list-item__image img {
  width: 100%;
  height: 100%;

}

.music-genres-listing .list-item__image:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .4);
  position: absolute;
  top: 0;
  left: 0
}

.music-genres-listing .list-item__name {
  text-align: center;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%
}

.music-genres-listing .list-item__name .genre-icon {
  width: 100%;
  text-align: center;
  margin-top: 20%;
  color: #fff
}

.music-genres-listing .list-item__name .genre-icon i {
  font-size: 40px
}

.music-genres-listing .list-item__name h5 {
  color: #fff;
  text-decoration: none;
  font-weight: 700
}

.music-genres-listing .list-item__play {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 30%;
  left: 0;
  display: block;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out
}

.music-genres-listing .list-item__play .list-item__play-button {
  width: 40px;
  height: 40px;
  line-height: 50px;
  display: block;
  margin: auto;
  background: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, .3);
  -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, .3);
  -ms-box-shadow: 0 0 0 10px rgba(0, 0, 0, .3);
  -o-box-shadow: 0 0 0 10px rgba(0, 0, 0, .3);
  box-shadow: 0 0 0 10px rgba(0, 0, 0, .3);
  color: #1FAE5B
}

.music-genres-listing .list-item__wrap:hover .list-item__play {
  visibility: visible;
  opacity: 1
}

.now-playing {
  text-align: center
}

@media (min-width: 768px) {
  .now-playing .now-playing__column {
    border-right: 1px solid #E8E8E8
  }
}

.now-playing .now-playing__column:last-child {
  border: none
}

.now-playing .now-playing__image {
  display: inline-block;
  position: relative
}

.now-playing .now-playing__image .now-playing__music-icon {
  display: block;
  top: 0;
  right: 0;
  position: absolute;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  background: #fff;
  border: 2px solid #fff;
  line-height: 10px
}

.now-playing .now-playing__image .now-playing__music-icon > i {
  color: #bcbcbc;
  border-radius: 100%;
  border: 2px solid #bcbcbc;
  font-size: 7px;
  margin-right: 0;
  padding: 2px
}

.now-playing .now-playing__name, .now-playing .now-playint__rating {
  color: #2a2a2a
}

.now-playing .now-playint__rating .rating-value {
  font-weight: 700
}

.now-playing .now-playing__song {
  font-size: 10px;
  color: #bcbcbc
}

.now-playing .now-playing__artist {
  margin-top: 10px
}

.now-playing .now-playing__artist i {
  color: #1FAE5B
}